.sooler-media-columns{display:block;padding-block:var(--sooler-media-columns-padding-top) var(--sooler-media-columns-padding-bottom);color:var(--sooler-media-columns-text);background:var(--sooler-media-columns-bg)}.sooler-media-columns__intro{margin-bottom:clamp(28px,4vw,56px)}.sooler-media-columns__intro.text-center{max-width:920px;margin-inline:auto}.sooler-media-columns__intro.text-right{margin-left:auto}.sooler-media-columns__heading{margin:0;color:inherit;font-size:clamp(2rem,3.2vw,3.75rem);line-height:1.08}.sooler-media-columns__subheading{margin-top:var(--sooler-media-columns-intro-gap);color:inherit}.sooler-media-columns__subheading>*{margin-block:0}.sooler-media-columns__grid{display:grid;grid-template-columns:repeat(var(--sooler-media-columns-columns),minmax(0,1fr));gap:var(--sooler-media-columns-card-gap)}.sooler-media-columns__card{min-width:0;color:inherit}.sooler-media-columns__media{position:relative;width:100%;overflow:hidden;border-radius:var(--sooler-media-columns-radius);background:#0404040f}.sooler-media-columns__media--square{aspect-ratio:1 / 1}.sooler-media-columns__media--portrait{aspect-ratio:4 / 5}.sooler-media-columns__media--landscape{aspect-ratio:4 / 3}.sooler-media-columns__media--adapt{min-height:1px}.sooler-media-columns__media.is-clickable{cursor:pointer}.sooler-media-columns__image,.sooler-media-columns__video,.sooler-media-columns__placeholder{display:block;width:100%}.sooler-media-columns__media:not(.sooler-media-columns__media--adapt) :is(.sooler-media-columns__image,.sooler-media-columns__video,.sooler-media-columns__placeholder){height:100%;object-fit:cover}.sooler-media-columns__media--adapt :is(.sooler-media-columns__image,.sooler-media-columns__video,.sooler-media-columns__placeholder){height:auto}.sooler-media-columns__content{margin-top:var(--sooler-media-columns-media-gap)}.sooler-media-columns__card-heading{margin:0;color:inherit;font-size:clamp(1.35rem,2vw,2rem);line-height:1.18}.sooler-media-columns__text{color:inherit}.sooler-media-columns__card-heading+.sooler-media-columns__text{margin-top:var(--sooler-media-columns-copy-gap)}.sooler-media-columns__text>*{margin-block:0}.sooler-media-columns__action{margin-top:18px}.sooler-media-columns__button{display:inline-flex}.sooler-media-columns__button--black{color:#fff;background:#040404;border-color:#040404}.sooler-media-columns__button--white{color:#040404;background:#fff;border-color:#fff}.sooler-media-columns__button--ghost{height:auto;padding:2px 0;border-radius:0;color:inherit}.sooler-media-columns__empty{grid-column:1 / -1;margin:0}.sooler-media-columns__video-control,.sooler-media-columns__viewer-button{position:absolute;z-index:3;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;color:#fff;background:#04040499;cursor:pointer;transition:background .2s ease,opacity .2s ease,transform .2s ease}.sooler-media-columns__video-control:hover,.sooler-media-columns__viewer-button:hover{background:#040404d1}.sooler-media-columns__video-control svg,.sooler-media-columns__viewer-button svg{width:48%;height:48%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sooler-media-columns__video-open{top:50%;left:50%;width:56px;height:56px;transform:translate(-50%,-50%)}.sooler-media-columns__video-open:hover{transform:translate(-50%,-50%) scale(1.04)}.sooler-media-columns__video-sound{right:12px;bottom:12px}.sooler-media-columns-icon-volume,.sooler-media-columns__video-sound.is-unmuted .sooler-media-columns-icon-muted,.sooler-media-columns__viewer-sound.is-unmuted .sooler-media-columns-icon-muted{display:none}.sooler-media-columns__video-sound.is-unmuted .sooler-media-columns-icon-volume,.sooler-media-columns__viewer-sound.is-unmuted .sooler-media-columns-icon-volume{display:block}.sooler-media-columns__viewer[hidden]{display:none}.sooler-media-columns__viewer{position:fixed;z-index:9999;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#0000009e}.sooler-media-columns__viewer-panel{position:relative;width:min(1120px,92vw);height:min(780px,90dvh);overflow:hidden;border-radius:18px;background:#111;box-shadow:0 24px 80px #0000005c}.sooler-media-columns__viewer-feed,.sooler-media-columns__viewer-slide{width:100%;height:100%}.sooler-media-columns__viewer-slide{display:none}.sooler-media-columns__viewer-slide.is-active{display:block}.sooler-media-columns__viewer-slide video{display:block;width:100%;height:100%;object-fit:contain}.sooler-media-columns__viewer-close{top:20px;left:20px}.sooler-media-columns__viewer-prev{top:50%;left:20px;transform:translateY(-50%)}.sooler-media-columns__viewer-next{top:50%;right:20px;transform:translateY(-50%)}.sooler-media-columns__viewer-play{top:50%;left:50%;width:68px;height:68px;transform:translate(-50%,-50%);opacity:0}.sooler-media-columns__viewer-play.is-paused{opacity:1}.sooler-media-columns__viewer-play .sooler-media-columns-icon-play,.sooler-media-columns__viewer-play.is-paused .sooler-media-columns-icon-pause{display:none}.sooler-media-columns__viewer-play.is-paused .sooler-media-columns-icon-play,.sooler-media-columns__viewer-play:not(.is-paused) .sooler-media-columns-icon-pause{display:block}.sooler-media-columns__viewer-panel:hover .sooler-media-columns__viewer-play:not(.is-paused),.sooler-media-columns__viewer-play:focus-visible{opacity:1}.sooler-media-columns__viewer-sound{right:20px;bottom:20px}.sooler-media-columns__viewer-prev:disabled,.sooler-media-columns__viewer-next:disabled{opacity:.25;cursor:default}@media screen and (hover:hover){.sooler-media-columns__button--black:hover,.sooler-media-columns__button--black:focus{color:#fff;background:#242424;border-color:#242424}.sooler-media-columns__button--white:hover,.sooler-media-columns__button--white:focus{color:#040404;background:#f3f3f3;border-color:#f3f3f3}}@media only screen and (max-width:767px){.sooler-media-columns__grid{grid-template-columns:repeat(var(--sooler-media-columns-mobile-columns),minmax(0,1fr))}.sooler-media-columns__intro{margin-bottom:28px}.sooler-media-columns__heading{font-size:clamp(2rem,9vw,3rem)}.sooler-media-columns__card-heading{font-size:clamp(1.2rem,5.5vw,1.65rem)}.sooler-media-columns__viewer{padding:0;background:#111}.sooler-media-columns__viewer-panel{width:100vw;height:100dvh;border-radius:0}.sooler-media-columns__viewer-close{top:max(16px,env(safe-area-inset-top));left:16px}.sooler-media-columns__viewer-prev{left:16px}.sooler-media-columns__viewer-next{right:16px}.sooler-media-columns__viewer-sound{right:16px;bottom:max(18px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.sooler-media-columns__video-control,.sooler-media-columns__viewer-button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/sooler-media-columns.css.map */
