@shopito/design-system-fe 0.1.36 → 0.1.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/dist/common/Dropdown/Dropdown.d.ts +23 -0
  2. package/dist/common/Dropdown/Dropdown.d.ts.map +1 -0
  3. package/dist/common/Dropdown/index.d.ts +3 -0
  4. package/dist/common/Dropdown/index.d.ts.map +1 -0
  5. package/dist/common/Grid/Grid.d.ts +8 -1
  6. package/dist/common/Grid/Grid.d.ts.map +1 -1
  7. package/dist/common/Grid/index.d.ts +1 -1
  8. package/dist/common/Grid/index.d.ts.map +1 -1
  9. package/dist/index.cjs +1 -1
  10. package/dist/index.cjs.map +1 -1
  11. package/dist/index.d.ts +3 -1
  12. package/dist/index.d.ts.map +1 -1
  13. package/dist/index.js +242 -117
  14. package/dist/index.js.map +1 -1
  15. package/dist/style.css +1 -1
  16. package/package.json +1 -1
package/dist/style.css CHANGED
@@ -1,3 +1,3 @@
1
1
  /*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
2
- @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-tracking:initial;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-sans)}body{-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit}}@layer base{:root{--bg-body:var(--color-gray-100);--color-text:#000}}@layer components{body{font-family:var(--font-sans);background:var(--bg-body);color:var(--color-text);line-height:1.5}h1,h2,h3,h4{font-weight:600;line-height:1.2}a{color:var(--color-primary-800);text-decoration:none}section{margin:auto}a{text-decoration-line:underline}input{border-style:var(--tw-border-style);border-width:1px}.alert{gap:calc(var(--spacing,.25rem) * 3);border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem) * 4);border-width:1px;display:flex}.alert-info{border-color:var(--color-primary-200);background-color:var(--color-primary-50);color:var(--color-primary-800)}.alert-success{border-color:var(--color-success-200);background-color:var(--color-success-50);color:var(--color-success-800)}.alert-warning{border-color:var(--color-warning-200);background-color:var(--color-warning-50);color:var(--color-warning-800)}.alert-danger{border-color:var(--color-danger-200);background-color:var(--color-danger-50);color:var(--color-danger-800)}.alert-icon{margin-top:calc(var(--spacing,.25rem) * .5);height:calc(var(--spacing,.25rem) * 5);width:calc(var(--spacing,.25rem) * 5);flex-shrink:0}.alert-icon-info{color:var(--color-primary-500)}.alert-icon-success{color:var(--color-success-500)}.alert-icon-warning{color:var(--color-warning-500)}.alert-icon-danger{color:var(--color-danger-500)}.alert-title{margin-bottom:calc(var(--spacing,.25rem) * .5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.alert-text{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.alert-close-btn{opacity:.6;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));flex-shrink:0}@media (hover:hover){.alert-close-btn:hover{opacity:1}}.avatar{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-white,#fff);border-radius:3.40282e38px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.avatar-xs{height:calc(var(--spacing,.25rem) * 6);width:calc(var(--spacing,.25rem) * 6);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.avatar-sm{height:calc(var(--spacing,.25rem) * 8);width:calc(var(--spacing,.25rem) * 8);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.avatar-md{height:calc(var(--spacing,.25rem) * 10);width:calc(var(--spacing,.25rem) * 10);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.avatar-lg{height:calc(var(--spacing,.25rem) * 12);width:calc(var(--spacing,.25rem) * 12);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}.avatar-xl{height:calc(var(--spacing,.25rem) * 16);width:calc(var(--spacing,.25rem) * 16);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}.avatar-fallback{background-color:var(--color-gray-200);color:var(--color-gray-500)}.badge{align-items:center;gap:calc(var(--spacing,.25rem) * 1.5);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);border-radius:3.40282e38px;display:inline-flex}.badge-default{background-color:var(--color-gray-600);color:var(--color-white,#fff)}.badge-primary{background-color:var(--color-primary-600);color:var(--color-white,#fff)}.badge-success{background-color:var(--color-success-600);color:var(--color-white,#fff)}.badge-warning{background-color:var(--color-warning-600);color:var(--color-white,#fff)}.badge-danger{background-color:var(--color-danger-600);color:var(--color-white,#fff)}.badge-outline{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);color:var(--color-gray-700);background-color:#0000}.badge-sm{padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * .5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.badge-md{padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-block:calc(var(--spacing,.25rem) * 1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.badge-circle-sm{height:calc(var(--spacing,.25rem) * 5);min-width:calc(var(--spacing,.25rem) * 5);padding-inline:calc(var(--spacing,.25rem) * 1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));justify-content:center}.badge-circle-md{height:calc(var(--spacing,.25rem) * 6);min-width:calc(var(--spacing,.25rem) * 6);padding:calc(var(--spacing,.25rem) * 2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));justify-content:center}.badge-top-right{top:calc(var(--spacing,.25rem) * -2);right:calc(var(--spacing,.25rem) * -2);position:absolute}.badge-top-left{top:calc(var(--spacing,.25rem) * -2);left:calc(var(--spacing,.25rem) * -2);position:absolute}.badge-bottom-right{right:calc(var(--spacing,.25rem) * -2);bottom:calc(var(--spacing,.25rem) * -2);position:absolute}.badge-bottom-left{bottom:calc(var(--spacing,.25rem) * -2);left:calc(var(--spacing,.25rem) * -2);position:absolute}.badge-dot{height:calc(var(--spacing,.25rem) * 1.5);width:calc(var(--spacing,.25rem) * 1.5);border-radius:3.40282e38px;display:inline-block}.badge-dot-default{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.badge-dot-default{background-color:color-mix(in oklab, var(--color-white,#fff) 70%, transparent)}}.badge-dot-primary{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.badge-dot-primary{background-color:color-mix(in oklab, var(--color-white,#fff) 70%, transparent)}}.badge-dot-success{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.badge-dot-success{background-color:color-mix(in oklab, var(--color-white,#fff) 70%, transparent)}}.badge-dot-warning{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.badge-dot-warning{background-color:color-mix(in oklab, var(--color-white,#fff) 70%, transparent)}}.badge-dot-danger{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.badge-dot-danger{background-color:color-mix(in oklab, var(--color-white,#fff) 70%, transparent)}}.badge-dot-outline{background-color:var(--color-gray-400)}.btn{cursor:pointer;border-radius:var(--radius-md,.375rem);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,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));justify-content:center;align-items:center;display:inline-flex}.btn:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-outline-style:none;outline-style:none}.btn:disabled{pointer-events:none;opacity:.5}.btn{background-color:var(--color-gray-100);color:var(--color-gray-700)}.btn-primary{background-color:var(--color-primary-600);color:var(--color-white,#fff)}.btn-primary:hover{background-color:var(--color-primary-700)}.btn-secondary{background-color:var(--color-gray-100);color:var(--color-gray-900)}.btn-secondary:hover{background-color:var(--color-gray-200)}.btn-outline{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);color:var(--color-gray-700);background-color:#0000}.btn-outline:hover{background-color:var(--color-gray-100)}.btn-ghost{color:var(--color-gray-700);background-color:#0000}.btn-ghost:hover{background-color:var(--color-gray-100)}.btn-danger{background-color:var(--color-danger-600);color:var(--color-white,#fff)}.btn-danger:hover{background-color:var(--color-danger-700)}.btn-xs{height:calc(var(--spacing,.25rem) * 7);gap:calc(var(--spacing,.25rem) * 1);padding-inline:calc(var(--spacing,.25rem) * 2.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.btn-sm{height:calc(var(--spacing,.25rem) * 8);gap:calc(var(--spacing,.25rem) * 1.5);padding-inline:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.btn-md{height:calc(var(--spacing,.25rem) * 10);gap:calc(var(--spacing,.25rem) * 2);padding-inline:calc(var(--spacing,.25rem) * 4);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.btn-lg{height:calc(var(--spacing,.25rem) * 11);gap:calc(var(--spacing,.25rem) * 2);padding-inline:calc(var(--spacing,.25rem) * 5);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}.container{background-color:var(--color-white,#fff);min-height:100%;padding:calc(var(--spacing,.25rem) * 5);margin-inline:auto}.checkbox-wrapper{gap:calc(var(--spacing,.25rem) * 3);display:flex}.checkbox-wrapper-inner{height:calc(var(--spacing,.25rem) * 5);align-items:center;margin-top:3px;display:flex}.checkbox{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4);border-color:var(--color-gray-300);color:var(--color-primary-600);border-radius:.25rem}.checkbox:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-primary-500);--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.checkbox:disabled{cursor:not-allowed;opacity:.5}.checkbox.has-error{border-color:var(--color-danger-500)}.checkbox-label{cursor:pointer;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-gray-900)}.checkbox-description{margin-top:calc(var(--spacing,.25rem) * .5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:var(--color-gray-500)}.checkbox-error{margin-top:calc(var(--spacing,.25rem) * .5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:var(--color-danger-600)}.icon-button{border-radius:var(--radius-md,.375rem);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);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,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-button:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-outline-style:none;outline-style:none}.icon-button:disabled{pointer-events:none;opacity:.5}.icon-button-primary{background-color:var(--color-primary-600);color:var(--color-white,#fff)}@media (hover:hover){.icon-button-primary:hover{background-color:var(--color-primary-700)}}.icon-button-primary:focus-visible{--tw-ring-color:var(--color-primary-500)}.icon-button-primary:active{background-color:var(--color-primary-800)}.icon-button-secondary{background-color:var(--color-gray-100);color:var(--color-gray-900)}@media (hover:hover){.icon-button-secondary:hover{background-color:var(--color-gray-200)}}.icon-button-secondary:focus-visible{--tw-ring-color:var(--color-gray-400)}.icon-button-secondary:active{background-color:var(--color-gray-300)}.icon-button-outline{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);background-color:var(--color-white,#fff);color:var(--color-gray-700)}@media (hover:hover){.icon-button-outline:hover{background-color:var(--color-gray-50)}}.icon-button-outline:focus-visible{--tw-ring-color:var(--color-gray-400)}.icon-button-outline:active{background-color:var(--color-gray-100)}.icon-button-ghost{color:var(--color-gray-700);background-color:#0000}@media (hover:hover){.icon-button-ghost:hover{background-color:var(--color-gray-100)}}.icon-button-ghost:focus-visible{--tw-ring-color:var(--color-gray-400)}.icon-button-ghost:active{background-color:var(--color-gray-200)}.icon-button-danger{background-color:var(--color-danger-600);color:var(--color-white,#fff)}@media (hover:hover){.icon-button-danger:hover{background-color:var(--color-danger-700)}}.icon-button-danger:focus-visible{--tw-ring-color:var(--color-danger-500)}.icon-button-danger:active{background-color:var(--color-danger-800)}.icon-button-xs{height:calc(var(--spacing,.25rem) * 7);width:calc(var(--spacing,.25rem) * 7);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.icon-button-sm{height:calc(var(--spacing,.25rem) * 8);width:calc(var(--spacing,.25rem) * 8);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.icon-button-md{height:calc(var(--spacing,.25rem) * 10);width:calc(var(--spacing,.25rem) * 10);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.icon-button-lg{height:calc(var(--spacing,.25rem) * 11);width:calc(var(--spacing,.25rem) * 11);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}.heading-size-1{font-size:var(--text-4xl,2.25rem);line-height:var(--tw-leading,var(--text-4xl--line-height,calc(2.5 / 2.25)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);--tw-tracking:var(--tracking-tight,-.025em);letter-spacing:var(--tracking-tight,-.025em)}.heading-size-2{font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height,calc(2.25 / 1.875)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);--tw-tracking:var(--tracking-tight,-.025em);letter-spacing:var(--tracking-tight,-.025em)}.heading-size-3{font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.heading-size-4{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.heading-size-5{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.heading-size-6{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.text-color-default{color:var(--color-gray-900)}.text-color-muted{color:var(--color-gray-500)}.text-color-primary{color:var(--color-primary-600)}.text-color-success{color:var(--color-success-600)}.text-color-warning{color:var(--color-warning-600)}.text-color-danger{color:var(--color-danger-600)}.text-variant-body{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}.text-variant-body-sm{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.text-variant-caption{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.text-variant-overline{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);--tw-tracking:var(--tracking-wider,.05em);letter-spacing:var(--tracking-wider,.05em);text-transform:uppercase}.text-variant-code{background-color:var(--color-gray-100);padding-inline:calc(var(--spacing,.25rem) * 1.5);padding-block:calc(var(--spacing,.25rem) * .5);font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));border-radius:.25rem}.toggle{cursor:pointer;align-items:flex-start;gap:calc(var(--spacing,.25rem) * 3);-webkit-user-select:none;user-select:none;display:inline-flex}.toggle-disabled{cursor:not-allowed;opacity:.5}.toggle-wrapper{margin-top:calc(var(--spacing,.25rem) * .5);flex-shrink:0;position:relative}.toggle-wrapper-sm{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 8)}.toggle-wrapper-md{height:calc(var(--spacing,.25rem) * 6);width:calc(var(--spacing,.25rem) * 11)}.toggle-wrapper-lg{height:calc(var(--spacing,.25rem) * 7);width:calc(var(--spacing,.25rem) * 14)}.toggle-track{inset:calc(var(--spacing,.25rem) * 0);background-color:var(--color-gray-200);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,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;border-radius:3.40282e38px;transition-duration:.2s;position:absolute}.toggle-track:is(:where(.peer):checked~*){background-color:var(--color-primary-600)}.toggle-track:is(:where(.peer):focus-visible~*){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-primary-500);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.toggle-thumb{background-color:var(--color-white,#fff);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;border-radius:3.40282e38px;transition-duration:.2s;position:absolute}.toggle-thumb-sm{top:calc(var(--spacing,.25rem) * .5);left:calc(var(--spacing,.25rem) * .5);height:calc(var(--spacing,.25rem) * 3);width:calc(var(--spacing,.25rem) * 3)}.toggle-thumb-sm:is(:where(.peer):checked~*){--tw-translate-x:calc(var(--spacing,.25rem) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.toggle-thumb-md{top:calc(var(--spacing,.25rem) * .5);left:calc(var(--spacing,.25rem) * .5);height:calc(var(--spacing,.25rem) * 5);width:calc(var(--spacing,.25rem) * 5)}.toggle-thumb-md:is(:where(.peer):checked~*){--tw-translate-x:calc(var(--spacing,.25rem) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.toggle-thumb-lg{top:calc(var(--spacing,.25rem) * .5);left:calc(var(--spacing,.25rem) * .5);height:calc(var(--spacing,.25rem) * 6);width:calc(var(--spacing,.25rem) * 6)}.toggle-thumb-lg:is(:where(.peer):checked~*){--tw-translate-x:calc(var(--spacing,.25rem) * 7);translate:var(--tw-translate-x) var(--tw-translate-y)}.toggle-label{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-gray-900);display:block}.toggle-description{margin-top:calc(var(--spacing,.25rem) * .5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:var(--color-gray-500);display:block}.input{height:calc(var(--spacing,.25rem) * 10);border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--color-gray-900);border-width:1px}.input::placeholder{color:var(--color-gray-400)}.input{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,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-outline-style:none;outline-style:none}.input:focus{border-color:var(--color-primary-500);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:#3b82f633}@supports (color:color-mix(in lab, red, red)){.input:focus{--tw-ring-color:color-mix(in oklab, var(--color-primary-500) 20%, transparent)}}.input:disabled{cursor:not-allowed;background-color:var(--color-gray-50);color:var(--color-gray-500)}.input{border-color:var(--color-gray-300)}.input.has-error,.input.has-error:focus{border-color:var(--color-danger-500)}.input.has-error:focus{--tw-ring-color:#ef444433}@supports (color:color-mix(in lab, red, red)){.input.has-error:focus{--tw-ring-color:color-mix(in oklab, var(--color-danger-500) 20%, transparent)}}.with-left-icon{padding-left:calc(var(--spacing,.25rem) * 9)}.with-right-icon{padding-right:calc(var(--spacing,.25rem) * 9)}.input-label{margin-bottom:calc(var(--spacing,.25rem) * 1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-gray-700);display:block}.left-icon{pointer-events:none;top:50%;left:calc(var(--spacing,.25rem) * 3);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);color:var(--color-gray-400);position:absolute}.right-icon{pointer-events:none;top:50%;right:calc(var(--spacing,.25rem) * 3);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);color:var(--color-gray-400);position:absolute}.helper-text{margin-top:calc(var(--spacing,.25rem) * 1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:var(--color-gray-500)}.helper-text.has-error{color:var(--color-danger-600)}.main{padding-block:calc(var(--spacing,.25rem) * 5)}.loading-spin{animation:var(--animate-spin,spin 1s linear infinite);flex-shrink:0}.loading-spin-xs{height:calc(var(--spacing,.25rem) * 3);width:calc(var(--spacing,.25rem) * 3)}.loading-spin-sm{height:calc(var(--spacing,.25rem) * 3.5);width:calc(var(--spacing,.25rem) * 3.5)}.loading-spin-md{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4)}.loading-spin-lg{height:calc(var(--spacing,.25rem) * 5);width:calc(var(--spacing,.25rem) * 5)}.pagination{align-items:center;gap:calc(var(--spacing,.25rem) * 1);display:flex}.pagination-dots{height:calc(var(--spacing,.25rem) * 9);width:calc(var(--spacing,.25rem) * 9);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--color-gray-400);justify-content:center;align-items:center;display:flex}.pagination-button{height:calc(var(--spacing,.25rem) * 9);width:calc(var(--spacing,.25rem) * 9);border-radius:var(--radius-md,.375rem);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);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,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));justify-content:center;align-items:center;display:inline-flex}.pagination-button:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-primary-500);--tw-outline-style:none;outline-style:none}.pagination-button:disabled{pointer-events:none;opacity:.4}.pagination-button.pagination-button-active{background-color:var(--color-primary-600);color:var(--color-white,#fff)}.pagination-button.pagination-button-inactive{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);background-color:var(--color-white,#fff);color:var(--color-gray-700)}@media (hover:hover){.pagination-button.pagination-button-inactive:hover{background-color:var(--color-gray-50)}}.spinner-wrapper{display:inline-block}.spinner{animation:var(--animate-spin,spin 1s linear infinite);border-radius:3.40282e38px;display:block}.spinner-xs{height:calc(var(--spacing,.25rem) * 3);width:calc(var(--spacing,.25rem) * 3);border-style:var(--tw-border-style);border-width:1.5px}.spinner-sm{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4);border-style:var(--tw-border-style);border-width:2px}.spinner-md{height:calc(var(--spacing,.25rem) * 6);width:calc(var(--spacing,.25rem) * 6);border-style:var(--tw-border-style);border-width:2px}.spinner-lg{height:calc(var(--spacing,.25rem) * 8);width:calc(var(--spacing,.25rem) * 8);border-style:var(--tw-border-style);border-width:3px}.spinner-xl{height:calc(var(--spacing,.25rem) * 12);width:calc(var(--spacing,.25rem) * 12);border-style:var(--tw-border-style);border-width:4px}.spinner-primary{border-color:var(--color-primary-200);border-top-color:var(--color-primary-600)}.spinner-white{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.spinner-white{border-color:color-mix(in oklab, var(--color-white,#fff) 30%, transparent)}}.spinner-white{border-top-color:var(--color-white,#fff)}.spinner-gray{border-color:var(--color-gray-200);border-top-color:var(--color-gray-600)}.select-wrapper{display:inline-block}.select{height:calc(var(--spacing,.25rem) * 10);border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem) * 3);padding-right:calc(var(--spacing,.25rem) * 8);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--color-gray-900);appearance:none;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,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-outline-style:none;border-width:1px;outline-style:none}.select:focus{border-color:var(--color-primary-500);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:#3b82f633}@supports (color:color-mix(in lab, red, red)){.select:focus{--tw-ring-color:color-mix(in oklab, var(--color-primary-500) 20%, transparent)}}.select:disabled{cursor:not-allowed;background-color:var(--color-gray-50);color:var(--color-gray-500)}.select{border-color:var(--color-gray-300)}.select.has-error,.select.has-error:focus{border-color:var(--color-danger-500)}.select.has-error:focus{--tw-ring-color:#ef444433}@supports (color:color-mix(in lab, red, red)){.select.has-error:focus{--tw-ring-color:color-mix(in oklab, var(--color-danger-500) 20%, transparent)}}.select-label{margin-bottom:calc(var(--spacing,.25rem) * 1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-gray-700);display:block}.select-chevron-icon{pointer-events:none;top:50%;right:calc(var(--spacing,.25rem) * 2.5);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);color:var(--color-gray-400);position:absolute}.select-helper{margin-top:calc(var(--spacing,.25rem) * 1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:var(--color-gray-500)}.select-helper.has-error{color:var(--color-danger-600)}.stack{flex-direction:row;align-items:center;width:100%;display:flex}.stack-column{flex-direction:column}.quantity-input-wrapper{flex-direction:column;display:inline-flex}.quantity-input{border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);background-color:var(--color-white,#fff);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,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));align-items:center;display:inline-flex;overflow:hidden}.quantity-input:focus-within{border-color:var(--color-primary-500);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:#3b82f633}@supports (color:color-mix(in lab, red, red)){.quantity-input:focus-within{--tw-ring-color:color-mix(in oklab, var(--color-primary-500) 20%, transparent)}}.quantity-input{height:calc(var(--spacing,.25rem) * 10)}.quantity-input.has-error,.quantity-input.has-error:focus-within{border-color:var(--color-danger-500)}.quantity-input.has-error:focus-within{--tw-ring-color:#ef444433}@supports (color:color-mix(in lab, red, red)){.quantity-input.has-error:focus-within{--tw-ring-color:color-mix(in oklab, var(--color-danger-500) 20%, transparent)}}.quantity-input.is-disabled{cursor:not-allowed;background-color:var(--color-gray-50);opacity:.5}.quantity-btn{height:100%;width:calc(var(--spacing,.25rem) * 9);cursor:pointer;color:var(--color-gray-500);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,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));background-color:#0000;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.quantity-btn:hover{background-color:var(--color-gray-100)}}.quantity-btn:active{background-color:var(--color-gray-200)}.quantity-btn:disabled{cursor:not-allowed;opacity:.4}@media (hover:hover){.quantity-btn:disabled:hover{background-color:#0000}}.quantity-btn:disabled:active{background-color:#0000}.quantity-btn{-webkit-user-select:none;user-select:none}.quantity-field{width:calc(var(--spacing,.25rem) * 12);text-align:center;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--color-gray-900);--tw-outline-style:none;border-inline-style:var(--tw-border-style);border-inline-width:1px;border-color:var(--color-gray-300);-moz-appearance:textfield;background-color:#0000;outline-style:none;height:100%}.quantity-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.carousel-wrapper{width:100%;position:relative}.carousel-btn{z-index:10;--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);height:calc(var(--spacing,.25rem) * 10);width:calc(var(--spacing,.25rem) * 10);background-color:var(--color-white,#fff);color:var(--color-gray-700);opacity:.4;--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%}@media (hover:hover){.carousel-btn:hover{opacity:.9}}.carousel-btn{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,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media (hover:hover){.carousel-btn:hover{background-color:var(--color-gray-50)}}.carousel-btn:disabled{pointer-events:none;opacity:.3}.carousel-btn-prev{left:calc(var(--spacing,.25rem) * 2)}.carousel-btn-next{right:calc(var(--spacing,.25rem) * 2)}.carousel-viewport{overflow:hidden}.carousel-track{transition:transform .3s ease-in-out;display:flex}.carousel-slide{flex:none;position:relative;overflow:hidden}.carousel-cover{inset:calc(var(--spacing,.25rem) * 0);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute}.carousel-dots{right:calc(var(--spacing,.25rem) * 0);bottom:calc(var(--spacing,.25rem) * 4);left:calc(var(--spacing,.25rem) * 0);z-index:10;justify-content:center;gap:calc(var(--spacing,.25rem) * 1.5);display:flex;position:absolute}.carousel-dot{cursor:pointer;background-color:var(--color-gray-400);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;border-radius:3.40282e38px;transition-duration:.3s}.carousel-dot:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-primary-500);--tw-outline-style:none;outline-style:none}.carousel-dot{width:8px;height:8px}.carousel-dot-active{background-color:var(--color-gray-50);width:20px}.product-carousel-viewport{scrollbar-width:none;overflow-x:auto}.product-carousel-viewport::-webkit-scrollbar{display:none}.product-carousel-track{flex-wrap:nowrap;display:flex}.product-carousel-track>*{flex-shrink:0}.product-carousel-btn{z-index:10;--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);height:calc(var(--spacing,.25rem) * 10);width:calc(var(--spacing,.25rem) * 10);background-color:var(--color-gray-400);color:var(--color-gray-700);opacity:.4;--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%}@media (hover:hover){.product-carousel-btn:hover{opacity:.9}}.product-carousel-btn{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media (hover:hover){.product-carousel-btn:hover{background-color:var(--color-gray-50)}}.product-carousel-btn:focus-visible{--tw-outline-style:none;outline-style:none}.product-carousel-btn-prev{left:calc(var(--spacing,.25rem) * 0);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.product-carousel-btn-next{right:calc(var(--spacing,.25rem) * 0);--tw-translate-x:calc(1 / 2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.tabs{padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);white-space:nowrap;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,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-outline-style:none;outline-style:none;align-items:center;display:inline-flex}.tabs:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-primary-500)}.tabs-underline.tabs-active{border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:var(--color-primary-600);color:var(--color-primary-600);margin-bottom:-1px}.tabs-underline.tabs-inactive{border-bottom-style:var(--tw-border-style);color:var(--color-gray-500);border-color:#0000;border-bottom-width:2px;margin-bottom:-1px}@media (hover:hover){.tabs-underline.tabs-inactive:hover{color:var(--color-gray-700)}}.tabs-pills.tabs-active{border-radius:var(--radius-md,.375rem);background-color:var(--color-white,#fff);color:var(--color-gray-900);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.tabs-pills.tabs-inactive{border-radius:var(--radius-md,.375rem);color:var(--color-gray-600)}@media (hover:hover){.tabs-pills.tabs-inactive:hover{color:var(--color-gray-900)}}.tabs-bordered.tabs-active{border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--color-gray-200);background-color:var(--color-primary-50);color:var(--color-primary-700)}.tabs-bordered.tabs-active:last-child{border-right-style:var(--tw-border-style);border-right-width:0}.tabs-bordered.tabs-inactive{border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--color-gray-200);color:var(--color-gray-600)}.tabs-bordered.tabs-inactive:last-child{border-right-style:var(--tw-border-style);border-right-width:0}@media (hover:hover){.tabs-bordered.tabs-inactive:hover{background-color:var(--color-gray-50)}}.tablist-underline{gap:calc(var(--spacing,.25rem) * 1);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200);display:flex}.tablist-pills{gap:calc(var(--spacing,.25rem) * 1);border-radius:var(--radius-lg,.5rem);background-color:var(--color-gray-100);padding:calc(var(--spacing,.25rem) * 1);display:flex}.tablist-bordered{gap:calc(var(--spacing,.25rem) * 0);border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);display:flex;overflow:hidden}.tabpanel{padding-top:calc(var(--spacing,.25rem) * 4)}}@layer theme,custom;:root,:host{--color-primary-50:#eff6ff;--color-primary-200:#bfdbfe;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-primary-800:#1e40af;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-900:#0f172a;--color-success-50:#f0fdf4;--color-success-200:#bbf7d0;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-success-800:#166534;--color-warning-50:#fffbeb;--color-warning-200:#fde68a;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-800:#92400e;--color-danger-50:#fef2f2;--color-danger-200:#fecaca;--color-danger-500:#ef4444;--color-danger-600:#dc2626;--color-danger-700:#b91c1c;--color-danger-800:#991b1b;--font-sans:"Inter", ui-sans-serif, system-ui, sans-serif}.hide-scroll-bar{-ms-overflow-style:none;scrollbar-width:none}.hide-scroll-bar::-webkit-scrollbar{display:none}input[type=number].withoutArrows::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number].withoutArrows::-webkit-outer-spin-button{appearance:none;margin:0}@keyframes progress{0%{width:0%}to{width:100%}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}
2
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-tracking:initial;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-sans)}body{-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit}}@layer base{:root{--bg-body:var(--color-gray-100);--color-text:#000}}@layer components{body{font-family:var(--font-sans);background:var(--bg-body);color:var(--color-text);line-height:1.5}h1,h2,h3,h4{font-weight:600;line-height:1.2}a{color:var(--color-primary-800);text-decoration:none}section{margin:auto}a{text-decoration-line:underline}input{border-style:var(--tw-border-style);border-width:1px}.alert{gap:calc(var(--spacing,.25rem) * 3);border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem) * 4);border-width:1px;display:flex}.alert-info{border-color:var(--color-primary-200);background-color:var(--color-primary-50);color:var(--color-primary-800)}.alert-success{border-color:var(--color-success-200);background-color:var(--color-success-50);color:var(--color-success-800)}.alert-warning{border-color:var(--color-warning-200);background-color:var(--color-warning-50);color:var(--color-warning-800)}.alert-danger{border-color:var(--color-danger-200);background-color:var(--color-danger-50);color:var(--color-danger-800)}.alert-icon{margin-top:calc(var(--spacing,.25rem) * .5);height:calc(var(--spacing,.25rem) * 5);width:calc(var(--spacing,.25rem) * 5);flex-shrink:0}.alert-icon-info{color:var(--color-primary-500)}.alert-icon-success{color:var(--color-success-500)}.alert-icon-warning{color:var(--color-warning-500)}.alert-icon-danger{color:var(--color-danger-500)}.alert-title{margin-bottom:calc(var(--spacing,.25rem) * .5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.alert-text{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.alert-close-btn{opacity:.6;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));flex-shrink:0}@media (hover:hover){.alert-close-btn:hover{opacity:1}}.avatar{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-white,#fff);border-radius:3.40282e38px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.avatar-xs{height:calc(var(--spacing,.25rem) * 6);width:calc(var(--spacing,.25rem) * 6);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.avatar-sm{height:calc(var(--spacing,.25rem) * 8);width:calc(var(--spacing,.25rem) * 8);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.avatar-md{height:calc(var(--spacing,.25rem) * 10);width:calc(var(--spacing,.25rem) * 10);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.avatar-lg{height:calc(var(--spacing,.25rem) * 12);width:calc(var(--spacing,.25rem) * 12);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}.avatar-xl{height:calc(var(--spacing,.25rem) * 16);width:calc(var(--spacing,.25rem) * 16);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}.avatar-fallback{background-color:var(--color-gray-200);color:var(--color-gray-500)}.badge{align-items:center;gap:calc(var(--spacing,.25rem) * 1.5);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);border-radius:3.40282e38px;display:inline-flex}.badge-default{background-color:var(--color-gray-600);color:var(--color-white,#fff)}.badge-primary{background-color:var(--color-primary-600);color:var(--color-white,#fff)}.badge-success{background-color:var(--color-success-600);color:var(--color-white,#fff)}.badge-warning{background-color:var(--color-warning-600);color:var(--color-white,#fff)}.badge-danger{background-color:var(--color-danger-600);color:var(--color-white,#fff)}.badge-outline{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);color:var(--color-gray-700);background-color:#0000}.badge-sm{padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * .5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.badge-md{padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-block:calc(var(--spacing,.25rem) * 1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.badge-circle-sm{height:calc(var(--spacing,.25rem) * 5);min-width:calc(var(--spacing,.25rem) * 5);padding-inline:calc(var(--spacing,.25rem) * 1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));justify-content:center}.badge-circle-md{height:calc(var(--spacing,.25rem) * 6);min-width:calc(var(--spacing,.25rem) * 6);padding:calc(var(--spacing,.25rem) * 2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));justify-content:center}.badge-top-right{top:calc(var(--spacing,.25rem) * -2);right:calc(var(--spacing,.25rem) * -2);position:absolute}.badge-top-left{top:calc(var(--spacing,.25rem) * -2);left:calc(var(--spacing,.25rem) * -2);position:absolute}.badge-bottom-right{right:calc(var(--spacing,.25rem) * -2);bottom:calc(var(--spacing,.25rem) * -2);position:absolute}.badge-bottom-left{bottom:calc(var(--spacing,.25rem) * -2);left:calc(var(--spacing,.25rem) * -2);position:absolute}.badge-dot{height:calc(var(--spacing,.25rem) * 1.5);width:calc(var(--spacing,.25rem) * 1.5);border-radius:3.40282e38px;display:inline-block}.badge-dot-default{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.badge-dot-default{background-color:color-mix(in oklab, var(--color-white,#fff) 70%, transparent)}}.badge-dot-primary{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.badge-dot-primary{background-color:color-mix(in oklab, var(--color-white,#fff) 70%, transparent)}}.badge-dot-success{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.badge-dot-success{background-color:color-mix(in oklab, var(--color-white,#fff) 70%, transparent)}}.badge-dot-warning{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.badge-dot-warning{background-color:color-mix(in oklab, var(--color-white,#fff) 70%, transparent)}}.badge-dot-danger{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.badge-dot-danger{background-color:color-mix(in oklab, var(--color-white,#fff) 70%, transparent)}}.badge-dot-outline{background-color:var(--color-gray-400)}.btn{cursor:pointer;border-radius:var(--radius-md,.375rem);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,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));justify-content:center;align-items:center;display:inline-flex}.btn:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-outline-style:none;outline-style:none}.btn:disabled{pointer-events:none;opacity:.5}.btn{background-color:var(--color-gray-100);color:var(--color-gray-700)}.btn-primary{background-color:var(--color-primary-600);color:var(--color-white,#fff)}.btn-primary:hover{background-color:var(--color-primary-700)}.btn-secondary{background-color:var(--color-gray-100);color:var(--color-gray-900)}.btn-secondary:hover{background-color:var(--color-gray-200)}.btn-outline{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);color:var(--color-gray-700);background-color:#0000}.btn-outline:hover{background-color:var(--color-gray-100)}.btn-ghost{color:var(--color-gray-700);background-color:#0000}.btn-ghost:hover{background-color:var(--color-gray-100)}.btn-danger{background-color:var(--color-danger-600);color:var(--color-white,#fff)}.btn-danger:hover{background-color:var(--color-danger-700)}.btn-xs{height:calc(var(--spacing,.25rem) * 7);gap:calc(var(--spacing,.25rem) * 1);padding-inline:calc(var(--spacing,.25rem) * 2.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.btn-sm{height:calc(var(--spacing,.25rem) * 8);gap:calc(var(--spacing,.25rem) * 1.5);padding-inline:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.btn-md{height:calc(var(--spacing,.25rem) * 10);gap:calc(var(--spacing,.25rem) * 2);padding-inline:calc(var(--spacing,.25rem) * 4);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.btn-lg{height:calc(var(--spacing,.25rem) * 11);gap:calc(var(--spacing,.25rem) * 2);padding-inline:calc(var(--spacing,.25rem) * 5);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}.container{background-color:var(--color-white,#fff);min-height:100%;padding:calc(var(--spacing,.25rem) * 5);margin-inline:auto}.checkbox-wrapper{gap:calc(var(--spacing,.25rem) * 3);display:flex}.checkbox-wrapper-inner{height:calc(var(--spacing,.25rem) * 5);align-items:center;margin-top:3px;display:flex}.checkbox{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4);border-color:var(--color-gray-300);color:var(--color-primary-600);border-radius:.25rem}.checkbox:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-primary-500);--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.checkbox:disabled{cursor:not-allowed;opacity:.5}.checkbox.has-error{border-color:var(--color-danger-500)}.checkbox-label{cursor:pointer;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-gray-900)}.checkbox-description{margin-top:calc(var(--spacing,.25rem) * .5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:var(--color-gray-500)}.checkbox-error{margin-top:calc(var(--spacing,.25rem) * .5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:var(--color-danger-600)}.icon-button{border-radius:var(--radius-md,.375rem);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);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,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-button:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-outline-style:none;outline-style:none}.icon-button:disabled{pointer-events:none;opacity:.5}.icon-button-primary{background-color:var(--color-primary-600);color:var(--color-white,#fff)}@media (hover:hover){.icon-button-primary:hover{background-color:var(--color-primary-700)}}.icon-button-primary:focus-visible{--tw-ring-color:var(--color-primary-500)}.icon-button-primary:active{background-color:var(--color-primary-800)}.icon-button-secondary{background-color:var(--color-gray-100);color:var(--color-gray-900)}@media (hover:hover){.icon-button-secondary:hover{background-color:var(--color-gray-200)}}.icon-button-secondary:focus-visible{--tw-ring-color:var(--color-gray-400)}.icon-button-secondary:active{background-color:var(--color-gray-300)}.icon-button-outline{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);background-color:var(--color-white,#fff);color:var(--color-gray-700)}@media (hover:hover){.icon-button-outline:hover{background-color:var(--color-gray-50)}}.icon-button-outline:focus-visible{--tw-ring-color:var(--color-gray-400)}.icon-button-outline:active{background-color:var(--color-gray-100)}.icon-button-ghost{color:var(--color-gray-700);background-color:#0000}@media (hover:hover){.icon-button-ghost:hover{background-color:var(--color-gray-100)}}.icon-button-ghost:focus-visible{--tw-ring-color:var(--color-gray-400)}.icon-button-ghost:active{background-color:var(--color-gray-200)}.icon-button-danger{background-color:var(--color-danger-600);color:var(--color-white,#fff)}@media (hover:hover){.icon-button-danger:hover{background-color:var(--color-danger-700)}}.icon-button-danger:focus-visible{--tw-ring-color:var(--color-danger-500)}.icon-button-danger:active{background-color:var(--color-danger-800)}.icon-button-xs{height:calc(var(--spacing,.25rem) * 7);width:calc(var(--spacing,.25rem) * 7);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.icon-button-sm{height:calc(var(--spacing,.25rem) * 8);width:calc(var(--spacing,.25rem) * 8);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.icon-button-md{height:calc(var(--spacing,.25rem) * 10);width:calc(var(--spacing,.25rem) * 10);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.icon-button-lg{height:calc(var(--spacing,.25rem) * 11);width:calc(var(--spacing,.25rem) * 11);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}.heading-size-1{font-size:var(--text-4xl,2.25rem);line-height:var(--tw-leading,var(--text-4xl--line-height,calc(2.5 / 2.25)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);--tw-tracking:var(--tracking-tight,-.025em);letter-spacing:var(--tracking-tight,-.025em)}.heading-size-2{font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height,calc(2.25 / 1.875)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);--tw-tracking:var(--tracking-tight,-.025em);letter-spacing:var(--tracking-tight,-.025em)}.heading-size-3{font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.heading-size-4{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.heading-size-5{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.heading-size-6{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.text-color-default{color:var(--color-gray-900)}.text-color-muted{color:var(--color-gray-500)}.text-color-primary{color:var(--color-primary-600)}.text-color-success{color:var(--color-success-600)}.text-color-warning{color:var(--color-warning-600)}.text-color-danger{color:var(--color-danger-600)}.text-variant-body{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}.text-variant-body-sm{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.text-variant-caption{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.text-variant-overline{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);--tw-tracking:var(--tracking-wider,.05em);letter-spacing:var(--tracking-wider,.05em);text-transform:uppercase}.text-variant-code{background-color:var(--color-gray-100);padding-inline:calc(var(--spacing,.25rem) * 1.5);padding-block:calc(var(--spacing,.25rem) * .5);font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));border-radius:.25rem}.toggle{cursor:pointer;align-items:flex-start;gap:calc(var(--spacing,.25rem) * 3);-webkit-user-select:none;user-select:none;display:inline-flex}.toggle-disabled{cursor:not-allowed;opacity:.5}.toggle-wrapper{margin-top:calc(var(--spacing,.25rem) * .5);flex-shrink:0;position:relative}.toggle-wrapper-sm{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 8)}.toggle-wrapper-md{height:calc(var(--spacing,.25rem) * 6);width:calc(var(--spacing,.25rem) * 11)}.toggle-wrapper-lg{height:calc(var(--spacing,.25rem) * 7);width:calc(var(--spacing,.25rem) * 14)}.toggle-track{inset:calc(var(--spacing,.25rem) * 0);background-color:var(--color-gray-200);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,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;border-radius:3.40282e38px;transition-duration:.2s;position:absolute}.toggle-track:is(:where(.peer):checked~*){background-color:var(--color-primary-600)}.toggle-track:is(:where(.peer):focus-visible~*){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-primary-500);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.toggle-thumb{background-color:var(--color-white,#fff);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;border-radius:3.40282e38px;transition-duration:.2s;position:absolute}.toggle-thumb-sm{top:calc(var(--spacing,.25rem) * .5);left:calc(var(--spacing,.25rem) * .5);height:calc(var(--spacing,.25rem) * 3);width:calc(var(--spacing,.25rem) * 3)}.toggle-thumb-sm:is(:where(.peer):checked~*){--tw-translate-x:calc(var(--spacing,.25rem) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.toggle-thumb-md{top:calc(var(--spacing,.25rem) * .5);left:calc(var(--spacing,.25rem) * .5);height:calc(var(--spacing,.25rem) * 5);width:calc(var(--spacing,.25rem) * 5)}.toggle-thumb-md:is(:where(.peer):checked~*){--tw-translate-x:calc(var(--spacing,.25rem) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.toggle-thumb-lg{top:calc(var(--spacing,.25rem) * .5);left:calc(var(--spacing,.25rem) * .5);height:calc(var(--spacing,.25rem) * 6);width:calc(var(--spacing,.25rem) * 6)}.toggle-thumb-lg:is(:where(.peer):checked~*){--tw-translate-x:calc(var(--spacing,.25rem) * 7);translate:var(--tw-translate-x) var(--tw-translate-y)}.toggle-label{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-gray-900);display:block}.toggle-description{margin-top:calc(var(--spacing,.25rem) * .5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:var(--color-gray-500);display:block}.input{height:calc(var(--spacing,.25rem) * 10);border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--color-gray-900);border-width:1px}.input::placeholder{color:var(--color-gray-400)}.input{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,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-outline-style:none;outline-style:none}.input:focus{border-color:var(--color-primary-500);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:#3b82f633}@supports (color:color-mix(in lab, red, red)){.input:focus{--tw-ring-color:color-mix(in oklab, var(--color-primary-500) 20%, transparent)}}.input:disabled{cursor:not-allowed;background-color:var(--color-gray-50);color:var(--color-gray-500)}.input{border-color:var(--color-gray-300)}.input.has-error,.input.has-error:focus{border-color:var(--color-danger-500)}.input.has-error:focus{--tw-ring-color:#ef444433}@supports (color:color-mix(in lab, red, red)){.input.has-error:focus{--tw-ring-color:color-mix(in oklab, var(--color-danger-500) 20%, transparent)}}.with-left-icon{padding-left:calc(var(--spacing,.25rem) * 9)}.with-right-icon{padding-right:calc(var(--spacing,.25rem) * 9)}.input-label{margin-bottom:calc(var(--spacing,.25rem) * 1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-gray-700);display:block}.left-icon{pointer-events:none;top:50%;left:calc(var(--spacing,.25rem) * 3);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);color:var(--color-gray-400);position:absolute}.right-icon{pointer-events:none;top:50%;right:calc(var(--spacing,.25rem) * 3);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);color:var(--color-gray-400);position:absolute}.helper-text{margin-top:calc(var(--spacing,.25rem) * 1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:var(--color-gray-500)}.helper-text.has-error{color:var(--color-danger-600)}.main{padding-block:calc(var(--spacing,.25rem) * 5)}.loading-spin{animation:var(--animate-spin,spin 1s linear infinite);flex-shrink:0}.loading-spin-xs{height:calc(var(--spacing,.25rem) * 3);width:calc(var(--spacing,.25rem) * 3)}.loading-spin-sm{height:calc(var(--spacing,.25rem) * 3.5);width:calc(var(--spacing,.25rem) * 3.5)}.loading-spin-md{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4)}.loading-spin-lg{height:calc(var(--spacing,.25rem) * 5);width:calc(var(--spacing,.25rem) * 5)}.pagination{align-items:center;gap:calc(var(--spacing,.25rem) * 1);display:flex}.pagination-dots{height:calc(var(--spacing,.25rem) * 9);width:calc(var(--spacing,.25rem) * 9);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--color-gray-400);justify-content:center;align-items:center;display:flex}.pagination-button{height:calc(var(--spacing,.25rem) * 9);width:calc(var(--spacing,.25rem) * 9);border-radius:var(--radius-md,.375rem);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);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,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));justify-content:center;align-items:center;display:inline-flex}.pagination-button:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-primary-500);--tw-outline-style:none;outline-style:none}.pagination-button:disabled{pointer-events:none;opacity:.4}.pagination-button.pagination-button-active{background-color:var(--color-primary-600);color:var(--color-white,#fff)}.pagination-button.pagination-button-inactive{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);background-color:var(--color-white,#fff);color:var(--color-gray-700)}@media (hover:hover){.pagination-button.pagination-button-inactive:hover{background-color:var(--color-gray-50)}}.spinner-wrapper{display:inline-block}.spinner{animation:var(--animate-spin,spin 1s linear infinite);border-radius:3.40282e38px;display:block}.spinner-xs{height:calc(var(--spacing,.25rem) * 3);width:calc(var(--spacing,.25rem) * 3);border-style:var(--tw-border-style);border-width:1.5px}.spinner-sm{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4);border-style:var(--tw-border-style);border-width:2px}.spinner-md{height:calc(var(--spacing,.25rem) * 6);width:calc(var(--spacing,.25rem) * 6);border-style:var(--tw-border-style);border-width:2px}.spinner-lg{height:calc(var(--spacing,.25rem) * 8);width:calc(var(--spacing,.25rem) * 8);border-style:var(--tw-border-style);border-width:3px}.spinner-xl{height:calc(var(--spacing,.25rem) * 12);width:calc(var(--spacing,.25rem) * 12);border-style:var(--tw-border-style);border-width:4px}.spinner-primary{border-color:var(--color-primary-200);border-top-color:var(--color-primary-600)}.spinner-white{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.spinner-white{border-color:color-mix(in oklab, var(--color-white,#fff) 30%, transparent)}}.spinner-white{border-top-color:var(--color-white,#fff)}.spinner-gray{border-color:var(--color-gray-200);border-top-color:var(--color-gray-600)}.select-wrapper{display:inline-block}.select{height:calc(var(--spacing,.25rem) * 10);border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem) * 3);padding-right:calc(var(--spacing,.25rem) * 8);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--color-gray-900);appearance:none;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,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-outline-style:none;border-width:1px;outline-style:none}.select:focus{border-color:var(--color-primary-500);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:#3b82f633}@supports (color:color-mix(in lab, red, red)){.select:focus{--tw-ring-color:color-mix(in oklab, var(--color-primary-500) 20%, transparent)}}.select:disabled{cursor:not-allowed;background-color:var(--color-gray-50);color:var(--color-gray-500)}.select{border-color:var(--color-gray-300)}.select.has-error,.select.has-error:focus{border-color:var(--color-danger-500)}.select.has-error:focus{--tw-ring-color:#ef444433}@supports (color:color-mix(in lab, red, red)){.select.has-error:focus{--tw-ring-color:color-mix(in oklab, var(--color-danger-500) 20%, transparent)}}.select-label{margin-bottom:calc(var(--spacing,.25rem) * 1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-gray-700);display:block}.select-chevron-icon{pointer-events:none;top:50%;right:calc(var(--spacing,.25rem) * 2.5);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);color:var(--color-gray-400);position:absolute}.select-helper{margin-top:calc(var(--spacing,.25rem) * 1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:var(--color-gray-500)}.select-helper.has-error{color:var(--color-danger-600)}.stack{flex-direction:row;align-items:center;width:100%;display:flex}.stack-column{flex-direction:column}.quantity-input-wrapper{flex-direction:column;display:inline-flex}.quantity-input{border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);background-color:var(--color-white,#fff);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,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));align-items:center;display:inline-flex;overflow:hidden}.quantity-input:focus-within{border-color:var(--color-primary-500);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:#3b82f633}@supports (color:color-mix(in lab, red, red)){.quantity-input:focus-within{--tw-ring-color:color-mix(in oklab, var(--color-primary-500) 20%, transparent)}}.quantity-input{height:calc(var(--spacing,.25rem) * 10)}.quantity-input.has-error,.quantity-input.has-error:focus-within{border-color:var(--color-danger-500)}.quantity-input.has-error:focus-within{--tw-ring-color:#ef444433}@supports (color:color-mix(in lab, red, red)){.quantity-input.has-error:focus-within{--tw-ring-color:color-mix(in oklab, var(--color-danger-500) 20%, transparent)}}.quantity-input.is-disabled{cursor:not-allowed;background-color:var(--color-gray-50);opacity:.5}.quantity-btn{height:100%;width:calc(var(--spacing,.25rem) * 9);cursor:pointer;color:var(--color-gray-500);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,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));background-color:#0000;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.quantity-btn:hover{background-color:var(--color-gray-100)}}.quantity-btn:active{background-color:var(--color-gray-200)}.quantity-btn:disabled{cursor:not-allowed;opacity:.4}@media (hover:hover){.quantity-btn:disabled:hover{background-color:#0000}}.quantity-btn:disabled:active{background-color:#0000}.quantity-btn{-webkit-user-select:none;user-select:none}.quantity-field{width:calc(var(--spacing,.25rem) * 12);text-align:center;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--color-gray-900);--tw-outline-style:none;border-inline-style:var(--tw-border-style);border-inline-width:1px;border-color:var(--color-gray-300);-moz-appearance:textfield;background-color:#0000;outline-style:none;height:100%}.quantity-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.carousel-wrapper{width:100%;position:relative}.carousel-btn{z-index:10;--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);height:calc(var(--spacing,.25rem) * 10);width:calc(var(--spacing,.25rem) * 10);background-color:var(--color-white,#fff);color:var(--color-gray-700);opacity:.4;--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%}@media (hover:hover){.carousel-btn:hover{opacity:.9}}.carousel-btn{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,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media (hover:hover){.carousel-btn:hover{background-color:var(--color-gray-50)}}.carousel-btn:disabled{pointer-events:none;opacity:.3}.carousel-btn-prev{left:calc(var(--spacing,.25rem) * 2)}.carousel-btn-next{right:calc(var(--spacing,.25rem) * 2)}.carousel-viewport{overflow:hidden}.carousel-track{transition:transform .3s ease-in-out;display:flex}.carousel-slide{flex:none;position:relative;overflow:hidden}.carousel-cover{inset:calc(var(--spacing,.25rem) * 0);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute}.carousel-dots{right:calc(var(--spacing,.25rem) * 0);bottom:calc(var(--spacing,.25rem) * 4);left:calc(var(--spacing,.25rem) * 0);z-index:10;justify-content:center;gap:calc(var(--spacing,.25rem) * 1.5);display:flex;position:absolute}.carousel-dot{cursor:pointer;background-color:var(--color-gray-400);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;border-radius:3.40282e38px;transition-duration:.3s}.carousel-dot:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-primary-500);--tw-outline-style:none;outline-style:none}.carousel-dot{width:8px;height:8px}.carousel-dot-active{background-color:var(--color-gray-50);width:20px}.product-carousel-viewport{scrollbar-width:none;overflow-x:auto}.product-carousel-viewport::-webkit-scrollbar{display:none}.product-carousel-track{flex-wrap:nowrap;display:flex}.product-carousel-track>*{flex-shrink:0}.product-carousel-btn{z-index:10;--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);height:calc(var(--spacing,.25rem) * 10);width:calc(var(--spacing,.25rem) * 10);background-color:var(--color-gray-400);color:var(--color-gray-700);opacity:.4;--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%}@media (hover:hover){.product-carousel-btn:hover{opacity:.9}}.product-carousel-btn{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media (hover:hover){.product-carousel-btn:hover{background-color:var(--color-gray-50)}}.product-carousel-btn:focus-visible{--tw-outline-style:none;outline-style:none}.product-carousel-btn-prev{left:calc(var(--spacing,.25rem) * 0);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.product-carousel-btn-next{right:calc(var(--spacing,.25rem) * 0);--tw-translate-x:calc(1 / 2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.tabs{padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);white-space:nowrap;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,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-outline-style:none;outline-style:none;align-items:center;display:inline-flex}.tabs:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-primary-500)}.tabs-underline.tabs-active{border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:var(--color-primary-600);color:var(--color-primary-600);margin-bottom:-1px}.tabs-underline.tabs-inactive{border-bottom-style:var(--tw-border-style);color:var(--color-gray-500);border-color:#0000;border-bottom-width:2px;margin-bottom:-1px}@media (hover:hover){.tabs-underline.tabs-inactive:hover{color:var(--color-gray-700)}}.tabs-pills.tabs-active{border-radius:var(--radius-md,.375rem);background-color:var(--color-white,#fff);color:var(--color-gray-900);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.tabs-pills.tabs-inactive{border-radius:var(--radius-md,.375rem);color:var(--color-gray-600)}@media (hover:hover){.tabs-pills.tabs-inactive:hover{color:var(--color-gray-900)}}.tabs-bordered.tabs-active{border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--color-gray-200);background-color:var(--color-primary-50);color:var(--color-primary-700)}.tabs-bordered.tabs-active:last-child{border-right-style:var(--tw-border-style);border-right-width:0}.tabs-bordered.tabs-inactive{border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--color-gray-200);color:var(--color-gray-600)}.tabs-bordered.tabs-inactive:last-child{border-right-style:var(--tw-border-style);border-right-width:0}@media (hover:hover){.tabs-bordered.tabs-inactive:hover{background-color:var(--color-gray-50)}}.tablist-underline{gap:calc(var(--spacing,.25rem) * 1);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200);display:flex}.tablist-pills{gap:calc(var(--spacing,.25rem) * 1);border-radius:var(--radius-lg,.5rem);background-color:var(--color-gray-100);padding:calc(var(--spacing,.25rem) * 1);display:flex}.tablist-bordered{gap:calc(var(--spacing,.25rem) * 0);border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);display:flex;overflow:hidden}.tabpanel{padding-top:calc(var(--spacing,.25rem) * 4)}.dropdown{display:inline-block;position:relative}.dropdown-trigger{cursor:pointer}.dropdown-menu{z-index:50;margin-top:calc(var(--spacing,.25rem) * 1);min-width:calc(var(--spacing,.25rem) * 40);border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-100);background-color:var(--color-white,#fff);padding-block:calc(var(--spacing,.25rem) * 1);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);position:absolute}.dropdown-menu-left{left:calc(var(--spacing,.25rem) * 0)}.dropdown-menu-right{right:calc(var(--spacing,.25rem) * 0)}.dropdown-menu-bottom{top:100%}.dropdown-menu-top{margin-top:calc(var(--spacing,.25rem) * 0);margin-bottom:calc(var(--spacing,.25rem) * 1);bottom:100%}.dropdown-item{cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem) * 2);width:100%;padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2);text-align:left;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--color-gray-700);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,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));display:flex}@media (hover:hover){.dropdown-item:hover{background-color:var(--color-gray-50)}}.dropdown-item-danger{color:var(--color-danger-600)}@media (hover:hover){.dropdown-item-danger:hover{background-color:var(--color-danger-50)}}.dropdown-item-disabled{pointer-events:none;cursor:not-allowed;opacity:.4}.dropdown-item-icon{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4);color:var(--color-gray-400);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dropdown-item-danger .dropdown-item-icon{color:var(--color-danger-400)}.dropdown-divider{margin-block:calc(var(--spacing,.25rem) * 1);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-gray-100)}}@layer theme,custom;:root,:host{--color-primary-50:#eff6ff;--color-primary-200:#bfdbfe;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-primary-800:#1e40af;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-900:#0f172a;--color-success-50:#f0fdf4;--color-success-200:#bbf7d0;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-success-800:#166534;--color-warning-50:#fffbeb;--color-warning-200:#fde68a;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-800:#92400e;--color-danger-50:#fef2f2;--color-danger-200:#fecaca;--color-danger-400:#f87171;--color-danger-500:#ef4444;--color-danger-600:#dc2626;--color-danger-700:#b91c1c;--color-danger-800:#991b1b;--font-sans:"Inter", ui-sans-serif, system-ui, sans-serif}.hide-scroll-bar{-ms-overflow-style:none;scrollbar-width:none}.hide-scroll-bar::-webkit-scrollbar{display:none}input[type=number].withoutArrows::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number].withoutArrows::-webkit-outer-spin-button{appearance:none;margin:0}@keyframes progress{0%{width:0%}to{width:100%}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}
3
3
  /*$vite$:1*/
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shopito/design-system-fe",
3
- "version": "0.1.36",
3
+ "version": "0.1.37",
4
4
  "description": "Shopito e-commerce design system — React + TypeScript + Tailwind CSS",
5
5
  "license": "MIT",
6
6
  "author": "Shopito",