.gallery__container{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:32px}gallery-component{display:block;width:100%}.gallery__items{position:relative;width:100%;min-height:320px;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:height .5s cubic-bezier(.4,0,.2,1)}.gallery__item{--offset: 0;--abs-offset: 0;border:1px solid #E4B43B;border-radius:4px;position:absolute;width:300px;display:flex;flex-direction:column;cursor:pointer;-webkit-user-select:none;user-select:none;transform:translate(calc(var(--offset) * 180px)) translateY(calc(var(--abs-offset) * 8px)) scale(calc(1 - var(--abs-offset) * .12));opacity:calc(1 - var(--abs-offset) * .22);z-index:calc(100 - var(--abs-offset));filter:grayscale(calc(var(--abs-offset) * 45%));transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s ease,filter .5s ease}.gallery__item[style*="--abs-offset: 4"],.gallery__item[style*="--abs-offset: 5"],.gallery__item[style*="--abs-offset: 6"],.gallery__item[style*="--abs-offset: 7"]{opacity:0;pointer-events:none}.gallery__item.is-featured{cursor:default;filter:none;opacity:1;z-index:100}.gallery__item:focus-visible{outline:2px solid rgb(var(--color-highlight));outline-offset:4px;border-radius:4px}.gallery__media{width:100%;position:relative;overflow:hidden;border-top-right-radius:4px;border-top-left-radius:4px}.gallery__media img{border:0}.gallery__content{padding:16px;display:flex;flex-direction:column;gap:4px;background:#0d0b09;border-bottom-right-radius:4px;border-bottom-left-radius:4px;opacity:0;transition:opacity .4s ease;pointer-events:none}.gallery__item.is-featured .gallery__content{opacity:1}.gallery__title{font-family:var(--font-heading-family);font-size:17px;line-height:26px;text-transform:uppercase;color:#e4b43b}.gallery__subtitle{font-size:11px;line-height:1.5;letter-spacing:.06em;color:#ede8e1}.gallery__description{font-size:11px;line-height:1.5;letter-spacing:.06em;color:#e4b43b}.gallery__controls{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:40px}.gallery__control-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;cursor:pointer;background:#e4b43b33;color:#e4b43b;border:1px solid #E4B43B;border-radius:50%;transition:background .2s ease,border-color .2s ease}.gallery__control-button:hover,.gallery__control-button:focus-visible{background:#e4b43b;color:#fff}.gallery__control-button svg{width:20px;height:20px}.gallery__control-button--prev svg{transform:rotate(90deg)}.gallery__control-button--next svg{transform:rotate(-90deg)}.gallery__control-button-dots{display:flex;align-items:center;gap:8px}.gallery__control-button-dot{display:flex;align-items:center;justify-content:center;width:6px;height:6px;padding:0;background:transparent;border:0;cursor:pointer;transition:width .2s ease}.gallery__control-button-dot .dot{display:block;width:100%;height:6px;border-radius:3px;background:#e4b43b}.gallery__control-button-dot[aria-current=true]{width:24px}.gallery__control-button-dot:focus-visible{outline:2px solid #E4B43B;outline-offset:2px;border-radius:3px}@media(prefers-reduced-motion:reduce){.gallery__item,.gallery__items,.gallery__content{transition-duration:1ms}}@media screen and (max-width:749px){.gallery__items{min-height:260px}.gallery__item{width:260px;transform:translate(calc(var(--offset) * 130px)) translateY(calc(var(--abs-offset) * 6px)) scale(calc(1 - var(--abs-offset) * .14))}}.gallery__footer{display:flex;justify-content:center;align-items:center;margin-top:32px}.gallery__footer .link{color:#e4b43b;font-family:var(--font-heading-family);font-size:16px;line-height:121.875%;letter-spacing:1.3px;text-transform:uppercase;text-decoration:underline}
/*# sourceMappingURL=/cdn/shop/t/5/assets/gallery.css.map */