.auth-drawer{position:fixed;right:0;top:0;bottom:0;z-index:200;width:min(460px,100vw);background:#fff;transform:translate(100%);transition:transform .48s cubic-bezier(.22,.61,.18,1);display:flex;flex-direction:column;box-shadow:-4px 0 40px #1410081a;overflow-y:auto}.auth-drawer.open{transform:none}.auth-drawer__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:199;background:#1a171461;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}.auth-drawer__scrim.open{opacity:1;visibility:visible}.auth-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:24px 32px 20px;border-bottom:.5px solid var(--line);flex-shrink:0}.auth-drawer__head-title{font-family:var(--serif);font-size:20px;font-weight:400;color:var(--ink);letter-spacing:-.01em}.auth-drawer__close{background:none;border:none;color:var(--ink);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center}.auth-drawer__close:hover{color:var(--camel-deep)}.auth-drawer__close svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round}.auth-drawer__body{flex:1;padding:28px 32px 40px}.auth-drawer__tabs{display:flex;border-bottom:.5px solid var(--line);margin-bottom:28px}.auth-drawer__tab{background:none;border:none;font-family:var(--serif);font-size:12px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);padding:0 0 13px;margin-right:28px;cursor:pointer;position:relative;transition:color .2s}.auth-drawer__tab:after{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:1.5px;background:var(--olive);transition:right .3s cubic-bezier(.2,.7,.2,1)}.auth-drawer__tab.on{color:var(--ink)}.auth-drawer__tab.on:after{right:0}.auth-drawer__tab:hover{color:var(--ink)}.auth-drawer__panel{display:none}.auth-drawer__panel.on{display:block}.auth-drawer__heading{font-family:var(--serif);font-size:26px;font-weight:400;color:var(--ink);margin-bottom:6px;letter-spacing:-.01em}.auth-drawer__sub{font-family:var(--serif);font-size:13px;color:var(--ink-soft);margin-bottom:26px;line-height:1.6}.auth-drawer__field{display:flex;flex-direction:column;gap:5px;margin-bottom:18px;position:relative}.auth-drawer__field label{font-family:var(--serif);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);font-weight:400}.auth-drawer__field input{font-family:var(--serif);font-size:15px;font-weight:400;color:var(--ink);border:none;border-bottom:.5px solid var(--line-strong);background:transparent;padding:9px 0;outline:none;transition:border-color .2s;width:100%}.auth-drawer__field input:focus{border-bottom-color:var(--olive)}.auth-drawer__field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.auth-drawer__forgot{position:absolute;right:0;top:0;font-family:var(--serif);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);border-bottom:.5px solid var(--line);padding-bottom:1px;line-height:1}.auth-drawer__forgot:hover{color:var(--olive);border-color:var(--olive)}.auth-drawer__hint{font-family:var(--serif);font-size:11px;color:var(--ink-soft);margin-top:2px}.auth-drawer__error{background:#fdf0ee;border-left:3px solid #b3402f;padding:10px 14px;margin-bottom:16px;font-family:var(--serif);font-size:12px;color:#b3402f;line-height:1.5}.auth-drawer__error p{margin:0}.auth-drawer__body .btn{margin-top:6px}.auth-drawer__or{display:flex;align-items:center;gap:12px;margin:18px 0;font-family:var(--serif);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}.auth-drawer__or:before,.auth-drawer__or:after{content:"";flex:1;height:.5px;background:var(--line)}.auth-drawer__google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px 20px;border:.5px solid var(--line-strong);background:#fff;font-family:var(--serif);font-size:13px;font-weight:400;color:var(--ink);letter-spacing:.02em;text-decoration:none;transition:border-color .2s,background .2s;cursor:pointer}.auth-drawer__google-btn:hover{border-color:var(--ink);background:var(--paper);color:var(--ink)}.auth-drawer__google-btn svg{flex-shrink:0}.auth-drawer__note{margin-top:20px;font-family:var(--serif);font-size:11px;color:var(--ink-soft);line-height:1.6;text-align:center}.auth-drawer__note a{color:var(--olive);border-bottom:.5px solid var(--line)}.auth-drawer__note a:hover{border-color:var(--olive)}@media(max-width:720px){.auth-drawer,.auth-drawer__scrim{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/pd-auth-drawer.css.map */