@font-face{font-family:Sancreek;src:url('/saleschannel/static/sancreek-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:88px 24px 32px;font:400 18px/1.45 Sancreek,Georgia,serif;color:#201b24;background:#2a62a9 url('/saleschannel/static/brand-okaeri-entry.webp') center/cover fixed}
button,input{font:inherit}
button{cursor:pointer}
button:disabled{opacity:.6;cursor:wait}
button:focus-visible,input:focus-visible{outline:3px solid #2a62a9;outline-offset:4px}
.login-entry{display:grid;justify-items:center;gap:18px;width:min(100%,390px)}
.login-card{position:relative;width:100%;padding:14px 18px;border:2px solid #ef963d;border-radius:14px;background:#171315f5;color:#fff;box-shadow:0 8px 28px #10101b55}
.login-card h1{display:flex;justify-content:center;align-items:center;gap:10px;margin:0 0 10px;font-size:20px;line-height:1.3;font-weight:400;text-align:center;color:#fff}
.notice-emblem{display:block;flex:0 0 36px;width:36px;height:36px;object-fit:contain}
.login-notice{text-align:center}
.notice-copy{overflow-wrap:anywhere}
.notice-copy h2{margin:0;color:#ffad51;font-size:24px;font-weight:400;line-height:1.3;white-space:pre-wrap}
.notice-copy p{margin:7px 0 0;color:#fff;font-size:17px;line-height:1.4;white-space:pre-wrap}
.notice-copy p:empty{display:none}
.notice-languages{display:flex;justify-content:center;gap:8px;margin-top:12px}
.notice-languages button{min-width:42px;min-height:32px;padding:3px 8px;border:1px solid #ef963d99;border-radius:6px;background:#171315;color:#fff;font-size:14px}
.notice-languages button[aria-pressed=true]{color:#171315;background:#ef963d;border-color:#ef963d}
.login-card button:focus-visible,.login-popup-toggle:focus-visible{outline-color:#fff}
.login-popup-toggle{position:fixed;z-index:3;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));display:grid;place-items:center;width:68px;height:68px;padding:4px;border:2px solid #ef963d;border-radius:50%;overflow:hidden;background:#171315;box-shadow:0 4px 18px #17131566}
.login-popup-toggle svg{width:100%;height:100%;border-radius:50%}
.login-dialog{width:min(390px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:22px;border:1px solid #797d87;border-radius:14px;background:#f0f0f0;color:#201b24;font:inherit;box-shadow:0 18px 70px #0008;overflow:auto}
.login-dialog::backdrop{background:#10121b99;backdrop-filter:blur(4px)}
.login-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-22px;padding:8px 0 12px;background:#f0f0f0;z-index:1}
.login-dialog-head h2{margin:0;color:#201b24;font-size:24px;font-weight:400;overflow-wrap:anywhere}
#users-close{flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #9da5b1;border-radius:50%;color:#201b24;background:#fff;font-size:28px;line-height:1}
.login-dialog form,#consumer{display:grid;gap:16px}
.login-dialog label,#consumer label{display:grid;gap:6px}
.login-dialog input,#consumer input{width:100%;min-width:0;min-height:46px;padding:10px 12px;border:1px solid #9da5b1;border-radius:8px;color:#201b24;background:#fff}
.login-dialog form>button,#consumer>button{width:100%;min-height:46px;padding:10px 12px;border:1px solid #23558f;border-radius:8px;background:#2a62a9;color:#fff}
.error{color:#a22031;min-height:1.2em;font-size:16px;overflow-wrap:anywhere}
.login-card .error{color:#ffb49d}
.login-socials{position:relative;display:grid;grid-template-columns:149px 20px 52px 18px 52px;align-items:center;width:292px;height:58px;max-width:100%;color:#fff}
.login-socials-outline{position:absolute;inset:0;width:292px;height:58px;pointer-events:none;overflow:visible}
.login-socials-outline path{fill:#16395ef5;stroke:#fff;stroke-width:2;stroke-linejoin:round}
.login-socials-label{z-index:1;grid-column:1;display:grid;place-items:center;padding:4px 8px;font:400 18px/1.25 Sancreek,Georgia,serif;white-space:nowrap;text-shadow:0 1px 2px #0006}
.login-social-icon{position:relative;z-index:1;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:#fff}
.login-social-icon::before{content:"";position:absolute;inset:4px;border-radius:50%}
.login-social-icon svg{position:relative;width:28px;height:28px;transition:transform .15s}
.login-social-icon.instagram{grid-column:3}
.login-social-icon.tiktok{grid-column:5}
.login-social-icon.instagram::before{background:radial-gradient(circle at 25% 110%,#ffd776 0%,#f56b2a 30%,#d62b7c 58%,#7449c8 100%)}
.login-social-icon.tiktok::before{background:#111}
.login-social-icon.tiktok svg{filter:drop-shadow(-1px -1px 0 #25f4ee) drop-shadow(1px 1px 0 #fe2c55)}
.login-social-icon[href]:hover svg{transform:translateY(-2px)}
.login-social-icon:focus-visible{outline:3px solid #fff;outline-offset:4px}
.login-social-icon[aria-disabled=true]{cursor:default}
.login-social-icon[aria-disabled=true]::before,.login-social-icon[aria-disabled=true] svg{opacity:.55}
@media(max-width:360px){body{padding:84px 14px 24px}.login-card{padding:12px}.login-card h1{font-size:18px}.notice-copy h2{font-size:22px}.notice-copy p{font-size:16px}.login-popup-toggle{width:60px;height:60px;top:14px;right:14px}}
@media(prefers-reduced-motion:reduce){.login-social-icon svg{transition:none}}