.color-input-wrap[data-v-c389aeeb]{flex-direction:column;gap:.375rem;display:flex}.color-input-label[data-v-c389aeeb]{letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;font-size:.72rem;font-weight:700}.color-input-row[data-v-c389aeeb]{align-items:center;gap:.375rem;height:2.4rem;display:flex}.color-swatch[data-v-c389aeeb]{cursor:pointer;border:1px solid #94a3b840;border-radius:7px;flex-shrink:0;width:2.4rem;height:2.4rem;transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.color-swatch[data-v-c389aeeb]:hover{border-color:#6366f180;box-shadow:0 0 0 2px #6366f126}.color-swatch.has-checker[data-v-c389aeeb]{background-image:repeating-conic-gradient(#cbd5e1 0% 25%,#f1f5f9 0% 50%);background-size:8px 8px}.dark .color-swatch.has-checker[data-v-c389aeeb]{background-image:repeating-conic-gradient(#374151 0% 25%,#1f2937 0% 50%)}.color-swatch-fill[data-v-c389aeeb]{display:block;position:absolute;inset:0}.color-swatch-picker[data-v-c389aeeb]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.color-hex-input[data-v-c389aeeb]{color:#0f172a;letter-spacing:.04em;background:#f8fafccc;border:1px solid #94a3b840;border-radius:7px;flex:1;min-width:0;height:2.4rem;padding:0 .6rem;font-family:ui-monospace,monospace;font-size:.78rem;font-weight:600;transition:border-color .15s,box-shadow .15s}.dark .color-hex-input[data-v-c389aeeb]{color:#f1f5f9;background:#0f172a99;border-color:#ffffff14}.color-hex-input[data-v-c389aeeb]:focus{border-color:#6366f180;outline:none;box-shadow:0 0 0 2px #6366f11f}.color-opacity-wrap[data-v-c389aeeb]{background:#f8fafccc;border:1px solid #94a3b840;border-radius:7px;align-items:center;height:2.4rem;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.dark .color-opacity-wrap[data-v-c389aeeb]{background:#0f172a99;border-color:#ffffff14}.color-opacity-wrap[data-v-c389aeeb]:focus-within{border-color:#6366f180;box-shadow:0 0 0 2px #6366f11f}.color-opacity-input[data-v-c389aeeb]{color:#0f172a;-moz-appearance:textfield;background:0 0;border:none;width:3rem;height:100%;padding:0 0 0 .5rem;font-size:.78rem;font-weight:600}.dark .color-opacity-input[data-v-c389aeeb]{color:#f1f5f9}.color-opacity-input[data-v-c389aeeb]:focus{outline:none}.color-opacity-input[data-v-c389aeeb]::-webkit-inner-spin-button{-webkit-appearance:none}.color-opacity-input[data-v-c389aeeb]::-webkit-outer-spin-button{-webkit-appearance:none}.color-opacity-unit[data-v-c389aeeb]{color:#94a3b8;padding:0 .45rem 0 .1rem;font-size:.72rem;font-weight:600}.hero-fade-enter-active[data-v-7a2fc0ae],.hero-fade-leave-active[data-v-7a2fc0ae]{transition:opacity .45s}.hero-fade-enter-from[data-v-7a2fc0ae],.hero-fade-leave-to[data-v-7a2fc0ae]{opacity:0}