.selector-component{min-width:0;position:relative;width:100%}.selector-component.--active .btn-text{border-radius:var(--old-radius-level4) var(--old-radius-level4) 0 0}.selector-component.--active .area-list-selector{display:block}.selector-component .btn-text{align-items:center;background:var(--old-color-container-primary-inverse);border:1px solid var(--old-color-border-primary-hover);border-radius:var(--old-radius-level4);box-sizing:border-box;color:var(--old-color-gray-700);display:flex;font-size:var(--old-font-size-body-s);height:42px;justify-content:space-between;overflow:hidden;padding:7px 4px 7px 14px;width:100%}.selector-component .btn-text .text{flex:1;height:26px;line-height:26px;min-width:0;overflow:clip;text-align:left;word-break:keep-all}.selector-component .btn-text .icon{height:24px;width:24px}.selector-component .area-list-selector{display:none}.selector-component .area-list-selector .list-selector{background:var(--old-color-container-primary-inverse);left:0;max-height:154px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1}.selector-component .area-list-selector .list-selector .btn-item{box-sizing:border-box;color:var(--old-color-gray-580);font-size:var(--old-font-size-body-s);height:34px;padding:7px 14px;position:relative;text-align:left;width:100%}.selector-component .area-list-selector .list-selector .btn-item:hover{background:var(--old-color-container-primary-selected1)}.selector-component .area-list-selector .list-selector .btn-item.--active:before{background:var(--old-color-container-primary);bottom:0;content:"";display:block;left:0;position:absolute;top:0;width:2px}@media (max-width:1200px){.selector-component .area-list-selector{background:#00000040;bottom:0;left:0;position:fixed;right:0;top:0;z-index:110}.selector-component .area-list-selector .list-selector{left:50%;max-height:189px;right:auto;top:50%;transform:translate(-50%,-50%);width:300px}.selector-component .area-list-selector .list-selector .btn-item{height:42px;padding:2px 14px 2px 10px}.selector-component .area-list-selector .list-selector .btn-item.--active{background:var(--old-color-container-primary-selected1)}}
