:root{--input-bg:var(--color-card);--input-border:var(--color-navy-100);--input-border-focus:var(--color-gold-500);--input-label:var(--color-navy-400);--input-label-focus:var(--color-gold-500);--input-icon:var(--color-navy-300);--input-disabled-bg:var(--color-navy-50);--input-disabled-label:var(--color-navy-300);--input-select-arrow:var(--color-navy-400);--input-danger:var(--color-danger)}.floating-input{margin-bottom:1.25rem;position:relative}.floating-input input,.floating-input textarea,.floating-input select{border:1px solid var(--input-border);background:var(--input-bg);border-radius:.5rem;outline:none;width:100%;padding:.75rem .875rem .375rem;font-size:.875rem;transition:all .2s}.floating-input.has-icon-left input{padding-left:2.75rem}.floating-input.has-icon-right input{padding-right:2.75rem}.floating-input.has-icon-left label{left:2.75rem}.floating-input.has-icon-left input:focus~label,.floating-input.has-icon-left input:not(:placeholder-shown)~label{left:.75rem}.floating-input>div.relative{display:block;position:relative}.floating-input>div.relative input{width:100%}.floating-input>div.relative label{color:var(--input-label);pointer-events:none;background:var(--input-bg);transform-origin:0 0;z-index:1;padding:0 .25rem;font-size:.875rem;font-weight:500;transition:all .2s;position:absolute;top:.75rem;left:.875rem}.floating-input>div.relative input:focus~label,.floating-input>div.relative input:not(:placeholder-shown)~label{color:var(--input-label-focus);font-size:.75rem;font-weight:600;top:-.5rem;left:.75rem}.floating-input .icon-left,.floating-input .icon-right{pointer-events:none;color:var(--input-icon);z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.floating-input .icon-left{left:.75rem}.floating-input .icon-right{right:.75rem}.floating-input .icon-right.clickable,.floating-input>div.relative>button{pointer-events:auto;cursor:pointer;z-index:2}.floating-input textarea{resize:vertical;min-height:80px;padding-top:.75rem}.floating-input select{cursor:pointer;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--input-select-arrow)50%),linear-gradient(135deg,var(--input-select-arrow)50%,transparent 50%);background-position:calc(100% - 1rem) calc(50% - 1px),calc(100% - .7rem) calc(50% - 1px);background-repeat:no-repeat;background-size:.35rem .35rem,.35rem .35rem;padding-right:2.5rem}.floating-input input:focus,.floating-input textarea:focus,.floating-input select:focus,.floating-input>div.relative input:focus{border-color:var(--input-border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--input-border-focus)14%,transparent)}.floating-input label{color:var(--input-label);pointer-events:none;background:var(--input-bg);transform-origin:0 0;padding:0 .25rem;font-size:.875rem;font-weight:500;transition:all .2s;position:absolute;top:.75rem;left:.875rem}.floating-input input:focus~label,.floating-input input:not(:placeholder-shown)~label,.floating-input textarea:focus~label,.floating-input textarea:not(:placeholder-shown)~label,.floating-input select:focus~label,.floating-input select:not([value=""])~label,.floating-input select~label{color:var(--input-label-focus);font-size:.75rem;font-weight:600;top:-.5rem;left:.75rem}.floating-input.error input,.floating-input.error textarea,.floating-input.error select{border-color:var(--input-danger)}.floating-input.error input:focus,.floating-input.error textarea:focus,.floating-input.error select:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--input-danger)18%,transparent)}.floating-input.error label,.floating-input.error>div.relative label{color:var(--input-danger)}.floating-input input:disabled,.floating-input textarea:disabled,.floating-input select:disabled{background-color:var(--input-disabled-bg);cursor:not-allowed;opacity:.6}.floating-input input:disabled~label,.floating-input textarea:disabled~label,.floating-input select:disabled~label,.floating-input>div.relative input:disabled~label{color:var(--input-disabled-label)}