.spazioil-video-gallery{display:block;overflow:hidden;color:rgb(var(--color-foreground));background:rgb(var(--color-background))}.spazioil-video-gallery--contained .spazioil-video-gallery__header,.spazioil-video-gallery--contained .spazioil-video-gallery__track-wrap,.spazioil-video-gallery--contained .spazioil-video-gallery__editor-note{width:calc(100% - 4rem);margin-right:auto;margin-left:auto}.spazioil-video-gallery__header{display:flex;align-items:flex-end;justify-content:space-between;gap:2.4rem;margin-bottom:2.4rem}.spazioil-video-gallery--full .spazioil-video-gallery__header{padding-top:0}.spazioil-video-gallery__heading-wrap{max-width:72rem}.spazioil-video-gallery__subheading{margin:0 0 1rem;color:rgb(var(--color-foreground));opacity:.72}.spazioil-video-gallery__heading{margin:0;color:rgb(var(--color-foreground-title))}.spazioil-video-gallery__text{max-width:58rem;margin-top:1.2rem;color:rgb(var(--color-foreground));opacity:.78}.spazioil-video-gallery__text p{margin:0}.spazioil-video-gallery__navigation{display:flex;flex:0 0 auto;gap:.8rem}.spazioil-video-gallery__arrow{display:inline-flex;width:4.2rem;height:4.2rem;align-items:center;justify-content:center;padding:0;color:rgb(var(--color-foreground-title));background:transparent;border:.1rem solid rgba(var(--color-foreground),.26);border-radius:50%;cursor:pointer;transition:color var(--duration-default),background-color var(--duration-default),border-color var(--duration-default)}.spazioil-video-gallery__arrow:hover{color:rgb(var(--color-background));background:rgb(var(--color-foreground-title));border-color:rgb(var(--color-foreground-title))}.spazioil-video-gallery__arrow:focus-visible,.spazioil-video-card__play:focus-visible,.spazioil-video-card__link:focus-visible{outline:.2rem solid rgb(var(--color-foreground-title));outline-offset:.3rem}.spazioil-video-gallery__arrow svg{width:1.2rem;height:1.2rem}.spazioil-video-gallery__track-wrap--full{padding-right:2rem;padding-left:2rem}.spazioil-video-gallery__track{display:flex;gap:1.2rem;overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:.8rem;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.spazioil-video-gallery__track::-webkit-scrollbar{display:none}.spazioil-video-card{flex:0 0 min(82vw,33rem);min-width:0;scroll-snap-align:start}.spazioil-video-card__media{position:relative;overflow:hidden;aspect-ratio:var(--spazioil-video-ratio, 4 / 5);background:rgba(var(--color-foreground),.06);border-radius:.4rem}.spazioil-video-card__video,.spazioil-video-card__placeholder,.spazioil-video-card__placeholder svg{width:100%;height:100%}.spazioil-video-card__video{display:block;object-fit:cover}.spazioil-video-card__placeholder{position:relative;display:flex;align-items:center;justify-content:center}.spazioil-video-card__placeholder svg{position:absolute;top:0;right:0;bottom:0;left:0;fill:rgba(var(--color-foreground),.1)}.spazioil-video-card__placeholder span{position:relative;z-index:1;max-width:18rem;padding:1.2rem;font-size:1.2rem;line-height:1.4;text-align:center}.spazioil-video-card__play{position:absolute;top:50%;left:50%;display:flex;width:6rem;height:6rem;align-items:center;justify-content:center;padding:0;color:#2f2a26;background:#f7f3f0eb;border:0;border-radius:50%;box-shadow:0 .8rem 2.4rem #2f2a2629;cursor:pointer;transform:translate(-50%,-50%);transition:opacity var(--duration-default),transform var(--duration-default),background-color var(--duration-default)}.spazioil-video-card__play:hover{background:#fff;transform:translate(-50%,-50%) scale(1.04)}.spazioil-video-card.is-playing .spazioil-video-card__play{pointer-events:none;opacity:0}.spazioil-video-card__play-icon{display:inline-flex;margin-left:.3rem}.spazioil-video-card__play-icon svg{width:1.8rem;height:1.8rem}.spazioil-video-card__content{display:flex;align-items:flex-start;justify-content:space-between;gap:1.6rem;padding-top:1.6rem}.spazioil-video-card__heading{margin:0;color:rgb(var(--color-foreground-title));font-family:var(--font-body-family);font-size:1.5rem;font-style:var(--font-body-style);font-weight:500;line-height:1.35}.spazioil-video-card__caption{margin:.6rem 0 0;color:rgb(var(--color-foreground));font-size:1.2rem;letter-spacing:.06em;line-height:1.5;opacity:.7}.spazioil-video-card__link{display:inline-flex;flex:0 0 auto;align-items:center;gap:.7rem;margin-top:.1rem;color:rgb(var(--color-foreground-title));font-size:1.2rem;font-weight:600;line-height:1.4;text-decoration:none}.spazioil-video-card__link svg{width:1.2rem;height:auto;transition:transform var(--duration-default)}.spazioil-video-card__link:hover svg{transform:translate(.3rem)}.spazioil-video-gallery__editor-note{margin-top:1.2rem;padding:1.2rem 1.6rem;color:rgb(var(--color-foreground));font-size:1.2rem;border:.1rem dashed rgba(var(--color-foreground),.35)}@media screen and (min-width:750px){.spazioil-video-gallery__header{margin-bottom:3.2rem}.spazioil-video-gallery__track{gap:2rem}.spazioil-video-card{flex-basis:calc((100% - 2rem)/2)}}@media screen and (min-width:990px){.spazioil-video-gallery--columns-2 .spazioil-video-card{flex-basis:calc((100% - 2.4rem)/2)}.spazioil-video-gallery--columns-3 .spazioil-video-card{flex-basis:calc((100% - 4.8rem) / 3)}.spazioil-video-gallery--columns-4 .spazioil-video-card{flex-basis:calc((100% - 7.2rem)/4)}.spazioil-video-gallery__track{gap:2.4rem}}@media screen and (min-width:1200px){.spazioil-video-gallery--contained .spazioil-video-gallery__header,.spazioil-video-gallery--contained .spazioil-video-gallery__track-wrap,.spazioil-video-gallery--contained .spazioil-video-gallery__editor-note{width:62.5vw;max-width:120rem}.spazioil-video-gallery__track-wrap--full{padding-right:6.4rem;padding-left:6.4rem}}@media screen and (max-width:749px){.spazioil-video-gallery__header{align-items:flex-end}.spazioil-video-gallery__heading{font-size:2.4rem}.spazioil-video-gallery__text{font-size:1.3rem;line-height:1.55}.spazioil-video-gallery__navigation{display:none}.spazioil-video-card__play{width:5.4rem;height:5.4rem}}@media(prefers-reduced-motion:reduce){.spazioil-video-gallery__track{scroll-behavior:auto}.spazioil-video-gallery__arrow,.spazioil-video-card__play,.spazioil-video-card__link svg{transition:none}}.product__inline-video-gallery{width:100%;min-width:0;margin-top:2.4rem}.spazioil-video-gallery.spazioil-video-gallery--inline{width:100%;min-width:0;overflow:hidden;background:transparent}.spazioil-video-gallery--inline .spazioil-video-gallery__header{align-items:center;gap:1.2rem;margin-bottom:1.4rem}.spazioil-video-gallery--inline .spazioil-video-gallery__heading-wrap{max-width:none}.spazioil-video-gallery--inline .spazioil-video-gallery__subheading{margin:0 0 .5rem;font-size:1.05rem;font-weight:600;letter-spacing:.1em;line-height:1.3;opacity:.66}.spazioil-video-gallery--inline .spazioil-video-gallery__heading{margin:0;font-family:var(--font-heading-family);font-size:1.8rem;font-weight:var(--font-heading-weight);letter-spacing:-.015em;line-height:1.25}.spazioil-video-gallery--inline .spazioil-video-gallery__navigation{display:none;gap:.6rem}.spazioil-video-gallery--inline .spazioil-video-gallery__arrow{width:3.6rem;height:3.6rem}.spazioil-video-gallery--inline .spazioil-video-gallery__track-wrap{width:100%;min-width:0}.spazioil-video-gallery--inline .spazioil-video-gallery__track{width:100%;gap:1rem;padding-bottom:.4rem}.spazioil-video-gallery--inline .spazioil-video-card{flex:0 0 86%}.spazioil-video-gallery--inline.spazioil-video-gallery--single .spazioil-video-card{flex-basis:100%}.spazioil-video-gallery--inline .spazioil-video-card__media{border-radius:.3rem}.spazioil-video-gallery--inline .spazioil-video-card__play{width:4.8rem;height:4.8rem}.spazioil-video-gallery--inline .spazioil-video-card__play-icon svg{width:1.5rem;height:1.5rem}.spazioil-video-gallery--inline .spazioil-video-gallery__editor-note{width:100%;margin:1rem 0 0}@media screen and (min-width:990px){.spazioil-video-gallery--inline .spazioil-video-gallery__navigation{display:flex}.spazioil-video-gallery--inline .spazioil-video-card{flex-basis:calc((100% - 1rem)/2)}.spazioil-video-gallery--inline.spazioil-video-gallery--single .spazioil-video-card{flex-basis:100%}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/section-spazioil-video-gallery.css.map */