.styles-select[data-v-7db0ab85]{display:inline-block;position:relative}.styles-select__trigger[data-v-7db0ab85]{align-items:center;border:1px solid var(--border-tertiary);border-radius:100px;color:var(--text-primary);cursor:pointer;display:flex;gap:6px;height:32px;justify-content:space-between;padding:0 10px;transition:all .2s ease}.styles-select__trigger[data-v-7db0ab85]:hover{background:var(--fill-secondary)}.styles-select__trigger--disabled[data-v-7db0ab85]{background:var(--fill-secondary);cursor:not-allowed;opacity:.8}.styles-select__trigger--selected[data-v-7db0ab85]{background-color:var(--fill-brand-tsp);border:1px solid var(--fill-brand-tsp);color:var(--text-brand)}.styles-select__trigger--selected[data-v-7db0ab85]:hover{background:var(--fill-brand-tsp)}.styles-select__current[data-v-7db0ab85]{align-items:center;display:flex;gap:6px}.styles-select__icon-slot[data-v-7db0ab85]{flex-shrink:0;height:16px;position:relative;width:16px}.styles-select__current-icon[data-v-7db0ab85]{opacity:1}.styles-select__clear[data-v-7db0ab85],.styles-select__current-icon[data-v-7db0ab85]{inset:0;position:absolute;transition:opacity .15s ease}.styles-select__clear[data-v-7db0ab85]{align-items:center;color:currentColor;display:flex;justify-content:center;opacity:0;pointer-events:none}.styles-select__trigger--selected:hover .styles-select__current-icon[data-v-7db0ab85]{opacity:0}.styles-select__trigger--selected:hover .styles-select__clear[data-v-7db0ab85]{opacity:1;pointer-events:auto}.styles-select__current-name[data-v-7db0ab85]{font-size:14px;font-weight:400;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.styles-select__dropdown[data-v-7db0ab85]{background:var(--fill-dropdown);border:1px solid var(--border-secondary);border-radius:8px;box-shadow:0 4px 12px #0000001f;inset-inline-start:0;max-height:280px;overflow-y:auto;padding:8px;position:absolute;top:calc(100% + 4px);width:360px;z-index:99}.styles-select__dropdown--up[data-v-7db0ab85]{bottom:calc(100% + 4px);top:auto}.styles-select__grid[data-v-7db0ab85]{display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.styles-select__style-item[data-v-7db0ab85]{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:8px;transition:background-color .2s ease}.styles-select__style-item[data-v-7db0ab85]:hover{background:var(--fill-secondary)}.styles-select__style-item--selected[data-v-7db0ab85]{background:var(--fill-primary)}.styles-select__style-image[data-v-7db0ab85]{border-radius:50%;flex-shrink:0;height:60px;overflow:hidden;width:60px}.styles-select__style-image img[data-v-7db0ab85]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.styles-select__style-name[data-v-7db0ab85]{color:var(--text-primary);display:-webkit-box;font-size:12px;-webkit-line-clamp:2;line-clamp:2;line-height:1.3;text-align:center;word-break:break-word;-webkit-box-orient:vertical;max-width:100%;overflow:hidden}.dropdown-enter-active[data-v-7db0ab85],.dropdown-leave-active[data-v-7db0ab85]{transition:all .15s ease}.dropdown-enter-from[data-v-7db0ab85],.dropdown-leave-to[data-v-7db0ab85]{opacity:0;transform:translateY(-4px)}.styles-select__dropdown--up.dropdown-enter-from[data-v-7db0ab85],.styles-select__dropdown--up.dropdown-leave-to[data-v-7db0ab85]{transform:translateY(4px)}@media(max-width:768px){.styles-select__dropdown[data-v-7db0ab85]{max-width:200px}.styles-select__grid[data-v-7db0ab85]{grid-template-columns:repeat(2,1fr)}.styles-select__current-name[data-v-7db0ab85]{display:none}}