.nok-cc{--nok-cc-gap: var(--nok-cc-gap-m, 10px);padding-top:var(--nok-cc-pt-m, 16px);padding-bottom:var(--nok-cc-pb-m, 16px);overflow:hidden}.nok-cc__inner{margin:0 auto;padding-left:var(--nok-cc-pad, 16px);padding-right:var(--nok-cc-pad, 16px)}.nok-cc__header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:14px}.nok-cc__heading{margin:0;font-family:var(--font-body-family);font-weight:var(--font-body-weight-bold);font-size:1.6rem;letter-spacing:.14em;text-transform:uppercase;line-height:1.2;color:rgb(var(--color-foreground))}.nok-cc__view-all{font-family:var(--font-body-family);font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--color-foreground),.8);text-decoration:none;white-space:nowrap;border-bottom:1px solid rgba(var(--color-foreground),.35);padding-bottom:2px;transition:color .25s ease,border-color .25s ease}.nok-cc__view-all:hover{color:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.nok-cc__viewport{position:relative;display:block}.nok-cc__track{position:relative;display:flex;gap:var(--nok-cc-gap);margin:0;padding:0;list-style:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nok-cc__track::-webkit-scrollbar{display:none}.nok-cc__track{margin-right:calc(var(--nok-cc-pad, 16px) * -1);padding-right:var(--nok-cc-pad, 16px);scroll-padding-left:0}.nok-cc__slide{flex:0 0 var(--nok-cc-mobile-w, 76%);min-width:0;margin:0;padding:0;scroll-snap-align:start}.nok-cc__card{position:relative;display:block;width:100%;aspect-ratio:var(--nok-cc-ratio, 4 / 5);overflow:hidden;border-radius:var(--nok-cc-radius, 2px);background:#121412;color:#fff;text-decoration:none;isolation:isolate;-webkit-tap-highlight-color:transparent}.nok-cc__card:hover,.nok-cc__card:focus{color:#fff;text-decoration:none}.nok-cc__card:focus-visible{outline:2px solid #fff;outline-offset:-4px}.nok-cc__media{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden}.nok-cc__img,.nok-cc__media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--nok-cc-focus, center);display:block;transform:scale(1);transform-origin:center;transition:transform .9s cubic-bezier(.22,.61,.36,1);will-change:transform}.nok-cc__media svg{background:#1b1e1b;fill:#ffffff40}.nok-cc__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(8,10,8,var(--nok-cc-overlay, .85)),rgba(8,10,8,calc(var(--nok-cc-overlay, .85) * .5)) 30%,rgba(8,10,8,calc(var(--nok-cc-overlay, .85) * .12)) 52%,#080a0800 70%)}.nok-cc__content{position:absolute;left:0;right:0;bottom:0;z-index:2;display:block;padding:0 18px 18px}.nok-cc__subtitle{display:block;margin-bottom:6px;font-family:var(--font-body-family);font-size:1.1rem;letter-spacing:.16em;text-transform:uppercase;color:#ffffffb8}.nok-cc__title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.nok-cc__title{font-family:var(--font-body-family);font-weight:var(--font-body-weight-bold);font-size:calc(var(--nok-cc-title-size, 19px) * .9);line-height:1.1;letter-spacing:.08em;text-transform:uppercase;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.35)}.nok-cc__arrow{flex:0 0 auto;display:inline-flex;width:20px;height:20px;color:#fff;opacity:.8;transition:transform .45s cubic-bezier(.22,.61,.36,1),opacity .3s ease}.nok-cc__arrow svg{width:100%;height:100%;display:block}.nok-cc__rule{display:block;width:26px;height:1px;margin-top:12px;background:#ffffffb3;transition:width .6s cubic-bezier(.22,.61,.36,1)}.nok-cc__nav{display:none}.nok-cc__progress{display:none;position:relative;height:2px;margin-top:12px;background:rgba(var(--color-foreground),.18)}.nok-cc__progress-thumb{position:absolute;top:0;bottom:0;left:0;width:var(--nok-cc-thumb-w, 30%);margin-left:var(--nok-cc-thumb-x, 0%);background:rgb(var(--color-foreground));transition:margin-left .12s linear}.nok-cc[data-scrollable=true] .nok-cc__progress--on{display:block}@media screen and (min-width:750px){.nok-cc{--nok-cc-gap: var(--nok-cc-gap-d, 12px);padding-top:var(--nok-cc-pt-d, 20px);padding-bottom:var(--nok-cc-pb-d, 24px)}.nok-cc__inner{padding-left:24px;padding-right:24px}.nok-cc__track{margin-right:0;padding-right:0}.nok-cc__slide{flex-basis:calc((100% - 2 * var(--nok-cc-gap)) / 2.4)}.nok-cc__content{padding:0 20px 20px}.nok-cc__title{font-size:var(--nok-cc-title-size, 19px)}}@media screen and (min-width:990px){.nok-cc__inner--standard{max-width:var(--page-width)}.nok-cc__inner--wide{max-width:144rem}.nok-cc__inner--full{max-width:none}.nok-cc__slide{flex-basis:calc((100% - (var(--nok-cc-cols, 4) - 1) * var(--nok-cc-gap)) / var(--nok-cc-cols, 4))}.nok-cc__content{padding:0 22px 22px}.nok-cc__nav{position:absolute;top:50%;z-index:3;display:flex;align-items:center;justify-content:center;width:46px;height:46px;margin:-23px 0 0;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:0;background:#0a0c0aad;color:#fff;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s ease,background-color .25s ease,visibility .3s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nok-cc__nav svg{width:18px;height:18px}.nok-cc__nav--prev{left:14px}.nok-cc__nav--next{right:14px}.nok-cc__nav:hover{background:#0a0c0aeb}.nok-cc__nav:focus-visible{outline:2px solid #fff;outline-offset:2px}.nok-cc[data-scrollable=true] .nok-cc__nav--on:not([disabled]){opacity:1;visibility:visible}}@media(hover:hover)and (pointer:fine){.nok-cc__card:hover .nok-cc__img,.nok-cc__card:focus-visible .nok-cc__img{transform:scale(var(--nok-cc-zoom, 1.05))}.nok-cc__card:hover .nok-cc__arrow,.nok-cc__card:focus-visible .nok-cc__arrow{transform:translate(6px);opacity:1}.nok-cc__card:hover .nok-cc__rule,.nok-cc__card:focus-visible .nok-cc__rule{width:100%}}@media(prefers-reduced-motion:reduce){.nok-cc__img,.nok-cc__media svg,.nok-cc__arrow,.nok-cc__rule,.nok-cc__progress-thumb{transition:none}.nok-cc__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/nok-collection-carousel.css.map */