daisyui 5.0.0-alpha.44 → 5.0.0-alpha.45

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 (182) hide show
  1. package/base/keyframes/index.js +7 -0
  2. package/base/keyframes/object.js +1 -0
  3. package/base/keyframes.css +1 -0
  4. package/base/properties.css +1 -1
  5. package/base/reset/object.js +1 -1
  6. package/base/reset.css +1 -1
  7. package/base/rootcolor/object.js +1 -1
  8. package/base/rootcolor.css +1 -1
  9. package/base/rootscrollgutter/object.js +1 -1
  10. package/base/rootscrollgutter.css +1 -1
  11. package/base/rootscrolllock.css +1 -1
  12. package/base/scrollbar.css +1 -1
  13. package/chunks.css +3 -0
  14. package/colors/properties.css +1 -1
  15. package/colors/responsive.css +1 -1
  16. package/colors/states.css +1 -1
  17. package/components/alert/object.js +1 -1
  18. package/components/alert.css +1 -1
  19. package/components/avatar.css +1 -1
  20. package/components/badge/object.js +1 -1
  21. package/components/badge.css +1 -1
  22. package/components/breadcrumbs.css +1 -1
  23. package/components/button/object.js +1 -1
  24. package/components/button.css +1 -1
  25. package/components/calendar/object.js +1 -1
  26. package/components/calendar.css +1 -1
  27. package/components/card/object.js +1 -1
  28. package/components/card.css +1 -1
  29. package/components/carousel.css +1 -1
  30. package/components/chat.css +1 -1
  31. package/components/checkbox/object.js +1 -1
  32. package/components/checkbox.css +1 -1
  33. package/components/collapse/object.js +1 -1
  34. package/components/collapse.css +1 -1
  35. package/components/countdown.css +1 -1
  36. package/components/diff.css +1 -1
  37. package/components/divider.css +1 -1
  38. package/components/dock/object.js +1 -1
  39. package/components/dock.css +1 -1
  40. package/components/drawer.css +1 -1
  41. package/components/dropdown/object.js +1 -1
  42. package/components/dropdown.css +1 -1
  43. package/components/fieldset/object.js +1 -1
  44. package/components/fieldset.css +1 -1
  45. package/components/fileinput/object.js +1 -1
  46. package/components/fileinput.css +1 -1
  47. package/components/filter.css +1 -1
  48. package/components/footer.css +1 -1
  49. package/components/hero.css +1 -1
  50. package/components/indicator.css +1 -1
  51. package/components/input/object.js +1 -1
  52. package/components/input.css +1 -1
  53. package/components/kbd/object.js +1 -1
  54. package/components/kbd.css +1 -1
  55. package/components/label/index.js +7 -0
  56. package/components/label/object.js +1 -0
  57. package/components/label.css +1 -0
  58. package/components/link.css +1 -1
  59. package/components/list/index.js +7 -0
  60. package/components/list/object.js +1 -0
  61. package/components/list.css +1 -0
  62. package/components/loading.css +1 -1
  63. package/components/mask.css +1 -1
  64. package/components/menu/object.js +1 -1
  65. package/components/menu.css +1 -1
  66. package/components/mockup/object.js +1 -1
  67. package/components/mockup.css +1 -1
  68. package/components/modal/object.js +1 -1
  69. package/components/modal.css +1 -1
  70. package/components/navbar.css +1 -1
  71. package/components/progress/object.js +1 -1
  72. package/components/progress.css +1 -1
  73. package/components/radialprogress.css +1 -1
  74. package/components/radio/object.js +1 -1
  75. package/components/radio.css +1 -1
  76. package/components/range/object.js +1 -1
  77. package/components/range.css +1 -1
  78. package/components/rating/object.js +1 -1
  79. package/components/rating.css +1 -1
  80. package/components/select/object.js +1 -1
  81. package/components/select.css +1 -1
  82. package/components/skeleton/object.js +1 -1
  83. package/components/skeleton.css +1 -1
  84. package/components/stack.css +1 -1
  85. package/components/stat/object.js +1 -1
  86. package/components/stat.css +1 -1
  87. package/components/status/object.js +1 -1
  88. package/components/status.css +1 -1
  89. package/components/steps.css +1 -1
  90. package/components/swap.css +1 -1
  91. package/components/tab/object.js +1 -1
  92. package/components/tab.css +1 -1
  93. package/components/table/object.js +1 -1
  94. package/components/table.css +1 -1
  95. package/components/textarea/object.js +1 -1
  96. package/components/textarea.css +1 -1
  97. package/components/timeline/object.js +1 -1
  98. package/components/timeline.css +1 -1
  99. package/components/toast/object.js +1 -1
  100. package/components/toast.css +1 -1
  101. package/components/toggle/object.js +1 -1
  102. package/components/toggle.css +1 -1
  103. package/components/tooltip/object.js +1 -1
  104. package/components/tooltip.css +1 -1
  105. package/daisyui.css +1 -1
  106. package/functions/pluginOptionsHandler.js +3 -1
  107. package/imports.js +5 -2
  108. package/package.json +1 -13
  109. package/theme/abyss/object.js +1 -1
  110. package/theme/abyss.css +1 -1
  111. package/theme/acid/object.js +1 -1
  112. package/theme/acid.css +1 -1
  113. package/theme/aqua/object.js +1 -1
  114. package/theme/aqua.css +1 -1
  115. package/theme/autumn/object.js +1 -1
  116. package/theme/autumn.css +1 -1
  117. package/theme/black/object.js +1 -1
  118. package/theme/black.css +1 -1
  119. package/theme/bumblebee/object.js +1 -1
  120. package/theme/bumblebee.css +1 -1
  121. package/theme/business/object.js +1 -1
  122. package/theme/business.css +1 -1
  123. package/theme/cmyk/object.js +1 -1
  124. package/theme/cmyk.css +1 -1
  125. package/theme/coffee/object.js +1 -1
  126. package/theme/coffee.css +1 -1
  127. package/theme/corporate/object.js +1 -1
  128. package/theme/corporate.css +1 -1
  129. package/theme/cupcake/object.js +1 -1
  130. package/theme/cupcake.css +1 -1
  131. package/theme/cyberpunk/object.js +1 -1
  132. package/theme/cyberpunk.css +1 -1
  133. package/theme/dark/object.js +1 -1
  134. package/theme/dark.css +1 -1
  135. package/theme/dim/object.js +1 -1
  136. package/theme/dim.css +1 -1
  137. package/theme/dracula/object.js +1 -1
  138. package/theme/dracula.css +1 -1
  139. package/theme/emerald/object.js +1 -1
  140. package/theme/emerald.css +1 -1
  141. package/theme/fantasy/object.js +1 -1
  142. package/theme/fantasy.css +1 -1
  143. package/theme/forest/object.js +1 -1
  144. package/theme/forest.css +1 -1
  145. package/theme/garden/object.js +1 -1
  146. package/theme/garden.css +1 -1
  147. package/theme/halloween/object.js +1 -1
  148. package/theme/halloween.css +1 -1
  149. package/theme/lemonade/object.js +1 -1
  150. package/theme/lemonade.css +1 -1
  151. package/theme/light/object.js +1 -1
  152. package/theme/light.css +1 -1
  153. package/theme/lofi/object.js +1 -1
  154. package/theme/lofi.css +1 -1
  155. package/theme/luxury/object.js +1 -1
  156. package/theme/luxury.css +1 -1
  157. package/theme/night/object.js +1 -1
  158. package/theme/night.css +1 -1
  159. package/theme/nord/object.js +1 -1
  160. package/theme/nord.css +1 -1
  161. package/theme/object.js +1 -1
  162. package/theme/pastel/object.js +1 -1
  163. package/theme/pastel.css +1 -1
  164. package/theme/retro/object.js +1 -1
  165. package/theme/retro.css +1 -1
  166. package/theme/silk/object.js +1 -1
  167. package/theme/silk.css +1 -1
  168. package/theme/sunset/object.js +1 -1
  169. package/theme/sunset.css +1 -1
  170. package/theme/synthwave/object.js +1 -1
  171. package/theme/synthwave.css +1 -1
  172. package/theme/valentine/object.js +1 -1
  173. package/theme/valentine.css +1 -1
  174. package/theme/winter/object.js +1 -1
  175. package/theme/winter.css +1 -1
  176. package/theme/wireframe/object.js +1 -1
  177. package/theme/wireframe.css +1 -1
  178. package/themes.css +1 -1
  179. package/utilities/join/object.js +1 -1
  180. package/utilities/join.css +1 -1
  181. package/utilities/radius.css +1 -1
  182. package/utilities/typography.css +1 -1
package/components/steps.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.44 – MIT License */ .steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{background-color:var(--color-base-300);width:100%;height:.5rem;color:var(--color-base-content);content:"";grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}&:after{content:counter(step);counter-increment:step;z-index:1;background-color:var(--color-base-300);width:2rem;height:2rem;color:var(--color-base-content);border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;display:grid;position:relative}&:first-child:before{content:none}&[data-content]:after{content:attr(data-content)}}& .step-neutral+.step-neutral:before,& .step-neutral:after{background-color:var(--color-neutral);color:var(--color-neutral-content)}& .step-primary+.step-primary:before,& .step-primary:after{background-color:var(--color-primary);color:var(--color-primary-content)}& .step-secondary+.step-secondary:before,& .step-secondary:after{background-color:var(--color-secondary);color:var(--color-secondary-content)}& .step-accent+.step-accent:before,& .step-accent:after{background-color:var(--color-accent);color:var(--color-accent-content)}& .step-info+.step-info:before{background-color:var(--color-info)}& .step-info:after{background-color:var(--color-info);color:var(--color-info-content)}& .step-success+.step-success:before{background-color:var(--color-success)}& .step-success:after{background-color:var(--color-success);color:var(--color-success-content)}& .step-warning+.step-warning:before{background-color:var(--color-warning)}& .step-warning:after{background-color:var(--color-warning);color:var(--color-warning-content)}& .step-error+.step-error:before{background-color:var(--color-error)}& .step-error:after{background-color:var(--color-error);color:var(--color-error-content)}}.steps-horizontal{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{content:"";width:100%;height:.5rem;margin-inline-start:-100%;translate:0}}}.steps-vertical{grid-auto-rows:1fr;grid-auto-flow:row;& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:.5rem;height:100%;margin-inline-start:50%;translate:-50% -50%}}}@media (width>=640px){.sm\:steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{background-color:var(--color-base-300);width:100%;height:.5rem;color:var(--color-base-content);content:"";grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}&:after{content:counter(step);counter-increment:step;z-index:1;background-color:var(--color-base-300);width:2rem;height:2rem;color:var(--color-base-content);border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;display:grid;position:relative}&:first-child:before{content:none}&[data-content]:after{content:attr(data-content)}}& .step-neutral+.step-neutral:before,& .step-neutral:after{background-color:var(--color-neutral);color:var(--color-neutral-content)}& .step-primary+.step-primary:before,& .step-primary:after{background-color:var(--color-primary);color:var(--color-primary-content)}& .step-secondary+.step-secondary:before,& .step-secondary:after{background-color:var(--color-secondary);color:var(--color-secondary-content)}& .step-accent+.step-accent:before,& .step-accent:after{background-color:var(--color-accent);color:var(--color-accent-content)}& .step-info+.step-info:before{background-color:var(--color-info)}& .step-info:after{background-color:var(--color-info);color:var(--color-info-content)}& .step-success+.step-success:before{background-color:var(--color-success)}& .step-success:after{background-color:var(--color-success);color:var(--color-success-content)}& .step-warning+.step-warning:before{background-color:var(--color-warning)}& .step-warning:after{background-color:var(--color-warning);color:var(--color-warning-content)}& .step-error+.step-error:before{background-color:var(--color-error)}& .step-error:after{background-color:var(--color-error);color:var(--color-error-content)}}.sm\:steps-horizontal{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{content:"";width:100%;height:.5rem;margin-inline-start:-100%;translate:0}}}.sm\:steps-vertical{grid-auto-rows:1fr;grid-auto-flow:row;& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:.5rem;height:100%;margin-inline-start:50%;translate:-50% -50%}}}}@media (width>=768px){.md\:steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{background-color:var(--color-base-300);width:100%;height:.5rem;color:var(--color-base-content);content:"";grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}&:after{content:counter(step);counter-increment:step;z-index:1;background-color:var(--color-base-300);width:2rem;height:2rem;color:var(--color-base-content);border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;display:grid;position:relative}&:first-child:before{content:none}&[data-content]:after{content:attr(data-content)}}& .step-neutral+.step-neutral:before,& .step-neutral:after{background-color:var(--color-neutral);color:var(--color-neutral-content)}& .step-primary+.step-primary:before,& .step-primary:after{background-color:var(--color-primary);color:var(--color-primary-content)}& .step-secondary+.step-secondary:before,& .step-secondary:after{background-color:var(--color-secondary);color:var(--color-secondary-content)}& .step-accent+.step-accent:before,& .step-accent:after{background-color:var(--color-accent);color:var(--color-accent-content)}& .step-info+.step-info:before{background-color:var(--color-info)}& .step-info:after{background-color:var(--color-info);color:var(--color-info-content)}& .step-success+.step-success:before{background-color:var(--color-success)}& .step-success:after{background-color:var(--color-success);color:var(--color-success-content)}& .step-warning+.step-warning:before{background-color:var(--color-warning)}& .step-warning:after{background-color:var(--color-warning);color:var(--color-warning-content)}& .step-error+.step-error:before{background-color:var(--color-error)}& .step-error:after{background-color:var(--color-error);color:var(--color-error-content)}}.md\:steps-horizontal{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{content:"";width:100%;height:.5rem;margin-inline-start:-100%;translate:0}}}.md\:steps-vertical{grid-auto-rows:1fr;grid-auto-flow:row;& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:.5rem;height:100%;margin-inline-start:50%;translate:-50% -50%}}}}@media (width>=1024px){.lg\:steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{background-color:var(--color-base-300);width:100%;height:.5rem;color:var(--color-base-content);content:"";grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}&:after{content:counter(step);counter-increment:step;z-index:1;background-color:var(--color-base-300);width:2rem;height:2rem;color:var(--color-base-content);border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;display:grid;position:relative}&:first-child:before{content:none}&[data-content]:after{content:attr(data-content)}}& .step-neutral+.step-neutral:before,& .step-neutral:after{background-color:var(--color-neutral);color:var(--color-neutral-content)}& .step-primary+.step-primary:before,& .step-primary:after{background-color:var(--color-primary);color:var(--color-primary-content)}& .step-secondary+.step-secondary:before,& .step-secondary:after{background-color:var(--color-secondary);color:var(--color-secondary-content)}& .step-accent+.step-accent:before,& .step-accent:after{background-color:var(--color-accent);color:var(--color-accent-content)}& .step-info+.step-info:before{background-color:var(--color-info)}& .step-info:after{background-color:var(--color-info);color:var(--color-info-content)}& .step-success+.step-success:before{background-color:var(--color-success)}& .step-success:after{background-color:var(--color-success);color:var(--color-success-content)}& .step-warning+.step-warning:before{background-color:var(--color-warning)}& .step-warning:after{background-color:var(--color-warning);color:var(--color-warning-content)}& .step-error+.step-error:before{background-color:var(--color-error)}& .step-error:after{background-color:var(--color-error);color:var(--color-error-content)}}.lg\:steps-horizontal{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{content:"";width:100%;height:.5rem;margin-inline-start:-100%;translate:0}}}.lg\:steps-vertical{grid-auto-rows:1fr;grid-auto-flow:row;& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:.5rem;height:100%;margin-inline-start:50%;translate:-50% -50%}}}}@media (width>=1280px){.xl\:steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{background-color:var(--color-base-300);width:100%;height:.5rem;color:var(--color-base-content);content:"";grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}&:after{content:counter(step);counter-increment:step;z-index:1;background-color:var(--color-base-300);width:2rem;height:2rem;color:var(--color-base-content);border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;display:grid;position:relative}&:first-child:before{content:none}&[data-content]:after{content:attr(data-content)}}& .step-neutral+.step-neutral:before,& .step-neutral:after{background-color:var(--color-neutral);color:var(--color-neutral-content)}& .step-primary+.step-primary:before,& .step-primary:after{background-color:var(--color-primary);color:var(--color-primary-content)}& .step-secondary+.step-secondary:before,& .step-secondary:after{background-color:var(--color-secondary);color:var(--color-secondary-content)}& .step-accent+.step-accent:before,& .step-accent:after{background-color:var(--color-accent);color:var(--color-accent-content)}& .step-info+.step-info:before{background-color:var(--color-info)}& .step-info:after{background-color:var(--color-info);color:var(--color-info-content)}& .step-success+.step-success:before{background-color:var(--color-success)}& .step-success:after{background-color:var(--color-success);color:var(--color-success-content)}& .step-warning+.step-warning:before{background-color:var(--color-warning)}& .step-warning:after{background-color:var(--color-warning);color:var(--color-warning-content)}& .step-error+.step-error:before{background-color:var(--color-error)}& .step-error:after{background-color:var(--color-error);color:var(--color-error-content)}}.xl\:steps-horizontal{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{content:"";width:100%;height:.5rem;margin-inline-start:-100%;translate:0}}}.xl\:steps-vertical{grid-auto-rows:1fr;grid-auto-flow:row;& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:.5rem;height:100%;margin-inline-start:50%;translate:-50% -50%}}}}@media (width>=1536px){.\32 xl\:steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{background-color:var(--color-base-300);width:100%;height:.5rem;color:var(--color-base-content);content:"";grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}&:after{content:counter(step);counter-increment:step;z-index:1;background-color:var(--color-base-300);width:2rem;height:2rem;color:var(--color-base-content);border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;display:grid;position:relative}&:first-child:before{content:none}&[data-content]:after{content:attr(data-content)}}& .step-neutral+.step-neutral:before,& .step-neutral:after{background-color:var(--color-neutral);color:var(--color-neutral-content)}& .step-primary+.step-primary:before,& .step-primary:after{background-color:var(--color-primary);color:var(--color-primary-content)}& .step-secondary+.step-secondary:before,& .step-secondary:after{background-color:var(--color-secondary);color:var(--color-secondary-content)}& .step-accent+.step-accent:before,& .step-accent:after{background-color:var(--color-accent);color:var(--color-accent-content)}& .step-info+.step-info:before{background-color:var(--color-info)}& .step-info:after{background-color:var(--color-info);color:var(--color-info-content)}& .step-success+.step-success:before{background-color:var(--color-success)}& .step-success:after{background-color:var(--color-success);color:var(--color-success-content)}& .step-warning+.step-warning:before{background-color:var(--color-warning)}& .step-warning:after{background-color:var(--color-warning);color:var(--color-warning-content)}& .step-error+.step-error:before{background-color:var(--color-error)}& .step-error:after{background-color:var(--color-error);color:var(--color-error-content)}}.\32 xl\:steps-horizontal{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{content:"";width:100%;height:.5rem;margin-inline-start:-100%;translate:0}}}.\32 xl\:steps-vertical{grid-auto-rows:1fr;grid-auto-flow:row;& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:.5rem;height:100%;margin-inline-start:50%;translate:-50% -50%}}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.45 - MIT License */ .steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{background-color:var(--color-base-300);width:100%;height:.5rem;color:var(--color-base-content);content:"";grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}&:after{content:counter(step);counter-increment:step;z-index:1;background-color:var(--color-base-300);width:2rem;height:2rem;color:var(--color-base-content);border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;display:grid;position:relative}&:first-child:before{content:none}&[data-content]:after{content:attr(data-content)}}& .step-neutral+.step-neutral:before,& .step-neutral:after{background-color:var(--color-neutral);color:var(--color-neutral-content)}& .step-primary+.step-primary:before,& .step-primary:after{background-color:var(--color-primary);color:var(--color-primary-content)}& .step-secondary+.step-secondary:before,& .step-secondary:after{background-color:var(--color-secondary);color:var(--color-secondary-content)}& .step-accent+.step-accent:before,& .step-accent:after{background-color:var(--color-accent);color:var(--color-accent-content)}& .step-info+.step-info:before{background-color:var(--color-info)}& .step-info:after{background-color:var(--color-info);color:var(--color-info-content)}& .step-success+.step-success:before{background-color:var(--color-success)}& .step-success:after{background-color:var(--color-success);color:var(--color-success-content)}& .step-warning+.step-warning:before{background-color:var(--color-warning)}& .step-warning:after{background-color:var(--color-warning);color:var(--color-warning-content)}& .step-error+.step-error:before{background-color:var(--color-error)}& .step-error:after{background-color:var(--color-error);color:var(--color-error-content)}}.steps-horizontal{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{content:"";width:100%;height:.5rem;margin-inline-start:-100%;translate:0}}}.steps-vertical{grid-auto-rows:1fr;grid-auto-flow:row;& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:.5rem;height:100%;margin-inline-start:50%;translate:-50% -50%}}}@media (width>=640px){.sm\:steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{background-color:var(--color-base-300);width:100%;height:.5rem;color:var(--color-base-content);content:"";grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}&:after{content:counter(step);counter-increment:step;z-index:1;background-color:var(--color-base-300);width:2rem;height:2rem;color:var(--color-base-content);border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;display:grid;position:relative}&:first-child:before{content:none}&[data-content]:after{content:attr(data-content)}}& .step-neutral+.step-neutral:before,& .step-neutral:after{background-color:var(--color-neutral);color:var(--color-neutral-content)}& .step-primary+.step-primary:before,& .step-primary:after{background-color:var(--color-primary);color:var(--color-primary-content)}& .step-secondary+.step-secondary:before,& .step-secondary:after{background-color:var(--color-secondary);color:var(--color-secondary-content)}& .step-accent+.step-accent:before,& .step-accent:after{background-color:var(--color-accent);color:var(--color-accent-content)}& .step-info+.step-info:before{background-color:var(--color-info)}& .step-info:after{background-color:var(--color-info);color:var(--color-info-content)}& .step-success+.step-success:before{background-color:var(--color-success)}& .step-success:after{background-color:var(--color-success);color:var(--color-success-content)}& .step-warning+.step-warning:before{background-color:var(--color-warning)}& .step-warning:after{background-color:var(--color-warning);color:var(--color-warning-content)}& .step-error+.step-error:before{background-color:var(--color-error)}& .step-error:after{background-color:var(--color-error);color:var(--color-error-content)}}.sm\:steps-horizontal{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{content:"";width:100%;height:.5rem;margin-inline-start:-100%;translate:0}}}.sm\:steps-vertical{grid-auto-rows:1fr;grid-auto-flow:row;& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:.5rem;height:100%;margin-inline-start:50%;translate:-50% -50%}}}}@media (width>=768px){.md\:steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{background-color:var(--color-base-300);width:100%;height:.5rem;color:var(--color-base-content);content:"";grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}&:after{content:counter(step);counter-increment:step;z-index:1;background-color:var(--color-base-300);width:2rem;height:2rem;color:var(--color-base-content);border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;display:grid;position:relative}&:first-child:before{content:none}&[data-content]:after{content:attr(data-content)}}& .step-neutral+.step-neutral:before,& .step-neutral:after{background-color:var(--color-neutral);color:var(--color-neutral-content)}& .step-primary+.step-primary:before,& .step-primary:after{background-color:var(--color-primary);color:var(--color-primary-content)}& .step-secondary+.step-secondary:before,& .step-secondary:after{background-color:var(--color-secondary);color:var(--color-secondary-content)}& .step-accent+.step-accent:before,& .step-accent:after{background-color:var(--color-accent);color:var(--color-accent-content)}& .step-info+.step-info:before{background-color:var(--color-info)}& .step-info:after{background-color:var(--color-info);color:var(--color-info-content)}& .step-success+.step-success:before{background-color:var(--color-success)}& .step-success:after{background-color:var(--color-success);color:var(--color-success-content)}& .step-warning+.step-warning:before{background-color:var(--color-warning)}& .step-warning:after{background-color:var(--color-warning);color:var(--color-warning-content)}& .step-error+.step-error:before{background-color:var(--color-error)}& .step-error:after{background-color:var(--color-error);color:var(--color-error-content)}}.md\:steps-horizontal{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{content:"";width:100%;height:.5rem;margin-inline-start:-100%;translate:0}}}.md\:steps-vertical{grid-auto-rows:1fr;grid-auto-flow:row;& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:.5rem;height:100%;margin-inline-start:50%;translate:-50% -50%}}}}@media (width>=1024px){.lg\:steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{background-color:var(--color-base-300);width:100%;height:.5rem;color:var(--color-base-content);content:"";grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}&:after{content:counter(step);counter-increment:step;z-index:1;background-color:var(--color-base-300);width:2rem;height:2rem;color:var(--color-base-content);border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;display:grid;position:relative}&:first-child:before{content:none}&[data-content]:after{content:attr(data-content)}}& .step-neutral+.step-neutral:before,& .step-neutral:after{background-color:var(--color-neutral);color:var(--color-neutral-content)}& .step-primary+.step-primary:before,& .step-primary:after{background-color:var(--color-primary);color:var(--color-primary-content)}& .step-secondary+.step-secondary:before,& .step-secondary:after{background-color:var(--color-secondary);color:var(--color-secondary-content)}& .step-accent+.step-accent:before,& .step-accent:after{background-color:var(--color-accent);color:var(--color-accent-content)}& .step-info+.step-info:before{background-color:var(--color-info)}& .step-info:after{background-color:var(--color-info);color:var(--color-info-content)}& .step-success+.step-success:before{background-color:var(--color-success)}& .step-success:after{background-color:var(--color-success);color:var(--color-success-content)}& .step-warning+.step-warning:before{background-color:var(--color-warning)}& .step-warning:after{background-color:var(--color-warning);color:var(--color-warning-content)}& .step-error+.step-error:before{background-color:var(--color-error)}& .step-error:after{background-color:var(--color-error);color:var(--color-error-content)}}.lg\:steps-horizontal{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{content:"";width:100%;height:.5rem;margin-inline-start:-100%;translate:0}}}.lg\:steps-vertical{grid-auto-rows:1fr;grid-auto-flow:row;& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:.5rem;height:100%;margin-inline-start:50%;translate:-50% -50%}}}}@media (width>=1280px){.xl\:steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{background-color:var(--color-base-300);width:100%;height:.5rem;color:var(--color-base-content);content:"";grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}&:after{content:counter(step);counter-increment:step;z-index:1;background-color:var(--color-base-300);width:2rem;height:2rem;color:var(--color-base-content);border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;display:grid;position:relative}&:first-child:before{content:none}&[data-content]:after{content:attr(data-content)}}& .step-neutral+.step-neutral:before,& .step-neutral:after{background-color:var(--color-neutral);color:var(--color-neutral-content)}& .step-primary+.step-primary:before,& .step-primary:after{background-color:var(--color-primary);color:var(--color-primary-content)}& .step-secondary+.step-secondary:before,& .step-secondary:after{background-color:var(--color-secondary);color:var(--color-secondary-content)}& .step-accent+.step-accent:before,& .step-accent:after{background-color:var(--color-accent);color:var(--color-accent-content)}& .step-info+.step-info:before{background-color:var(--color-info)}& .step-info:after{background-color:var(--color-info);color:var(--color-info-content)}& .step-success+.step-success:before{background-color:var(--color-success)}& .step-success:after{background-color:var(--color-success);color:var(--color-success-content)}& .step-warning+.step-warning:before{background-color:var(--color-warning)}& .step-warning:after{background-color:var(--color-warning);color:var(--color-warning-content)}& .step-error+.step-error:before{background-color:var(--color-error)}& .step-error:after{background-color:var(--color-error);color:var(--color-error-content)}}.xl\:steps-horizontal{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{content:"";width:100%;height:.5rem;margin-inline-start:-100%;translate:0}}}.xl\:steps-vertical{grid-auto-rows:1fr;grid-auto-flow:row;& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:.5rem;height:100%;margin-inline-start:50%;translate:-50% -50%}}}}@media (width>=1536px){.\32 xl\:steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{background-color:var(--color-base-300);width:100%;height:.5rem;color:var(--color-base-content);content:"";grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}&:after{content:counter(step);counter-increment:step;z-index:1;background-color:var(--color-base-300);width:2rem;height:2rem;color:var(--color-base-content);border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;display:grid;position:relative}&:first-child:before{content:none}&[data-content]:after{content:attr(data-content)}}& .step-neutral+.step-neutral:before,& .step-neutral:after{background-color:var(--color-neutral);color:var(--color-neutral-content)}& .step-primary+.step-primary:before,& .step-primary:after{background-color:var(--color-primary);color:var(--color-primary-content)}& .step-secondary+.step-secondary:before,& .step-secondary:after{background-color:var(--color-secondary);color:var(--color-secondary-content)}& .step-accent+.step-accent:before,& .step-accent:after{background-color:var(--color-accent);color:var(--color-accent-content)}& .step-info+.step-info:before{background-color:var(--color-info)}& .step-info:after{background-color:var(--color-info);color:var(--color-info-content)}& .step-success+.step-success:before{background-color:var(--color-success)}& .step-success:after{background-color:var(--color-success);color:var(--color-success-content)}& .step-warning+.step-warning:before{background-color:var(--color-warning)}& .step-warning:after{background-color:var(--color-warning);color:var(--color-warning-content)}& .step-error+.step-error:before{background-color:var(--color-error)}& .step-error:after{background-color:var(--color-error);color:var(--color-error-content)}}.\32 xl\:steps-horizontal{grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden;& .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid;&:before{content:"";width:100%;height:.5rem;margin-inline-start:-100%;translate:0}}}.\32 xl\:steps-vertical{grid-auto-rows:1fr;grid-auto-flow:row;& .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid;&:before{width:.5rem;height:100%;margin-inline-start:50%;translate:-50% -50%}}}}
package/components/swap.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.44 – MIT License */ .swap{cursor:pointer;vertical-align:middle;-webkit-user-select:none;user-select:none;place-content:center;display:inline-grid;position:relative;& input{appearance:none;border:none}&>*{grid-row-start:1;grid-column-start:1;transition-property:transform,rotate,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{opacity:0}& input:checked,& input:indeterminate{&~.swap-off{opacity:0}}& input:checked~.swap-on,& input:indeterminate~.swap-indeterminate{opacity:1}}.swap-active{& .swap-off{opacity:0}& .swap-on{opacity:1}}.swap-rotate{& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{rotate:45deg}& input:checked,& input:indeterminate{&~.swap-on{rotate:none}&~.swap-off{rotate:-45deg}}&:where(.swap-active){&~.swap-on{rotate:none}& .swap-off{rotate:-45deg}}}.swap-flip{transform-style:preserve-3d;perspective:20rem;& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{backface-visibility:hidden;opacity:1;transform:rotateY(180deg)}& input:checked,& input:indeterminate{&~.swap-on{transform:rotateY(0)}&~.swap-off{backface-visibility:hidden;opacity:1;transform:rotateY(-180deg)}}&:where(.swap-active){&~.swap-on{transform:rotateY(0)}&~.swap-off{backface-visibility:hidden;opacity:1;transform:rotateY(-180deg)}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.45 - MIT License */ .swap{cursor:pointer;vertical-align:middle;-webkit-user-select:none;user-select:none;place-content:center;display:inline-grid;position:relative;& input{appearance:none;border:none}&>*{grid-row-start:1;grid-column-start:1;transition-property:transform,rotate,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{opacity:0}& input:checked,& input:indeterminate{&~.swap-off{opacity:0}}& input:checked~.swap-on,& input:indeterminate~.swap-indeterminate{opacity:1}}.swap-active{& .swap-off{opacity:0}& .swap-on{opacity:1}}.swap-rotate{& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{rotate:45deg}& input:checked,& input:indeterminate{&~.swap-on{rotate:none}&~.swap-off{rotate:-45deg}}&:where(.swap-active){&~.swap-on{rotate:none}& .swap-off{rotate:-45deg}}}.swap-flip{transform-style:preserve-3d;perspective:20rem;& .swap-on,& .swap-indeterminate,& input:indeterminate~.swap-on{backface-visibility:hidden;opacity:1;transform:rotateY(180deg)}& input:checked,& input:indeterminate{&~.swap-on{transform:rotateY(0)}&~.swap-off{backface-visibility:hidden;opacity:1;transform:rotateY(-180deg)}}&:where(.swap-active){&~.swap-on{transform:rotateY(0)}&~.swap-off{backface-visibility:hidden;opacity:1;transform:rotateY(-180deg)}}}
package/components/tab/object.js CHANGED
@@ -1 +1 @@
1
- export default {".tabs":{"display":"flex","flex-wrap":"wrap","--tabs-height":"auto","--tabs-direction":"row","height":"var(--tabs-height)","flex-direction":"var(--tabs-direction)"},".tab":{"position":"relative","display":"inline-flex","cursor":"pointer","appearance":"none","flex-wrap":"wrap","align-items":"center","justify-content":"center","text-align":"center","color":"color-mix(in oklab, var(--color-base-content) 50%, transparent)","webkit-user-select":"none","user-select":"none","&:hover":{"@media (hover: hover)":{"color":"var(--color-base-content)"}},"--tab-padding":"1rem","--tab-bg":"var(--color-base-100)","--tab-border-color":"var(--color-base-300)","--tab-radius-ss":"0","--tab-radius-se":"0","--tab-radius-es":"0","--tab-radius-ee":"0","--tab-order":"0","--tab-radius-min":"calc(0.75rem - var(--border-width))","border-color":"transparent","order":"var(--tab-order)","height":"calc(var(--size-field, 0.25rem) * 10)","font-size":"0.875rem","padding-inline-start":"var(--tab-padding)","padding-inline-end":"var(--tab-padding)","&:is(input[type=\"radio\"])":{"min-width":"fit-content","&:after":{"content":"attr(aria-label)"}},"&:checked, &:is(.tab-active, [aria-selected=\"true\"])":{"& + .tab-content":{"display":"block","height":"100%"}},"&:not(input):empty":{"cursor":"default"},"&:is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled, [disabled]), &:is(input:checked)":{"color":"var(--color-base-content)"},"&:focus":{"outline":"2px solid transparent","outline-offset":"2px"},"&:focus-visible":{"outline":"2px solid currentColor","outline-offset":"-5px"},"&[disabled], &[disabled]:hover":{"cursor":"not-allowed","color":"color-mix(in oklab, var(--color-base-content) 20%, transparent)"}},".tab-disabled":{"cursor":"not-allowed","color":"color-mix(in oklab, var(--color-base-content) 20%, transparent)"},".tabs-border":{".tab":{"--tab-border-color":"transparent transparent var(--tab-border-color) transparent","position":"relative","border-radius":"var(--radius-field)","&:before":{"--tw-content":"\"\"","content":"var(--tw-content)","background-color":"var(--tab-border-color)","transition":"background-color 0.2s ease","width":"80%","height":"3px","border-radius":"var(--radius-field)","bottom":"0","left":"10%","position":"absolute"},"&:is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled, [disabled]), &:is(input:checked)":{"&:before":{"--tab-border-color":"currentColor"}}}},".tabs-lift":{"--tabs-height":"auto","--tabs-direction":"row",".tab":{"--tab-border":"0 0 var(--border-width) 0","--tab-radius-ss":"min(var(--radius-field), var(--tab-radius-min))","--tab-radius-se":"min(var(--radius-field), var(--tab-radius-min))","--tab-radius-es":"0","--tab-radius-ee":"0","--tab-paddings":"var(--border-width) var(--tab-padding) 0 var(--tab-padding)","--tab-border-colors":"transparent transparent var(--tab-border-color) transparent","--tab-corner-width":"calc(100% + min(var(--radius-field), var(--tab-radius-min)) * 2)","--tab-corner-height":"min(var(--radius-field), var(--tab-radius-min))","--tab-corner-position":"top left, top right","--last-tab-margin":"0 var(--tab-padding) 0 0","border-width":"var(--tab-border)","border-start-start-radius":"var(--tab-radius-ss)","border-start-end-radius":"var(--tab-radius-se)","border-end-start-radius":"var(--tab-radius-es)","border-end-end-radius":"var(--tab-radius-ee)","padding":"var(--tab-paddings)","border-color":"var(--tab-border-colors)","&:is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled, [disabled]), &:is(input:checked)":{"--tab-border":"var(--border-width) var(--border-width) 0 var(--border-width)","--tab-border-colors":"var(--tab-border-color) var(--tab-border-color) transparent\n var(--tab-border-color)","--tab-paddings":"0 calc(var(--tab-padding) - var(--border-width)) var(--border-width)\n calc(var(--tab-padding) - var(--border-width))","--tab-inset":"auto auto 0 auto","--tab-grad":"calc(69% - var(--border-width))","--radius-start":"radial-gradient(\n circle at top left,\n transparent var(--tab-grad),\n var(--tab-border-color) calc(var(--tab-grad) + 0.25px),\n var(--tab-border-color) calc(var(--tab-grad) + var(--border-width)),\n var(--tab-bg) calc(var(--tab-grad) + var(--border-width) + 0.25px)\n )","--radius-end":"radial-gradient(\n circle at top right,\n transparent var(--tab-grad),\n var(--tab-border-color) calc(var(--tab-grad) + 0.25px),\n var(--tab-border-color) calc(var(--tab-grad) + var(--border-width)),\n var(--tab-bg) calc(var(--tab-grad) + var(--border-width) + 0.25px)\n )","background-color":"var(--tab-bg)","&:before":{"z-index":1,"content":"\"\"","display":"block","position":"absolute","width":"var(--tab-corner-width)","height":"var(--tab-corner-height)","background-position":"var(--tab-corner-position)","background-image":"var(--radius-start), var(--radius-end)","background-size":"min(var(--radius-field), var(--tab-radius-min)) min(var(--radius-field), var(--tab-radius-min))","background-repeat":"no-repeat","inset":"var(--tab-inset)"},"&:first-child:before":{"--radius-start":"none"},"&:last-child:before":{"--radius-end":"none"}},"&:last-of-type":{"margin":"var(--last-tab-margin)"}},"&:has(.tab-content)":{".tab:first-child":{"&:not(.tab-active, [aria-selected=\"true\"])":{"--tab-border-colors":"var(--tab-border-color) var(--tab-border-color) transparent\n var(--tab-border-color)"}}},".tab-content":{"--tabcontent-margin":"calc(-1 * var(--border-width)) 0 0 0","--radius-tabcontent-ss":"0","--radius-tabcontent-se":"var(--radius-box)","--radius-tabcontent-es":"var(--radius-box)","--radius-tabcontent-ee":"var(--radius-box)"},":checked, :is(.tab-active, [aria-selected=\"true\"])":{"& + .tab-content:not(:nth-child(2))":{"--radius-tabcontent-ss":"var(--radius-box)"}}},".tabs-top":{"--tabs-height":"auto","--tabs-direction":"row",".tab":{"--tab-order":"0","--tab-border":"0 0 var(--border-width) 0","--tab-radius-ss":"min(var(--radius-field), var(--tab-radius-min))","--tab-radius-se":"min(var(--radius-field), var(--tab-radius-min))","--tab-radius-es":"0","--tab-radius-ee":"0","--tab-paddings":"var(--border-width) var(--tab-padding) 0 var(--tab-padding)","--tab-border-colors":"transparent transparent var(--tab-border-color) transparent","--tab-corner-width":"calc(100% + min(var(--radius-field), var(--tab-radius-min)) * 2)","--tab-corner-height":"min(var(--radius-field), var(--tab-radius-min))","--tab-corner-position":"top left, top right","--last-tab-margin":"0 var(--tab-padding) 0 0","&:is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled, [disabled]), &:is(input:checked)":{"--tab-border":"var(--border-width) var(--border-width) 0 var(--border-width)","--tab-border-colors":"var(--tab-border-color) var(--tab-border-color) transparent\n var(--tab-border-color)","--tab-paddings":"0 calc(var(--tab-padding) - var(--border-width)) var(--border-width)\n calc(var(--tab-padding) - var(--border-width))","--tab-inset":"auto auto 0 auto","--radius-start":"radial-gradient(\n circle at top left,\n transparent var(--tab-grad),\n var(--tab-border-color) calc(var(--tab-grad) + 0.25px),\n var(--tab-border-color) calc(var(--tab-grad) + var(--border-width)),\n var(--tab-bg) calc(var(--tab-grad) + var(--border-width) + 0.25px)\n )","--radius-end":"radial-gradient(\n circle at top right,\n transparent var(--tab-grad),\n var(--tab-border-color) calc(var(--tab-grad) + 0.25px),\n var(--tab-border-color) calc(var(--tab-grad) + var(--border-width)),\n var(--tab-bg) calc(var(--tab-grad) + var(--border-width) + 0.25px)\n )"}},"&:has(.tab-content)":{".tab:first-child":{"&:not(.tab-active, [aria-selected=\"true\"])":{"--tab-border-colors":"var(--tab-border-color) var(--tab-border-color) transparent\n var(--tab-border-color)"}}},".tab-content":{"--tabcontent-order":"1","--tabcontent-margin":"calc(-1 * var(--border-width)) 0 0 0","--radius-tabcontent-ss":"0","--radius-tabcontent-se":"var(--radius-box)","--radius-tabcontent-es":"var(--radius-box)","--radius-tabcontent-ee":"var(--radius-box)"},":checked, :is(.tab-active, [aria-selected=\"true\"])":{"& + .tab-content:not(:nth-child(2))":{"--radius-tabcontent-ss":"var(--radius-box)"}}},".tabs-bottom":{"--tabs-height":"auto","--tabs-direction":"row",".tab":{"--tab-order":"1","--tab-border":"var(--border-width) 0 0 0","--tab-radius-ss":"0","--tab-radius-se":"0","--tab-radius-es":"min(var(--radius-field), var(--tab-radius-min))","--tab-radius-ee":"min(var(--radius-field), var(--tab-radius-min))","--tab-border-colors":"var(--tab-border-color) transparent transparent transparent","--tab-paddings":"0 var(--tab-padding) var(--border-width) var(--tab-padding)","--tab-corner-width":"calc(100% + min(var(--radius-field), var(--tab-radius-min)) * 2)","--tab-corner-height":"min(var(--radius-field), var(--tab-radius-min))","--tab-corner-position":"top left, top right","--last-tab-margin":"0 var(--tab-padding) 0 0","&:is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled, [disabled]), &:is(input:checked)":{"--tab-border":"0 var(--border-width) var(--border-width) var(--border-width)","--tab-border-colors":"transparent var(--tab-border-color) var(--tab-border-color)\n var(--tab-border-color)","--tab-paddings":"var(--border-width) calc(var(--tab-padding) - var(--border-width)) 0\n calc(var(--tab-padding) - var(--border-width))","--tab-inset":"0 auto auto auto","--radius-start":"radial-gradient(\n circle at bottom left,\n transparent var(--tab-grad),\n var(--tab-border-color) calc(var(--tab-grad) + 0.25px),\n var(--tab-border-color) calc(var(--tab-grad) + var(--border-width)),\n var(--tab-bg) calc(var(--tab-grad) + var(--border-width) + 0.25px)\n )","--radius-end":"radial-gradient(\n circle at bottom right,\n transparent var(--tab-grad),\n var(--tab-border-color) calc(var(--tab-grad) + 0.25px),\n var(--tab-border-color) calc(var(--tab-grad) + var(--border-width)),\n var(--tab-bg) calc(var(--tab-grad) + var(--border-width) + 0.25px)\n )"}},"&:has(.tab-content)":{".tab:first-child":{"&:not(.tab-active, [aria-selected=\"true\"])":{"--tab-border-colors":"transparent var(--tab-border-color) var(--tab-border-color)\n var(--tab-border-color)"}}},".tab-content":{"--tabcontent-order":"0","--tabcontent-margin":"0 0 calc(-1 * var(--border-width)) 0","--radius-tabcontent-ss":"var(--radius-box)","--radius-tabcontent-se":"var(--radius-box)","--radius-tabcontent-es":"0","--radius-tabcontent-ee":"var(--radius-box)"},":checked, :is(.tab-active, [aria-selected=\"true\"])":{"& + .tab-content:not(:nth-child(2))":{"--radius-tabcontent-es":"var(--radius-box)"}}},".tabs-box":{"border-radius":"var(--radius-field)","background-color":"var(--color-base-200)","padding":"calc(0.25rem * 1)","box-shadow":"0 -0.5px oklch(100% 0 0/ 0.1) inset, 0 0.5px oklch(0% 0 0/ 0.05) inset",".tab":{"border-radius":"var(--radius-field)","border-style":"none","&:focus-visible":{"outline-offset":"2px"}},":is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled, [disabled]), :is(input:checked)":{"background-color":"var(--color-base-100)","color":"var(--color-base-content)","&:hover":{"@media (hover: hover)":{"color":"var(--color-base-content)"}},"box-shadow":"0 1px oklch(100% 0 0/ 0.1) inset, 0 1px 1px -1px color-mix(in oklab, var(--color-neutral), transparent), 0 1px 6px -4px var(--color-neutral)"}},".tab-content":{"order":[1,"var(--tabcontent-order)"],"display":"none","border-color":"transparent","--radius-tabcontent-ss":"0","--radius-tabcontent-se":"0","--radius-tabcontent-es":"0","--radius-tabcontent-ee":"0","--tabcontent-order":"1","width":"100%","margin":"var(--tabcontent-margin)","border-width":"var(--border-width)","border-start-start-radius":"var(--radius-tabcontent-ss)","border-start-end-radius":"var(--radius-tabcontent-se)","border-end-start-radius":"var(--radius-tabcontent-es)","border-end-end-radius":"var(--radius-tabcontent-ee)"},".tabs-xs":{":where(.tab)":{"height":"calc(var(--size-field, 0.25rem) * 6)","font-size":"0.75rem","--tab-padding":"0.375rem","--tab-radius-min":"calc(0.5rem - var(--border-width))"}},".tabs-sm":{":where(.tab)":{"height":"calc(var(--size-field, 0.25rem) * 8)","font-size":"0.875rem","--tab-padding":"0.5rem","--tab-radius-min":"calc(0.5rem - var(--border-width))"}},".tabs-md":{":where(.tab)":{"height":"calc(var(--size-field, 0.25rem) * 10)","font-size":"0.875rem","--tab-padding":"0.75rem","--tab-radius-min":"calc(0.75rem - var(--border-width))"}},".tabs-lg":{":where(.tab)":{"height":"calc(var(--size-field, 0.25rem) * 12)","font-size":"1.125rem","--tab-padding":"1rem","--tab-radius-min":"calc(1.5rem - var(--border-width))"}},".tabs-xl":{":where(.tab)":{"height":"calc(var(--size-field, 0.25rem) * 14)","font-size":"1.125rem","--tab-padding":"1.25rem","--tab-radius-min":"calc(2rem - var(--border-width))"}}};
1
+ export default {".tabs":{"display":"flex","flex-wrap":"wrap","--tabs-height":"auto","--tabs-direction":"row","height":"var(--tabs-height)","flex-direction":"var(--tabs-direction)"},".tab":{"position":"relative","display":"inline-flex","cursor":"pointer","appearance":"none","flex-wrap":"wrap","align-items":"center","justify-content":"center","text-align":"center","color":"color-mix(in oklab, var(--color-base-content) 50%, transparent)","webkit-user-select":"none","user-select":"none","&:hover":{"@media (hover: hover)":{"color":"var(--color-base-content)"}},"--tab-padding":"1rem","--tab-bg":"var(--color-base-100)","--tab-border-color":"var(--color-base-300)","--tab-radius-ss":"0","--tab-radius-se":"0","--tab-radius-es":"0","--tab-radius-ee":"0","--tab-order":"0","--tab-radius-min":"calc(0.75rem - var(--border))","border-color":"transparent","order":"var(--tab-order)","height":"calc(var(--size-field, 0.25rem) * 10)","font-size":"0.875rem","padding-inline-start":"var(--tab-padding)","padding-inline-end":"var(--tab-padding)","&:is(input[type=\"radio\"])":{"min-width":"fit-content","&:after":{"content":"attr(aria-label)"}},"&:checked, &:is(.tab-active, [aria-selected=\"true\"])":{"& + .tab-content":{"display":"block","height":"100%"}},"&:not(input):empty":{"cursor":"default"},"&:is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled, [disabled]), &:is(input:checked)":{"color":"var(--color-base-content)"},"&:focus":{"outline":"2px solid transparent","outline-offset":"2px"},"&:focus-visible":{"outline":"2px solid currentColor","outline-offset":"-5px"},"&[disabled], &[disabled]:hover":{"cursor":"not-allowed","color":"color-mix(in oklab, var(--color-base-content) 20%, transparent)"}},".tab-disabled":{"cursor":"not-allowed","color":"color-mix(in oklab, var(--color-base-content) 20%, transparent)"},".tabs-border":{".tab":{"--tab-border-color":"transparent transparent var(--tab-border-color) transparent","position":"relative","border-radius":"var(--radius-field)","&:before":{"--tw-content":"\"\"","content":"var(--tw-content)","background-color":"var(--tab-border-color)","transition":"background-color 0.2s ease","width":"80%","height":"3px","border-radius":"var(--radius-field)","bottom":"0","left":"10%","position":"absolute"},"&:is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled, [disabled]), &:is(input:checked)":{"&:before":{"--tab-border-color":"currentColor"}}}},".tabs-lift":{"--tabs-height":"auto","--tabs-direction":"row",".tab":{"--tab-border":"0 0 var(--border) 0","--tab-radius-ss":"min(var(--radius-field), var(--tab-radius-min))","--tab-radius-se":"min(var(--radius-field), var(--tab-radius-min))","--tab-radius-es":"0","--tab-radius-ee":"0","--tab-paddings":"var(--border) var(--tab-padding) 0 var(--tab-padding)","--tab-border-colors":"transparent transparent var(--tab-border-color) transparent","--tab-corner-width":"calc(100% + min(var(--radius-field), var(--tab-radius-min)) * 2)","--tab-corner-height":"min(var(--radius-field), var(--tab-radius-min))","--tab-corner-position":"top left, top right","--last-tab-margin":"0 var(--tab-padding) 0 0","border-width":"var(--tab-border)","border-start-start-radius":"var(--tab-radius-ss)","border-start-end-radius":"var(--tab-radius-se)","border-end-start-radius":"var(--tab-radius-es)","border-end-end-radius":"var(--tab-radius-ee)","padding":"var(--tab-paddings)","border-color":"var(--tab-border-colors)","&:is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled, [disabled]), &:is(input:checked)":{"--tab-border":"var(--border) var(--border) 0 var(--border)","--tab-border-colors":"var(--tab-border-color) var(--tab-border-color) transparent\n var(--tab-border-color)","--tab-paddings":"0 calc(var(--tab-padding) - var(--border)) var(--border)\n calc(var(--tab-padding) - var(--border))","--tab-inset":"auto auto 0 auto","--tab-grad":"calc(69% - var(--border))","--radius-start":"radial-gradient(\n circle at top left,\n transparent var(--tab-grad),\n var(--tab-border-color) calc(var(--tab-grad) + 0.25px),\n var(--tab-border-color) calc(var(--tab-grad) + var(--border)),\n var(--tab-bg) calc(var(--tab-grad) + var(--border) + 0.25px)\n )","--radius-end":"radial-gradient(\n circle at top right,\n transparent var(--tab-grad),\n var(--tab-border-color) calc(var(--tab-grad) + 0.25px),\n var(--tab-border-color) calc(var(--tab-grad) + var(--border)),\n var(--tab-bg) calc(var(--tab-grad) + var(--border) + 0.25px)\n )","background-color":"var(--tab-bg)","&:before":{"z-index":1,"content":"\"\"","display":"block","position":"absolute","width":"var(--tab-corner-width)","height":"var(--tab-corner-height)","background-position":"var(--tab-corner-position)","background-image":"var(--radius-start), var(--radius-end)","background-size":"min(var(--radius-field), var(--tab-radius-min)) min(var(--radius-field), var(--tab-radius-min))","background-repeat":"no-repeat","inset":"var(--tab-inset)"},"&:first-child:before":{"--radius-start":"none"},"&:last-child:before":{"--radius-end":"none"}},"&:last-of-type":{"margin":"var(--last-tab-margin)"}},"&:has(.tab-content)":{".tab:first-child":{"&:not(.tab-active, [aria-selected=\"true\"])":{"--tab-border-colors":"var(--tab-border-color) var(--tab-border-color) transparent\n var(--tab-border-color)"}}},".tab-content":{"--tabcontent-margin":"calc(-1 * var(--border)) 0 0 0","--radius-tabcontent-ss":"0","--radius-tabcontent-se":"var(--radius-box)","--radius-tabcontent-es":"var(--radius-box)","--radius-tabcontent-ee":"var(--radius-box)"},":checked, :is(.tab-active, [aria-selected=\"true\"])":{"& + .tab-content:not(:nth-child(2))":{"--radius-tabcontent-ss":"var(--radius-box)"}}},".tabs-top":{"--tabs-height":"auto","--tabs-direction":"row",".tab":{"--tab-order":"0","--tab-border":"0 0 var(--border) 0","--tab-radius-ss":"min(var(--radius-field), var(--tab-radius-min))","--tab-radius-se":"min(var(--radius-field), var(--tab-radius-min))","--tab-radius-es":"0","--tab-radius-ee":"0","--tab-paddings":"var(--border) var(--tab-padding) 0 var(--tab-padding)","--tab-border-colors":"transparent transparent var(--tab-border-color) transparent","--tab-corner-width":"calc(100% + min(var(--radius-field), var(--tab-radius-min)) * 2)","--tab-corner-height":"min(var(--radius-field), var(--tab-radius-min))","--tab-corner-position":"top left, top right","--last-tab-margin":"0 var(--tab-padding) 0 0","&:is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled, [disabled]), &:is(input:checked)":{"--tab-border":"var(--border) var(--border) 0 var(--border)","--tab-border-colors":"var(--tab-border-color) var(--tab-border-color) transparent\n var(--tab-border-color)","--tab-paddings":"0 calc(var(--tab-padding) - var(--border)) var(--border)\n calc(var(--tab-padding) - var(--border))","--tab-inset":"auto auto 0 auto","--radius-start":"radial-gradient(\n circle at top left,\n transparent var(--tab-grad),\n var(--tab-border-color) calc(var(--tab-grad) + 0.25px),\n var(--tab-border-color) calc(var(--tab-grad) + var(--border)),\n var(--tab-bg) calc(var(--tab-grad) + var(--border) + 0.25px)\n )","--radius-end":"radial-gradient(\n circle at top right,\n transparent var(--tab-grad),\n var(--tab-border-color) calc(var(--tab-grad) + 0.25px),\n var(--tab-border-color) calc(var(--tab-grad) + var(--border)),\n var(--tab-bg) calc(var(--tab-grad) + var(--border) + 0.25px)\n )"}},"&:has(.tab-content)":{".tab:first-child":{"&:not(.tab-active, [aria-selected=\"true\"])":{"--tab-border-colors":"var(--tab-border-color) var(--tab-border-color) transparent\n var(--tab-border-color)"}}},".tab-content":{"--tabcontent-order":"1","--tabcontent-margin":"calc(-1 * var(--border)) 0 0 0","--radius-tabcontent-ss":"0","--radius-tabcontent-se":"var(--radius-box)","--radius-tabcontent-es":"var(--radius-box)","--radius-tabcontent-ee":"var(--radius-box)"},":checked, :is(.tab-active, [aria-selected=\"true\"])":{"& + .tab-content:not(:nth-child(2))":{"--radius-tabcontent-ss":"var(--radius-box)"}}},".tabs-bottom":{"--tabs-height":"auto","--tabs-direction":"row",".tab":{"--tab-order":"1","--tab-border":"var(--border) 0 0 0","--tab-radius-ss":"0","--tab-radius-se":"0","--tab-radius-es":"min(var(--radius-field), var(--tab-radius-min))","--tab-radius-ee":"min(var(--radius-field), var(--tab-radius-min))","--tab-border-colors":"var(--tab-border-color) transparent transparent transparent","--tab-paddings":"0 var(--tab-padding) var(--border) var(--tab-padding)","--tab-corner-width":"calc(100% + min(var(--radius-field), var(--tab-radius-min)) * 2)","--tab-corner-height":"min(var(--radius-field), var(--tab-radius-min))","--tab-corner-position":"top left, top right","--last-tab-margin":"0 var(--tab-padding) 0 0","&:is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled, [disabled]), &:is(input:checked)":{"--tab-border":"0 var(--border) var(--border) var(--border)","--tab-border-colors":"transparent var(--tab-border-color) var(--tab-border-color)\n var(--tab-border-color)","--tab-paddings":"var(--border) calc(var(--tab-padding) - var(--border)) 0\n calc(var(--tab-padding) - var(--border))","--tab-inset":"0 auto auto auto","--radius-start":"radial-gradient(\n circle at bottom left,\n transparent var(--tab-grad),\n var(--tab-border-color) calc(var(--tab-grad) + 0.25px),\n var(--tab-border-color) calc(var(--tab-grad) + var(--border)),\n var(--tab-bg) calc(var(--tab-grad) + var(--border) + 0.25px)\n )","--radius-end":"radial-gradient(\n circle at bottom right,\n transparent var(--tab-grad),\n var(--tab-border-color) calc(var(--tab-grad) + 0.25px),\n var(--tab-border-color) calc(var(--tab-grad) + var(--border)),\n var(--tab-bg) calc(var(--tab-grad) + var(--border) + 0.25px)\n )"}},"&:has(.tab-content)":{".tab:first-child":{"&:not(.tab-active, [aria-selected=\"true\"])":{"--tab-border-colors":"transparent var(--tab-border-color) var(--tab-border-color)\n var(--tab-border-color)"}}},".tab-content":{"--tabcontent-order":"0","--tabcontent-margin":"0 0 calc(-1 * var(--border)) 0","--radius-tabcontent-ss":"var(--radius-box)","--radius-tabcontent-se":"var(--radius-box)","--radius-tabcontent-es":"0","--radius-tabcontent-ee":"var(--radius-box)"},":checked, :is(.tab-active, [aria-selected=\"true\"])":{"& + .tab-content:not(:nth-child(2))":{"--radius-tabcontent-es":"var(--radius-box)"}}},".tabs-box":{"background-color":"var(--color-base-200)","padding":"calc(0.25rem * 1)","border-radius":"calc(var(--radius-field) + 0.25rem)","box-shadow":"0 -0.5px oklch(100% 0 0/ 0.1) inset, 0 0.5px oklch(0% 0 0/ 0.05) inset",".tab":{"border-radius":"var(--radius-field)","border-style":"none","&:focus-visible":{"outline-offset":"2px"}},":is(.tab-active, [aria-selected=\"true\"]):not(.tab-disabled, [disabled]), :is(input:checked)":{"background-color":"var(--color-base-100)","color":"var(--color-base-content)","&:hover":{"@media (hover: hover)":{"color":"var(--color-base-content)"}},"box-shadow":"0 1px oklch(100% 0 0/ 0.1) inset, 0 1px 1px -1px color-mix(in oklab, var(--color-neutral), transparent), 0 1px 6px -4px var(--color-neutral)"}},".tab-content":{"order":[1,"var(--tabcontent-order)"],"display":"none","border-color":"transparent","--radius-tabcontent-ss":"0","--radius-tabcontent-se":"0","--radius-tabcontent-es":"0","--radius-tabcontent-ee":"0","--tabcontent-order":"1","width":"100%","margin":"var(--tabcontent-margin)","border-width":"var(--border)","border-start-start-radius":"var(--radius-tabcontent-ss)","border-start-end-radius":"var(--radius-tabcontent-se)","border-end-start-radius":"var(--radius-tabcontent-es)","border-end-end-radius":"var(--radius-tabcontent-ee)"},".tabs-xs":{":where(.tab)":{"height":"calc(var(--size-field, 0.25rem) * 6)","font-size":"0.75rem","--tab-padding":"0.375rem","--tab-radius-min":"calc(0.5rem - var(--border))"}},".tabs-sm":{":where(.tab)":{"height":"calc(var(--size-field, 0.25rem) * 8)","font-size":"0.875rem","--tab-padding":"0.5rem","--tab-radius-min":"calc(0.5rem - var(--border))"}},".tabs-md":{":where(.tab)":{"height":"calc(var(--size-field, 0.25rem) * 10)","font-size":"0.875rem","--tab-padding":"0.75rem","--tab-radius-min":"calc(0.75rem - var(--border))"}},".tabs-lg":{":where(.tab)":{"height":"calc(var(--size-field, 0.25rem) * 12)","font-size":"1.125rem","--tab-padding":"1rem","--tab-radius-min":"calc(1.5rem - var(--border))"}},".tabs-xl":{":where(.tab)":{"height":"calc(var(--size-field, 0.25rem) * 14)","font-size":"1.125rem","--tab-padding":"1.25rem","--tab-radius-min":"calc(2rem - var(--border))"}}};
package/components/tab.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.44 – MIT License */ .tabs{--tabs-height:auto;--tabs-direction:row;height:var(--tabs-height);flex-wrap:wrap;flex-direction:var(--tabs-direction);display:flex}.tab{cursor:pointer;appearance:none;text-align:center;color:color-mix(in oklab,var(--color-base-content)50%,transparent);-webkit-user-select:none;user-select:none;--tab-padding:1rem;--tab-bg:var(--color-base-100);--tab-border-color:var(--color-base-300);--tab-radius-ss:0;--tab-radius-se:0;--tab-radius-es:0;--tab-radius-ee:0;--tab-order:0;--tab-radius-min:calc(.75rem - var(--border-width));flex-wrap:wrap;order:var(--tab-order);height:calc(var(--size-field,.25rem)*10);border-color:#0000;justify-content:center;align-items:center;padding-inline-start:var(--tab-padding);padding-inline-end:var(--tab-padding);font-size:.875rem;display:inline-flex;position:relative;&:hover{@media (hover:hover){&{color:var(--color-base-content)}}}&:is(input[type=radio]){min-width:fit-content;&:after{content:attr(aria-label)}}&:checked,&:is(.tab-active,[aria-selected=true]){&+.tab-content{height:100%;display:block}}&:not(input):empty{cursor:default}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){color:var(--color-base-content)}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:-5px;outline:2px solid}&[disabled],&[disabled]:hover{cursor:not-allowed;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}.tab-disabled{cursor:not-allowed;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}.tabs-border{& .tab{--tab-border-color:transparent transparent var(--tab-border-color)transparent;border-radius:var(--radius-field);position:relative;&:before{--tw-content:"";content:var(--tw-content);background-color:var(--tab-border-color);border-radius:var(--radius-field);width:80%;height:3px;transition:background-color .2s;position:absolute;bottom:0;left:10%}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){&:before{--tab-border-color:currentColor}}}}.tabs-lift{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-border:0 0 var(--border-width)0;--tab-radius-ss:min(var(--radius-field),var(--tab-radius-min));--tab-radius-se:min(var(--radius-field),var(--tab-radius-min));--tab-radius-es:0;--tab-radius-ee:0;--tab-paddings:var(--border-width)var(--tab-padding)0 var(--tab-padding);--tab-border-colors:transparent transparent var(--tab-border-color)transparent;--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;border-width:var(--tab-border);padding:var(--tab-paddings);border-color:var(--tab-border-colors);border-start-start-radius:var(--tab-radius-ss);border-start-end-radius:var(--tab-radius-se);border-end-end-radius:var(--tab-radius-ee);border-end-start-radius:var(--tab-radius-es);&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:var(--border-width)var(--border-width)0 var(--border-width);--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color);--tab-paddings:0 calc(var(--tab-padding) - var(--border-width))var(--border-width)calc(var(--tab-padding) - var(--border-width));--tab-inset:auto auto 0 auto;--tab-grad:calc(69% - var(--border-width));--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px));background-color:var(--tab-bg);&:before{z-index:1;content:"";width:var(--tab-corner-width);height:var(--tab-corner-height);background-position:var(--tab-corner-position);background-image:var(--radius-start),var(--radius-end);background-size:min(var(--radius-field),var(--tab-radius-min))min(var(--radius-field),var(--tab-radius-min));inset:var(--tab-inset);background-repeat:no-repeat;display:block;position:absolute}&:first-child:before{--radius-start:none}&:last-child:before{--radius-end:none}}&:last-of-type{margin:var(--last-tab-margin)}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color)}}}& .tab-content{--tabcontent-margin:calc(-1*var(--border-width))0 0 0;--radius-tabcontent-ss:0;--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:var(--radius-box);--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-ss:var(--radius-box)}}}.tabs-top{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-order:0;--tab-border:0 0 var(--border-width)0;--tab-radius-ss:min(var(--radius-field),var(--tab-radius-min));--tab-radius-se:min(var(--radius-field),var(--tab-radius-min));--tab-radius-es:0;--tab-radius-ee:0;--tab-paddings:var(--border-width)var(--tab-padding)0 var(--tab-padding);--tab-border-colors:transparent transparent var(--tab-border-color)transparent;--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:var(--border-width)var(--border-width)0 var(--border-width);--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color);--tab-paddings:0 calc(var(--tab-padding) - var(--border-width))var(--border-width)calc(var(--tab-padding) - var(--border-width));--tab-inset:auto auto 0 auto;--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px))}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color)}}}& .tab-content{--tabcontent-order:1;--tabcontent-margin:calc(-1*var(--border-width))0 0 0;--radius-tabcontent-ss:0;--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:var(--radius-box);--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-ss:var(--radius-box)}}}.tabs-bottom{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-order:1;--tab-border:var(--border-width)0 0 0;--tab-radius-ss:0;--tab-radius-se:0;--tab-radius-es:min(var(--radius-field),var(--tab-radius-min));--tab-radius-ee:min(var(--radius-field),var(--tab-radius-min));--tab-border-colors:var(--tab-border-color)transparent transparent transparent;--tab-paddings:0 var(--tab-padding)var(--border-width)var(--tab-padding);--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:0 var(--border-width)var(--border-width)var(--border-width);--tab-border-colors:transparent var(--tab-border-color)var(--tab-border-color)var(--tab-border-color);--tab-paddings:var(--border-width)calc(var(--tab-padding) - var(--border-width))0 calc(var(--tab-padding) - var(--border-width));--tab-inset:0 auto auto auto;--radius-start:radial-gradient(circle at bottom left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px));--radius-end:radial-gradient(circle at bottom right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px))}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:transparent var(--tab-border-color)var(--tab-border-color)var(--tab-border-color)}}}& .tab-content{--tabcontent-order:0;--tabcontent-margin:0 0 calc(-1*var(--border-width))0;--radius-tabcontent-ss:var(--radius-box);--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:0;--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-es:var(--radius-box)}}}.tabs-box{border-radius:var(--radius-field);background-color:var(--color-base-200);padding:.25rem;box-shadow:inset 0 -.5px oklch(100% 0 0/.1),inset 0 .5px oklch(0% 0 0/.05);& .tab{border-radius:var(--radius-field);border-style:none;&:focus-visible{outline-offset:2px}}& :is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),& :is(input:checked){background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:0 1px oklch(100% 0 0/.1) inset,0 1px 1px -1px color-mix(in oklab,var(--color-neutral),transparent),0 1px 6px -4px var(--color-neutral);&:hover{@media (hover:hover){&{color:var(--color-base-content)}}}}}.tab-content{--radius-tabcontent-ss:0;--radius-tabcontent-se:0;--radius-tabcontent-es:0;--radius-tabcontent-ee:0;--tabcontent-order:1;width:100%;margin:var(--tabcontent-margin);order:1;order:var(--tabcontent-order);border-color:#0000;border-width:var(--border-width);border-start-start-radius:var(--radius-tabcontent-ss);border-start-end-radius:var(--radius-tabcontent-se);border-end-end-radius:var(--radius-tabcontent-ee);border-end-start-radius:var(--radius-tabcontent-es);display:none}.tabs-xs{& :where(.tab){height:calc(var(--size-field,.25rem)*6);--tab-padding:.375rem;--tab-radius-min:calc(.5rem - var(--border-width));font-size:.75rem}}.tabs-sm{& :where(.tab){height:calc(var(--size-field,.25rem)*8);--tab-padding:.5rem;--tab-radius-min:calc(.5rem - var(--border-width));font-size:.875rem}}.tabs-md{& :where(.tab){height:calc(var(--size-field,.25rem)*10);--tab-padding:.75rem;--tab-radius-min:calc(.75rem - var(--border-width));font-size:.875rem}}.tabs-lg{& :where(.tab){height:calc(var(--size-field,.25rem)*12);--tab-padding:1rem;--tab-radius-min:calc(1.5rem - var(--border-width));font-size:1.125rem}}.tabs-xl{& :where(.tab){height:calc(var(--size-field,.25rem)*14);--tab-padding:1.25rem;--tab-radius-min:calc(2rem - var(--border-width));font-size:1.125rem}}@media (width>=640px){.sm\:tabs{--tabs-height:auto;--tabs-direction:row;height:var(--tabs-height);flex-wrap:wrap;flex-direction:var(--tabs-direction);display:flex}.sm\:tab{cursor:pointer;appearance:none;text-align:center;color:color-mix(in oklab,var(--color-base-content)50%,transparent);-webkit-user-select:none;user-select:none;--tab-padding:1rem;--tab-bg:var(--color-base-100);--tab-border-color:var(--color-base-300);--tab-radius-ss:0;--tab-radius-se:0;--tab-radius-es:0;--tab-radius-ee:0;--tab-order:0;--tab-radius-min:calc(.75rem - var(--border-width));flex-wrap:wrap;order:var(--tab-order);height:calc(var(--size-field,.25rem)*10);border-color:#0000;justify-content:center;align-items:center;padding-inline-start:var(--tab-padding);padding-inline-end:var(--tab-padding);font-size:.875rem;display:inline-flex;position:relative;&:hover{@media (hover:hover){&{color:var(--color-base-content)}}}&:is(input[type=radio]){min-width:fit-content;&:after{content:attr(aria-label)}}&:checked,&:is(.tab-active,[aria-selected=true]){&+.tab-content{height:100%;display:block}}&:not(input):empty{cursor:default}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){color:var(--color-base-content)}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:-5px;outline:2px solid}&[disabled],&[disabled]:hover{cursor:not-allowed;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}.sm\:tab-disabled{cursor:not-allowed;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}.sm\:tabs-border{& .tab{--tab-border-color:transparent transparent var(--tab-border-color)transparent;border-radius:var(--radius-field);position:relative;&:before{--tw-content:"";content:var(--tw-content);background-color:var(--tab-border-color);border-radius:var(--radius-field);width:80%;height:3px;transition:background-color .2s;position:absolute;bottom:0;left:10%}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){&:before{--tab-border-color:currentColor}}}}.sm\:tabs-lift{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-border:0 0 var(--border-width)0;--tab-radius-ss:min(var(--radius-field),var(--tab-radius-min));--tab-radius-se:min(var(--radius-field),var(--tab-radius-min));--tab-radius-es:0;--tab-radius-ee:0;--tab-paddings:var(--border-width)var(--tab-padding)0 var(--tab-padding);--tab-border-colors:transparent transparent var(--tab-border-color)transparent;--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;border-width:var(--tab-border);padding:var(--tab-paddings);border-color:var(--tab-border-colors);border-start-start-radius:var(--tab-radius-ss);border-start-end-radius:var(--tab-radius-se);border-end-end-radius:var(--tab-radius-ee);border-end-start-radius:var(--tab-radius-es);&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:var(--border-width)var(--border-width)0 var(--border-width);--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color);--tab-paddings:0 calc(var(--tab-padding) - var(--border-width))var(--border-width)calc(var(--tab-padding) - var(--border-width));--tab-inset:auto auto 0 auto;--tab-grad:calc(69% - var(--border-width));--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px));background-color:var(--tab-bg);&:before{z-index:1;content:"";width:var(--tab-corner-width);height:var(--tab-corner-height);background-position:var(--tab-corner-position);background-image:var(--radius-start),var(--radius-end);background-size:min(var(--radius-field),var(--tab-radius-min))min(var(--radius-field),var(--tab-radius-min));inset:var(--tab-inset);background-repeat:no-repeat;display:block;position:absolute}&:first-child:before{--radius-start:none}&:last-child:before{--radius-end:none}}&:last-of-type{margin:var(--last-tab-margin)}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color)}}}& .tab-content{--tabcontent-margin:calc(-1*var(--border-width))0 0 0;--radius-tabcontent-ss:0;--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:var(--radius-box);--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-ss:var(--radius-box)}}}.sm\:tabs-top{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-order:0;--tab-border:0 0 var(--border-width)0;--tab-radius-ss:min(var(--radius-field),var(--tab-radius-min));--tab-radius-se:min(var(--radius-field),var(--tab-radius-min));--tab-radius-es:0;--tab-radius-ee:0;--tab-paddings:var(--border-width)var(--tab-padding)0 var(--tab-padding);--tab-border-colors:transparent transparent var(--tab-border-color)transparent;--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:var(--border-width)var(--border-width)0 var(--border-width);--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color);--tab-paddings:0 calc(var(--tab-padding) - var(--border-width))var(--border-width)calc(var(--tab-padding) - var(--border-width));--tab-inset:auto auto 0 auto;--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px))}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color)}}}& .tab-content{--tabcontent-order:1;--tabcontent-margin:calc(-1*var(--border-width))0 0 0;--radius-tabcontent-ss:0;--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:var(--radius-box);--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-ss:var(--radius-box)}}}.sm\:tabs-bottom{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-order:1;--tab-border:var(--border-width)0 0 0;--tab-radius-ss:0;--tab-radius-se:0;--tab-radius-es:min(var(--radius-field),var(--tab-radius-min));--tab-radius-ee:min(var(--radius-field),var(--tab-radius-min));--tab-border-colors:var(--tab-border-color)transparent transparent transparent;--tab-paddings:0 var(--tab-padding)var(--border-width)var(--tab-padding);--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:0 var(--border-width)var(--border-width)var(--border-width);--tab-border-colors:transparent var(--tab-border-color)var(--tab-border-color)var(--tab-border-color);--tab-paddings:var(--border-width)calc(var(--tab-padding) - var(--border-width))0 calc(var(--tab-padding) - var(--border-width));--tab-inset:0 auto auto auto;--radius-start:radial-gradient(circle at bottom left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px));--radius-end:radial-gradient(circle at bottom right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px))}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:transparent var(--tab-border-color)var(--tab-border-color)var(--tab-border-color)}}}& .tab-content{--tabcontent-order:0;--tabcontent-margin:0 0 calc(-1*var(--border-width))0;--radius-tabcontent-ss:var(--radius-box);--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:0;--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-es:var(--radius-box)}}}.sm\:tabs-box{border-radius:var(--radius-field);background-color:var(--color-base-200);padding:.25rem;box-shadow:inset 0 -.5px oklch(100% 0 0/.1),inset 0 .5px oklch(0% 0 0/.05);& .tab{border-radius:var(--radius-field);border-style:none;&:focus-visible{outline-offset:2px}}& :is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),& :is(input:checked){background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:0 1px oklch(100% 0 0/.1) inset,0 1px 1px -1px color-mix(in oklab,var(--color-neutral),transparent),0 1px 6px -4px var(--color-neutral);&:hover{@media (hover:hover){&{color:var(--color-base-content)}}}}}.sm\:tab-content{--radius-tabcontent-ss:0;--radius-tabcontent-se:0;--radius-tabcontent-es:0;--radius-tabcontent-ee:0;--tabcontent-order:1;width:100%;margin:var(--tabcontent-margin);order:1;order:var(--tabcontent-order);border-color:#0000;border-width:var(--border-width);border-start-start-radius:var(--radius-tabcontent-ss);border-start-end-radius:var(--radius-tabcontent-se);border-end-end-radius:var(--radius-tabcontent-ee);border-end-start-radius:var(--radius-tabcontent-es);display:none}.sm\:tabs-xs{& :where(.tab){height:calc(var(--size-field,.25rem)*6);--tab-padding:.375rem;--tab-radius-min:calc(.5rem - var(--border-width));font-size:.75rem}}.sm\:tabs-sm{& :where(.tab){height:calc(var(--size-field,.25rem)*8);--tab-padding:.5rem;--tab-radius-min:calc(.5rem - var(--border-width));font-size:.875rem}}.sm\:tabs-md{& :where(.tab){height:calc(var(--size-field,.25rem)*10);--tab-padding:.75rem;--tab-radius-min:calc(.75rem - var(--border-width));font-size:.875rem}}.sm\:tabs-lg{& :where(.tab){height:calc(var(--size-field,.25rem)*12);--tab-padding:1rem;--tab-radius-min:calc(1.5rem - var(--border-width));font-size:1.125rem}}.sm\:tabs-xl{& :where(.tab){height:calc(var(--size-field,.25rem)*14);--tab-padding:1.25rem;--tab-radius-min:calc(2rem - var(--border-width));font-size:1.125rem}}}@media (width>=768px){.md\:tabs{--tabs-height:auto;--tabs-direction:row;height:var(--tabs-height);flex-wrap:wrap;flex-direction:var(--tabs-direction);display:flex}.md\:tab{cursor:pointer;appearance:none;text-align:center;color:color-mix(in oklab,var(--color-base-content)50%,transparent);-webkit-user-select:none;user-select:none;--tab-padding:1rem;--tab-bg:var(--color-base-100);--tab-border-color:var(--color-base-300);--tab-radius-ss:0;--tab-radius-se:0;--tab-radius-es:0;--tab-radius-ee:0;--tab-order:0;--tab-radius-min:calc(.75rem - var(--border-width));flex-wrap:wrap;order:var(--tab-order);height:calc(var(--size-field,.25rem)*10);border-color:#0000;justify-content:center;align-items:center;padding-inline-start:var(--tab-padding);padding-inline-end:var(--tab-padding);font-size:.875rem;display:inline-flex;position:relative;&:hover{@media (hover:hover){&{color:var(--color-base-content)}}}&:is(input[type=radio]){min-width:fit-content;&:after{content:attr(aria-label)}}&:checked,&:is(.tab-active,[aria-selected=true]){&+.tab-content{height:100%;display:block}}&:not(input):empty{cursor:default}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){color:var(--color-base-content)}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:-5px;outline:2px solid}&[disabled],&[disabled]:hover{cursor:not-allowed;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}.md\:tab-disabled{cursor:not-allowed;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}.md\:tabs-border{& .tab{--tab-border-color:transparent transparent var(--tab-border-color)transparent;border-radius:var(--radius-field);position:relative;&:before{--tw-content:"";content:var(--tw-content);background-color:var(--tab-border-color);border-radius:var(--radius-field);width:80%;height:3px;transition:background-color .2s;position:absolute;bottom:0;left:10%}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){&:before{--tab-border-color:currentColor}}}}.md\:tabs-lift{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-border:0 0 var(--border-width)0;--tab-radius-ss:min(var(--radius-field),var(--tab-radius-min));--tab-radius-se:min(var(--radius-field),var(--tab-radius-min));--tab-radius-es:0;--tab-radius-ee:0;--tab-paddings:var(--border-width)var(--tab-padding)0 var(--tab-padding);--tab-border-colors:transparent transparent var(--tab-border-color)transparent;--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;border-width:var(--tab-border);padding:var(--tab-paddings);border-color:var(--tab-border-colors);border-start-start-radius:var(--tab-radius-ss);border-start-end-radius:var(--tab-radius-se);border-end-end-radius:var(--tab-radius-ee);border-end-start-radius:var(--tab-radius-es);&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:var(--border-width)var(--border-width)0 var(--border-width);--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color);--tab-paddings:0 calc(var(--tab-padding) - var(--border-width))var(--border-width)calc(var(--tab-padding) - var(--border-width));--tab-inset:auto auto 0 auto;--tab-grad:calc(69% - var(--border-width));--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px));background-color:var(--tab-bg);&:before{z-index:1;content:"";width:var(--tab-corner-width);height:var(--tab-corner-height);background-position:var(--tab-corner-position);background-image:var(--radius-start),var(--radius-end);background-size:min(var(--radius-field),var(--tab-radius-min))min(var(--radius-field),var(--tab-radius-min));inset:var(--tab-inset);background-repeat:no-repeat;display:block;position:absolute}&:first-child:before{--radius-start:none}&:last-child:before{--radius-end:none}}&:last-of-type{margin:var(--last-tab-margin)}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color)}}}& .tab-content{--tabcontent-margin:calc(-1*var(--border-width))0 0 0;--radius-tabcontent-ss:0;--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:var(--radius-box);--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-ss:var(--radius-box)}}}.md\:tabs-top{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-order:0;--tab-border:0 0 var(--border-width)0;--tab-radius-ss:min(var(--radius-field),var(--tab-radius-min));--tab-radius-se:min(var(--radius-field),var(--tab-radius-min));--tab-radius-es:0;--tab-radius-ee:0;--tab-paddings:var(--border-width)var(--tab-padding)0 var(--tab-padding);--tab-border-colors:transparent transparent var(--tab-border-color)transparent;--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:var(--border-width)var(--border-width)0 var(--border-width);--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color);--tab-paddings:0 calc(var(--tab-padding) - var(--border-width))var(--border-width)calc(var(--tab-padding) - var(--border-width));--tab-inset:auto auto 0 auto;--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px))}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color)}}}& .tab-content{--tabcontent-order:1;--tabcontent-margin:calc(-1*var(--border-width))0 0 0;--radius-tabcontent-ss:0;--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:var(--radius-box);--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-ss:var(--radius-box)}}}.md\:tabs-bottom{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-order:1;--tab-border:var(--border-width)0 0 0;--tab-radius-ss:0;--tab-radius-se:0;--tab-radius-es:min(var(--radius-field),var(--tab-radius-min));--tab-radius-ee:min(var(--radius-field),var(--tab-radius-min));--tab-border-colors:var(--tab-border-color)transparent transparent transparent;--tab-paddings:0 var(--tab-padding)var(--border-width)var(--tab-padding);--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:0 var(--border-width)var(--border-width)var(--border-width);--tab-border-colors:transparent var(--tab-border-color)var(--tab-border-color)var(--tab-border-color);--tab-paddings:var(--border-width)calc(var(--tab-padding) - var(--border-width))0 calc(var(--tab-padding) - var(--border-width));--tab-inset:0 auto auto auto;--radius-start:radial-gradient(circle at bottom left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px));--radius-end:radial-gradient(circle at bottom right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px))}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:transparent var(--tab-border-color)var(--tab-border-color)var(--tab-border-color)}}}& .tab-content{--tabcontent-order:0;--tabcontent-margin:0 0 calc(-1*var(--border-width))0;--radius-tabcontent-ss:var(--radius-box);--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:0;--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-es:var(--radius-box)}}}.md\:tabs-box{border-radius:var(--radius-field);background-color:var(--color-base-200);padding:.25rem;box-shadow:inset 0 -.5px oklch(100% 0 0/.1),inset 0 .5px oklch(0% 0 0/.05);& .tab{border-radius:var(--radius-field);border-style:none;&:focus-visible{outline-offset:2px}}& :is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),& :is(input:checked){background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:0 1px oklch(100% 0 0/.1) inset,0 1px 1px -1px color-mix(in oklab,var(--color-neutral),transparent),0 1px 6px -4px var(--color-neutral);&:hover{@media (hover:hover){&{color:var(--color-base-content)}}}}}.md\:tab-content{--radius-tabcontent-ss:0;--radius-tabcontent-se:0;--radius-tabcontent-es:0;--radius-tabcontent-ee:0;--tabcontent-order:1;width:100%;margin:var(--tabcontent-margin);order:1;order:var(--tabcontent-order);border-color:#0000;border-width:var(--border-width);border-start-start-radius:var(--radius-tabcontent-ss);border-start-end-radius:var(--radius-tabcontent-se);border-end-end-radius:var(--radius-tabcontent-ee);border-end-start-radius:var(--radius-tabcontent-es);display:none}.md\:tabs-xs{& :where(.tab){height:calc(var(--size-field,.25rem)*6);--tab-padding:.375rem;--tab-radius-min:calc(.5rem - var(--border-width));font-size:.75rem}}.md\:tabs-sm{& :where(.tab){height:calc(var(--size-field,.25rem)*8);--tab-padding:.5rem;--tab-radius-min:calc(.5rem - var(--border-width));font-size:.875rem}}.md\:tabs-md{& :where(.tab){height:calc(var(--size-field,.25rem)*10);--tab-padding:.75rem;--tab-radius-min:calc(.75rem - var(--border-width));font-size:.875rem}}.md\:tabs-lg{& :where(.tab){height:calc(var(--size-field,.25rem)*12);--tab-padding:1rem;--tab-radius-min:calc(1.5rem - var(--border-width));font-size:1.125rem}}.md\:tabs-xl{& :where(.tab){height:calc(var(--size-field,.25rem)*14);--tab-padding:1.25rem;--tab-radius-min:calc(2rem - var(--border-width));font-size:1.125rem}}}@media (width>=1024px){.lg\:tabs{--tabs-height:auto;--tabs-direction:row;height:var(--tabs-height);flex-wrap:wrap;flex-direction:var(--tabs-direction);display:flex}.lg\:tab{cursor:pointer;appearance:none;text-align:center;color:color-mix(in oklab,var(--color-base-content)50%,transparent);-webkit-user-select:none;user-select:none;--tab-padding:1rem;--tab-bg:var(--color-base-100);--tab-border-color:var(--color-base-300);--tab-radius-ss:0;--tab-radius-se:0;--tab-radius-es:0;--tab-radius-ee:0;--tab-order:0;--tab-radius-min:calc(.75rem - var(--border-width));flex-wrap:wrap;order:var(--tab-order);height:calc(var(--size-field,.25rem)*10);border-color:#0000;justify-content:center;align-items:center;padding-inline-start:var(--tab-padding);padding-inline-end:var(--tab-padding);font-size:.875rem;display:inline-flex;position:relative;&:hover{@media (hover:hover){&{color:var(--color-base-content)}}}&:is(input[type=radio]){min-width:fit-content;&:after{content:attr(aria-label)}}&:checked,&:is(.tab-active,[aria-selected=true]){&+.tab-content{height:100%;display:block}}&:not(input):empty{cursor:default}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){color:var(--color-base-content)}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:-5px;outline:2px solid}&[disabled],&[disabled]:hover{cursor:not-allowed;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}.lg\:tab-disabled{cursor:not-allowed;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}.lg\:tabs-border{& .tab{--tab-border-color:transparent transparent var(--tab-border-color)transparent;border-radius:var(--radius-field);position:relative;&:before{--tw-content:"";content:var(--tw-content);background-color:var(--tab-border-color);border-radius:var(--radius-field);width:80%;height:3px;transition:background-color .2s;position:absolute;bottom:0;left:10%}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){&:before{--tab-border-color:currentColor}}}}.lg\:tabs-lift{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-border:0 0 var(--border-width)0;--tab-radius-ss:min(var(--radius-field),var(--tab-radius-min));--tab-radius-se:min(var(--radius-field),var(--tab-radius-min));--tab-radius-es:0;--tab-radius-ee:0;--tab-paddings:var(--border-width)var(--tab-padding)0 var(--tab-padding);--tab-border-colors:transparent transparent var(--tab-border-color)transparent;--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;border-width:var(--tab-border);padding:var(--tab-paddings);border-color:var(--tab-border-colors);border-start-start-radius:var(--tab-radius-ss);border-start-end-radius:var(--tab-radius-se);border-end-end-radius:var(--tab-radius-ee);border-end-start-radius:var(--tab-radius-es);&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:var(--border-width)var(--border-width)0 var(--border-width);--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color);--tab-paddings:0 calc(var(--tab-padding) - var(--border-width))var(--border-width)calc(var(--tab-padding) - var(--border-width));--tab-inset:auto auto 0 auto;--tab-grad:calc(69% - var(--border-width));--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px));background-color:var(--tab-bg);&:before{z-index:1;content:"";width:var(--tab-corner-width);height:var(--tab-corner-height);background-position:var(--tab-corner-position);background-image:var(--radius-start),var(--radius-end);background-size:min(var(--radius-field),var(--tab-radius-min))min(var(--radius-field),var(--tab-radius-min));inset:var(--tab-inset);background-repeat:no-repeat;display:block;position:absolute}&:first-child:before{--radius-start:none}&:last-child:before{--radius-end:none}}&:last-of-type{margin:var(--last-tab-margin)}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color)}}}& .tab-content{--tabcontent-margin:calc(-1*var(--border-width))0 0 0;--radius-tabcontent-ss:0;--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:var(--radius-box);--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-ss:var(--radius-box)}}}.lg\:tabs-top{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-order:0;--tab-border:0 0 var(--border-width)0;--tab-radius-ss:min(var(--radius-field),var(--tab-radius-min));--tab-radius-se:min(var(--radius-field),var(--tab-radius-min));--tab-radius-es:0;--tab-radius-ee:0;--tab-paddings:var(--border-width)var(--tab-padding)0 var(--tab-padding);--tab-border-colors:transparent transparent var(--tab-border-color)transparent;--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:var(--border-width)var(--border-width)0 var(--border-width);--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color);--tab-paddings:0 calc(var(--tab-padding) - var(--border-width))var(--border-width)calc(var(--tab-padding) - var(--border-width));--tab-inset:auto auto 0 auto;--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px))}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color)}}}& .tab-content{--tabcontent-order:1;--tabcontent-margin:calc(-1*var(--border-width))0 0 0;--radius-tabcontent-ss:0;--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:var(--radius-box);--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-ss:var(--radius-box)}}}.lg\:tabs-bottom{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-order:1;--tab-border:var(--border-width)0 0 0;--tab-radius-ss:0;--tab-radius-se:0;--tab-radius-es:min(var(--radius-field),var(--tab-radius-min));--tab-radius-ee:min(var(--radius-field),var(--tab-radius-min));--tab-border-colors:var(--tab-border-color)transparent transparent transparent;--tab-paddings:0 var(--tab-padding)var(--border-width)var(--tab-padding);--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:0 var(--border-width)var(--border-width)var(--border-width);--tab-border-colors:transparent var(--tab-border-color)var(--tab-border-color)var(--tab-border-color);--tab-paddings:var(--border-width)calc(var(--tab-padding) - var(--border-width))0 calc(var(--tab-padding) - var(--border-width));--tab-inset:0 auto auto auto;--radius-start:radial-gradient(circle at bottom left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px));--radius-end:radial-gradient(circle at bottom right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px))}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:transparent var(--tab-border-color)var(--tab-border-color)var(--tab-border-color)}}}& .tab-content{--tabcontent-order:0;--tabcontent-margin:0 0 calc(-1*var(--border-width))0;--radius-tabcontent-ss:var(--radius-box);--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:0;--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-es:var(--radius-box)}}}.lg\:tabs-box{border-radius:var(--radius-field);background-color:var(--color-base-200);padding:.25rem;box-shadow:inset 0 -.5px oklch(100% 0 0/.1),inset 0 .5px oklch(0% 0 0/.05);& .tab{border-radius:var(--radius-field);border-style:none;&:focus-visible{outline-offset:2px}}& :is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),& :is(input:checked){background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:0 1px oklch(100% 0 0/.1) inset,0 1px 1px -1px color-mix(in oklab,var(--color-neutral),transparent),0 1px 6px -4px var(--color-neutral);&:hover{@media (hover:hover){&{color:var(--color-base-content)}}}}}.lg\:tab-content{--radius-tabcontent-ss:0;--radius-tabcontent-se:0;--radius-tabcontent-es:0;--radius-tabcontent-ee:0;--tabcontent-order:1;width:100%;margin:var(--tabcontent-margin);order:1;order:var(--tabcontent-order);border-color:#0000;border-width:var(--border-width);border-start-start-radius:var(--radius-tabcontent-ss);border-start-end-radius:var(--radius-tabcontent-se);border-end-end-radius:var(--radius-tabcontent-ee);border-end-start-radius:var(--radius-tabcontent-es);display:none}.lg\:tabs-xs{& :where(.tab){height:calc(var(--size-field,.25rem)*6);--tab-padding:.375rem;--tab-radius-min:calc(.5rem - var(--border-width));font-size:.75rem}}.lg\:tabs-sm{& :where(.tab){height:calc(var(--size-field,.25rem)*8);--tab-padding:.5rem;--tab-radius-min:calc(.5rem - var(--border-width));font-size:.875rem}}.lg\:tabs-md{& :where(.tab){height:calc(var(--size-field,.25rem)*10);--tab-padding:.75rem;--tab-radius-min:calc(.75rem - var(--border-width));font-size:.875rem}}.lg\:tabs-lg{& :where(.tab){height:calc(var(--size-field,.25rem)*12);--tab-padding:1rem;--tab-radius-min:calc(1.5rem - var(--border-width));font-size:1.125rem}}.lg\:tabs-xl{& :where(.tab){height:calc(var(--size-field,.25rem)*14);--tab-padding:1.25rem;--tab-radius-min:calc(2rem - var(--border-width));font-size:1.125rem}}}@media (width>=1280px){.xl\:tabs{--tabs-height:auto;--tabs-direction:row;height:var(--tabs-height);flex-wrap:wrap;flex-direction:var(--tabs-direction);display:flex}.xl\:tab{cursor:pointer;appearance:none;text-align:center;color:color-mix(in oklab,var(--color-base-content)50%,transparent);-webkit-user-select:none;user-select:none;--tab-padding:1rem;--tab-bg:var(--color-base-100);--tab-border-color:var(--color-base-300);--tab-radius-ss:0;--tab-radius-se:0;--tab-radius-es:0;--tab-radius-ee:0;--tab-order:0;--tab-radius-min:calc(.75rem - var(--border-width));flex-wrap:wrap;order:var(--tab-order);height:calc(var(--size-field,.25rem)*10);border-color:#0000;justify-content:center;align-items:center;padding-inline-start:var(--tab-padding);padding-inline-end:var(--tab-padding);font-size:.875rem;display:inline-flex;position:relative;&:hover{@media (hover:hover){&{color:var(--color-base-content)}}}&:is(input[type=radio]){min-width:fit-content;&:after{content:attr(aria-label)}}&:checked,&:is(.tab-active,[aria-selected=true]){&+.tab-content{height:100%;display:block}}&:not(input):empty{cursor:default}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){color:var(--color-base-content)}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:-5px;outline:2px solid}&[disabled],&[disabled]:hover{cursor:not-allowed;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}.xl\:tab-disabled{cursor:not-allowed;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}.xl\:tabs-border{& .tab{--tab-border-color:transparent transparent var(--tab-border-color)transparent;border-radius:var(--radius-field);position:relative;&:before{--tw-content:"";content:var(--tw-content);background-color:var(--tab-border-color);border-radius:var(--radius-field);width:80%;height:3px;transition:background-color .2s;position:absolute;bottom:0;left:10%}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){&:before{--tab-border-color:currentColor}}}}.xl\:tabs-lift{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-border:0 0 var(--border-width)0;--tab-radius-ss:min(var(--radius-field),var(--tab-radius-min));--tab-radius-se:min(var(--radius-field),var(--tab-radius-min));--tab-radius-es:0;--tab-radius-ee:0;--tab-paddings:var(--border-width)var(--tab-padding)0 var(--tab-padding);--tab-border-colors:transparent transparent var(--tab-border-color)transparent;--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;border-width:var(--tab-border);padding:var(--tab-paddings);border-color:var(--tab-border-colors);border-start-start-radius:var(--tab-radius-ss);border-start-end-radius:var(--tab-radius-se);border-end-end-radius:var(--tab-radius-ee);border-end-start-radius:var(--tab-radius-es);&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:var(--border-width)var(--border-width)0 var(--border-width);--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color);--tab-paddings:0 calc(var(--tab-padding) - var(--border-width))var(--border-width)calc(var(--tab-padding) - var(--border-width));--tab-inset:auto auto 0 auto;--tab-grad:calc(69% - var(--border-width));--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px));background-color:var(--tab-bg);&:before{z-index:1;content:"";width:var(--tab-corner-width);height:var(--tab-corner-height);background-position:var(--tab-corner-position);background-image:var(--radius-start),var(--radius-end);background-size:min(var(--radius-field),var(--tab-radius-min))min(var(--radius-field),var(--tab-radius-min));inset:var(--tab-inset);background-repeat:no-repeat;display:block;position:absolute}&:first-child:before{--radius-start:none}&:last-child:before{--radius-end:none}}&:last-of-type{margin:var(--last-tab-margin)}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color)}}}& .tab-content{--tabcontent-margin:calc(-1*var(--border-width))0 0 0;--radius-tabcontent-ss:0;--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:var(--radius-box);--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-ss:var(--radius-box)}}}.xl\:tabs-top{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-order:0;--tab-border:0 0 var(--border-width)0;--tab-radius-ss:min(var(--radius-field),var(--tab-radius-min));--tab-radius-se:min(var(--radius-field),var(--tab-radius-min));--tab-radius-es:0;--tab-radius-ee:0;--tab-paddings:var(--border-width)var(--tab-padding)0 var(--tab-padding);--tab-border-colors:transparent transparent var(--tab-border-color)transparent;--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:var(--border-width)var(--border-width)0 var(--border-width);--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color);--tab-paddings:0 calc(var(--tab-padding) - var(--border-width))var(--border-width)calc(var(--tab-padding) - var(--border-width));--tab-inset:auto auto 0 auto;--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px))}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color)}}}& .tab-content{--tabcontent-order:1;--tabcontent-margin:calc(-1*var(--border-width))0 0 0;--radius-tabcontent-ss:0;--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:var(--radius-box);--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-ss:var(--radius-box)}}}.xl\:tabs-bottom{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-order:1;--tab-border:var(--border-width)0 0 0;--tab-radius-ss:0;--tab-radius-se:0;--tab-radius-es:min(var(--radius-field),var(--tab-radius-min));--tab-radius-ee:min(var(--radius-field),var(--tab-radius-min));--tab-border-colors:var(--tab-border-color)transparent transparent transparent;--tab-paddings:0 var(--tab-padding)var(--border-width)var(--tab-padding);--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:0 var(--border-width)var(--border-width)var(--border-width);--tab-border-colors:transparent var(--tab-border-color)var(--tab-border-color)var(--tab-border-color);--tab-paddings:var(--border-width)calc(var(--tab-padding) - var(--border-width))0 calc(var(--tab-padding) - var(--border-width));--tab-inset:0 auto auto auto;--radius-start:radial-gradient(circle at bottom left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px));--radius-end:radial-gradient(circle at bottom right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px))}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:transparent var(--tab-border-color)var(--tab-border-color)var(--tab-border-color)}}}& .tab-content{--tabcontent-order:0;--tabcontent-margin:0 0 calc(-1*var(--border-width))0;--radius-tabcontent-ss:var(--radius-box);--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:0;--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-es:var(--radius-box)}}}.xl\:tabs-box{border-radius:var(--radius-field);background-color:var(--color-base-200);padding:.25rem;box-shadow:inset 0 -.5px oklch(100% 0 0/.1),inset 0 .5px oklch(0% 0 0/.05);& .tab{border-radius:var(--radius-field);border-style:none;&:focus-visible{outline-offset:2px}}& :is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),& :is(input:checked){background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:0 1px oklch(100% 0 0/.1) inset,0 1px 1px -1px color-mix(in oklab,var(--color-neutral),transparent),0 1px 6px -4px var(--color-neutral);&:hover{@media (hover:hover){&{color:var(--color-base-content)}}}}}.xl\:tab-content{--radius-tabcontent-ss:0;--radius-tabcontent-se:0;--radius-tabcontent-es:0;--radius-tabcontent-ee:0;--tabcontent-order:1;width:100%;margin:var(--tabcontent-margin);order:1;order:var(--tabcontent-order);border-color:#0000;border-width:var(--border-width);border-start-start-radius:var(--radius-tabcontent-ss);border-start-end-radius:var(--radius-tabcontent-se);border-end-end-radius:var(--radius-tabcontent-ee);border-end-start-radius:var(--radius-tabcontent-es);display:none}.xl\:tabs-xs{& :where(.tab){height:calc(var(--size-field,.25rem)*6);--tab-padding:.375rem;--tab-radius-min:calc(.5rem - var(--border-width));font-size:.75rem}}.xl\:tabs-sm{& :where(.tab){height:calc(var(--size-field,.25rem)*8);--tab-padding:.5rem;--tab-radius-min:calc(.5rem - var(--border-width));font-size:.875rem}}.xl\:tabs-md{& :where(.tab){height:calc(var(--size-field,.25rem)*10);--tab-padding:.75rem;--tab-radius-min:calc(.75rem - var(--border-width));font-size:.875rem}}.xl\:tabs-lg{& :where(.tab){height:calc(var(--size-field,.25rem)*12);--tab-padding:1rem;--tab-radius-min:calc(1.5rem - var(--border-width));font-size:1.125rem}}.xl\:tabs-xl{& :where(.tab){height:calc(var(--size-field,.25rem)*14);--tab-padding:1.25rem;--tab-radius-min:calc(2rem - var(--border-width));font-size:1.125rem}}}@media (width>=1536px){.\32 xl\:tabs{--tabs-height:auto;--tabs-direction:row;height:var(--tabs-height);flex-wrap:wrap;flex-direction:var(--tabs-direction);display:flex}.\32 xl\:tab{cursor:pointer;appearance:none;text-align:center;color:color-mix(in oklab,var(--color-base-content)50%,transparent);-webkit-user-select:none;user-select:none;--tab-padding:1rem;--tab-bg:var(--color-base-100);--tab-border-color:var(--color-base-300);--tab-radius-ss:0;--tab-radius-se:0;--tab-radius-es:0;--tab-radius-ee:0;--tab-order:0;--tab-radius-min:calc(.75rem - var(--border-width));flex-wrap:wrap;order:var(--tab-order);height:calc(var(--size-field,.25rem)*10);border-color:#0000;justify-content:center;align-items:center;padding-inline-start:var(--tab-padding);padding-inline-end:var(--tab-padding);font-size:.875rem;display:inline-flex;position:relative;&:hover{@media (hover:hover){&{color:var(--color-base-content)}}}&:is(input[type=radio]){min-width:fit-content;&:after{content:attr(aria-label)}}&:checked,&:is(.tab-active,[aria-selected=true]){&+.tab-content{height:100%;display:block}}&:not(input):empty{cursor:default}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){color:var(--color-base-content)}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:-5px;outline:2px solid}&[disabled],&[disabled]:hover{cursor:not-allowed;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}.\32 xl\:tab-disabled{cursor:not-allowed;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}.\32 xl\:tabs-border{& .tab{--tab-border-color:transparent transparent var(--tab-border-color)transparent;border-radius:var(--radius-field);position:relative;&:before{--tw-content:"";content:var(--tw-content);background-color:var(--tab-border-color);border-radius:var(--radius-field);width:80%;height:3px;transition:background-color .2s;position:absolute;bottom:0;left:10%}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){&:before{--tab-border-color:currentColor}}}}.\32 xl\:tabs-lift{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-border:0 0 var(--border-width)0;--tab-radius-ss:min(var(--radius-field),var(--tab-radius-min));--tab-radius-se:min(var(--radius-field),var(--tab-radius-min));--tab-radius-es:0;--tab-radius-ee:0;--tab-paddings:var(--border-width)var(--tab-padding)0 var(--tab-padding);--tab-border-colors:transparent transparent var(--tab-border-color)transparent;--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;border-width:var(--tab-border);padding:var(--tab-paddings);border-color:var(--tab-border-colors);border-start-start-radius:var(--tab-radius-ss);border-start-end-radius:var(--tab-radius-se);border-end-end-radius:var(--tab-radius-ee);border-end-start-radius:var(--tab-radius-es);&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:var(--border-width)var(--border-width)0 var(--border-width);--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color);--tab-paddings:0 calc(var(--tab-padding) - var(--border-width))var(--border-width)calc(var(--tab-padding) - var(--border-width));--tab-inset:auto auto 0 auto;--tab-grad:calc(69% - var(--border-width));--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px));background-color:var(--tab-bg);&:before{z-index:1;content:"";width:var(--tab-corner-width);height:var(--tab-corner-height);background-position:var(--tab-corner-position);background-image:var(--radius-start),var(--radius-end);background-size:min(var(--radius-field),var(--tab-radius-min))min(var(--radius-field),var(--tab-radius-min));inset:var(--tab-inset);background-repeat:no-repeat;display:block;position:absolute}&:first-child:before{--radius-start:none}&:last-child:before{--radius-end:none}}&:last-of-type{margin:var(--last-tab-margin)}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color)}}}& .tab-content{--tabcontent-margin:calc(-1*var(--border-width))0 0 0;--radius-tabcontent-ss:0;--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:var(--radius-box);--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-ss:var(--radius-box)}}}.\32 xl\:tabs-top{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-order:0;--tab-border:0 0 var(--border-width)0;--tab-radius-ss:min(var(--radius-field),var(--tab-radius-min));--tab-radius-se:min(var(--radius-field),var(--tab-radius-min));--tab-radius-es:0;--tab-radius-ee:0;--tab-paddings:var(--border-width)var(--tab-padding)0 var(--tab-padding);--tab-border-colors:transparent transparent var(--tab-border-color)transparent;--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:var(--border-width)var(--border-width)0 var(--border-width);--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color);--tab-paddings:0 calc(var(--tab-padding) - var(--border-width))var(--border-width)calc(var(--tab-padding) - var(--border-width));--tab-inset:auto auto 0 auto;--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px))}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color)}}}& .tab-content{--tabcontent-order:1;--tabcontent-margin:calc(-1*var(--border-width))0 0 0;--radius-tabcontent-ss:0;--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:var(--radius-box);--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-ss:var(--radius-box)}}}.\32 xl\:tabs-bottom{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-order:1;--tab-border:var(--border-width)0 0 0;--tab-radius-ss:0;--tab-radius-se:0;--tab-radius-es:min(var(--radius-field),var(--tab-radius-min));--tab-radius-ee:min(var(--radius-field),var(--tab-radius-min));--tab-border-colors:var(--tab-border-color)transparent transparent transparent;--tab-paddings:0 var(--tab-padding)var(--border-width)var(--tab-padding);--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:0 var(--border-width)var(--border-width)var(--border-width);--tab-border-colors:transparent var(--tab-border-color)var(--tab-border-color)var(--tab-border-color);--tab-paddings:var(--border-width)calc(var(--tab-padding) - var(--border-width))0 calc(var(--tab-padding) - var(--border-width));--tab-inset:0 auto auto auto;--radius-start:radial-gradient(circle at bottom left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px));--radius-end:radial-gradient(circle at bottom right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border-width)),var(--tab-bg)calc(var(--tab-grad) + var(--border-width) + .25px))}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:transparent var(--tab-border-color)var(--tab-border-color)var(--tab-border-color)}}}& .tab-content{--tabcontent-order:0;--tabcontent-margin:0 0 calc(-1*var(--border-width))0;--radius-tabcontent-ss:var(--radius-box);--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:0;--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-es:var(--radius-box)}}}.\32 xl\:tabs-box{border-radius:var(--radius-field);background-color:var(--color-base-200);padding:.25rem;box-shadow:inset 0 -.5px oklch(100% 0 0/.1),inset 0 .5px oklch(0% 0 0/.05);& .tab{border-radius:var(--radius-field);border-style:none;&:focus-visible{outline-offset:2px}}& :is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),& :is(input:checked){background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:0 1px oklch(100% 0 0/.1) inset,0 1px 1px -1px color-mix(in oklab,var(--color-neutral),transparent),0 1px 6px -4px var(--color-neutral);&:hover{@media (hover:hover){&{color:var(--color-base-content)}}}}}.\32 xl\:tab-content{--radius-tabcontent-ss:0;--radius-tabcontent-se:0;--radius-tabcontent-es:0;--radius-tabcontent-ee:0;--tabcontent-order:1;width:100%;margin:var(--tabcontent-margin);order:1;order:var(--tabcontent-order);border-color:#0000;border-width:var(--border-width);border-start-start-radius:var(--radius-tabcontent-ss);border-start-end-radius:var(--radius-tabcontent-se);border-end-end-radius:var(--radius-tabcontent-ee);border-end-start-radius:var(--radius-tabcontent-es);display:none}.\32 xl\:tabs-xs{& :where(.tab){height:calc(var(--size-field,.25rem)*6);--tab-padding:.375rem;--tab-radius-min:calc(.5rem - var(--border-width));font-size:.75rem}}.\32 xl\:tabs-sm{& :where(.tab){height:calc(var(--size-field,.25rem)*8);--tab-padding:.5rem;--tab-radius-min:calc(.5rem - var(--border-width));font-size:.875rem}}.\32 xl\:tabs-md{& :where(.tab){height:calc(var(--size-field,.25rem)*10);--tab-padding:.75rem;--tab-radius-min:calc(.75rem - var(--border-width));font-size:.875rem}}.\32 xl\:tabs-lg{& :where(.tab){height:calc(var(--size-field,.25rem)*12);--tab-padding:1rem;--tab-radius-min:calc(1.5rem - var(--border-width));font-size:1.125rem}}.\32 xl\:tabs-xl{& :where(.tab){height:calc(var(--size-field,.25rem)*14);--tab-padding:1.25rem;--tab-radius-min:calc(2rem - var(--border-width));font-size:1.125rem}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.45 - MIT License */ .tabs{--tabs-height:auto;--tabs-direction:row;height:var(--tabs-height);flex-wrap:wrap;flex-direction:var(--tabs-direction);display:flex}.tab{cursor:pointer;appearance:none;text-align:center;color:color-mix(in oklab,var(--color-base-content)50%,transparent);-webkit-user-select:none;user-select:none;--tab-padding:1rem;--tab-bg:var(--color-base-100);--tab-border-color:var(--color-base-300);--tab-radius-ss:0;--tab-radius-se:0;--tab-radius-es:0;--tab-radius-ee:0;--tab-order:0;--tab-radius-min:calc(.75rem - var(--border));flex-wrap:wrap;order:var(--tab-order);height:calc(var(--size-field,.25rem)*10);border-color:#0000;justify-content:center;align-items:center;padding-inline-start:var(--tab-padding);padding-inline-end:var(--tab-padding);font-size:.875rem;display:inline-flex;position:relative;&:hover{@media (hover:hover){&{color:var(--color-base-content)}}}&:is(input[type=radio]){min-width:fit-content;&:after{content:attr(aria-label)}}&:checked,&:is(.tab-active,[aria-selected=true]){&+.tab-content{height:100%;display:block}}&:not(input):empty{cursor:default}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){color:var(--color-base-content)}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:-5px;outline:2px solid}&[disabled],&[disabled]:hover{cursor:not-allowed;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}.tab-disabled{cursor:not-allowed;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}.tabs-border{& .tab{--tab-border-color:transparent transparent var(--tab-border-color)transparent;border-radius:var(--radius-field);position:relative;&:before{--tw-content:"";content:var(--tw-content);background-color:var(--tab-border-color);border-radius:var(--radius-field);width:80%;height:3px;transition:background-color .2s;position:absolute;bottom:0;left:10%}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){&:before{--tab-border-color:currentColor}}}}.tabs-lift{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-border:0 0 var(--border)0;--tab-radius-ss:min(var(--radius-field),var(--tab-radius-min));--tab-radius-se:min(var(--radius-field),var(--tab-radius-min));--tab-radius-es:0;--tab-radius-ee:0;--tab-paddings:var(--border)var(--tab-padding)0 var(--tab-padding);--tab-border-colors:transparent transparent var(--tab-border-color)transparent;--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;border-width:var(--tab-border);padding:var(--tab-paddings);border-color:var(--tab-border-colors);border-start-start-radius:var(--tab-radius-ss);border-start-end-radius:var(--tab-radius-se);border-end-end-radius:var(--tab-radius-ee);border-end-start-radius:var(--tab-radius-es);&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:var(--border)var(--border)0 var(--border);--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color);--tab-paddings:0 calc(var(--tab-padding) - var(--border))var(--border)calc(var(--tab-padding) - var(--border));--tab-inset:auto auto 0 auto;--tab-grad:calc(69% - var(--border));--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px));background-color:var(--tab-bg);&:before{z-index:1;content:"";width:var(--tab-corner-width);height:var(--tab-corner-height);background-position:var(--tab-corner-position);background-image:var(--radius-start),var(--radius-end);background-size:min(var(--radius-field),var(--tab-radius-min))min(var(--radius-field),var(--tab-radius-min));inset:var(--tab-inset);background-repeat:no-repeat;display:block;position:absolute}&:first-child:before{--radius-start:none}&:last-child:before{--radius-end:none}}&:last-of-type{margin:var(--last-tab-margin)}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color)}}}& .tab-content{--tabcontent-margin:calc(-1*var(--border))0 0 0;--radius-tabcontent-ss:0;--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:var(--radius-box);--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-ss:var(--radius-box)}}}.tabs-top{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-order:0;--tab-border:0 0 var(--border)0;--tab-radius-ss:min(var(--radius-field),var(--tab-radius-min));--tab-radius-se:min(var(--radius-field),var(--tab-radius-min));--tab-radius-es:0;--tab-radius-ee:0;--tab-paddings:var(--border)var(--tab-padding)0 var(--tab-padding);--tab-border-colors:transparent transparent var(--tab-border-color)transparent;--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:var(--border)var(--border)0 var(--border);--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color);--tab-paddings:0 calc(var(--tab-padding) - var(--border))var(--border)calc(var(--tab-padding) - var(--border));--tab-inset:auto auto 0 auto;--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px))}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color)}}}& .tab-content{--tabcontent-order:1;--tabcontent-margin:calc(-1*var(--border))0 0 0;--radius-tabcontent-ss:0;--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:var(--radius-box);--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-ss:var(--radius-box)}}}.tabs-bottom{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-order:1;--tab-border:var(--border)0 0 0;--tab-radius-ss:0;--tab-radius-se:0;--tab-radius-es:min(var(--radius-field),var(--tab-radius-min));--tab-radius-ee:min(var(--radius-field),var(--tab-radius-min));--tab-border-colors:var(--tab-border-color)transparent transparent transparent;--tab-paddings:0 var(--tab-padding)var(--border)var(--tab-padding);--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:0 var(--border)var(--border)var(--border);--tab-border-colors:transparent var(--tab-border-color)var(--tab-border-color)var(--tab-border-color);--tab-paddings:var(--border)calc(var(--tab-padding) - var(--border))0 calc(var(--tab-padding) - var(--border));--tab-inset:0 auto auto auto;--radius-start:radial-gradient(circle at bottom left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px));--radius-end:radial-gradient(circle at bottom right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px))}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:transparent var(--tab-border-color)var(--tab-border-color)var(--tab-border-color)}}}& .tab-content{--tabcontent-order:0;--tabcontent-margin:0 0 calc(-1*var(--border))0;--radius-tabcontent-ss:var(--radius-box);--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:0;--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-es:var(--radius-box)}}}.tabs-box{background-color:var(--color-base-200);border-radius:calc(var(--radius-field) + .25rem);padding:.25rem;box-shadow:inset 0 -.5px oklch(100% 0 0/.1),inset 0 .5px oklch(0% 0 0/.05);& .tab{border-radius:var(--radius-field);border-style:none;&:focus-visible{outline-offset:2px}}& :is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),& :is(input:checked){background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:0 1px oklch(100% 0 0/.1) inset,0 1px 1px -1px color-mix(in oklab,var(--color-neutral),transparent),0 1px 6px -4px var(--color-neutral);&:hover{@media (hover:hover){&{color:var(--color-base-content)}}}}}.tab-content{--radius-tabcontent-ss:0;--radius-tabcontent-se:0;--radius-tabcontent-es:0;--radius-tabcontent-ee:0;--tabcontent-order:1;width:100%;margin:var(--tabcontent-margin);order:1;order:var(--tabcontent-order);border-color:#0000;border-width:var(--border);border-start-start-radius:var(--radius-tabcontent-ss);border-start-end-radius:var(--radius-tabcontent-se);border-end-end-radius:var(--radius-tabcontent-ee);border-end-start-radius:var(--radius-tabcontent-es);display:none}.tabs-xs{& :where(.tab){height:calc(var(--size-field,.25rem)*6);--tab-padding:.375rem;--tab-radius-min:calc(.5rem - var(--border));font-size:.75rem}}.tabs-sm{& :where(.tab){height:calc(var(--size-field,.25rem)*8);--tab-padding:.5rem;--tab-radius-min:calc(.5rem - var(--border));font-size:.875rem}}.tabs-md{& :where(.tab){height:calc(var(--size-field,.25rem)*10);--tab-padding:.75rem;--tab-radius-min:calc(.75rem - var(--border));font-size:.875rem}}.tabs-lg{& :where(.tab){height:calc(var(--size-field,.25rem)*12);--tab-padding:1rem;--tab-radius-min:calc(1.5rem - var(--border));font-size:1.125rem}}.tabs-xl{& :where(.tab){height:calc(var(--size-field,.25rem)*14);--tab-padding:1.25rem;--tab-radius-min:calc(2rem - var(--border));font-size:1.125rem}}@media (width>=640px){.sm\:tabs{--tabs-height:auto;--tabs-direction:row;height:var(--tabs-height);flex-wrap:wrap;flex-direction:var(--tabs-direction);display:flex}.sm\:tab{cursor:pointer;appearance:none;text-align:center;color:color-mix(in oklab,var(--color-base-content)50%,transparent);-webkit-user-select:none;user-select:none;--tab-padding:1rem;--tab-bg:var(--color-base-100);--tab-border-color:var(--color-base-300);--tab-radius-ss:0;--tab-radius-se:0;--tab-radius-es:0;--tab-radius-ee:0;--tab-order:0;--tab-radius-min:calc(.75rem - var(--border));flex-wrap:wrap;order:var(--tab-order);height:calc(var(--size-field,.25rem)*10);border-color:#0000;justify-content:center;align-items:center;padding-inline-start:var(--tab-padding);padding-inline-end:var(--tab-padding);font-size:.875rem;display:inline-flex;position:relative;&:hover{@media (hover:hover){&{color:var(--color-base-content)}}}&:is(input[type=radio]){min-width:fit-content;&:after{content:attr(aria-label)}}&:checked,&:is(.tab-active,[aria-selected=true]){&+.tab-content{height:100%;display:block}}&:not(input):empty{cursor:default}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){color:var(--color-base-content)}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:-5px;outline:2px solid}&[disabled],&[disabled]:hover{cursor:not-allowed;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}.sm\:tab-disabled{cursor:not-allowed;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}.sm\:tabs-border{& .tab{--tab-border-color:transparent transparent var(--tab-border-color)transparent;border-radius:var(--radius-field);position:relative;&:before{--tw-content:"";content:var(--tw-content);background-color:var(--tab-border-color);border-radius:var(--radius-field);width:80%;height:3px;transition:background-color .2s;position:absolute;bottom:0;left:10%}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){&:before{--tab-border-color:currentColor}}}}.sm\:tabs-lift{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-border:0 0 var(--border)0;--tab-radius-ss:min(var(--radius-field),var(--tab-radius-min));--tab-radius-se:min(var(--radius-field),var(--tab-radius-min));--tab-radius-es:0;--tab-radius-ee:0;--tab-paddings:var(--border)var(--tab-padding)0 var(--tab-padding);--tab-border-colors:transparent transparent var(--tab-border-color)transparent;--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;border-width:var(--tab-border);padding:var(--tab-paddings);border-color:var(--tab-border-colors);border-start-start-radius:var(--tab-radius-ss);border-start-end-radius:var(--tab-radius-se);border-end-end-radius:var(--tab-radius-ee);border-end-start-radius:var(--tab-radius-es);&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:var(--border)var(--border)0 var(--border);--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color);--tab-paddings:0 calc(var(--tab-padding) - var(--border))var(--border)calc(var(--tab-padding) - var(--border));--tab-inset:auto auto 0 auto;--tab-grad:calc(69% - var(--border));--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px));background-color:var(--tab-bg);&:before{z-index:1;content:"";width:var(--tab-corner-width);height:var(--tab-corner-height);background-position:var(--tab-corner-position);background-image:var(--radius-start),var(--radius-end);background-size:min(var(--radius-field),var(--tab-radius-min))min(var(--radius-field),var(--tab-radius-min));inset:var(--tab-inset);background-repeat:no-repeat;display:block;position:absolute}&:first-child:before{--radius-start:none}&:last-child:before{--radius-end:none}}&:last-of-type{margin:var(--last-tab-margin)}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color)}}}& .tab-content{--tabcontent-margin:calc(-1*var(--border))0 0 0;--radius-tabcontent-ss:0;--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:var(--radius-box);--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-ss:var(--radius-box)}}}.sm\:tabs-top{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-order:0;--tab-border:0 0 var(--border)0;--tab-radius-ss:min(var(--radius-field),var(--tab-radius-min));--tab-radius-se:min(var(--radius-field),var(--tab-radius-min));--tab-radius-es:0;--tab-radius-ee:0;--tab-paddings:var(--border)var(--tab-padding)0 var(--tab-padding);--tab-border-colors:transparent transparent var(--tab-border-color)transparent;--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:var(--border)var(--border)0 var(--border);--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color);--tab-paddings:0 calc(var(--tab-padding) - var(--border))var(--border)calc(var(--tab-padding) - var(--border));--tab-inset:auto auto 0 auto;--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px))}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color)}}}& .tab-content{--tabcontent-order:1;--tabcontent-margin:calc(-1*var(--border))0 0 0;--radius-tabcontent-ss:0;--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:var(--radius-box);--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-ss:var(--radius-box)}}}.sm\:tabs-bottom{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-order:1;--tab-border:var(--border)0 0 0;--tab-radius-ss:0;--tab-radius-se:0;--tab-radius-es:min(var(--radius-field),var(--tab-radius-min));--tab-radius-ee:min(var(--radius-field),var(--tab-radius-min));--tab-border-colors:var(--tab-border-color)transparent transparent transparent;--tab-paddings:0 var(--tab-padding)var(--border)var(--tab-padding);--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:0 var(--border)var(--border)var(--border);--tab-border-colors:transparent var(--tab-border-color)var(--tab-border-color)var(--tab-border-color);--tab-paddings:var(--border)calc(var(--tab-padding) - var(--border))0 calc(var(--tab-padding) - var(--border));--tab-inset:0 auto auto auto;--radius-start:radial-gradient(circle at bottom left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px));--radius-end:radial-gradient(circle at bottom right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px))}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:transparent var(--tab-border-color)var(--tab-border-color)var(--tab-border-color)}}}& .tab-content{--tabcontent-order:0;--tabcontent-margin:0 0 calc(-1*var(--border))0;--radius-tabcontent-ss:var(--radius-box);--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:0;--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-es:var(--radius-box)}}}.sm\:tabs-box{background-color:var(--color-base-200);border-radius:calc(var(--radius-field) + .25rem);padding:.25rem;box-shadow:inset 0 -.5px oklch(100% 0 0/.1),inset 0 .5px oklch(0% 0 0/.05);& .tab{border-radius:var(--radius-field);border-style:none;&:focus-visible{outline-offset:2px}}& :is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),& :is(input:checked){background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:0 1px oklch(100% 0 0/.1) inset,0 1px 1px -1px color-mix(in oklab,var(--color-neutral),transparent),0 1px 6px -4px var(--color-neutral);&:hover{@media (hover:hover){&{color:var(--color-base-content)}}}}}.sm\:tab-content{--radius-tabcontent-ss:0;--radius-tabcontent-se:0;--radius-tabcontent-es:0;--radius-tabcontent-ee:0;--tabcontent-order:1;width:100%;margin:var(--tabcontent-margin);order:1;order:var(--tabcontent-order);border-color:#0000;border-width:var(--border);border-start-start-radius:var(--radius-tabcontent-ss);border-start-end-radius:var(--radius-tabcontent-se);border-end-end-radius:var(--radius-tabcontent-ee);border-end-start-radius:var(--radius-tabcontent-es);display:none}.sm\:tabs-xs{& :where(.tab){height:calc(var(--size-field,.25rem)*6);--tab-padding:.375rem;--tab-radius-min:calc(.5rem - var(--border));font-size:.75rem}}.sm\:tabs-sm{& :where(.tab){height:calc(var(--size-field,.25rem)*8);--tab-padding:.5rem;--tab-radius-min:calc(.5rem - var(--border));font-size:.875rem}}.sm\:tabs-md{& :where(.tab){height:calc(var(--size-field,.25rem)*10);--tab-padding:.75rem;--tab-radius-min:calc(.75rem - var(--border));font-size:.875rem}}.sm\:tabs-lg{& :where(.tab){height:calc(var(--size-field,.25rem)*12);--tab-padding:1rem;--tab-radius-min:calc(1.5rem - var(--border));font-size:1.125rem}}.sm\:tabs-xl{& :where(.tab){height:calc(var(--size-field,.25rem)*14);--tab-padding:1.25rem;--tab-radius-min:calc(2rem - var(--border));font-size:1.125rem}}}@media (width>=768px){.md\:tabs{--tabs-height:auto;--tabs-direction:row;height:var(--tabs-height);flex-wrap:wrap;flex-direction:var(--tabs-direction);display:flex}.md\:tab{cursor:pointer;appearance:none;text-align:center;color:color-mix(in oklab,var(--color-base-content)50%,transparent);-webkit-user-select:none;user-select:none;--tab-padding:1rem;--tab-bg:var(--color-base-100);--tab-border-color:var(--color-base-300);--tab-radius-ss:0;--tab-radius-se:0;--tab-radius-es:0;--tab-radius-ee:0;--tab-order:0;--tab-radius-min:calc(.75rem - var(--border));flex-wrap:wrap;order:var(--tab-order);height:calc(var(--size-field,.25rem)*10);border-color:#0000;justify-content:center;align-items:center;padding-inline-start:var(--tab-padding);padding-inline-end:var(--tab-padding);font-size:.875rem;display:inline-flex;position:relative;&:hover{@media (hover:hover){&{color:var(--color-base-content)}}}&:is(input[type=radio]){min-width:fit-content;&:after{content:attr(aria-label)}}&:checked,&:is(.tab-active,[aria-selected=true]){&+.tab-content{height:100%;display:block}}&:not(input):empty{cursor:default}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){color:var(--color-base-content)}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:-5px;outline:2px solid}&[disabled],&[disabled]:hover{cursor:not-allowed;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}.md\:tab-disabled{cursor:not-allowed;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}.md\:tabs-border{& .tab{--tab-border-color:transparent transparent var(--tab-border-color)transparent;border-radius:var(--radius-field);position:relative;&:before{--tw-content:"";content:var(--tw-content);background-color:var(--tab-border-color);border-radius:var(--radius-field);width:80%;height:3px;transition:background-color .2s;position:absolute;bottom:0;left:10%}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){&:before{--tab-border-color:currentColor}}}}.md\:tabs-lift{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-border:0 0 var(--border)0;--tab-radius-ss:min(var(--radius-field),var(--tab-radius-min));--tab-radius-se:min(var(--radius-field),var(--tab-radius-min));--tab-radius-es:0;--tab-radius-ee:0;--tab-paddings:var(--border)var(--tab-padding)0 var(--tab-padding);--tab-border-colors:transparent transparent var(--tab-border-color)transparent;--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;border-width:var(--tab-border);padding:var(--tab-paddings);border-color:var(--tab-border-colors);border-start-start-radius:var(--tab-radius-ss);border-start-end-radius:var(--tab-radius-se);border-end-end-radius:var(--tab-radius-ee);border-end-start-radius:var(--tab-radius-es);&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:var(--border)var(--border)0 var(--border);--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color);--tab-paddings:0 calc(var(--tab-padding) - var(--border))var(--border)calc(var(--tab-padding) - var(--border));--tab-inset:auto auto 0 auto;--tab-grad:calc(69% - var(--border));--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px));background-color:var(--tab-bg);&:before{z-index:1;content:"";width:var(--tab-corner-width);height:var(--tab-corner-height);background-position:var(--tab-corner-position);background-image:var(--radius-start),var(--radius-end);background-size:min(var(--radius-field),var(--tab-radius-min))min(var(--radius-field),var(--tab-radius-min));inset:var(--tab-inset);background-repeat:no-repeat;display:block;position:absolute}&:first-child:before{--radius-start:none}&:last-child:before{--radius-end:none}}&:last-of-type{margin:var(--last-tab-margin)}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color)}}}& .tab-content{--tabcontent-margin:calc(-1*var(--border))0 0 0;--radius-tabcontent-ss:0;--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:var(--radius-box);--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-ss:var(--radius-box)}}}.md\:tabs-top{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-order:0;--tab-border:0 0 var(--border)0;--tab-radius-ss:min(var(--radius-field),var(--tab-radius-min));--tab-radius-se:min(var(--radius-field),var(--tab-radius-min));--tab-radius-es:0;--tab-radius-ee:0;--tab-paddings:var(--border)var(--tab-padding)0 var(--tab-padding);--tab-border-colors:transparent transparent var(--tab-border-color)transparent;--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:var(--border)var(--border)0 var(--border);--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color);--tab-paddings:0 calc(var(--tab-padding) - var(--border))var(--border)calc(var(--tab-padding) - var(--border));--tab-inset:auto auto 0 auto;--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px))}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color)}}}& .tab-content{--tabcontent-order:1;--tabcontent-margin:calc(-1*var(--border))0 0 0;--radius-tabcontent-ss:0;--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:var(--radius-box);--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-ss:var(--radius-box)}}}.md\:tabs-bottom{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-order:1;--tab-border:var(--border)0 0 0;--tab-radius-ss:0;--tab-radius-se:0;--tab-radius-es:min(var(--radius-field),var(--tab-radius-min));--tab-radius-ee:min(var(--radius-field),var(--tab-radius-min));--tab-border-colors:var(--tab-border-color)transparent transparent transparent;--tab-paddings:0 var(--tab-padding)var(--border)var(--tab-padding);--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:0 var(--border)var(--border)var(--border);--tab-border-colors:transparent var(--tab-border-color)var(--tab-border-color)var(--tab-border-color);--tab-paddings:var(--border)calc(var(--tab-padding) - var(--border))0 calc(var(--tab-padding) - var(--border));--tab-inset:0 auto auto auto;--radius-start:radial-gradient(circle at bottom left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px));--radius-end:radial-gradient(circle at bottom right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px))}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:transparent var(--tab-border-color)var(--tab-border-color)var(--tab-border-color)}}}& .tab-content{--tabcontent-order:0;--tabcontent-margin:0 0 calc(-1*var(--border))0;--radius-tabcontent-ss:var(--radius-box);--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:0;--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-es:var(--radius-box)}}}.md\:tabs-box{background-color:var(--color-base-200);border-radius:calc(var(--radius-field) + .25rem);padding:.25rem;box-shadow:inset 0 -.5px oklch(100% 0 0/.1),inset 0 .5px oklch(0% 0 0/.05);& .tab{border-radius:var(--radius-field);border-style:none;&:focus-visible{outline-offset:2px}}& :is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),& :is(input:checked){background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:0 1px oklch(100% 0 0/.1) inset,0 1px 1px -1px color-mix(in oklab,var(--color-neutral),transparent),0 1px 6px -4px var(--color-neutral);&:hover{@media (hover:hover){&{color:var(--color-base-content)}}}}}.md\:tab-content{--radius-tabcontent-ss:0;--radius-tabcontent-se:0;--radius-tabcontent-es:0;--radius-tabcontent-ee:0;--tabcontent-order:1;width:100%;margin:var(--tabcontent-margin);order:1;order:var(--tabcontent-order);border-color:#0000;border-width:var(--border);border-start-start-radius:var(--radius-tabcontent-ss);border-start-end-radius:var(--radius-tabcontent-se);border-end-end-radius:var(--radius-tabcontent-ee);border-end-start-radius:var(--radius-tabcontent-es);display:none}.md\:tabs-xs{& :where(.tab){height:calc(var(--size-field,.25rem)*6);--tab-padding:.375rem;--tab-radius-min:calc(.5rem - var(--border));font-size:.75rem}}.md\:tabs-sm{& :where(.tab){height:calc(var(--size-field,.25rem)*8);--tab-padding:.5rem;--tab-radius-min:calc(.5rem - var(--border));font-size:.875rem}}.md\:tabs-md{& :where(.tab){height:calc(var(--size-field,.25rem)*10);--tab-padding:.75rem;--tab-radius-min:calc(.75rem - var(--border));font-size:.875rem}}.md\:tabs-lg{& :where(.tab){height:calc(var(--size-field,.25rem)*12);--tab-padding:1rem;--tab-radius-min:calc(1.5rem - var(--border));font-size:1.125rem}}.md\:tabs-xl{& :where(.tab){height:calc(var(--size-field,.25rem)*14);--tab-padding:1.25rem;--tab-radius-min:calc(2rem - var(--border));font-size:1.125rem}}}@media (width>=1024px){.lg\:tabs{--tabs-height:auto;--tabs-direction:row;height:var(--tabs-height);flex-wrap:wrap;flex-direction:var(--tabs-direction);display:flex}.lg\:tab{cursor:pointer;appearance:none;text-align:center;color:color-mix(in oklab,var(--color-base-content)50%,transparent);-webkit-user-select:none;user-select:none;--tab-padding:1rem;--tab-bg:var(--color-base-100);--tab-border-color:var(--color-base-300);--tab-radius-ss:0;--tab-radius-se:0;--tab-radius-es:0;--tab-radius-ee:0;--tab-order:0;--tab-radius-min:calc(.75rem - var(--border));flex-wrap:wrap;order:var(--tab-order);height:calc(var(--size-field,.25rem)*10);border-color:#0000;justify-content:center;align-items:center;padding-inline-start:var(--tab-padding);padding-inline-end:var(--tab-padding);font-size:.875rem;display:inline-flex;position:relative;&:hover{@media (hover:hover){&{color:var(--color-base-content)}}}&:is(input[type=radio]){min-width:fit-content;&:after{content:attr(aria-label)}}&:checked,&:is(.tab-active,[aria-selected=true]){&+.tab-content{height:100%;display:block}}&:not(input):empty{cursor:default}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){color:var(--color-base-content)}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:-5px;outline:2px solid}&[disabled],&[disabled]:hover{cursor:not-allowed;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}.lg\:tab-disabled{cursor:not-allowed;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}.lg\:tabs-border{& .tab{--tab-border-color:transparent transparent var(--tab-border-color)transparent;border-radius:var(--radius-field);position:relative;&:before{--tw-content:"";content:var(--tw-content);background-color:var(--tab-border-color);border-radius:var(--radius-field);width:80%;height:3px;transition:background-color .2s;position:absolute;bottom:0;left:10%}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){&:before{--tab-border-color:currentColor}}}}.lg\:tabs-lift{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-border:0 0 var(--border)0;--tab-radius-ss:min(var(--radius-field),var(--tab-radius-min));--tab-radius-se:min(var(--radius-field),var(--tab-radius-min));--tab-radius-es:0;--tab-radius-ee:0;--tab-paddings:var(--border)var(--tab-padding)0 var(--tab-padding);--tab-border-colors:transparent transparent var(--tab-border-color)transparent;--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;border-width:var(--tab-border);padding:var(--tab-paddings);border-color:var(--tab-border-colors);border-start-start-radius:var(--tab-radius-ss);border-start-end-radius:var(--tab-radius-se);border-end-end-radius:var(--tab-radius-ee);border-end-start-radius:var(--tab-radius-es);&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:var(--border)var(--border)0 var(--border);--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color);--tab-paddings:0 calc(var(--tab-padding) - var(--border))var(--border)calc(var(--tab-padding) - var(--border));--tab-inset:auto auto 0 auto;--tab-grad:calc(69% - var(--border));--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px));background-color:var(--tab-bg);&:before{z-index:1;content:"";width:var(--tab-corner-width);height:var(--tab-corner-height);background-position:var(--tab-corner-position);background-image:var(--radius-start),var(--radius-end);background-size:min(var(--radius-field),var(--tab-radius-min))min(var(--radius-field),var(--tab-radius-min));inset:var(--tab-inset);background-repeat:no-repeat;display:block;position:absolute}&:first-child:before{--radius-start:none}&:last-child:before{--radius-end:none}}&:last-of-type{margin:var(--last-tab-margin)}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color)}}}& .tab-content{--tabcontent-margin:calc(-1*var(--border))0 0 0;--radius-tabcontent-ss:0;--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:var(--radius-box);--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-ss:var(--radius-box)}}}.lg\:tabs-top{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-order:0;--tab-border:0 0 var(--border)0;--tab-radius-ss:min(var(--radius-field),var(--tab-radius-min));--tab-radius-se:min(var(--radius-field),var(--tab-radius-min));--tab-radius-es:0;--tab-radius-ee:0;--tab-paddings:var(--border)var(--tab-padding)0 var(--tab-padding);--tab-border-colors:transparent transparent var(--tab-border-color)transparent;--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:var(--border)var(--border)0 var(--border);--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color);--tab-paddings:0 calc(var(--tab-padding) - var(--border))var(--border)calc(var(--tab-padding) - var(--border));--tab-inset:auto auto 0 auto;--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px))}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color)}}}& .tab-content{--tabcontent-order:1;--tabcontent-margin:calc(-1*var(--border))0 0 0;--radius-tabcontent-ss:0;--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:var(--radius-box);--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-ss:var(--radius-box)}}}.lg\:tabs-bottom{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-order:1;--tab-border:var(--border)0 0 0;--tab-radius-ss:0;--tab-radius-se:0;--tab-radius-es:min(var(--radius-field),var(--tab-radius-min));--tab-radius-ee:min(var(--radius-field),var(--tab-radius-min));--tab-border-colors:var(--tab-border-color)transparent transparent transparent;--tab-paddings:0 var(--tab-padding)var(--border)var(--tab-padding);--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:0 var(--border)var(--border)var(--border);--tab-border-colors:transparent var(--tab-border-color)var(--tab-border-color)var(--tab-border-color);--tab-paddings:var(--border)calc(var(--tab-padding) - var(--border))0 calc(var(--tab-padding) - var(--border));--tab-inset:0 auto auto auto;--radius-start:radial-gradient(circle at bottom left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px));--radius-end:radial-gradient(circle at bottom right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px))}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:transparent var(--tab-border-color)var(--tab-border-color)var(--tab-border-color)}}}& .tab-content{--tabcontent-order:0;--tabcontent-margin:0 0 calc(-1*var(--border))0;--radius-tabcontent-ss:var(--radius-box);--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:0;--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-es:var(--radius-box)}}}.lg\:tabs-box{background-color:var(--color-base-200);border-radius:calc(var(--radius-field) + .25rem);padding:.25rem;box-shadow:inset 0 -.5px oklch(100% 0 0/.1),inset 0 .5px oklch(0% 0 0/.05);& .tab{border-radius:var(--radius-field);border-style:none;&:focus-visible{outline-offset:2px}}& :is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),& :is(input:checked){background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:0 1px oklch(100% 0 0/.1) inset,0 1px 1px -1px color-mix(in oklab,var(--color-neutral),transparent),0 1px 6px -4px var(--color-neutral);&:hover{@media (hover:hover){&{color:var(--color-base-content)}}}}}.lg\:tab-content{--radius-tabcontent-ss:0;--radius-tabcontent-se:0;--radius-tabcontent-es:0;--radius-tabcontent-ee:0;--tabcontent-order:1;width:100%;margin:var(--tabcontent-margin);order:1;order:var(--tabcontent-order);border-color:#0000;border-width:var(--border);border-start-start-radius:var(--radius-tabcontent-ss);border-start-end-radius:var(--radius-tabcontent-se);border-end-end-radius:var(--radius-tabcontent-ee);border-end-start-radius:var(--radius-tabcontent-es);display:none}.lg\:tabs-xs{& :where(.tab){height:calc(var(--size-field,.25rem)*6);--tab-padding:.375rem;--tab-radius-min:calc(.5rem - var(--border));font-size:.75rem}}.lg\:tabs-sm{& :where(.tab){height:calc(var(--size-field,.25rem)*8);--tab-padding:.5rem;--tab-radius-min:calc(.5rem - var(--border));font-size:.875rem}}.lg\:tabs-md{& :where(.tab){height:calc(var(--size-field,.25rem)*10);--tab-padding:.75rem;--tab-radius-min:calc(.75rem - var(--border));font-size:.875rem}}.lg\:tabs-lg{& :where(.tab){height:calc(var(--size-field,.25rem)*12);--tab-padding:1rem;--tab-radius-min:calc(1.5rem - var(--border));font-size:1.125rem}}.lg\:tabs-xl{& :where(.tab){height:calc(var(--size-field,.25rem)*14);--tab-padding:1.25rem;--tab-radius-min:calc(2rem - var(--border));font-size:1.125rem}}}@media (width>=1280px){.xl\:tabs{--tabs-height:auto;--tabs-direction:row;height:var(--tabs-height);flex-wrap:wrap;flex-direction:var(--tabs-direction);display:flex}.xl\:tab{cursor:pointer;appearance:none;text-align:center;color:color-mix(in oklab,var(--color-base-content)50%,transparent);-webkit-user-select:none;user-select:none;--tab-padding:1rem;--tab-bg:var(--color-base-100);--tab-border-color:var(--color-base-300);--tab-radius-ss:0;--tab-radius-se:0;--tab-radius-es:0;--tab-radius-ee:0;--tab-order:0;--tab-radius-min:calc(.75rem - var(--border));flex-wrap:wrap;order:var(--tab-order);height:calc(var(--size-field,.25rem)*10);border-color:#0000;justify-content:center;align-items:center;padding-inline-start:var(--tab-padding);padding-inline-end:var(--tab-padding);font-size:.875rem;display:inline-flex;position:relative;&:hover{@media (hover:hover){&{color:var(--color-base-content)}}}&:is(input[type=radio]){min-width:fit-content;&:after{content:attr(aria-label)}}&:checked,&:is(.tab-active,[aria-selected=true]){&+.tab-content{height:100%;display:block}}&:not(input):empty{cursor:default}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){color:var(--color-base-content)}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:-5px;outline:2px solid}&[disabled],&[disabled]:hover{cursor:not-allowed;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}.xl\:tab-disabled{cursor:not-allowed;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}.xl\:tabs-border{& .tab{--tab-border-color:transparent transparent var(--tab-border-color)transparent;border-radius:var(--radius-field);position:relative;&:before{--tw-content:"";content:var(--tw-content);background-color:var(--tab-border-color);border-radius:var(--radius-field);width:80%;height:3px;transition:background-color .2s;position:absolute;bottom:0;left:10%}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){&:before{--tab-border-color:currentColor}}}}.xl\:tabs-lift{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-border:0 0 var(--border)0;--tab-radius-ss:min(var(--radius-field),var(--tab-radius-min));--tab-radius-se:min(var(--radius-field),var(--tab-radius-min));--tab-radius-es:0;--tab-radius-ee:0;--tab-paddings:var(--border)var(--tab-padding)0 var(--tab-padding);--tab-border-colors:transparent transparent var(--tab-border-color)transparent;--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;border-width:var(--tab-border);padding:var(--tab-paddings);border-color:var(--tab-border-colors);border-start-start-radius:var(--tab-radius-ss);border-start-end-radius:var(--tab-radius-se);border-end-end-radius:var(--tab-radius-ee);border-end-start-radius:var(--tab-radius-es);&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:var(--border)var(--border)0 var(--border);--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color);--tab-paddings:0 calc(var(--tab-padding) - var(--border))var(--border)calc(var(--tab-padding) - var(--border));--tab-inset:auto auto 0 auto;--tab-grad:calc(69% - var(--border));--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px));background-color:var(--tab-bg);&:before{z-index:1;content:"";width:var(--tab-corner-width);height:var(--tab-corner-height);background-position:var(--tab-corner-position);background-image:var(--radius-start),var(--radius-end);background-size:min(var(--radius-field),var(--tab-radius-min))min(var(--radius-field),var(--tab-radius-min));inset:var(--tab-inset);background-repeat:no-repeat;display:block;position:absolute}&:first-child:before{--radius-start:none}&:last-child:before{--radius-end:none}}&:last-of-type{margin:var(--last-tab-margin)}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color)}}}& .tab-content{--tabcontent-margin:calc(-1*var(--border))0 0 0;--radius-tabcontent-ss:0;--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:var(--radius-box);--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-ss:var(--radius-box)}}}.xl\:tabs-top{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-order:0;--tab-border:0 0 var(--border)0;--tab-radius-ss:min(var(--radius-field),var(--tab-radius-min));--tab-radius-se:min(var(--radius-field),var(--tab-radius-min));--tab-radius-es:0;--tab-radius-ee:0;--tab-paddings:var(--border)var(--tab-padding)0 var(--tab-padding);--tab-border-colors:transparent transparent var(--tab-border-color)transparent;--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:var(--border)var(--border)0 var(--border);--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color);--tab-paddings:0 calc(var(--tab-padding) - var(--border))var(--border)calc(var(--tab-padding) - var(--border));--tab-inset:auto auto 0 auto;--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px))}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color)}}}& .tab-content{--tabcontent-order:1;--tabcontent-margin:calc(-1*var(--border))0 0 0;--radius-tabcontent-ss:0;--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:var(--radius-box);--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-ss:var(--radius-box)}}}.xl\:tabs-bottom{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-order:1;--tab-border:var(--border)0 0 0;--tab-radius-ss:0;--tab-radius-se:0;--tab-radius-es:min(var(--radius-field),var(--tab-radius-min));--tab-radius-ee:min(var(--radius-field),var(--tab-radius-min));--tab-border-colors:var(--tab-border-color)transparent transparent transparent;--tab-paddings:0 var(--tab-padding)var(--border)var(--tab-padding);--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:0 var(--border)var(--border)var(--border);--tab-border-colors:transparent var(--tab-border-color)var(--tab-border-color)var(--tab-border-color);--tab-paddings:var(--border)calc(var(--tab-padding) - var(--border))0 calc(var(--tab-padding) - var(--border));--tab-inset:0 auto auto auto;--radius-start:radial-gradient(circle at bottom left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px));--radius-end:radial-gradient(circle at bottom right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px))}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:transparent var(--tab-border-color)var(--tab-border-color)var(--tab-border-color)}}}& .tab-content{--tabcontent-order:0;--tabcontent-margin:0 0 calc(-1*var(--border))0;--radius-tabcontent-ss:var(--radius-box);--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:0;--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-es:var(--radius-box)}}}.xl\:tabs-box{background-color:var(--color-base-200);border-radius:calc(var(--radius-field) + .25rem);padding:.25rem;box-shadow:inset 0 -.5px oklch(100% 0 0/.1),inset 0 .5px oklch(0% 0 0/.05);& .tab{border-radius:var(--radius-field);border-style:none;&:focus-visible{outline-offset:2px}}& :is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),& :is(input:checked){background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:0 1px oklch(100% 0 0/.1) inset,0 1px 1px -1px color-mix(in oklab,var(--color-neutral),transparent),0 1px 6px -4px var(--color-neutral);&:hover{@media (hover:hover){&{color:var(--color-base-content)}}}}}.xl\:tab-content{--radius-tabcontent-ss:0;--radius-tabcontent-se:0;--radius-tabcontent-es:0;--radius-tabcontent-ee:0;--tabcontent-order:1;width:100%;margin:var(--tabcontent-margin);order:1;order:var(--tabcontent-order);border-color:#0000;border-width:var(--border);border-start-start-radius:var(--radius-tabcontent-ss);border-start-end-radius:var(--radius-tabcontent-se);border-end-end-radius:var(--radius-tabcontent-ee);border-end-start-radius:var(--radius-tabcontent-es);display:none}.xl\:tabs-xs{& :where(.tab){height:calc(var(--size-field,.25rem)*6);--tab-padding:.375rem;--tab-radius-min:calc(.5rem - var(--border));font-size:.75rem}}.xl\:tabs-sm{& :where(.tab){height:calc(var(--size-field,.25rem)*8);--tab-padding:.5rem;--tab-radius-min:calc(.5rem - var(--border));font-size:.875rem}}.xl\:tabs-md{& :where(.tab){height:calc(var(--size-field,.25rem)*10);--tab-padding:.75rem;--tab-radius-min:calc(.75rem - var(--border));font-size:.875rem}}.xl\:tabs-lg{& :where(.tab){height:calc(var(--size-field,.25rem)*12);--tab-padding:1rem;--tab-radius-min:calc(1.5rem - var(--border));font-size:1.125rem}}.xl\:tabs-xl{& :where(.tab){height:calc(var(--size-field,.25rem)*14);--tab-padding:1.25rem;--tab-radius-min:calc(2rem - var(--border));font-size:1.125rem}}}@media (width>=1536px){.\32 xl\:tabs{--tabs-height:auto;--tabs-direction:row;height:var(--tabs-height);flex-wrap:wrap;flex-direction:var(--tabs-direction);display:flex}.\32 xl\:tab{cursor:pointer;appearance:none;text-align:center;color:color-mix(in oklab,var(--color-base-content)50%,transparent);-webkit-user-select:none;user-select:none;--tab-padding:1rem;--tab-bg:var(--color-base-100);--tab-border-color:var(--color-base-300);--tab-radius-ss:0;--tab-radius-se:0;--tab-radius-es:0;--tab-radius-ee:0;--tab-order:0;--tab-radius-min:calc(.75rem - var(--border));flex-wrap:wrap;order:var(--tab-order);height:calc(var(--size-field,.25rem)*10);border-color:#0000;justify-content:center;align-items:center;padding-inline-start:var(--tab-padding);padding-inline-end:var(--tab-padding);font-size:.875rem;display:inline-flex;position:relative;&:hover{@media (hover:hover){&{color:var(--color-base-content)}}}&:is(input[type=radio]){min-width:fit-content;&:after{content:attr(aria-label)}}&:checked,&:is(.tab-active,[aria-selected=true]){&+.tab-content{height:100%;display:block}}&:not(input):empty{cursor:default}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){color:var(--color-base-content)}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:-5px;outline:2px solid}&[disabled],&[disabled]:hover{cursor:not-allowed;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}.\32 xl\:tab-disabled{cursor:not-allowed;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}.\32 xl\:tabs-border{& .tab{--tab-border-color:transparent transparent var(--tab-border-color)transparent;border-radius:var(--radius-field);position:relative;&:before{--tw-content:"";content:var(--tw-content);background-color:var(--tab-border-color);border-radius:var(--radius-field);width:80%;height:3px;transition:background-color .2s;position:absolute;bottom:0;left:10%}&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){&:before{--tab-border-color:currentColor}}}}.\32 xl\:tabs-lift{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-border:0 0 var(--border)0;--tab-radius-ss:min(var(--radius-field),var(--tab-radius-min));--tab-radius-se:min(var(--radius-field),var(--tab-radius-min));--tab-radius-es:0;--tab-radius-ee:0;--tab-paddings:var(--border)var(--tab-padding)0 var(--tab-padding);--tab-border-colors:transparent transparent var(--tab-border-color)transparent;--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;border-width:var(--tab-border);padding:var(--tab-paddings);border-color:var(--tab-border-colors);border-start-start-radius:var(--tab-radius-ss);border-start-end-radius:var(--tab-radius-se);border-end-end-radius:var(--tab-radius-ee);border-end-start-radius:var(--tab-radius-es);&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:var(--border)var(--border)0 var(--border);--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color);--tab-paddings:0 calc(var(--tab-padding) - var(--border))var(--border)calc(var(--tab-padding) - var(--border));--tab-inset:auto auto 0 auto;--tab-grad:calc(69% - var(--border));--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px));background-color:var(--tab-bg);&:before{z-index:1;content:"";width:var(--tab-corner-width);height:var(--tab-corner-height);background-position:var(--tab-corner-position);background-image:var(--radius-start),var(--radius-end);background-size:min(var(--radius-field),var(--tab-radius-min))min(var(--radius-field),var(--tab-radius-min));inset:var(--tab-inset);background-repeat:no-repeat;display:block;position:absolute}&:first-child:before{--radius-start:none}&:last-child:before{--radius-end:none}}&:last-of-type{margin:var(--last-tab-margin)}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color)}}}& .tab-content{--tabcontent-margin:calc(-1*var(--border))0 0 0;--radius-tabcontent-ss:0;--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:var(--radius-box);--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-ss:var(--radius-box)}}}.\32 xl\:tabs-top{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-order:0;--tab-border:0 0 var(--border)0;--tab-radius-ss:min(var(--radius-field),var(--tab-radius-min));--tab-radius-se:min(var(--radius-field),var(--tab-radius-min));--tab-radius-es:0;--tab-radius-ee:0;--tab-paddings:var(--border)var(--tab-padding)0 var(--tab-padding);--tab-border-colors:transparent transparent var(--tab-border-color)transparent;--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:var(--border)var(--border)0 var(--border);--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color);--tab-paddings:0 calc(var(--tab-padding) - var(--border))var(--border)calc(var(--tab-padding) - var(--border));--tab-inset:auto auto 0 auto;--radius-start:radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px));--radius-end:radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px))}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:var(--tab-border-color)var(--tab-border-color)transparent var(--tab-border-color)}}}& .tab-content{--tabcontent-order:1;--tabcontent-margin:calc(-1*var(--border))0 0 0;--radius-tabcontent-ss:0;--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:var(--radius-box);--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-ss:var(--radius-box)}}}.\32 xl\:tabs-bottom{--tabs-height:auto;--tabs-direction:row;& .tab{--tab-order:1;--tab-border:var(--border)0 0 0;--tab-radius-ss:0;--tab-radius-se:0;--tab-radius-es:min(var(--radius-field),var(--tab-radius-min));--tab-radius-ee:min(var(--radius-field),var(--tab-radius-min));--tab-border-colors:var(--tab-border-color)transparent transparent transparent;--tab-paddings:0 var(--tab-padding)var(--border)var(--tab-padding);--tab-corner-width:calc(100% + min(var(--radius-field),var(--tab-radius-min))*2);--tab-corner-height:min(var(--radius-field),var(--tab-radius-min));--tab-corner-position:top left,top right;--last-tab-margin:0 var(--tab-padding)0 0;&:is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),&:is(input:checked){--tab-border:0 var(--border)var(--border)var(--border);--tab-border-colors:transparent var(--tab-border-color)var(--tab-border-color)var(--tab-border-color);--tab-paddings:var(--border)calc(var(--tab-padding) - var(--border))0 calc(var(--tab-padding) - var(--border));--tab-inset:0 auto auto auto;--radius-start:radial-gradient(circle at bottom left,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px));--radius-end:radial-gradient(circle at bottom right,transparent var(--tab-grad),var(--tab-border-color)calc(var(--tab-grad) + .25px),var(--tab-border-color)calc(var(--tab-grad) + var(--border)),var(--tab-bg)calc(var(--tab-grad) + var(--border) + .25px))}}&:has(.tab-content){& .tab:first-child{&:not(.tab-active,[aria-selected=true]){--tab-border-colors:transparent var(--tab-border-color)var(--tab-border-color)var(--tab-border-color)}}}& .tab-content{--tabcontent-order:0;--tabcontent-margin:0 0 calc(-1*var(--border))0;--radius-tabcontent-ss:var(--radius-box);--radius-tabcontent-se:var(--radius-box);--radius-tabcontent-es:0;--radius-tabcontent-ee:var(--radius-box)}& :checked,& :is(.tab-active,[aria-selected=true]){&+.tab-content:not(:nth-child(2)){--radius-tabcontent-es:var(--radius-box)}}}.\32 xl\:tabs-box{background-color:var(--color-base-200);border-radius:calc(var(--radius-field) + .25rem);padding:.25rem;box-shadow:inset 0 -.5px oklch(100% 0 0/.1),inset 0 .5px oklch(0% 0 0/.05);& .tab{border-radius:var(--radius-field);border-style:none;&:focus-visible{outline-offset:2px}}& :is(.tab-active,[aria-selected=true]):not(.tab-disabled,[disabled]),& :is(input:checked){background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:0 1px oklch(100% 0 0/.1) inset,0 1px 1px -1px color-mix(in oklab,var(--color-neutral),transparent),0 1px 6px -4px var(--color-neutral);&:hover{@media (hover:hover){&{color:var(--color-base-content)}}}}}.\32 xl\:tab-content{--radius-tabcontent-ss:0;--radius-tabcontent-se:0;--radius-tabcontent-es:0;--radius-tabcontent-ee:0;--tabcontent-order:1;width:100%;margin:var(--tabcontent-margin);order:1;order:var(--tabcontent-order);border-color:#0000;border-width:var(--border);border-start-start-radius:var(--radius-tabcontent-ss);border-start-end-radius:var(--radius-tabcontent-se);border-end-end-radius:var(--radius-tabcontent-ee);border-end-start-radius:var(--radius-tabcontent-es);display:none}.\32 xl\:tabs-xs{& :where(.tab){height:calc(var(--size-field,.25rem)*6);--tab-padding:.375rem;--tab-radius-min:calc(.5rem - var(--border));font-size:.75rem}}.\32 xl\:tabs-sm{& :where(.tab){height:calc(var(--size-field,.25rem)*8);--tab-padding:.5rem;--tab-radius-min:calc(.5rem - var(--border));font-size:.875rem}}.\32 xl\:tabs-md{& :where(.tab){height:calc(var(--size-field,.25rem)*10);--tab-padding:.75rem;--tab-radius-min:calc(.75rem - var(--border));font-size:.875rem}}.\32 xl\:tabs-lg{& :where(.tab){height:calc(var(--size-field,.25rem)*12);--tab-padding:1rem;--tab-radius-min:calc(1.5rem - var(--border));font-size:1.125rem}}.\32 xl\:tabs-xl{& :where(.tab){height:calc(var(--size-field,.25rem)*14);--tab-padding:1.25rem;--tab-radius-min:calc(2rem - var(--border));font-size:1.125rem}}}
package/components/table/object.js CHANGED
@@ -1 +1 @@
1
- export default {".table":{"font-size":"0.875rem","position":"relative","width":"100%","border-radius":"var(--radius-box)","text-align":"left","&:where(:dir(rtl), [dir=\"rtl\"], [dir=\"rtl\"] *)":{"text-align":"right"},"tr.row-hover":{"&, &:nth-child(even)":{"&:hover":{"@media (hover: hover)":{"background-color":"var(--color-base-200)"}}}},":where(th, td)":{"padding-inline":"calc(0.25rem * 4)","padding-block":"calc(0.25rem * 3)","vertical-align":"middle"},":where(thead, tfoot)":{"white-space":"nowrap","color":"color-mix(in oklab, var(--color-base-content) 60%, transparent)","font-size":"0.875rem","font-weight":600},":where(tfoot)":{"border-top":"var(--border-width) solid var(--color-base-200)"},":where(.table-pin-rows thead tr)":{"position":"sticky","top":"calc(0.25rem * 0)","z-index":1,"background-color":"var(--color-base-100)"},":where(.table-pin-rows tfoot tr)":{"position":"sticky","bottom":"calc(0.25rem * 0)","z-index":1,"background-color":"var(--color-base-100)"},":where(.table-pin-cols tr th)":{"position":"sticky","right":"calc(0.25rem * 0)","left":"calc(0.25rem * 0)","background-color":"var(--color-base-100)"},":where(thead tr, tbody tr:not(:last-child), tbody tr:first-child:last-child)":{"border-bottom":"var(--border-width) solid var(--color-base-200)"}},".table-zebra":{"tbody":{"tr":{"&:nth-child(even)":{"background-color":"var(--color-base-200)",":where(.table-pin-cols tr th)":{"background-color":"var(--color-base-200)"}},"&.row-hover":{"&, &:nth-child(even)":{"&:hover":{"@media (hover: hover)":{"background-color":"var(--color-base-300)"}}}}}}},".table-xs":{":not(thead, tfoot) tr":{"font-size":"0.6875rem"},":where(th, td)":{"padding-inline":"calc(0.25rem * 2)","padding-block":"calc(0.25rem * 1)"}},".table-sm":{":not(thead, tfoot) tr":{"font-size":"0.75rem"},":where(th, td)":{"padding-inline":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 2)"}},".table-md":{":not(thead, tfoot) tr":{"font-size":"0.875rem"},":where(th, td)":{"padding-inline":"calc(0.25rem * 4)","padding-block":"calc(0.25rem * 3)"}},".table-lg":{":not(thead, tfoot) tr":{"font-size":"1.125rem"},":where(th, td)":{"padding-inline":"calc(0.25rem * 5)","padding-block":"calc(0.25rem * 4)"}},".table-xl":{":not(thead, tfoot) tr":{"font-size":"1.375rem"},":where(th, td)":{"padding-inline":"calc(0.25rem * 6)","padding-block":"calc(0.25rem * 5)"}}};
1
+ export default {".table":{"font-size":"0.875rem","position":"relative","width":"100%","border-radius":"var(--radius-box)","text-align":"left","&:where(:dir(rtl), [dir=\"rtl\"], [dir=\"rtl\"] *)":{"text-align":"right"},"tr.row-hover":{"&, &:nth-child(even)":{"&:hover":{"@media (hover: hover)":{"background-color":"var(--color-base-200)"}}}},":where(th, td)":{"padding-inline":"calc(0.25rem * 4)","padding-block":"calc(0.25rem * 3)","vertical-align":"middle"},":where(thead, tfoot)":{"white-space":"nowrap","color":"color-mix(in oklab, var(--color-base-content) 60%, transparent)","font-size":"0.875rem","font-weight":600},":where(tfoot)":{"border-top":"var(--border) solid var(--color-base-200)"},":where(.table-pin-rows thead tr)":{"position":"sticky","top":"calc(0.25rem * 0)","z-index":1,"background-color":"var(--color-base-100)"},":where(.table-pin-rows tfoot tr)":{"position":"sticky","bottom":"calc(0.25rem * 0)","z-index":1,"background-color":"var(--color-base-100)"},":where(.table-pin-cols tr th)":{"position":"sticky","right":"calc(0.25rem * 0)","left":"calc(0.25rem * 0)","background-color":"var(--color-base-100)"},":where(thead tr, tbody tr:not(:last-child), tbody tr:first-child:last-child)":{"border-bottom":"var(--border) solid var(--color-base-200)"}},".table-zebra":{"tbody":{"tr":{"&:nth-child(even)":{"background-color":"var(--color-base-200)",":where(.table-pin-cols tr th)":{"background-color":"var(--color-base-200)"}},"&.row-hover":{"&, &:nth-child(even)":{"&:hover":{"@media (hover: hover)":{"background-color":"var(--color-base-300)"}}}}}}},".table-xs":{":not(thead, tfoot) tr":{"font-size":"0.6875rem"},":where(th, td)":{"padding-inline":"calc(0.25rem * 2)","padding-block":"calc(0.25rem * 1)"}},".table-sm":{":not(thead, tfoot) tr":{"font-size":"0.75rem"},":where(th, td)":{"padding-inline":"calc(0.25rem * 3)","padding-block":"calc(0.25rem * 2)"}},".table-md":{":not(thead, tfoot) tr":{"font-size":"0.875rem"},":where(th, td)":{"padding-inline":"calc(0.25rem * 4)","padding-block":"calc(0.25rem * 3)"}},".table-lg":{":not(thead, tfoot) tr":{"font-size":"1.125rem"},":where(th, td)":{"padding-inline":"calc(0.25rem * 5)","padding-block":"calc(0.25rem * 4)"}},".table-xl":{":not(thead, tfoot) tr":{"font-size":"1.375rem"},":where(th, td)":{"padding-inline":"calc(0.25rem * 6)","padding-block":"calc(0.25rem * 5)"}}};
package/components/table.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.44 – MIT License */ .table{border-radius:var(--radius-box);text-align:left;width:100%;font-size:.875rem;position:relative;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:right}& tr.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-200)}}}}}& :where(th,td){vertical-align:middle;padding-block:.75rem;padding-inline:1rem}& :where(thead,tfoot){white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);font-size:.875rem;font-weight:600}& :where(tfoot){border-top:var(--border-width)solid var(--color-base-200)}& :where(.table-pin-rows thead tr){z-index:1;background-color:var(--color-base-100);position:sticky;top:0}& :where(.table-pin-rows tfoot tr){z-index:1;background-color:var(--color-base-100);position:sticky;bottom:0}& :where(.table-pin-cols tr th){background-color:var(--color-base-100);position:sticky;left:0;right:0}& :where(thead tr,tbody tr:not(:last-child),tbody tr:first-child:last-child){border-bottom:var(--border-width)solid var(--color-base-200)}}.table-zebra{& tbody{& tr{&:nth-child(2n){background-color:var(--color-base-200);& :where(.table-pin-cols tr th){background-color:var(--color-base-200)}}&.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-300)}}}}}}}}.table-xs{& :not(thead,tfoot) tr{font-size:.6875rem}& :where(th,td){padding-block:.25rem;padding-inline:.5rem}}.table-sm{& :not(thead,tfoot) tr{font-size:.75rem}& :where(th,td){padding-block:.5rem;padding-inline:.75rem}}.table-md{& :not(thead,tfoot) tr{font-size:.875rem}& :where(th,td){padding-block:.75rem;padding-inline:1rem}}.table-lg{& :not(thead,tfoot) tr{font-size:1.125rem}& :where(th,td){padding-block:1rem;padding-inline:1.25rem}}.table-xl{& :not(thead,tfoot) tr{font-size:1.375rem}& :where(th,td){padding-block:1.25rem;padding-inline:1.5rem}}@media (width>=640px){.sm\:table{border-radius:var(--radius-box);text-align:left;width:100%;font-size:.875rem;position:relative;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:right}& tr.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-200)}}}}}& :where(th,td){vertical-align:middle;padding-block:.75rem;padding-inline:1rem}& :where(thead,tfoot){white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);font-size:.875rem;font-weight:600}& :where(tfoot){border-top:var(--border-width)solid var(--color-base-200)}& :where(.table-pin-rows thead tr){z-index:1;background-color:var(--color-base-100);position:sticky;top:0}& :where(.table-pin-rows tfoot tr){z-index:1;background-color:var(--color-base-100);position:sticky;bottom:0}& :where(.table-pin-cols tr th){background-color:var(--color-base-100);position:sticky;left:0;right:0}& :where(thead tr,tbody tr:not(:last-child),tbody tr:first-child:last-child){border-bottom:var(--border-width)solid var(--color-base-200)}}.sm\:table-zebra{& tbody{& tr{&:nth-child(2n){background-color:var(--color-base-200);& :where(.table-pin-cols tr th){background-color:var(--color-base-200)}}&.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-300)}}}}}}}}.sm\:table-xs{& :not(thead,tfoot) tr{font-size:.6875rem}& :where(th,td){padding-block:.25rem;padding-inline:.5rem}}.sm\:table-sm{& :not(thead,tfoot) tr{font-size:.75rem}& :where(th,td){padding-block:.5rem;padding-inline:.75rem}}.sm\:table-md{& :not(thead,tfoot) tr{font-size:.875rem}& :where(th,td){padding-block:.75rem;padding-inline:1rem}}.sm\:table-lg{& :not(thead,tfoot) tr{font-size:1.125rem}& :where(th,td){padding-block:1rem;padding-inline:1.25rem}}.sm\:table-xl{& :not(thead,tfoot) tr{font-size:1.375rem}& :where(th,td){padding-block:1.25rem;padding-inline:1.5rem}}}@media (width>=768px){.md\:table{border-radius:var(--radius-box);text-align:left;width:100%;font-size:.875rem;position:relative;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:right}& tr.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-200)}}}}}& :where(th,td){vertical-align:middle;padding-block:.75rem;padding-inline:1rem}& :where(thead,tfoot){white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);font-size:.875rem;font-weight:600}& :where(tfoot){border-top:var(--border-width)solid var(--color-base-200)}& :where(.table-pin-rows thead tr){z-index:1;background-color:var(--color-base-100);position:sticky;top:0}& :where(.table-pin-rows tfoot tr){z-index:1;background-color:var(--color-base-100);position:sticky;bottom:0}& :where(.table-pin-cols tr th){background-color:var(--color-base-100);position:sticky;left:0;right:0}& :where(thead tr,tbody tr:not(:last-child),tbody tr:first-child:last-child){border-bottom:var(--border-width)solid var(--color-base-200)}}.md\:table-zebra{& tbody{& tr{&:nth-child(2n){background-color:var(--color-base-200);& :where(.table-pin-cols tr th){background-color:var(--color-base-200)}}&.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-300)}}}}}}}}.md\:table-xs{& :not(thead,tfoot) tr{font-size:.6875rem}& :where(th,td){padding-block:.25rem;padding-inline:.5rem}}.md\:table-sm{& :not(thead,tfoot) tr{font-size:.75rem}& :where(th,td){padding-block:.5rem;padding-inline:.75rem}}.md\:table-md{& :not(thead,tfoot) tr{font-size:.875rem}& :where(th,td){padding-block:.75rem;padding-inline:1rem}}.md\:table-lg{& :not(thead,tfoot) tr{font-size:1.125rem}& :where(th,td){padding-block:1rem;padding-inline:1.25rem}}.md\:table-xl{& :not(thead,tfoot) tr{font-size:1.375rem}& :where(th,td){padding-block:1.25rem;padding-inline:1.5rem}}}@media (width>=1024px){.lg\:table{border-radius:var(--radius-box);text-align:left;width:100%;font-size:.875rem;position:relative;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:right}& tr.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-200)}}}}}& :where(th,td){vertical-align:middle;padding-block:.75rem;padding-inline:1rem}& :where(thead,tfoot){white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);font-size:.875rem;font-weight:600}& :where(tfoot){border-top:var(--border-width)solid var(--color-base-200)}& :where(.table-pin-rows thead tr){z-index:1;background-color:var(--color-base-100);position:sticky;top:0}& :where(.table-pin-rows tfoot tr){z-index:1;background-color:var(--color-base-100);position:sticky;bottom:0}& :where(.table-pin-cols tr th){background-color:var(--color-base-100);position:sticky;left:0;right:0}& :where(thead tr,tbody tr:not(:last-child),tbody tr:first-child:last-child){border-bottom:var(--border-width)solid var(--color-base-200)}}.lg\:table-zebra{& tbody{& tr{&:nth-child(2n){background-color:var(--color-base-200);& :where(.table-pin-cols tr th){background-color:var(--color-base-200)}}&.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-300)}}}}}}}}.lg\:table-xs{& :not(thead,tfoot) tr{font-size:.6875rem}& :where(th,td){padding-block:.25rem;padding-inline:.5rem}}.lg\:table-sm{& :not(thead,tfoot) tr{font-size:.75rem}& :where(th,td){padding-block:.5rem;padding-inline:.75rem}}.lg\:table-md{& :not(thead,tfoot) tr{font-size:.875rem}& :where(th,td){padding-block:.75rem;padding-inline:1rem}}.lg\:table-lg{& :not(thead,tfoot) tr{font-size:1.125rem}& :where(th,td){padding-block:1rem;padding-inline:1.25rem}}.lg\:table-xl{& :not(thead,tfoot) tr{font-size:1.375rem}& :where(th,td){padding-block:1.25rem;padding-inline:1.5rem}}}@media (width>=1280px){.xl\:table{border-radius:var(--radius-box);text-align:left;width:100%;font-size:.875rem;position:relative;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:right}& tr.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-200)}}}}}& :where(th,td){vertical-align:middle;padding-block:.75rem;padding-inline:1rem}& :where(thead,tfoot){white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);font-size:.875rem;font-weight:600}& :where(tfoot){border-top:var(--border-width)solid var(--color-base-200)}& :where(.table-pin-rows thead tr){z-index:1;background-color:var(--color-base-100);position:sticky;top:0}& :where(.table-pin-rows tfoot tr){z-index:1;background-color:var(--color-base-100);position:sticky;bottom:0}& :where(.table-pin-cols tr th){background-color:var(--color-base-100);position:sticky;left:0;right:0}& :where(thead tr,tbody tr:not(:last-child),tbody tr:first-child:last-child){border-bottom:var(--border-width)solid var(--color-base-200)}}.xl\:table-zebra{& tbody{& tr{&:nth-child(2n){background-color:var(--color-base-200);& :where(.table-pin-cols tr th){background-color:var(--color-base-200)}}&.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-300)}}}}}}}}.xl\:table-xs{& :not(thead,tfoot) tr{font-size:.6875rem}& :where(th,td){padding-block:.25rem;padding-inline:.5rem}}.xl\:table-sm{& :not(thead,tfoot) tr{font-size:.75rem}& :where(th,td){padding-block:.5rem;padding-inline:.75rem}}.xl\:table-md{& :not(thead,tfoot) tr{font-size:.875rem}& :where(th,td){padding-block:.75rem;padding-inline:1rem}}.xl\:table-lg{& :not(thead,tfoot) tr{font-size:1.125rem}& :where(th,td){padding-block:1rem;padding-inline:1.25rem}}.xl\:table-xl{& :not(thead,tfoot) tr{font-size:1.375rem}& :where(th,td){padding-block:1.25rem;padding-inline:1.5rem}}}@media (width>=1536px){.\32 xl\:table{border-radius:var(--radius-box);text-align:left;width:100%;font-size:.875rem;position:relative;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:right}& tr.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-200)}}}}}& :where(th,td){vertical-align:middle;padding-block:.75rem;padding-inline:1rem}& :where(thead,tfoot){white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);font-size:.875rem;font-weight:600}& :where(tfoot){border-top:var(--border-width)solid var(--color-base-200)}& :where(.table-pin-rows thead tr){z-index:1;background-color:var(--color-base-100);position:sticky;top:0}& :where(.table-pin-rows tfoot tr){z-index:1;background-color:var(--color-base-100);position:sticky;bottom:0}& :where(.table-pin-cols tr th){background-color:var(--color-base-100);position:sticky;left:0;right:0}& :where(thead tr,tbody tr:not(:last-child),tbody tr:first-child:last-child){border-bottom:var(--border-width)solid var(--color-base-200)}}.\32 xl\:table-zebra{& tbody{& tr{&:nth-child(2n){background-color:var(--color-base-200);& :where(.table-pin-cols tr th){background-color:var(--color-base-200)}}&.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-300)}}}}}}}}.\32 xl\:table-xs{& :not(thead,tfoot) tr{font-size:.6875rem}& :where(th,td){padding-block:.25rem;padding-inline:.5rem}}.\32 xl\:table-sm{& :not(thead,tfoot) tr{font-size:.75rem}& :where(th,td){padding-block:.5rem;padding-inline:.75rem}}.\32 xl\:table-md{& :not(thead,tfoot) tr{font-size:.875rem}& :where(th,td){padding-block:.75rem;padding-inline:1rem}}.\32 xl\:table-lg{& :not(thead,tfoot) tr{font-size:1.125rem}& :where(th,td){padding-block:1rem;padding-inline:1.25rem}}.\32 xl\:table-xl{& :not(thead,tfoot) tr{font-size:1.375rem}& :where(th,td){padding-block:1.25rem;padding-inline:1.5rem}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.45 - MIT License */ .table{border-radius:var(--radius-box);text-align:left;width:100%;font-size:.875rem;position:relative;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:right}& tr.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-200)}}}}}& :where(th,td){vertical-align:middle;padding-block:.75rem;padding-inline:1rem}& :where(thead,tfoot){white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);font-size:.875rem;font-weight:600}& :where(tfoot){border-top:var(--border)solid var(--color-base-200)}& :where(.table-pin-rows thead tr){z-index:1;background-color:var(--color-base-100);position:sticky;top:0}& :where(.table-pin-rows tfoot tr){z-index:1;background-color:var(--color-base-100);position:sticky;bottom:0}& :where(.table-pin-cols tr th){background-color:var(--color-base-100);position:sticky;left:0;right:0}& :where(thead tr,tbody tr:not(:last-child),tbody tr:first-child:last-child){border-bottom:var(--border)solid var(--color-base-200)}}.table-zebra{& tbody{& tr{&:nth-child(2n){background-color:var(--color-base-200);& :where(.table-pin-cols tr th){background-color:var(--color-base-200)}}&.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-300)}}}}}}}}.table-xs{& :not(thead,tfoot) tr{font-size:.6875rem}& :where(th,td){padding-block:.25rem;padding-inline:.5rem}}.table-sm{& :not(thead,tfoot) tr{font-size:.75rem}& :where(th,td){padding-block:.5rem;padding-inline:.75rem}}.table-md{& :not(thead,tfoot) tr{font-size:.875rem}& :where(th,td){padding-block:.75rem;padding-inline:1rem}}.table-lg{& :not(thead,tfoot) tr{font-size:1.125rem}& :where(th,td){padding-block:1rem;padding-inline:1.25rem}}.table-xl{& :not(thead,tfoot) tr{font-size:1.375rem}& :where(th,td){padding-block:1.25rem;padding-inline:1.5rem}}@media (width>=640px){.sm\:table{border-radius:var(--radius-box);text-align:left;width:100%;font-size:.875rem;position:relative;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:right}& tr.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-200)}}}}}& :where(th,td){vertical-align:middle;padding-block:.75rem;padding-inline:1rem}& :where(thead,tfoot){white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);font-size:.875rem;font-weight:600}& :where(tfoot){border-top:var(--border)solid var(--color-base-200)}& :where(.table-pin-rows thead tr){z-index:1;background-color:var(--color-base-100);position:sticky;top:0}& :where(.table-pin-rows tfoot tr){z-index:1;background-color:var(--color-base-100);position:sticky;bottom:0}& :where(.table-pin-cols tr th){background-color:var(--color-base-100);position:sticky;left:0;right:0}& :where(thead tr,tbody tr:not(:last-child),tbody tr:first-child:last-child){border-bottom:var(--border)solid var(--color-base-200)}}.sm\:table-zebra{& tbody{& tr{&:nth-child(2n){background-color:var(--color-base-200);& :where(.table-pin-cols tr th){background-color:var(--color-base-200)}}&.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-300)}}}}}}}}.sm\:table-xs{& :not(thead,tfoot) tr{font-size:.6875rem}& :where(th,td){padding-block:.25rem;padding-inline:.5rem}}.sm\:table-sm{& :not(thead,tfoot) tr{font-size:.75rem}& :where(th,td){padding-block:.5rem;padding-inline:.75rem}}.sm\:table-md{& :not(thead,tfoot) tr{font-size:.875rem}& :where(th,td){padding-block:.75rem;padding-inline:1rem}}.sm\:table-lg{& :not(thead,tfoot) tr{font-size:1.125rem}& :where(th,td){padding-block:1rem;padding-inline:1.25rem}}.sm\:table-xl{& :not(thead,tfoot) tr{font-size:1.375rem}& :where(th,td){padding-block:1.25rem;padding-inline:1.5rem}}}@media (width>=768px){.md\:table{border-radius:var(--radius-box);text-align:left;width:100%;font-size:.875rem;position:relative;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:right}& tr.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-200)}}}}}& :where(th,td){vertical-align:middle;padding-block:.75rem;padding-inline:1rem}& :where(thead,tfoot){white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);font-size:.875rem;font-weight:600}& :where(tfoot){border-top:var(--border)solid var(--color-base-200)}& :where(.table-pin-rows thead tr){z-index:1;background-color:var(--color-base-100);position:sticky;top:0}& :where(.table-pin-rows tfoot tr){z-index:1;background-color:var(--color-base-100);position:sticky;bottom:0}& :where(.table-pin-cols tr th){background-color:var(--color-base-100);position:sticky;left:0;right:0}& :where(thead tr,tbody tr:not(:last-child),tbody tr:first-child:last-child){border-bottom:var(--border)solid var(--color-base-200)}}.md\:table-zebra{& tbody{& tr{&:nth-child(2n){background-color:var(--color-base-200);& :where(.table-pin-cols tr th){background-color:var(--color-base-200)}}&.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-300)}}}}}}}}.md\:table-xs{& :not(thead,tfoot) tr{font-size:.6875rem}& :where(th,td){padding-block:.25rem;padding-inline:.5rem}}.md\:table-sm{& :not(thead,tfoot) tr{font-size:.75rem}& :where(th,td){padding-block:.5rem;padding-inline:.75rem}}.md\:table-md{& :not(thead,tfoot) tr{font-size:.875rem}& :where(th,td){padding-block:.75rem;padding-inline:1rem}}.md\:table-lg{& :not(thead,tfoot) tr{font-size:1.125rem}& :where(th,td){padding-block:1rem;padding-inline:1.25rem}}.md\:table-xl{& :not(thead,tfoot) tr{font-size:1.375rem}& :where(th,td){padding-block:1.25rem;padding-inline:1.5rem}}}@media (width>=1024px){.lg\:table{border-radius:var(--radius-box);text-align:left;width:100%;font-size:.875rem;position:relative;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:right}& tr.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-200)}}}}}& :where(th,td){vertical-align:middle;padding-block:.75rem;padding-inline:1rem}& :where(thead,tfoot){white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);font-size:.875rem;font-weight:600}& :where(tfoot){border-top:var(--border)solid var(--color-base-200)}& :where(.table-pin-rows thead tr){z-index:1;background-color:var(--color-base-100);position:sticky;top:0}& :where(.table-pin-rows tfoot tr){z-index:1;background-color:var(--color-base-100);position:sticky;bottom:0}& :where(.table-pin-cols tr th){background-color:var(--color-base-100);position:sticky;left:0;right:0}& :where(thead tr,tbody tr:not(:last-child),tbody tr:first-child:last-child){border-bottom:var(--border)solid var(--color-base-200)}}.lg\:table-zebra{& tbody{& tr{&:nth-child(2n){background-color:var(--color-base-200);& :where(.table-pin-cols tr th){background-color:var(--color-base-200)}}&.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-300)}}}}}}}}.lg\:table-xs{& :not(thead,tfoot) tr{font-size:.6875rem}& :where(th,td){padding-block:.25rem;padding-inline:.5rem}}.lg\:table-sm{& :not(thead,tfoot) tr{font-size:.75rem}& :where(th,td){padding-block:.5rem;padding-inline:.75rem}}.lg\:table-md{& :not(thead,tfoot) tr{font-size:.875rem}& :where(th,td){padding-block:.75rem;padding-inline:1rem}}.lg\:table-lg{& :not(thead,tfoot) tr{font-size:1.125rem}& :where(th,td){padding-block:1rem;padding-inline:1.25rem}}.lg\:table-xl{& :not(thead,tfoot) tr{font-size:1.375rem}& :where(th,td){padding-block:1.25rem;padding-inline:1.5rem}}}@media (width>=1280px){.xl\:table{border-radius:var(--radius-box);text-align:left;width:100%;font-size:.875rem;position:relative;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:right}& tr.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-200)}}}}}& :where(th,td){vertical-align:middle;padding-block:.75rem;padding-inline:1rem}& :where(thead,tfoot){white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);font-size:.875rem;font-weight:600}& :where(tfoot){border-top:var(--border)solid var(--color-base-200)}& :where(.table-pin-rows thead tr){z-index:1;background-color:var(--color-base-100);position:sticky;top:0}& :where(.table-pin-rows tfoot tr){z-index:1;background-color:var(--color-base-100);position:sticky;bottom:0}& :where(.table-pin-cols tr th){background-color:var(--color-base-100);position:sticky;left:0;right:0}& :where(thead tr,tbody tr:not(:last-child),tbody tr:first-child:last-child){border-bottom:var(--border)solid var(--color-base-200)}}.xl\:table-zebra{& tbody{& tr{&:nth-child(2n){background-color:var(--color-base-200);& :where(.table-pin-cols tr th){background-color:var(--color-base-200)}}&.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-300)}}}}}}}}.xl\:table-xs{& :not(thead,tfoot) tr{font-size:.6875rem}& :where(th,td){padding-block:.25rem;padding-inline:.5rem}}.xl\:table-sm{& :not(thead,tfoot) tr{font-size:.75rem}& :where(th,td){padding-block:.5rem;padding-inline:.75rem}}.xl\:table-md{& :not(thead,tfoot) tr{font-size:.875rem}& :where(th,td){padding-block:.75rem;padding-inline:1rem}}.xl\:table-lg{& :not(thead,tfoot) tr{font-size:1.125rem}& :where(th,td){padding-block:1rem;padding-inline:1.25rem}}.xl\:table-xl{& :not(thead,tfoot) tr{font-size:1.375rem}& :where(th,td){padding-block:1.25rem;padding-inline:1.5rem}}}@media (width>=1536px){.\32 xl\:table{border-radius:var(--radius-box);text-align:left;width:100%;font-size:.875rem;position:relative;&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:right}& tr.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-200)}}}}}& :where(th,td){vertical-align:middle;padding-block:.75rem;padding-inline:1rem}& :where(thead,tfoot){white-space:nowrap;color:color-mix(in oklab,var(--color-base-content)60%,transparent);font-size:.875rem;font-weight:600}& :where(tfoot){border-top:var(--border)solid var(--color-base-200)}& :where(.table-pin-rows thead tr){z-index:1;background-color:var(--color-base-100);position:sticky;top:0}& :where(.table-pin-rows tfoot tr){z-index:1;background-color:var(--color-base-100);position:sticky;bottom:0}& :where(.table-pin-cols tr th){background-color:var(--color-base-100);position:sticky;left:0;right:0}& :where(thead tr,tbody tr:not(:last-child),tbody tr:first-child:last-child){border-bottom:var(--border)solid var(--color-base-200)}}.\32 xl\:table-zebra{& tbody{& tr{&:nth-child(2n){background-color:var(--color-base-200);& :where(.table-pin-cols tr th){background-color:var(--color-base-200)}}&.row-hover{&,&:nth-child(2n){&:hover{@media (hover:hover){&{background-color:var(--color-base-300)}}}}}}}}.\32 xl\:table-xs{& :not(thead,tfoot) tr{font-size:.6875rem}& :where(th,td){padding-block:.25rem;padding-inline:.5rem}}.\32 xl\:table-sm{& :not(thead,tfoot) tr{font-size:.75rem}& :where(th,td){padding-block:.5rem;padding-inline:.75rem}}.\32 xl\:table-md{& :not(thead,tfoot) tr{font-size:.875rem}& :where(th,td){padding-block:.75rem;padding-inline:1rem}}.\32 xl\:table-lg{& :not(thead,tfoot) tr{font-size:1.125rem}& :where(th,td){padding-block:1rem;padding-inline:1.25rem}}.\32 xl\:table-xl{& :not(thead,tfoot) tr{font-size:1.375rem}& :where(th,td){padding-block:1.25rem;padding-inline:1.5rem}}}