*, ::before, ::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--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;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position:  ;
--tw-gradient-via-position:  ;
--tw-gradient-to-position:  ;
--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);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--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:  ;
--tw-contain-size:  ;
--tw-contain-layout:  ;
--tw-contain-paint:  ;
--tw-contain-style:  
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--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;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position:  ;
--tw-gradient-via-position:  ;
--tw-gradient-to-position:  ;
--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);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--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:  ;
--tw-contain-size:  ;
--tw-contain-layout:  ;
--tw-contain-paint:  ;
--tw-contain-style:  
}
:root {
color-scheme: light;
--pf: 258.89 94.378% 40.941%;
--sf: 314 100% 37.647%;
--af: 174 60% 40.784%;
--nf: 219 14.085% 22.275%;
--in: 198 93% 60%;
--su: 158 64% 52%;
--wa: 43 96% 56%;
--er: 0 91% 71%;
--inc: 198 100% 12%;
--suc: 158 100% 10%;
--wac: 43 100% 11%;
--erc: 0 100% 14%;
--rounded-box: 1rem;
--rounded-btn: 0.5rem;
--rounded-badge: 1.9rem;
--animation-btn: 0.25s;
--animation-input: .2s;
--btn-text-case: uppercase;
--btn-focus-scale: 0.95;
--border-btn: 1px;
--tab-border: 1px;
--tab-radius: 0.5rem;
--p: 258.89 94.378% 51.176%;
--pc: 0 0% 100%;
--s: 314 100% 47.059%;
--sc: 0 0% 100%;
--a: 174 60% 50.98%;
--ac: 174.71 43.59% 15.294%;
--n: 219 14.085% 27.843%;
--nc: 0 0% 100%;
--b1: 0 0% 100%;
--b2: 0 0% 94.902%;
--b3: 180 1.9608% 90%;
--bc: 215 27.907% 16.863%
}
@media (prefers-color-scheme: dark) {
:root {
color-scheme: dark;
--pf: 262.35 80.315% 40.157%;
--sf: 315.75 70.196% 40%;
--af: 174.69 70.335% 32.784%;
--in: 198 93% 60%;
--su: 158 64% 52%;
--wa: 43 96% 56%;
--er: 0 91% 71%;
--inc: 198 100% 12%;
--suc: 158 100% 10%;
--wac: 43 100% 11%;
--erc: 0 100% 14%;
--rounded-box: 1rem;
--rounded-btn: 0.5rem;
--rounded-badge: 1.9rem;
--animation-btn: 0.25s;
--animation-input: .2s;
--btn-text-case: uppercase;
--btn-focus-scale: 0.95;
--border-btn: 1px;
--tab-border: 1px;
--tab-radius: 0.5rem;
--p: 262.35 80.315% 50.196%;
--pc: 0 0% 100%;
--s: 315.75 70.196% 50%;
--sc: 0 0% 100%;
--a: 174.69 70.335% 40.98%;
--ac: 0 0% 100%;
--n: 218.18 18.033% 11.961%;
--nf: 222.86 17.073% 8.0392%;
--nc: 220 13.376% 69.216%;
--b1: 220 17.647% 20%;
--b2: 220 17.241% 17.059%;
--b3: 218.57 17.949% 15.294%;
--bc: 220 13.376% 69.216%
}
}
[data-theme=light] {
color-scheme: light;
--pf: 258.89 94.378% 40.941%;
--sf: 314 100% 37.647%;
--af: 174 60% 40.784%;
--nf: 219 14.085% 22.275%;
--in: 198 93% 60%;
--su: 158 64% 52%;
--wa: 43 96% 56%;
--er: 0 91% 71%;
--inc: 198 100% 12%;
--suc: 158 100% 10%;
--wac: 43 100% 11%;
--erc: 0 100% 14%;
--rounded-box: 1rem;
--rounded-btn: 0.5rem;
--rounded-badge: 1.9rem;
--animation-btn: 0.25s;
--animation-input: .2s;
--btn-text-case: uppercase;
--btn-focus-scale: 0.95;
--border-btn: 1px;
--tab-border: 1px;
--tab-radius: 0.5rem;
--p: 258.89 94.378% 51.176%;
--pc: 0 0% 100%;
--s: 314 100% 47.059%;
--sc: 0 0% 100%;
--a: 174 60% 50.98%;
--ac: 174.71 43.59% 15.294%;
--n: 219 14.085% 27.843%;
--nc: 0 0% 100%;
--b1: 0 0% 100%;
--b2: 0 0% 94.902%;
--b3: 180 1.9608% 90%;
--bc: 215 27.907% 16.863%
}
[data-theme=dark] {
color-scheme: dark;
--pf: 262.35 80.315% 40.157%;
--sf: 315.75 70.196% 40%;
--af: 174.69 70.335% 32.784%;
--in: 198 93% 60%;
--su: 158 64% 52%;
--wa: 43 96% 56%;
--er: 0 91% 71%;
--inc: 198 100% 12%;
--suc: 158 100% 10%;
--wac: 43 100% 11%;
--erc: 0 100% 14%;
--rounded-box: 1rem;
--rounded-btn: 0.5rem;
--rounded-badge: 1.9rem;
--animation-btn: 0.25s;
--animation-input: .2s;
--btn-text-case: uppercase;
--btn-focus-scale: 0.95;
--border-btn: 1px;
--tab-border: 1px;
--tab-radius: 0.5rem;
--p: 262.35 80.315% 50.196%;
--pc: 0 0% 100%;
--s: 315.75 70.196% 50%;
--sc: 0 0% 100%;
--a: 174.69 70.335% 40.98%;
--ac: 0 0% 100%;
--n: 218.18 18.033% 11.961%;
--nf: 222.86 17.073% 8.0392%;
--nc: 220 13.376% 69.216%;
--b1: 220 17.647% 20%;
--b2: 220 17.241% 17.059%;
--b3: 218.57 17.949% 15.294%;
--bc: 220 13.376% 69.216%
}
.medialab_btn {
display: inline-flex;
flex-shrink: 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
flex-wrap: wrap;
align-items: center;
justify-content: center;
border-color: transparent;
border-color: hsl(var(--n) / var(--tw-border-opacity));
text-align: center;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
border-radius: var(--rounded-btn, 0.5rem);
height: 3rem;
padding-left: 1rem;
padding-right: 1rem;
font-size: 0.875rem;
line-height: 1.25rem;
line-height: 1em;
min-height: 3rem;
font-weight: 600;
text-transform: uppercase;
text-transform: var(--btn-text-case, uppercase);
text-decoration-line: none;
border-width: var(--border-btn, 1px);
animation: button-pop var(--animation-btn, 0.25s) ease-out;
--tw-border-opacity: 1;
--tw-bg-opacity: 1;
background-color: hsl(var(--n) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--nc) / var(--tw-text-opacity))
}
.medialab_btn-disabled,
.medialab_btn[disabled] {
pointer-events: none
}
.medialab_btn.medialab_loading,
.medialab_btn.medialab_loading:hover {
pointer-events: none
}
.medialab_btn.medialab_loading:before {
margin-right: 0.5rem;
height: 1rem;
width: 1rem;
border-radius: 9999px;
border-width: 2px;
animation: spin 2s linear infinite;
content: "";
border-top-color: transparent;
border-left-color: transparent;
border-bottom-color: currentColor;
border-right-color: currentColor
}
@media (prefers-reduced-motion: reduce) {
.medialab_btn.medialab_loading:before {
animation: spin 10s linear infinite
}
}
@keyframes spin {
from {
transform: rotate(0deg)
}
to {
transform: rotate(360deg)
}
}
.medialab_btn-group > input[type="radio"].medialab_btn {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.medialab_btn-group > input[type="radio"].medialab_btn:before {
content: attr(data-title)
}
.medialab_chat {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
-moz-column-gap: 0.75rem;
column-gap: 0.75rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem
}
.medialab_form-control {
display: flex;
flex-direction: column
}
.medialab_label {
display: flex;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
align-items: center;
justify-content: space-between;
padding-left: 0.25rem;
padding-right: 0.25rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem
}
.medialab_tooltip {
position: relative;
display: inline-block;
--tooltip-offset: calc(100% + 1px + var(--tooltip-tail, 0px));
text-align: center;
--tooltip-tail: 3px;
--tooltip-color: hsl(var(--n));
--tooltip-text-color: hsl(var(--nc));
--tooltip-tail-offset: calc(100% + 1px - var(--tooltip-tail))
}
.medialab_tooltip:before {
position: absolute;
pointer-events: none;
z-index: 999;
content: var(--tw-content);
--tw-content: attr(data-tip);
max-width: 20rem;
border-radius: 0.25rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
font-size: 0.875rem;
line-height: 1.25rem;
background-color: var(--tooltip-color);
color: var(--tooltip-text-color);
width: -moz-max-content;
width: max-content
}
.medialab_tooltip:before, .medialab_tooltip-top:before {
transform: translateX(-50%);
top: auto;
left: 50%;
right: auto;
bottom: var(--tooltip-offset)
}
.medialab_tooltip-left:before {
transform: translateY(-50%);
top: 50%;
left: auto;
right: var(--tooltip-offset);
bottom: auto
}
.medialab_btn-outline .medialab_badge {
--tw-border-opacity: 1;
border-color: hsl(var(--nf, var(--n)) / var(--tw-border-opacity));
--tw-text-opacity: 1;
color: hsl(var(--nc) / var(--tw-text-opacity))
}
.medialab_btn-outline.medialab_btn-primary .medialab_badge {
--tw-border-opacity: 1;
border-color: hsl(var(--p) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--p) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--pc) / var(--tw-text-opacity))
}
.medialab_btn-outline.medialab_btn-secondary .medialab_badge {
--tw-border-opacity: 1;
border-color: hsl(var(--s) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--s) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--sc) / var(--tw-text-opacity))
}
.medialab_btn-outline.medialab_btn-accent .medialab_badge {
--tw-border-opacity: 1;
border-color: hsl(var(--a) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--a) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--ac) / var(--tw-text-opacity))
}
.medialab_btn-outline .medialab_badge.medialab_outline {
--tw-border-opacity: 1;
border-color: hsl(var(--nf, var(--n)) / var(--tw-border-opacity));
background-color: transparent
}
.medialab_btn-outline.medialab_btn-primary .medialab_badge-outline {
--tw-border-opacity: 1;
border-color: hsl(var(--p) / var(--tw-border-opacity));
background-color: transparent;
--tw-text-opacity: 1;
color: hsl(var(--p) / var(--tw-text-opacity))
}
.medialab_btn-outline.medialab_btn-secondary .medialab_badge-outline {
--tw-border-opacity: 1;
border-color: hsl(var(--s) / var(--tw-border-opacity));
background-color: transparent;
--tw-text-opacity: 1;
color: hsl(var(--s) / var(--tw-text-opacity))
}
.medialab_btn-outline.medialab_btn-accent .medialab_badge-outline {
--tw-border-opacity: 1;
border-color: hsl(var(--a) / var(--tw-border-opacity));
background-color: transparent;
--tw-text-opacity: 1;
color: hsl(var(--a) / var(--tw-text-opacity))
}
.medialab_btn-outline.medialab_btn-info .medialab_badge-outline {
--tw-border-opacity: 1;
border-color: hsl(var(--in) / var(--tw-border-opacity));
background-color: transparent;
--tw-text-opacity: 1;
color: hsl(var(--in) / var(--tw-text-opacity))
}
.medialab_btn-outline.medialab_btn-success .medialab_badge-outline {
--tw-border-opacity: 1;
border-color: hsl(var(--su) / var(--tw-border-opacity));
background-color: transparent;
--tw-text-opacity: 1;
color: hsl(var(--su) / var(--tw-text-opacity))
}
.medialab_btn-outline.medialab_btn-warning .medialab_badge-outline {
--tw-border-opacity: 1;
border-color: hsl(var(--wa) / var(--tw-border-opacity));
background-color: transparent;
--tw-text-opacity: 1;
color: hsl(var(--wa) / var(--tw-text-opacity))
}
.medialab_btn-outline.medialab_btn-error .medialab_badge-outline {
--tw-border-opacity: 1;
border-color: hsl(var(--er) / var(--tw-border-opacity));
background-color: transparent;
--tw-text-opacity: 1;
color: hsl(var(--er) / var(--tw-text-opacity))
}
.medialab_btn-outline:hover .medialab_badge {
--tw-border-opacity: 1;
border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--bc) / var(--tw-text-opacity))
}
.medialab_btn-outline:hover .medialab_badge.medialab_outline {
--tw-border-opacity: 1;
border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
--tw-text-opacity: 1;
color: hsl(var(--nc) / var(--tw-text-opacity))
}
.medialab_btn-outline.medialab_btn-primary:hover .medialab_badge {
--tw-border-opacity: 1;
border-color: hsl(var(--pc) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--pc) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--p) / var(--tw-text-opacity))
}
.medialab_btn-outline.medialab_btn-primary:hover .medialab_badge.medialab_outline {
--tw-border-opacity: 1;
border-color: hsl(var(--pc) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--pf, var(--p)) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--pc) / var(--tw-text-opacity))
}
.medialab_btn-outline.medialab_btn-secondary:hover .medialab_badge {
--tw-border-opacity: 1;
border-color: hsl(var(--sc) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--sc) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--s) / var(--tw-text-opacity))
}
.medialab_btn-outline.medialab_btn-secondary:hover .medialab_badge.medialab_outline {
--tw-border-opacity: 1;
border-color: hsl(var(--sc) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--sf, var(--s)) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--sc) / var(--tw-text-opacity))
}
.medialab_btn-outline.medialab_btn-accent:hover .medialab_badge {
--tw-border-opacity: 1;
border-color: hsl(var(--ac) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--ac) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--a) / var(--tw-text-opacity))
}
.medialab_btn-outline.medialab_btn-accent:hover .medialab_badge.medialab_outline {
--tw-border-opacity: 1;
border-color: hsl(var(--ac) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--af, var(--a)) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--ac) / var(--tw-text-opacity))
}
.medialab_btm-nav>* .medialab_label {
font-size: 1rem;
line-height: 1.5rem
}
.medialab_btn:active:hover,
.medialab_btn:active:focus {
animation: none
}
.medialab_btn:not(.medialab_no-animation):active:hover,
.medialab_btn:not(.medialab_no-animation):active:focus {
transform: scale(var(--btn-focus-scale, 0.95))
}
.medialab_btn:hover,
.medialab_btn-active {
--tw-border-opacity: 1;
border-color: hsl(var(--nf, var(--n)) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--nf, var(--n)) / var(--tw-bg-opacity))
}
.medialab_btn:focus-visible {
outline: 2px solid hsl(var(--nf));
outline-offset: 2px
}
.medialab_btn.medialab_glass:hover,
.medialab_btn.medialab_glass.medialab_btn-active {
--glass-opacity: 25%;
--glass-border-opacity: 15%
}
.medialab_btn.medialab_glass:focus-visible {
outline: 2px solid currentColor
}
.medialab_btn-outline {
border-color: currentColor;
background-color: transparent;
--tw-text-opacity: 1;
color: hsl(var(--bc) / var(--tw-text-opacity))
}
.medialab_btn-outline:hover,
.medialab_btn-outline.medialab_btn-active {
--tw-border-opacity: 1;
border-color: hsl(var(--bc) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--b1) / var(--tw-text-opacity))
}
.medialab_btn-outline.medialab_btn-primary {
--tw-text-opacity: 1;
color: hsl(var(--p) / var(--tw-text-opacity))
}
.medialab_btn-outline.medialab_btn-primary:hover,
.medialab_btn-outline.medialab_btn-primary.medialab_btn-active {
--tw-border-opacity: 1;
border-color: hsl(var(--pf, var(--p)) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--pf, var(--p)) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--pc) / var(--tw-text-opacity))
}
.medialab_btn-outline.medialab_btn-secondary {
--tw-text-opacity: 1;
color: hsl(var(--s) / var(--tw-text-opacity))
}
.medialab_btn-outline.medialab_btn-secondary:hover,
.medialab_btn-outline.medialab_btn-secondary.medialab_btn-active {
--tw-border-opacity: 1;
border-color: hsl(var(--sf, var(--s)) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--sf, var(--s)) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--sc) / var(--tw-text-opacity))
}
.medialab_btn-outline.medialab_btn-accent {
--tw-text-opacity: 1;
color: hsl(var(--a) / var(--tw-text-opacity))
}
.medialab_btn-outline.medialab_btn-accent:hover,
.medialab_btn-outline.medialab_btn-accent.medialab_btn-active {
--tw-border-opacity: 1;
border-color: hsl(var(--af, var(--a)) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--af, var(--a)) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--ac) / var(--tw-text-opacity))
}
.medialab_btn-outline.medialab_btn-success {
--tw-text-opacity: 1;
color: hsl(var(--su) / var(--tw-text-opacity))
}
.medialab_btn-outline.medialab_btn-success:hover,
.medialab_btn-outline.medialab_btn-success.medialab_btn-active {
--tw-border-opacity: 1;
border-color: hsl(var(--su) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--su) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--suc, var(--nc)) / var(--tw-text-opacity))
}
.medialab_btn-outline.medialab_btn-info {
--tw-text-opacity: 1;
color: hsl(var(--in) / var(--tw-text-opacity))
}
.medialab_btn-outline.medialab_btn-info:hover,
.medialab_btn-outline.medialab_btn-info.medialab_btn-active {
--tw-border-opacity: 1;
border-color: hsl(var(--in) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--in) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--inc, var(--nc)) / var(--tw-text-opacity))
}
.medialab_btn-outline.medialab_btn-warning {
--tw-text-opacity: 1;
color: hsl(var(--wa) / var(--tw-text-opacity))
}
.medialab_btn-outline.medialab_btn-warning:hover,
.medialab_btn-outline.medialab_btn-warning.medialab_btn-active {
--tw-border-opacity: 1;
border-color: hsl(var(--wa) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--wa) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--wac, var(--nc)) / var(--tw-text-opacity))
}
.medialab_btn-outline.medialab_btn-error {
--tw-text-opacity: 1;
color: hsl(var(--er) / var(--tw-text-opacity))
}
.medialab_btn-outline.medialab_btn-error:hover,
.medialab_btn-outline.medialab_btn-error.medialab_btn-active {
--tw-border-opacity: 1;
border-color: hsl(var(--er) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--er) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--erc, var(--nc)) / var(--tw-text-opacity))
}
.medialab_btn-disabled,
.medialab_btn-disabled:hover,
.medialab_btn[disabled],
.medialab_btn[disabled]:hover {
--tw-border-opacity: 0;
background-color: hsl(var(--n) / var(--tw-bg-opacity));
--tw-bg-opacity: 0.2;
color: hsl(var(--bc) / var(--tw-text-opacity));
--tw-text-opacity: 0.2
}
.medialab_btn.medialab_loading.medialab_btn-square:before,
.medialab_btn.medialab_loading.medialab_btn-circle:before {
margin-right: 0px
}
.medialab_btn.medialab_loading.medialab_btn-xl:before,
.medialab_btn.medialab_loading.medialab_btn-lg:before {
height: 1.25rem;
width: 1.25rem
}
.medialab_btn.medialab_loading.medialab_btn-sm:before,
.medialab_btn.medialab_loading.medialab_btn-xs:before {
height: 0.75rem;
width: 0.75rem
}
.medialab_btn-group > input[type="radio"]:checked.medialab_btn,
.medialab_btn-group > .medialab_btn-active {
--tw-border-opacity: 1;
border-color: hsl(var(--p) / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: hsl(var(--p) / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: hsl(var(--pc) / var(--tw-text-opacity))
}
.medialab_btn-group > input[type="radio"]:checked.medialab_btn:focus-visible, .medialab_btn-group > .medialab_btn-active:focus-visible {
outline: 2px solid hsl(var(--p))
}
@keyframes button-pop {
0% {
transform: scale(var(--btn-focus-scale, 0.95))
}
40% {
transform: scale(1.02)
}
100% {
transform: scale(1)
}
}
@keyframes checkmark {
0% {
background-position-y: 5px
}
50% {
background-position-y: -2px
}
100% {
background-position-y: 0
}
}
.medialab_label-text {
font-size: 0.875rem;
line-height: 1.25rem;
--tw-text-opacity: 1;
color: hsl(var(--bc) / var(--tw-text-opacity))
}
.medialab_label a:hover {
--tw-text-opacity: 1;
color: hsl(var(--bc) / var(--tw-text-opacity))
}
@keyframes progress-loading {
50% {
left: 107%
}
}
@keyframes radiomark {
0% {
box-shadow: 0 0 0 12px hsl(var(--b1)) inset, 0 0 0 12px hsl(var(--b1)) inset
}
50% {
box-shadow: 0 0 0 3px hsl(var(--b1)) inset, 0 0 0 3px hsl(var(--b1)) inset
}
100% {
box-shadow: 0 0 0 4px hsl(var(--b1)) inset, 0 0 0 4px hsl(var(--b1)) inset
}
}
@keyframes rating-pop {
0% {
transform: translateY(-0.125em)
}
40% {
transform: translateY(-0.125em)
}
100% {
transform: translateY(0)
}
}
@keyframes toast-pop {
0% {
transform: scale(0.9);
opacity: 0
}
100% {
transform: scale(1);
opacity: 1
}
}
.medialab_tooltip:before,
.medialab_tooltip:after {
opacity: 0;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-delay: 100ms;
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}
.medialab_tooltip:after {
position: absolute;
content: "";
border-style: solid;
border-width: var(--tooltip-tail, 0);
width: 0;
height: 0;
display: block
}
.medialab_tooltip.medialab_tooltip-open:before,
.medialab_tooltip.medialab_tooltip-open:after,
.medialab_tooltip:hover:before,
.medialab_tooltip:hover:after {
opacity: 1;
transition-delay: 75ms
}
.medialab_tooltip:not([data-tip]):hover:before,
.medialab_tooltip:not([data-tip]):hover:after {
visibility: hidden;
opacity: 0
}
.medialab_tooltip:after, .medialab_tooltip-top:after {
transform: translateX(-50%);
border-color: var(--tooltip-color) transparent transparent transparent;
top: auto;
left: 50%;
right: auto;
bottom: var(--tooltip-tail-offset)
}
.medialab_tooltip-left:after {
transform: translateY(-50%);
border-color: transparent transparent transparent var(--tooltip-color);
top: 50%;
left: auto;
right: calc(var(--tooltip-tail-offset) + 1px);
bottom: auto
}
.medialab_btn-group .medialab_btn:not(:first-child):not(:last-child) {
border-start-start-radius: 0;
border-start-end-radius: 0;
border-end-start-radius: 0;
border-end-end-radius: 0
}
.medialab_btn-group .medialab_btn:first-child:not(:last-child) {
margin-top: -0px;
margin-left: -1px;
border-start-start-radius: var(--rounded-btn, 0.5rem);
border-start-end-radius: 0;
border-end-start-radius: var(--rounded-btn, 0.5rem);
border-end-end-radius: 0
}
.medialab_btn-group .medialab_btn:last-child:not(:first-child) {
border-start-start-radius: 0;
border-start-end-radius: var(--rounded-btn, 0.5rem);
border-end-start-radius: 0;
border-end-end-radius: var(--rounded-btn, 0.5rem)
}
.medialab_btn-group-horizontal .medialab_btn:not(:first-child):not(:last-child) {
border-start-start-radius: 0;
border-start-end-radius: 0;
border-end-start-radius: 0;
border-end-end-radius: 0
}
.medialab_btn-group-horizontal .medialab_btn:first-child:not(:last-child) {
margin-top: -0px;
margin-left: -1px;
border-start-start-radius: var(--rounded-btn, 0.5rem);
border-start-end-radius: 0;
border-end-start-radius: var(--rounded-btn, 0.5rem);
border-end-end-radius: 0
}
.medialab_btn-group-horizontal .medialab_btn:last-child:not(:first-child) {
border-start-start-radius: 0;
border-start-end-radius: var(--rounded-btn, 0.5rem);
border-end-start-radius: 0;
border-end-end-radius: var(--rounded-btn, 0.5rem)
}
.medialab_btn-group-vertical .medialab_btn:first-child:not(:last-child) {
margin-top: -1px;
margin-left: -0px;
border-start-start-radius: var(--rounded-btn, 0.5rem);
border-start-end-radius: var(--rounded-btn, 0.5rem);
border-end-start-radius: 0;
border-end-end-radius: 0
}
.medialab_btn-group-vertical .medialab_btn:last-child:not(:first-child) {
border-start-start-radius: 0;
border-start-end-radius: 0;
border-end-start-radius: var(--rounded-btn, 0.5rem);
border-end-end-radius: var(--rounded-btn, 0.5rem)
}
.medialab_mb-5 {
margin-bottom: 1.25rem
}
.medialab_flex {
display: flex
}
.medialab_cursor-pointer {
cursor: pointer
}
.medialab_items-center {
align-items: center
}
.medialab_justify-between {
justify-content: space-between
}
.medialab_gap-4 {
gap: 1rem
}
.medialab_rounded-lg {
border-radius: 0.5rem
}
.medialab_p-6 {
padding: 1.5rem
}
.medialab_text-xxl {
font-size: clamp(1.375rem, 1.7vw + 0.96rem, 3rem);
}
.medialab_shadow-md {
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}