modal-media-gallery{display:block;block-size:100%;background:#f2f2f4}@media(min-width:768px){modal-media-gallery .swiper-wrapper{block-size:100vh}}.modal-media-gallery{block-size:100%}.modal-media-gallery-slide{--ar: 2 / 3;aspect-ratio:var(--ar, 2 / 3)}@media(min-width:768px){.modal-media-gallery-slide{--ar: 4 / 5}}.modal-media-gallery-slide>*{aspect-ratio:var(--ar, 2 / 3);inline-size:100%;block-size:100%;object-fit:cover}@media(min-width:768px){.modal-media-gallery-slide>*{object-fit:contain}}.modal-media-gallery-scrollbar{position:absolute;inset-block-end:0;z-index:1;inline-size:100%;block-size:var(--space-1)}.modal-media-gallery-scrollbar .swiper-scrollbar-drag{position:absolute;inset-inline-start:0;block-size:100%;background-color:var(--scheme-background-inverse)}.modal-media-gallery-thumbnails{--thumb-gap: var(--space-4);display:flex;flex-wrap:nowrap;gap:var(--thumb-gap);margin-inline-end:var(--action-icon-padding);overflow:auto hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - calc(var(--gutter) * 4)),transparent);mask-image:linear-gradient(to right,#000 calc(100% - calc(var(--gutter) * 4)),transparent);scrollbar-width:none;-ms-overflow-style:none}.modal-media-gallery-thumbnails::-webkit-scrollbar{display:none}@media(min-width:768px){.modal-media-gallery-thumbnails{--thumb-size: 58px;--thumb-gap: var(--space-1);--thumb-gap-desktop: var(--space-40);position:absolute;z-index:3;overflow:auto;max-block-size:70%;inset-block-start:50%;inset-inline:auto calc(var(--gutter) + var(--action-icon-padding));transform:translateY(-50%);padding:0;flex-direction:column;align-items:flex-end;gap:var(--thumb-gap-desktop);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 calc(var(--gutter) * 2),#000 calc(100% - calc(var(--gutter) * 2)),transparent);mask-image:linear-gradient(to bottom,transparent,#000 calc(var(--gutter) * 2),#000 calc(100% - calc(var(--gutter) * 2)),transparent)}}.modal-media-gallery-thumbnail{position:relative;flex-shrink:0;scroll-snap-align:start;inline-size:unset;block-size:unset;padding:0;border-width:0 0 1px;border-style:solid;border-color:transparent;background:none;cursor:pointer;overflow:hidden;transition:border-color var(--transition),opacity var(--transition)}@media(min-width:768px){.modal-media-gallery-thumbnail{inline-size:var(--thumb-size);block-size:max-content}.modal-media-gallery-thumbnail:first-child{margin-block-start:calc(var(--gutter) * 2)}.modal-media-gallery-thumbnail:last-child{padding-inline-end:0;margin-block-end:calc(var(--gutter) * 2)}}.modal-media-gallery-thumbnail:hover{opacity:.8}.modal-media-gallery-thumbnail>img{display:block;inline-size:100%;block-size:100%;object-fit:cover}@media(min-width:768px){.modal-media-gallery-thumbnail>img{aspect-ratio:2/3}}.modal-media-gallery-thumbnail-placeholder{display:block;inline-size:100%;block-size:100%;background-color:var(--scheme-background-inverse);opacity:.15}.modal-media-gallery-thumbnail--active{border-color:var(--scheme-background-inverse)}.modal-media-gallery-thumbnails-wrapper{position:fixed;inset-block-end:0;background:var(--scheme-background);z-index:1;padding:var(--gutter);inline-size:100%;opacity:1;transition:opacity var(--transition-discrete),display var(--transition-discrete)}@media(min-width:768px){.modal-media-gallery-thumbnails-wrapper{position:unset}}.modal-media-gallery-thumbnails-wrapper[aria-thumbnails-hidden=true]{opacity:0;pointer-events:none}.modal-media-gallery-thumbnails-controls-mobile{margin-block-start:var(--gutter);display:flex;justify-content:space-between;gap:var(--gutter);align-items:center}.modal-media-gallery-thumbnails-controls-mobile p{color:var(--scheme-text-tertiary)}.modal-media-gallery-thumbnails-controls-desktop{display:none;z-index:3}.modal-media-gallery-thumbnails-controls-desktop p{color:var(--scheme-text-tertiary)}@media(min-width:768px){.modal-media-gallery-thumbnails-controls-mobile{display:none}.modal-media-gallery-thumbnails-controls-desktop{display:flex;align-items:center;justify-content:space-between;gap:var(--gutter);position:absolute;inset-block-end:0;inset-inline-start:0;inline-size:100%;padding:var(--gutter)}}.modal-media-gallery-thumbnails-controls-close{position:absolute;inset-block-start:var(--gutter);inset-inline-end:var(--gutter)}.modal-media-gallery-thumbnails-controls-open{position:fixed;inset-block-end:var(--gutter);padding-block-end:0;z-index:4;display:flex;justify-content:center;align-items:center;inline-size:100%;opacity:0;pointer-events:none;transition:opacity var(--transition-discrete),display var(--transition-discrete)}.modal-media-gallery-thumbnails-controls-open[aria-controls-open-hidden=false]{opacity:1;pointer-events:auto}@media(min-width:768px){.modal-media-gallery-thumbnails-controls-mobile,.modal-media-gallery-thumbnails-controls-close{display:none}}.desktop-media-gallery-thumbnails-controls-zoom{display:grid;grid-template-columns:var(--space-24) var(--space-32) var(--space-24);gap:var(--space-2);align-items:center;z-index:3;padding-inline-end:var(--space-8)}.mobile-media-gallery-thumbnails-controls-zoom .icon-button,.desktop-media-gallery-thumbnails-controls-zoom .icon-button{inline-size:max-content;block-size:max-content;padding:0 var(--action-icon-padding);transition:opacity var(--transition)}.mobile-media-gallery-thumbnails-controls-zoom .icon-button[data-modal-gallery-zoom-in][disabled],.mobile-media-gallery-thumbnails-controls-zoom .icon-button[data-modal-gallery-zoom-out][disabled],.desktop-media-gallery-thumbnails-controls-zoom .icon-button[data-modal-gallery-zoom-in][disabled],.desktop-media-gallery-thumbnails-controls-zoom .icon-button[data-modal-gallery-zoom-out][disabled]{opacity:.5}
/*# sourceMappingURL=/cdn/shop/t/189/assets/style-snippet-modal-media-gallery.css.map */