.sb-product-main__media-modal-trigger{background:transparent;border:0;border-radius:inherit;cursor:zoom-in;top:0;right:0;bottom:0;left:0;margin:0;padding:0;position:absolute;z-index:4}.sb-product-main__media-modal-trigger:focus-visible{box-shadow:inset 0 0 0 3px var(--sb-color-primary-500);outline:0}.sb-product-main__media-gallery-modal{background:transparent;border:0;box-sizing:border-box;color:var(--sb-color-neutral-900);height:100vh;top:0;right:0;bottom:0;left:0;margin:0;max-height:none;max-width:none;overflow:visible;padding:0;pointer-events:none;position:fixed;width:100vw;z-index:60}.sb-product-main__media-gallery-modal::backdrop{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}html.sb-media-gallery-modal-open:before{background:var(--sb-color-always-black-25);-webkit-backdrop-filter:blur(var(--sb-space-8));backdrop-filter:blur(var(--sb-space-8));content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:fixed;z-index:55}.sb-product-main__media-gallery-modal-surface{align-items:center;background:var(--sb-color-neutral-200);border-radius:48px;box-shadow:0 var(--sb-space-48) var(--sb-space-48) 0 var(--sb-color-always-black-25);box-sizing:border-box;display:flex;height:auto;justify-content:center;left:50%;max-height:736px;max-width:960px;overflow:hidden;padding:24px;pointer-events:auto;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100vw - 192px)}.sb-product-main__media-gallery-modal-close{align-items:center;background:transparent;border:0;border-radius:0;box-shadow:none;color:var(--sb-color-neutral-100);cursor:pointer;display:inline-flex;font-size:0;height:30px;justify-content:center;line-height:0;margin:0;min-height:30px;min-width:30px;overflow:visible;padding:0;position:absolute;right:24px;top:24px;transition:none;width:30px;z-index:5}.sb-product-main__media-gallery-modal-close:before{-webkit-mask-image:url(icon-cancel-circle.svg);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:30px 30px;background:currentColor;content:"";display:block;height:30px;left:50%;mask-image:url(icon-cancel-circle.svg);mask-position:center;mask-repeat:no-repeat;mask-size:30px 30px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:none;width:30px;z-index:1}.sb-product-main__media-gallery-modal-close:after{background:var(--sb-color-neutral-900);border-radius:999px;content:"";display:block;height:28px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:none;width:28px;z-index:0}.sb-product-main__media-gallery-modal-close:focus-visible,.sb-product-main__media-gallery-modal-close:active{background:transparent}.sb-product-main__media-gallery-modal-close:focus-visible:after,.sb-product-main__media-gallery-modal-close:active:after{background:var(--sb-color-primary-500)}@media(hover:hover)and (pointer:fine){.sb-product-main__media-gallery-modal-close:hover{background:transparent}.sb-product-main__media-gallery-modal-close:hover:after{background:var(--sb-color-primary-500)}}.sb-product-main__media-gallery-modal-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:24px;height:auto;justify-content:center;max-height:688px;min-height:0;width:100%}.sb-product-main__media-gallery-modal-stage{align-items:center;box-sizing:border-box;display:flex;flex:0 1 600px;justify-content:center;max-height:600px;max-width:600px;min-height:0;width:min(600px,calc(100% - 144px))}.sb-product-main__media-gallery-modal-stage .sb-product-main__media-item{aspect-ratio:1 / 1;border-radius:24px;box-shadow:0 0 10px 0 var(--sb-color-always-black-12);height:auto;max-height:100%;max-width:100%;width:100%}.sb-product-main__media-gallery-modal-stage .sb-product-main__media-item[hidden]{display:none}.sb-product-main__media-gallery-modal-stage .sb-product-main__media-asset,.sb-product-main__media-gallery-modal-stage .sb-product-main__media-video-poster{object-fit:contain}.sb-product-main__media-gallery-modal-stage video::-webkit-media-controls{display:none!important}.sb-product-main__media-gallery-modal-stage .sb-product-main__media-modal-trigger{display:none}.sb-product-main__media-gallery-modal-thumbnails{display:flex;flex:0 0 64px;gap:8px;justify-content:safe center;margin-inline:-24px;max-width:calc(100% + 48px);min-height:64px;overflow-x:auto;overflow-y:hidden;padding-inline:24px;scroll-padding-inline:24px;scrollbar-width:none;width:calc(100% + 48px);-webkit-overflow-scrolling:touch}.sb-product-main__media-gallery-modal-thumbnails::-webkit-scrollbar{display:none}.sb-product-main__media-gallery-modal-thumbnail{--sb-media-gallery-modal-thumbnail-radius: 12px;background:var(--sb-color-neutral-200);border:0;border-radius:var(--sb-media-gallery-modal-thumbnail-radius);box-shadow:0 0 10px 0 var(--sb-color-always-black-12);box-sizing:border-box;cursor:pointer;flex:0 0 64px;height:64px;margin:0;overflow:hidden;padding:0;position:relative;width:64px}.sb-product-main__media-gallery-modal-thumbnail:after{border:2px solid var(--sb-color-neutral-800);border-radius:inherit;box-sizing:border-box;content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:2}.sb-product-main__media-gallery-modal-thumbnail.is-active{box-shadow:0 0 10px 0 var(--sb-color-always-black-12)}.sb-product-main__media-gallery-modal-thumbnail.is-active:after{border-color:var(--sb-color-primary-500)}.sb-product-main__media-gallery-modal-thumbnail:focus-visible{outline:2px solid var(--sb-color-primary-500);outline-offset:3px}.sb-product-main__media-gallery-modal-thumbnail-image{display:block;height:100%;top:0;right:0;bottom:0;left:0;object-fit:cover;object-position:center;pointer-events:none;position:absolute;width:100%;z-index:1}.sb-product-main__media-gallery-modal-nav{align-items:center;background:transparent;border:0;border-radius:999px;box-shadow:0 0 24px 0 var(--sb-color-always-black-25);cursor:pointer;display:inline-flex;height:48px;justify-content:center;margin:0;opacity:1;padding:0;position:absolute;top:50%;touch-action:manipulation;transform:translateY(-50%);-webkit-user-select:none;user-select:none;width:48px;z-index:4}.sb-product-main__media-gallery-modal-nav[hidden]{display:none}.sb-product-main__media-gallery-modal-nav--previous{left:24px}.sb-product-main__media-gallery-modal-nav--next{right:24px}.sb-product-main__media-gallery-modal-nav:focus-visible{outline:2px solid var(--sb-color-primary-500);outline-offset:3px}.sb-product-main__media-gallery-modal-nav-icon{display:block;height:48px;width:48px}.sb-product-main__media-gallery-modal-nav--next .sb-product-main__media-gallery-modal-nav-icon{transform:rotate(180deg)}.sb-product-main__media-gallery-modal-nav-icon svg{display:block;height:100%;overflow:visible;width:100%}.sb-product-main__media-gallery-modal-nav-icon svg path:first-child{fill:var(--sb-color-neutral-100)}.sb-product-main__media-gallery-modal-nav-icon svg path:last-child{fill:var(--sb-color-neutral-900)}@media(hover:hover)and (pointer:fine){.sb-product-main__media-gallery-modal-nav:hover .sb-product-main__media-gallery-modal-nav-icon svg path:last-child{fill:var(--sb-color-primary-500)}}@media(max-width:749px){.sb-product-main__media-gallery-modal{height:100vh;width:100vw}.sb-product-main__media-gallery-modal-surface{align-items:stretch;border-radius:32px;flex-direction:column;height:auto;max-height:calc(100vh - 24px);overflow:hidden;width:calc(100vw - 24px)}.sb-product-main__media-gallery-modal-close{align-self:flex-end;flex:0 0 30px;margin-bottom:24px;position:relative;right:auto;top:auto}.sb-product-main__media-gallery-modal-content{align-items:stretch;height:auto;justify-content:center;max-height:calc(100vh - 126px);min-height:0}.sb-product-main__media-gallery-modal-stage{align-self:stretch;display:block;flex:0 1 auto;margin-inline:auto;max-height:min(600px,calc(100vh - 214px));max-width:600px;min-height:0;width:min(600px,100%)}.sb-product-main__media-gallery-modal-stage .sb-product-main__media-item{height:min(600px,calc(100vw - 72px),calc(100vh - 214px));min-width:100%;width:100%}.sb-product-main__media-gallery-modal-nav{--sb-media-gallery-modal-mobile-nav-right: calc(48px + (100% - 48px - min(600px, 100% - 48px))/2) ;background:var(--sb-color-always-black-50);box-shadow:none;top:auto;transform:none}.sb-product-main__media-gallery-modal-nav--previous{bottom:136px;left:auto;right:calc(var(--sb-media-gallery-modal-mobile-nav-right) + 64px)}.sb-product-main__media-gallery-modal-nav--next{bottom:136px;right:var(--sb-media-gallery-modal-mobile-nav-right)}.sb-product-main__media-gallery-modal-nav-icon svg path:first-child{fill:transparent}.sb-product-main__media-gallery-modal-nav-icon svg path:last-child{fill:var(--sb-color-always-white)}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/product-media-gallery-modal.css.map */