@layer theme,base,vendor,components,layout,utilities;@layer components{.input-label{--label-gap:1rem;--label-size:auto;--label-input-size:min-content;color:var(--label-color,currentColor);display:flex;position:relative}.input-label--bottom,.input-label--left,.input-label--right,.input-label--top{display:grid}.input-label--top{grid-template-areas:"label" "input";grid-template-columns:100%;grid-template-rows:var(--label-size) var(--label-input-size)}.input-label--top .input-label__inner{margin-bottom:var(--label-gap)}.input-label--right{align-items:center;grid-template-areas:"input label";grid-template-columns:var(--label-input-size) var(--label-size);grid-template-rows:100%}.input-label--right .input-label__inner{margin-left:var(--label-gap)}.input-label--bottom{grid-template-areas:"input" "label";grid-template-columns:100%;grid-template-rows:var(--label-input-size) var(--label-size)}.input-label--bottom .input-label__inner{margin-top:var(--label-gap)}.input-label--left{align-items:center;grid-template-areas:"label input";grid-template-columns:var(--label-size) var(--label-input-size);grid-template-rows:100%}.input-label--left .input-label__inner{margin-right:var(--label-gap)}.input-label--floating .input-label__inner{border-top:var(--input-border-width,1px) solid #0000;font-size:14px;height:100%;left:calc(var(--input-px, 10px)/2 + var(--input-border-width, 1px));padding-left:calc(var(--input-px, 10px)/2);padding-right:calc(var(--input-px, 10px)/2);pointer-events:none;position:absolute;top:0;transition:border-color .2s;z-index:1}.input-label--floating .input-label__value{background-color:var(--label-bg-color,#0000);border-radius:5px;left:0;opacity:.5;padding:0 5px;position:relative;top:50%;transform:translate(-5px) translateY(-50%);transform-origin:left center;transition:background-color .2s,color .2s,font-size .2s,opacity .2s,top .2s}.input-label--floating input::placeholder,.input-label--floating select::placeholder,.input-label--floating textarea::placeholder{font-size:1rem;opacity:0;transform:translateY(14px);transform-origin:left center;transition:all .2s}.input-label--floating.input-label--focused .input-label__inner,.input-label--floating:not(.input-label--empty) .input-label__inner{border-color:var(--input-bg-color,var(--color-white))}.input-label--floating.input-label--focused .input-label__value,.input-label--floating:not(.input-label--empty) .input-label__value{background-color:var(--label-bg-color-active,#0000);color:var(--label-color-active,var(--label-color,currentColor));font-size:1rem;opacity:1;top:calc(var(--input-border-width, 1px)*-1)}.input-label--floating.input-label--focused input::placeholder,.input-label--floating.input-label--focused select::placeholder,.input-label--floating.input-label--focused textarea::placeholder,.input-label--floating:not(.input-label--empty) input::placeholder,.input-label--floating:not(.input-label--empty) select::placeholder,.input-label--floating:not(.input-label--empty) textarea::placeholder{font-size:1.4rem;opacity:1;transform:none}.input-label--required .input-label__value:after{background-color:var(--color-danger);border-radius:50%;content:"*";display:block;font-size:0;height:5px;width:5px}.input-label__inner{cursor:pointer;font-size:14px;grid-area:label;position:relative;-webkit-user-select:none;user-select:none}.input-label__value{align-items:center;display:flex;gap:5px}.input-label__control{flex:1 1 auto;grid-area:input;position:relative}}