daisyui 1.25.4 → 2.0.0

package/dist/unstyled.css

@@ -1,256 +1,124 @@
-.alert>:not([hidden])~:not([hidden]){
-  --tw-space-y-reverse:0;
-  margin-top:calc(0.5rem*(1 - var(--tw-space-y-reverse)));
-  margin-bottom:calc(0.5rem*var(--tw-space-y-reverse));
-}
-
-.alert{
-  display:flex;
-  flex-direction:column;
-  align-items:center;
-  justify-content:space-between;
-}
-
-@media (min-width:768px){
-  .alert>:not([hidden])~:not([hidden]){
-    --tw-space-y-reverse:0;
-    margin-top:calc(0px*(1 - var(--tw-space-y-reverse)));
-    margin-bottom:calc(0px*var(--tw-space-y-reverse));
-  }
-
-  .alert{
-    flex-direction:row;
-  }
-}
-
-.alert>*{
-    display:flex;
-  }
-.artboard{
-  width:100%;
-}.avatar{
-  display:inline-flex;
-  position:relative;
-}
-  .avatar>div{
-    display:block;
-    overflow:hidden;
-  }
-  .avatar img{
-    height:100%;
-    -o-object-fit:cover;
-       object-fit:cover;
-    width:100%;
-  }
-  .avatar.placeholder>div{
-      display:flex;
-      align-items:center;
-      justify-content:center
-    }
-.badge{
-  display:inline-flex;
-  align-items:center;
-  justify-content:center;
-  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
-  transition-duration:.15s;
-  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
-  transition-duration:.2s;
-  height:1.25rem;
-  font-size:.875rem;
-  line-height:1.25rem;
-  width:-webkit-fit-content;
-  width:-moz-fit-content;
+.alert{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem}.alert>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem*var(--tw-space-y-reverse))}@media (min-width:768px){.alert{flex-direction:row}.alert>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px*var(--tw-space-y-reverse))}}.alert>:where(*){display:flex}.alert>:where(*){align-items:center}.alert>:where(*){gap:.5rem}
+.artboard{width:100%}
+.avatar{position:relative;display:inline-flex;}
+  .avatar>div{display:block;}
+  .avatar>div{aspect-ratio:1 / 1;}
+  .avatar>div{overflow:hidden;}
+  .avatar img{height:100%;}
+  .avatar img{width:100%;}
+  .avatar img{object-fit:cover;}
+  .avatar.placeholder>div{display:flex;}
+  .avatar.placeholder>div{align-items:center;}
+  .avatar.placeholder>div{justify-content:center;}
+.badge{display:inline-flex;align-items:center;justify-content:center;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.4, 0, .2, 1);height:1.25rem;font-size:.875rem;line-height:1.25rem;
   width:fit-content;
   padding-left:.563rem;
-  padding-right:.563rem;
-}
-.breadcrumbs{
-  max-width:100%;
-  overflow-x:auto;
-}
+  padding-right:.563rem}
+.breadcrumbs{max-width:100%;overflow-x:auto;}
+  .breadcrumbs>ul{display:flex;}
+  .breadcrumbs>ul{align-items:center;}
+  .breadcrumbs>ul{white-space:nowrap;}
   .breadcrumbs>ul{
-    display:flex;
-    align-items:center;
-    white-space:nowrap;
-    min-height:-webkit-min-content;
-    min-height:-moz-min-content;
     min-height:min-content;
   }
-  .breadcrumbs>ul>li{
-      display:flex;
-      align-items:center;
-    }
-  .breadcrumbs>ul>li>a{
-        cursor:pointer;
-        display:flex;
-        align-items:center;
-      }
-  .breadcrumbs>ul>li>a:hover{
-        text-decoration:underline;
-      }.btn{
-  border-color:transparent;
-  cursor:pointer;
-  display:inline-flex;
-  flex-wrap:wrap;
-  align-items:center;
-  justify-content:center;
-  flex-shrink:0;
-  text-align:center;
-  -webkit-user-select:none;
-     -moz-user-select:none;
-      -ms-user-select:none;
-          user-select:none;
-  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
-  transition-duration:.15s;
-  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
-  transition-duration:.2s;
-  border-radius:var(--rounded-btn, .5rem);
-  height:3rem;
-  font-size:.875rem;
-  line-height:1.25rem;
-  padding-left:1rem;
-  padding-right:1rem;
-  min-height:3rem;
-  line-height:1em;
-}
-  .btn:focus{
-    outline:2px solid transparent;
-    outline-offset:2px;
-  }
-  .btn-disabled,.btn[disabled]{
-    pointer-events:none;
-  }
-  .btn-square{
-    height:3rem;
-    padding:0;
-    width:3rem;
-  }
-  .btn-circle{
-    border-radius:9999px;
-    height:3rem;
-    padding:0;
-    width:3rem;
-  }
-  .btn.loading,.btn.loading:hover{
-      pointer-events:none;
-    }
+  .breadcrumbs>ul>li{display:flex;}
+  .breadcrumbs>ul>li{align-items:center;}
+  .breadcrumbs>ul>li>a{display:flex;}
+  .breadcrumbs>ul>li>a{cursor:pointer;}
+  .breadcrumbs>ul>li>a{align-items:center;}
+  .breadcrumbs>ul>li>a:hover{text-decoration-line:underline;}
+.btn{display:inline-flex;flex-shrink:0;cursor:pointer;user-select:none;flex-wrap:wrap;align-items:center;justify-content:center;border-color:transparent;text-align:center;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.4, 0, .2, 1);border-radius:var(--rounded-btn, .5rem);height:3rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;min-height:3rem;
+  line-height:1em;}
+
+  .btn-disabled,.btn[disabled]{pointer-events:none;}
+
+  .btn-square{height:3rem;}
+
+  .btn-square{width:3rem;}
+
+  .btn-square{padding:0;}
+
+  .btn-circle{height:3rem;}
+
+  .btn-circle{width:3rem;}
+
+  .btn-circle{border-radius:9999px;}
+
+  .btn-circle{padding:0;}
+
+  .btn.loading,.btn.loading:hover{pointer-events:none;}
+
+  .btn.loading:before{margin-right:.5rem;}
+
+  .btn.loading:before{height:1rem;}
+
+  .btn.loading:before{width:1rem;}
+
+  .btn.loading:before{border-radius:9999px;}
+
+  .btn.loading:before{border-width:2px;}
+
   .btn.loading:before{
-      border-radius:9999px;
-      border-width:2px;
-      height:1rem;
-      margin-right:.5rem;
-      width:1rem;
-      -webkit-animation:spin 2s linear infinite;
-              animation:spin 2s linear infinite;
+      animation:spin 2s linear infinite;
       content:"";
-      border-color:transparent currentColor currentColor transparent;
+      border-top-color:transparent;
+      border-left-color:transparent;
+      border-bottom-color:initial;
+      border-right-color:initial;
     }
-
 @media (prefers-reduced-motion:reduce){
   .btn.loading:before{
-    -webkit-animation:spin 10s linear infinite;
-            animation:spin 10s linear infinite;
+    animation:spin 10s linear infinite;
   }
 }
-
-@-webkit-keyframes spin{
-  0%{
-    transform:rotate(0deg);
-  }
-
-  to{
-    transform:rotate(1turn);
-  }
-}
-
 @keyframes spin{
   0%{
     transform:rotate(0deg);
   }
-
   to{
     transform:rotate(1turn);
   }
 }
-
-.btn-group{
-  display:flex;
-  flex-wrap:wrap;
-}
-
-.btn-group>input[type=radio].btn{
-    -webkit-appearance:none;
-       -moz-appearance:none;
-            appearance:none;
-  }
-
+.btn-group{display:flex;flex-wrap:wrap;}
+.btn-group>input[type=radio].btn{appearance:none;}
 .btn-group>input[type=radio].btn:before{
     content:attr(data-title);
   }
-.card{
-  display:flex;
-  flex-direction:column;
-  overflow:hidden;
-  position:relative;
-}
-  .card:focus{
-    outline:2px solid transparent;
-    outline-offset:2px;
-  }
-  .card-body{
-    display:flex;
-    flex-direction:column;
-    flex:1 1 auto;
-  }
-  .card figure,.card figure>*{
-    width:100%;
-  }
-  .card-actions{
-    display:flex;
-    flex-wrap:wrap;
-    align-items:flex-start;
-    margin-left:-.25rem;
-    margin-right:-.25rem;
-  }
-  .card-actions>*{
-      margin:.25rem
-    }
-  .card.image-full{
-    display:grid;
-  }
+.card{position:relative;display:flex;flex-direction:column;overflow:hidden;}
+  .card:focus{outline:2px solid transparent;outline-offset:2px;}
+  .card-body{display:flex;}
+  .card-body{flex:1 1 auto;}
+  .card-body{flex-direction:column;}
+  .card-body :where(p){flex-grow:1;}
+  .card-actions{display:flex;}
+  .card-actions{flex-wrap:wrap;}
+  .card-actions{align-items:flex-start;}
+  .card-actions{gap:.5rem;}
+  .card figure{display:flex;}
+  .card figure{align-items:center;}
+  .card figure{justify-content:center;}
+  .card.image-full{display:grid;}
+  .card.image-full:before{position:relative;}
   .card.image-full:before{
-      position:relative;
       content:"";
     }
-  .card.image-full:before,.card.image-full>*{
-      grid-column-start:1;
-      grid-row-start:1;
-    }
-  .card.image-full>figure img{
-      height:100%;
-      -o-object-fit:cover;
-         object-fit:cover;
-    }
-  .card.image-full>.card-body{
-    position:relative;
-  }
-.carousel{
-  display:flex;
-  overflow-x:scroll;
-  -ms-scroll-snap-type:x mandatory;
-      scroll-snap-type:x mandatory;
-  scroll-behavior:smooth;
-}
+  .card.image-full:before,.card.image-full>*{grid-column-start:1;}
+  .card.image-full:before,.card.image-full>*{grid-row-start:1;}
+  .card.image-full>figure img{height:100%;}
+  .card.image-full>figure img{object-fit:cover;}
+  .card.image-full>.card-body{position:relative;}
+.carousel{display:flex;overflow-x:scroll;
+  scroll-snap-type:x mandatory;
+  scroll-behavior:smooth;}
+  .carousel-vertical{flex-direction:column;}
+  .carousel-vertical{overflow-y:scroll;}
   .carousel-vertical{
-    flex-direction:column;
-    overflow-y:scroll;
-    -ms-scroll-snap-type:y mandatory;
-        scroll-snap-type:y mandatory;
+    scroll-snap-type:y mandatory;
   }
+  .carousel-item{box-sizing:initial;}
+  .carousel-item{display:flex;}
+  .carousel-item{flex:none;}
   .carousel-item{
-    box-sizing:content-box;
-    display:flex;
-    flex:none;
     scroll-snap-align:start;
   }
   .carousel-center .carousel-item{
@@ -258,815 +126,385 @@
   }
   .carousel-end .carousel-item{
     scroll-snap-align:end;
-  }.checkbox{
-  flex-shrink:0;
-}
-  .checkbox:focus{
-    outline:2px solid transparent;
-    outline-offset:2px;
   }
-.collapse{
-  display:grid;
-  overflow:hidden;
-  position:relative;
-}
-
-.collapse-content,.collapse-title,.collapse>input[type=checkbox]{
-  grid-column-start:1;
-  grid-row-start:1;
-}
-
-.collapse>input[type=checkbox]{
-  -webkit-appearance:none;
-     -moz-appearance:none;
-          appearance:none;
-  opacity:0;
-}
-
-.collapse-content{
-  overflow:hidden;
-  grid-row-start:2;
-  max-height:0;
-}
 
+.collapse{position:relative;display:grid;overflow:hidden;}
+.collapse-content,.collapse-title,.collapse>input[type=checkbox]{grid-column-start:1;grid-row-start:1;}
+.collapse>input[type=checkbox]{appearance:none;opacity:0;}
+.collapse-content{grid-row-start:2;overflow:hidden;
+  max-height:0;}
 .collapse-open .collapse-content,.collapse:focus:not(.collapse-close) .collapse-content,.collapse:not(.collapse-close) input[type=checkbox]:checked~.collapse-content{
   max-height:9000px;
-}:root .countdown{
+}
+:root .countdown{
   line-height:1em;
 }
-
 .countdown{
   display:inline-flex;
 }
-
 .countdown>*{
-    height:1em;
-    display:inline-block;
-    overflow-y:hidden;
+    height:1em
   }
-
+.countdown>*{display:inline-block;}
+.countdown>*{overflow-y:hidden;}
 .countdown>:before{
       position:relative;
       content:"00\A 01\A 02\A 03\A 04\A 05\A 06\A 07\A 08\A 09\A 10\A 11\A 12\A 13\A 14\A 15\A 16\A 17\A 18\A 19\A 20\A 21\A 22\A 23\A 24\A 25\A 26\A 27\A 28\A 29\A 30\A 31\A 32\A 33\A 34\A 35\A 36\A 37\A 38\A 39\A 40\A 41\A 42\A 43\A 44\A 45\A 46\A 47\A 48\A 49\A 50\A 51\A 52\A 53\A 54\A 55\A 56\A 57\A 58\A 59\A 60\A 61\A 62\A 63\A 64\A 65\A 66\A 67\A 68\A 69\A 70\A 71\A 72\A 73\A 74\A 75\A 76\A 77\A 78\A 79\A 80\A 81\A 82\A 83\A 84\A 85\A 86\A 87\A 88\A 89\A 90\A 91\A 92\A 93\A 94\A 95\A 96\A 97\A 98\A 99\A";
       white-space:pre;
       top:calc(var(--value)*-1em);
     }
-
-.divider{
-  display:flex;
-  align-items:center;
-}
+.divider{display:flex;flex-direction:row;align-items:center;align-self:stretch;}
   .divider:after,.divider:before{
     content:"";
-    flex-grow:1;
-  }.drawer{
-  display:grid;
-  overflow:hidden;
-}
+  }
+  .divider:after,.divider:before{flex-grow:1;}
+  .divider:after,.divider:before{height:.125rem;}
+  .divider:after,.divider:before{width:100%;}
+.drawer{display:grid;overflow:hidden;}
   .drawer.drawer-end{
     direction:rtl;
   }
   .drawer.drawer-end>*{
     direction:ltr;
   }
-  .drawer.drawer-end .drawer-toggle~.drawer-side>.drawer-overlay+*{
-      justify-self:end;
-      --tw-translate-x:100%;
-    }
-  .drawer.drawer-end .drawer-toggle:checked~.drawer-side>.drawer-overlay+*{
-      --tw-translate-x:0px;
-    }
-
-.drawer-toggle{
-  -webkit-appearance:none;
-     -moz-appearance:none;
-          appearance:none;
-  height:0;
-  opacity:0;
-  position:absolute;
-  width:0;
-}
-
+  .drawer.drawer-end .drawer-toggle~.drawer-side>.drawer-overlay+*{--tw-translate-x:100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
+  .drawer.drawer-end .drawer-toggle~.drawer-side>.drawer-overlay+*{justify-self:end;}
+  .drawer.drawer-end .drawer-toggle:checked~.drawer-side>.drawer-overlay+*{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
+.drawer-toggle{position:absolute;height:0;width:0;appearance:none;opacity:0;}
+.drawer-toggle~.drawer-content{z-index:0;}
+.drawer-toggle~.drawer-content{grid-column-start:1;}
+.drawer-toggle~.drawer-content{grid-row-start:1;}
+.drawer-toggle~.drawer-content{max-height:100vh;}
+.drawer-toggle~.drawer-content{overflow-y:auto;}
 .drawer-toggle~.drawer-content{
-    max-height:100vh;
-    overflow-y:auto;
-    z-index:0;
-    grid-column-start:1;
-    grid-row-start:1;
-    -ms-scroll-chaining:none;
-        overscroll-behavior:contain;
-  }
-
-.drawer-toggle~.drawer-side{
-    display:grid;
-    max-height:100vh;
-    grid-column-start:1;
-    grid-row-start:1;
-  }
-
-.drawer-toggle~.drawer-side>.drawer-overlay{
-      opacity:0;
-      visibility:hidden;
-      grid-column-start:1;
-      grid-row-start:1;
-    }
-
-.drawer-toggle~.drawer-side>.drawer-overlay+*{
-      z-index:10;
-      grid-column-start:1;
-      grid-row-start:1;
-      --tw-translate-x:0;
-      --tw-translate-y:0;
-      --tw-rotate:0;
-      --tw-skew-x:0;
-      --tw-skew-y:0;
-      --tw-scale-x:1;
-      --tw-scale-y:1;
-      transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-      --tw-translate-x:-100%;
-    }
-
-.drawer-toggle:checked~.drawer-side{
-      overflow-y:auto;
-    }
-
-.drawer-toggle:checked~.drawer-side>.drawer-overlay{
-        visibility:visible;
-      }
-
-.drawer-toggle:checked~.drawer-side>.drawer-overlay+*{
-        --tw-translate-x:0px;
-      }
-
-[dir=rtl] .drawer-toggle~.drawer-side>.drawer-overlay+*{
-  --tw-translate-x:100%;
-}
-
-[dir=rtl] .drawer-toggle:checked~.drawer-side>.drawer-overlay+*{
-  --tw-translate-x:0px;
-}
-
+    overscroll-behavior:contain;
+  }
+.drawer-toggle~.drawer-side{grid-column-start:1;}
+.drawer-toggle~.drawer-side{grid-row-start:1;}
+.drawer-toggle~.drawer-side{display:grid;}
+.drawer-toggle~.drawer-side{max-height:100vh;}
+.drawer-toggle~.drawer-side>.drawer-overlay{visibility:hidden;}
+.drawer-toggle~.drawer-side>.drawer-overlay{grid-column-start:1;}
+.drawer-toggle~.drawer-side>.drawer-overlay{grid-row-start:1;}
+.drawer-toggle~.drawer-side>.drawer-overlay{opacity:0;}
+.drawer-toggle~.drawer-side>.drawer-overlay+*{z-index:10;}
+.drawer-toggle~.drawer-side>.drawer-overlay+*{grid-column-start:1;}
+.drawer-toggle~.drawer-side>.drawer-overlay+*{grid-row-start:1;}
+.drawer-toggle~.drawer-side>.drawer-overlay+*{--tw-translate-x:-100%;}
+.drawer-toggle~.drawer-side>.drawer-overlay+*{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
+.drawer-toggle:checked~.drawer-side{overflow-y:auto;}
+.drawer-toggle:checked~.drawer-side>.drawer-overlay{visibility:visible;}
+.drawer-toggle:checked~.drawer-side>.drawer-overlay+*{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
+[dir=rtl] .drawer-toggle~.drawer-side>.drawer-overlay+*{--tw-translate-x:100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
+[dir=rtl] .drawer-toggle:checked~.drawer-side>.drawer-overlay+*{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
 @media (min-width:1024px){
   .drawer-mobile{
-    grid-auto-columns:-webkit-max-content auto;
     grid-auto-columns:max-content auto;
   }
-      .drawer-mobile>.drawer-toggle~.drawer-content{
-        height:auto;
-      }
-      @media (min-width:1024px){
-        .drawer-mobile>.drawer-toggle~.drawer-content{
-          grid-column-start:2;
-        }
-      }
-      .drawer-mobile>.drawer-toggle~.drawer-side{
-        overflow-y:auto;
-      }
-        @media (min-width:1024px){
-          .drawer-mobile>.drawer-toggle~.drawer-side>.drawer-overlay{
-            visibility:visible;
-          }
-        }
-        @media (min-width:1024px){
-          .drawer-mobile>.drawer-toggle~.drawer-side>.drawer-overlay+*{
-            --tw-translate-x:0px;
-          }
-        }
-
+      .drawer-mobile>.drawer-toggle~.drawer-content{height:auto;}
+      @media (min-width:1024px){.drawer-mobile>.drawer-toggle~.drawer-content{grid-column-start:2;}}
+      .drawer-mobile>.drawer-toggle~.drawer-side{overflow-y:auto;}
+        @media (min-width:1024px){.drawer-mobile>.drawer-toggle~.drawer-side>.drawer-overlay{visibility:visible;}}
+        @media (min-width:1024px){.drawer-mobile>.drawer-toggle~.drawer-side>.drawer-overlay+*{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}}
   .drawer-mobile.drawer-end{
-    grid-auto-columns:auto -webkit-max-content;
     grid-auto-columns:auto max-content;
     direction:ltr;
   }
-      .drawer-mobile.drawer-end>.drawer-toggle~.drawer-content{
-        height:auto;
-      }
-      @media (min-width:1024px){
-        .drawer-mobile.drawer-end>.drawer-toggle~.drawer-content{
-          grid-column-start:1;
-        }
-      }
-      .drawer-mobile.drawer-end>.drawer-toggle~.drawer-side{
-        overflow-y:auto
-      }
-      @media (min-width:1024px){
-        .drawer-mobile.drawer-end>.drawer-toggle~.drawer-side{
-          grid-column-start:2;
-        }
-      }
-        @media (min-width:1024px){
-          .drawer-mobile.drawer-end>.drawer-toggle~.drawer-side>.drawer-overlay{
-            visibility:visible;
-          }
-        }
-        @media (min-width:1024px){
-          .drawer-mobile.drawer-end>.drawer-toggle~.drawer-side>.drawer-overlay+*{
-            --tw-translate-x:0px;
-          }
-        }
-}.dropdown{
-  display:inline-block;
-  position:relative;
-}
-
-.dropdown>:focus{
-  outline:2px solid transparent;
-  outline-offset:2px;
-}
-
-.dropdown .dropdown-content{
-  opacity:0;
-  position:absolute;
-  visibility:hidden;
-  z-index:50;
-}
-
-.dropdown-end .dropdown-content{
-  right:0;
-}
-
-.dropdown-left .dropdown-content{
-  top:0;
-  bottom:auto;
-  right:100%;
-}
-
-.dropdown-right .dropdown-content{
-  top:0;
-  bottom:auto;
-  left:100%;
-}
-
-.dropdown-top .dropdown-content{
-  top:auto;
-  bottom:100%;
-}
-
-.dropdown-end.dropdown-right .dropdown-content{
-  bottom:0;
-  top:auto;
-}
-
-.dropdown-end.dropdown-left .dropdown-content{
-  bottom:0;
-  top:auto;
-}
-
-.dropdown.dropdown-hover:hover .dropdown-content,.dropdown.dropdown-open .dropdown-content,.dropdown:not(.dropdown-hover):focus-within .dropdown-content,.dropdown:not(.dropdown-hover):focus .dropdown-content{
-  opacity:1;
-  visibility:visible;
-}.footer{
-  display:grid;
-  place-items:start;
-  width:100%;
-  grid-auto-flow:row;
-}
-  .footer>*{
-    display:grid;
-    place-items:start;
-  }
-  .footer-center{
-    place-items:center;
-    text-align:center;
-  }
-  .footer-center>*{
-      place-items:center;
-    }
-
+      .drawer-mobile.drawer-end>.drawer-toggle~.drawer-content{height:auto;}
+      @media (min-width:1024px){.drawer-mobile.drawer-end>.drawer-toggle~.drawer-content{grid-column-start:1;}}
+      .drawer-mobile.drawer-end>.drawer-toggle~.drawer-side{overflow-y:auto;}
+      @media (min-width:1024px){.drawer-mobile.drawer-end>.drawer-toggle~.drawer-side{grid-column-start:2;}}
+        @media (min-width:1024px){.drawer-mobile.drawer-end>.drawer-toggle~.drawer-side>.drawer-overlay{visibility:visible;}}
+        @media (min-width:1024px){.drawer-mobile.drawer-end>.drawer-toggle~.drawer-side>.drawer-overlay+*{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}}
+}
+.dropdown{position:relative;display:inline-block}
+.dropdown>:focus{outline:2px solid transparent;outline-offset:2px}
+.dropdown .dropdown-content{visibility:hidden;position:absolute;z-index:50;opacity:0}
+.dropdown-end .dropdown-content{right:0}
+.dropdown-left .dropdown-content{top:0;right:100%;bottom:auto}
+.dropdown-right .dropdown-content{left:100%;top:0;bottom:auto}
+.dropdown-top .dropdown-content{bottom:100%;top:auto}
+.dropdown-end.dropdown-right .dropdown-content{bottom:0;top:auto}
+.dropdown-end.dropdown-left .dropdown-content{bottom:0;top:auto}
+.dropdown.dropdown-hover:hover .dropdown-content,.dropdown.dropdown-open .dropdown-content,.dropdown:not(.dropdown-hover):focus-within .dropdown-content,.dropdown:not(.dropdown-hover):focus .dropdown-content{visibility:visible;opacity:1}
+.footer{display:grid;width:100%;grid-auto-flow:row;place-items:start;}
+  .footer>*{display:grid;}
+  .footer>*{place-items:start;}
+  .footer-center{place-items:center;}
+  .footer-center{text-align:center;}
+  .footer-center>*{place-items:center;}
 @media (min-width:48rem){
   .footer{
     grid-auto-flow:column;
   }
-
   .footer-center{
     grid-auto-flow:row dense;
   }
-}.form-control{
-  display:flex;
-  flex-direction:column;
-}
-
-.label{
-  display:flex;
-  align-items:center;
-  justify-content:space-between;
-  -webkit-user-select:none;
-     -moz-user-select:none;
-      -ms-user-select:none;
-          user-select:none;
-}
-.hero{
-  background-position:50%;
-  background-size:cover;
-  display:grid;
-  place-items:center;
-  width:100%;
-}
-  .hero>*{
-    grid-column-start:1;
-    grid-row-start:1;
-  }
-  .hero-overlay{
-    height:100%;
-    width:100%;
-    grid-column-start:1;
-    grid-row-start:1;
-  }
-  .hero-content{
-    display:flex;
-    align-items:center;
-    justify-content:center;
-    z-index:0;
-  }.indicator{
-  display:inline-flex;
-  position:relative;
-  width:-webkit-fit-content;
-  width:-moz-fit-content;
-  width:fit-content;
 }
+.form-control{display:flex;flex-direction:column}
+.label{display:flex;user-select:none;align-items:center;justify-content:space-between}
+.hero{display:grid;width:100%;place-items:center;background-size:cover;background-position:50%;}
+  .hero>*{grid-column-start:1;}
+  .hero>*{grid-row-start:1;}
+  .hero-overlay{grid-column-start:1;}
+  .hero-overlay{grid-row-start:1;}
+  .hero-overlay{height:100%;}
+  .hero-overlay{width:100%;}
+  .hero-content{z-index:0;}
+  .hero-content{display:flex;}
+  .hero-content{align-items:center;}
+  .hero-content{justify-content:center;}
+.indicator{position:relative;display:inline-flex;
+  width:fit-content;}
   .indicator .indicator-item{
-    z-index:1;
-    position:absolute;
-    --tw-translate-x:0;
-    --tw-translate-y:0;
-    --tw-rotate:0;
-    --tw-skew-x:0;
-    --tw-skew-y:0;
-    --tw-scale-x:1;
-    --tw-scale-y:1;
-    transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  }
-  .indicator .indicator-item{
-      top:0;
-      right:0;
-      bottom:auto;
-      left:auto;
-      --tw-translate-x:50%;
-      --tw-translate-y:-50%;
-    }
-  .indicator .indicator-item.indicator-start{
-      left:0;
-      right:auto;
-      --tw-translate-x:-50%;
-    }
-  .indicator .indicator-item.indicator-center{
-      right:50%;
-      left:50%;
-      --tw-translate-x:-50%;
-    }
-  .indicator .indicator-item.indicator-end{
-      right:0;
-      left:auto;
-      --tw-translate-x:50%;
-    }
-  .indicator .indicator-item.indicator-bottom{
-      bottom:0;
-      top:auto;
-      --tw-translate-y:50%;
-    }
-  .indicator .indicator-item.indicator-middle{
-      top:50%;
-      bottom:50%;
-      --tw-translate-y:-50%;
-    }
-  .indicator .indicator-item.indicator-top{
-      top:0;
-      bottom:auto;
-      --tw-translate-y:-50%;
-    }
-.input{
-  flex-shrink:1;
-  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
-  transition-duration:.15s;
-  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
-  transition-duration:.2s;
-  height:3rem;
-  font-size:.875rem;
-  line-height:1.25rem;
-  line-height:2;
-  padding-left:1rem;
-  padding-right:1rem;
-}
-  .input:focus{
-    outline:2px solid transparent;
-    outline-offset:2px;
-  }
-
-.input-group{
-  display:flex;
-  align-items:stretch;
-  width:100%;
-}
-
-.input-group>*,.input-group>.input{
-    border-radius:0;
-  }
-
-.input-group-md{
-    font-size:.875rem;
-    line-height:1.25rem;
-    line-height:2;
-  }
-
-.input-group-lg{
-    font-size:1.125rem;
-    line-height:1.75rem;
-    line-height:2;
-  }
-
-.input-group-sm{
-    font-size:.875rem;
-    line-height:1.25rem;
-    line-height:2rem;
-  }
-
-.input-group-xs{
-    font-size:.75rem;
-    line-height:1rem;
-    line-height:1.625;
-  }
-
-.input-group :where(span){
-    --tw-bg-opacity:1;
-    background-color:hsla(var(--b3) / var(--tw-bg-opacity, 1));
-    display:flex;
-    align-items:center;
-    padding-left:1rem;
-    padding-right:1rem;
-  }
-
+    z-index:1
+  }
+  .indicator .indicator-item{position:absolute;}
+  .indicator .indicator-item{right:0;}
+  .indicator .indicator-item{left:auto;}
+  .indicator .indicator-item{top:0;}
+  .indicator .indicator-item{bottom:auto;}
+  .indicator .indicator-item{--tw-translate-x:50%;}
+  .indicator .indicator-item{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
+  .indicator .indicator-item.indicator-start{right:auto;}
+  .indicator .indicator-item.indicator-start{left:0;}
+  .indicator .indicator-item.indicator-start{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
+  .indicator .indicator-item.indicator-center{right:50%;}
+  .indicator .indicator-item.indicator-center{left:50%;}
+  .indicator .indicator-item.indicator-center{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
+  .indicator .indicator-item.indicator-end{right:0;}
+  .indicator .indicator-item.indicator-end{left:auto;}
+  .indicator .indicator-item.indicator-end{--tw-translate-x:50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
+  .indicator .indicator-item.indicator-bottom{top:auto;}
+  .indicator .indicator-item.indicator-bottom{bottom:0;}
+  .indicator .indicator-item.indicator-bottom{--tw-translate-y:50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
+  .indicator .indicator-item.indicator-middle{top:50%;}
+  .indicator .indicator-item.indicator-middle{bottom:50%;}
+  .indicator .indicator-item.indicator-middle{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
+  .indicator .indicator-item.indicator-top{top:0;}
+  .indicator .indicator-item.indicator-top{bottom:auto;}
+  .indicator .indicator-item.indicator-top{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
+.input{flex-shrink:1;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.4, 0, .2, 1);height:3rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;line-height:2;}
+  .input:focus{outline:2px solid transparent;outline-offset:2px;}
+.input-group{display:flex;width:100%;align-items:stretch;}
+.input-group>*,.input-group>.input{border-radius:0;}
+.input-group-md{font-size:.875rem;line-height:1.25rem;}
+.input-group-md{line-height:2;}
+.input-group-lg{font-size:1.125rem;line-height:1.75rem;}
+.input-group-lg{line-height:2;}
+.input-group-sm{font-size:.875rem;line-height:1.25rem;}
+.input-group-sm{line-height:2rem;}
+.input-group-xs{font-size:.75rem;line-height:1rem;}
+.input-group-xs{line-height:1.625;}
+.input-group :where(span){display:flex;}
+.input-group :where(span){align-items:center;}
+.input-group :where(span){--tw-bg-opacity:1;background-color:hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity));}
+.input-group :where(span){padding-left:1rem;padding-right:1rem;}
 .input-group :first-child{
     border-top-left-radius:var(--rounded-btn, .5rem);
     border-top-right-radius:0;
     border-bottom-left-radius:var(--rounded-btn, .5rem);
     border-bottom-right-radius:0;
   }
-
 .input-group :last-child{
     border-top-left-radius:0;
     border-top-right-radius:var(--rounded-btn, .5rem);
     border-bottom-left-radius:0;
     border-bottom-right-radius:var(--rounded-btn, .5rem);
   }
-
-.input-group-vertical{
-    flex-direction:column;
-  }
-
+.input-group-vertical{flex-direction:column;}
 .input-group-vertical :first-child{
       border-top-left-radius:var(--rounded-btn, .5rem);
       border-top-right-radius:var(--rounded-btn, .5rem);
       border-bottom-left-radius:0;
       border-bottom-right-radius:0;
     }
-
 .input-group-vertical :last-child{
       border-top-left-radius:0;
       border-top-right-radius:0;
       border-bottom-left-radius:var(--rounded-btn, .5rem);
       border-bottom-right-radius:var(--rounded-btn, .5rem);
     }
-.kbd{
-  display:inline-flex;
-  align-items:center;
-  justify-content:center;
-}.link{
-  cursor:pointer;
-  text-decoration:underline;
-}
-  .link-hover{
-    text-decoration:none;
-  }
-  .link-hover:hover{
-    text-decoration:underline;
-  }.mask{
+.kbd{display:inline-flex;align-items:center;justify-content:center}
+.link{cursor:pointer;text-decoration-line:underline;}
+  .link-hover{text-decoration-line:none;}
+  .link-hover:hover{text-decoration-line:underline;}
+.mask{
   -webkit-mask-size:contain;
           mask-size:contain;
   -webkit-mask-repeat:no-repeat;
           mask-repeat:no-repeat;
   -webkit-mask-position:center;
           mask-position:center;
-}.menu{
-  display:flex;
-  flex-direction:column;
-  overflow:hidden;
 }
-  .menu.horizontal{
-    display:inline-flex;
-    flex-direction:row;
-  }
-  .menu.horizontal :where(li){
-      flex-direction:row;
-    }
-  .menu :where(li){
-    display:flex;
-    flex-direction:column;
-    align-items:stretch;
-  }
-  .menu :where(li)>a,.menu :where(li)>button,.menu :where(li)>span{
-      display:flex;
-      align-items:center;
-      outline:2px solid transparent;
-      outline-offset:2px;
-      transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
-      transition-duration:.15s;
-      transition-timing-function:cubic-bezier(.4, 0, .2, 1);
-      transition-duration:.2s;
-    }
-  .menu :where(li)>a{
-      cursor:pointer;
-      -webkit-user-select:none;
-         -moz-user-select:none;
-          -ms-user-select:none;
-              user-select:none;
-    }
-  .menu :where(li)>a:focus{
-        outline:2px solid transparent;
-        outline-offset:2px;
-      }
-  .menu :where(li).disabled>a,.menu :where(li).disabled>button,.menu :where(li).disabled>span{
-        cursor:auto;
-      }
-.mockup-code{
-    overflow:hidden;
-    overflow-x:auto;
-    position:relative;
-  }
-    .mockup-code pre[data-prefix]:before{
+.mask-half-1{
+  -webkit-mask-size:200%;
+          mask-size:200%;
+  -webkit-mask-position:left;
+          mask-position:left;
+}
+.mask-half-2{
+  -webkit-mask-size:200%;
+          mask-size:200%;
+  -webkit-mask-position:right;
+          mask-position:right;
+}
+.menu{display:flex;flex-direction:column;}
+  .menu.horizontal{display:inline-flex;}
+  .menu.horizontal{flex-direction:row;}
+  .menu.horizontal :where(li){flex-direction:row;}
+.menu :where(li){position:relative;display:flex;flex-direction:column;flex-wrap:wrap;align-items:stretch;}
+.menu :where(li:not(.disabled):not(.menu-title))>:where(:not(ul)){display:flex;cursor:pointer;user-select:none;align-items:center;outline:2px solid transparent;outline-offset:2px;}
+.menu>:where(li>:not(ul):focus){outline:2px solid transparent;outline-offset:2px;}
+.menu>:where(li.disabled>:not(ul):focus){cursor:auto;}
+.menu>:where(li) :where(ul){display:flex;flex-direction:column;align-items:stretch;}
+.menu>:where(li)>:where(ul){position:absolute;display:none;
+  top:auto;
+  left:100%;}
+.menu>:where(li:hover)>:where(ul){display:flex;}
+.menu>:where(li:focus)>:where(ul){display:flex;}
+.mockup-code{position:relative;}
+  .mockup-code{overflow:hidden;}
+  .mockup-code{overflow-x:auto;}
+  .mockup-code pre[data-prefix]:before{
         content:attr(data-prefix);
-        display:inline-block;
-        text-align:right;
       }
-  .mockup-window{
-    overflow:hidden;
-    overflow-x:auto;
-    position:relative;
-  }
+  .mockup-code pre[data-prefix]:before{display:inline-block;}
+  .mockup-code pre[data-prefix]:before{text-align:right;}
+  .mockup-window{position:relative;}
+  .mockup-window{overflow:hidden;}
+  .mockup-window{overflow-x:auto;}
   .mockup-window pre[data-prefix]:before{
         content:attr(data-prefix);
-        display:inline-block;
-        text-align:right;
-      }.modal{
-  display:flex;
-  align-items:flex-end;
-  justify-content:center;
-  opacity:0;
-  pointer-events:none;
-  position:fixed;
-  top:0;
-  right:0;
-  bottom:0;
-  left:0;
-  visibility:hidden;
-}
-
-@media (min-width:640px){
-  .modal{
-    align-items:center;
-  }
-}
-
-.modal{
+      }
+  .mockup-window pre[data-prefix]:before{display:inline-block;}
+  .mockup-window pre[data-prefix]:before{text-align:right;}
+.modal{pointer-events:none;visibility:hidden;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;opacity:0;}@media (min-width:640px){.modal{align-items:center;}}.modal{
   z-index:999;
 }
-
 .modal-box{
   max-height:calc(100vh - 5em);
 }
-
-.modal-open,.modal-toggle:checked+.modal,.modal:target{
-  opacity:1;
-  pointer-events:auto;
-  visibility:visible;
-}
-
-.modal-action{
-  display:flex;
-}
-
-.modal-toggle{
-  -webkit-appearance:none;
-     -moz-appearance:none;
-          appearance:none;
-  height:0;
-  opacity:0;
-  position:fixed;
-  width:0;
-}.navbar{
-  display:flex;
-  align-items:center;
-}
-  .navbar>*{
-    display:flex;
-    align-items:center;
-  }
-
+.modal-open,.modal-toggle:checked+.modal,.modal:target{pointer-events:auto;visibility:visible;opacity:1;}
+.modal-action{display:flex;}
+.modal-toggle{position:fixed;height:0;width:0;appearance:none;opacity:0;}
+.navbar{display:flex;align-items:center;}
+  .navbar>*{display:flex;}
+  .navbar>*{align-items:center;}
 .navbar-start{
   width:50%;
   justify-content:flex-start;
 }
-
 .navbar-center{
   flex-shrink:0;
 }
-
 .navbar-end{
   width:50%;
   justify-content:flex-end;
-}.progress{
-  -webkit-appearance:none;
-     -moz-appearance:none;
-          appearance:none;
-  overflow:hidden;
-  position:relative;
-  width:100%;
-}.radio:focus{
-    outline:2px solid transparent;
-    outline-offset:2px;
-  }.range{
-  cursor:pointer;
-  height:1.25rem;
-  width:100%;
 }
+.progress{position:relative;width:100%;appearance:none;overflow:hidden}
+.radial-progress{position:relative;display:inline-grid;aspect-ratio:1 / 1;height:auto;width:var(--size);place-content:center;border-radius:9999px;background-color:initial;
+  vertical-align:middle;
+  box-sizing:initial;}
+.radial-progress::-moz-progress-bar{appearance:none;background-color:initial;}
+.radial-progress::-webkit-progress-value{appearance:none;background-color:initial;}
+.radial-progress::-webkit-progress-bar{appearance:none;background-color:initial;}
+.radial-progress:after,.radial-progress:before{position:absolute;border-radius:9999px;
+  content:"";}
+.radial-progress:before{top:0;right:0;bottom:0;left:0;
+  background:radial-gradient(farthest-side, currentColor 98%, transparent) top/var(--thickness) var(--thickness) no-repeat, conic-gradient(currentColor calc(var(--value)*1%), transparent 0);
+  -webkit-mask:radial-gradient(farthest-side, transparent calc(99% - var(--thickness)), #000 calc(100% - var(--thickness)));
+  mask:radial-gradient(farthest-side, transparent calc(99% - var(--thickness)), #000 calc(100% - var(--thickness)));}
+.radial-progress:after{
+  inset:calc(50% - var(--thickness)/2);
+  transform:rotate(calc(var(--value)*3.6deg - 90deg)) translate(calc(var(--size)/2 - 50%));
+}
+
+.range{height:1.25rem;width:100%;cursor:pointer;}
   .range:focus{
     outline:none;
-  }.rating{
-  display:inline-flex;
-  position:relative;
-}
-  .rating :where(input){
-    cursor:pointer;
-  }.select{
-  -webkit-appearance:none;
-     -moz-appearance:none;
-          appearance:none;
-  cursor:pointer;
-  display:inline-flex;
-  flex-shrink:0;
-  -webkit-user-select:none;
-     -moz-user-select:none;
-      -ms-user-select:none;
-          user-select:none;
-  height:3rem;
-  font-size:.875rem;
-  line-height:1.25rem;
-  line-height:2;
-  padding-left:1rem;
-  padding-right:1rem;
-  min-height:3rem;
-}
-  .select:focus{
-    outline:2px solid transparent;
-    outline-offset:2px;
-  }
-  .select-disabled,.select[disabled]{
-    pointer-events:none;
-  }.stack{
-  display:inline-grid;
-}
-  .stack>*{
-    grid-column-start:1;
-    grid-row-start:1;
   }
+.rating{position:relative;display:inline-flex;}
+  .rating :where(input){cursor:pointer;}
+.select{display:inline-flex;flex-shrink:0;cursor:pointer;user-select:none;appearance:none;height:3rem;padding-left:1rem;padding-right:2.5rem;font-size:.875rem;line-height:1.25rem;line-height:2;min-height:3rem;}
+  .select:focus{outline:2px solid transparent;outline-offset:2px;}
+  .select-disabled,.select[disabled]{pointer-events:none;}
+.stack{display:inline-grid;}
+  .stack>*{grid-column-start:1;}
+  .stack>*{grid-row-start:1;}
   .stack>*{
-    transform:translateY(1rem)scale(.9);
+    transform:translateY(1rem) scale(.9);
     z-index:1;
   }
   .stack>:nth-child(2){
-    transform:translateY(.5rem)scale(.95);
+    transform:translateY(.5rem) scale(.95);
     z-index:2;
   }
   .stack>:first-child{
-    transform:translateY(0)scale(1);
+    transform:translateY(0) scale(1);
     z-index:3;
-  }.stats{
-  display:inline-grid;
-  overflow:hidden;
-  overflow-x:auto;
-  grid-auto-flow:column;
-}
-
-.stat{
-  display:inline-grid;
-  width:100%;
-  grid-template-columns:1fr auto;
-}
-
-.stat-figure{
-    place-self:center;
-    justify-self:end;
-    grid-column-start:2;
-    grid-row:span 3 / span 3;
-    grid-row-start:1;
-  }
-
-.stat-title{
-    white-space:nowrap;
-    grid-column-start:1;
-  }
-
-.stat-value{
-    white-space:nowrap;
-    grid-column-start:1;
-  }
-
-.stat-desc{
-    white-space:nowrap;
-    grid-column-start:1;
-  }
-
-.stat-actions{
-    white-space:nowrap;
-    grid-column-start:1;
   }
-
-.stats.grid-flow-row{
-  grid-auto-rows:minmax(0, 1fr);
-}.steps{
+.stats{display:inline-grid;}
+:where(.stats){grid-auto-flow:column;}
+.stat{display:inline-grid;width:100%;
+  grid-template-columns:repeat(1, 1fr);}
+.stat-figure{grid-column-start:2;}
+.stat-figure{grid-row:span 3 / span 3;}
+.stat-figure{grid-row-start:1;}
+.stat-figure{place-self:center;}
+.stat-figure{justify-self:end;}
+.stat-title{grid-column-start:1;}
+.stat-title{white-space:nowrap;}
+.stat-value{grid-column-start:1;}
+.stat-value{white-space:nowrap;}
+.stat-desc{grid-column-start:1;}
+.stat-desc{white-space:nowrap;}
+.stat-actions{grid-column-start:1;}
+.stat-actions{white-space:nowrap;}
+.steps{display:inline-grid;grid-auto-flow:column;overflow:hidden;overflow-x:auto;
   counter-reset:step;
-  grid-auto-columns:1fr;
-  display:inline-grid;
-  overflow:hidden;
-  overflow-x:auto;
-  grid-auto-flow:column;
-}
-  .steps [class~=step]{
-    display:grid;
-    place-items:center;
-    text-align:center;
-    grid-template-columns:repeat(1, minmax(0, 1fr));
-    grid-template-rows:repeat(2, minmax(0, 1fr));
-  }.tabs{
-  display:flex;
-  flex-wrap:wrap;
-  align-items:flex-end;
-}
-
-.tab{
-  cursor:pointer;
-  display:inline-flex;
-  flex-wrap:wrap;
-  align-items:center;
-  justify-content:center;
-  position:relative;
-  text-align:center;
-  -webkit-user-select:none;
-     -moz-user-select:none;
-      -ms-user-select:none;
-          user-select:none;
-  height:2rem;
-  font-size:.875rem;
-  line-height:1.25rem;
-  line-height:2;
-  --tab-padding:1rem;
-}.table{
-  position:relative;
-}
+  grid-auto-columns:1fr;}
+  .steps .step{display:grid;}
+  .steps .step{grid-template-columns:repeat(1, minmax(0, 1fr));}
+  .steps .step{grid-template-rows:repeat(2, minmax(0, 1fr));}
+  .steps .step{place-items:center;}
+  .steps .step{text-align:center;}
+.swap{position:relative;display:inline-grid;user-select:none;place-content:center}
+
+.swap>*{grid-column-start:1;grid-row-start:1}
+
+.swap input{appearance:none}
+
+.swap .swap-indeterminate,.swap .swap-on,.swap input:indeterminate~.swap-on{opacity:0}
+
+.swap.swap-active .swap-off,.swap input:checked~.swap-off,.swap input:indeterminate~.swap-off{opacity:0}
+
+.swap-active .swap-on,.swap input:checked~.swap-on,.swap input:indeterminate~.swap-indeterminate{opacity:1}
+.tabs{display:flex;flex-wrap:wrap;align-items:flex-end}
+.tab{position:relative;display:inline-flex;cursor:pointer;user-select:none;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;height:2rem;font-size:.875rem;line-height:1.25rem;line-height:2;
+  --tab-padding:1rem}
+.table{position:relative;}
+  .table th:first-child{position:sticky;}
+  .table th:first-child{left:0;}
+  .table th:first-child{z-index:10;}
   .table th:first-child{
-    position:sticky;
-    left:0;
-    z-index:10;
     position:-webkit-sticky;
-  }.textarea{
-  flex-shrink:1;
-  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
-  transition-duration:.15s;
-  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
-  transition-duration:.2s;
-}
-  .textarea{
-    font-size:.875rem;
-    line-height:1.25rem;
-    line-height:2;
-    padding:.5rem 1rem;
-    min-height:3rem;
-  }
-  .textarea:focus{
-    outline:2px solid transparent;
-    outline-offset:2px;
   }
+.textarea{flex-shrink:1;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.4, 0, .2, 1);}
+  .textarea{padding-left:1rem;padding-right:1rem;}
+  .textarea{padding-top:.5rem;padding-bottom:.5rem;}
+  .textarea{font-size:.875rem;line-height:1.25rem;}
+  .textarea{line-height:2;}
+  .textarea{min-height:3rem;}
+  .textarea:focus{outline:2px solid transparent;outline-offset:2px;}
 .toggle{
   flex-shrink:0;
 }
-  .toggle:focus{
-    outline:2px solid transparent;
-    outline-offset:2px;
-  }
-.tooltip{
-  display:inline-block;
-  position:relative;
-  --tooltip-offset:calc(100% + 1px + var(--tooltip-tail, 0px));
-}
-
-.tooltip:before{
-  position:absolute;
+.tooltip{position:relative;display:inline-block;
+  --tooltip-offset:calc(100% + 1px + var(--tooltip-tail, 0px));}
+.tooltip:before{position:absolute;
   pointer-events:none;
-}
-
-.tooltip:before{
-  content:attr(data-tip);
-}
-
+  content:attr(data-tip);}
 .tooltip:before{
     transform:translateX(-50%);
     top:auto;
@@ -1074,7 +512,6 @@
     right:auto;
     bottom:var(--tooltip-offset);
   }
-
 .tooltip-bottom:before{
     transform:translateX(-50%);
     top:var(--tooltip-offset);
@@ -1082,7 +519,6 @@
     right:auto;
     bottom:auto;
   }
-
 .tooltip-left:before{
     transform:translateY(-50%);
     top:50%;
@@ -1090,11 +526,10 @@
     right:var(--tooltip-offset);
     bottom:auto;
   }
-
 .tooltip-right:before{
     transform:translateY(-50%);
     top:50%;
     left:var(--tooltip-offset);
     right:auto;
     bottom:auto;
-  }
+  }