.com-selector{min-width:0;position:relative;width:100%}.com-selector.--active .btn-text{border-radius:var(--radius-level-04) var(--radius-level-04) 0 0}.com-selector.--active .area-list-selector{display:block}.com-selector.--disabled .btn-text{background:var(--color-gray-100);color:var(--color-text-disabled)}.com-selector.--disabled .btn-text .path{fill:var(--color-text-disabled)}.com-selector .btn-text{align-items:center;background:var(--color-white);border:1px solid var(--color-border-base);border-radius:var(--radius-level-04);box-sizing:border-box;color:var(--color-gray-700);display:flex;font-size:var(--font-size-body-s);height:42px;justify-content:space-between;overflow:hidden;padding:7px 4px 7px 14px;width:100%}.com-selector .btn-text .text{flex:1;height:26px;line-height:26px;min-width:0;overflow:clip;text-align:left;word-break:keep-all}.com-selector .btn-text .text.--placeholder{color:var(--color-gray-300)}.com-selector .btn-text .icon{height:24px;width:24px}.com-selector .area-list-selector{display:none}.com-selector .area-list-selector .list-selector{background:var(--color-white);left:0;max-height:154px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1}.com-selector .area-list-selector .list-selector .btn-item{box-sizing:border-box;color:var(--color-gray-580);font-size:var(--font-size-body-s);height:34px;padding:7px 14px;position:relative;text-align:left;width:100%}.com-selector .area-list-selector .list-selector .btn-item:hover{background:var(--color-blue-300)}.com-selector .area-list-selector .list-selector .btn-item.--active:before{background:var(--color-blue-700);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(--color-blue-700)}}