daisyui 1.16.2 → 1.17.1

package/dist/unstyled.css

@@ -1 +1,1067 @@
-.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;width:fit-content;padding-left:.563rem;padding-right:.563rem}.breadcrumbs{max-width:100%;overflow-x:auto}.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}.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;content:"";border-color:transparent currentColor currentColor transparent}@media (prefers-reduced-motion:reduce){.btn.loading:before{-webkit-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>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.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}.carousel-vertical{flex-direction:column;overflow-y:scroll;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.carousel-item{box-sizing:content-box;display:flex;flex:none;scroll-snap-align:start}.carousel-center .carousel-item{scroll-snap-align:center}.carousel-end .carousel-item{scroll-snap-align:end}.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-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{line-height:1em}.countdown{display:inline-flex}.countdown>*{height:1em;display:inline-block;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:after,.divider:before{content:"";flex-grow:1}.drawer{display:grid;overflow:hidden}.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-toggle~.drawer-content{max-height:100vh;overflow-y:auto;z-index:0;grid-column-start:1;grid-row-start:1}.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}@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-end{grid-auto-columns:auto -webkit-max-content;grid-auto-columns:auto max-content}.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}@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}.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}.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 :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{-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)>span{display:flex;align-items: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}.menu :where(li)>a{cursor:pointer}.menu :where(li)>a:focus{outline:2px solid transparent;outline-offset:2px}.menu :where(li).disabled>a,.menu :where(li).disabled>span{cursor:auto}.mockup-code{overflow:hidden;overflow-x:auto;position:relative}.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-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{z-index:999}.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:absolute;width:0}.navbar{display:flex;align-items:center}.navbar>*{display:flex;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%}.range:focus{outline:none}.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}.stack>*{transform:translateY(1rem)scale(.9);z-index:1}.stack>:nth-child(2){transform:translateY(.5rem)scale(.95);z-index:2}.stack>:first-child{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{counter-reset:step;grid-auto-columns:1fr;display:inline-grid;overflow:hidden;overflow-x:auto;grid-auto-flow:column}.steps .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))}.steps-vertical{grid-auto-rows:1fr;grid-auto-flow:row}.steps-vertical .step{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(1,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}.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}.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;pointer-events:none}.tooltip:before{content:attr(data-tip)}.tooltip:before{transform:translateX(-50%);top:auto;left:50%;right:auto;bottom:var(--tooltip-offset)}.tooltip-bottom:before{transform:translateX(-50%);top:var(--tooltip-offset);left:50%;right:auto;bottom:auto}.tooltip-left:before{transform:translateY(-50%);top:50%;left:auto;right:var(--tooltip-offset);bottom:auto}.tooltip-right:before{transform:translateY(-50%);top:50%;left:var(--tooltip-offset);right:auto;bottom:auto}
+.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;
+  width:fit-content;
+  padding-left:.563rem;
+  padding-right:.563rem;
+}
+.breadcrumbs{
+  max-width:100%;
+  overflow-x:auto;
+}
+  .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;
+    }
+  .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;
+      content:"";
+      border-color:transparent currentColor currentColor transparent;
+    }
+
+@media (prefers-reduced-motion:reduce){
+  .btn.loading:before{
+    -webkit-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>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.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;
+}
+  .carousel-vertical{
+    flex-direction:column;
+    overflow-y:scroll;
+    -ms-scroll-snap-type:y mandatory;
+        scroll-snap-type:y mandatory;
+  }
+  .carousel-item{
+    box-sizing:content-box;
+    display:flex;
+    flex:none;
+    scroll-snap-align:start;
+  }
+  .carousel-center .carousel-item{
+    scroll-snap-align:center;
+  }
+  .carousel-end .carousel-item{
+    scroll-snap-align:end;
+  }.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-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{
+  line-height:1em;
+}
+
+.countdown{
+  display:inline-flex;
+}
+
+.countdown>*{
+    height:1em;
+    display:inline-block;
+    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:after,.divider:before{
+    content:"";
+    flex-grow:1;
+  }.drawer{
+  display:grid;
+  overflow:hidden;
+}
+  .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-toggle~.drawer-content{
+    max-height:100vh;
+    overflow-y:auto;
+    z-index:0;
+    grid-column-start:1;
+    grid-row-start:1;
+  }
+
+.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;
+}
+
+@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-end{
+    grid-auto-columns:auto -webkit-max-content;
+    grid-auto-columns:auto max-content;
+  }
+      .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;
+    }
+
+@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;
+}
+  .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;
+  }
+
+.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 :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{
+  -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)>span{
+      display:flex;
+      align-items: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;
+    }
+  .menu :where(li)>a{
+      cursor:pointer;
+    }
+  .menu :where(li)>a:focus{
+        outline:2px solid transparent;
+        outline-offset:2px;
+      }
+  .menu :where(li).disabled>a,.menu :where(li).disabled>span{
+        cursor:auto;
+      }
+.mockup-code{
+    overflow:hidden;
+    overflow-x:auto;
+    position:relative;
+  }
+    .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-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{
+  z-index:999;
+}
+
+.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;
+  }
+
+.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%;
+}
+  .range:focus{
+    outline:none;
+  }.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;
+  }
+  .stack>*{
+    transform:translateY(1rem)scale(.9);
+    z-index:1;
+  }
+  .stack>:nth-child(2){
+    transform:translateY(.5rem)scale(.95);
+    z-index:2;
+  }
+  .stack>:first-child{
+    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{
+  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;
+}
+  .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;
+  }
+.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;
+  pointer-events:none;
+}
+
+.tooltip:before{
+  content:attr(data-tip);
+}
+
+.tooltip:before{
+    transform:translateX(-50%);
+    top:auto;
+    left:50%;
+    right:auto;
+    bottom:var(--tooltip-offset);
+  }
+
+.tooltip-bottom:before{
+    transform:translateX(-50%);
+    top:var(--tooltip-offset);
+    left:50%;
+    right:auto;
+    bottom:auto;
+  }
+
+.tooltip-left:before{
+    transform:translateY(-50%);
+    top:50%;
+    left:auto;
+    right:var(--tooltip-offset);
+    bottom:auto;
+  }
+
+.tooltip-right:before{
+    transform:translateY(-50%);
+    top:50%;
+    left:var(--tooltip-offset);
+    right:auto;
+    bottom:auto;
+  }