.colorway-carousel{--cw-u: min(1px, 100vw / 393);display:block;isolation:isolate;overflow:hidden;padding:40px 0;background:#f9f5f3}.colorway-carousel__header{display:flex;flex-direction:column;align-items:center;padding:0 16px;text-align:center}.colorway-carousel__intro{display:flex;flex-direction:column;align-items:center}.colorway-carousel__eyebrow{margin:0;color:#665350;opacity:.7;font-family:var(--font-body-family);font-weight:600;font-size:var(--sec-eyebrow-size, 14px);line-height:calc(var(--sec-eyebrow-size, 14px) * 1.3);letter-spacing:.2em;text-transform:uppercase}.colorway-carousel__rule{--vertical-rule-opacity: .4;margin-top:15.8px}.colorway-carousel__heading{margin:16px 0 0;color:#3a3635;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:400;font-size:var(--sec-heading-size, 22px);line-height:calc(var(--sec-heading-size, 22px) * 1.2727);letter-spacing:0}.colorway-carousel__actions{display:flex;justify-content:space-evenly;gap:12px;width:100%;margin-top:24px}.colorway-carousel__button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:fit-content;min-height:40px;padding:0 16px;border:1px solid #665350;border-radius:0;background:transparent;color:#665350;cursor:pointer;font-family:var(--font-body-family);font-weight:600;font-size:12px;line-height:18.2px;letter-spacing:var(--cta-tracking);text-transform:uppercase;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.colorway-carousel__button:not([aria-pressed=true]):hover,.colorway-carousel__button:not([aria-pressed=true]):focus-visible{background:#6653500f}.colorway-carousel__button[aria-pressed=true]{background:#665350;color:#efe7e2}.colorway-carousel__button[aria-pressed=true]:hover,.colorway-carousel__button[aria-pressed=true]:focus-visible{border-color:#3a3635;background:#3a3635}.colorway-carousel__link[aria-disabled=true]{pointer-events:none}.colorway-carousel__panel{display:block}.colorway-carousel__panel[hidden]{display:none}.colorway-carousel__stage{position:relative;margin-top:24px;touch-action:pan-y;touch-action:pan-y pinch-zoom}.colorway-carousel__track{position:relative;height:calc(430 * var(--cw-u));margin:0;padding:0}.colorway-carousel__slide{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease,transform .5s ease,opacity .5s ease}.colorway-carousel__slide--no-transition{transition:none}.colorway-carousel__link{display:block;width:100%;height:100%;text-decoration:none}.colorway-carousel__image{display:block;width:100%;height:100%;object-fit:cover}.colorway-carousel__image--empty{background:#eae2e0}.colorway-carousel__slide[data-offset="0"]{z-index:3;width:calc(330 * var(--cw-u));height:calc(430 * var(--cw-u))}.colorway-carousel__slide[data-offset="-1"],.colorway-carousel__slide[data-offset="1"]{z-index:2;width:calc(260 * var(--cw-u));height:calc(339 * var(--cw-u))}.colorway-carousel__slide[data-offset="-1"]{transform:translate(-50%,-50%) translate(calc(-295 * var(--cw-u)))}.colorway-carousel__slide[data-offset="1"]{transform:translate(-50%,-50%) translate(calc(295 * var(--cw-u)))}.colorway-carousel__slide[data-offset="-2"],.colorway-carousel__slide[data-offset="2"],.colorway-carousel__slide[data-offset=hidden-prev],.colorway-carousel__slide[data-offset=hidden-next]{z-index:1;width:calc(260 * var(--cw-u));height:calc(339 * var(--cw-u));opacity:0;pointer-events:none}.colorway-carousel__slide[data-offset="-2"],.colorway-carousel__slide[data-offset=hidden-prev]{transform:translate(-50%,-50%) translate(calc(-555 * var(--cw-u)))}.colorway-carousel__slide[data-offset="2"],.colorway-carousel__slide[data-offset=hidden-next]{transform:translate(-50%,-50%) translate(calc(555 * var(--cw-u)))}.colorway-carousel__slide:not([data-offset="0"]) .colorway-carousel__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0003}.colorway-carousel__link:before{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 50%,#0009 77%,#000000bd 86% 100%);opacity:0;transition:opacity .4s ease;pointer-events:none}.colorway-carousel__slide[data-offset="0"] .colorway-carousel__link:before{opacity:1}.colorway-carousel__link{position:relative}.colorway-carousel__caption{position:absolute;right:0;bottom:calc(30 * var(--cw-u));left:0;z-index:2;display:flex;flex-direction:column;align-items:center;padding:0 16px;text-align:center;opacity:0;transition:opacity .4s ease}.colorway-carousel__slide[data-offset="0"] .colorway-carousel__caption{opacity:1}.colorway-carousel__name{color:#fff;font-family:var(--font-body-family);font-weight:500;font-size:20px;line-height:30px}.colorway-carousel__description{margin-top:8px;max-width:262px;color:#fff;opacity:.7;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:400;font-size:14px;line-height:18px}.colorway-carousel__arrow{display:none}.colorway-carousel__swatches{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px;padding:0 16px}[data-panel=color] .colorway-carousel__swatches{flex-wrap:nowrap}[data-panel=fabric] .colorway-carousel__swatches{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline-start:16px;scrollbar-width:none}[data-panel=fabric] .colorway-carousel__swatches::-webkit-scrollbar{display:none}[data-panel=fabric] .colorway-carousel__swatch{scroll-snap-align:start}.colorway-carousel__swatch{box-sizing:border-box;flex:0 1 66px;min-width:0;height:44px;padding:0;border:1px solid transparent;border-radius:0;background:var(--swatch-color, #ddd);cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.colorway-carousel__swatch:hover{border-color:#66535066}.colorway-carousel__swatch--active,.colorway-carousel__swatch--active:hover{padding:4px;border-color:#3a3635;background-clip:content-box}.colorway-carousel__swatch--label{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:80px;padding:0 12px;border-color:#6653504d;background:transparent;color:#665350;font-family:var(--font-body-family);font-weight:600;font-size:12px;line-height:15.6px;letter-spacing:.1em;text-transform:uppercase;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.colorway-carousel__swatch--label:hover{border-color:#665350}.colorway-carousel__swatch--label.colorway-carousel__swatch--active,.colorway-carousel__swatch--label.colorway-carousel__swatch--active:hover{padding:0 12px;border-color:#665350;background:#665350;background-clip:border-box;color:#efe7e2}@media screen and (min-width:990px){.colorway-carousel{--cw-u: min(1px, 100vw / 1440);margin-bottom:40px;padding-bottom:40px}.colorway-carousel__header{flex-direction:row;align-items:flex-start;justify-content:space-between;padding:0 40px;text-align:left}.colorway-carousel__intro{align-items:flex-start}.colorway-carousel__eyebrow{font-size:var(--sec-eyebrow-size-desktop, 13px);line-height:calc(var(--sec-eyebrow-size-desktop, 13px) * 1.3)}.colorway-carousel__rule.vertical-rule{display:none}.colorway-carousel__heading{margin-top:12.1px;font-size:var(--sec-heading-size-desktop, 28px);line-height:calc(var(--sec-heading-size-desktop, 28px) * 1.3929)}.colorway-carousel__actions{flex:0 0 auto;gap:16px;width:auto;margin-top:34px}.colorway-carousel__button{flex:0 0 auto;min-width:170px;min-height:40px;padding:0 20px}.colorway-carousel__stage{margin-top:30px}.colorway-carousel__track{height:calc(463 * var(--cw-u))}.colorway-carousel__slide[data-offset="0"]{width:calc(605 * var(--cw-u));height:calc(463 * var(--cw-u))}.colorway-carousel__slide[data-offset="-1"],.colorway-carousel__slide[data-offset="1"]{width:calc(424 * var(--cw-u));height:calc(389 * var(--cw-u))}.colorway-carousel__slide[data-offset="-1"]{transform:translate(-50%,-50%) translate(calc(-273.5 * var(--cw-u)))}.colorway-carousel__slide[data-offset="1"]{transform:translate(-50%,-50%) translate(calc(273.5 * var(--cw-u)))}.colorway-carousel__slide[data-offset="-2"],.colorway-carousel__slide[data-offset="2"]{z-index:1;width:calc(316 * var(--cw-u));height:calc(275 * var(--cw-u));opacity:1;pointer-events:auto}.colorway-carousel__slide[data-offset="-2"]{transform:translate(-50%,-50%) translate(calc(-460.5 * var(--cw-u)))}.colorway-carousel__slide[data-offset="2"]{transform:translate(-50%,-50%) translate(calc(460.5 * var(--cw-u)))}.colorway-carousel__slide[data-offset=hidden-prev],.colorway-carousel__slide[data-offset=hidden-next]{width:calc(316 * var(--cw-u));height:calc(275 * var(--cw-u))}.colorway-carousel__slide[data-offset=hidden-prev]{transform:translate(-50%,-50%) translate(calc(-640 * var(--cw-u)))}.colorway-carousel__slide[data-offset=hidden-next]{transform:translate(-50%,-50%) translate(calc(640 * var(--cw-u)))}.colorway-carousel__arrow{position:absolute;top:50%;z-index:4;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:36px;height:36px;padding:0;border:1px solid #d5d5d5;border-radius:50%;background:transparent;color:#665350;cursor:pointer;transform:translateY(-50%);transition:background-color .2s ease,border-color .2s ease}.colorway-carousel__arrow:hover,.colorway-carousel__arrow:focus-visible{border-color:#665350;background:#6653500f}.colorway-carousel__arrow--prev{left:40px}.colorway-carousel__arrow--next{right:44px}.colorway-carousel__arrow .icon{display:block;width:5px;height:11px}.colorway-carousel__arrow--next .icon{transform:rotate(180deg)}.colorway-carousel__swatches{gap:5px;margin-top:30px;padding:0 40px}[data-panel=fabric] .colorway-carousel__swatches{justify-content:center;overflow-x:visible;scroll-snap-type:none}.colorway-carousel__swatch{flex:0 1 85px;height:26px}.colorway-carousel__swatch--active,.colorway-carousel__swatch--active:hover{padding:4px}.colorway-carousel__swatch--label{flex:0 0 auto;min-width:85px;font-size:11px;line-height:14.3px}.colorway-carousel__swatch--label.colorway-carousel__swatch--active,.colorway-carousel__swatch--label.colorway-carousel__swatch--active:hover{padding:0 12px}.colorway-carousel__name{font-size:24px}}@media(prefers-reduced-motion:reduce){.colorway-carousel__slide,.colorway-carousel__caption,.colorway-carousel__link:before{transition:none}}.colorway-carousel{padding-top:var(--sec-space-top, 40px);padding-bottom:var(--sec-space-bottom, 40px)}@media screen and (min-width:990px){.colorway-carousel{padding-top:var(--sec-space-top-desktop, 40px);padding-bottom:var(--sec-space-bottom-desktop, 40px)}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-colorway-carousel.css.map */