.atomic-select .items{scrollbar-width:none}.atomic-select .items::-webkit-scrollbar{display:none;-ms-overflow-style:none}.atomic-select{display:grid;position:relative;width:100%}@media (hover:hover) and (pointer:fine){.atomic-select:hover .body{background:var(--surface-color-4);border-color:var(--surface-color-4)!important}}.atomic-select.--raised .label{color:var(--text-color-secondary);font-size:12px;top:0}.atomic-select.--autocomplete>.body{padding-left:0;padding-right:0;position:relative}.atomic-select.--autocomplete .right-container{cursor:default;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .2s ease-in-out}.atomic-select.--autocomplete .right-container--open{transform:translateY(-50%) rotate(-180deg)!important}.atomic-select.--autocomplete .selected-icon{bottom:12px;left:16px;position:absolute}.atomic-select.--autocomplete .atomic-input input{padding-right:28px}.atomic-select.--has-selected-icon.--autocomplete .atomic-input input{padding-left:28px}.atomic-select.--has-errors .body{border:1px solid var(--additional-color-error)}.atomic-select.--has-errors.--active .label{color:var(--additional-color-error)}.atomic-select.--opened .items{visibility:visible}.atomic-select.--opened .right-container{transform:rotate(-180deg)}.atomic-select.--opened .body{background:var(--surface-color-4)}.atomic-select.--embedded .body{background:initial;height:auto;padding:0}.atomic-select.--embedded .selected-container{text-align:end}.atomic-select.--embedded .selected-value{color:var(--text-color-primary)}.atomic-select.--embedded .items{top:40px}.atomic-select .selected-container{align-items:center;align-self:stretch;display:flex;gap:8px;height:20px}.atomic-select .selected-icon{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.atomic-select .selected-value{color:var(--text-color-primary);font-size:16px;font-style:normal;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.atomic-select .body{align-items:center;align-self:stretch;background:var(--surface-color-3);border-radius:8px;cursor:pointer;display:flex;gap:8px;height:56px;justify-content:space-between;overflow:hidden;padding:0 14px 0 16px;transition:all .2s ease-in-out}.atomic-select .body-content{overflow:hidden;position:relative;width:100%}.atomic-select .right-container{align-items:center;display:flex;transition:all .25s ease}.atomic-select .label-container{height:16px}.atomic-select .label-container.--hidden{display:none}.atomic-select .label{color:var(--text-color-secondary);font-size:16px;left:0;overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:8px;transition:all .2s ease;white-space:nowrap;width:100%}.atomic-select .errors{display:flex;flex-direction:column;gap:2px;margin-top:2px;padding:0 16px;width:100%}.atomic-select .errors .error{color:var(--additional-color-error);font-size:12px;font-style:normal;font-weight:400}.atomic-select .items{align-items:flex-start;background:var(--surface-color-3);border-radius:8px;flex-direction:column;left:0;max-height:200px;overflow:auto;position:absolute;top:60px;visibility:hidden;width:100%;z-index:1000}.atomic-select .item,.atomic-select .items{align-self:stretch;display:flex;flex-shrink:0}.atomic-select .item{align-items:center;color:var(--text-color-secondary);cursor:pointer;font-size:16px;font-style:normal;font-weight:400;gap:8px;height:48px;padding:0 16px}@media (hover:hover) and (pointer:fine){.atomic-select .item:hover{background-color:var(--surface-color-5);color:var(--text-color-primary)}}.atomic-select .item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.atomic-select .item.--selected{color:var(--text-color-primary)}.atomic-select .item.--disabled{opacity:.5;pointer-events:none}.atomic-select .mask{height:18px;width:22px}
