/* One blue-gray select menu, including rotated pages and dialog top layers. */
select.site-select-native{position:absolute;opacity:0;clip-path:inset(50%);pointer-events:none;max-width:1px;max-height:1px}
.site-select-trigger{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:space-between;gap:14px;max-width:100%;min-width:0;min-height:40px;margin:0;padding:8px 12px;border:1px solid #aeb8c3;border-radius:8px;background:#f2f4f6;color:#243b58;font:500 13px/20px -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;text-align:left;vertical-align:middle;cursor:pointer;touch-action:manipulation}
.site-select-trigger[hidden]{display:none}
.site-select-trigger:hover{background:#dfe5eb;border-color:#8997a7}
.site-select-trigger[aria-expanded=true]{background:#dfe7ef;border-color:#9bb1c7}
.site-select-trigger:focus-visible{outline:1px solid var(--focus-ring,#717977);outline-offset:2px}
.site-select-trigger:disabled{cursor:default;opacity:.5}
.site-select-trigger[aria-invalid=true]{border-color:#a33c31}
.site-select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.site-select-arrow{display:flex;flex:none;color:#5b7189}
.site-select-trigger[aria-expanded=true] .site-select-arrow{transform:rotate(180deg)}
.site-select-trigger svg,.site-select-menu svg{display:block;width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.site-select-menu{box-sizing:border-box;position:fixed;inset:auto;z-index:2147483000;width:max-content;min-width:0;max-width:calc(100vw - 16px);max-height:320px;margin:0;padding:6px;border:0;border-radius:10px;background:#f9fafc;box-shadow:0 8px 28px #243b5e26;color:#243b58;font:13px/20px -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;text-align:left;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a6b4c5 transparent;transform-origin:0 0;user-select:none;-webkit-tap-highlight-color:transparent}
.site-select-menu[hidden]{display:none}
.site-select-menu::backdrop{background:transparent;backdrop-filter:none;pointer-events:none}
dialog.site-select-menu::backdrop{pointer-events:auto}
.site-select-option{box-sizing:border-box;display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 10px;border-radius:6px;cursor:pointer}
.site-select-option[aria-selected=true]{background:#dfe7ef;color:#243b58}
.site-select-option.is-active{background:#e4e9ed}
.site-select-option[aria-selected=true].is-active{background:#dfe7ef}
.site-select-option[aria-disabled=true]{color:#7c8a9c;cursor:default}
.site-select-option-label{min-width:0;overflow-wrap:anywhere}
.site-select-symbol{display:flex;flex:none;color:#5b7189}
.site-select-check{display:flex;flex:none;margin-left:auto;color:#345977;visibility:hidden}
.site-select-option[aria-selected=true] .site-select-check{visibility:visible}
.site-select-group{padding:8px 10px 4px;font-size:11px;color:#566d86}
#owner .site-select-trigger{display:flex;width:100%;margin:6px 0 0;min-height:44px;background:#f7f9fc}
#owner .site-select-trigger[aria-expanded=true]{background:#dfe7ef}
#knowledge #notebook-dialog #reading-settings-panel .site-select-trigger{width:145px;max-width:60%;min-height:36px;padding:6px 10px;border:1px solid #aeb8c3;border-radius:8px;background:#f2f4f6;color:#243b58;font:13px/20px -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}
#knowledge #notebook-dialog #reading-settings-panel .site-select-trigger[aria-expanded=true]{background:#dfe7ef;border-color:#9bb1c7}
#guestbook-form #gb-visibility-trigger{min-width:128px}
#guestbook-form #gb-visibility-trigger[aria-expanded=true]{background:#dfe7ef;border-color:#9bb1c7}
#guestbook-list .gb-reply-form .site-select-trigger{justify-self:start}
.phone-landscape #knowledge #notebook-dialog #reading-settings-panel .site-select-trigger{width:145px;max-width:72%;height:28px;min-height:28px;padding:1px 8px;font-size:12px}
.phone-landscape #guestbook-form #gb-visibility-trigger{min-width:102px}
.phone-landscape .site-select-menu{padding:4px;font-size:11px}
.phone-landscape .site-select-option{min-height:34px;padding:5px 8px;gap:8px}
.phone-landscape .site-select-trigger svg,.phone-landscape .site-select-menu svg{width:14px;height:14px}
@media(forced-colors:active){.site-select-menu{border:1px solid CanvasText}.site-select-option.is-active{outline:1px solid Highlight;outline-offset:-1px}.site-select-option[aria-selected=true]{color:Highlight}.site-select-option[aria-disabled=true]{color:GrayText}.site-select-trigger:focus-visible{outline-color:Highlight}}
