:root{--chakra-colors-red-500:#f56565}fieldset:has(wc-floating-label-input){background-color:#fff}wc-floating-label-input{--height:2.5rem;min-height:var(--height);background-color:#0000;border-radius:4px;margin-block:1.2rem;display:block;position:relative}wc-floating-label-input input{background-color:#fff}:is(wc-floating-label-input:has(input:not(:placeholder-shown)) .clear,wc-floating-label-input:has(textarea:not(:placeholder-shown)) .clear){display:block}wc-floating-label-input .clear{opacity:.5;color:#00000080;cursor:pointer;font-size:1rem;line-height:1.5rem;transition:color .1s;display:none;position:absolute;top:.5rem;right:.5rem}wc-floating-label-input label{transition:all .2s}wc-floating-label-input label,wc-floating-label-input input{box-shadow:none;border:0;display:block}wc-floating-label-input input,wc-floating-label-input select,wc-floating-label-input textarea{border:1px solid #0000001a;border-radius:4px}wc-floating-label-input input{box-shadow:none;display:block}wc-floating-label-input select{appearance:none;height:calc(var(--height) + .2rem);color:#000;text-overflow:ellipsis;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 6 3-3 3 3m-6 4 3 3 3-3'/%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;background-size:1rem;width:100%;padding-inline:.6rem 2rem}wc-floating-label-input textarea,wc-floating-label-input input[type=password],wc-floating-label-input input[type=number],wc-floating-label-input input[type=url],wc-floating-label-input input[type=search],wc-floating-label-input input[type=tel],wc-floating-label-input input[type=email],wc-floating-label-input input[type=text]{height:var(--height);width:100%;padding-block:1.3rem;padding-inline:.6rem}wc-floating-label-input textarea{height:auto;padding-block:.8rem}:is(wc-floating-label-input:has(textarea:not(:placeholder-shown)) label,wc-floating-label-input:has(input[type=password]:not(:placeholder-shown)) label,wc-floating-label-input:has(input[type=number]:not(:placeholder-shown)) label,wc-floating-label-input:has(input[type=url]:not(:placeholder-shown)) label,wc-floating-label-input:has(input[type=tel]:not(:placeholder-shown)) label,wc-floating-label-input:has(input[type=search]:not(:placeholder-shown)) label,wc-floating-label-input:has(input[type=email]:not(:placeholder-shown)) label,wc-floating-label-input:has(input[type=text]:not(:placeholder-shown)) label){-webkit-user-select:none;user-select:none;z-index:2;background-color:#fff;padding-inline:.2rem;transition:top .1s;position:absolute;top:.5rem;left:.4rem}wc-floating-label-input:has(select) label{-webkit-user-select:none;user-select:none;z-index:2;background-color:#fff;padding-inline:.2rem;position:absolute;top:-.7rem;left:.4rem}:is(wc-floating-label-input:has(textarea:placeholder-shown) label,wc-floating-label-input:has(input[type=password]:placeholder-shown) label,wc-floating-label-input:has(input[type=number]:placeholder-shown) label,wc-floating-label-input:has(input[type=url]:placeholder-shown) label,wc-floating-label-input:has(input[type=tel]:placeholder-shown) label,wc-floating-label-input:has(input[type=search]:placeholder-shown) label,wc-floating-label-input:has(input[type=email]:placeholder-shown) label,wc-floating-label-input:has(input[type=text]:placeholder-shown) label){opacity:0;position:absolute;top:-.7rem;left:.4rem}:is(wc-floating-label-input:has(textarea:not(:placeholder-shown)) label,wc-floating-label-input:has(input[type=password]:not(:placeholder-shown)) label,wc-floating-label-input:has(input[type=number]:not(:placeholder-shown)) label,wc-floating-label-input:has(input[type=email]:not(:placeholder-shown)) label,wc-floating-label-input:has(input[type=url]:not(:placeholder-shown)) label,wc-floating-label-input:has(input[type=tel]:not(:placeholder-shown)) label,wc-floating-label-input:has(input[type=search]:not(:placeholder-shown)) label,wc-floating-label-input:has(input[type=text]:not(:placeholder-shown)) label,wc-floating-label-input:has(textarea:focus) label,wc-floating-label-input:has(input[type=password]:focus) label,wc-floating-label-input:has(input[type=number]:focus) label,wc-floating-label-input:has(input[type=url]:focus) label,wc-floating-label-input:has(input[type=tel]:focus) label,wc-floating-label-input:has(input[type=search]:focus) label,wc-floating-label-input:has(input[type=email]:focus) label,wc-floating-label-input:has(input[type=text]:focus) label){top:-.7rem;left:.4rem}wc-floating-label-input .error{color:var(--chakra-colors-red-500);font-weight:700;display:none}wc-floating-label-input:has(input[aria-invalid=true],textarea[aria-invalid=true],select[aria-invalid=true]) .error{display:block}