@keyframes paint-popup-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes section-password-fog-scroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes section-password-fog-opacity-back{0%,to{opacity:.58}50%{opacity:.78}}@keyframes section-password-fog-opacity-mid{0%,to{opacity:.66}50%{opacity:.86}}@keyframes section-password-fog-opacity-front{0%,to{opacity:.74}50%{opacity:.94}}@keyframes password-tennis-ball-hint-pulse{0%,to{opacity:.94;box-shadow:0 0 #ffffff57}50%{opacity:1;box-shadow:0 0 0 calc(14 * var(--ax)) #fff0}}.section-password{position:relative;min-height:100svh;height:100svh}.section-password .section-password__ripple-shell{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;isolation:isolate}.section-password .hero-ripple__media,.section-password .hero-ripple__canvas{position:absolute;top:0;right:0;bottom:0;left:0}.section-password .hero-ripple__media{z-index:0}.section-password .hero-ripple__media-inner,.section-password .hero-ripple__media-inner .art-direction,.section-password .hero-ripple__media-inner .media,.section-password .hero-ripple__media-inner img,.section-password .hero-ripple__media-inner picture{width:100%;height:100%}.section-password .hero-ripple__media-inner img{object-fit:cover}.section-password .hero-ripple__canvas{z-index:1;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .18s ease-out}.section-password .hero-ripple.is-enhanced .hero-ripple__canvas{opacity:1}.section-password .section-password__media{width:100%;min-height:100svh;height:100svh;overflow:hidden;position:relative;z-index:0}.section-password .section-password__media img,.section-password .section-password__media video{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;top:0;left:0}.section-password .section-password__media .section-password__fog{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.section-password .section-password__media .section-password__fog-layer{position:absolute;left:-10%;width:120%;overflow:hidden;animation:section-password-fog-opacity-back 14s ease-in-out infinite}.section-password .section-password__media .section-password__fog-layer--back{top:0;height:100%;filter:blur(var(--ax4))}.section-password .section-password__media .section-password__fog-layer--mid{top:0;height:100%;filter:blur(var(--ax2));animation-name:section-password-fog-opacity-mid;animation-duration:10s;animation-delay:-2s}.section-password .section-password__media .section-password__fog-layer--front{top:0;height:100%;animation-name:section-password-fog-opacity-front;animation-duration:8s;animation-delay:-1s}.section-password .section-password__media .section-password__fog-track{display:flex;width:200%;height:100%;animation:section-password-fog-scroll 68s linear infinite;will-change:transform}.section-password .section-password__media .section-password__fog-layer--mid .section-password__fog-track{animation-duration:52s;animation-delay:-13s}.section-password .section-password__media .section-password__fog-layer--front .section-password__fog-track{animation-duration:38s;animation-delay:-9s}.section-password .section-password__media .section-password__fog-tile{flex:0 0 50%;width:50%;height:100%;background-image:var(--section-password-fog-image1);background-repeat:no-repeat;background-position:center;background-size:cover}.section-password .section-password__media .section-password__fog-layer--mid .section-password__fog-tile,.section-password .section-password__media .section-password__fog-layer--front .section-password__fog-tile{background-image:var(--section-password-fog-image2)}.section-password .section-password__tennis-ball{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;overflow:hidden;--password-tennis-ball-size-desktop: calc(205 * var(--ax));--password-tennis-ball-size-mobile: calc(101 * var(--ax))}.section-password .section-password__tennis-ball .password-tennis-ball__ball{position:absolute;top:0;left:0;width:var(--password-tennis-ball-size-desktop);height:var(--password-tennis-ball-size-desktop);display:block;pointer-events:auto;touch-action:none;cursor:grab;will-change:transform;transform-origin:center center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 calc(10 * var(--ax)) calc(24 * var(--ax)) rgba(0,0,0,.12))}.section-password .section-password__tennis-ball .password-tennis-ball__ball:active{cursor:grabbing}@media only screen and (max-width:749px){.section-password .section-password__tennis-ball .password-tennis-ball__ball{width:var(--password-tennis-ball-size-mobile);height:var(--password-tennis-ball-size-mobile)}}.section-password .section-password__tennis-ball .password-tennis-ball__graphic,.section-password .section-password__tennis-ball svg{display:block;width:100%;height:100%}.section-password .section-password__tennis-ball .password-tennis-ball__hint{position:absolute;top:0;left:0;display:inline-flex;align-items:center;justify-content:center;min-height:calc(42 * var(--ax));padding:calc(10 * var(--ax)) calc(16 * var(--ax));border-radius:calc(999 * var(--ax));background-color:#fffffff0;color:#111;font-size:calc(14 * var(--ax));line-height:1;letter-spacing:.01em;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform;box-shadow:0 calc(12 * var(--ax)) calc(28 * var(--ax)) #0000001f;animation:password-tennis-ball-hint-pulse 2.2s ease-in-out infinite}.section-password .section-password__tennis-ball .password-tennis-ball__hint[hidden]{display:none}@media only screen and (max-width:749px){.section-password .section-password__tennis-ball .password-tennis-ball__hint{min-height:calc(38 * var(--ax));padding:calc(9 * var(--ax)) calc(14 * var(--ax));font-size:calc(13 * var(--ax))}}.section-password .section-password__header{position:absolute;width:100%;padding:var(--ax20);top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:2}.section-password .section-password__header .section-password__header-logo{position:relative;overflow:hidden}.section-password .section-password__header .section-password__header-logo img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:contain;object-position:center;z-index:1}.section-password .section-password__content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:2;padding:var(--ax48)}.section-password .section-password__content h1{margin:0 auto var(--ax24)}.section-password .section-password__content ps-timer h2{margin:0 auto var(--ax48);font-size:calc(40 * var(--ax))}@media only screen and (min-width:990px){.section-password .section-password__content ps-timer h2{font-size:calc(96 * var(--ax))}}@media only screen and (max-width:749px){.section-password .section-password__content ps-timer h2{margin-bottom:var(--ax32)}}.section-password .section-password__content ps-timer h2 .timer-label{font-size:calc(12 * var(--ax));position:absolute;left:50%;transform:translate(-50%);bottom:calc(-32 * var(--ax));white-space:nowrap}@media only screen and (min-width:990px){.section-password .section-password__content ps-timer h2 .timer-label{font-size:calc(16 * var(--ax))}}@media only screen and (max-width:749px){.section-password .section-password__content ps-timer h2 .timer-label{bottom:calc(-24 * var(--ax))}}.section-password .section-password__content .password-progress{--password-progress-percent: 0;--password-progress-height: calc(48 * var(--ax));--password-progress-thumb-width: calc(88 * var(--ax));--password-progress-fill-head-width: var(--password-progress-thumb-width);position:relative;width:min(100%,calc(885 * var(--ax)));margin:0 auto var(--ax48);color:var(--password-progress-text-color, #000)}.section-password .section-password__content .password-progress .password-progress__copy{display:flex;flex-direction:column;align-items:center;gap:var(--ax12);margin-bottom:var(--ax24);text-align:center}.section-password .section-password__content .password-progress .password-progress__heading{margin:0}.section-password .section-password__content .password-progress .password-progress__body{max-width:min(100%,calc(640 * var(--ax)));font-size:calc(16 * var(--ax));line-height:1.5}.section-password .section-password__content .password-progress .password-progress__body p{margin:0}.section-password .section-password__content .password-progress.is-complete .password-progress__knob{visibility:hidden}.section-password .section-password__content .password-progress .password-progress__track{position:relative;height:var(--password-progress-height);border-radius:calc(24 * var(--ax));background-color:var(--password-progress-track-color, #fff);overflow:hidden}.section-password .section-password__content .password-progress .password-progress__fill{position:absolute;display:block;top:0;left:0;height:100%;width:calc((100% - var(--password-progress-thumb-width)) * var(--password-progress-percent) / 100 + var(--password-progress-fill-head-width));max-width:100%;border-radius:inherit;background-color:var(--password-progress-fill-color, #87b4d5);transition:width .9s cubic-bezier(.22,1,.36,1)}.section-password .section-password__content .password-progress .password-progress__value{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:center;justify-content:center;font-size:calc(16 * var(--ax));line-height:calc(24 * var(--ax));color:inherit;text-align:center;pointer-events:none}.section-password .section-password__content .password-progress .password-progress__knob{--fill-0: var(--password-progress-fill-color, #87b4d5);position:absolute;border-top-left-radius:calc(40 * var(--ax));border-bottom-left-radius:calc(40 * var(--ax));background-color:var(--password-progress-track-color, #fff);top:0;left:calc((100% - var(--password-progress-thumb-width)) * var(--password-progress-percent) / 100);z-index:3;width:var(--password-progress-thumb-width);height:var(--password-progress-height);color:var(--password-progress-fill-color, #87b4d5);transition:left .9s cubic-bezier(.22,1,.36,1)}.section-password .section-password__content .password-progress .password-progress__knob-graphic,.section-password .section-password__content .password-progress .password-progress__knob svg{display:block;width:100%;height:100%;transform:scale(1.02) translate(-1px)}@media only screen and (max-width:749px){.section-password .section-password__content .password-progress{--password-progress-height: calc(40 * var(--ax));--password-progress-thumb-width: calc(72 * var(--ax));margin-bottom:var(--ax32)}.section-password .section-password__content .password-progress .password-progress__copy{gap:var(--ax10);margin-bottom:var(--ax20)}.section-password .section-password__content .password-progress .password-progress__body{font-size:calc(14 * var(--ax))}.section-password .section-password__content .password-progress .password-progress__value{font-size:calc(14 * var(--ax));line-height:calc(20 * var(--ax))}}.section-password .section-password__content .password-form{max-width:calc(430 * var(--ax));margin:0;flex-direction:column;justify-content:center;align-items:center}.section-password .section-password__content .password-form .password-field.field{flex:none;flex-direction:column}.section-password .section-password__content .password-form .password-field.field .field__input{color:rgb(var(--c-foreground));border:var(--ax1) solid rgb(var(--c-foreground));background-color:transparent;font-size:calc(12 * var(--ax));padding:var(--ax12) var(--ax16);margin:0;border-radius:var(--ax32)}@media only screen and (min-width:990px){.section-password .section-password__content .password-form .password-field.field .field__input{font-size:calc(14 * var(--ax))}}.section-password .section-password__content .password-form .password-field.field .field__input:before,.section-password .section-password__content .password-form .password-field.field .field__input:after{display:none!important}.section-password .section-password__content .password-form button{margin:var(--ax32) auto 0;width:auto}@media only screen and (max-width:749px){.section-password .section-password__content{padding:var(--ax16);padding-bottom:var(--ax16);padding-bottom:calc(var(--ax16) + env(safe-area-inset-bottom))}}.section-password .section-password__content .section-password__footer .paint-trigger-flex{gap:var(--ax12);position:absolute;bottom:var(--ax48);left:50%;transform:translate(-50%);width:100%}@media only screen and (max-width:749px){.section-password .section-password__content .section-password__footer .paint-trigger-flex{bottom:var(--ax16)}}.section-password .section-password__content .section-password__footer .paint-trigger-flex .btn-icon{width:var(--ax18);margin-right:var(--ax10);aspect-ratio:var(--icon-aspect-ratio);display:block;position:relative}.section-password .section-password__content .section-password__footer .paint-popup-content{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;opacity:1;display:flex;justify-content:center;align-items:center;background-color:#f4f4f2}.section-password .section-password__content .section-password__footer .paint-popup-content>div{width:100%}@media only screen and (max-width:749px){.section-password .section-password__content .section-password__footer .paint-popup-content{height:100svh}}.section-password .section-password__content .section-password__footer .paint-popup-content .paint-popup-close{background-color:transparent;border:1px solid #000;border-radius:100px;padding:var(--ax16);width:var(--ax44);height:var(--ax44);display:flex;justify-content:center;align-items:center;position:absolute;top:var(--ax12);right:var(--ax16);cursor:pointer;z-index:3;color:#000;transition:.3s cubic-bezier(.32,.24,.15,1)}@media only screen and (max-width:749px){.section-password .section-password__content .section-password__footer .paint-popup-content .paint-popup-close{top:var(--ax8)}}.section-password .section-password__content .section-password__footer .paint-popup-content .paint-popup-close svg{width:var(--ax10);height:var(--ax10)}.section-password .section-password__content .section-password__footer .paint-popup-content .paint-popup-close:hover{background-color:#000;color:#fff;transition:.3s cubic-bezier(.32,.24,.15,1)}.section-password .section-password__content .section-password__footer .paint-popup-content:not(.active){display:none;opacity:0}.section-password .section-password__content .section-password__footer .paint-popup-trigger{animation:paint-popup-bounce 1.8s cubic-bezier(.32,.24,.15,1) infinite;transform-origin:center bottom;will-change:transform}.section-password.countdown-timer.extra-small{height:auto;min-height:0}.section-password.countdown-timer.extra-small .section-password__media{position:absolute;height:100%;top:50%;left:50%;transform:translate(-50%,-50%)}.section-password.countdown-timer.extra-small .section-password__content{position:relative}.section-password.countdown-timer.small{min-height:calc(450 * var(--ax));height:calc(450 * var(--ax))}@media only screen and (max-width:749px){.section-password.countdown-timer.small{min-height:calc(350 * var(--ax));height:calc(350 * var(--ax))}}.section-password.countdown-timer.medium{min-height:calc(590 * var(--ax));height:calc(590 * var(--ax))}@media only screen and (max-width:749px){.section-password.countdown-timer.medium{min-height:calc(428 * var(--ax));height:calc(428 * var(--ax))}}.section-password.countdown-timer.large{min-height:calc(750 * var(--ax));height:calc(750 * var(--ax))}@media only screen and (max-width:749px){.section-password.countdown-timer.large{min-height:calc(500 * var(--ax));height:calc(500 * var(--ax))}}.section-password.countdown-timer .section-password__content h4{margin-top:0}@media only screen and (min-width:750px){.section-password.countdown-timer .section-password__content h4{margin:0 auto var(--ax32)}}.section-password.countdown-timer .section-password__content ps-timer h2{font-size:calc(40 * var(--ax));margin:0 auto;padding-bottom:calc(32 * var(--ax))}@media only screen and (min-width:990px){.section-password.countdown-timer .section-password__content ps-timer h2{font-size:calc(96 * var(--ax))}}@media only screen and (max-width:749px){.section-password.countdown-timer .section-password__content ps-timer h2{padding-bottom:calc(24 * var(--ax))}}.section-password.countdown-timer .section-password__content ps-timer h2 .timer-label{font-size:calc(12 * var(--ax));position:absolute;left:50%;transform:translate(-50%);bottom:calc(-32 * var(--ax));white-space:nowrap}@media only screen and (min-width:990px){.section-password.countdown-timer .section-password__content ps-timer h2 .timer-label{font-size:calc(16 * var(--ax))}}@media only screen and (max-width:749px){.section-password.countdown-timer .section-password__content ps-timer h2 .timer-label{bottom:calc(-24 * var(--ax))}}.section-password.countdown-timer .section-password__content .entire-link{position:absolute;width:100%;height:100%;top:0;left:0}.section-password.countdown-timer .section-password__content .button{margin-top:var(--ax32)}@media(prefers-reduced-motion:reduce){.section-password .section-password__tennis-ball .password-tennis-ball__hint{animation:none}}@media(prefers-reduced-motion:reduce){.section-password .section-password__footer .paint-popup-trigger,.section-password .section-password__fog-layer,.section-password .section-password__fog-track{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/1041/assets/css-dir-section-password.css.map */