/**
 * Combined by jsDelivr.
 * Original files:
 * - /npm/daisyui@5.7.0/components/otp.css
 * - /npm/daisyui@5.7.0/theme/light.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
/*! 🌼 daisyUI 5.7.0 - MIT License */ @layer utilities{.otp{@layer daisyui.l1.l2.l3{font-family:var(--font-mono);clip-path:inset(-3.5px 3.5px -3.5px -3.5px);border-radius:var(--radius-field);gap:var(--otp-gap);--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);--otp-ch:1ch;direction:ltr;font-size:1.75rem;display:inline-flex;position:relative;@supports (font:-apple-system-body){--otp-ch:.618164em}--otp-gap:calc(var(--otp-ch) * .5);--otp-w:calc(var(--otp-ch) * 2);--otp-size:calc(var(--size-field,.25rem) * 10);--stride:calc(var(--otp-w) + var(--otp-gap));&>input{pointer-events:none;z-index:1;appearance:none;border-style:var(--tw-border-style);outline-style:var(--tw-outline-style);field-sizing:content;padding:0;letter-spacing:calc(var(--stride) - var(--otp-ch));font-variant-numeric:tabular-nums;background-color:#0000;border-width:0;outline-width:0;margin:0;padding-inline-start:calc(var(--otp-ch) * .5 + var(--border));line-height:1;inset-inline-start:0;&::selection{color:color-mix(in oklab, var(--color-base-content) 20%, #0000);background-color:#0000}&:valid{caret-color:#0000}}&:has(>span:first-child){width:calc(var(--stride) * 1)}&:has(>span:nth-child(2)){width:calc(var(--stride) * 2)}&:has(>span:nth-child(3)){width:calc(var(--stride) * 3)}&:has(>span:nth-child(4)){width:calc(var(--stride) * 4)}&:has(>span:nth-child(5)){width:calc(var(--stride) * 5)}&:has(>span:nth-child(6)){width:calc(var(--stride) * 6)}&:has(>span:nth-child(7)){width:calc(var(--stride) * 7)}&:has(>span:nth-child(8)){width:calc(var(--stride) * 8)}&>span{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));inline-size:var(--otp-w);block-size:var(--otp-size);background-color:var(--color-base-100);border:var(--border) solid var(--input-color);border-radius:inherit;outline-offset:1px;box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;outline:2px solid #0000;transition:border-color .2s;display:flex;position:absolute;&:first-child{left:1px;@supports (font:-apple-system-body){left:2px}@supports ((-moz-appearance:none)){left:0}}&:nth-child(2){left:calc(var(--stride) * 1);transition-delay:20ms}&:nth-child(3){left:calc(var(--stride) * 2);transition-delay:40ms}&:nth-child(4){left:calc(var(--stride) * 3);transition-delay:60ms}&:nth-child(5){left:calc(var(--stride) * 4);transition-delay:80ms}&:nth-child(6){left:calc(var(--stride) * 5);transition-delay:.1s}&:nth-child(7){left:calc(var(--stride) * 6);transition-delay:.12s}&:nth-child(8){left:calc(var(--stride) * 7);transition-delay:.14s}}&:has(input:valid:focus){&>span{outline:2px solid var(--input-color);outline-offset:1px}&:after{opacity:0}}&:after{content:"";width:var(--otp-w);height:var(--otp-size);border-radius:var(--radius-field);outline-offset:1px;z-index:10;outline:2px solid #0000;flex-shrink:0;margin-inline-start:calc(-1 * (var(--otp-gap) + var(--otp-ch) * .5 + var(--border)))}&:focus-within{isolation:isolate;--input-color:var(--color-base-content);&>span{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)}&:after{outline-color:var(--input-color)}}}}.otp-joined{--otp-gap:0rem;clip-path:inset(-3.5px 0 -3.5px -3.5px);&>span{&:first-of-type{border-start-end-radius:0;border-end-end-radius:0}&:not(&:last-of-type){border-inline-end-style:var(--tw-border-style);border-inline-end-width:0}&:not(&:first-of-type,&:last-of-type){border-radius:0}&:last-of-type{border-start-start-radius:0;border-end-start-radius:0}}&:after{outline-offset:calc((-1 * var(--border)) - 3px);@supports (font:-apple-system-body){--otp-w:calc(var(--otp-ch) * 2 - 1px)}}&:has(input:valid:focus){&>span{outline-offset:calc((-1 * var(--border)) - 3px)}}}.otp-xs{@layer daisyui.l1.l2{--otp-size:calc(var(--size-field,.25rem) * 6);font-size:1.25rem}}.otp-sm{@layer daisyui.l1.l2{--otp-size:calc(var(--size-field,.25rem) * 8);font-size:1.5rem}}.otp-md{@layer daisyui.l1.l2{--otp-size:calc(var(--size-field,.25rem) * 10);font-size:1.75rem}}.otp-lg{@layer daisyui.l1.l2{--otp-size:calc(var(--size-field,.25rem) * 12);font-size:2rem}}.otp-xl{@layer daisyui.l1.l2{--otp-size:calc(var(--size-field,.25rem) * 14);font-size:2.5rem}}.otp-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.otp-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.otp-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.otp-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.otp-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.otp-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.otp-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.otp-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}@media (width>=640px){.sm\:otp{@layer daisyui.l1.l2.l3{font-family:var(--font-mono);clip-path:inset(-3.5px 3.5px -3.5px -3.5px);border-radius:var(--radius-field);gap:var(--otp-gap);--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);--otp-ch:1ch;direction:ltr;font-size:1.75rem;display:inline-flex;position:relative;@supports (font:-apple-system-body){--otp-ch:.618164em}--otp-gap:calc(var(--otp-ch) * .5);--otp-w:calc(var(--otp-ch) * 2);--otp-size:calc(var(--size-field,.25rem) * 10);--stride:calc(var(--otp-w) + var(--otp-gap));&>input{pointer-events:none;z-index:1;appearance:none;border-style:var(--tw-border-style);outline-style:var(--tw-outline-style);field-sizing:content;letter-spacing:calc(var(--stride) - var(--otp-ch));font-variant-numeric:tabular-nums;background-color:#0000;border-width:0;outline-width:0;margin:0;padding:0;padding-inline-start:calc(var(--otp-ch) * .5 + var(--border));line-height:1;inset-inline-start:0;&::selection{color:color-mix(in oklab, var(--color-base-content) 20%, #0000);background-color:#0000}&:valid{caret-color:#0000}}&:has(>span:first-child){width:calc(var(--stride) * 1)}&:has(>span:nth-child(2)){width:calc(var(--stride) * 2)}&:has(>span:nth-child(3)){width:calc(var(--stride) * 3)}&:has(>span:nth-child(4)){width:calc(var(--stride) * 4)}&:has(>span:nth-child(5)){width:calc(var(--stride) * 5)}&:has(>span:nth-child(6)){width:calc(var(--stride) * 6)}&:has(>span:nth-child(7)){width:calc(var(--stride) * 7)}&:has(>span:nth-child(8)){width:calc(var(--stride) * 8)}&>span{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));inline-size:var(--otp-w);block-size:var(--otp-size);background-color:var(--color-base-100);border:var(--border) solid var(--input-color);border-radius:inherit;outline-offset:1px;box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;outline:2px solid #0000;transition:border-color .2s;display:flex;position:absolute;&:first-child{left:1px;@supports (font:-apple-system-body){left:2px}@supports ((-moz-appearance:none)){left:0}}&:nth-child(2){left:calc(var(--stride) * 1);transition-delay:20ms}&:nth-child(3){left:calc(var(--stride) * 2);transition-delay:40ms}&:nth-child(4){left:calc(var(--stride) * 3);transition-delay:60ms}&:nth-child(5){left:calc(var(--stride) * 4);transition-delay:80ms}&:nth-child(6){left:calc(var(--stride) * 5);transition-delay:.1s}&:nth-child(7){left:calc(var(--stride) * 6);transition-delay:.12s}&:nth-child(8){left:calc(var(--stride) * 7);transition-delay:.14s}}&:has(input:valid:focus){&>span{outline:2px solid var(--input-color);outline-offset:1px}&:after{opacity:0}}&:after{content:"";width:var(--otp-w);height:var(--otp-size);border-radius:var(--radius-field);outline-offset:1px;z-index:10;outline:2px solid #0000;flex-shrink:0;margin-inline-start:calc(-1 * (var(--otp-gap) + var(--otp-ch) * .5 + var(--border)))}&:focus-within{isolation:isolate;--input-color:var(--color-base-content);&>span{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)}&:after{outline-color:var(--input-color)}}}}.sm\:otp-joined{--otp-gap:0rem;clip-path:inset(-3.5px 0 -3.5px -3.5px);&>span{&:first-of-type{border-start-end-radius:0;border-end-end-radius:0}&:not(&:last-of-type){border-inline-end-style:var(--tw-border-style);border-inline-end-width:0}&:not(&:first-of-type,&:last-of-type){border-radius:0}&:last-of-type{border-start-start-radius:0;border-end-start-radius:0}}&:after{outline-offset:calc((-1 * var(--border)) - 3px);@supports (font:-apple-system-body){--otp-w:calc(var(--otp-ch) * 2 - 1px)}}&:has(input:valid:focus){&>span{outline-offset:calc((-1 * var(--border)) - 3px)}}}.sm\:otp-xs{@layer daisyui.l1.l2{--otp-size:calc(var(--size-field,.25rem) * 6);font-size:1.25rem}}.sm\:otp-sm{@layer daisyui.l1.l2{--otp-size:calc(var(--size-field,.25rem) * 8);font-size:1.5rem}}.sm\:otp-md{@layer daisyui.l1.l2{--otp-size:calc(var(--size-field,.25rem) * 10);font-size:1.75rem}}.sm\:otp-lg{@layer daisyui.l1.l2{--otp-size:calc(var(--size-field,.25rem) * 12);font-size:2rem}}.sm\:otp-xl{@layer daisyui.l1.l2{--otp-size:calc(var(--size-field,.25rem) * 14);font-size:2.5rem}}.sm\:otp-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.sm\:otp-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.sm\:otp-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.sm\:otp-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.sm\:otp-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.sm\:otp-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.sm\:otp-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.sm\:otp-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}}@media (width>=768px){.md\:otp{@layer daisyui.l1.l2.l3{font-family:var(--font-mono);clip-path:inset(-3.5px 3.5px -3.5px -3.5px);border-radius:var(--radius-field);gap:var(--otp-gap);--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);--otp-ch:1ch;direction:ltr;font-size:1.75rem;display:inline-flex;position:relative;@supports (font:-apple-system-body){--otp-ch:.618164em}--otp-gap:calc(var(--otp-ch) * .5);--otp-w:calc(var(--otp-ch) * 2);--otp-size:calc(var(--size-field,.25rem) * 10);--stride:calc(var(--otp-w) + var(--otp-gap));&>input{pointer-events:none;z-index:1;appearance:none;border-style:var(--tw-border-style);outline-style:var(--tw-outline-style);field-sizing:content;letter-spacing:calc(var(--stride) - var(--otp-ch));font-variant-numeric:tabular-nums;background-color:#0000;border-width:0;outline-width:0;margin:0;padding:0;padding-inline-start:calc(var(--otp-ch) * .5 + var(--border));line-height:1;inset-inline-start:0;&::selection{color:color-mix(in oklab, var(--color-base-content) 20%, #0000);background-color:#0000}&:valid{caret-color:#0000}}&:has(>span:first-child){width:calc(var(--stride) * 1)}&:has(>span:nth-child(2)){width:calc(var(--stride) * 2)}&:has(>span:nth-child(3)){width:calc(var(--stride) * 3)}&:has(>span:nth-child(4)){width:calc(var(--stride) * 4)}&:has(>span:nth-child(5)){width:calc(var(--stride) * 5)}&:has(>span:nth-child(6)){width:calc(var(--stride) * 6)}&:has(>span:nth-child(7)){width:calc(var(--stride) * 7)}&:has(>span:nth-child(8)){width:calc(var(--stride) * 8)}&>span{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));inline-size:var(--otp-w);block-size:var(--otp-size);background-color:var(--color-base-100);border:var(--border) solid var(--input-color);border-radius:inherit;outline-offset:1px;box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;outline:2px solid #0000;transition:border-color .2s;display:flex;position:absolute;&:first-child{left:1px;@supports (font:-apple-system-body){left:2px}@supports ((-moz-appearance:none)){left:0}}&:nth-child(2){left:calc(var(--stride) * 1);transition-delay:20ms}&:nth-child(3){left:calc(var(--stride) * 2);transition-delay:40ms}&:nth-child(4){left:calc(var(--stride) * 3);transition-delay:60ms}&:nth-child(5){left:calc(var(--stride) * 4);transition-delay:80ms}&:nth-child(6){left:calc(var(--stride) * 5);transition-delay:.1s}&:nth-child(7){left:calc(var(--stride) * 6);transition-delay:.12s}&:nth-child(8){left:calc(var(--stride) * 7);transition-delay:.14s}}&:has(input:valid:focus){&>span{outline:2px solid var(--input-color);outline-offset:1px}&:after{opacity:0}}&:after{content:"";width:var(--otp-w);height:var(--otp-size);border-radius:var(--radius-field);outline-offset:1px;z-index:10;outline:2px solid #0000;flex-shrink:0;margin-inline-start:calc(-1 * (var(--otp-gap) + var(--otp-ch) * .5 + var(--border)))}&:focus-within{isolation:isolate;--input-color:var(--color-base-content);&>span{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)}&:after{outline-color:var(--input-color)}}}}.md\:otp-joined{--otp-gap:0rem;clip-path:inset(-3.5px 0 -3.5px -3.5px);&>span{&:first-of-type{border-start-end-radius:0;border-end-end-radius:0}&:not(&:last-of-type){border-inline-end-style:var(--tw-border-style);border-inline-end-width:0}&:not(&:first-of-type,&:last-of-type){border-radius:0}&:last-of-type{border-start-start-radius:0;border-end-start-radius:0}}&:after{outline-offset:calc((-1 * var(--border)) - 3px);@supports (font:-apple-system-body){--otp-w:calc(var(--otp-ch) * 2 - 1px)}}&:has(input:valid:focus){&>span{outline-offset:calc((-1 * var(--border)) - 3px)}}}.md\:otp-xs{@layer daisyui.l1.l2{--otp-size:calc(var(--size-field,.25rem) * 6);font-size:1.25rem}}.md\:otp-sm{@layer daisyui.l1.l2{--otp-size:calc(var(--size-field,.25rem) * 8);font-size:1.5rem}}.md\:otp-md{@layer daisyui.l1.l2{--otp-size:calc(var(--size-field,.25rem) * 10);font-size:1.75rem}}.md\:otp-lg{@layer daisyui.l1.l2{--otp-size:calc(var(--size-field,.25rem) * 12);font-size:2rem}}.md\:otp-xl{@layer daisyui.l1.l2{--otp-size:calc(var(--size-field,.25rem) * 14);font-size:2.5rem}}.md\:otp-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.md\:otp-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.md\:otp-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.md\:otp-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.md\:otp-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.md\:otp-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.md\:otp-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.md\:otp-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}}@media (width>=1024px){.lg\:otp{@layer daisyui.l1.l2.l3{font-family:var(--font-mono);clip-path:inset(-3.5px 3.5px -3.5px -3.5px);border-radius:var(--radius-field);gap:var(--otp-gap);--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);--otp-ch:1ch;direction:ltr;font-size:1.75rem;display:inline-flex;position:relative;@supports (font:-apple-system-body){--otp-ch:.618164em}--otp-gap:calc(var(--otp-ch) * .5);--otp-w:calc(var(--otp-ch) * 2);--otp-size:calc(var(--size-field,.25rem) * 10);--stride:calc(var(--otp-w) + var(--otp-gap));&>input{pointer-events:none;z-index:1;appearance:none;border-style:var(--tw-border-style);outline-style:var(--tw-outline-style);field-sizing:content;letter-spacing:calc(var(--stride) - var(--otp-ch));font-variant-numeric:tabular-nums;background-color:#0000;border-width:0;outline-width:0;margin:0;padding:0;padding-inline-start:calc(var(--otp-ch) * .5 + var(--border));line-height:1;inset-inline-start:0;&::selection{color:color-mix(in oklab, var(--color-base-content) 20%, #0000);background-color:#0000}&:valid{caret-color:#0000}}&:has(>span:first-child){width:calc(var(--stride) * 1)}&:has(>span:nth-child(2)){width:calc(var(--stride) * 2)}&:has(>span:nth-child(3)){width:calc(var(--stride) * 3)}&:has(>span:nth-child(4)){width:calc(var(--stride) * 4)}&:has(>span:nth-child(5)){width:calc(var(--stride) * 5)}&:has(>span:nth-child(6)){width:calc(var(--stride) * 6)}&:has(>span:nth-child(7)){width:calc(var(--stride) * 7)}&:has(>span:nth-child(8)){width:calc(var(--stride) * 8)}&>span{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));inline-size:var(--otp-w);block-size:var(--otp-size);background-color:var(--color-base-100);border:var(--border) solid var(--input-color);border-radius:inherit;outline-offset:1px;box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;outline:2px solid #0000;transition:border-color .2s;display:flex;position:absolute;&:first-child{left:1px;@supports (font:-apple-system-body){left:2px}@supports ((-moz-appearance:none)){left:0}}&:nth-child(2){left:calc(var(--stride) * 1);transition-delay:20ms}&:nth-child(3){left:calc(var(--stride) * 2);transition-delay:40ms}&:nth-child(4){left:calc(var(--stride) * 3);transition-delay:60ms}&:nth-child(5){left:calc(var(--stride) * 4);transition-delay:80ms}&:nth-child(6){left:calc(var(--stride) * 5);transition-delay:.1s}&:nth-child(7){left:calc(var(--stride) * 6);transition-delay:.12s}&:nth-child(8){left:calc(var(--stride) * 7);transition-delay:.14s}}&:has(input:valid:focus){&>span{outline:2px solid var(--input-color);outline-offset:1px}&:after{opacity:0}}&:after{content:"";width:var(--otp-w);height:var(--otp-size);border-radius:var(--radius-field);outline-offset:1px;z-index:10;outline:2px solid #0000;flex-shrink:0;margin-inline-start:calc(-1 * (var(--otp-gap) + var(--otp-ch) * .5 + var(--border)))}&:focus-within{isolation:isolate;--input-color:var(--color-base-content);&>span{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)}&:after{outline-color:var(--input-color)}}}}.lg\:otp-joined{--otp-gap:0rem;clip-path:inset(-3.5px 0 -3.5px -3.5px);&>span{&:first-of-type{border-start-end-radius:0;border-end-end-radius:0}&:not(&:last-of-type){border-inline-end-style:var(--tw-border-style);border-inline-end-width:0}&:not(&:first-of-type,&:last-of-type){border-radius:0}&:last-of-type{border-start-start-radius:0;border-end-start-radius:0}}&:after{outline-offset:calc((-1 * var(--border)) - 3px);@supports (font:-apple-system-body){--otp-w:calc(var(--otp-ch) * 2 - 1px)}}&:has(input:valid:focus){&>span{outline-offset:calc((-1 * var(--border)) - 3px)}}}.lg\:otp-xs{@layer daisyui.l1.l2{--otp-size:calc(var(--size-field,.25rem) * 6);font-size:1.25rem}}.lg\:otp-sm{@layer daisyui.l1.l2{--otp-size:calc(var(--size-field,.25rem) * 8);font-size:1.5rem}}.lg\:otp-md{@layer daisyui.l1.l2{--otp-size:calc(var(--size-field,.25rem) * 10);font-size:1.75rem}}.lg\:otp-lg{@layer daisyui.l1.l2{--otp-size:calc(var(--size-field,.25rem) * 12);font-size:2rem}}.lg\:otp-xl{@layer daisyui.l1.l2{--otp-size:calc(var(--size-field,.25rem) * 14);font-size:2.5rem}}.lg\:otp-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.lg\:otp-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.lg\:otp-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.lg\:otp-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.lg\:otp-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.lg\:otp-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.lg\:otp-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.lg\:otp-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}}@media (width>=1280px){.xl\:otp{@layer daisyui.l1.l2.l3{font-family:var(--font-mono);clip-path:inset(-3.5px 3.5px -3.5px -3.5px);border-radius:var(--radius-field);gap:var(--otp-gap);--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);--otp-ch:1ch;direction:ltr;font-size:1.75rem;display:inline-flex;position:relative;@supports (font:-apple-system-body){--otp-ch:.618164em}--otp-gap:calc(var(--otp-ch) * .5);--otp-w:calc(var(--otp-ch) * 2);--otp-size:calc(var(--size-field,.25rem) * 10);--stride:calc(var(--otp-w) + var(--otp-gap));&>input{pointer-events:none;z-index:1;appearance:none;border-style:var(--tw-border-style);outline-style:var(--tw-outline-style);field-sizing:content;letter-spacing:calc(var(--stride) - var(--otp-ch));font-variant-numeric:tabular-nums;background-color:#0000;border-width:0;outline-width:0;margin:0;padding:0;padding-inline-start:calc(var(--otp-ch) * .5 + var(--border));line-height:1;inset-inline-start:0;&::selection{color:color-mix(in oklab, var(--color-base-content) 20%, #0000);background-color:#0000}&:valid{caret-color:#0000}}&:has(>span:first-child){width:calc(var(--stride) * 1)}&:has(>span:nth-child(2)){width:calc(var(--stride) * 2)}&:has(>span:nth-child(3)){width:calc(var(--stride) * 3)}&:has(>span:nth-child(4)){width:calc(var(--stride) * 4)}&:has(>span:nth-child(5)){width:calc(var(--stride) * 5)}&:has(>span:nth-child(6)){width:calc(var(--stride) * 6)}&:has(>span:nth-child(7)){width:calc(var(--stride) * 7)}&:has(>span:nth-child(8)){width:calc(var(--stride) * 8)}&>span{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));inline-size:var(--otp-w);block-size:var(--otp-size);background-color:var(--color-base-100);border:var(--border) solid var(--input-color);border-radius:inherit;outline-offset:1px;box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;outline:2px solid #0000;transition:border-color .2s;display:flex;position:absolute;&:first-child{left:1px;@supports (font:-apple-system-body){left:2px}@supports ((-moz-appearance:none)){left:0}}&:nth-child(2){left:calc(var(--stride) * 1);transition-delay:20ms}&:nth-child(3){left:calc(var(--stride) * 2);transition-delay:40ms}&:nth-child(4){left:calc(var(--stride) * 3);transition-delay:60ms}&:nth-child(5){left:calc(var(--stride) * 4);transition-delay:80ms}&:nth-child(6){left:calc(var(--stride) * 5);transition-delay:.1s}&:nth-child(7){left:calc(var(--stride) * 6);transition-delay:.12s}&:nth-child(8){left:calc(var(--stride) * 7);transition-delay:.14s}}&:has(input:valid:focus){&>span{outline:2px solid var(--input-color);outline-offset:1px}&:after{opacity:0}}&:after{content:"";width:var(--otp-w);height:var(--otp-size);border-radius:var(--radius-field);outline-offset:1px;z-index:10;outline:2px solid #0000;flex-shrink:0;margin-inline-start:calc(-1 * (var(--otp-gap) + var(--otp-ch) * .5 + var(--border)))}&:focus-within{isolation:isolate;--input-color:var(--color-base-content);&>span{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)}&:after{outline-color:var(--input-color)}}}}.xl\:otp-joined{--otp-gap:0rem;clip-path:inset(-3.5px 0 -3.5px -3.5px);&>span{&:first-of-type{border-start-end-radius:0;border-end-end-radius:0}&:not(&:last-of-type){border-inline-end-style:var(--tw-border-style);border-inline-end-width:0}&:not(&:first-of-type,&:last-of-type){border-radius:0}&:last-of-type{border-start-start-radius:0;border-end-start-radius:0}}&:after{outline-offset:calc((-1 * var(--border)) - 3px);@supports (font:-apple-system-body){--otp-w:calc(var(--otp-ch) * 2 - 1px)}}&:has(input:valid:focus){&>span{outline-offset:calc((-1 * var(--border)) - 3px)}}}.xl\:otp-xs{@layer daisyui.l1.l2{--otp-size:calc(var(--size-field,.25rem) * 6);font-size:1.25rem}}.xl\:otp-sm{@layer daisyui.l1.l2{--otp-size:calc(var(--size-field,.25rem) * 8);font-size:1.5rem}}.xl\:otp-md{@layer daisyui.l1.l2{--otp-size:calc(var(--size-field,.25rem) * 10);font-size:1.75rem}}.xl\:otp-lg{@layer daisyui.l1.l2{--otp-size:calc(var(--size-field,.25rem) * 12);font-size:2rem}}.xl\:otp-xl{@layer daisyui.l1.l2{--otp-size:calc(var(--size-field,.25rem) * 14);font-size:2.5rem}}.xl\:otp-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.xl\:otp-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.xl\:otp-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.xl\:otp-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.xl\:otp-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.xl\:otp-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.xl\:otp-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.xl\:otp-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}}@media (width>=1536px){.\32 xl\:otp{@layer daisyui.l1.l2.l3{font-family:var(--font-mono);clip-path:inset(-3.5px 3.5px -3.5px -3.5px);border-radius:var(--radius-field);gap:var(--otp-gap);--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000);--otp-ch:1ch;direction:ltr;font-size:1.75rem;display:inline-flex;position:relative;@supports (font:-apple-system-body){--otp-ch:.618164em}--otp-gap:calc(var(--otp-ch) * .5);--otp-w:calc(var(--otp-ch) * 2);--otp-size:calc(var(--size-field,.25rem) * 10);--stride:calc(var(--otp-w) + var(--otp-gap));&>input{pointer-events:none;z-index:1;appearance:none;border-style:var(--tw-border-style);outline-style:var(--tw-outline-style);field-sizing:content;letter-spacing:calc(var(--stride) - var(--otp-ch));font-variant-numeric:tabular-nums;background-color:#0000;border-width:0;outline-width:0;margin:0;padding:0;padding-inline-start:calc(var(--otp-ch) * .5 + var(--border));line-height:1;inset-inline-start:0;&::selection{color:color-mix(in oklab, var(--color-base-content) 20%, #0000);background-color:#0000}&:valid{caret-color:#0000}}&:has(>span:first-child){width:calc(var(--stride) * 1)}&:has(>span:nth-child(2)){width:calc(var(--stride) * 2)}&:has(>span:nth-child(3)){width:calc(var(--stride) * 3)}&:has(>span:nth-child(4)){width:calc(var(--stride) * 4)}&:has(>span:nth-child(5)){width:calc(var(--stride) * 5)}&:has(>span:nth-child(6)){width:calc(var(--stride) * 6)}&:has(>span:nth-child(7)){width:calc(var(--stride) * 7)}&:has(>span:nth-child(8)){width:calc(var(--stride) * 8)}&>span{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));inline-size:var(--otp-w);block-size:var(--otp-size);background-color:var(--color-base-100);border:var(--border) solid var(--input-color);border-radius:inherit;outline-offset:1px;box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;outline:2px solid #0000;transition:border-color .2s;display:flex;position:absolute;&:first-child{left:1px;@supports (font:-apple-system-body){left:2px}@supports ((-moz-appearance:none)){left:0}}&:nth-child(2){left:calc(var(--stride) * 1);transition-delay:20ms}&:nth-child(3){left:calc(var(--stride) * 2);transition-delay:40ms}&:nth-child(4){left:calc(var(--stride) * 3);transition-delay:60ms}&:nth-child(5){left:calc(var(--stride) * 4);transition-delay:80ms}&:nth-child(6){left:calc(var(--stride) * 5);transition-delay:.1s}&:nth-child(7){left:calc(var(--stride) * 6);transition-delay:.12s}&:nth-child(8){left:calc(var(--stride) * 7);transition-delay:.14s}}&:has(input:valid:focus){&>span{outline:2px solid var(--input-color);outline-offset:1px}&:after{opacity:0}}&:after{content:"";width:var(--otp-w);height:var(--otp-size);border-radius:var(--radius-field);outline-offset:1px;z-index:10;outline:2px solid #0000;flex-shrink:0;margin-inline-start:calc(-1 * (var(--otp-gap) + var(--otp-ch) * .5 + var(--border)))}&:focus-within{isolation:isolate;--input-color:var(--color-base-content);&>span{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)}&:after{outline-color:var(--input-color)}}}}.\32 xl\:otp-joined{--otp-gap:0rem;clip-path:inset(-3.5px 0 -3.5px -3.5px);&>span{&:first-of-type{border-start-end-radius:0;border-end-end-radius:0}&:not(&:last-of-type){border-inline-end-style:var(--tw-border-style);border-inline-end-width:0}&:not(&:first-of-type,&:last-of-type){border-radius:0}&:last-of-type{border-start-start-radius:0;border-end-start-radius:0}}&:after{outline-offset:calc((-1 * var(--border)) - 3px);@supports (font:-apple-system-body){--otp-w:calc(var(--otp-ch) * 2 - 1px)}}&:has(input:valid:focus){&>span{outline-offset:calc((-1 * var(--border)) - 3px)}}}.\32 xl\:otp-xs{@layer daisyui.l1.l2{--otp-size:calc(var(--size-field,.25rem) * 6);font-size:1.25rem}}.\32 xl\:otp-sm{@layer daisyui.l1.l2{--otp-size:calc(var(--size-field,.25rem) * 8);font-size:1.5rem}}.\32 xl\:otp-md{@layer daisyui.l1.l2{--otp-size:calc(var(--size-field,.25rem) * 10);font-size:1.75rem}}.\32 xl\:otp-lg{@layer daisyui.l1.l2{--otp-size:calc(var(--size-field,.25rem) * 12);font-size:2rem}}.\32 xl\:otp-xl{@layer daisyui.l1.l2{--otp-size:calc(var(--size-field,.25rem) * 14);font-size:2.5rem}}.\32 xl\:otp-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.\32 xl\:otp-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.\32 xl\:otp-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.\32 xl\:otp-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.\32 xl\:otp-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.\32 xl\:otp-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.\32 xl\:otp-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.\32 xl\:otp-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}}}

:root,:root:has(input.theme-controller[value=light]:checked),[data-theme="light"] {
color-scheme: light;
--color-base-100: oklch(100% 0 0);
--color-base-200: oklch(98% 0 0);
--color-base-300: oklch(95% 0 0);
--color-base-content: oklch(21% 0.006 285.885);
--color-primary: oklch(45% 0.24 277.023);
--color-primary-content: oklch(93% 0.034 272.788);
--color-secondary: oklch(65% 0.241 354.308);
--color-secondary-content: oklch(94% 0.028 342.258);
--color-accent: oklch(77% 0.152 181.912);
--color-accent-content: oklch(38% 0.063 188.416);
--color-neutral: oklch(14% 0.005 285.823);
--color-neutral-content: oklch(92% 0.004 286.32);
--color-info: oklch(74% 0.16 232.661);
--color-info-content: oklch(29% 0.066 243.157);
--color-success: oklch(76% 0.177 163.223);
--color-success-content: oklch(37% 0.077 168.94);
--color-warning: oklch(82% 0.189 84.429);
--color-warning-content: oklch(41% 0.112 45.904);
--color-error: oklch(71% 0.194 13.428);
--color-error-content: oklch(27% 0.105 12.094);
--radius-selector: 0.5rem;
--radius-field: 0.25rem;
--radius-box: 0.5rem;
--size-selector: 0.25rem;
--size-field: 0.25rem;
--border: 1px;
--depth: 1;
--noise: 0;
}
/*# sourceMappingURL=/sm/2c7810fbfab522bee6c84b0adc4ec3f31073a7cef6e456a364e02529c3e28015.map */