.component-dropdown{position:relative;min-width:150px}.component-dropdown-open .component-dropdown-options,.component-dropdown:focus-within:not(.component-dropdown-open)>input{border-color:transparent;outline:2px solid #b0b1e7;outline-offset:1px;animation:input-focus .25s}.component-dropdown-options{position:absolute;max-height:50vh;padding:8px;background-color:var(--black-cherry);border:1px solid var(--border-color-medium);z-index:1;left:0;right:0;overflow-y:auto;border-radius:var(--border-radius-xsmall);box-shadow:0 2px 4px rgba(0,0,0,.1);transform:scale(0);font-weight:400}.component-dropdown:not(.component-dropdown-open-above) .component-dropdown-options{top:0}.component-dropdown-open-above .component-dropdown-options{bottom:0}.component-dropdown-open .component-dropdown-options{transform:scale(1)}.component-dropdown-options>label{display:block;text-align:left;font-size:var(--font-size-regular);padding:12px;font-weight:var(--font-weight-regular)!important;border-radius:var(-border-radius-xsmall)}.component-dropdown-options>label:has(input){display:grid;grid-template-columns:max-content 1fr}.component-dropdown-options-caption{display:block;font-size:var(--font-size-small);color:#737373;padding:8px}.component-dropdown-options>label,.component-dropdown-options>label span{border-radius:var(--border-radius-xsmall);transition:color .35s}.component-dropdown-options>label input[type=checkbox]:disabled+span{color:#aaa}.component-dropdown-options>label:hover{background:var(--black-cherry-light);cursor:pointer}.component-dropdown-placeholder{color:#aaa;font-weight:400}.component-dropdown-option-caption{color:#737373;font-size:var(--font-size-xsmall);font-weight:500}.component-dropdown{position:relative;color:var(--text-color)}.component-dropdown .component-dropdown-select{padding:8px 48px 8px 16px;border:1px solid var(--black-cherry-light);background-color:var(--black-cherry);color:inherit;font-size:var(--font-size-regular);font-family:inherit;border-radius:var(--border-radius-xxxsmall);line-height:19px;width:100%;background-image:none;appearance:none;font-weight:400}.component-dropdown::after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:19px;height:38px;background-color:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.95 10'%3E%3Cpath d='M1.41 4.67 2.48 3.18 3.54 4.67ZM3.54 5.33 2.48 6.82 1.41 5.33Z'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}.component-dropdown .component-dropdown-select-chip{display:inline-flex;align-items:center;max-width:100%;min-width:0;padding:var(--spacing-xxxsmall) var(--spacing-xxsmall);border-radius:var(--border-radius-xxsmall);background:0 0;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);background-color:var(--accent-color-gray-tint);line-height:1;margin-right:var(--spacing-xxsmall);white-space:nowrap}.component-dropdown .component-dropdown-select-additional{display:inline-block;border-radius:4px;font-size:12px;padding:2px 8px;margin-left:4px;background-color:var(--secondary-color-lightest)}.component-dropdown input[type=checkbox]{margin-right:12px}.component-dropdown-options>label.component-dropdown-option-selected{position:relative;font-weight:var(--font-weight-semibold)!important}.component-dropdown-option-selected::after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'><path d='M5 10.5l3 3 7-7' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>")}