#JklAccountDrawer.drawer--top{position:fixed;top:0;left:0;right:0;height:245px;max-height:245px;z-index:1000;background-color:rgb(var(--color-background));border-bottom:1px solid #ddd}#JklAccountDrawer.drawer--top.drawer--right{-webkit-transform:translateY(-100%);transform:translateY(-100%);right:auto;left:0;width:100%;height:245px;max-height:245px}#JklAccountDrawer.drawer--top .drawer__inner{height:100%;max-height:245px;width:100%;max-width:100%;position:relative}#JklAccountDrawer.drawer--top .drawer__close-btn{position:absolute;top:8px;right:2px;z-index:10;background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:currentColor;transition:none!important;animation:none!important}#JklAccountDrawer.drawer--top .drawer__close-btn svg{display:block;width:14px;height:14px;transition:none!important;animation:none!important}#JklAccountDrawer.drawer--top .drawer__content{max-height:245px;display:flex;align-items:center;padding:23px 2%}#JklAccountDrawer.drawer--top .drawer__content .account-drawer__bar--logged-in{align-items:flex-start}.account-drawer__bar{display:flex;align-items:center;width:100%;height:100%}.account-drawer__bar--logged-in{flex-direction:column;align-items:flex-start;padding-top:0;width:100%}.jkl-account-drawer__content{display:flex;width:100%;margin:0}.jkl-account-drawer__content--logged-in{display:grid;grid-template-columns:repeat(3,1fr);gap:0px;width:calc(100% - 14px);margin-top:0}.jkl-account-drawer__header{width:100%;margin-bottom:30px}.jkl-account-drawer__greeting{display:flex;align-items:center;gap:10px;width:100%}.jkl-account-drawer__hello{font-family:grotesque-medium-pro,arial,sans-serif;font-size:12px;text-transform:uppercase;color:rgb(var(--color-foreground))}.jkl-account-drawer__logout{font-family:grotesque-medium-pro,arial,sans-serif;font-weight:500;font-size:12px;text-transform:uppercase;text-decoration:underline;color:rgb(var(--color-foreground));transition:opacity .2s ease}.jkl-account-drawer__logout:hover{opacity:.7}.jkl-account-drawer__column{display:flex;flex-direction:column;gap:35px}.jkl-account-drawer__section{display:flex;flex-direction:column;gap:5px}.jkl-account-drawer__section-title{font-family:grotesque-medium-pro,arial,sans-serif;font-size:12px;font-weight:500;text-transform:uppercase;text-decoration:none;color:rgb(var(--color-foreground));letter-spacing:.5px;line-height:16px;transition:text-decoration .2s ease;display:inline-block;width:fit-content;text-decoration-thickness:auto;text-decoration-style:none;text-decoration-line:none;text-decoration-color:#000;outline-color:#000;outline-style:none;outline-width:0px;text-rendering:optimizeLegibility}.jkl-account-drawer__section-title:hover{text-decoration:underline}.jkl-account-drawer__section-description{font-family:Fornasetti Text,arial,sans-serif;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.2px;color:rgb(var(--color-foreground));margin:0}.jkl-account-drawer__left,.jkl-account-drawer__right{flex:1}.jkl-account-drawer__left,.jkl-account-drawer__right{display:flex;flex-direction:column}.jkl-account-drawer__heading{font-family:grotesque-medium-pro,arial,sans-serif;font-size:14px;font-weight:500;letter-spacing:.05em;margin:0 0 10px;text-transform:uppercase}.jkl-account-drawer__subtitle{font-family:Fornasetti Text,arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;margin:0 0 15px;color:rgb(var(--color-foreground))}.jkl-account-drawer__benefits{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;font-family:Fornasetti Text,arial,sans-serif;font-weight:400}.jkl-account-drawer__benefits li{font-size:14px;line-height:20px;position:relative;padding-left:0}.jkl-account-drawer__register-btn{display:inline-flex;align-items:center;justify-content:center;padding:0;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));border:none;border-radius:25px;font-family:grotesque-regular-pro,arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:.05em;text-decoration:none;cursor:pointer;transition:opacity .2s ease;align-self:flex-start;width:150px;height:40px}.jkl-account-drawer__form{display:flex;flex-direction:column}.jkl-account-drawer__form-row{display:flex;gap:20px;margin-bottom:20px}.jkl-account-drawer__form-row .form-field{flex:1;margin:0;width:185px;max-width:185px;display:flex;flex-direction:column}.jkl-account-drawer__login-btn{padding:0 24px;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));border:none;border-radius:25px;font-family:grotesque-regular-pro,arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:.05em;text-transform:none;cursor:pointer;transition:opacity .2s ease;align-self:flex-start;width:120px;height:40px}.jkl-account-drawer__forgot-password{font-family:grotesque-medium-pro,arial,sans-serif;font-size:12px;line-height:16px;text-decoration:underline;color:rgb(var(--color-foreground));align-self:flex-start;height:36px;padding:0;background:transparent;border:none;cursor:pointer;text-transform:none;display:flex;align-items:center}.jkl-account-drawer__forgot-password:hover{text-decoration:none}.jkl-account-drawer__form .form-error{margin-bottom:8px}.jkl-account-drawer__form .form-control{width:100%;height:40px;padding:10px 16px;border:1px solid rgb(var(--color-foreground));border-radius:20px;font-size:12px}.jkl-account-drawer__form .form-control:focus{outline:none!important;border-color:rgb(var(--color-foreground))!important;box-shadow:none!important}.jkl-account-drawer__form .form-control:focus::placeholder{opacity:0}.jkl-account-drawer__form .form-control::placeholder{color:rgb(var(--color-foreground));opacity:1}.jkl-account-drawer__form .form-control.form-control--error{border-color:#f99}.jkl-account-drawer__field-error{display:block;color:#f99;font-family:grotesque-regular-pro,arial,sans-serif;font-size:12px;line-height:16px;margin-top:4px;text-align:left}.jkl-account-drawer__field-error[hidden],.jkl-account-drawer__field-error[style*="display: none"]{display:none!important}#JklAccountDrawer.drawer--top+.fixed-overlay{background-color:#00000080;z-index:999}body:has(#JklAccountDrawer[open]) .header,body:has(#JklAccountDrawer[active]) .header{-webkit-transform:translateY(245px);transform:translateY(245px)}#JklAccountDrawer.drawer--top{-webkit-transition:-webkit-transform .7s cubic-bezier(.19,1,.22,1);transition:transform .7s cubic-bezier(.19,1,.22,1)}#JklAccountDrawer.drawer--top:not([open]):not([active]){-webkit-transform:translateY(-100%);transform:translateY(-100%)}#JklAccountDrawer.drawer--top[open],#JklAccountDrawer.drawer--top[active]{-webkit-transform:translateY(0);transform:translateY(0)}@media (max-width: 768px){#JklAccountDrawer.drawer--top{height:auto;min-height:300px;max-height:80vh}#JklAccountDrawer.drawer--top .drawer__inner{height:auto;min-height:300px;max-height:80vh;overflow-y:auto}#JklAccountDrawer.drawer--top .drawer__content{height:auto;min-height:300px;max-height:none;padding:60px 24px 24px}.jkl-account-drawer__content{flex-direction:column;gap:24px}.jkl-account-drawer__content--logged-in{grid-template-columns:1fr;gap:24px}.jkl-account-drawer__left{padding-right:0;border-right:none;border-bottom:1px solid rgb(var(--color-border));padding-bottom:24px}.jkl-account-drawer__form-row{flex-direction:column}body:has(#JklAccountDrawer[open]) .header,body:has(#JklAccountDrawer[active]) .header{-webkit-transform:translateY(300px);transform:translateY(300px)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/jkl-account-drawer.css.map */