/*! 🚀 flyonui 2.4.0 - MIT License */ @layer utilities{.custom-soft-option,.custom-option{cursor:pointer;border-radius:var(--radius-box);border-style:var(--tw-border-style);border-width:1px;border:var(--border)solid var(--input-color,color-mix(in oklab,var(--color-base-content)40%,#0000));width:100%;padding:1rem;overflow:hidden;&:hover{border-color:var(--input-color,color-mix(in oklab,var(--color-base-content)40%,#0000));outline:1px solid var(--input-color,color-mix(in oklab,var(--color-base-content)40%,#0000))}&>.label-text{padding:0}}.custom-option{&:has(:checked){border-color:var(--input-color,var(--color-primary));outline:1px solid var(--input-color,var(--color-primary))}}.custom-soft-option{background-color:color-mix(in oklab,var(--input-color,var(--color-neutral))5%,#0000);&:has(:checked){border-color:var(--input-color,var(--color-primary));background-color:color-mix(in oklab,var(--input-color,var(--color-primary))10%,#0000);outline:1px solid var(--input-color,var(--color-primary))}}@media (width>=640px){.sm\:custom-soft-option,.sm\:custom-option{cursor:pointer;border-radius:var(--radius-box);border-style:var(--tw-border-style);border-width:1px;border:var(--border)solid var(--input-color,color-mix(in oklab,var(--color-base-content)40%,#0000));width:100%;padding:1rem;overflow:hidden;&:hover{border-color:var(--input-color,color-mix(in oklab,var(--color-base-content)40%,#0000));outline:1px solid var(--input-color,color-mix(in oklab,var(--color-base-content)40%,#0000))}&>.label-text{padding:0}}.sm\:custom-option{&:has(:checked){border-color:var(--input-color,var(--color-primary));outline:1px solid var(--input-color,var(--color-primary))}}.sm\:custom-soft-option{background-color:color-mix(in oklab,var(--input-color,var(--color-neutral))5%,#0000);&:has(:checked){border-color:var(--input-color,var(--color-primary));background-color:color-mix(in oklab,var(--input-color,var(--color-primary))10%,#0000);outline:1px solid var(--input-color,var(--color-primary))}}}@media (width>=768px){.md\:custom-soft-option,.md\:custom-option{cursor:pointer;border-radius:var(--radius-box);border-style:var(--tw-border-style);border-width:1px;border:var(--border)solid var(--input-color,color-mix(in oklab,var(--color-base-content)40%,#0000));width:100%;padding:1rem;overflow:hidden;&:hover{border-color:var(--input-color,color-mix(in oklab,var(--color-base-content)40%,#0000));outline:1px solid var(--input-color,color-mix(in oklab,var(--color-base-content)40%,#0000))}&>.label-text{padding:0}}.md\:custom-option{&:has(:checked){border-color:var(--input-color,var(--color-primary));outline:1px solid var(--input-color,var(--color-primary))}}.md\:custom-soft-option{background-color:color-mix(in oklab,var(--input-color,var(--color-neutral))5%,#0000);&:has(:checked){border-color:var(--input-color,var(--color-primary));background-color:color-mix(in oklab,var(--input-color,var(--color-primary))10%,#0000);outline:1px solid var(--input-color,var(--color-primary))}}}@media (width>=1024px){.lg\:custom-soft-option,.lg\:custom-option{cursor:pointer;border-radius:var(--radius-box);border-style:var(--tw-border-style);border-width:1px;border:var(--border)solid var(--input-color,color-mix(in oklab,var(--color-base-content)40%,#0000));width:100%;padding:1rem;overflow:hidden;&:hover{border-color:var(--input-color,color-mix(in oklab,var(--color-base-content)40%,#0000));outline:1px solid var(--input-color,color-mix(in oklab,var(--color-base-content)40%,#0000))}&>.label-text{padding:0}}.lg\:custom-option{&:has(:checked){border-color:var(--input-color,var(--color-primary));outline:1px solid var(--input-color,var(--color-primary))}}.lg\:custom-soft-option{background-color:color-mix(in oklab,var(--input-color,var(--color-neutral))5%,#0000);&:has(:checked){border-color:var(--input-color,var(--color-primary));background-color:color-mix(in oklab,var(--input-color,var(--color-primary))10%,#0000);outline:1px solid var(--input-color,var(--color-primary))}}}@media (width>=1280px){.xl\:custom-soft-option,.xl\:custom-option{cursor:pointer;border-radius:var(--radius-box);border-style:var(--tw-border-style);border-width:1px;border:var(--border)solid var(--input-color,color-mix(in oklab,var(--color-base-content)40%,#0000));width:100%;padding:1rem;overflow:hidden;&:hover{border-color:var(--input-color,color-mix(in oklab,var(--color-base-content)40%,#0000));outline:1px solid var(--input-color,color-mix(in oklab,var(--color-base-content)40%,#0000))}&>.label-text{padding:0}}.xl\:custom-option{&:has(:checked){border-color:var(--input-color,var(--color-primary));outline:1px solid var(--input-color,var(--color-primary))}}.xl\:custom-soft-option{background-color:color-mix(in oklab,var(--input-color,var(--color-neutral))5%,#0000);&:has(:checked){border-color:var(--input-color,var(--color-primary));background-color:color-mix(in oklab,var(--input-color,var(--color-primary))10%,#0000);outline:1px solid var(--input-color,var(--color-primary))}}}@media (width>=1536px){.\32 xl\:custom-soft-option,.\32 xl\:custom-option{cursor:pointer;border-radius:var(--radius-box);border-style:var(--tw-border-style);border-width:1px;border:var(--border)solid var(--input-color,color-mix(in oklab,var(--color-base-content)40%,#0000));width:100%;padding:1rem;overflow:hidden;&:hover{border-color:var(--input-color,color-mix(in oklab,var(--color-base-content)40%,#0000));outline:1px solid var(--input-color,color-mix(in oklab,var(--color-base-content)40%,#0000))}&>.label-text{padding:0}}.\32 xl\:custom-option{&:has(:checked){border-color:var(--input-color,var(--color-primary));outline:1px solid var(--input-color,var(--color-primary))}}.\32 xl\:custom-soft-option{background-color:color-mix(in oklab,var(--input-color,var(--color-neutral))5%,#0000);&:has(:checked){border-color:var(--input-color,var(--color-primary));background-color:color-mix(in oklab,var(--input-color,var(--color-primary))10%,#0000);outline:1px solid var(--input-color,var(--color-primary))}}}}