.csn{background:var(--csn-bg);padding:var(--csn-pt-d) 0 var(--csn-pb-d)}.csn *,.csn *:before,.csn *:after{box-sizing:border-box}.csn .csn__heading{margin:0 0 12px;font-size:var(--csn-heading-size-d);letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:var(--csn-label-color)}.csn--align-center .csn__heading{text-align:center}.csn .csn__strip{position:relative}.csn .csn__list{list-style:none;display:flex;gap:var(--csn-gap-d);align-items:flex-start;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;padding:6px;margin:-6px -6px 0;scroll-padding-left:6px}.csn .csn__list::-webkit-scrollbar{display:none}.csn--align-center .csn__list{justify-content:flex-start}.csn--align-center .csn__list:before,.csn--align-center .csn__list:after{content:"";margin:auto}.csn--fade .csn__strip:before,.csn--fade .csn__strip:after{content:"";position:absolute;top:0;bottom:0;width:56px;pointer-events:none;opacity:0;transition:opacity .25s;z-index:1}.csn--fade .csn__strip:before{left:-6px;background:linear-gradient(to right,var(--csn-fade, #fff),rgba(255,255,255,0))}.csn--fade .csn__strip:after{right:-6px;background:linear-gradient(to left,var(--csn-fade, #fff),rgba(255,255,255,0))}.csn--fade .csn__strip.is-overflow:not(.is-start):before,.csn--fade .csn__strip.is-overflow:not(.is-end):after{opacity:1}.csn .csn__arrow{position:absolute;top:var(--csn-arrow-top, 50%);z-index:2;width:36px;height:36px;margin-top:-18px;padding:0;border:1px solid #dcdcdc;border-radius:50%;background:#fff;color:#1a1a1a;box-shadow:0 1px 4px #0000001f;cursor:pointer;display:none;align-items:center;justify-content:center;transition:opacity .2s,border-color .2s}.csn .csn__arrow svg{display:block}.csn .csn__arrow:hover{border-color:#1a1a1a}.csn .csn__arrow--prev{left:-18px}.csn .csn__arrow--next{right:-18px}.csn .csn__strip.is-overflow:not(.is-start) .csn__arrow--prev,.csn .csn__strip.is-overflow:not(.is-end) .csn__arrow--next{display:flex}.csn .csn__bar{display:none}.csn .csn__item{flex:0 0 auto;scroll-snap-align:start;list-style:none;margin:0;padding:0}.csn .csn__item::marker{content:none}.csn .csn__tile{display:flex;flex-direction:column;gap:8px;width:var(--csn-w-d);color:var(--csn-label-color);text-decoration:none}.csn--label-above .csn__tile{flex-direction:column-reverse}.csn .csn__media{position:relative;display:block;width:100%;aspect-ratio:var(--csn-ar);height:var(--csn-h-d, auto);overflow:hidden;border-radius:var(--csn-radius);background:#fff}.csn .csn__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.csn .csn__media img.csn__logo{object-fit:contain;padding:0;width:min(100%,calc(var(--csn-logo-w) * var(--csn-logo-scale, 1)));height:min(100%,calc(var(--csn-logo-h) * var(--csn-logo-scale, 1)));top:0;right:0;bottom:0;left:0;margin:auto}.csn--frame-grey .csn__media{background:var(--csn-tile-bg, #f2f2f2)}.csn--frame-line .csn__media{border:1px solid var(--csn-frame, #e6e6e6)}.csn--mono .csn__media img.csn__logo{filter:grayscale(1) contrast(1.15);mix-blend-mode:multiply;opacity:.86}.csn .csn__media-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#ececec}.csn .csn__media-empty--viewall{font-size:var(--csn-label-size-d);letter-spacing:var(--csn-label-spacing);font-weight:var(--csn-label-weight);color:var(--csn-label-color);text-align:center;padding:8px}.csn--caps .csn__media-empty--viewall{text-transform:uppercase}.csn--zoom .csn__tile:hover .csn__media img{transform:scale(1.04)}.csn .csn__scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,var(--csn-inside-scrim)),#0000 60%)}.csn--label-inside-center .csn__scrim{background:rgba(0,0,0,var(--csn-inside-scrim))}.csn .csn__label{display:block;font-family:var(--csn-label-font);font-size:var(--csn-label-size-d);font-weight:var(--csn-label-weight);letter-spacing:var(--csn-label-spacing);line-height:1.3;text-align:center}.csn--caps .csn__label{text-transform:uppercase}.csn .csn__label--in{position:absolute;left:0;right:0;bottom:14px;padding:0 10px;color:var(--csn-label-inside-color);text-shadow:0 1px 2px rgba(0,0,0,.35)}.csn--label-inside-center .csn__label--in{top:50%;bottom:auto;transform:translateY(-50%)}.csn--label-inside-bottom .csn__label--out,.csn--label-inside-center .csn__label--out,.csn--label-below .csn__label--in,.csn--label-above .csn__label--in,.csn--label-below .csn__scrim,.csn--label-above .csn__scrim,.csn--nolabel.csn--d-tiles .csn__label--out{display:none}.csn--toggle .csn__tile.is-current .csn__label:after{content:" \d7";font-weight:400;opacity:.75}.csn--toggle.csn--nolabel.csn--d-tiles .csn__tile.is-current .csn__media:after{content:"\d7";position:absolute;top:2px;right:7px;font-size:15px;line-height:1;color:var(--csn-label-color);opacity:.7}.csn--current-outline .csn__tile.is-current .csn__media{outline:1.5px solid var(--csn-current);outline-offset:3px}.csn--current-underline .csn__tile.is-current .csn__label--out{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1.5px;text-decoration-color:var(--csn-current)}.csn--current-underline .csn__tile.is-current .csn__label--in{text-decoration:underline;text-underline-offset:5px}.csn--current-dim .csn__list:has(.is-current) .csn__tile:not(.is-current){opacity:.45}.csn--current-dim .csn__tile{transition:opacity .25s}.csn--current-dim .csn__list:has(.is-current) .csn__tile:not(.is-current):hover{opacity:1}.csn--d-pills .csn__media{display:none}.csn--d-pills .csn__tile{width:auto;flex-direction:row}.csn--d-pills .csn__label--out{display:block;padding:9px 18px;border:1px solid var(--csn-pill-border);border-radius:999px;background:var(--csn-pill-bg);color:var(--csn-pill-color);white-space:nowrap;transition:background .2s,color .2s,border-color .2s}.csn--d-pills .csn__tile:hover .csn__label--out{border-color:var(--csn-pill-color)}.csn--d-pills .csn__tile.is-current .csn__label--out{background:var(--csn-pill-active-bg);color:var(--csn-pill-active-color);border-color:var(--csn-pill-active-bg);text-decoration:none}.csn--d-pills .csn__tile.is-current .csn__media{outline:0}.csn--d-chips .csn__media{display:none}.csn--d-chips .csn__list{gap:var(--csn-chip-gap, 20px)}.csn--d-chips .csn__tile{width:auto;flex-direction:row}.csn--d-chips .csn__label--out{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--csn-chip-h, 28px);padding:0 var(--csn-chip-px, 12px);border:1px solid #eeeeee;border-radius:4px;background:#fff;color:#1a1a1a;font-size:var(--csn-chip-size-d, 12px);font-weight:var(--csn-chip-weight, 400);letter-spacing:var(--csn-chip-spacing, .02em);line-height:1.4;text-transform:none;white-space:nowrap;transition:color .2s,border-color .2s,background .2s}.csn--chip-caps.csn--d-chips .csn__label--out{text-transform:uppercase}.csn--d-chips .csn__tile:hover .csn__label--out{color:#999}.csn--d-chips .csn__tile.is-current .csn__label--out{background:var(--csn-pill-active-bg);color:var(--csn-pill-active-color);border-color:var(--csn-pill-active-bg);text-decoration:none}.csn--d-chips .csn__tile.is-current .csn__media{outline:0}.csn--d-circles .csn__tile{width:var(--csn-circle-d);align-items:center;gap:7px}.csn--d-circles .csn__media{width:var(--csn-circle-d);height:var(--csn-circle-d);aspect-ratio:1;border-radius:50%;border:1px solid var(--csn-frame, #e6e6e6)}.csn--d-circles.csn--frame-none .csn__media,.csn--d-circles.csn--frame-grey .csn__media{border-color:transparent}.csn--d-circles .csn__media img.csn__logo{width:min(100%,calc(62% * var(--csn-logo-scale, 1)));height:min(100%,calc(62% * var(--csn-logo-scale, 1)))}.csn--d-circles .csn__label--out{white-space:nowrap;font-size:calc(var(--csn-label-size-d) - 1px)}.csn--d-circles .csn__label--in,.csn--d-circles .csn__scrim{display:none}.csn--d-circles .csn__label--out,.csn--d-circles.csn--label-inside-bottom .csn__label--out,.csn--d-circles.csn--label-inside-center .csn__label--out{display:block}.csn--d-circles.csn--circle-nolabel .csn__label--out{display:none}.csn--d-circles.csn--current-outline .csn__tile.is-current .csn__media{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--csn-current)}.csn--d-circles .csn__media-empty--viewall{font-size:calc(var(--csn-label-size-d) - 3px);padding:4px}.csn--d-circles .csn__tile{position:relative}.csn--toggle.csn--d-circles .csn__tile.is-current .csn__label:after{content:none}.csn--toggle.csn--d-circles .csn__tile.is-current:after{content:"\d7";position:absolute;top:-2px;right:-2px;width:18px;height:18px;border-radius:50%;background:var(--csn-current);color:#fff;font-size:13px;line-height:18px;text-align:center;box-shadow:0 0 0 2px #fff;z-index:1}@media(max-width:767px){.csn{padding:var(--csn-pt-m) 0 var(--csn-pb-m)}.csn .csn__heading{font-size:var(--csn-heading-size-m);margin-bottom:10px}.csn .csn__list{gap:var(--csn-gap-m);flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;padding:6px 0;margin:-6px 0 0;justify-content:flex-start;border-bottom:0}.csn .csn__list::-webkit-scrollbar{display:none}.csn .csn__list:before,.csn .csn__list:after{content:none}.csn .csn__arrow{display:none!important}.csn--fade .csn__strip:before,.csn--fade .csn__strip:after{content:none}.csn--toggle.csn--d-circles .csn__tile.is-current:after{content:none}.csn .csn__item{margin-right:0}.csn .csn__tile{width:var(--csn-w-m)}.csn .csn__label,.csn .csn__media-empty--viewall{font-size:var(--csn-label-size-m)}.csn--m-tiles .csn__media{display:block;width:100%;height:var(--csn-h-m, auto);aspect-ratio:var(--csn-ar);border-radius:var(--csn-radius);box-shadow:none}.csn--m-tiles .csn__media{border:0}.csn--frame-line.csn--m-tiles .csn__media{border:1px solid var(--csn-frame, #e6e6e6)}.csn--m-tiles .csn__tile{width:var(--csn-w-m);flex-direction:column;align-items:stretch}.csn--label-above.csn--m-tiles .csn__tile{flex-direction:column-reverse}.csn--m-tiles .csn__label--out{display:block;padding:0;border:0;background:none;color:var(--csn-label-color);border-radius:0;white-space:normal;opacity:1}.csn--m-tiles .csn__tile.is-current .csn__label--out{background:none;color:var(--csn-label-color)}.csn--m-tiles.csn--current-outline .csn__tile.is-current .csn__media{outline:1.5px solid var(--csn-current);outline-offset:3px;box-shadow:none}.csn--m-tiles.csn--label-inside-bottom .csn__label--out,.csn--m-tiles.csn--label-inside-center .csn__label--out{display:none}.csn--m-tiles.csn--label-inside-bottom .csn__label--in,.csn--m-tiles.csn--label-inside-center .csn__label--in,.csn--m-tiles.csn--label-inside-bottom .csn__scrim,.csn--m-tiles.csn--label-inside-center .csn__scrim{display:block}.csn--m-tiles .csn__media img.csn__logo{width:min(100%,calc(var(--csn-logo-w) * var(--csn-logo-scale, 1)));height:min(100%,calc(var(--csn-logo-h) * var(--csn-logo-scale, 1)))}.csn--nolabel.csn--m-tiles .csn__label--out,.csn--m-pills .csn__media{display:none}.csn--m-pills .csn__tile{width:auto;flex-direction:row}.csn--m-pills .csn__label--out{display:block;padding:8px 14px;border:1px solid var(--csn-pill-border);border-radius:999px;background:var(--csn-pill-bg);color:var(--csn-pill-color);white-space:nowrap;text-decoration:none;opacity:1;margin:0}.csn--m-pills .csn__tile.is-current .csn__label--out{background:var(--csn-pill-active-bg);color:var(--csn-pill-active-color);border-color:var(--csn-pill-active-bg)}.csn--m-pills.csn--pills-wrap-m .csn__list{flex-wrap:wrap;overflow:visible}.csn--nolabel.csn--m-pills .csn__label--out{display:block}.csn--m-chips .csn__media{display:none}.csn--m-chips .csn__list{gap:var(--csn-chip-gap, 20px);border-bottom:0}.csn--m-chips .csn__item{margin-right:0}.csn--m-chips .csn__tile{width:auto;flex-direction:row}.csn--m-chips .csn__label--out{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--csn-chip-h, 28px);padding:0 var(--csn-chip-px, 12px);margin:0;border:1px solid #eeeeee;border-radius:4px;background:#fff;color:#1a1a1a;font-size:var(--csn-chip-size-m, 12px);font-weight:var(--csn-chip-weight, 400);letter-spacing:var(--csn-chip-spacing, .02em);line-height:1.4;text-transform:none;white-space:nowrap;opacity:1;text-decoration:none}.csn--chip-caps.csn--m-chips .csn__label--out{text-transform:uppercase}.csn--m-chips .csn__tile.is-current .csn__label--out{background:var(--csn-pill-active-bg);color:var(--csn-pill-active-color);border-color:var(--csn-pill-active-bg)}.csn--nolabel.csn--m-chips .csn__label--out{display:inline-flex}.csn .csn__bar{display:none;position:relative;height:2px;margin-top:14px;background:#e6e6e6;border-radius:1px;overflow:hidden;opacity:0;transition:opacity .35s ease .1s}.csn .csn__bar-thumb{position:absolute;top:0;left:0;height:100%;width:30%;background:#1a1a1a;border-radius:1px}.csn--bar-m .csn__strip.is-overflow .csn__bar{display:block}.csn--bar-m .csn__strip.is-overflow.is-scrolling .csn__bar{opacity:1;transition-delay:0s}.csn--m-circles .csn__tile{width:var(--csn-circle-m);flex-direction:column;align-items:center;gap:6px}.csn--m-circles .csn__media{display:block;width:var(--csn-circle-m);height:var(--csn-circle-m);aspect-ratio:1;border-radius:50%;border:1px solid var(--csn-frame, #e6e6e6);outline:0}.csn--m-circles.csn--frame-none .csn__media,.csn--m-circles.csn--frame-grey .csn__media{border-color:transparent}.csn--m-circles .csn__media img.csn__logo{width:min(100%,calc(62% * var(--csn-logo-scale, 1)));height:min(100%,calc(62% * var(--csn-logo-scale, 1)))}.csn--m-circles .csn__label--out{display:block;padding:0;border:0;background:none;color:var(--csn-label-color);white-space:nowrap;opacity:1;font-size:calc(var(--csn-label-size-m) - 1px)}.csn--m-circles .csn__label--in,.csn--m-circles .csn__scrim{display:none}.csn--m-circles .csn__tile.is-current .csn__label--out{background:none;color:var(--csn-label-color)}.csn--m-circles.csn--current-outline .csn__tile.is-current .csn__media{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--csn-current)}.csn--m-circles .csn__media-empty--viewall{font-size:calc(var(--csn-label-size-m) - 3px);padding:4px}.csn--m-circles.csn--circle-nolabel .csn__label--out{display:none}.csn--nolabel.csn--m-circles .csn__label--out{display:block}.csn--nolabel.csn--m-circles.csn--circle-nolabel .csn__label--out{display:none}.csn--m-circles .csn__tile{position:relative}.csn--toggle.csn--m-circles .csn__tile.is-current .csn__label:after{content:none}.csn--toggle.csn--m-circles .csn__tile.is-current:after{content:"\d7";position:absolute;top:-2px;right:-2px;width:18px;height:18px;border-radius:50%;background:var(--csn-current);color:#fff;font-size:13px;line-height:18px;text-align:center;box-shadow:0 0 0 2px #fff;z-index:1}.csn--toggle.csn--nolabel.csn--m-circles .csn__tile.is-current .csn__media:after{content:none}.csn:not(.csn--pills-wrap-m) .csn__list{margin-left:calc(-1 * var(--csn-bleed, 16px));margin-right:calc(-1 * var(--csn-bleed, 16px));padding-left:var(--csn-bleed, 16px);padding-right:var(--csn-bleed, 16px);scroll-padding-left:var(--csn-bleed, 16px)}}
/*# sourceMappingURL=/cdn/shop/t/298/assets/collection-subnav.css.map */