@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 1000;font-display:swap;src:url('fonts/DMSans.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300 700;font-display:swap;src:url('fonts/CormorantGaramond.woff2') format('woff2')}
.cl-account{padding-top:64px;padding-bottom:88px}.cl-account--guest{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start}.cl-account-intro,.cl-account-panel{min-width:0}.cl-account .cl-page-title{font-size:clamp(44px,5vw,68px);max-width:600px}.cl-account-note{border-top:1px solid #cbd4c7;margin-top:36px;padding-top:28px;max-width:430px}.cl-account-note h2{font-size:30px}.cl-account a{color:#31594a;text-underline-offset:4px}.cl-account-panel{background:#efe9db;padding:clamp(24px,3vw,40px);border-radius:4px}.cl-account-panel h2{font-size:38px}.cl-account .woocommerce form.login,.cl-account .woocommerce form.register{border:0;padding:0;margin:0;background:transparent}.cl-account .woocommerce form .form-row{padding:0;margin:0 0 22px}.cl-account .woocommerce form .form-row label{font-size:15px;font-weight:600;line-height:1.5;margin-bottom:8px;color:#263c33}.cl-account .woocommerce input.input-text,.cl-account .woocommerce textarea,.cl-account .woocommerce select{width:100%;max-width:100%;min-height:52px;padding:12px 15px;border:1px solid #b8c6b8;border-radius:8px;background:#fffefa;color:#263c33;font:400 16px/1.5 'DM Sans',sans-serif;box-shadow:none}.cl-account .woocommerce input[type=checkbox]{accent-color:#31594a;width:18px;height:18px;vertical-align:middle}.cl-account .woocommerce button.button,.cl-account .woocommerce a.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 26px;border:0;border-radius:28px;background:#31594a;color:#fffefa;font:600 16px/1.5 'DM Sans',sans-serif;text-decoration:none;white-space:normal}.cl-account .woocommerce button.button:hover,.cl-account .woocommerce a.button:hover{background:#193e35;color:#fffefa}.cl-account .woocommerce .woocommerce-form-login__rememberme{display:block;margin:8px 0 20px}.cl-account .woocommerce .woocommerce-form-login__submit{float:none}.cl-account .woocommerce .show-password-input{top:13px;right:14px}.cl-account .woocommerce .password-input input{padding-right:48px}.cl-account .woocommerce .lost_password{font-size:14px;margin-top:20px}.cl-account .cl-account-help{border-top:1px solid #cbd4c7;margin:28px 0 0;padding-top:20px;font-size:13px;line-height:1.8}.cl-account .woocommerce-error,.cl-account .woocommerce-info,.cl-account .woocommerce-message{background:#fffefa;border-top-color:#31594a;color:#263c33;font-size:15px;overflow-wrap:anywhere}.cl-account :focus-visible{outline:3px solid #9b7739;outline-offset:3px}.cl-account :focus:not(:focus-visible){outline:none}.cl-account .woocommerce-MyAccount-navigation{float:none;width:auto}.cl-account--member .cl-account-panel>.woocommerce{display:grid;grid-template-columns:210px minmax(0,1fr);gap:32px}.cl-account .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0}.cl-account .woocommerce-MyAccount-navigation a{display:block;padding:13px 16px;border-radius:7px;text-decoration:none}.cl-account .woocommerce-MyAccount-navigation .is-active a{background:#31594a;color:#fffefa}.cl-account .woocommerce-MyAccount-content{float:none;width:100%;min-width:0}.cl-account .woocommerce table.shop_table{background:#fffefa;border-color:#cbd4c7;border-radius:8px;font-size:15px;overflow-wrap:anywhere}.cl-account .woocommerce table.shop_table td,.cl-account .woocommerce table.shop_table th{padding:14px 12px}.cl-account .woocommerce fieldset{border:1px solid #cbd4c7;padding:20px;margin:24px 0}.cl-account .woocommerce legend{padding:0 8px}.cl-account .woocommerce-Address-title h2,.cl-account .woocommerce-Address-title h3{font-size:28px}.cl-account .woocommerce address{font-style:normal;line-height:1.7}
body.login{background:#faf8f2;color:#263c33;font-family:'DM Sans',sans-serif}body.login *{box-sizing:border-box}body.login #login{width:min(100% - 40px,460px);padding:clamp(40px,8vh,90px) 0 24px}body.login h1 a{background-image:url('icons/clara-mae-wordmark.svg');background-size:contain;background-position:center;width:100%;height:54px;margin:0 auto 38px}body.login form{background:#efe9db;border:0;border-radius:6px;padding:32px;box-shadow:none;margin-top:20px}body.login label{font-size:15px;font-weight:500;color:#263c33}body.login form .input{border:1px solid #b8c6b8;border-radius:8px;background:#fffefa;color:#263c33;font:400 17px/1.5 'DM Sans',sans-serif;min-height:52px;padding:12px;margin-top:8px;box-shadow:none}body.login .button-primary{background:#31594a;border:0;border-radius:26px;color:#fffefa;min-height:48px;padding:10px 26px;font:600 15px/1.5 'DM Sans',sans-serif;text-shadow:none;box-shadow:none}body.login .button-primary:hover{background:#193e35}body.login .wp-hide-pw{color:#31594a;top:14px;right:6px}body.login #nav,body.login #backtoblog{padding:0;text-align:center;font-size:14px}body.login #nav a,body.login #backtoblog a,body.login .privacy-policy-link,.cl-login-footer a{color:#31594a;text-underline-offset:4px}body.login .message,body.login #login_error,body.login .success{background:#fffefa;border-left-color:#31594a;box-shadow:none;line-height:1.6}body.login input[type=checkbox]{accent-color:#31594a}body.login :focus-visible{outline:3px solid #9b7739;outline-offset:3px}body.login :focus:not(:focus-visible){outline:none}.cl-login-footer{text-align:center;padding:0 20px 32px;font-size:13px;color:#52645a}.login .language-switcher{padding:0 20px 28px}
@media(max-width:760px){.cl-account--guest{grid-template-columns:1fr;gap:28px}.cl-account{padding-top:32px;padding-bottom:48px}.cl-account-note{display:none}.cl-account-panel{padding:24px 20px}.cl-account--member .cl-account-panel>.woocommerce{grid-template-columns:1fr;gap:24px}.cl-account .woocommerce-MyAccount-navigation ul{display:flex;flex-wrap:wrap;gap:4px}.cl-account .woocommerce-MyAccount-navigation a{padding:10px 12px;font-size:14px}.cl-account .woocommerce .form-row-first,.cl-account .woocommerce .form-row-last{width:100%;float:none}.cl-account .woocommerce button.button{width:100%}.cl-account .woocommerce table.shop_table{font-size:14px}.cl-account .woocommerce table.shop_table td{min-height:46px}body.login form{padding:26px 22px}body.login form .forgetmenot{float:none;margin-bottom:22px}body.login .submit .button-primary{width:100%;float:none}}
.cl-account .woocommerce .lost_reset_password .form-row-first{float:none;width:100%}
