.ss-main{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:var(--ss-main-height);padding:15px 2.5rem 15px 1.25rem;font-size:1rem;border-radius:var(--ss-border-radius);background-color:hsl(var(--gray-2));color:#fff;cursor:pointer;border:1px solid;border-color:transparent;box-shadow:none;background-image:url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-repeat:no-repeat;background-position-x:calc(100% - 13px);background-position-y:center;background-size:1rem;min-width:200px}.ss-main[multiple]{height:auto;min-height:var(--ss-main-height);padding:8px 2.5rem 8px 8px;flex-wrap:wrap;align-items:flex-start;align-content:flex-start}.ss-main:focus{outline:none;box-shadow:0 0 0 2px var(--ss-focus-color)}.ss-main.ss-disabled{background-color:var(--ss-disabled-color);cursor:not-allowed}.ss-main .ss-arrow{display:none}.ss-main .ss-values .ss-single{margin-left:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;width:100%}.ss-main .ss-values{display:flex;gap:6px;flex-wrap:wrap;width:100%;align-items:center}.ss-main .ss-value{background-color:hsl(var(--cta-shared));color:hsl(var(--cta-darker));border-radius:8px;padding:4px 8px;font-size:.875rem;display:flex;align-items:center;gap:6px;border:1px solid hsl(var(--cta));max-width:calc(100% - 40px);box-sizing:border-box}.ss-main .ss-value .ss-value-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.ss-main .ss-value .ss-value-delete{cursor:pointer;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background-color:hsl(var(--cta-darker));color:#fff;font-size:12px;font-weight:700;line-height:1;transition:background-color .2s ease;flex-shrink:0;text-align:center;position:relative}.ss-main .ss-value .ss-value-delete:before{content:"x";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ss-main .ss-value .ss-value-delete:hover{background-color:#dc3545}.ss-main .ss-values .ss-placeholder{color:hsl(var(--gray-3));font-style:italic}.ss-content{position:absolute;width:100%;max-height:var(--ss-content-height);background-color:#fff;border-radius:var(--ss-border-radius);box-shadow:0 10px 15px -3px #0000001a;transform-origin:top;z-index:10000;overflow:hidden;transform:scaleY(0);opacity:0;border:none}.ss-content.ss-open-above{transform:scaleY(1);opacity:1;transform-origin:bottom}.ss-content.ss-open-below{transform:scaleY(1);opacity:1}.ss-content>.ss-search{padding:var(--ss-spacing-s);position:relative}.ss-content>.ss-search:before{content:"";display:block;width:1.25rem;height:1.25rem;position:absolute;left:1rem;top:50%;transform:translateY(-50%);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='gray' viewBox='0 0 24 24'%3E%3Cpath d='M10 2a8 8 0 105.293 14.293l4.707 4.707 1.414-1.414-4.707-4.707A8 8 0 0010 2zm0 2a6 6 0 110 12 6 6 0 010-12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;pointer-events:none;z-index:2}.ss-content .ss-search input{width:100%;font-size:1rem;border-radius:var(--ss-border-radius);border:1px solid var(--ss-border-color);background-color:var(--ss-bg-color);color:var(--ss-font-color);height:42px;padding:.2rem .2rem .2rem 2.5rem;position:relative}.ss-content .ss-search input::-moz-placeholder{color:var(--ss-font-placeholder-color)}.ss-content .ss-search input::placeholder{color:var(--ss-font-placeholder-color)}.ss-content .ss-search input:focus{outline:none;box-shadow:0 0 0 2px var(--ss-focus-color)}.ss-list{overflow-y:auto;max-height:200px}.ss-option{padding:.5rem 1rem;cursor:pointer;color:var(--ss-font-color);transition:background-color .2s ease}.ss-option:hover{background-color:hsl(var(--gray-4))}.ss-option.ss-selected{background-color:hsl(var(--cta-shared));color:hsl(var(--cta))}.ss-option.ss-disabled{background-color:var(--ss-disabled-color);color:hsl(var(--gray-1));cursor:not-allowed}.ss-list>.ss-search{padding:12px}@media (max-width: 768px){.ss-main .ss-value .ss-value-text{max-width:100px}.ss-main[multiple]{padding:6px 2.5rem 6px 6px}.ss-main .ss-values{gap:4px}}