:root{color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;background:#f7f7f4;scroll-behavior:smooth}body{min-width:320px;min-height:100%;margin:0;color:#080a0b;background:#f7f7f4;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input{margin:0;color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{border:0;cursor:pointer}img{display:block;max-width:100%}.password-skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:11px 16px;border-radius:999px;color:#fff;background:#080a0b;font-size:13px;font-weight:700;opacity:0;pointer-events:none;transform:translateY(-140%)}.password-skip-link:focus-visible{opacity:1;outline:3px solid #fff;outline-offset:2px;pointer-events:auto;transform:translateY(0)}.password-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.password-page{--password-background: #dde3dc;--password-panel: #f7f7f4;--password-ink: #080a0b;--password-muted: #5c6063;--password-accent: #125bff;--password-overlay: .25;--password-image-position: center;--password-logo-width: 132px;min-height:100vh;min-height:100svh;display:grid;grid-template-columns:minmax(0,56fr) minmax(430px,44fr);color:var(--password-ink);background:var(--password-panel)}.password-page__visual{--password-parallax-x: 0px;--password-parallax-y: 0px;position:relative;isolation:isolate;min-height:100%;overflow:hidden;color:var(--password-ink);background:radial-gradient(circle at 48% 45%,rgba(255,255,255,.92) 0,rgba(255,255,255,.28) 20%,transparent 44%),linear-gradient(145deg,color-mix(in srgb,var(--password-background),white 18%),var(--password-background))}.password-page__visual:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;opacity:.42;background-image:linear-gradient(rgba(8,10,11,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(8,10,11,.055) 1px,transparent 1px);background-size:clamp(42px,5vw,80px) clamp(42px,5vw,80px);-webkit-mask-image:linear-gradient(to bottom,black,transparent 92%);mask-image:linear-gradient(to bottom,black,transparent 92%)}.password-page__picture,.password-page__image,.password-page__visual-wash{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.password-page__picture{z-index:-3}.password-page__image{object-fit:cover;object-position:var(--password-image-position);transform:scale(1.015)}.password-page__visual-wash{z-index:-2;background:linear-gradient(180deg,var(--password-background),color-mix(in srgb,var(--password-background),#080a0b 20%));opacity:var(--password-overlay)}.password-page__ambient{position:absolute;top:50%;left:50%;width:min(72vw,760px);aspect-ratio:1;transform:translate(calc(-50% + var(--password-parallax-x)),calc(-50% + var(--password-parallax-y)));transition:transform 1s cubic-bezier(.22,1,.36,1)}.password-page__orbit,.password-page__signal{position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%)}.password-page__orbit{border:1px solid color-mix(in srgb,var(--password-ink),transparent 76%)}.password-page__orbit:before,.password-page__orbit:after{content:"";position:absolute;top:50%;width:7px;height:7px;border-radius:50%;background:var(--password-ink);transform:translateY(-50%);box-shadow:0 0 0 6px color-mix(in srgb,var(--password-background),transparent 35%)}.password-page__orbit:before{left:-4px}.password-page__orbit:after{right:-4px}.password-page__orbit--outer{width:100%;height:100%;animation:password-orbit 28s linear infinite}.password-page__orbit--inner{width:68%;height:68%;border-style:dashed;opacity:.7;animation:password-orbit-reverse 20s linear infinite}.password-page__orbit--inner:before,.password-page__orbit--inner:after{width:5px;height:5px;box-shadow:none}.password-page__signal{display:grid;width:30%;height:30%;place-items:center;border:1px solid color-mix(in srgb,var(--password-ink),transparent 55%);background:color-mix(in srgb,white,transparent 62%);box-shadow:0 0 0 22px color-mix(in srgb,white,transparent 83%),0 30px 90px #080a0b24;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.password-page__signal:before,.password-page__signal:after{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--password-accent),transparent 35%);border-radius:50%;opacity:0;animation:password-signal 3.6s ease-out infinite}.password-page__signal:after{animation-delay:1.8s}.password-page__signal i{width:14px;height:14px;border-radius:50%;background:var(--password-accent);box-shadow:0 0 0 8px color-mix(in srgb,var(--password-accent),transparent 86%),0 0 34px color-mix(in srgb,var(--password-accent),transparent 20%)}.password-page__coordinate{position:absolute;top:50%;left:50%;padding:8px 11px;border:1px solid color-mix(in srgb,var(--password-ink),transparent 78%);border-radius:999px;background:color-mix(in srgb,white,transparent 56%);font-size:9px;font-weight:700;letter-spacing:.18em;white-space:nowrap;transform:translate(-50%,calc(-50% + min(28vw,295px)));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.password-page__visual-copy{position:absolute;right:clamp(24px,4vw,64px);bottom:max(clamp(24px,4vw,64px),env(safe-area-inset-bottom));left:clamp(24px,4vw,64px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.password-page__visual-copy>span:nth-child(2){height:1px;background:currentColor;opacity:.3}.password-page__panel{position:relative;z-index:2;min-width:0;display:flex;flex-direction:column;padding:max(clamp(28px,4vw,64px),env(safe-area-inset-top)) max(clamp(28px,4.6vw,80px),env(safe-area-inset-right)) max(clamp(26px,3vw,48px),env(safe-area-inset-bottom)) max(clamp(28px,4.6vw,80px),env(safe-area-inset-left));background:var(--password-panel);box-shadow:-28px 0 80px #080a0b0d}.password-page__header,.password-page__footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.password-page__brand{display:inline-flex;align-items:center;min-height:40px;color:var(--password-ink);text-decoration:none}.password-page__brand>span{font-size:clamp(18px,1.5vw,24px);font-weight:800;letter-spacing:.32em}.password-page__logo{width:min(var(--password-logo-width),100%);height:auto;max-height:54px;object-fit:contain;object-position:left center}.password-page__owner-link{display:inline-flex;align-items:center;gap:8px;padding:9px 0;color:var(--password-muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.password-page__owner-link span:last-child{font-size:15px;transition:transform .22s ease}.password-page__owner-link:hover span:last-child{transform:translate(2px,-2px)}.password-page__content{width:min(100%,660px);margin:auto 0;padding:clamp(54px,7vh,96px) 0}.password-page__eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 clamp(20px,3vh,32px);font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.password-page__eyebrow:before{content:"";width:30px;height:1px;background:var(--password-accent)}.password-page__intro h1{max-width:11ch;margin:0;font-size:clamp(48px,5.4vw,92px);font-weight:500;letter-spacing:-.065em;line-height:.92;text-wrap:balance}.password-page__description,.password-page__shop-message{max-width:52ch;margin-top:clamp(24px,3.5vh,38px);color:var(--password-muted);font-size:clamp(14px,1.05vw,17px);line-height:1.7}.password-page__description p,.password-page__shop-message{margin:0}.password-page__shop-message{padding-left:15px;border-left:2px solid var(--password-accent)}.password-page__forms{margin-top:clamp(42px,6vh,68px);border-top:1px solid color-mix(in srgb,var(--password-ink),transparent 82%)}.password-form-block{display:grid;grid-template-columns:minmax(120px,.72fr) minmax(230px,1.35fr);gap:clamp(18px,2vw,34px);padding:clamp(24px,3.2vh,36px) 0;border-bottom:1px solid color-mix(in srgb,var(--password-ink),transparent 82%)}.password-form-block__heading h2{margin:0;font-size:12px;font-weight:800;letter-spacing:.04em}.password-form-block__heading p{margin:8px 0 0;color:var(--password-muted);font-size:11px;line-height:1.55}.password-form{min-width:0}.password-field{min-height:54px;display:flex;align-items:stretch;overflow:hidden;border:1px solid color-mix(in srgb,var(--password-ink),transparent 72%);border-radius:12px;background:color-mix(in srgb,white,transparent 48%);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.password-field:focus-within{border-color:var(--password-accent);background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--password-accent),transparent 84%)}.password-field.has-error{border-color:#b42318;box-shadow:0 0 0 3px #b423181a}.password-field input{min-width:0;flex:1 1 auto;width:100%;padding:0 15px;border:0;outline:0;background:transparent;font-size:13px}.password-field input::placeholder{color:color-mix(in srgb,var(--password-muted),transparent 18%);opacity:1}.password-field--password input{padding-right:7px;padding-left:12px}.password-field button{flex:0 0 auto;transition:color .18s ease,background .18s ease,transform .18s ease}.password-field>button:last-child,.password-field__submit{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-width:112px;padding:0 16px;color:#fff;background:var(--password-ink);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.password-field>button:last-child:hover,.password-field__submit:hover{background:var(--password-accent)}.password-field>button:last-child span:last-child,.password-field__submit span:last-child{font-size:15px;transition:transform .18s ease}.password-field>button:last-child:hover span:last-child,.password-field__submit:hover span:last-child{transform:translate(3px)}.password-field__visibility{position:relative;display:grid;width:44px;padding:0;place-items:center;color:var(--password-muted);background:transparent}.password-field__visibility:hover{color:var(--password-ink);background:#080a0b0b}.password-field__visibility svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4}.password-field__visibility[aria-pressed=true] svg{opacity:.54}.password-field__visibility[aria-pressed=true]:after{content:"";position:absolute;width:20px;height:1px;background:currentColor;transform:rotate(-45deg)}.password-form__message{margin:10px 2px 0;font-size:11px;line-height:1.5}.password-form__message ul{margin:0;padding-left:18px}.password-form__message--error{color:#b42318}.password-form__message--success{color:#067647;font-weight:700}.password-page__footer{color:var(--password-muted);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.password-page__footer p{margin:0}.password-page__brand:focus-visible,.password-page__owner-link:focus-visible,.password-field button:focus-visible{outline:2px solid var(--password-accent);outline-offset:3px}.js .password-reveal{opacity:0;transform:translateY(18px);animation:password-reveal .76s cubic-bezier(.22,1,.36,1) var(--password-delay, 0ms) forwards}.no-js .password-field__visibility{display:none}@keyframes password-reveal{to{opacity:1;transform:translateY(0)}}@keyframes password-orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes password-orbit-reverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes password-signal{0%{width:34%;height:34%;opacity:0}18%{opacity:.8}to{width:120%;height:120%;opacity:0}}@media(max-width:1180px){.password-page{grid-template-columns:minmax(0,48fr) minmax(500px,52fr)}.password-page__ambient{width:min(66vw,650px)}.password-page__intro h1{font-size:clamp(48px,6vw,76px)}.password-form-block{grid-template-columns:1fr;gap:14px}}@media(max-width:899px){.password-page{display:block}.password-page__visual{min-height:clamp(250px,38svh,390px)}.password-page__ambient{width:min(78vw,430px)}.password-page__coordinate{transform:translate(-50%,calc(-50% + min(22vw,110px)))}.password-page__panel{min-height:62svh;padding:clamp(26px,6vw,52px) max(clamp(22px,7vw,54px),env(safe-area-inset-right)) max(clamp(28px,6vw,52px),env(safe-area-inset-bottom)) max(clamp(22px,7vw,54px),env(safe-area-inset-left));box-shadow:0 -28px 80px #080a0b12}.password-page__content{width:100%;padding:clamp(56px,10vw,82px) 0}.password-page__intro h1{max-width:12ch;font-size:clamp(50px,11vw,78px)}.password-page__forms{max-width:680px}.password-form-block{grid-template-columns:minmax(130px,.7fr) minmax(280px,1.3fr);gap:28px}}@media(max-width:599px){.password-page__visual{min-height:clamp(230px,34svh,320px)}.password-page__visual-copy{right:22px;bottom:max(20px,env(safe-area-inset-bottom));left:22px;gap:10px;font-size:8px}.password-page__coordinate{font-size:7px;transform:translate(-50%,calc(-50% + min(22vw,84px)))}.password-page__panel{padding-top:24px}.password-page__header{align-items:flex-start}.password-page__brand>span{font-size:18px}.password-page__owner-link{max-width:132px;justify-content:flex-end;padding-top:4px;text-align:right}.password-page__content{padding:56px 0 60px}.password-page__intro h1{font-size:clamp(46px,14vw,68px)}.password-page__description,.password-page__shop-message{font-size:14px}.password-page__forms{margin-top:44px}.password-form-block{grid-template-columns:1fr;gap:15px;padding:26px 0}.password-field{min-height:58px}.password-field>button:last-child,.password-field__submit{min-width:104px;padding:0 13px}.password-field--password .password-field__submit{min-width:58px;width:58px;padding-inline:12px}.password-field--password .password-field__submit span:first-child{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.password-page__footer{display:grid;justify-content:start;gap:6px}}@media(max-width:370px){.password-field input{padding-inline:12px}.password-field:not(.password-field--password)>button:last-child{min-width:54px}.password-field:not(.password-field--password)>button:last-child span:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js .password-reveal{opacity:1;transform:none}}@supports not (color: color-mix(in srgb,white,black)){.password-page__visual-wash{background:#080a0b21}.password-page__orbit{border-color:#080a0b38}.password-page__signal{background:#ffffff7a}.password-page__forms,.password-form-block{border-color:#080a0b2e}.password-field{border-color:#080a0b47;background:#ffffff85}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/password.css.map */