.portal-color-picker{position:relative;min-width:0}
html:root:root:root:root body #app-root #view-container .portal-color-picker button{--choice-ink:#087456;--choice-tint:#eaf8f266;--choice-edge:#239e7c;display:flex;align-items:center;gap:10px;min-height:43px;padding:10px 14px;border:1px solid var(--choice-edge)!important;border-radius:13px!important;background:var(--choice-tint)!important;color:var(--choice-ink)!important;font:inherit;font-weight:650!important;cursor:pointer;text-align:left;transition:box-shadow .15s ease,background .15s ease}
html:root:root:root:root body #app-root #view-container .portal-color-picker button[data-color=blue]{--choice-ink:#175fae;--choice-tint:#eaf3ff88;--choice-edge:#478bda}
html:root:root:root:root body #app-root #view-container .portal-color-picker button[data-color=graphite]{--choice-ink:#445167;--choice-tint:#e9eef488;--choice-edge:#8997a9}
html:root:root:root:root body #app-root #view-container .portal-color-picker button[data-color=clear]{--choice-ink:#526579;--choice-tint:#ffffff99;--choice-edge:#a6b5c7}
html:root:root:root:root body #app-root #view-container .portal-color-picker button :is(i,span){color:inherit!important}
.portal-color-trigger{width:100%}.portal-color-arrow{margin-left:auto;font-size:21px;font-weight:400}
.portal-color-picker button i{width:11px;height:11px;flex:none;border-radius:50%;background:var(--choice-edge);box-shadow:0 0 0 3px var(--choice-tint)}
.portal-color-picker button:focus-visible{outline:2px solid var(--choice-edge);outline-offset:3px}
.portal-color-options{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:100;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;border:1px solid #d4dfed;border-radius:16px;background:#ffffffed;box-shadow:0 10px 26px #16315324;backdrop-filter:blur(16px)}
.portal-color-options[hidden]{display:none!important}
.portal-color-options button[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--choice-edge)}
html[data-cs-theme]:not([data-cs-theme=clear]) .portal-color-options{background:#202833f5;border-color:#4b596c}
html[data-cs-theme]:not([data-cs-theme=clear]):root:root:root:root body #app-root #view-container .portal-color-picker button{--choice-ink:#83dfbf;--choice-tint:#1d644333;--choice-edge:#53b599}
html[data-cs-theme]:not([data-cs-theme=clear]):root:root:root:root body #app-root #view-container .portal-color-picker button[data-color=blue]{--choice-ink:#a7cfff;--choice-tint:#235e9633;--choice-edge:#69a6ef}
html[data-cs-theme]:not([data-cs-theme=clear]):root:root:root:root body #app-root #view-container .portal-color-picker button[data-color=graphite]{--choice-ink:#c6cedc;--choice-tint:#67748722;--choice-edge:#93a1b6}
html[data-cs-theme]:not([data-cs-theme=clear]):root:root:root:root body #app-root #view-container .portal-color-picker button[data-color=clear]{--choice-ink:#edf3fb;--choice-tint:#d8e4f51a;--choice-edge:#b9cadf}
@media(max-width:420px){.portal-color-options{grid-template-columns:1fr}}