select-element{--element-height:35px;--element-font-size:12pt;--element-label-font-size:var(--element-font-size);--element-label-left:.25rem;--element-pre-post-width:calc(var(--element-height) + .25rem)}select-element .select-container{width:100%;height:var(--element-height);font-size:var(--element-font-size);background-color:var(--form-element-background-color);color:var(--form-element-color-color);flex-direction:row;align-items:center;margin:2rem 0 0;padding:0;display:flex;position:relative}select-element .select-container:has(.pre){--element-label-left:calc(var(--element-pre-post-width) + .25rem)}select-element .select-container .pre,select-element .select-container .post{width:var(--element-pre-post-width);height:var(--element-height);background-color:var(--form-element-background-color);color:var(--form-element-color-color);place-items:center;font-size:18pt;display:grid}select-element .select-container{--validation-color:transparent}select-element .select-container:has(input[required]:not([valued])){box-shadow:0px 0px 1rem .25rem rgba(var(--error-rgb), .4);--box-shadow-color:rgba(var(--error-rgb), .4)}select-element .select-container label{left:var(--label-left);padding-left:.5rem;position:absolute;top:0}select-element .select-container .pre,select-element .select-container .post{width:var(--element-height);height:var(--element-height);opacity:.7;-webkit-user-select:none;user-select:none;place-items:center;display:grid}select-element .select-container label{color:inherit;left:var(--element-label-left);font-size:var(--element-label-font-size);pointer-events:none;height:var(--element-height);box-shadow:none;background-color:#0000;flex-direction:row;justify-content:start;align-items:center;gap:.25rem;padding-left:.25rem;display:inline-flex;position:absolute;top:0}select-element .select-container label .label{justify-content:start;align-items:center;width:100%;height:100%;display:flex;position:relative}select-element .select-container label{transition:all .25s ease-in-out}select-element .select-container label span.required{color:var(--error)}select-element .select-container:has(select:not(:required)) label span.req{display:none!important}select-element .select-container:has(input:where(:focus,[valued])) label{height:calc(var(--element-height) / 1.5);font-size:calc(var(--element-font-size) * .9);top:calc(0px - var(--element-height) / 1.5);background-color:var(--form-element-background-color);color:var(--form-element-color-color);box-shadow:0px -2px .2rem 0px var(--box-shadow-color);padding-left:1rem;padding-right:1rem;left:0}select-element .select-container:has(input:where(:focus,[valued])) label .label:after{content:"";width:calc(var(--element-height) / 1.5);height:calc(var(--element-height) / 1.5);position:absolute}select-element .select-container input:not([type=text]){display:none!important}select-element .select-container>a.selection-picker{text-align:left;color:#000;justify-content:start;align-items:center;width:100%;height:100%;text-decoration:none;display:flex;margin:0!important;padding:0!important}select-element .select-container>a.selection-picker span:first-child{margin-left:0!important}select-element .select-container>a.selection-picker span:last-child{margin-right:0!important}select-element .select-container>a.selection-picker span{background-color:var(--secondary);height:80%;color:var(--secondary-text);text-overflow:ellipsis;white-space:nowrap;border-radius:10px;justify-content:start;align-items:center;gap:.25rem;max-width:200px;margin-left:.125rem;margin-right:.125rem;padding:.125rem .5rem;display:inline-block;overflow:hidden}select-element .select-container option,select-element .select-container>div.selection-container:not(.show){display:none!important}select-element .select-container>div.selection-container{z-index:1;background-color:var(--secondary);width:100%;min-height:300px;max-height:360px;color:var(--secondary-text);border:1px solid rgba(var(--secondary-text-rgb), .2);border-top-left-radius:0;border-top-right-radius:0;flex-direction:column;display:flex;position:absolute;top:100%;left:0}select-element .select-container>div.selection-container>div{width:100%;min-height:40px}select-element .select-container>div.selection-container div.selection-header{background-color:var(--secondary-dark);color:var(--secondary-dark-text);border-bottom:1px solid rgba(var(--secondary-dark-text-rgb), .2);flex-direction:row;align-items:center;display:flex}select-element .select-container>div.selection-container div.selection-header a.selection-trash{text-transform:none;width:40px;height:40px;color:var(--error);background-color:#0000;place-items:center;font-size:16pt;text-decoration:none;display:grid}select-element .select-container>div.selection-container div.selection-header a.selection-trash:hover{background-color:rgba(var(--error-rgb), .8);color:var(--error-text)}select-element .select-container>div.selection-container div.selection-header input.selection-search{color:var(--secondary-dark-text);height:40px;box-shadow:none;border:none;border-left:1px solid rgba(var(--secondary-dark-text-rgb), .2);background-color:#0000;outline:none;flex:1;padding-left:.5rem;padding-right:.5rem;font-size:1.1rem}select-element .select-container>div.selection-container div.selection-header input.selection-search::placeholder{color:var(--secondary-dark-text);font-weight:lighter}select-element .select-container>div.selection-container div.selection-body{scrollbar-width:thin;flex:1;overflow-y:auto}select-element .select-container>div.selection-container div.selection-body::-webkit-scrollbar{width:.5rem}select-element .select-container>div.selection-container div.selection-body div.no-results{width:100%;height:260px;color:var(--tabs-border-text);place-items:center;font-size:1.7rem;display:grid}select-element .select-container>div.selection-container div.selection-body div.no-results i.ph{font-size:3rem}select-element .select-container>div.selection-container div.selection-body div.no-results i.ph.ph-x-circle{color:var(--error)}select-element .select-container>div.selection-container div.selection-body>ul{margin:0;padding:0;list-style:none}select-element .select-container>div.selection-container div.selection-body>ul>li>a{width:100%;color:inherit;justify-content:start;align-items:center;gap:.5rem;padding:.5rem 1rem;text-decoration:none;display:flex}select-element .select-container>div.selection-container div.selection-body>ul>li>a span.searchable{display:none}select-element .select-container>div.selection-container div.selection-body>ul>li>a:hover{background-color:var(--secondary-light);color:var(--secondary-light-text)}select-element .select-container>div.selection-container div.selection-body>ul>li>a.selected{background-color:var(--primary);color:var(--primary-text)}select-element .select-container>div.selection-container:has(div.selection-header input.selection-search:not(:placeholder-shown)) div.selection-footer span.count{display:none}select-element .select-container>div.selection-container:has(div.selection-header input.selection-search:not(:placeholder-shown)) div.selection-footer span.filter{display:inline-flex}select-element .select-container>div.selection-container div.selection-footer{border-top:1px solid rgba(var(--tertiary-light-rgb), .2);background-color:var(--secondary-dark);width:100%;height:40px;color:var(--secondary-dark-text);justify-content:center;align-items:center;display:flex}select-element .select-container>div.selection-container div.selection-footer span.count{display:inline-flex}select-element .select-container>div.selection-container div.selection-footer span.filter{display:none}