.input-select-color{--sizing:var(--form-sizing,1);color:currentColor}.input-select-color__status{height:1em;right:var(--space-s);justify-content:center;align-items:center;width:1em;font-size:1.25em;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.input-select-color__status--success{color:var(--color-success)}.input-select-color__status--error{color:var(--color-error)}.input-select-color__status .icon{--icon-fill:transparent}.input-select-color__errors{gap:var(--space-s);padding:var(--space-s) 0;flex-direction:column;display:flex}.input-select-color__error{animation:popInError .3s var(--bezier);background-color:color-mix(in srgb,var(--color-error),var(--color-background) 80%);border:1px solid color-mix(in srgb,var(--color-error),var(--color-background) 50%);border-radius:var(--border-radius);color:color-mix(in srgb,var(--color-error),var(--color-foreground) 50%);transform-origin:0 0;padding:1em;font-size:.66em}@keyframes popInError{0%{opacity:0;transform:scaleY(.5)translateY(25%)}to{opacity:1;transform:scale(1)translateY(0)}}.input-select-color--small{--sizing:.75}.input-select-color--medium{--sizing:1}.input-select-color--large{--sizing:1.25}.input-select-color__prefix,.input-select-color__suffix{color:var(--color-foreground);font-size:calc(.875em*var(--sizing));margin-right:var(--space-xs);opacity:.5;padding:var(--space);padding-left:var(--space);z-index:2;align-items:baseline;padding-right:0;line-height:2;position:relative}.input-select-color__control{color:currentColor;font-size:calc(1em*var(--sizing));padding:var(--input-control-padding,var(--input-control-padding-y,calc(.75em*var(--sizing)))) var(--input-control-padding,var(--input-control-padding-x,calc(var(--sizing)*1em)));text-align:var(--input-control-text-align,left);z-index:2;background-color:#0000;border:none;width:100%;line-height:1;position:relative}.input-select-color__control:focus{outline:none}.input-select-color__control::-moz-placeholder{opacity:.5}.input-select-color__control::placeholder{opacity:.5}.input-select-color__description{margin:var(--space) 0;opacity:.5;font-size:.75em}.input-select-color--no-controls input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.input-select-color--no-controls input[type=number]::-webkit-inner-spin-button,.input-select-color--no-controls input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-select-color__control-container{font-size:var(--input-control-font-size,1em);width:100%;position:relative}.input-select-color__control-container:has([disabled]):not(:has([disabled=false])){opacity:.25}.input-select-color__control-container:before{background-color:var(--input-control-background,var(--color-background));border-radius:var(--input-border-radius,var(--border-radius));box-shadow:var(--drop-shadow);content:"";opacity:1;outline:1px solid color-mix(in srgb,var(--color-foreground),var(--color-background) 66.66%);width:100%;height:100%;transition:box-shadow .3s ease-in-out;position:absolute;top:0;left:0}[data-contrast-mode] .input-select-color__control-container:before{outline:2px solid var(--color-foreground)}.input-select-color__control-container:has(:focus):before{box-shadow:0 0 0 6px color-mix(in srgb,var(--color-primary),var(--color-background) 80%);opacity:1;outline:1px solid color-mix(in srgb,var(--color-primary),var(--color-background) 50%)}[data-contrast-mode] .input-select-color__control-container:has(:focus):before{box-shadow:0 0 0 6px color-mix(in srgb,var(--color-primary),var(--color-background) 50%);outline:2px solid color-mix(in srgb,var(--primar),var(--color-background) 50%)}.input-select-color__control-container:hover .input-select-color__reset,.input-select-color__controls:hover .input-select-color__reset{opacity:1}.input-select-color__label{font-size:calc(.875em*var(--sizing));font-weight:500;display:block}.input-select-color__label+[class*=control-container],.input-select-color__label+[class*=controls]{margin-top:.5em}.input-select-color__reset{opacity:0;right:var(--space-xs);z-index:100;position:absolute;top:50%;transform:translateY(-50%)}.input-select-color{gap:var(--space-xs);flex-direction:column;display:flex}.input-select-color__label{gap:var(--space);display:flex}.input-select-color__control-container{border:1px solid var(--color-accent);gap:var(--space);max-height:300px;padding:var(--space-s);flex-wrap:wrap;transition:max-height .3s ease-in-out;display:flex;overflow:hidden}.input-select-color--collapsed .input-select-color__control-container{opacity:0;max-height:0;padding:0}.input-select-color__control-item{position:relative}.input-select-color__control-item--active .input-select-color__control-preview{box-shadow:0 0 0 .25em color-mix(in srgb,var(--input-select-color),transparent 80%)}.input-select-color__control-item--active .input-select-color__control-preview:before{transform:translate(-50%,-50%)scale(1)}.input-select-color__control-item--clear .input-select-color__control-preview:before{content:"✕"}.input-select-color__control-item--clear .input-select-color__control-preview{border:1px solid var(--color-accent)}.input-select-color__control-item--clear.input-select-color__control-item--active .input-select-color__control-preview:before{content:"✔"}.input-select-color__control-item--bronze .input-select-color__control-preview:after,.input-select-color__control-item--gold .input-select-color__control-preview:after,.input-select-color__control-item--silver .input-select-color__control-preview:after{content:""}.input-select-color__control-item--white .input-select-color__control-preview{outline:1px solid var(--color-accent)}.input-select-color__control-label{opacity:0;font-size:.5em;position:absolute;left:50%;transform:translate(-50%)}.input-select-color__control-input{width:0;height:0;position:absolute}.input-select-color__control-preview{background-color:var(--input-select-color);box-shadow:0 0 0 0 color-mix(in srgb,var(--input-select-color),transparent 80%);border-radius:50%;width:1.25em;height:1.25em;transition:box-shadow .2s ease-in-out;position:relative}.input-select-color__control-preview:after{background-image:linear-gradient(to bottom right,#0000,#ffffff80,#00000020,#0000);border-radius:50%;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.input-select-color__control-preview:before{content:"✔";font-size:.5em;transition:transform .3s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)scale(0)}:root{--media-max-width:34em}.input-select-icon{--sizing:var(--form-sizing,1);color:currentColor}.input-select-icon__status{height:1em;right:var(--space-s);justify-content:center;align-items:center;width:1em;font-size:1.25em;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.input-select-icon__status--success{color:var(--color-success)}.input-select-icon__status--error{color:var(--color-error)}.input-select-icon__status .icon{--icon-fill:transparent}.input-select-icon__errors{gap:var(--space-s);padding:var(--space-s) 0;flex-direction:column;display:flex}.input-select-icon__error{animation:popInError .3s var(--bezier);background-color:color-mix(in srgb,var(--color-error),var(--color-background) 80%);border:1px solid color-mix(in srgb,var(--color-error),var(--color-background) 50%);border-radius:var(--border-radius);color:color-mix(in srgb,var(--color-error),var(--color-foreground) 50%);transform-origin:0 0;padding:1em;font-size:.66em}.input-select-icon--small{--sizing:.75}.input-select-icon--medium{--sizing:1}.input-select-icon--large{--sizing:1.25}.input-select-icon__prefix,.input-select-icon__suffix{color:var(--color-foreground);font-size:calc(.875em*var(--sizing));margin-right:var(--space-xs);opacity:.5;padding:var(--space);padding-left:var(--space);z-index:2;align-items:baseline;padding-right:0;line-height:2;position:relative}.input-select-icon__control{color:currentColor;font-size:calc(1em*var(--sizing));padding:var(--input-control-padding,var(--input-control-padding-y,calc(.75em*var(--sizing)))) var(--input-control-padding,var(--input-control-padding-x,calc(var(--sizing)*1em)));text-align:var(--input-control-text-align,left);z-index:2;background-color:#0000;border:none;width:100%;line-height:1;position:relative}.input-select-icon__control:focus{outline:none}.input-select-icon__control::-moz-placeholder{opacity:.5}.input-select-icon__control::placeholder{opacity:.5}.input-select-icon__description{margin:var(--space) 0;opacity:.5;font-size:.75em}.input-select-icon--no-controls input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.input-select-icon--no-controls input[type=number]::-webkit-inner-spin-button,.input-select-icon--no-controls input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-select-icon__control-container{font-size:var(--input-control-font-size,1em);width:100%;position:relative}.input-select-icon__control-container:has([disabled]):not(:has([disabled=false])){opacity:.25}.input-select-icon__control-container:before{background-color:var(--input-control-background,var(--color-background));border-radius:var(--input-border-radius,var(--border-radius));box-shadow:var(--drop-shadow);content:"";opacity:1;outline:1px solid color-mix(in srgb,var(--color-foreground),var(--color-background) 66.66%);width:100%;height:100%;transition:box-shadow .3s ease-in-out;position:absolute;top:0;left:0}[data-contrast-mode] .input-select-icon__control-container:before{outline:2px solid var(--color-foreground)}.input-select-icon__control-container:has(:focus):before{box-shadow:0 0 0 6px color-mix(in srgb,var(--color-primary),var(--color-background) 80%);opacity:1;outline:1px solid color-mix(in srgb,var(--color-primary),var(--color-background) 50%)}[data-contrast-mode] .input-select-icon__control-container:has(:focus):before{box-shadow:0 0 0 6px color-mix(in srgb,var(--color-primary),var(--color-background) 50%);outline:2px solid color-mix(in srgb,var(--primar),var(--color-background) 50%)}.input-select-icon__control-container:hover .input-select-icon__reset,.input-select-icon__controls:hover .input-select-icon__reset{opacity:1}.input-select-icon__label{font-size:calc(.875em*var(--sizing));font-weight:500;display:block}.input-select-icon__label+[class*=control-container],.input-select-icon__label+[class*=controls]{margin-top:.5em}.input-select-icon__reset{opacity:0;right:var(--space-xs);z-index:100;position:absolute;top:50%;transform:translateY(-50%)}.input-select-icon{gap:var(--space-xs);flex-direction:column;display:flex}.input-select-icon__label{gap:var(--space);display:flex}.input-select-icon__control-container{border-radius:var(--border-radius);gap:var(--space-xs);flex-direction:column;transition:max-height .3s ease-in-out;display:flex}.input-select-icon--collapsed .input-select-icon__control-container{opacity:0;max-height:0;padding:0}.input-select-icon__control-options{scrollbar-color:red blue;scrollbar-width:thin}.input-select-icon__control-options::-webkit-scrollbar{width:5px;height:5px}.input-select-icon__control-options::-webkit-scrollbar-track{background:#00f}.input-select-icon__control-options::-webkit-scrollbar-thumb{background-color:red;border:none;border-radius:999px}.input-select-icon__control-options{-ms-overflow-style:auto;border:1px solid var(--color-accent);scrollbar-color:var(--color-accent) var(--color-background);scrollbar-gutter:stable;flex-wrap:wrap;max-height:200px;overflow-y:auto}.input-select-icon__control-option-wrapper{background-color:var(--color-foreground);align-items:flex-start;gap:var(--space-xs);flex-wrap:wrap;justify-content:space-between;height:fit-content;display:flex}.input-select-icon__control-item{border:1px solid var(--color-accent);border-radius:var(--border-radius);position:relative}.input-select-icon__control-item:hover:not([class*=--active]) .input-select-icon__control-preview{background-color:var(--color-accent)}.input-select-icon__control-item--active .input-select-icon__control-preview{background-color:color-mix(in srgb,var(--color-tertiary),transparent 50%)}.input-select-icon__control-item--active .input-select-icon__control-preview:before{transform:translate(-50%,-50%)scale(1)}.input-select-icon__control-item--clear .input-select-icon__control-preview{border:1px solid var(--color-accent)}.input-select-icon__control-item--clear .input-select-icon__control-preview:before{content:"✕"}.input-select-icon__control-item--clear.input-select-icon__control-item--active .input-select-icon__control-preview:before{content:"✔"}.input-select-icon__control-label{opacity:0;font-size:.5em;position:absolute;left:50%;transform:translate(-50%)}.input-select-icon__control-input{width:0;height:0;position:absolute}.input-select-icon__control-preview{background-color:var(--color-background);border-radius:var(--border-radius);box-shadow:0 0 0 0 color-mix(in srgb,var(--color-accent),transparent 80%);justify-content:center;align-items:center;width:2em;height:2em;transition:box-shadow .2s ease-in-out;display:flex;position:relative}.input-select-icon__control-preview .icon{font-size:1.5em}.input-select-icon__control-filter{background-color:var(--color-background);z-index:2;position:sticky;top:0}