.mode-picker{min-width:0;max-width:100%}.mode-picker .mode-picker-trigger{color:#52644e;max-width:100%;min-height:44px;font:500 12px/1.4 var(--font);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:8px;padding:8px 11px;transition:background-color .15s,box-shadow .15s;display:flex}.mode-picker-trigger>span:first-of-type{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mode-picker .mode-picker-trigger:hover:not(:disabled),.mode-picker .mode-picker-trigger[data-open=true]{color:#2f553a;background:#edf2e8}.mode-picker .mode-picker-trigger:focus{outline:none}.mode-picker .mode-picker-trigger:focus-visible{outline:none;box-shadow:0 0 0 2px #326948}.mode-picker .mode-picker-trigger:disabled{opacity:.5;cursor:not-allowed}.mode-picker-chevron{margin-left:2px;transition:transform .15s;display:flex;transform:rotate(90deg)}.mode-picker-trigger[data-open=true] .mode-picker-chevron{transform:rotate(-90deg)}.mode-picker-popup{z-index:1000;overscroll-behavior:contain;color:#23392b;font:14px/1.45 var(--font);scrollbar-width:thin;background:#fff;border:1px solid #dfe6da;border-radius:17px;padding:6px;position:fixed;overflow-y:auto;box-shadow:0 12px 38px #23352a1c,0 2px 6px #23352a0a}.mode-picker-option{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:11px;align-items:flex-start;gap:11px;min-height:68px;padding:13px 11px;scroll-margin:6px;display:flex}.mode-picker-option[data-active=true]{background:#f0f5ec}.mode-picker-option[aria-disabled=true]{color:#70796b;cursor:not-allowed;background:0 0}.mode-picker-option-icon{color:#627c57;padding-top:2px;display:flex}.mode-picker-option[aria-disabled=true] .mode-picker-option-icon{color:#788372}.mode-picker-option-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.mode-picker-option-copy>span{letter-spacing:-.1px;font-size:13px;font-weight:550}.mode-picker-option-copy small{color:#677260;font-size:11px;line-height:1.5}.mode-picker-check{color:#35633e;flex:0 0 16px;padding-top:2px;display:flex}@media (max-width:480px){.mode-picker .mode-picker-trigger{gap:6px;padding:8px;font-size:11px}}@media (prefers-reduced-motion:reduce){.mode-picker .mode-picker-trigger,.mode-picker-chevron{transition:none}}@media (forced-colors:active){.mode-picker .mode-picker-trigger:focus-visible{outline:2px solid highlight}.mode-picker-option[data-active=true]{outline:1px solid highlight}}