.sign-out-control{width:fit-content;position:relative}.sign-out-menu{z-index:1;border:1px solid var(--border);background:var(--canvas);border-radius:18px;gap:3px;width:184px;max-width:calc(100vw - 48px);padding:6px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 8px 24px #283c341a}.sign-out-menu>.button{justify-content:flex-start;width:100%;padding-inline:12px}.sign-out-menu>.sign-out-all,.sign-out-error{color:#9c493f}.sign-out-error{border-top:1px solid var(--border);overflow-wrap:anywhere;margin:4px 6px 6px;padding-top:8px;font-size:12px;line-height:1.6}
.expiry-picker{gap:var(--field-gap,6px);min-width:0;display:grid}.expiry-label{font-size:13px;font-weight:500;line-height:var(--field-label-line-height,20px)}.expiry-controls{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.expiry-trigger,.expiry-time{height:var(--control-height,40px);border:1px solid var(--border);min-width:0;color:var(--ink);font-size:var(--control-font-size,14px);background:#fdfdfb;border-radius:999px}.expiry-trigger{text-align:left;flex:180px;align-items:center;gap:8px;padding:0 13px;display:flex}.expiry-trigger>span{flex:1}.expiry-trigger>svg{flex-shrink:0}.expiry-trigger[aria-expanded=true] .expiry-caret{transform:rotate(180deg)}.expiry-time{flex:0 112px;width:112px;max-width:100%;padding:0 12px}.expiry-picker button:disabled,.expiry-time:disabled{cursor:not-allowed;opacity:.45}.expiry-picker button:focus-visible,.expiry-time:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.expiry-calendar{border:1px solid var(--border);background:#fffef9;border-radius:18px;width:min(100%,320px);min-width:0;padding:10px}.expiry-presets{flex-wrap:wrap;gap:5px;display:flex}.expiry-presets button{min-height:var(--button-small-height);background:var(--sage);color:var(--ink);white-space:nowrap;border:0;border-radius:999px;padding:4px 10px;font-size:12px;line-height:1.5}.expiry-month-nav{justify-content:space-between;align-items:center;gap:6px;padding:5px 0;display:flex}.expiry-month-nav strong{font-size:13px;font-weight:600}.expiry-month-nav button{width:var(--button-small-height);height:var(--button-small-height);color:var(--ink);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.expiry-grid{table-layout:fixed;border-collapse:separate;border-spacing:2px;width:100%}.expiry-grid th,.expiry-grid td{text-align:center;border:0;padding:0}.expiry-grid th{height:25px;color:var(--muted);font-size:11px;font-weight:400}.expiry-grid td>button{width:100%;min-width:0;height:32px;color:var(--ink);background:0 0;border:0;border-radius:999px;padding:0;font-size:12px;line-height:1;display:block}.expiry-grid td>button[aria-current=date]{box-shadow:inset 0 0 0 1px var(--border);font-weight:700}.expiry-grid td[aria-selected=true]>button{background:var(--accent);color:#fff}.expiry-picker button:not(:disabled):hover{background:var(--sage);color:var(--ink)}.key-quota-setting{gap:8px;min-width:0;display:grid}.key-quota-setting>.toggle-field{width:100%;padding:0}.key-quota-setting>.field{width:min(100%,260px)}@media (max-width:600px){.expiry-trigger{flex-basis:164px}.expiry-time{flex-basis:104px;width:104px;padding-inline:9px}}@media (max-width:700px),(pointer:coarse){.expiry-grid td>button{height:40px;font-size:13px}}