|
|
|
@ -1,5 +1,5 @@
|
|
|
|
|
/*
|
|
|
|
|
! tailwindcss v3.0.8 | MIT License | https://tailwindcss.com
|
|
|
|
|
! tailwindcss v3.0.19 | MIT License | https://tailwindcss.com
|
|
|
|
|
*//*
|
|
|
|
|
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
|
|
|
|
|
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
|
|
|
|
@ -11,7 +11,7 @@
|
|
|
|
|
box-sizing: border-box; /* 1 */
|
|
|
|
|
border-width: 0; /* 2 */
|
|
|
|
|
border-style: solid; /* 2 */
|
|
|
|
|
border-color: currentColor; /* 2 */
|
|
|
|
|
border-color: #e5e7eb; /* 2 */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::before,
|
|
|
|
@ -589,6 +589,7 @@ html {
|
|
|
|
|
--tab-border: 1px;
|
|
|
|
|
--tab-radius: 0.5rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
*, ::before, ::after {
|
|
|
|
|
--tw-translate-x: 0;
|
|
|
|
|
--tw-translate-y: 0;
|
|
|
|
@ -597,10 +598,16 @@ html {
|
|
|
|
|
--tw-skew-y: 0;
|
|
|
|
|
--tw-scale-x: 1;
|
|
|
|
|
--tw-scale-y: 1;
|
|
|
|
|
--tw-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-border-opacity: 1;
|
|
|
|
|
border-color: rgb(229 231 235 / var(--tw-border-opacity));
|
|
|
|
|
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
|
|
|
|
|
--tw-pan-x: ;
|
|
|
|
|
--tw-pan-y: ;
|
|
|
|
|
--tw-pinch-zoom: ;
|
|
|
|
|
--tw-scroll-snap-strictness: proximity;
|
|
|
|
|
--tw-ordinal: ;
|
|
|
|
|
--tw-slashed-zero: ;
|
|
|
|
|
--tw-numeric-figure: ;
|
|
|
|
|
--tw-numeric-spacing: ;
|
|
|
|
|
--tw-numeric-fraction: ;
|
|
|
|
|
--tw-ring-inset: ;
|
|
|
|
|
--tw-ring-offset-width: 0px;
|
|
|
|
|
--tw-ring-offset-color: #fff;
|
|
|
|
|
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
|
|
@ -608,16 +615,24 @@ html {
|
|
|
|
|
--tw-ring-shadow: 0 0 #0000;
|
|
|
|
|
--tw-shadow: 0 0 #0000;
|
|
|
|
|
--tw-shadow-colored: 0 0 #0000;
|
|
|
|
|
--tw-blur: var(--tw-empty,/*!*/ /*!*/);
|
|
|
|
|
--tw-brightness: var(--tw-empty,/*!*/ /*!*/);
|
|
|
|
|
--tw-contrast: var(--tw-empty,/*!*/ /*!*/);
|
|
|
|
|
--tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
|
|
|
|
|
--tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
|
|
|
|
|
--tw-invert: var(--tw-empty,/*!*/ /*!*/);
|
|
|
|
|
--tw-saturate: var(--tw-empty,/*!*/ /*!*/);
|
|
|
|
|
--tw-sepia: var(--tw-empty,/*!*/ /*!*/);
|
|
|
|
|
--tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
|
|
|
|
|
--tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
|
|
|
--tw-blur: ;
|
|
|
|
|
--tw-brightness: ;
|
|
|
|
|
--tw-contrast: ;
|
|
|
|
|
--tw-grayscale: ;
|
|
|
|
|
--tw-hue-rotate: ;
|
|
|
|
|
--tw-invert: ;
|
|
|
|
|
--tw-saturate: ;
|
|
|
|
|
--tw-sepia: ;
|
|
|
|
|
--tw-drop-shadow: ;
|
|
|
|
|
--tw-backdrop-blur: ;
|
|
|
|
|
--tw-backdrop-brightness: ;
|
|
|
|
|
--tw-backdrop-contrast: ;
|
|
|
|
|
--tw-backdrop-grayscale: ;
|
|
|
|
|
--tw-backdrop-hue-rotate: ;
|
|
|
|
|
--tw-backdrop-invert: ;
|
|
|
|
|
--tw-backdrop-opacity: ;
|
|
|
|
|
--tw-backdrop-saturate: ;
|
|
|
|
|
--tw-backdrop-sepia: ;
|
|
|
|
|
}
|
|
|
|
|
.alert>:not([hidden])~:not([hidden]) {
|
|
|
|
|
--tw-space-y-reverse: 0;
|
|
|
|
@ -679,6 +694,7 @@ html {
|
|
|
|
|
border-radius: var(--rounded-badge, 1.9rem);
|
|
|
|
|
}
|
|
|
|
|
.btn {
|
|
|
|
|
border-color: transparent;
|
|
|
|
|
border-color: hsla(var(--n) / var(--tw-border-opacity, 1));
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
display: inline-flex;
|
|
|
|
@ -697,11 +713,13 @@ html {
|
|
|
|
|
border-radius: var(--rounded-btn, .5rem);
|
|
|
|
|
height: 3rem;
|
|
|
|
|
font-size: .875rem;
|
|
|
|
|
line-height: 1.25rem;
|
|
|
|
|
line-height: 1em;
|
|
|
|
|
padding-left: 1rem;
|
|
|
|
|
padding-right: 1rem;
|
|
|
|
|
min-height: 3rem;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
text-transform: var(--btn-text-case, uppercase);
|
|
|
|
|
border-width: var(--border-btn, 1px);
|
|
|
|
|
-webkit-animation: button-pop var(--animation-btn, .25s) ease-out;
|
|
|
|
@ -834,6 +852,21 @@ html {
|
|
|
|
|
color: hsla(var(--nc) / var(--tw-text-opacity, 1));
|
|
|
|
|
z-index: 20;
|
|
|
|
|
}
|
|
|
|
|
.checkbox {
|
|
|
|
|
flex-shrink: 0;
|
|
|
|
|
--chkbg: var(--bc);
|
|
|
|
|
--chkfg: var(--b1);
|
|
|
|
|
-webkit-appearance: none;
|
|
|
|
|
-moz-appearance: none;
|
|
|
|
|
appearance: none;
|
|
|
|
|
--tw-border-opacity: 0.2;
|
|
|
|
|
border-color: hsla(var(--bc) / var(--tw-border-opacity, 1));
|
|
|
|
|
border-width: 1px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
height: 1.5rem;
|
|
|
|
|
width: 1.5rem;
|
|
|
|
|
border-radius: var(--rounded-btn, .5rem);
|
|
|
|
|
}
|
|
|
|
|
.checkbox:focus {
|
|
|
|
|
outline: 2px solid transparent;
|
|
|
|
|
outline-offset: 2px;
|
|
|
|
@ -859,6 +892,7 @@ html {
|
|
|
|
|
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
|
|
|
|
height: 3rem;
|
|
|
|
|
font-size: .875rem;
|
|
|
|
|
line-height: 1.25rem;
|
|
|
|
|
line-height: 2;
|
|
|
|
|
padding-left: 1rem;
|
|
|
|
|
padding-right: 1rem;
|
|
|
|
@ -923,21 +957,27 @@ html {
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
align-items: stretch;
|
|
|
|
|
}
|
|
|
|
|
.menu :where(li)>a,.menu :where(li)>span {
|
|
|
|
|
.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: .2s;
|
|
|
|
|
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
|
|
|
|
}
|
|
|
|
|
.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>span {
|
|
|
|
|
.menu :where(li).disabled>a,.menu :where(li).disabled>button,.menu :where(li).disabled>span {
|
|
|
|
|
cursor: auto;
|
|
|
|
|
}
|
|
|
|
|
.modal {
|
|
|
|
@ -958,6 +998,9 @@ html {
|
|
|
|
|
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
|
|
|
|
|
transition-duration: .2s;
|
|
|
|
|
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
|
|
|
|
overflow-y: hidden;
|
|
|
|
|
-ms-scroll-chaining: none;
|
|
|
|
|
overscroll-behavior: contain;
|
|
|
|
|
}
|
|
|
|
|
@media (min-width:640px) {
|
|
|
|
|
|
|
|
|
@ -974,6 +1017,31 @@ html {
|
|
|
|
|
border-bottom-right-radius: var(--rounded-box, 1rem);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.modal-box {
|
|
|
|
|
max-height: calc(100vh - 5em);
|
|
|
|
|
--tw-bg-opacity: 1;
|
|
|
|
|
background-color: hsla(var(--b1) / var(--tw-bg-opacity, 1));
|
|
|
|
|
padding: 1.5rem;
|
|
|
|
|
width: 100%;
|
|
|
|
|
--tw-translate-x: 0;
|
|
|
|
|
--tw-translate-y: 0;
|
|
|
|
|
--tw-translate-y: 2.5rem;
|
|
|
|
|
--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));
|
|
|
|
|
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
|
|
|
|
|
transition-duration: .2s;
|
|
|
|
|
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
|
|
|
|
border-top-left-radius: var(--rounded-box, 1rem);
|
|
|
|
|
border-top-right-radius: var(--rounded-box, 1rem);
|
|
|
|
|
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
-ms-scroll-chaining: none;
|
|
|
|
|
overscroll-behavior: contain;
|
|
|
|
|
}
|
|
|
|
|
.modal-open,.modal-toggle:checked+.modal,.modal:target {
|
|
|
|
|
opacity: 1;
|
|
|
|
|
pointer-events: auto;
|
|
|
|
@ -989,6 +1057,7 @@ html {
|
|
|
|
|
text-align: left;
|
|
|
|
|
}
|
|
|
|
|
.table th:first-child {
|
|
|
|
|
position: sticky;
|
|
|
|
|
position: -webkit-sticky;
|
|
|
|
|
left: 0;
|
|
|
|
|
z-index: 10;
|
|
|
|
@ -999,6 +1068,7 @@ html {
|
|
|
|
|
transition-duration: .2s;
|
|
|
|
|
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
|
|
|
|
font-size: .875rem;
|
|
|
|
|
line-height: 1.25rem;
|
|
|
|
|
line-height: 2;
|
|
|
|
|
padding: .5rem 1rem;
|
|
|
|
|
min-height: 3rem;
|
|
|
|
@ -1014,6 +1084,28 @@ html {
|
|
|
|
|
outline-offset: 2px;
|
|
|
|
|
box-shadow: 0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsla(var(--bc) / .2);
|
|
|
|
|
}
|
|
|
|
|
.toggle {
|
|
|
|
|
flex-shrink: 0;
|
|
|
|
|
--chkbg: hsla(var(--bc) / .2);
|
|
|
|
|
--focus-shadow: 0 0 0;
|
|
|
|
|
--handleoffset: 1.5rem;
|
|
|
|
|
-webkit-appearance: none;
|
|
|
|
|
-moz-appearance: none;
|
|
|
|
|
appearance: none;
|
|
|
|
|
--tw-bg-opacity: 0.2;
|
|
|
|
|
background-color: hsla(var(--bc) / var(--tw-bg-opacity, 1));
|
|
|
|
|
--tw-border-opacity: 0.2;
|
|
|
|
|
border-color: hsla(var(--bc) / var(--tw-border-opacity, 1));
|
|
|
|
|
border-width: 1px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
height: 1.5rem;
|
|
|
|
|
width: 3rem;
|
|
|
|
|
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
|
|
|
|
transition-duration: .3s;
|
|
|
|
|
border-radius: var(--rounded-badge, 1.9rem);
|
|
|
|
|
transition: background,box-shadow var(--animation-input, .2s) ease-in-out;
|
|
|
|
|
box-shadow: calc(var(--handleoffset)*-1) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset, var(--focus-shadow);
|
|
|
|
|
}
|
|
|
|
|
.toggle:focus {
|
|
|
|
|
outline: 2px solid transparent;
|
|
|
|
|
outline-offset: 2px;
|
|
|
|
@ -1401,20 +1493,6 @@ html {
|
|
|
|
|
.card-actions:last-child {
|
|
|
|
|
margin-top: 1.5rem;
|
|
|
|
|
}
|
|
|
|
|
.checkbox {
|
|
|
|
|
--chkbg: var(--bc);
|
|
|
|
|
--chkfg: var(--b1);
|
|
|
|
|
-webkit-appearance: none;
|
|
|
|
|
-moz-appearance: none;
|
|
|
|
|
appearance: none;
|
|
|
|
|
--tw-border-opacity: 0.2;
|
|
|
|
|
border-color: hsla(var(--bc) / var(--tw-border-opacity, 1));
|
|
|
|
|
border-width: 1px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
height: 1.5rem;
|
|
|
|
|
width: 1.5rem;
|
|
|
|
|
border-radius: var(--rounded-btn, .5rem);
|
|
|
|
|
}
|
|
|
|
|
.checkbox:focus-visible {
|
|
|
|
|
box-shadow: 0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--bc));
|
|
|
|
|
}
|
|
|
|
@ -1426,6 +1504,14 @@ html {
|
|
|
|
|
animation: checkmark var(--animation-input, .2s) ease-in-out;
|
|
|
|
|
background-image: linear-gradient(-45deg, transparent 65%, hsl(var(--chkbg)) 0), linear-gradient(45deg, transparent 75%, hsl(var(--chkbg)) 0), linear-gradient(-45deg, hsl(var(--chkbg)) 40%, transparent 0), linear-gradient(45deg, hsl(var(--chkbg)) 30%, hsl(var(--chkfg)) 0, hsl(var(--chkfg)) 40%, transparent 0), linear-gradient(-45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 0);
|
|
|
|
|
}
|
|
|
|
|
.checkbox:indeterminate {
|
|
|
|
|
--tw-bg-opacity: 1;
|
|
|
|
|
background-color: hsla(var(--bc) / var(--tw-bg-opacity, 1));
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
-webkit-animation: checkmark var(--animation-input, .2s) ease-in-out;
|
|
|
|
|
animation: checkmark var(--animation-input, .2s) ease-in-out;
|
|
|
|
|
background-image: linear-gradient(90deg, transparent 80%, hsl(var(--chkbg)) 0), linear-gradient(-90deg, transparent 80%, hsl(var(--chkbg)) 0), linear-gradient(0deg, hsl(var(--chkbg)) 43%, hsl(var(--chkfg)) 0, hsl(var(--chkfg)) 57%, hsl(var(--chkbg)) 0);
|
|
|
|
|
}
|
|
|
|
|
.checkbox:disabled {
|
|
|
|
|
--tw-bg-opacity: 1;
|
|
|
|
|
background-color: hsla(var(--bc) / var(--tw-bg-opacity, 1));
|
|
|
|
@ -1531,7 +1617,7 @@ html {
|
|
|
|
|
.link:focus-visible {
|
|
|
|
|
box-shadow: 0 0 0 2px currentColor;
|
|
|
|
|
}
|
|
|
|
|
.menu.horizontal li.bordered>a,.menu.horizontal li.bordered>span {
|
|
|
|
|
.menu.horizontal li.bordered>a,.menu.horizontal li.bordered>button,.menu.horizontal li.bordered>span {
|
|
|
|
|
--tw-border-opacity: 1;
|
|
|
|
|
border-color: hsla(var(--p) / var(--tw-border-opacity, 1));
|
|
|
|
|
border-left-width: 0;
|
|
|
|
@ -1540,38 +1626,38 @@ html {
|
|
|
|
|
.menu[class*=p-] li a {
|
|
|
|
|
border-radius: var(--rounded-btn, .5rem);
|
|
|
|
|
}
|
|
|
|
|
.menu li>:where(a),.menu li>:where(span) {
|
|
|
|
|
.menu :where(li.bordered>a),.menu :where(li.bordered>button),.menu :where(li.bordered>span) {
|
|
|
|
|
--tw-border-opacity: 1;
|
|
|
|
|
border-color: hsla(var(--p) / var(--tw-border-opacity, 1));
|
|
|
|
|
border-left-width: 4px;
|
|
|
|
|
}
|
|
|
|
|
.menu li>:where(a),.menu li>:where(button),.menu li>:where(span) {
|
|
|
|
|
padding: .75rem 1.25rem;
|
|
|
|
|
color: currentColor;
|
|
|
|
|
}
|
|
|
|
|
.menu li>:where(a:focus),.menu li>:where(a:hover) {
|
|
|
|
|
.menu li>:where(a:focus),.menu li>:where(a:hover),.menu li>:where(button:focus),.menu li>:where(button:hover) {
|
|
|
|
|
--tw-bg-opacity: 0.1;
|
|
|
|
|
background-color: hsla(var(--bc) / var(--tw-bg-opacity, 1));
|
|
|
|
|
}
|
|
|
|
|
.menu li>:where(a.active) {
|
|
|
|
|
.menu li>:where(a.active),.menu li>:where(button.active) {
|
|
|
|
|
--tw-bg-opacity: 1;
|
|
|
|
|
background-color: hsla(var(--p) / var(--tw-bg-opacity, 1));
|
|
|
|
|
--tw-text-opacity: 1;
|
|
|
|
|
color: hsla(var(--pc) / var(--tw-text-opacity, 1));
|
|
|
|
|
}
|
|
|
|
|
.menu li>:where(a:active) {
|
|
|
|
|
.menu li>:where(a:active),.menu li>:where(button:active) {
|
|
|
|
|
--tw-bg-opacity: 1;
|
|
|
|
|
background-color: hsla(var(--pf) / var(--tw-bg-opacity, 1));
|
|
|
|
|
--tw-text-opacity: 1;
|
|
|
|
|
color: hsla(var(--pc) / var(--tw-text-opacity, 1));
|
|
|
|
|
}
|
|
|
|
|
.menu li.disabled>a:hover,.menu li.disabled>span:hover {
|
|
|
|
|
.menu li.disabled>a:hover,.menu li.disabled>button:hover,.menu li.disabled>span:hover {
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
}
|
|
|
|
|
.menu li.disabled>a,.menu li.disabled>span {
|
|
|
|
|
.menu li.disabled>a,.menu li.disabled>button,.menu li.disabled>span {
|
|
|
|
|
--tw-text-opacity: 0.2;
|
|
|
|
|
color: hsla(var(--bc) / var(--tw-text-opacity, 1));
|
|
|
|
|
}
|
|
|
|
|
.menu li.bordered a,.menu li.bordered span {
|
|
|
|
|
--tw-border-opacity: 1;
|
|
|
|
|
border-color: hsla(var(--p) / var(--tw-border-opacity, 1));
|
|
|
|
|
border-left-width: 4px;
|
|
|
|
|
}
|
|
|
|
|
.menu li.hover-bordered a {
|
|
|
|
|
border-color: transparent;
|
|
|
|
|
border-left-width: 4px;
|
|
|
|
@ -1603,26 +1689,6 @@ html {
|
|
|
|
|
border-radius: 40px;
|
|
|
|
|
margin-top: -25px;
|
|
|
|
|
}
|
|
|
|
|
.modal-box {
|
|
|
|
|
--tw-bg-opacity: 1;
|
|
|
|
|
background-color: hsla(var(--b1) / var(--tw-bg-opacity, 1));
|
|
|
|
|
padding: 1.5rem;
|
|
|
|
|
width: 100%;
|
|
|
|
|
--tw-translate-x: 0;
|
|
|
|
|
--tw-translate-y: 2.5rem;
|
|
|
|
|
--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));
|
|
|
|
|
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
|
|
|
|
|
transition-duration: .2s;
|
|
|
|
|
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
|
|
|
|
border-top-left-radius: var(--rounded-box, 1rem);
|
|
|
|
|
border-top-right-radius: var(--rounded-box, 1rem);
|
|
|
|
|
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
|
|
|
|
|
}
|
|
|
|
|
.modal-open .modal-box,.modal-toggle:checked+.modal .modal-box,.modal:target .modal-box {
|
|
|
|
|
--tw-scale-x: 1;
|
|
|
|
|
--tw-scale-y: 1;
|
|
|
|
@ -1661,6 +1727,34 @@ html {
|
|
|
|
|
box-shadow: 0 0 0 4px hsl(var(--b1)) inset, 0 0 0 4px hsl(var(--b1)) inset, var(--focus-shadow);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@-webkit-keyframes rating-pop {
|
|
|
|
|
|
|
|
|
|
0% {
|
|
|
|
|
transform: translateY(-.125em);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
40% {
|
|
|
|
|
transform: translateY(-.125em);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
to {
|
|
|
|
|
transform: translateY(0);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@keyframes rating-pop {
|
|
|
|
|
|
|
|
|
|
0% {
|
|
|
|
|
transform: translateY(-.125em);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
40% {
|
|
|
|
|
transform: translateY(-.125em);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
to {
|
|
|
|
|
transform: translateY(0);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.table :where(th,td) {
|
|
|
|
|
padding: 1rem;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
@ -1711,11 +1805,6 @@ html {
|
|
|
|
|
--tw-bg-opacity: 1;
|
|
|
|
|
background-color: hsla(var(--b2) / var(--tw-bg-opacity, 1));
|
|
|
|
|
}
|
|
|
|
|
.table-compact td,.table-compact th {
|
|
|
|
|
font-size: .875rem;
|
|
|
|
|
line-height: 1.25rem;
|
|
|
|
|
padding: .5rem;
|
|
|
|
|
}
|
|
|
|
|
.textarea-bordered {
|
|
|
|
|
--tw-border-opacity: 0.2;
|
|
|
|
|
}
|
|
|
|
@ -1747,27 +1836,6 @@ html {
|
|
|
|
|
--tw-placeholder-opacity: 0.2;
|
|
|
|
|
color: hsla(var(--bc) / var(--tw-placeholder-opacity, 1));
|
|
|
|
|
}
|
|
|
|
|
.toggle {
|
|
|
|
|
--chkbg: hsla(var(--bc) / .2);
|
|
|
|
|
--focus-shadow: 0 0 0;
|
|
|
|
|
--handleoffset: 1.5rem;
|
|
|
|
|
-webkit-appearance: none;
|
|
|
|
|
-moz-appearance: none;
|
|
|
|
|
appearance: none;
|
|
|
|
|
--tw-bg-opacity: 0.2;
|
|
|
|
|
background-color: hsla(var(--bc) / var(--tw-bg-opacity, 1));
|
|
|
|
|
--tw-border-opacity: 0.2;
|
|
|
|
|
border-color: hsla(var(--bc) / var(--tw-border-opacity, 1));
|
|
|
|
|
border-width: 1px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
height: 1.5rem;
|
|
|
|
|
width: 3rem;
|
|
|
|
|
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
|
|
|
|
transition-duration: .3s;
|
|
|
|
|
border-radius: var(--rounded-badge, 1.9rem);
|
|
|
|
|
transition: background,box-shadow var(--animation-input, .2s) ease-in-out;
|
|
|
|
|
box-shadow: calc(var(--handleoffset)*-1) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset, var(--focus-shadow);
|
|
|
|
|
}
|
|
|
|
|
.toggle:focus-visible {
|
|
|
|
|
--focus-shadow: 0 0 0 2px hsl(var(--b1)), 0 0 0 4px hsl(var(--bc));
|
|
|
|
|
}
|
|
|
|
@ -1780,6 +1848,15 @@ html {
|
|
|
|
|
[dir=rtl] .toggle:checked,[dir=rtl] .toggle[checked=true] {
|
|
|
|
|
box-shadow: calc(var(--handleoffset)*1) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset, var(--focus-shadow);
|
|
|
|
|
}
|
|
|
|
|
.toggle:indeterminate {
|
|
|
|
|
--chkbg: hsl(var(--bc));
|
|
|
|
|
--tw-bg-opacity: 1;
|
|
|
|
|
--tw-border-opacity: 1;
|
|
|
|
|
box-shadow: calc(var(--handleoffset)/2) 0 0 2px hsl(var(--b1)) inset, calc(var(--handleoffset)/-2) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset, var(--focus-shadow);
|
|
|
|
|
}
|
|
|
|
|
[dir=rtl] .toggle:indeterminate {
|
|
|
|
|
box-shadow: calc(var(--handleoffset)/2) 0 0 2px hsl(var(--b1)) inset, calc(var(--handleoffset)/-2) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset, var(--focus-shadow);
|
|
|
|
|
}
|
|
|
|
|
.toggle:disabled {
|
|
|
|
|
--tw-bg-opacity: 0.2;
|
|
|
|
|
background-color: hsla(var(--bc) / var(--tw-bg-opacity, 1));
|
|
|
|
@ -1804,6 +1881,19 @@ html {
|
|
|
|
|
padding: 0;
|
|
|
|
|
width: 2rem;
|
|
|
|
|
}
|
|
|
|
|
.menu-vertical :where(li.bordered>a),.menu-vertical :where(li.bordered>button),.menu-vertical :where(li.bordered>span) {
|
|
|
|
|
border-bottom-width: 0;
|
|
|
|
|
border-left-width: 4px;
|
|
|
|
|
}
|
|
|
|
|
.menu-horizontal :where(li.bordered>a),.menu-horizontal :where(li.bordered>button),.menu-horizontal :where(li.bordered>span) {
|
|
|
|
|
border-left-width: 0;
|
|
|
|
|
border-bottom-width: 4px;
|
|
|
|
|
}
|
|
|
|
|
.table-compact :where(th,td) {
|
|
|
|
|
font-size: .875rem;
|
|
|
|
|
line-height: 1.25rem;
|
|
|
|
|
padding: .5rem;
|
|
|
|
|
}
|
|
|
|
|
.visible {
|
|
|
|
|
visibility: visible;
|
|
|
|
|
}
|
|
|
|
@ -2047,15 +2137,15 @@ html {
|
|
|
|
|
.scale-95 {
|
|
|
|
|
--tw-scale-x: .95;
|
|
|
|
|
--tw-scale-y: .95;
|
|
|
|
|
transform: var(--tw-transform);
|
|
|
|
|
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));
|
|
|
|
|
}
|
|
|
|
|
.scale-100 {
|
|
|
|
|
--tw-scale-x: 1;
|
|
|
|
|
--tw-scale-y: 1;
|
|
|
|
|
transform: var(--tw-transform);
|
|
|
|
|
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));
|
|
|
|
|
}
|
|
|
|
|
.transform {
|
|
|
|
|
transform: var(--tw-transform);
|
|
|
|
|
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));
|
|
|
|
|
}
|
|
|
|
|
.cursor-default {
|
|
|
|
|
cursor: default;
|
|
|
|
@ -2557,7 +2647,7 @@ html {
|
|
|
|
|
--tw-ring-opacity: 0.05;
|
|
|
|
|
}
|
|
|
|
|
.filter {
|
|
|
|
|
filter: var(--tw-filter);
|
|
|
|
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
|
|
|
}
|
|
|
|
|
.transition {
|
|
|
|
|
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
|
|
|
@ -2754,6 +2844,7 @@ html {
|
|
|
|
|
padding-top: 0.25rem;
|
|
|
|
|
padding-bottom: 0.25rem;
|
|
|
|
|
font-size: 0.875rem;
|
|
|
|
|
line-height: 1.25rem;
|
|
|
|
|
line-height: 2;
|
|
|
|
|
--tw-text-opacity: 1;
|
|
|
|
|
color: rgb(55 65 81 / var(--tw-text-opacity));
|
|
|
|
|