.through-time{--tt-bg: var(--through-time-bg, #fbf2f0);--tt-text: #61401e;--tt-slide-text: var(--tt-text);--tt-section-h: calc(var(--window-height) - var(--header-section-height));--tt-design-w: 1920;--tt-design-h: 1044;--tt-design-ratio: calc(var(--tt-design-w) / var(--tt-design-h));--tt-current-w: min(100vw, calc(100vh * var(--tt-design-ratio)));--tt-px: calc(var(--tt-current-w) / var(--tt-design-w));--tt-wheel-px: calc(min(100vw, calc(100vh * var(--tt-design-ratio))) / var(--tt-design-w));--tt-marker-size: calc(8 * var(--tt-px));--tt-marker-size-active: calc(10 * var(--tt-px));--tt-marker-gap: calc(8 * var(--tt-px));--tt-start-angle: 0;--tt-step-angle: 19.3;--tt-module-w: min(calc(450 * var(--tt-px)), 28vw);--tt-module-end: calc(80 * var(--tt-px) + var(--tt-module-w) + calc(32 * var(--tt-px)));--tt-tab-active-bg: #f9608a;--tt-tab-active-text: #fff;--tt-tab-inactive-bg: #fff;--tt-tab-inactive-text: #191817;display:block;width:100%;height:var(--tt-section-h);background-color:var(--tt-bg);color:var(--tt-text);overflow:hidden}.through-time .through-time__inner{display:flex;flex-direction:column;width:100%;height:var(--tt-section-h);box-sizing:border-box}.through-time .through-time__tab-nav{position:relative;z-index:5;flex-shrink:0;display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:calc(8 * var(--tt-px));padding:calc(16 * var(--tt-px)) calc(6 * var(--tt-px)) 0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.through-time .through-time__tab-nav::-webkit-scrollbar{display:none}.through-time .through-time__tab-nav:before,.through-time .through-time__tab-nav:after{content:"";margin:auto}.through-time .through-time__tab-btn{-webkit-appearance:none;appearance:none;flex-shrink:0;border:1px solid var(--tt-tab-inactive-text);background:var(--tt-tab-inactive-bg);color:var(--tt-tab-inactive-text);cursor:pointer;font:inherit;font-size:calc(13 * var(--tt-px));font-weight:400;line-height:1.2;padding:calc(12 * var(--tt-px)) 4px;white-space:nowrap;transition:background-color .25s ease,color .25s ease,border-color .25s ease;min-width:160px;overflow:hidden}.through-time .through-time__tab-btn.is-active,.through-time .through-time__tab-btn[aria-selected=true]{background:var(--tt-tab-active-bg);border-color:var(--tt-tab-active-bg);color:var(--tt-tab-active-text)}.through-time through-time-panel{display:none;flex:1;min-height:0}.through-time through-time-panel.is-active{display:flex;width:100%;align-items:center;justify-content:center}.through-time .through-time__layout{position:relative;width:var(--tt-current-w);max-width:100%;height:100%;margin:0 auto;box-sizing:border-box;overflow:visible}.through-time .through-time__module-text{position:absolute;z-index:10;top:42%;left:calc(80 * var(--tt-px));width:min(calc(450 * var(--tt-px)),19.6vw);max-width:450px;transform:translate3d(0,-50%,0);text-align:left}.through-time .through-time__module-title{margin:0;color:var(--tt-slide-text);font-size:calc(31 * var(--tt-px));font-weight:300;line-height:1.5;letter-spacing:0;white-space:pre-line}.through-time .through-time__module-desc{margin:calc(26 * var(--tt-px)) 0 0;color:var(--tt-slide-text);font-size:calc(18 * var(--tt-px));line-height:1.5;white-space:pre-line}.through-time .through-time__mobile-nav{position:absolute;z-index:6;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:space-between;pointer-events:none}.through-time .through-time__mobile-btn{-webkit-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;width:calc(24 * var(--tt-px));height:calc(24 * var(--tt-px));padding:0;border:0;background:transparent;color:var(--tt-slide-text);cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.through-time .through-time__mobile-btn .icon{width:calc(14 * var(--tt-px));height:calc(14 * var(--tt-px))}.through-time .through-time__mobile-btn:disabled{opacity:.35;cursor:default}.through-time .through-time__wheel-container{--tt-r: calc(642 * var(--tt-wheel-px));--tt-diameter: calc(var(--tt-r) * 2);position:absolute;z-index:1;top:50%;left:0;width:var(--tt-r);height:var(--tt-diameter);pointer-events:none;-webkit-user-select:none;user-select:none;overflow:hidden;transform:translateY(-50%)}.through-time .through-time__wheel-container--track-1{transform:translate3d(calc(-184 * var(--tt-wheel-px)),-50%,0)}.through-time .through-time__wheel-container--track-2{transform:translate3d(calc(285 * var(--tt-wheel-px)),-50%,0)}.through-time .through-time__wheel-container--markers{--tt-r: calc(851 * var(--tt-wheel-px));--tt-diameter: calc(var(--tt-r) * 2);z-index:2;overflow:visible;clip-path:inset(0 -100vw 0 0);transform:translate3d(calc(521 * var(--tt-wheel-px)),-50%,0)}.through-time .through-time__wheel-track{position:absolute;left:calc(var(--tt-r) * -1);top:0;width:var(--tt-diameter);height:var(--tt-diameter);transform-origin:50% 50%}.through-time .through-time__wheel-container--markers .through-time__wheel-track{transform:rotate3d(0,0,1,calc(var(--tt-step-angle) * var(--tt-active-index, 0) * -1deg));transition:transform .5s linear;will-change:transform}.through-time .through-time__wheel-arc{display:block;width:100%;height:100%;overflow:visible}.through-time .through-time__wheel-arc-path{fill:none;stroke:var(--tt-slide-text);stroke-width:calc(2 * var(--tt-px));stroke-linecap:round;stroke-dasharray:0 calc(7 * var(--tt-px));vector-effect:non-scaling-stroke;opacity:.3}.through-time .through-time__wheel-markers{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible}.through-time .through-time__wheel-marker{--marker-opacity: .5;--tt-marker-dot-half: calc(var(--tt-marker-size) / 2);--tt-marker-angle: calc(var(--tt-start-angle) + var(--tt-step-angle) * var(--marker-index, 0));--tt-marker-angle-deg: calc(var(--tt-marker-angle) * 1deg);position:absolute;left:calc(var(--tt-r) + var(--tt-r) * cos(var(--tt-marker-angle-deg)));top:calc(var(--tt-r) + var(--tt-r) * sin(var(--tt-marker-angle-deg)));width:0;height:0;z-index:5;-webkit-appearance:none;appearance:none;padding:0;border:0;background:transparent;color:var(--tt-slide-text);cursor:pointer;pointer-events:auto;overflow:visible;opacity:var(--marker-opacity);-webkit-tap-highlight-color:transparent;transition:opacity .5s ease}.through-time .through-time__wheel-marker-body{position:absolute;top:0;left:0;display:flex;flex-direction:row;align-items:center;transform-origin:0 0;transform:rotate(var(--tt-marker-angle-deg)) translate(calc(var(--tt-marker-dot-half) * -1),-50%);transition:transform .5s ease}.through-time .through-time__wheel-marker.is-active{--marker-opacity: 1;--tt-marker-dot-half: calc(var(--tt-marker-size-active) / 2);z-index:6}.through-time .through-time__wheel-dot{flex-shrink:0;width:var(--tt-marker-size);height:var(--tt-marker-size);border-radius:50%;background:var(--tt-slide-text);opacity:.8;transition:width .5s ease,height .5s ease}.through-time .through-time__wheel-marker.is-active .through-time__wheel-dot{width:var(--tt-marker-size-active);height:var(--tt-marker-size-active)}.through-time .through-time__wheel-year{padding-left:calc(var(--tt-marker-gap) - var(--tt-marker-dot-half));font-size:calc(20 * var(--tt-px));font-weight:400;line-height:1.2;white-space:nowrap;transition:font-size .5s ease,line-height .5s ease,padding-left .5s ease}.through-time .through-time__wheel-marker.is-active .through-time__wheel-year{font-size:calc(35 * var(--tt-px));line-height:calc(48 / 38);font-weight:500}.through-time .through-time__hero-wrap{position:absolute;z-index:5;top:50%;left:max(calc(495 * var(--tt-px)),var(--tt-module-end));width:calc(620 * var(--tt-px));transform:translateY(-50%);touch-action:pan-y;text-align:center}.through-time .through-time__hero-stage{position:relative;width:100%}.through-time .through-time__hero{position:relative;display:grid;width:calc(620 * var(--tt-px))}.through-time .through-time__slide{grid-area:1 / 1;display:flex;flex-direction:column;align-items:center;opacity:0;visibility:hidden;pointer-events:none}.through-time .through-time__slide.is-active{opacity:1;visibility:visible;pointer-events:auto}.through-time .through-time__hero-media{position:relative;width:100%;aspect-ratio:731 / 272.14;overflow:visible;flex-shrink:0;opacity:0;transition:opacity .5s ease}.through-time .through-time__slide.is-active .through-time__hero-media{opacity:1}.through-time .through-time__hero-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;pointer-events:none;-webkit-user-select:none;user-select:none}.through-time .through-time__hero-image--placeholder{display:flex;align-items:center;justify-content:center;background:#76623c14}.through-time .through-time__quick-add{position:absolute;right:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;cursor:pointer;transform:scale(1.2)}.through-time .through-time__iteration{width:100%;max-width:calc(330 * var(--tt-px));margin:calc(20 * var(--tt-px)) auto 0;text-align:center}.through-time .through-time__slide-title{margin:0;font-size:calc(25 * var(--tt-px));font-weight:300;line-height:1.5;color:var(--tt-slide-text)}.through-time .through-time__slide-desc{margin:calc(20 * var(--tt-px)) 0 0;font-size:calc(15 * var(--tt-px));line-height:2;color:var(--tt-slide-text);white-space:pre-line}.through-time .through-time__shop-now{display:inline-flex;align-items:center;justify-content:center;margin:calc(20 * var(--tt-px)) auto 0;padding:calc(6 * var(--tt-px)) calc(15 * var(--tt-px));border:calc(1 * var(--tt-px)) solid var(--tt-slide-text);border-radius:calc(15.5 * var(--tt-px));background:transparent;color:var(--tt-slide-text);text-decoration:none;font-size:calc(15 * var(--tt-px));font-weight:500;line-height:1.0625;transition:background-color .2s ease,color .2s ease}.through-time .through-time__shop-now:hover{background:var(--tt-slide-text);color:#fff}.through-time .through-time__shop-now.is-empty{visibility:hidden;pointer-events:none}.through-time .through-time__pagination--pc{position:absolute;z-index:10;top:50%;right:calc(20 * var(--tt-px));display:flex;flex-direction:column;align-items:center;gap:calc(10 * var(--tt-px));transform:translateY(-50%)}.through-time .through-time__pag-controls{display:flex;flex-direction:column;align-items:center;gap:calc(4 * var(--tt-px));padding:calc(8 * var(--tt-px)) calc(6 * var(--tt-px));border:1px solid rgba(140,140,140,.28);border-radius:999px}.through-time .through-time__pag-btn{-webkit-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;width:calc(32 * var(--tt-px));height:calc(32 * var(--tt-px));padding:0;border:0;border-radius:50%;background:transparent;color:var(--tt-slide-text);cursor:pointer;transition:color .2s ease}.through-time .through-time__pag-btn:hover:not(:disabled){color:var(--tt-slide-text)}.through-time .through-time__pag-icon{width:calc(30 * var(--tt-px));height:calc(30 * var(--tt-px));display:block}.through-time .through-time__wheel-bottom{display:contents}.through-time .through-time__wheel-top{display:none}.through-time .through-time__pag-btn:disabled{opacity:.25;cursor:default}.through-time .through-time__pag-dots{display:flex;flex-direction:column;align-items:center;gap:calc(10 * var(--tt-px));min-height:calc(52 * var(--tt-px));justify-content:center}.through-time .through-time__pag-dot{width:3px;height:3px;border-radius:50%;background:var(--tt-slide-text);flex-shrink:0;opacity:var(--dot-opacity, .5)}@media(min-width:768px){.through-time .through-time__mobile-nav{display:none}.through-time .through-time__quick-add{width:calc(44 * var(--tt-px));height:calc(44 * var(--tt-px));right:calc(16 * var(--tt-px));bottom:calc(16 * var(--tt-px))}}@media(max-width:767px){.through-time{--tt-design-w: 375;--tt-design-h: 743;--tt-current-w: 100vw;--tt-px: calc(100vw / var(--tt-design-w));--tt-vh: calc(var(--tt-section-h) / var(--tt-design-h));--tt-start-angle: -90;--tt-step-angle: 25;--tt-mobile-wheel-r: calc(313 * var(--tt-px));--tt-mobile-marker-r: calc(313 * var(--tt-px));--tt-mobile-wheel-band: calc(100 * var(--tt-px));height:var(--tt-section-h);min-height:0}.through-time--has-tabs{--tt-tab-row: calc( 10 * var(--tt-px) + var(--tt-tab-rows, 1) * 26 * var(--tt-px) + (var(--tt-tab-rows, 1) - 1) * 8 * var(--tt-px) );--tt-vh: calc((var(--tt-section-h) - var(--tt-tab-row)) / var(--tt-design-h))}.through-time .through-time__inner{height:100%;min-height:0}.through-time through-time-panel.is-active{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:0}.through-time .through-time__layout{display:flex;flex-direction:column;align-items:stretch;width:100%;height:100%;min-height:0;overflow:visible;box-sizing:border-box}.through-time .through-time__module-text{position:relative;top:auto;left:auto;flex:0 0 auto;width:100%;max-width:none;padding:calc(32 * var(--tt-vh)) calc(16 * var(--tt-px)) calc(30 * var(--tt-vh));box-sizing:border-box;transform:none;text-align:center;z-index:2}.through-time .through-time__module-title{font-size:calc(26 * var(--tt-px));line-height:calc(32 / 28)}.through-time .through-time__module-desc{margin-top:calc(30 * var(--tt-px));font-size:calc(14 * var(--tt-px));line-height:calc(52 / 28)}.through-time .through-time__hero-wrap{position:relative;top:auto;left:auto;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;max-width:none;margin:0;padding:0 calc(16 * var(--tt-px)) calc(16 * var(--tt-vh));transform:none;box-sizing:border-box;z-index:2}.through-time .through-time__hero-stage{position:relative;width:calc(272 * var(--tt-px));max-width:100%;margin:0 auto}.through-time .through-time__wheel-top{--tt-top-sagitta: calc(48 * var(--tt-vh));--tt-top-half-w: calc(187.5 * var(--tt-px));display:block;position:relative;flex:0 0 auto;width:100%;height:calc(var(--tt-top-sagitta) + 2 * var(--tt-px));margin:auto 0 0;overflow:hidden;pointer-events:none}.through-time .through-time__wheel-top .through-time__wheel-track{--tt-r: calc( (var(--tt-top-half-w) * var(--tt-top-half-w)) / (2 * var(--tt-top-sagitta)) + var(--tt-top-sagitta) / 2 );--tt-diameter: calc(var(--tt-r) * 2);position:absolute;left:50%;top:0;width:var(--tt-diameter);height:var(--tt-diameter);transform:translate(-50%)}.through-time .through-time__mobile-nav{display:flex;position:absolute;z-index:6;top:auto;bottom:0;left:50%;width:100vw;height:calc(101 * var(--tt-px));margin-left:-50vw;padding:0 calc(8 * var(--tt-px));box-sizing:border-box;align-items:center;justify-content:space-between;pointer-events:none}.through-time .through-time__hero{width:100%}.through-time .through-time__slide{flex-direction:column-reverse}.through-time .through-time__hero-media{aspect-ratio:272 / 101}.through-time .through-time__iteration{position:relative;max-width:none;margin:0 0 calc(24 * var(--tt-vh));transform:none}.through-time .through-time__slide-title{font-size:calc(22 * var(--tt-px));line-height:1}.through-time .through-time__slide-desc{margin-top:calc(24 * var(--tt-px));font-size:calc(12 * var(--tt-px));line-height:1.6}.through-time .through-time__shop-now{margin-top:calc(12 * var(--tt-px));padding:calc(3 * var(--tt-px)) calc(11.25 * var(--tt-px));font-size:calc(12 * var(--tt-px));line-height:1;border-radius:calc(12 * var(--tt-px))}.through-time .through-time__wheel-bottom{display:block;position:relative;flex:0 0 var(--tt-mobile-wheel-band);width:100%;height:var(--tt-mobile-wheel-band);margin-top:auto;z-index:3}.through-time .through-time__wheel-container--track-1{display:none}.through-time .through-time__wheel-bottom .through-time__wheel-container{position:absolute;top:0;left:0;bottom:auto;width:100%;height:var(--tt-mobile-wheel-band);margin:0;overflow:hidden;transform:none}.through-time .through-time__wheel-bottom .through-time__wheel-container--track-2{--tt-r: var(--tt-mobile-wheel-r);--tt-diameter: calc(var(--tt-r) * 2);z-index:1}.through-time .through-time__wheel-bottom .through-time__wheel-container--track-2 .through-time__wheel-track{transform:translate(-50%) rotate3d(0,0,1,calc(var(--tt-step-angle) * var(--tt-active-index, 0) * -1deg));transition:transform .5s linear;will-change:transform}.through-time .through-time__wheel-bottom .through-time__wheel-container--markers{--tt-r: var(--tt-mobile-marker-r);--tt-diameter: calc(var(--tt-r) * 2);z-index:2;overflow:visible;clip-path:none}.through-time .through-time__wheel-bottom .through-time__wheel-container--markers .through-time__wheel-arc{display:none}.through-time .through-time__wheel-bottom .through-time__wheel-track{left:50%;top:0;bottom:auto;width:var(--tt-diameter);height:var(--tt-diameter);transform:translate(-50%)}.through-time .through-time__wheel-bottom .through-time__wheel-container--markers .through-time__wheel-track{transform:translate(-50%) rotate3d(0,0,1,calc(var(--tt-step-angle) * var(--tt-active-index, 0) * -1deg))}.through-time .through-time__wheel-bottom .through-time__wheel-markers{overflow:visible}.through-time .through-time__wheel-marker{--tt-marker-dot-half: calc(6 * var(--tt-px) / 2)}.through-time .through-time__wheel-marker-body{transform:rotate(calc(var(--tt-marker-angle-deg) + 180deg)) translate(calc(var(--tt-marker-dot-half) * -1),-50%)}.through-time .through-time__wheel-marker.is-active{--tt-marker-dot-half: calc(8 * var(--tt-px) / 2)}.through-time .through-time__wheel-dot{width:calc(6 * var(--tt-px));height:calc(6 * var(--tt-px))}.through-time .through-time__wheel-marker.is-active .through-time__wheel-dot{width:calc(8 * var(--tt-px));height:calc(8 * var(--tt-px))}.through-time .through-time__wheel-year{padding-left:calc(var(--tt-marker-gap) - var(--tt-marker-dot-half));padding-right:0;font-size:calc(18 * var(--tt-px));writing-mode:vertical-lr;text-orientation:sideways;-webkit-text-orientation:sideways;transform:scale(-1)}.through-time .through-time__wheel-marker.is-active .through-time__wheel-year{font-size:calc(26 * var(--tt-px));line-height:calc(30 / 26)}.through-time .through-time__tab-nav{display:grid;grid-template-columns:repeat(var(--tt-tab-m-cols, 3),minmax(0,1fr));padding:calc(10 * var(--tt-px)) calc(16 * var(--tt-px)) 0;gap:calc(8 * var(--tt-px));overflow-x:visible}.through-time .through-time__tab-nav:before,.through-time .through-time__tab-nav:after{content:none;display:none;margin:0}.through-time .through-time__tab-btn{font-size:calc(12 * var(--tt-px));padding:calc(8 * var(--tt-px)) 4px;width:100%;min-width:0;flex-grow:0}.through-time--has-tabs .through-time__module-text{padding-top:calc(16 * var(--tt-vh))}.through-time .through-time__pagination--pc{display:none}}
/*# sourceMappingURL=/cdn/shop/t/205/assets/section-through-time.css.map */