login-drawer{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;visibility:hidden;background-color:#0000;transition:visibility .3s ease,background-color .3s ease;pointer-events:none}login-drawer.active{visibility:visible;background-color:#00000080;pointer-events:auto}.login-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.login-drawer__inner{position:relative;z-index:1;display:flex;flex-direction:column;height:100dvh;width:clamp(380px,28vw,460px);max-width:calc(100vw - 1rem);background:var(--dd-bg, #fafaf9);color:var(--dd-text, #0c131a);font-family:var(--dd-font, "DieGroteskB", sans-serif);padding:0;overflow-y:auto;overflow-x:hidden;transform:translate(100%);transition:transform .3s cubic-bezier(.22,1,.36,1)}login-drawer.active .login-drawer__inner{transform:translate(0)}@media(max-width:480px){.login-drawer__inner{width:100vw;max-width:100vw}}.login-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:28px 24px 0;flex-shrink:0}.login-drawer__titles{flex:1;min-width:0}.login-drawer__heading{margin:0;font-family:var(--dd-font, "DieGroteskB", sans-serif);font-size:clamp(24px,.75vw + 19px,30px);font-weight:700;line-height:1.15;color:var(--dd-text, #0c131a)}.login-drawer__subtitle{margin:6px 0 0;font-size:14px;font-weight:400;color:var(--dd-text-muted, #6b7280);line-height:1.4}.login-drawer__close{width:36px;min-width:36px;height:36px;min-height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(0,0,0,.08);border-radius:50%;background:#ffffff8c;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);color:#6b7280;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .2s ease,color .2s ease,border-color .2s ease}.login-drawer__close:hover{background:#fffc;color:var(--dd-text, #0c131a);border-color:#0000001f}.login-drawer__body{flex:1;padding:32px 24px 28px;display:flex;flex-direction:column}.login-drawer__form{display:flex;flex-direction:column;gap:16px}.login-drawer__error{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;background:#fef2f2;color:#dc2626;font-size:13px;font-weight:500;line-height:1.3;animation:loginDrawerShake .4s ease}.login-drawer__error[hidden]{display:none}.login-drawer__error svg{flex-shrink:0}@keyframes loginDrawerShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.login-drawer__field{display:flex;flex-direction:column;gap:6px}.login-drawer__label{font-size:13px;font-weight:500;color:var(--dd-text, #0c131a)}.login-drawer__input{width:100%;height:48px;padding:0 14px;border:1px solid #e5e5e5;border-radius:8px;font-family:inherit;font-size:16px;color:var(--dd-text, #0c131a);background:#fff;outline:none;transition:color .2s;box-sizing:border-box;touch-action:manipulation}.login-drawer__input::placeholder{color:#a3a3a3;transition:color .2s}.login-drawer__input:focus{color:var(--dd-text, #0c131a)}.login-drawer__input:focus::placeholder{color:#6b7280}.login-drawer__inner input:focus,.login-drawer__inner input:focus-visible,.login-drawer__inner button:focus-visible{outline:none!important;box-shadow:none!important}.login-drawer__password-wrap{position:relative}.login-drawer__input--password{padding-right:48px}.login-drawer__eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:#a3a3a3;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color .2s}.login-drawer__eye:hover,.login-drawer__eye.is-visible{color:var(--dd-text, #0c131a)}.login-drawer__submit{display:flex;align-items:center;justify-content:center;width:100%;height:48px;margin-top:8px;border:none;border-radius:8px;background:var(--dd-text, #0c131a);color:#fff;font-family:inherit;font-size:14px;font-weight:700;text-transform:uppercase;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:opacity .2s ease}.login-drawer__submit:hover{opacity:.88}.login-drawer__submit:disabled{opacity:.5;cursor:not-allowed}.login-drawer__spinner{display:inline-flex;align-items:center}.login-drawer__spinner[hidden]{display:none}.login-drawer__spinner svg{animation:loginDrawerSpin .8s linear infinite}@keyframes loginDrawerSpin{to{transform:rotate(360deg)}}.login-drawer__links{margin-top:16px;text-align:center}.login-drawer__link{font-size:13px;color:var(--dd-text-muted, #6b7280);text-decoration:none;position:relative;padding-bottom:1px;transition:color .2s}.login-drawer__link:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.22,1,.36,1)}.login-drawer__link:hover{color:var(--dd-text, #0c131a)}.login-drawer__link:hover:after,.login-drawer__link:focus-visible:after{transform:scaleX(1);transform-origin:left}.login-drawer__divider{display:flex;align-items:center;gap:16px;margin:24px 0}.login-drawer__divider:before,.login-drawer__divider:after{content:"";flex:1;height:1px;background:#e5e5e5}.login-drawer__divider span{font-size:12px;font-weight:500;color:#a3a3a3;text-transform:uppercase}.login-drawer__register{text-align:center}.login-drawer__register p{margin:0 0 8px;font-size:13px;color:var(--dd-text-muted, #6b7280)}.login-drawer__register-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--dd-text, #0c131a);text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:opacity .2s}.login-drawer__register-link:hover{opacity:.7}.ld-perks{margin-top:28px;background:linear-gradient(135deg,#f8f7f5,#f0eeeb);border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:20px;position:relative;overflow:hidden}.ld-perks:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;padding:1px;background:linear-gradient(135deg,#fffc,#fff0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.ld-perks__viewport{position:relative;height:46px;overflow:hidden}.ld-perks__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:14px;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease;pointer-events:none}.ld-perks__slide.is-active{opacity:1;transform:translateY(0);pointer-events:auto}.ld-perks__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#fff;box-shadow:0 1px 3px #0000000f,0 0 0 1px #0000000a;color:var(--dd-neutral-800, #292524)}.ld-perks__copy{display:flex;flex-direction:column;gap:1px}.ld-perks__copy strong{font-size:13px;font-weight:700;color:var(--dd-neutral-900, #1c1917);line-height:1.3}.ld-perks__copy span{font-size:12px;font-weight:400;color:var(--dd-neutral-500, #78716c);line-height:1.35}.ld-perks__nav{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px solid rgba(0,0,0,.06)}.ld-perks__badge{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--dd-neutral-400, #a8a29e)}.ld-perks__dots{display:flex;align-items:center;gap:5px}.ld-perks__dot{display:block;width:7px;height:7px;border-radius:50%;border:1.5px solid var(--dd-neutral-400, #a8a29e);padding:0;background:transparent;cursor:pointer;transition:background .25s,border-color .25s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ld-perks__dot.is-active{background:var(--dd-neutral-800, #292524);border-color:var(--dd-neutral-800, #292524)}.ld-perks__dot:hover:not(.is-active){border-color:var(--dd-neutral-600, #57534e)}.ld-perks__progress{height:2px;background:#0000000a;border-radius:1px;margin-top:10px;overflow:hidden}.ld-perks__progress-fill{height:100%;width:0%;background:var(--dd-neutral-400, #a8a29e);border-radius:1px}@media(prefers-reduced-motion:reduce){.ld-perks__slide{transition:none}.ld-perks__progress-fill{transition:none!important}}body.login-drawer-open{overflow:hidden}@media(prefers-reduced-motion:reduce){.login-drawer__inner{transition:none}login-drawer{transition:none}.login-drawer__error{animation:none}.login-drawer__spinner svg{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/211/assets/dd-login-drawer.css.map */