/* huira-ui 0.1.0-canary.0 - MIT License - Inspired by daisyUI */
@plugin "daisyui";@plugin "daisyui/theme"{name: "huaira"; default: true; prefersdark: true; color-scheme: "dark"; --color-base-100: #0b0c14; --color-base-200: #1a1b26; --color-base-300: #252640; --color-base-content: #f0f4ff; --color-primary: #00bc7d; --color-primary-content: #0b0c14; --color-secondary: #6ee7f7; --color-secondary-content: #0b0c14; --color-accent: #56b6c2; --color-accent-content: #0b0c14; --color-neutral: #1a1b26; --color-neutral-content: #f0f4ff; --color-info: #61afef; --color-info-content: #0b0c14; --color-success: #98c379; --color-success-content: #0b0c14; --color-warning: #d19a66; --color-warning-content: #0b0c14; --color-error: #f05252; --color-error-content: #f0f4ff; --radius-selector: .375rem; --radius-field: .375rem; --radius-box: .625rem; --size-selector: .25rem; --size-field: .25rem; --border: 1px; --depth: 1; --noise: 0;}.btn{background-image:none}.range{@apply w-full grid place-items-center;overflow:inherit;&.horizontal{@apply relative;}& .wrapper{@apply rounded-full w-full;height:calc(var(--range-thumb-size) * .5);background-color:var(--range-bg)}&.vertical .wrapper{@apply rounded-full;width:calc(var(--range-thumb-size) * .5);background-color:var(--range-bg);height:200px}& .track{@apply absolute inset-0 rounded-full;width:var(--range-thumb-size);background-color:#0000}&.horizontal .track{@apply w-full;padding-left:calc(var(--range-thumb-size) * .5);padding-right:calc(var(--range-thumb-size) * .5)}&.vertical .track{padding-top:calc(var(--range-thumb-size) * .5);padding-bottom:calc(var(--range-thumb-size) * .5);height:10rem}& .progress{@apply absolute rounded-full;color:inherit;background-color:currentColor}&.horizontal .progress{@apply h-full;}&.vertical .progress{@apply w-full;}& .thumb{@apply absolute z-10 cursor-grab rounded-full border bg-base-100 active:cursor-grabbing;box-sizing:border-box;background-color:var(--range-thumb);height:var(--range-thumb-size);width:var(--range-thumb-size);border:var(--range-p) solid;-webkit-appearance:none;appearance:none;color:var(--range-progress);box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir,1) * -100cqw) - (var(--range-dir,1) * var(--range-thumb-size) / 2)) 0 0}&.horizontal .thumb{top:50%;transform:translate(-50%,-50%)}&.vertical .thumb{left:50%;transform:translate(-50%,50%)}& .mark-line{@apply pointer-events-auto absolute cursor-pointer border-0 bg-base-content/40 p-0 transition-colors hover:bg-base-content/60;}& .mark-circle{@apply pointer-events-auto absolute z-5 h-1.5 w-1.5 cursor-pointer rounded-full border-0 bg-base-content/50 p-0 transition-colors hover:bg-base-content/70;}}.select-search{@apply input w-full;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:right 1rem center,right .75rem center;background-repeat:no-repeat;background-size:4px 4px,4px 4px;&::placeholder{margin-right:1rem}}.select-search-primary{@apply select-primary;}.select-search-secondary{@apply select-secondary;}.select-search-error{@apply select-error;}.select-search-info{@apply select-info;}.select-search-success{@apply select-success;}.select-search-warning{@apply select-warning;}.select-search-accent{@apply select-accent;}.select-search-ghost{@apply select-ghost;}.select-options{@apply absolute z-50 w-full max-h-60 overflow-auto bg-base-100 shadow-xl rounded-lg mt-2 border border-base-300;padding:.5rem;& .option{border-radius:var(--radius-field);white-space:normal;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);&:not(:disabled){&.hover{cursor:pointer;background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent);--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:hover,&:focus-visible{border:none}&.active{background-color:var(--color-neutral);color:var(--color-neutral-content);box-shadow:0 2px calc(var(--depth) * 3px) -2px var(--color-neutral)}}}}.floating-label{& input{&::placeholder{opacity:0}}& textarea{&::placeholder{opacity:0}}&>span{opacity:1}&:focus-within,&:not(:has(input:placeholder-shown,textarea:placeholder-shown)){& ::placeholder{opacity:1;translate:none;scale:none}}}.breadcrumbs{&>menu,&>ul,&>ol{&>li{&+:before{content:"";opacity:.4;background-color:#0000;border-top:1px solid;border-right:1px solid;width:.375rem;height:.375rem;margin-left:.5rem;margin-right:.75rem;display:block;rotate:45deg}&:last-child{&:hover>*{@media (hover:hover){cursor:default;text-decoration-line:none}}}}}&.breadcrumbs-slash{&>menu,&>ul,&>ol{&>li{&+:before{content:"/";opacity:.4;border:none;width:auto;height:auto;margin-left:.5rem;margin-right:.5rem;display:inline-block;rotate:0deg}}}}&.breadcrumbs-dash{&>menu,&>ul,&>ol{&>li{&+:before{content:"-";opacity:.4;border:none;width:auto;height:auto;margin-left:.5rem;margin-right:.5rem;display:inline-block;rotate:0deg}}}}&.breadcrumbs-bullet{&>menu,&>ul,&>ol{&>li{&+:before{content:"•";opacity:.4;border:none;width:auto;height:auto;margin-left:.5rem;margin-right:.5rem;display:inline-block;rotate:0deg}}}}&.breadcrumbs-pipe{&>menu,&>ul,&>ol{&>li{&+:before{content:"|";opacity:.4;border:none;width:auto;height:auto;margin-left:.5rem;margin-right:.5rem;display:inline-block;rotate:0deg}}}}}.btn-square,.btn-circle{overflow:hidden}.form-control{@apply items-center;}div.form-control:has(.checkbox,.toggle,.radio){@apply w-fit;}.range-reverse{transform:scaleX(-1)}.range-vertical{transform:rotate(-90deg)}.range-reverse.range-vertical{transform:scaleY(-1)rotate(-90deg)}.range-padding-x-xs{padding-left:.5rem;padding-right:.5rem}.range-padding-x-sm{padding-left:.625rem;padding-right:.625rem}.range-padding-x-md{padding-left:.75rem;padding-right:.75rem}.range-padding-x-lg{padding-left:1rem;padding-right:1rem}.input{@apply w-full;}.input input{padding-left:.75rem;padding-right:.75rem}label.input{@apply p-0;}label.input:has(.prefix) input{padding-left:.25rem}label.input:has(.subfix) input{padding-right:.25rem}label.input .prefix{padding-left:.75rem}label.input .subfix{padding-right:.75rem}.form-control:has(.input) .label-text{@apply py-[8px];}.form-control:has(.input) .label-text,div:has(.form-control):has(.input) .label-text-alt{@apply mx-[.3rem];}.toggle-error{border-color:hsl(var(--errorColor))}.form-control:not(.flex-row-reverse,:has(.input)) .label-text{margin-right:.666rem}.form-control:not(.flex-row-reverse):has([class$=-xs]) .label-text{margin-right:.5rem}.form-control:not(.flex-row-reverse):has([class$=-sm]) .label-text{margin-right:.583rem}.form-control:not(.flex-row-reverse):has([class$=-lg]) .label-text{margin-right:.75rem}.form-control.flex-row-reverse .label-text{margin-left:.666rem}.form-control.flex-row-reverse:has([class$=-xs]) .label-text{margin-left:.5rem}.form-control.flex-row-reverse:has([class$=-sm]) .label-text{margin-left:.583rem}.form-control.flex-row-reverse:has([class$=-lg]) .label-text{margin-left:.75rem}.select{@apply w-full;}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}.btn-ripple{position:relative;overflow:hidden}.ripple-effect{pointer-events:none;border-radius:50%;animation:.6s linear ripple;position:absolute;transform:scale(0)}.divider-dash{&:before,&:after{background-color:#0000;background-image:repeating-linear-gradient(to right, var(--divider-color) 0, var(--divider-color) 4px, transparent 4px, transparent 8px)}&.divider-horizontal:before,&.divider-horizontal:after{background-image:repeating-linear-gradient(to bottom, var(--divider-color) 0, var(--divider-color) 4px, transparent 4px, transparent 8px)}}.divider-neutral{--divider-color:var(--color-neutral)}.divider-primary{--divider-color:var(--color-primary)}.divider-secondary{--divider-color:var(--color-secondary)}.divider-accent{--divider-color:var(--color-accent)}.divider-success{--divider-color:var(--color-success)}.divider-warning{--divider-color:var(--color-warning)}.divider-info{--divider-color:var(--color-info)}.divider-error{--divider-color:var(--color-error)}.rating-half{@layer daisyui.l1.l2{& :where(:not(.rating-hidden)){width:.75rem}}}