.cpx-v6-kicker{margin:0 0 14px!important;font-size:11px;font-weight:650;line-height:1.2;letter-spacing:.14em;text-transform:uppercase}#root .cpx-v6-side h2,#root .cpx-v6-compare h2,#root .cpx-v6-hot h2{margin:0;color:var(--cpx-v5-ink);font-family:var(--cpx-v5-serif);font-style:italic;font-weight:500;line-height:.92;letter-spacing:-.045em;text-transform:none!important;-webkit-hyphens:none!important;hyphens:none!important;overflow-wrap:normal;word-break:normal}.cpx-v6-tabs__list{display:flex;align-items:baseline;gap:.15em 1em;min-width:0}#root .cpx-v6-tabs .cpx-v6-tabs__tab{-webkit-appearance:none;appearance:none;position:relative;width:auto;height:auto;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#b9b2a8;font-family:var(--cpx-display);font-size:var(--cpx-title-size);font-weight:var(--cpx-title-wght);font-stretch:var(--cpx-title-stretch);line-height:1.04;letter-spacing:var(--cpx-title-track);text-transform:none;white-space:nowrap;cursor:pointer;transition:color .2s ease}#root .cpx-v6-tabs .cpx-v6-tabs__tab:before,#root .cpx-v6-tabs .cpx-v6-tabs__tab:after{content:none;display:none}#root .cpx-v6-tabs .cpx-v6-tabs__tab[aria-selected=true]{color:var(--cpx-fg)}[data-whatin=mouse] #root .cpx-v6-tabs .cpx-v6-tabs__tab:hover{color:var(--cpx-fg)!important}.cpx-v6-tabs__panel[hidden]{display:none!important}.cpx-v6-tabs__panel{animation:cpx-v6-fade .35s ease both}@keyframes cpx-v6-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.cpx-v6-side{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-inline:calc(-1 * var(--rpp, 30px));background:var(--cpx-v5-cream)}.cpx-v6-side--right .cpx-v6-side__media{order:2}.cpx-v6-side__media{position:relative;overflow:hidden;aspect-ratio:4 / 5;max-height:920px;width:100%}#root .cpx-v6-side__media>img{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important}.cpx-v6-side__copy{position:absolute;top:clamp(28px,4.5vw,64px);left:clamp(24px,4.5vw,64px);right:24px;z-index:2}#root .cpx-v6-side__copy h2{font-size:clamp(60px,7.4vw,120px)}.cpx .cpx-v6-side__copy .cpx-btn{margin-top:26px}.cpx-v6-side__panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;min-width:0;padding:clamp(32px,5vw,80px) 0}.cpx-v6-side__track{position:relative;display:flex;width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.cpx-v6-side__track::-webkit-scrollbar{display:none}.cpx-v6-side__slide{flex:0 0 100%;display:flex;justify-content:center;scroll-snap-align:center}.cpx-v6-side__slide>.cpx-card{width:min(64%,460px);text-align:center}.cpx-v6-side__nav{display:flex;align-items:center;gap:18px}cpx-slides[data-single] .cpx-v6-side__nav{display:none}.cpx-v6-dots{display:flex;align-items:center;gap:10px}#root .cpx-v6-dot{-webkit-appearance:none;appearance:none;width:8px;height:8px;min-width:0;min-height:0;margin:0;padding:0;border:1px solid var(--cpx-v5-ink);border-radius:50%;background:transparent;box-shadow:none;cursor:pointer}#root .cpx-v6-dot:before,#root .cpx-v6-dot:after{content:none;display:none}#root .cpx-v6-dot[aria-current=true]{background:var(--cpx-v5-ink)}.cpx-v6-compare{--cpx-pos: 50%;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);grid-template-areas:"copy stage" "pairs stage";column-gap:clamp(24px,4.5vw,72px);row-gap:30px}.cpx-v6-compare__copy{grid-area:copy;align-self:end}#root .cpx-v6-compare__copy h2{font-size:clamp(42px,4.6vw,78px)}.cpx-v6-compare__hint{margin-top:18px!important;color:#6e6a64;font-size:13px}.cpx-v6-compare__pairs{grid-area:pairs;align-self:start;border-top:1px solid rgba(17,16,14,.14)}.cpx .cpx-v6-compare__pairs a{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:baseline;gap:10px;padding:15px 0;border-bottom:1px solid rgba(17,16,14,.14);text-decoration:none}.cpx-v6-compare__side{color:#8a847b}.cpx-v6-compare__pairs strong{font-weight:500}.cpx-v6-compare__price{color:#514c46;font-size:14px;white-space:nowrap}.cpx-v6-compare__stage{grid-area:stage;position:relative;overflow:hidden;aspect-ratio:7 / 5;background:var(--cpx-v5-cream);cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none}.cpx-v6-compare__layer{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cpx-v5-cream);isolation:isolate}.cpx-v6-compare__layer--top{clip-path:inset(0 calc(100% - var(--cpx-pos)) 0 0)}#root .cpx-v6-compare__layer img{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;mix-blend-mode:multiply;pointer-events:none}.cpx-v6-compare__label{position:absolute;bottom:18px;z-index:2;padding:8px 14px;border-radius:999px;background:#fff;font-size:12px;font-weight:500;line-height:1.2;letter-spacing:.02em;pointer-events:none;transition:opacity .2s ease}.cpx-v6-compare__label--a{left:18px}.cpx-v6-compare__label--b{right:18px}cpx-compare[data-hide-a] .cpx-v6-compare__label--a,cpx-compare[data-hide-b] .cpx-v6-compare__label--b{opacity:0}.cpx-v6-compare__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}.cpx-v6-compare__handle{position:absolute;top:0;bottom:0;left:var(--cpx-pos);z-index:3;width:0;pointer-events:none}.cpx-v6-compare__handle:before{content:"";position:absolute;top:0;bottom:0;left:-.75px;width:1.5px;background:#11100ed9}.cpx-v6-compare__knob{position:absolute;top:50%;left:0;display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#fff;color:#111;box-shadow:0 6px 22px #00000024}.cpx-v6-compare__knob svg{width:22px;height:22px}.cpx-v6-compare__range:focus-visible+.cpx-v6-compare__handle .cpx-v6-compare__knob{outline:2px solid #111;outline-offset:3px}.cpx-v6-hot{display:grid;grid-template-columns:minmax(0,1fr) min(50%,720px);margin-inline:calc(-1 * var(--rpp, 30px));background:var(--cpx-v5-cream)}.cpx-v6-hot--right .cpx-v6-hot__media{order:2}.cpx-v6-hot--left{grid-template-columns:min(50%,720px) minmax(0,1fr)}.cpx-v6-hot__media{position:relative;aspect-ratio:4 / 5;width:100%}#root .cpx-v6-hot__media>img{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important}.cpx-v6-hot__spot{position:absolute;left:var(--x);top:var(--y);z-index:3;width:0;height:0}.cpx-v6-hot__spot.is-open{z-index:6}#root .cpx-v6-hot__dot{-webkit-appearance:none;appearance:none;position:absolute;left:-17px;top:-17px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:#fff;color:#111;box-shadow:0 4px 16px #0003;cursor:pointer;transition:transform .2s ease}#root .cpx-v6-hot__dot:before{content:none;display:none}#root .cpx-v6-hot__dot:after{content:"";display:block;position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border:1px solid rgba(255,255,255,.85);border-radius:50%;background:none;animation:cpx-v6-pulse 2.6s ease-out infinite;pointer-events:none}cpx-hotspots[data-touched] .cpx-v6-hot__dot:after{animation:none;opacity:0}@keyframes cpx-v6-pulse{0%{opacity:.9;transform:scale(.8)}70%{opacity:0;transform:scale(1.55)}to{opacity:0;transform:scale(1.55)}}[data-whatin=mouse] #root .cpx-v6-hot__dot:hover{transform:scale(1.08);color:#111!important}.cpx-v6-hot__dot>span{position:relative;width:12px;height:12px}.cpx-v6-hot__dot>span:before,.cpx-v6-hot__dot>span:after{content:"";position:absolute;left:50%;top:50%;background:currentColor;transition:transform .25s ease}.cpx-v6-hot__dot>span:before{width:12px;height:1.5px;transform:translate(-50%,-50%)}.cpx-v6-hot__dot>span:after{width:1.5px;height:12px;transform:translate(-50%,-50%)}.is-open .cpx-v6-hot__dot>span:after{transform:translate(-50%,-50%) scaleY(0)}.cpx .cpx-v6-hot__card{position:absolute;top:0;left:28px;display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:12px;width:270px;padding:10px 16px 10px 10px;border-radius:2px;background:#fff;color:#111;text-decoration:none;box-shadow:0 14px 36px #0000002e;transform:translateY(-50%);animation:cpx-v6-pop .22s ease both}.cpx-v6-hot__spot.is-left .cpx-v6-hot__card{left:auto;right:28px}.cpx-v6-hot__card[hidden]{display:none!important}@keyframes cpx-v6-pop{0%{opacity:0;transform:translateY(-46%)}to{opacity:1;transform:translateY(-50%)}}.cpx-v6-hot__thumb{display:block;aspect-ratio:1;background:var(--cpx-v5-cream)}#root .cpx-v6-hot__thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.cpx-v6-hot__name{display:block;font-size:13px;line-height:1.3}.cpx-v6-hot__price{display:block;margin-top:5px;font-size:13px;font-weight:500}.cpx-v6-hot__copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(34px,6vw,92px)}#root .cpx-v6-hot__copy h2{font-size:clamp(50px,5.4vw,92px)}.cpx-v6-hot__copy>p:not(.cpx-v6-kicker){max-width:36ch;margin:22px 0 28px!important;color:#514c46}@media(prefers-reduced-motion:reduce){.cpx-v6-tabs__panel,.cpx .cpx-v6-hot__card{animation:none}#root .cpx-v6-hot__dot:after{animation:none;opacity:0}}@media(max-width:760px){.cpx-v6-tabs .cpx-head{flex-wrap:wrap;align-items:flex-end}.cpx-v6-tabs__list{flex:1 1 100%;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--rpp, 16px));padding-inline:var(--rpp, 16px)}.cpx-v6-tabs__list::-webkit-scrollbar{display:none}.cpx-v6-tabs .cpx-head__aside{margin-left:auto}#root .cpx-v6-tabs .cpx-v6-tabs__tab{font-size:clamp(24px,7vw,30px)}.cpx-v6-side,.cpx-v6-hot{grid-template-columns:1fr;margin-inline:calc(-1 * var(--rpp, 16px))}.cpx-v6-side--right .cpx-v6-side__media,.cpx-v6-hot--right .cpx-v6-hot__media{order:0}.cpx-v6-side__media{max-height:none}.cpx-v6-side__panel{padding:30px 0 36px;gap:20px}.cpx-v6-side__track{padding-inline:14%;scroll-padding-inline:14%}.cpx-v6-side__slide{flex-basis:72%;padding-inline:6px}.cpx-v6-side__slide>.cpx-card{width:100%}#root .cpx-v6-side__copy h2{font-size:clamp(54px,16vw,76px)}.cpx-v6-compare{grid-template-columns:1fr;grid-template-areas:"copy" "stage" "pairs";row-gap:20px}.cpx-v6-compare__stage{margin-inline:calc(-1 * var(--rpp, 16px))}#root .cpx-v6-compare__copy h2{font-size:clamp(38px,11vw,52px)}.cpx-v6-compare__knob{width:44px;height:44px;margin:-22px 0 0 -22px}.cpx-v6-compare__label{bottom:12px;padding:6px 10px;font-size:11px}.cpx-v6-compare__label--a{left:12px}.cpx-v6-compare__label--b{right:12px}#root .cpx-v6-hot__dot{left:-15px;top:-15px;width:30px;height:30px}.cpx .cpx-v6-hot__card{width:214px;grid-template-columns:60px minmax(0,1fr);gap:10px;left:22px;padding:8px 12px 8px 8px}.cpx-v6-hot__spot.is-left .cpx-v6-hot__card{right:22px}.cpx-v6-hot__name,.cpx-v6-hot__price{font-size:12px}.cpx-v6-hot__copy{padding:30px var(--rpp, 16px) 40px}#root .cpx-v6-hot__copy h2{font-size:clamp(44px,13vw,60px)}}cpx-tabs,cpx-compare,cpx-hotspots,cpx-slides{display:block}.cpx-v6-compare,.cpx-v6-hot{display:grid}.cpx-v6-side__panel{display:flex}.cpx-v6-side__slide>.cpx-card{width:min(82%,580px)}.cpx-v6-side__slide .cpx-card__media{aspect-ratio:4 / 3!important}@media(max-width:760px){.cpx-v6-side__slide>.cpx-card{width:100%}}@supports (overflow-x: clip){body.template-index{overflow-x:clip}}cpx-spin{display:block}.cpx-v6-spin{position:relative;margin-inline:calc(-1 * var(--rpp, 30px));background:#fff}.cpx-v6-spin[data-live]{height:280vh}.cpx-v6-spin__sticky{display:grid;grid-template-columns:minmax(0,34%) minmax(0,66%);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"copy stage" "meter meter";column-gap:clamp(16px,3vw,48px);padding:clamp(40px,5vw,72px) var(--rpp, 30px) 28px;background:#fff}.cpx-v6-spin[data-live] .cpx-v6-spin__sticky{position:sticky;top:0;height:100vh;padding-top:calc(var(--cpx-spin-top, 89px) + 24px)}@supports (height: 100svh){.cpx-v6-spin[data-live] .cpx-v6-spin__sticky{height:100svh}}.cpx-v6-spin__copy{grid-area:copy;align-self:center;display:grid;min-width:0}.cpx-v6-spin__beat{grid-area:1 / 1;min-width:0}.cpx-v6-spin[data-static] .cpx-v6-spin__beat[data-beat="1"]{display:none}.cpx-v6-spin[data-static] .cpx-v6-spin__beat[data-beat="2"]{grid-area:auto;margin-top:36px}.cpx-v6-spin[data-live] .cpx-v6-spin__beat{opacity:0;transform:translateY(16px);visibility:hidden;transition:opacity .5s ease,transform .5s ease,visibility 0s linear .5s}.cpx-v6-spin[data-live] .cpx-v6-spin__beat.is-active{opacity:1;transform:none;visibility:visible;transition:opacity .5s ease,transform .5s ease,visibility 0s}#root .cpx-v6-spin h2{margin:0;color:var(--cpx-v5-ink);font-family:var(--cpx-v5-serif);font-style:italic;font-weight:500;font-size:clamp(54px,6.6vw,112px);line-height:.92;letter-spacing:-.045em;text-transform:none!important;-webkit-hyphens:none!important;hyphens:none!important}.cpx-v6-spin__text{max-width:34ch;margin-top:22px!important;color:#514c46}.cpx-v6-spin__price{margin-bottom:26px!important;color:var(--cpx-v5-ink);font-family:var(--cpx-v5-serif);font-style:italic;font-weight:500;font-size:clamp(64px,8vw,132px);line-height:.9;letter-spacing:-.04em}.cpx-v6-spin__price .cpx-card__from{display:block;margin-bottom:10px;color:#6e6a64;font-family:var(--cpx-text);font-style:normal;font-size:13px;letter-spacing:0}.cpx-v6-spin__stage{grid-area:stage;position:relative;min-height:0;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.cpx-v6-spin[data-static] .cpx-v6-spin__stage{aspect-ratio:1400 / 920}cpx-spin[data-grabbing] .cpx-v6-spin__stage{cursor:grabbing}#root .cpx-v6-spin__poster,.cpx-v6-spin__canvas{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important}.cpx-v6-spin__canvas{opacity:0;transition:opacity .3s ease}cpx-spin[data-ready] .cpx-v6-spin__canvas{opacity:1}cpx-spin[data-ready] .cpx-v6-spin__poster{visibility:hidden}.cpx-v6-spin__meter{grid-area:meter;display:flex;align-items:center;justify-content:flex-end;gap:14px;padding-top:14px;color:#6e6a64;font-size:11px;font-weight:600;letter-spacing:.14em;font-variant-numeric:tabular-nums}.cpx-v6-spin__bar{position:relative;width:clamp(120px,16vw,220px);height:1px;background:#11100e29}.cpx-v6-spin__bar>span{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cpx-v5-ink);transform:scaleX(0);transform-origin:left center}@media(max-width:760px){.cpx-v6-spin{margin-inline:calc(-1 * var(--rpp, 16px))}.cpx-v6-spin[data-live]{height:240vh}.cpx-v6-spin__sticky{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"copy" "stage" "meter";padding:32px var(--rpp, 16px) 20px}.cpx-v6-spin[data-live] .cpx-v6-spin__sticky{padding-top:calc(var(--cpx-spin-top, 60px) + 18px)}.cpx-v6-spin__copy{align-self:start}#root .cpx-v6-spin h2{font-size:clamp(44px,13vw,60px)}.cpx-v6-spin__text{margin-top:14px!important;font-size:14px}.cpx-v6-spin__price{font-size:clamp(56px,16vw,76px);margin-bottom:18px!important}.cpx-v6-spin__meter{justify-content:center}}.cpx-v6-spin__price{font-family:var(--cpx-display);font-style:normal;font-weight:var(--cpx-title-wght);font-stretch:var(--cpx-title-stretch);font-size:clamp(56px,6.4vw,104px);line-height:1;letter-spacing:-.02em}@media(max-width:760px){.cpx-v6-spin__price{font-size:clamp(48px,14vw,64px)}}@supports (overflow: clip){body.template-index #root{overflow:clip}}#root .cpx-v6-tabs .cpx-v6-tabs__tab{flex:0 0 auto}@media(max-width:760px){.cpx .cpx-v6-hot__card{width:184px;grid-template-columns:52px minmax(0,1fr);left:20px}.cpx-v6-hot__spot.is-left .cpx-v6-hot__card{right:20px}.cpx-v6-spin[data-live] .cpx-v6-spin__sticky{grid-template-rows:auto auto auto;align-content:center;row-gap:18px}.cpx-v6-spin__stage{aspect-ratio:1400 / 920}}.cpx-v6-side__media--veil:after{content:"";position:absolute;inset:0 0 auto 0;height:58%;background:linear-gradient(180deg,#f4efe79e,#f4efe775 38%,#f4efe700);z-index:1;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/38/assets/cpx-v6.css.map */