mats-collection-columns{display:block}.mats-cc{--mcc-margin: clamp(20px, 4.2vw, 80px);--mcc-font: "Mats Archivo", "Archivo", ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--mcc-ease: cubic-bezier(.25, .1, .25, 1);--mcc-dur: .28s;position:relative;padding-block:var(--mcc-pt) var(--mcc-pb);background:var(--mcc-bg);color:var(--mcc-text);font-family:var(--mcc-font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mats-cc--bleed{--mcc-margin: 0px}.mats-cc *,.mats-cc *:before,.mats-cc *:after{box-sizing:border-box}.mats-cc__header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-inline:var(--mcc-margin);margin-block-end:clamp(24px,2vw,40px)}.mats-cc--bleed .mats-cc__header{padding-inline:clamp(20px,4.2vw,80px)}.mats-cc .mats-cc__heading{margin:0;font-family:var(--mcc-font);font-size:clamp(28px,3vw,var(--mcc-heading-max));font-weight:650;font-stretch:100%;font-style:normal;line-height:1;letter-spacing:-.045em;text-transform:none;color:var(--mcc-text)}.mats-cc .mats-cc__label{flex-shrink:0;margin:0;padding-block-end:.1em;font-size:11px;font-weight:450;line-height:1;letter-spacing:.04em;text-transform:uppercase;color:var(--mcc-muted)}.mats-cc__viewport{position:relative}.mats-cc__track{display:flex;gap:var(--mcc-gap);padding-inline:var(--mcc-margin);scroll-padding-inline:var(--mcc-margin);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mats-cc__track::-webkit-scrollbar{display:none}.mats-cc.is-dragging .mats-cc__track{scroll-snap-type:none;scroll-behavior:auto}.mats-cc__card{position:relative;display:flex;flex-direction:column;flex:0 0 calc((100% - (var(--mcc-cols) - 1) * var(--mcc-gap)) / var(--mcc-cols));min-width:0;scroll-snap-align:start;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a.mats-cc__card:hover,a.mats-cc__card:focus{color:inherit;text-decoration:none}a.mats-cc__card:focus-visible{outline:2px solid var(--mcc-thumb);outline-offset:4px}.mats-cc__media{position:relative;overflow:hidden;aspect-ratio:var(--mcc-ar-d, 4 / 5);border-radius:var(--mcc-radius);background:var(--mcc-surface);isolation:isolate}.mats-cc__media-item,.mats-cc__picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.mats-cc__media-item--mobile{display:none}.mats-cc .mats-cc__img,.mats-cc .mats-cc__video,.mats-cc .mats-cc__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--mcc-pos-d, 50% 50%)}.mats-cc__video{pointer-events:none}.mats-cc__placeholder{fill:currentColor;opacity:.18}.mats-cc__info{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px;padding-block-start:20px}.mats-cc .mats-cc__title{margin:0;font-family:var(--mcc-font);font-size:var(--mcc-title);font-weight:650;font-style:normal;line-height:1.15;letter-spacing:-.045em;text-transform:none;color:var(--mcc-text)}.mats-cc .mats-cc__text{margin:8px 0 0;font-size:15px;font-weight:400;line-height:1.5;letter-spacing:0;color:var(--mcc-muted)}.mats-cc__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;width:42px;height:42px;border:1px solid var(--mcc-line);border-radius:999px;background:transparent;color:var(--mcc-text);transition:background-color var(--mcc-dur) var(--mcc-ease),border-color var(--mcc-dur) var(--mcc-ease),color var(--mcc-dur) var(--mcc-ease)}.mats-cc--btn-label .mats-cc__btn{width:auto;padding-inline:18px 14px}.mats-cc__btn-label{font-size:13px;font-weight:500;line-height:1;letter-spacing:0;white-space:nowrap}.mats-cc__arrow{display:block;width:16px;height:16px}.mats-cc__sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(hover:hover){a.mats-cc__card:hover .mats-cc__btn{background:var(--mcc-btn-hover-bg);border-color:var(--mcc-btn-hover-bg);color:var(--mcc-btn-hover-fg)}}a.mats-cc__card:active .mats-cc__btn,a.mats-cc__card:focus-visible .mats-cc__btn{background:var(--mcc-btn-hover-bg);border-color:var(--mcc-btn-hover-bg);color:var(--mcc-btn-hover-fg)}.mats-cc__bar{position:relative;height:10px;margin:16px var(--mcc-margin) 0;border-radius:999px;background:var(--mcc-track);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.mats-cc--bleed .mats-cc__bar{margin-inline:clamp(20px,4.2vw,80px)}.mats-cc__bar[hidden]{display:none}.mats-cc__thumb{position:absolute;top:2px;left:0;height:6px;width:var(--mcc-thumb-w, 40%);margin-inline-start:3px;border-radius:999px;background:var(--mcc-thumb);transform:translate(var(--mcc-thumb-x, 0px));cursor:grab;transition:opacity var(--mcc-dur) var(--mcc-ease)}.mats-cc.is-dragging .mats-cc__thumb{cursor:grabbing}@media(hover:hover){.mats-cc__bar:hover .mats-cc__thumb{opacity:.85}}@media screen and (max-width:749px){.mats-cc{padding-block:var(--mcc-pt-m) var(--mcc-pb-m);font-size:13px}.mats-cc__header{margin-block-end:20px}.mats-cc .mats-cc__heading{font-size:var(--mcc-heading-m)}.mats-cc .mats-cc__label{display:none;font-size:10px}.mats-cc--label-mobile .mats-cc__label{display:block}.mats-cc__track{gap:var(--mcc-gap-m)}.mats-cc__card{flex-basis:var(--mcc-card-m)}.mats-cc__media{aspect-ratio:var(--mcc-ar-m, 4 / 5)}.mats-cc__media-item--desktop{display:none}.mats-cc__media-item--mobile{display:block}.mats-cc .mats-cc__img,.mats-cc .mats-cc__video{object-position:var(--mcc-pos-m, var(--mcc-pos-d, 50% 50%))}.mats-cc__info{padding-block-start:16px;column-gap:12px}.mats-cc .mats-cc__title{font-size:var(--mcc-title-m)}.mats-cc .mats-cc__text{margin-top:6px;font-size:13px}.mats-cc__btn{width:38px;height:38px}.mats-cc--btn-label .mats-cc__btn{height:38px;padding-inline:14px 12px}.mats-cc__arrow{width:14px;height:14px}.mats-cc--stack-mobile .mats-cc__track{flex-direction:column;gap:32px;overflow:visible;scroll-snap-type:none}.mats-cc--stack-mobile .mats-cc__card{flex-basis:auto}.mats-cc--stack-mobile .mats-cc__bar{display:none}}@media(prefers-reduced-motion:reduce){.mats-cc__btn,.mats-cc__thumb{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/mats-collection-columns.css.map */