.collection-masks--full{padding-inline:2rem}@media screen and (min-width:750px){.collection-masks--full{padding-inline:5rem}}@media screen and (min-width:990px){.collection-masks--full{padding-inline:7rem}}.collection-masks__slider{--cm-gap: 1.6rem;--cm-visible: var(--cm-columns-mobile);position:relative;display:block}@media screen and (max-width:749px){.collection-masks__slider{--cm-visible: calc(var(--cm-columns-mobile) + .35)}}@media screen and (min-width:750px){.collection-masks__slider{--cm-gap: 2.4rem;--cm-visible: 3}}@media screen and (min-width:990px){.collection-masks__slider{--cm-gap: 3.2rem;--cm-visible: var(--cm-columns)}}.collection-masks__track{display:flex;gap:var(--cm-gap);margin:0;padding:1.2rem 0 2.4rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.collection-masks__track::-webkit-scrollbar{display:none}.collection-masks__item{flex:0 0 calc((100% - (var(--cm-visible) - 1) * var(--cm-gap)) / var(--cm-visible));min-width:0;scroll-snap-align:start}@media screen and (max-width:749px){.collection-masks__track{margin-inline:-2rem;padding-inline:2rem;scroll-padding-inline:2rem}}.collection-masks__arrow-btn{position:absolute;z-index:2;top:calc(50% - 4rem);display:grid;place-items:center;width:4.8rem;height:4.8rem;padding:0;border:0;border-radius:50%;cursor:pointer;background:rgb(var(--color-button));color:rgb(var(--color-button-text));box-shadow:0 .8rem 2rem rgba(var(--color-shadow),.18);transform:translateY(-50%);transition:opacity .3s ease,transform .3s ease,visibility .3s}.collection-masks__arrow-btn--prev{left:-2.4rem}.collection-masks__arrow-btn--next{right:-2.4rem}.collection-masks__arrow-btn .svg-wrapper{width:1.4rem;height:1.4rem}.collection-masks__arrow-btn--prev .svg-wrapper{transform:rotate(90deg)}.collection-masks__arrow-btn--next .svg-wrapper{transform:rotate(-90deg)}.collection-masks__arrow-btn:hover:not([disabled]){transform:translateY(-50%) scale(1.08)}.collection-masks__arrow-btn[disabled]{opacity:.35;cursor:default}.collection-masks__slider.is-static .collection-masks__arrow-btn{visibility:hidden;opacity:0}.collection-masks__arrow-btn:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}@media screen and (max-width:989px){.collection-masks__arrow-btn{width:3.8rem;height:3.8rem}.collection-masks__arrow-btn .svg-wrapper{width:1.2rem;height:1.2rem}.collection-masks__arrow-btn--prev{left:.4rem}.collection-masks__arrow-btn--next{right:.4rem}}.collection-masks--full .collection-masks__arrow-btn--prev{left:0}.collection-masks--full .collection-masks__arrow-btn--next{right:0}.collection-masks__link{display:flex;flex-direction:column;align-items:center;gap:1.6rem;color:rgb(var(--color-foreground));text-decoration:none;text-align:center}.collection-masks__frame{display:block;width:100%;transition:transform .5s cubic-bezier(.22,1,.36,1)}.collection-frame{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 1.2rem 2rem rgba(29,65,157,.1));transition:filter .5s ease}.collection-frame__bg{fill:var(--cm-shape-bg)}.collection-frame__image{transform-box:fill-box;transform-origin:center;transition:transform .8s cubic-bezier(.22,1,.36,1)}.collection-frame__decor>*{transform-box:fill-box;transform-origin:center}@media(hover:hover){.collection-masks__link:hover .collection-masks__frame{transform:translateY(-.8rem)}.collection-masks__link:hover .collection-frame{filter:drop-shadow(0 2rem 3rem rgba(29,65,157,.18))}.collection-masks__link:hover .collection-frame__image{transform:scale(1.06)}.collection-masks__link:hover .collection-frame__decor>*{animation:collection-frame-wiggle .8s ease-in-out}}@keyframes collection-frame-wiggle{0%,to{transform:rotate(0)}30%{transform:rotate(-8deg) scale(1.08)}65%{transform:rotate(6deg)}}.collection-masks__info{display:flex;flex-direction:column;align-items:center;gap:.4rem}.collection-masks__name{display:inline-flex;align-items:center;gap:.8rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:1.8rem;line-height:1.25;color:#1d419d}@media screen and (min-width:990px){.collection-masks__name{font-size:2.2rem}}.collection-masks__title-icon{display:inline-flex;flex:0 0 auto;width:2.6rem;height:2.6rem}.collection-masks__title-icon svg{width:100%;height:100%}.collection-masks__subtitle{font-family:var(--font-body-family);font-size:1.5rem;line-height:1.4;color:#1d419dcc}@media screen and (min-width:990px){.collection-masks__subtitle{font-size:1.7rem}}.collection-masks__count{font-family:var(--font-body-family);font-size:1.2rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(var(--color-foreground),.6)}.collection-masks__footer{display:flex;justify-content:center;margin-top:4.8rem}@media screen and (max-width:749px){.collection-masks__name{gap:.5rem;font-size:1.5rem}.collection-masks__title-icon{width:1.9rem;height:1.9rem}.collection-masks__subtitle{font-size:1.25rem}}@media screen and (max-width:749px){.collection-masks--mobile-grid .collection-masks__track{display:grid;grid-template-columns:repeat(var(--cm-columns-mobile),minmax(0,1fr));gap:2.4rem 1.6rem;margin-inline:0;padding-inline:0;overflow:visible;scroll-snap-type:none}.collection-masks--mobile-grid .collection-masks__arrow-btn{display:none}.collection-masks--mobile-grid .collection-masks__item:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;width:calc((100% - (var(--cm-columns-mobile) - 1) * 1.6rem) / var(--cm-columns-mobile))}}@media screen and (min-width:750px){.collection-masks--desktop-grid .collection-masks__track{flex-wrap:wrap;justify-content:center;row-gap:4rem;overflow:visible;scroll-snap-type:none}.collection-masks--desktop-grid .collection-masks__arrow-btn{display:none}}@media(prefers-reduced-motion:reduce){.collection-masks__frame,.collection-frame,.collection-frame__image{transition:none}.collection-masks__link:hover .collection-frame__decor>*{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-collection-masks.css.map */