.media-gallery-list{align-items:flex-start}.media-gallery-list.grid-flex{--grid-gap-vertical: var(--grid-gap-horizontal)}@media screen and (min-width:577px){.media-gallery-list.grid-flex{--grid-gap-vertical: var(--grid-gap-horizontal-desktop)}}.media-gallery-card__modal-opener>button,.media-gallery-card__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--layer-raised)}.media-gallery-card__modal-icon,.media-gallery-card__link-icon{display:block;position:absolute;left:calc(50% - 22px);top:calc(50% - 22px);display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--color-base);background-color:var(--color-background);z-index:var(--layer-heightened);border-radius:var(--border-radius-round);opacity:0;transition:all var(--duration-medium) var(--transition-primary);cursor:pointer}.media-gallery-card{position:relative;width:100%;border-radius:var(--border-radius-size-5);overflow:hidden;transition:border-radius var(--duration-medium) var(--transition-primary)}.media-gallery-card .media{border-radius:0!important}.media-gallery-card__modal-opener>button:focus-visible{border:2px solid currentColor;outline:none;border-radius:var(--border-radius-size-5)}.media-gallery-card__modal-opener>button:focus-visible :is(.media-gallery-card__modal-icon,.media-gallery-card__link-icon){opacity:1}@media screen and (min-width:1025px){.media-gallery-card:hover{border-radius:var(--border-radius-size-3)}.media-gallery-card:hover :is(.media-gallery-card__modal-icon,.media-gallery-card__link-icon){opacity:1}.media-gallery-card__modal-icon:hover,.media-gallery-card__link-icon:hover{border-radius:var(--border-radius-size-3)}}:is(.media-gallery-card__modal-icon,.media-gallery-card__link-icon) svg{width:20px;height:20px}:where(.media-gallery-card){--color-overlay-rgb: 0, 0, 0;--overlay-opacity: 100%}.media-gallery-card__caption{position:absolute;inset:auto 0 0 0;padding:15px;z-index:var(--layer-flat);color:var(--card-color-caption, var(--color-background))}@media screen and (max-width:576px){.media-gallery-list.grid--cols-2 .media-gallery-card__caption{font-size:var(--text-size-2)}}.media-gallery-card__caption span{position:relative;z-index:var(--layer-flat);overflow-wrap:break-word}.media-gallery-card__overlay-gradient{position:absolute;top:-50px;right:0;bottom:0;left:0;z-index:var(--layer-base);background:linear-gradient(to top,rgba(var(--color-overlay-rgb),var(--overlay-opacity)),rgba(var(--color-overlay-rgb),0));pointer-events:none}@media screen and (max-width:576px){.buttons-wrapper:has(.media-gallery__button){width:100%;display:block}.media-gallery__button{width:100%}}@media screen and (max-width:1440px)and (min-width:1361px){.media-gallery-list .grid--cols-desktop-10,.media-gallery-list .grid--cols-desktop-9{--cols: 8}}@media screen and (max-width:1360px)and (min-width:1025px){.media-gallery-list .grid--cols-desktop-10,.media-gallery-list .grid--cols-desktop-9,.media-gallery-list .grid--cols-desktop-8,.media-gallery-list .grid--cols-desktop-7{--cols: 6}}.gallery-modal .media-gallery-card{border-radius:0;overflow:visible;pointer-events:none}.gallery-modal .media-gallery-card__modal-opener{display:none}.gallery-modal .media-gallery-card{display:flex;flex-direction:column}.gallery-modal .media-gallery-card .card__caption:not(.card__caption--modal){display:none}.gallery-modal:has(.card__caption--modal){--gallery-vertcal-offset-top: 110px;--gallery-vertcal-offset-bottom: 30px}.gallery-modal:has(.card__caption--modal) .media-gallery-card .card__media{height:calc(100% - 80px)}.gallery-modal:has(.card__caption--modal) .slider__controls .slider-button{transform:translateY(-40px)}.gallery-modal .media-gallery-card .card__caption--modal{position:static;display:flex;height:80px;align-items:center;justify-content:center;color:var(--color-base);overflow:hidden;transition:opacity var(--duration-medium) var(--transition-primary)}.gallery-modal slider-component.is-dragging .media-gallery-card .card__caption--modal{opacity:0}.gallery-modal :is(.card,.card__media){height:100%}.media-gallery-card .card__media--modal,.gallery-modal .media-gallery-card__overlay-gradient,.gallery-modal .media-gallery-card .card__media:not(.card__media--modal,.placeholder){display:none}.gallery-modal .media-gallery-card :is(.card__media--modal,.placeholder){display:block}
/*# sourceMappingURL=/cdn/shop/t/3363/assets/component-media-gallery.css.map */