.oddit-construction{--cv-bg: #e9e7e8;--cv-ink: #111111;--cv-text: #202223;--cv-muted: #5c5f62;--cv-line: #9c948d;--cv-badge: #b8afa7;--cv-collapse: 0;background:var(--cv-bg);color:var(--cv-text);overflow:hidden}.oddit-construction__container{max-width:1200px;margin:0 auto;padding:48px 16px 56px}.oddit-construction__intro{text-align:center;margin-bottom:28px}.oddit-construction__eyebrow{font-family:Archivo Narrow,sans-serif;font-weight:700;font-size:12px;letter-spacing:2.4px;text-transform:uppercase;color:var(--cv-muted);margin:0 0 8px}.oddit-construction__heading{font-family:Archivo Narrow,sans-serif;font-weight:700;font-size:28px;line-height:1.1;letter-spacing:2.8px;text-transform:uppercase;color:var(--cv-ink);margin:0}.oddit-construction__subheading{font-family:Nunito Sans,sans-serif;font-size:15px;line-height:1.5;color:#44474a;max-width:440px;margin:10px auto 0}.oddit-construction__note{font-family:Nunito Sans,sans-serif;font-size:12px;line-height:1.5;color:var(--cv-muted);max-width:440px;margin:8px auto 0}.oddit-construction__toggle{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:9px 16px;border:1px solid rgba(17,17,17,.25);border-radius:999px;background:#ffffff8c;color:var(--cv-ink);font-family:Archivo Narrow,sans-serif;font-weight:700;font-size:12px;letter-spacing:1.8px;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.oddit-construction__toggle:hover{background:#fff;border-color:var(--cv-ink)}.oddit-construction__toggle:focus-visible{outline:2px solid var(--cv-ink);outline-offset:2px}.oddit-construction__toggle-icon{transition:transform .4s ease}.oddit-construction__toggle[aria-pressed=true] .oddit-construction__toggle-icon{transform:rotate(180deg)}.oddit-construction__stage{position:relative;display:flex;flex-direction:column;gap:28px}.oddit-construction__row{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.oddit-construction__row--upper{z-index:3}.oddit-construction__row--insole{z-index:2}.oddit-construction__row--outsole{z-index:1}.oddit-construction__group{opacity:clamp(0,calc(1 - var(--cv-collapse) * 1.6),1)}.oddit-construction__group-title{font-family:Archivo Narrow,sans-serif;font-weight:700;font-size:18px;letter-spacing:1.6px;text-transform:uppercase;color:var(--cv-ink);margin:0}.oddit-construction__group-sub{font-family:Nunito Sans,sans-serif;font-size:13px;line-height:1.4;color:var(--cv-muted);margin:2px 0 0}.oddit-construction__stage.is-sized{height:calc(var(--cv-h-a) + (var(--cv-h-e) - var(--cv-h-a)) * (1 - var(--cv-collapse)));overflow:hidden;overflow:clip;overflow-clip-margin:24px}.oddit-construction__stage.is-sized.is-open,.oddit-construction__stage.is-measuring{height:auto;overflow:visible}.oddit-construction__layer{position:relative;max-width:460px;width:100%;margin:0 auto;transform:translate3d(0,calc(var(--cv-collapse) * var(--cv-shift, 0px)),0);will-change:transform}.oddit-construction__row--insole .oddit-construction__layer,.oddit-construction__row--outsole .oddit-construction__layer{opacity:clamp(0,calc((1 - var(--cv-collapse)) * 2.5),1)}.oddit-construction__layer-inner{position:relative;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s ease}.oddit-construction__img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.oddit-construction__row.is-focus .oddit-construction__layer-inner{transform:translateY(-6px) scale(1.025);filter:drop-shadow(0 18px 18px rgba(17,17,17,.16))}.oddit-construction__stage.has-focus .oddit-construction__row:not(.is-focus) .oddit-construction__layer-inner{filter:saturate(.6) opacity(.55)}.oddit-construction__hotspot{position:absolute;left:var(--x);top:var(--y);width:30px;height:30px;margin:-15px 0 0 -15px;padding:0;border:2px solid var(--cv-ink);border-radius:50%;background:#ffffffeb;color:var(--cv-ink);font-family:Archivo Narrow,sans-serif;font-weight:700;font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px #1111112e;transform:scale(clamp(0,calc(1 - var(--cv-collapse) * 1.8),1));transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;z-index:2}.oddit-construction__hotspot:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:2px solid rgba(255,255,255,.9);animation:oddit-cv-pulse 2.6s ease-out infinite;animation-delay:calc(var(--i, 1) * .35s);pointer-events:none}.oddit-construction__hotspot:hover,.oddit-construction__hotspot.is-active{background:var(--cv-ink);color:#fff;box-shadow:0 4px 12px #1111114d}.oddit-construction__hotspot.is-active:after,.oddit-construction__stage.has-active .oddit-construction__hotspot:after{animation:none;opacity:0}.oddit-construction__hotspot:focus-visible{outline:2px solid var(--cv-ink);outline-offset:3px}@keyframes oddit-cv-pulse{0%{transform:scale(1);opacity:.9}70%{transform:scale(1.9);opacity:0}to{transform:scale(1.9);opacity:0}}.oddit-construction__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;opacity:clamp(0,calc(1 - var(--cv-collapse) * 1.6),1)}.oddit-construction__item{display:flex;align-items:flex-start;gap:12px;padding:8px 10px;margin:0;border-radius:10px;cursor:pointer;transition:background-color .2s ease,opacity .2s ease,transform .2s ease}.oddit-construction__item.is-active{background:#ffffffb3}.oddit-construction__stage.has-active .oddit-construction__item:not(.is-active){opacity:.5}.oddit-construction__num{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--cv-badge);color:var(--cv-ink);font-family:Archivo Narrow,sans-serif;font-weight:700;font-size:13px;transition:background-color .2s ease,color .2s ease}.oddit-construction__item.is-active .oddit-construction__num{background:var(--cv-ink);color:#fff}.oddit-construction__text{display:flex;flex-direction:column;padding-top:2px}.oddit-construction__item-title{font-family:Archivo Narrow,sans-serif;font-weight:700;font-size:17px;line-height:1.2;color:var(--cv-ink)}.oddit-construction__item-detail{font-family:Nunito Sans,sans-serif;font-size:14px;line-height:1.35;color:#44474a}.oddit-construction__row--text .oddit-construction__list{max-width:460px;width:100%;margin:0 auto}.oddit-construction__row--text .oddit-construction__item{background:#ffffff8c}.oddit-construction__lines{display:none}@media screen and (min-width:750px){.oddit-construction__container{padding:64px 32px 72px}.oddit-construction__heading{font-size:34px;letter-spacing:3.4px}.oddit-construction__stage{gap:36px}.oddit-construction__row{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;column-gap:48px;row-gap:8px}.oddit-construction__group{grid-column:1 / -1}.oddit-construction__layer{margin:0}.oddit-construction__row--text .oddit-construction__list{grid-column:1 / -1}.oddit-construction__lines{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:clamp(0,calc(1 - var(--cv-collapse) * 1.6),1);z-index:1}.oddit-construction__lines path{fill:none;stroke:var(--cv-line);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s ease,stroke-width .2s ease}.oddit-construction__lines path.is-active{stroke:var(--cv-ink);stroke-width:2}.oddit-construction__lines.is-drawing path{stroke-dasharray:var(--len, 600);stroke-dashoffset:var(--len, 600);animation:oddit-cv-draw .9s cubic-bezier(.4,0,.2,1) forwards;animation-delay:calc(var(--i, 0) * .08s)}}@keyframes oddit-cv-draw{to{stroke-dashoffset:0}}@media screen and (min-width:990px){.oddit-construction__intro{margin-bottom:40px}.oddit-construction__row{grid-template-columns:220px minmax(0,460px) minmax(0,1fr);column-gap:56px}.oddit-construction__group{grid-column:auto;align-self:center;padding-top:18px;border-top:1px solid rgba(17,17,17,.25)}.oddit-construction__group-title{font-size:26px;letter-spacing:1.4px;line-height:1.05}.oddit-construction__group-sub{font-size:14px;margin-top:8px}.oddit-construction__row--text .oddit-construction__list{grid-column:2 / -1;margin:0}.oddit-construction__item-title{font-size:19px}}@media(prefers-reduced-motion:reduce){.oddit-construction{--cv-collapse: 0 !important}.oddit-construction__layer-inner,.oddit-construction__item,.oddit-construction__toggle-icon{transition:none}.oddit-construction__hotspot:after{animation:none;opacity:0}.oddit-construction__lines.is-drawing path{animation:none;stroke-dashoffset:0}.oddit-construction__toggle{display:none}}.oddit-construction{position:relative;--cv-cold: #1d4f7a}.oddit-construction__container{position:relative;z-index:1}.oddit-construction__chill,.oddit-construction__snow{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .9s ease;z-index:0}.oddit-construction__chill{background:radial-gradient(120% 70% at 50% 0%,#ffffff8c,#fff0 60%),linear-gradient(180deg,#c9d8e4,#dde6ed,#cfdce6)}.oddit-construction.is-cold .oddit-construction__chill,.oddit-construction.is-cold .oddit-construction__snow{opacity:1}.oddit-construction__toggle--cold{margin-left:8px}.oddit-construction__toggle--cold[aria-pressed=true]{background:var(--cv-cold);border-color:var(--cv-cold);color:#fff}.oddit-construction__toggle--cold[aria-pressed=true] .oddit-construction__toggle-icon{transform:rotate(60deg)}.oddit-construction__toggle--cold.is-hint:not([aria-pressed=true]){animation:oddit-cv-hint 2.4s ease-in-out 3}@keyframes oddit-cv-hint{0%,to{box-shadow:0 0 #1d4f7a00}50%{box-shadow:0 0 0 6px #1d4f7a2e}}.oddit-construction__readout{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:0 auto;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease,opacity .5s ease,margin .5s ease;color:var(--cv-cold)}.oddit-construction.is-cold .oddit-construction__readout{max-height:60px;opacity:1;margin-top:16px}.oddit-construction__readout-label{font-family:Archivo Narrow,sans-serif;font-weight:700;font-size:12px;letter-spacing:1.8px;text-transform:uppercase}.oddit-construction__readout-temp{font-family:Archivo Narrow,sans-serif;font-weight:700;font-size:30px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.5px;white-space:nowrap}.oddit-construction__frost,.oddit-construction__warm{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-mask-image:var(--cv-mask);-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-image:var(--cv-mask);mask-size:100% 100%;mask-repeat:no-repeat;opacity:0;z-index:1}.oddit-construction__frost{background:linear-gradient(to top,#cee4f7d9,#cee4f766 30%,#cee4f700 58%);mix-blend-mode:screen;clip-path:inset(100% 0 0 0);transition:clip-path 1.8s cubic-bezier(.3,.6,.2,1),opacity .5s ease}.oddit-construction.is-cold .oddit-construction__frost{opacity:1;clip-path:inset(0 0 0 0)}.oddit-construction__frost:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.92 0 0 0 0 0.96 0 0 0 0 1 0 0 0 2.4 -1.25'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23f)'/%3E%3C/svg%3E");background-size:220px 220px;-webkit-mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.55) 30%,transparent 62%);mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.55) 30%,transparent 62%)}.oddit-construction__warm{mix-blend-mode:multiply;transition:opacity .9s ease .5s}.oddit-construction__row--upper .oddit-construction__warm{background:radial-gradient(34% 30% at 40% 30%,#ffa85cf2,#ffc48c8c 55%,#ffdcb400)}.oddit-construction__row--insole .oddit-construction__warm{background:radial-gradient(60% 80% at 50% 35%,#ffb05cd9,#ffc88c66 60%,#ffdcb400)}.oddit-construction.is-cold .oddit-construction__warm{opacity:1;animation:oddit-cv-warm 3.2s ease-in-out 1.4s infinite}@keyframes oddit-cv-warm{0%,to{opacity:1}50%{opacity:.6}}.oddit-construction__item-cold{display:block;max-height:0;opacity:0;overflow:hidden;font-family:Nunito Sans,sans-serif;font-weight:700;font-size:13px;line-height:1.4;color:var(--cv-cold);transition:max-height .45s ease,opacity .45s ease,margin .45s ease;transition-delay:calc(var(--i, 1) * .08s)}.oddit-construction.is-cold .oddit-construction__item-cold{max-height:4em;opacity:1;margin-top:2px}.oddit-construction.is-cold .oddit-construction__item[data-cv-cold-item] .oddit-construction__num{background:var(--cv-cold);color:#fff}.oddit-construction.is-cold .oddit-construction__item:not([data-cv-cold-item]) .oddit-construction__text,.oddit-construction.is-cold .oddit-construction__item:not([data-cv-cold-item]) .oddit-construction__num{opacity:.45}.oddit-construction.is-cold .oddit-construction__group-title{color:var(--cv-cold)}.oddit-construction__group-title{transition:color .6s ease}@media screen and (max-width:749px){.oddit-construction__toggle--cold{margin-left:6px}.oddit-construction__readout{flex-direction:column;align-items:center;gap:4px}.oddit-construction.is-cold .oddit-construction__readout{max-height:96px}.oddit-construction__readout-temp{font-size:26px}}@media(prefers-reduced-motion:reduce){.oddit-construction__chill,.oddit-construction__snow,.oddit-construction__frost,.oddit-construction__warm,.oddit-construction__readout,.oddit-construction__item-cold{transition:none}.oddit-construction.is-cold .oddit-construction__warm,.oddit-construction__toggle--cold.is-hint{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/oddit-section-construction.css.map */