/*! 🚀 flyonui 2.4.0 - MIT License */ @layer utilities{.pin-input{border-radius:var(--radius-field);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in oklab,var(--color-base-content)25%,transparent);background-color:var(--color-base-100);text-align:center;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));&::placeholder{color:color-mix(in oklab,var(--color-base-content)80%,transparent)}height:var(--size);width:var(--size);--size:calc(var(--size-field,.25rem)*9.5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out&:hover:not(:focus,:focus-within){border-color:color-mix(in oklab,var(--color-base-content)60%,transparent)}&:focus,&:focus-within{border-color:var(--color-primary);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-shadow-color:color-mix(in oklab,var(--color-primary)30%,#0000);outline:1px solid var(--color-primary);isolation:isolate}&.disabled,&:disabled,&[disabled]{pointer-events:none;border-color:color-mix(in oklab,var(--color-base-content)25%,transparent);background-color:color-mix(in oklab,var(--color-base-content)5%,transparent);color:color-mix(in oklab,var(--color-base-content)50%,transparent);&::placeholder{color:color-mix(in oklab,var(--color-base-content)40%,transparent)}}}.pin-input-underline{border-style:var(--tw-border-style);border-width:0;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:color-mix(in oklab,var(--color-base-content)40%,transparent);background-color:#0000;border-radius:0;&:focus,&:focus-within{border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:var(--color-primary);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;outline-style:none}}.pin-input-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--size:calc(var(--size-field,.25rem)*6)}.pin-input-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--size:calc(var(--size-field,.25rem)*7.5)}.pin-input-md{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--size:calc(var(--size-field,.25rem)*9.5)}.pin-input-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--size:calc(var(--size-field,.25rem)*11.5)}.pin-input-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--size:calc(var(--size-field,.25rem)*14)}@media (width>=640px){.sm\:pin-input{border-radius:var(--radius-field);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in oklab,var(--color-base-content)25%,transparent);background-color:var(--color-base-100);text-align:center;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));&::placeholder{color:color-mix(in oklab,var(--color-base-content)80%,transparent)}height:var(--size);width:var(--size);--size:calc(var(--size-field,.25rem)*9.5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out&:hover:not(:focus,:focus-within){border-color:color-mix(in oklab,var(--color-base-content)60%,transparent)}&:focus,&:focus-within{border-color:var(--color-primary);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-shadow-color:color-mix(in oklab,var(--color-primary)30%,#0000);outline:1px solid var(--color-primary);isolation:isolate}&.disabled,&:disabled,&[disabled]{pointer-events:none;border-color:color-mix(in oklab,var(--color-base-content)25%,transparent);background-color:color-mix(in oklab,var(--color-base-content)5%,transparent);color:color-mix(in oklab,var(--color-base-content)50%,transparent);&::placeholder{color:color-mix(in oklab,var(--color-base-content)40%,transparent)}}}.sm\:pin-input-underline{border-style:var(--tw-border-style);border-width:0;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:color-mix(in oklab,var(--color-base-content)40%,transparent);background-color:#0000;border-radius:0;&:focus,&:focus-within{border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:var(--color-primary);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;outline-style:none}}.sm\:pin-input-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--size:calc(var(--size-field,.25rem)*6)}.sm\:pin-input-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--size:calc(var(--size-field,.25rem)*7.5)}.sm\:pin-input-md{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--size:calc(var(--size-field,.25rem)*9.5)}.sm\:pin-input-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--size:calc(var(--size-field,.25rem)*11.5)}.sm\:pin-input-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--size:calc(var(--size-field,.25rem)*14)}}@media (width>=768px){.md\:pin-input{border-radius:var(--radius-field);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in oklab,var(--color-base-content)25%,transparent);background-color:var(--color-base-100);text-align:center;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));&::placeholder{color:color-mix(in oklab,var(--color-base-content)80%,transparent)}height:var(--size);width:var(--size);--size:calc(var(--size-field,.25rem)*9.5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out&:hover:not(:focus,:focus-within){border-color:color-mix(in oklab,var(--color-base-content)60%,transparent)}&:focus,&:focus-within{border-color:var(--color-primary);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-shadow-color:color-mix(in oklab,var(--color-primary)30%,#0000);outline:1px solid var(--color-primary);isolation:isolate}&.disabled,&:disabled,&[disabled]{pointer-events:none;border-color:color-mix(in oklab,var(--color-base-content)25%,transparent);background-color:color-mix(in oklab,var(--color-base-content)5%,transparent);color:color-mix(in oklab,var(--color-base-content)50%,transparent);&::placeholder{color:color-mix(in oklab,var(--color-base-content)40%,transparent)}}}.md\:pin-input-underline{border-style:var(--tw-border-style);border-width:0;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:color-mix(in oklab,var(--color-base-content)40%,transparent);background-color:#0000;border-radius:0;&:focus,&:focus-within{border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:var(--color-primary);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;outline-style:none}}.md\:pin-input-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--size:calc(var(--size-field,.25rem)*6)}.md\:pin-input-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--size:calc(var(--size-field,.25rem)*7.5)}.md\:pin-input-md{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--size:calc(var(--size-field,.25rem)*9.5)}.md\:pin-input-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--size:calc(var(--size-field,.25rem)*11.5)}.md\:pin-input-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--size:calc(var(--size-field,.25rem)*14)}}@media (width>=1024px){.lg\:pin-input{border-radius:var(--radius-field);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in oklab,var(--color-base-content)25%,transparent);background-color:var(--color-base-100);text-align:center;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));&::placeholder{color:color-mix(in oklab,var(--color-base-content)80%,transparent)}height:var(--size);width:var(--size);--size:calc(var(--size-field,.25rem)*9.5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out&:hover:not(:focus,:focus-within){border-color:color-mix(in oklab,var(--color-base-content)60%,transparent)}&:focus,&:focus-within{border-color:var(--color-primary);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-shadow-color:color-mix(in oklab,var(--color-primary)30%,#0000);outline:1px solid var(--color-primary);isolation:isolate}&.disabled,&:disabled,&[disabled]{pointer-events:none;border-color:color-mix(in oklab,var(--color-base-content)25%,transparent);background-color:color-mix(in oklab,var(--color-base-content)5%,transparent);color:color-mix(in oklab,var(--color-base-content)50%,transparent);&::placeholder{color:color-mix(in oklab,var(--color-base-content)40%,transparent)}}}.lg\:pin-input-underline{border-style:var(--tw-border-style);border-width:0;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:color-mix(in oklab,var(--color-base-content)40%,transparent);background-color:#0000;border-radius:0;&:focus,&:focus-within{border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:var(--color-primary);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;outline-style:none}}.lg\:pin-input-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--size:calc(var(--size-field,.25rem)*6)}.lg\:pin-input-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--size:calc(var(--size-field,.25rem)*7.5)}.lg\:pin-input-md{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--size:calc(var(--size-field,.25rem)*9.5)}.lg\:pin-input-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--size:calc(var(--size-field,.25rem)*11.5)}.lg\:pin-input-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--size:calc(var(--size-field,.25rem)*14)}}@media (width>=1280px){.xl\:pin-input{border-radius:var(--radius-field);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in oklab,var(--color-base-content)25%,transparent);background-color:var(--color-base-100);text-align:center;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));&::placeholder{color:color-mix(in oklab,var(--color-base-content)80%,transparent)}height:var(--size);width:var(--size);--size:calc(var(--size-field,.25rem)*9.5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out&:hover:not(:focus,:focus-within){border-color:color-mix(in oklab,var(--color-base-content)60%,transparent)}&:focus,&:focus-within{border-color:var(--color-primary);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-shadow-color:color-mix(in oklab,var(--color-primary)30%,#0000);outline:1px solid var(--color-primary);isolation:isolate}&.disabled,&:disabled,&[disabled]{pointer-events:none;border-color:color-mix(in oklab,var(--color-base-content)25%,transparent);background-color:color-mix(in oklab,var(--color-base-content)5%,transparent);color:color-mix(in oklab,var(--color-base-content)50%,transparent);&::placeholder{color:color-mix(in oklab,var(--color-base-content)40%,transparent)}}}.xl\:pin-input-underline{border-style:var(--tw-border-style);border-width:0;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:color-mix(in oklab,var(--color-base-content)40%,transparent);background-color:#0000;border-radius:0;&:focus,&:focus-within{border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:var(--color-primary);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;outline-style:none}}.xl\:pin-input-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--size:calc(var(--size-field,.25rem)*6)}.xl\:pin-input-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--size:calc(var(--size-field,.25rem)*7.5)}.xl\:pin-input-md{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--size:calc(var(--size-field,.25rem)*9.5)}.xl\:pin-input-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--size:calc(var(--size-field,.25rem)*11.5)}.xl\:pin-input-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--size:calc(var(--size-field,.25rem)*14)}}@media (width>=1536px){.\32 xl\:pin-input{border-radius:var(--radius-field);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in oklab,var(--color-base-content)25%,transparent);background-color:var(--color-base-100);text-align:center;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));&::placeholder{color:color-mix(in oklab,var(--color-base-content)80%,transparent)}height:var(--size);width:var(--size);--size:calc(var(--size-field,.25rem)*9.5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out&:hover:not(:focus,:focus-within){border-color:color-mix(in oklab,var(--color-base-content)60%,transparent)}&:focus,&:focus-within{border-color:var(--color-primary);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-shadow-color:color-mix(in oklab,var(--color-primary)30%,#0000);outline:1px solid var(--color-primary);isolation:isolate}&.disabled,&:disabled,&[disabled]{pointer-events:none;border-color:color-mix(in oklab,var(--color-base-content)25%,transparent);background-color:color-mix(in oklab,var(--color-base-content)5%,transparent);color:color-mix(in oklab,var(--color-base-content)50%,transparent);&::placeholder{color:color-mix(in oklab,var(--color-base-content)40%,transparent)}}}.\32 xl\:pin-input-underline{border-style:var(--tw-border-style);border-width:0;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:color-mix(in oklab,var(--color-base-content)40%,transparent);background-color:#0000;border-radius:0;&:focus,&:focus-within{border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:var(--color-primary);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;outline-style:none}}.\32 xl\:pin-input-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--size:calc(var(--size-field,.25rem)*6)}.\32 xl\:pin-input-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--size:calc(var(--size-field,.25rem)*7.5)}.\32 xl\:pin-input-md{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--size:calc(var(--size-field,.25rem)*9.5)}.\32 xl\:pin-input-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--size:calc(var(--size-field,.25rem)*11.5)}.\32 xl\:pin-input-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--size:calc(var(--size-field,.25rem)*14)}}}