/* Account entry and sign-in layout, measured against the supplied login video. */
.account-login-modal{padding:16px;background:rgba(0,0,0,.52)}
.account-backdrop{position:absolute;inset:0;border:0;background:transparent;cursor:default}
.account-login-modal .account-preview-card{z-index:1;align-self:center;width:min(360px,calc(100vw - 32px));height:min(560px,calc(100dvh - 32px));padding:16px;border-radius:20px;box-shadow:0 6px 22px #0002;overflow-y:auto}
.account-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px}
.account-login-modal .account-preview-heading h2{margin:0;font-size:17px;line-height:1.3;letter-spacing:-.025em;font-weight:600}
.account-preview-close{flex:none;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;background:#f1f1f1;color:#222;font-family:Arial,sans-serif;font-size:23px;font-weight:300;line-height:1;cursor:pointer}
.account-preview-form{margin:0}
.account-google-button{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;height:48px;border:0;border-radius:28px;background:#5524d9;color:#fff;font:600 13px Montserrat,Arial,sans-serif;cursor:pointer;transition:background .18s,filter .18s}
.account-google-button:hover{background:#6633e9}
.account-google-button:focus-visible,.account-preview-close:focus-visible,.account-choice-buttons button:focus-visible,.account-email-field button:focus-visible{outline:2px solid #1a65ce;outline-offset:2px}
.account-google-icon{width:17px;height:17px;padding:2px;background:#fff;border-radius:50%;overflow:visible}
.account-or{display:flex;align-items:center;gap:12px;margin:13px 0;color:#333;font-size:12px;text-align:center}
.account-or:before,.account-or:after{content:"";height:1px;flex:1;background:#eee}
.account-login-modal .account-email-field,.account-screen .account-email-field{height:52px;display:flex;align-items:center;border:1px solid #e5e5e5;border-radius:27px;background:#fff;box-shadow:0 1px 2px #00000008;overflow:hidden}
.account-login-modal .account-email-field:focus-within,.account-screen .account-email-field:focus-within{border-color:#2674d9;box-shadow:0 0 0 2px #2674d9}
.account-login-modal .account-email-field input,.account-screen .account-email-field input{flex:1;min-width:0;width:auto;height:100%;margin:0;padding:0 16px;border:0;outline:0;background:transparent;color:#181818;font:400 14px Montserrat,Arial,sans-serif}
.account-email-field input::placeholder{color:#777;opacity:1}
.account-email-field button{width:50px;height:100%;flex:none;border:0;background:transparent;color:#333;font:400 24px Arial,sans-serif;cursor:pointer}
.account-choice-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.account-choice-buttons button{height:48px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e9e9e9;border-radius:26px;background:#fff;color:#222;font:400 13px Montserrat,Arial,sans-serif;cursor:pointer;transition:background .16s}
.account-choice-buttons button:hover{background:#f0f0f0}
.account-choice-buttons svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}
.account-feedback{min-height:18px;margin:10px 0 0!important;color:#9b2020!important;font-size:11px!important;line-height:1.45}
.account-feedback:empty{min-height:0;margin:0!important}
.account-signed-in{display:grid;justify-items:center;gap:6px;padding:8px 0 18px;font-size:13px}
.account-signed-in small{font-size:11px;color:#666}
.account-signed-in button{margin-top:6px;border:0;background:none;text-decoration:underline;cursor:pointer}
.account-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#ece5fb;color:#5124bb;font-size:18px;font-weight:600}

body.account-page-mode .announcement,body.account-page-mode .site-header,body.account-page-mode .mobile-nav,body.account-page-mode .site-footer{display:none!important}
body.account-page-mode #main{min-height:100dvh}
.account-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;background:#fff;color:#151515;font-family:Montserrat,Arial,sans-serif}
.account-screen-brand{margin-top:42px;color:#111;font-size:20px;font-weight:500;letter-spacing:-.06em;text-decoration:none}
.account-screen-center{width:100%;flex:1;display:flex;justify-content:center;align-items:center;padding:28px 20px 38px}
.account-screen-form{width:min(380px,100%);margin-top:-44px;transform:translateY(-32px)}
.account-screen-form h1,.account-profile-screen h1{margin:0 0 5px;font-size:21px;line-height:1.3;font-weight:600;letter-spacing:-.04em}
.account-screen-form>p:first-of-type{margin:0 0 20px;color:#666;font-size:12px}
.account-screen-form .account-google-button{height:50px;border-radius:10px;font-size:13px}
.account-screen-form .account-or{margin:18px 0 13px;color:#777;text-transform:lowercase}
.account-screen-form .account-or:before,.account-screen-form .account-or:after{background:transparent}
.account-screen-form .account-email-field{height:53px;border-radius:10px}
.account-terms{margin:17px 0 0!important;color:#666;font-size:11px;text-align:center}
.account-terms a{text-decoration:underline;text-underline-offset:2px;color:#444}
.account-screen-privacy{margin:0 0 23px;font-size:12px;color:#6f75a4;text-decoration:none}
.account-profile-screen{width:min(440px,calc(100% - 32px));margin:auto}
.account-profile-screen>p{font-size:12px;color:#666}
.account-profile-detail{display:flex;align-items:center;gap:12px;margin:22px 0;padding:20px;border:1px solid #eee;border-radius:12px}
.account-profile-detail>div{display:grid;gap:4px;font-size:13px}
.account-profile-detail span:last-child{font-size:11px;color:#666}
.account-profile-nav{display:flex;gap:8px;flex-wrap:wrap}
.account-profile-nav button,.account-orders article{padding:10px 15px;border:1px solid #e5e5e5;border-radius:10px;background:#fff;font:500 12px Montserrat,Arial,sans-serif}
.account-profile-nav button{cursor:pointer}
.account-orders{display:grid;gap:10px;margin:18px 0}
.account-orders article{display:grid;gap:4px}
.account-orders article span,.account-orders article small{font-size:11px;color:#666}
@media(max-width:600px){.account-screen-brand{margin-top:28px}.account-screen-form{margin-top:-20px;transform:none}.account-login-modal .account-preview-card{height:min(560px,calc(100dvh - 24px))}}
.account-login-modal .account-preview-card.is-signed-in{width:min(360px,calc(100vw - 32px));padding:18px;height:min(560px,calc(100dvh - 32px))}.account-login-modal .is-signed-in .account-preview-heading{margin-bottom:5px}.account-login-modal .is-signed-in .account-preview-heading h2{font-size:19px}.account-menu-email{margin:0 0 18px;font-size:15px;overflow-wrap:anywhere}.account-login-modal .is-signed-in .account-choice-buttons{margin-top:0}.account-login-modal .is-signed-in .account-choice-buttons button{height:49px;font-size:15px}.account-button.is-signed-in svg{display:none}.account-button .account-initial{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#080808;color:#fff;font-size:12px;font-weight:600}
.account-dashboard{min-height:100dvh;background:#fff;color:#141414;font-family:Montserrat,Arial,sans-serif;display:flex;flex-direction:column;padding:40px 4.5vw 24px}.account-dashboard>header{display:flex;justify-content:space-between;align-items:center}.account-dashboard>header a{color:#111;font-size:23px;font-weight:500;letter-spacing:-.055em;text-decoration:none}.account-dashboard>header button{border:1px solid #ddd;border-radius:50%;background:#fff;color:#888;font-size:27px;width:37px;height:37px;cursor:pointer}.account-dashboard-grid{display:grid;grid-template-columns:25% minmax(0,1fr);gap:20px;flex:1;margin-top:70px}.account-dashboard-grid nav{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.account-dashboard-grid nav button{padding:0;border:0;background:none;color:#888;font-size:20px;font-weight:500;cursor:pointer}.account-dashboard-grid nav button.active{color:#111}.account-dashboard-grid main{width:min(100%,660px)}.account-dashboard>footer{display:flex;align-items:center;gap:19px;flex-wrap:wrap}.account-dashboard>footer a,.account-dashboard>footer button{border:0;background:none;color:#005bd3;font-size:13px;text-decoration:underline;padding:0;cursor:pointer}.account-welcome-card,.account-order-card,.account-detail-card{border:1px solid #e7e7e7;border-radius:18px;background:#fff;box-shadow:0 7px 24px #0000000a}.account-welcome-card{min-height:113px;display:flex;align-items:center;justify-content:space-between;padding:26px 32px}.account-welcome-card div{display:flex;flex-direction:column;gap:4px}.account-welcome-card strong{font-size:21px;font-weight:600}.account-welcome-card span{font-size:20px;color:#777}.account-welcome-card button{border:0;border-radius:12px;padding:12px 15px;background:#005bd3;color:#fff;font-size:15px;cursor:pointer}.account-order-card{padding:23px 28px;margin-bottom:12px}.account-order-card div{display:flex;justify-content:space-between;gap:14px}.account-order-card strong{font-size:17px}.account-order-card span,.account-order-card p{color:#777;font-size:13px}.account-order-card b{font-size:16px}.account-profile-block{margin-bottom:48px}.account-block-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.account-block-heading h2{font-size:18px;font-weight:500;margin:0}.account-block-heading button,.account-sign-out-row button:first-child{padding:9px 12px;border:1px solid #e5e5e5;border-radius:11px;background:#fff;color:#005bd3;font-size:14px;cursor:pointer}.account-detail-card{min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:18px}.account-detail-card span{color:#888;font-size:15px}.account-detail-card strong{font-size:15px;font-weight:500}.account-address-card{justify-content:flex-start;gap:18px}.account-address-card span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f7f7f7;font-size:25px;color:#111}.account-address-card strong{color:#777}.account-sign-out-row{display:flex;align-items:center;gap:20px}.account-sign-out-row button:last-child{border:0;background:none;color:#005bd3;font-size:14px;cursor:pointer}.account-inline-form{display:flex;gap:10px}.account-inline-form input,.account-inline-form textarea{flex:1;min-width:0;border:1px solid #ddd;border-radius:10px;padding:10px;font:inherit}.account-inline-form button{border:0;border-radius:9px;background:#005bd3;color:#fff;padding:10px 15px;cursor:pointer}@media(max-width:700px){.account-dashboard{padding:24px 20px}.account-dashboard-grid{grid-template-columns:1fr;margin-top:40px}.account-dashboard-grid nav{flex-direction:row;gap:20px}.account-dashboard-grid main{margin-bottom:70px}.account-dashboard>footer{gap:10px 16px}.account-welcome-card{padding:20px}.account-welcome-card strong,.account-welcome-card span{font-size:17px}}
.account-password-input{display:block;width:100%;height:46px;margin-top:12px;padding:0 16px;border:1px solid #d5d5d5;border-radius:24px;background:#fff;font:inherit}
.account-create-button{display:block;width:100%;height:44px;margin-top:12px;border:1px solid #222;border-radius:24px;background:#fff;color:#222;font:inherit;cursor:pointer}
