/*! 🌼 daisyUI 5.6.3 - 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;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;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;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;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;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;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)}}}}}