/* DaisyUI Components */
@media (hover:hover) {
.menu li>:not(ul,.menu-title,details,.btn).active,.menu li>:not(ul,.menu-title,details,.btn):active,.menu li>details>summary:active { --tw-bg-opacity:1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))) }
}
.btn { display:inline-flex;height:3rem;min-height:3rem;flex-shrink:0;cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;justify-content:center;border-radius:var(--rounded-btn,.5rem);border-color:transparent;border-color:oklch(var(--btn-color,var(--b2)) / var(--tw-border-opacity));padding-left:1rem;padding-right:1rem;text-align:center;font-size:.875rem;line-height:1em;gap:.5rem;font-weight:600;text-decoration-line:none;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,0.2,1);border-width:var(--border-btn,1px);transition-property:color,background-color,border-color,opacity,box-shadow,transform;--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);outline-color:var(--fallback-bc,oklch(var(--bc)/1));background-color:oklch(var(--btn-color,var(--b2)) / var(--tw-bg-opacity));--tw-bg-opacity:1;--tw-border-opacity:1 }
.btn-disabled,.btn:disabled,.btn[disabled] { pointer-events:none }
.btn-circle { height:3rem;width:3rem;border-radius:9999px;padding:0 }
:where(.btn:is(input[type=checkbox])),:where(.btn:is(input[type=radio])) { width:auto;appearance:none }
.btn:is(input[type=checkbox]):after,.btn:is(input[type=radio]):after { --tw-content:attr(aria-label);content:var(--tw-content) }
.dropdown { position:relative;display:inline-block }
.dropdown>:not(summary):focus { outline:2px solid transparent;outline-offset:2px }
.dropdown .dropdown-content { position:absolute }
.dropdown:is(:not(details)) .dropdown-content { visibility:hidden;opacity:0;transform-origin:top;--tw-scale-x:.95;--tw-scale-y:.95;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));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-timing-function:cubic-bezier(0,0,0.2,1);transition-duration:.2s }
.dropdown-end .dropdown-content { inset-inline-end:0px }
.dropdown-left .dropdown-content { bottom:auto;inset-inline-end:100%;top:0;transform-origin:right }
.dropdown-right .dropdown-content { bottom:auto;inset-inline-start:100%;top:0;transform-origin:left }
.dropdown-bottom .dropdown-content { bottom:auto;top:100%;transform-origin:top }
.dropdown-top .dropdown-content { bottom:100%;top:auto;transform-origin:bottom }
.dropdown-end.dropdown-right .dropdown-content { bottom:0;top:auto }
.dropdown-end.dropdown-left .dropdown-content { bottom:0;top:auto }
.dropdown.dropdown-open .dropdown-content,.dropdown:focus-within .dropdown-content,.dropdown:not(.dropdown-hover):focus .dropdown-content { visibility:visible;opacity:1 }
@media (hover:hover) {
.dropdown.dropdown-hover:hover .dropdown-content { visibility:visible;opacity:1 }
.btn:hover { --tw-border-opacity:1;border-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))) }
@supports (color:color-mix(in oklab,black,black)) {
.btn:hover { background-color:color-mix(in oklab,oklch(var(--btn-color,var(--b2)) / var(--tw-bg-opacity,1)) 90%,#000);border-color:color-mix(in oklab,oklch(var(--btn-color,var(--b2)) / var(--tw-border-opacity,1)) 90%,#000) }
}
@supports not (color:oklch(0% 0 0)) {
.btn:hover { background-color:var(--btn-color,var(--fallback-b2));border-color:var(--btn-color,var(--fallback-b2)) }
}
.btn.glass:hover { --glass-opacity:25%;--glass-border-opacity:15% }
.btn-ghost:hover { border-color:transparent }
@supports (color:oklch(0% 0 0)) {
.btn-ghost:hover { background-color:var(--fallback-bc,oklch(var(--bc)/.2)) }
}
.btn-outline.btn-primary:hover { --tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))) }
@supports (color:color-mix(in oklab,black,black)) {
.btn-outline.btn-primary:hover { background-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,#000) }
}
.btn-disabled:hover,.btn:disabled:hover,.btn[disabled]:hover { --tw-border-opacity:0;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-bg-opacity:0.2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-text-opacity:0.2 }
@supports (color:color-mix(in oklab,black,black)) {
.btn:is(input[type=checkbox]:checked):hover,.btn:is(input[type=radio]:checked):hover { background-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,#000) }
}
.dropdown.dropdown-hover:hover .dropdown-content { --tw-scale-x:1;--tw-scale-y:1;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)) }
:where(.menu li:not(.menu-title,.disabled) > :not(ul,details,.menu-title)):not(.active,.btn):hover,:where(.menu li:not(.menu-title,.disabled) > details > summary:not(.menu-title)):not(.active,.btn):hover { cursor:pointer;outline:2px solid transparent;outline-offset:2px }
@supports (color:oklch(0% 0 0)) {
:where(.menu li:not(.menu-title,.disabled) > :not(ul,details,.menu-title)):not(.active,.btn):hover,:where(.menu li:not(.menu-title,.disabled) > details > summary:not(.menu-title)):not(.active,.btn):hover { background-color:var(--fallback-bc,oklch(var(--bc)/.1)) }
}
}
.dropdown:is(details) summary::-webkit-details-marker { display:none }
.footer { display:grid;width:100%;grid-auto-flow:row;place-items:start;column-gap:1rem;row-gap:2.5rem;font-size:.875rem;line-height:1.25rem }
.footer>* { display:grid;place-items:start;gap:.5rem }
@media (min-width:48rem) {
.footer { grid-auto-flow:column }
}
.join .dropdown .join-item:first-child:not(:last-child),.join :first-child:not(:last-child) .dropdown .join-item { border-start-end-radius:inherit;border-end-end-radius:inherit }
.menu { display:flex;flex-direction:column;flex-wrap:wrap;font-size:.875rem;line-height:1.25rem;padding:.5rem }
.menu :where(li ul) { position:relative;white-space:nowrap;margin-inline-start:1rem;padding-inline-start:0.5rem }
.menu :where(li:not(.menu-title) > :not(ul,details,.menu-title,.btn)),.menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) { display:grid;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;grid-auto-columns:minmax(auto,max-content) auto max-content;-webkit-user-select:none;user-select:none }
.menu li.disabled { cursor:not-allowed;-webkit-user-select:none;user-select:none;color:var(--fallback-bc,oklch(var(--bc)/.3)) }
.menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) { display:none }
:where(.menu li) { position:relative;display:flex;flex-shrink:0;flex-direction:column;flex-wrap:wrap;align-items:stretch }
:where(.menu li) .badge { justify-self:end }
.navbar { display:flex;align-items:center;padding:var(--navbar-padding,.5rem);min-height:4rem;width:100% }
:where(.navbar > :not(script,style)) { display:inline-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 }
.swap { position:relative;display:inline-grid;-webkit-user-select:none;user-select:none;place-content:center;cursor:pointer }
.swap>* { grid-column-start:1;grid-row-start:1;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,0.2,1);transition-property:transform,opacity }
.swap input { appearance:none }
.swap .swap-indeterminate,.swap .swap-on,.swap input:indeterminate~.swap-on { opacity:0 }
.swap input:checked~.swap-off,.swap input:indeterminate~.swap-off,.swap-active .swap-off { opacity:0 }
.swap input:checked~.swap-on,.swap input:indeterminate~.swap-indeterminate,.swap-active .swap-on { opacity:1 }
@media (prefers-reduced-motion:no-preference) {
.btn { animation:button-pop var(--animation-btn,.25s) ease-out }
}
.btn:active:focus,.btn:active:hover { animation:button-pop 0s ease-out;transform:scale(var(--btn-focus-scale,.97)) }
@supports not (color:oklch(0% 0 0)) {
.btn { background-color:var(--btn-color,var(--fallback-b2));border-color:var(--btn-color,var(--fallback-b2)) }
.btn-primary { --btn-color:var(--fallback-p) }
}
@supports (color:color-mix(in oklab,black,black)) {
.btn-outline.btn-primary.btn-active { background-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,#000);border-color:color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 90%,#000) }
}
.btn:focus-visible { outline-style:solid;outline-width:2px;outline-offset:2px }
.btn-primary { --tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));outline-color:var(--fallback-p,oklch(var(--p)/1)) }
@supports (color:oklch(0% 0 0)) {
.btn-primary { --btn-color:var(--p) }
}
.btn.glass { --tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);outline-color:currentColor }
.btn.glass.btn-active { --glass-opacity:25%;--glass-border-opacity:15% }
.btn-ghost { border-width:1px;border-color:transparent;background-color:transparent;color:currentColor;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);outline-color:currentColor }
.btn-ghost.btn-active { border-color:transparent;background-color:var(--fallback-bc,oklch(var(--bc)/.2)) }
.btn-outline.btn-primary { --tw-text-opacity:1;color:var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity))) }
.btn-outline.btn-primary.btn-active { --tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))) }
.btn.btn-disabled,.btn:disabled,.btn[disabled] { --tw-border-opacity:0;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-bg-opacity:0.2;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));--tw-text-opacity:0.2 }
.btn:is(input[type=checkbox]:checked),.btn:is(input[type=radio]:checked) { --tw-border-opacity:1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity))) }
.btn:is(input[type=checkbox]:checked):focus-visible,.btn:is(input[type=radio]:checked):focus-visible { outline-color:var(--fallback-p,oklch(var(--p)/1)) }
@keyframes button-pop { 0%{transform:scale(var(--btn-focus-scale,.98))}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} }
.dropdown.dropdown-open .dropdown-content,.dropdown:focus .dropdown-content,.dropdown:focus-within .dropdown-content { --tw-scale-x:1;--tw-scale-y:1;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)) }
.join>:where(:not(:first-child)):is(.btn) { margin-inline-start:calc(var(--border-btn) * -1) }
:where(.menu li:empty) { --tw-bg-opacity:1;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));opacity:.1;margin:.5rem 1rem;height:1px }
.menu :where(li ul):before { position:absolute;bottom:.75rem;inset-inline-start:0px;top:.75rem;width:1px;--tw-bg-opacity:1;background-color:var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));opacity:.1;content:"" }
.menu :where(li:not(.menu-title) > :not(ul,details,.menu-title,.btn)),.menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) { border-radius:var(--rounded-btn,.5rem);padding-left:1rem;padding-right:1rem;padding-top:.5rem;padding-bottom:.5rem;text-align:start;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-timing-function:cubic-bezier(0,0,0.2,1);transition-duration:.2s;text-wrap:balance }
:where(.menu li:not(.menu-title,.disabled) > :not(ul,details,.menu-title)):is(summary):not(.active,.btn):focus-visible,:where(.menu li:not(.menu-title,.disabled) > :not(ul,details,.menu-title)):not(summary,.active,.btn).focus,:where(.menu li:not(.menu-title,.disabled) > :not(ul,details,.menu-title)):not(summary,.active,.btn):focus,:where(.menu li:not(.menu-title,.disabled) > details > summary:not(.menu-title)):is(summary):not(.active,.btn):focus-visible,:where(.menu li:not(.menu-title,.disabled) > details > summary:not(.menu-title)):not(summary,.active,.btn).focus,:where(.menu li:not(.menu-title,.disabled) > details > summary:not(.menu-title)):not(summary,.active,.btn):focus { cursor:pointer;background-color:var(--fallback-bc,oklch(var(--bc)/.1));--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));outline:2px solid transparent;outline-offset:2px }
.menu li>:not(ul,.menu-title,details,.btn).active,.menu li>:not(ul,.menu-title,details,.btn):active,.menu li>details>summary:active { --tw-bg-opacity:1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity))) }
.menu :where(li > details > summary)::-webkit-details-marker { display:none }
.menu :where(li > .menu-dropdown-toggle):after,.menu :where(li > details > summary):after { justify-self:end;display:block;margin-top:-.5rem;height:.5rem;width:.5rem;transform:rotate(45deg);transition-property:transform,margin-top;transition-duration:.3s;transition-timing-function:cubic-bezier(0.4,0,0.2,1);content:"";transform-origin:75% 75%;box-shadow:2px 2px;pointer-events:none }
.menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after,.menu :where(li > details[open] > summary):after { transform:rotate(225deg);margin-top:0 }
@keyframes modal-pop { 0%{opacity:0} }
@keyframes progress-loading { 50%{background-position-x:-115%} }
@keyframes radiomark { 0%{box-shadow:0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset}50%{box-shadow:0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset}100%{box-shadow:0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset} }
@keyframes rating-pop { 0%{transform:translateY(-.125em)}40%{transform:translateY(-.125em)}100%{transform:translateY(0)} }
@keyframes skeleton { from{background-position:150%}to{background-position:-50%} }
.swap-rotate .swap-indeterminate,.swap-rotate .swap-on,.swap-rotate input:indeterminate~.swap-on { --tw-rotate:45deg;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)) }
.swap-active:where(.swap-rotate) .swap-off,.swap-rotate input:checked~.swap-off,.swap-rotate input:indeterminate~.swap-off { --tw-rotate:-45deg;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)) }
.swap-active:where(.swap-rotate) .swap-on,.swap-rotate input:checked~.swap-on,.swap-rotate input:indeterminate~.swap-indeterminate { --tw-rotate:0deg;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)) }
.swap-flip .swap-indeterminate,.swap-flip .swap-on,.swap-flip input:indeterminate~.swap-on { transform:rotateY(180deg);backface-visibility:hidden;opacity:1 }
.swap-active:where(.swap-flip) .swap-off,.swap-flip input:checked~.swap-off,.swap-flip input:indeterminate~.swap-off { transform:rotateY(-180deg);backface-visibility:hidden;opacity:1 }
.swap-active:where(.swap-flip) .swap-on,.swap-flip input:checked~.swap-on,.swap-flip input:indeterminate~.swap-indeterminate { transform:rotateY(0) }
@keyframes toast-pop { 0%{transform:scale(.9);opacity:0}100%{transform:scale(1);opacity:1} }
@keyframes bounce { 0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,0.2,1)} }
@keyframes ping { 100%,75%{transform:scale(2);opacity:0} }
@keyframes pulse { 50%{opacity:.5} }
@keyframes spin { to{transform:rotate(360deg)} }
.bg-gradient-to-l { background-image:linear-gradient(to left,var(--tw-gradient-stops)) }
.bg-gradient-to-t { background-image:linear-gradient(to top,var(--tw-gradient-stops)) }
.bg-gradient-to-tl { background-image:linear-gradient(to top left,var(--tw-gradient-stops)) }
.via-transparent { --tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to) }
.to-transparent { --tw-gradient-to:transparent var(--tw-gradient-to-position) }
.transition { transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms }
.transition-opacity { transition-property:opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms }
.btn-circle:where(.btn-xs) { height:1.5rem;width:1.5rem;border-radius:9999px;padding:0 }
.btn-circle:where(.btn-sm) { height:2rem;width:2rem;border-radius:9999px;padding:0 }
.btn-circle:where(.btn-md) { height:3rem;width:3rem;border-radius:9999px;padding:0 }
.btn-circle:where(.btn-lg) { height:4rem;width:4rem;border-radius:9999px;padding:0 }
.menu-horizontal { display:inline-flex;flex-direction:row }
.menu-horizontal>li:not(.menu-title)>details>ul { position:absolute }
.join.join-vertical>:where(:not(:first-child)):is(.btn) { margin-top:calc(var(--border-btn) * -1) }
.join.join-horizontal>:where(:not(:first-child)):is(.btn) { margin-inline-start:calc(var(--border-btn) * -1);margin-top:0 }
.menu-horizontal>li:not(.menu-title)>details>ul { margin-inline-start:0;margin-top:1rem;padding-top:.5rem;padding-bottom:.5rem;padding-inline-end:0.5rem }
.menu-horizontal>li>details>ul:before { content:none }
:where(.menu-horizontal > li:not(.menu-title) > details > ul) { border-radius:var(--rounded-box,1rem);--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1),0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) }
.menu-md :where(li:not(.menu-title) > :not(ul,details,.menu-title)),.menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) { border-radius:var(--rounded-btn,.5rem);padding-left:1rem;padding-right:1rem;padding-top:.5rem;padding-bottom:.5rem;font-size:.875rem;line-height:1.25rem }
.menu-md .menu-title { padding-left:1rem;padding-right:1rem;padding-top:.5rem;padding-bottom:.5rem }
@media (min-width:640px) {
.sm\:dropdown-end .dropdown-content { inset-inline-end:0px }
.sm\:dropdown-left .dropdown-content { bottom:auto;inset-inline-end:100%;top:0;transform-origin:right }
.sm\:dropdown-right .dropdown-content { bottom:auto;inset-inline-start:100%;top:0;transform-origin:left }
.sm\:dropdown-bottom .dropdown-content { bottom:auto;top:100%;transform-origin:top }
.sm\:dropdown-top .dropdown-content { bottom:100%;top:auto;transform-origin:bottom }
.sm\:dropdown-end.dropdown-right .dropdown-content { bottom:0;top:auto }
.sm\:dropdown-right.dropdown-end .dropdown-content { bottom:0;top:auto }
.sm\:dropdown-end.dropdown-left .dropdown-content { bottom:0;top:auto }
.sm\:dropdown-left.dropdown-end .dropdown-content { bottom:0;top:auto }
}
@media (min-width:768px) {
.md\:dropdown-end .dropdown-content { inset-inline-end:0px }
.md\:dropdown-left .dropdown-content { bottom:auto;inset-inline-end:100%;top:0;transform-origin:right }
.md\:dropdown-right .dropdown-content { bottom:auto;inset-inline-start:100%;top:0;transform-origin:left }
.md\:dropdown-bottom .dropdown-content { bottom:auto;top:100%;transform-origin:top }
.md\:dropdown-top .dropdown-content { bottom:100%;top:auto;transform-origin:bottom }
.md\:dropdown-end.dropdown-right .dropdown-content { bottom:0;top:auto }
.md\:dropdown-right.dropdown-end .dropdown-content { bottom:0;top:auto }
.md\:dropdown-end.dropdown-left .dropdown-content { bottom:0;top:auto }
.md\:dropdown-left.dropdown-end .dropdown-content { bottom:0;top:auto }
}
@media (min-width:1024px) {
.lg\:dropdown-end .dropdown-content { inset-inline-end:0px }
.lg\:dropdown-left .dropdown-content { bottom:auto;inset-inline-end:100%;top:0;transform-origin:right }
.lg\:dropdown-right .dropdown-content { bottom:auto;inset-inline-start:100%;top:0;transform-origin:left }
.lg\:dropdown-bottom .dropdown-content { bottom:auto;top:100%;transform-origin:top }
.lg\:dropdown-top .dropdown-content { bottom:100%;top:auto;transform-origin:bottom }
.lg\:dropdown-end.dropdown-right .dropdown-content { bottom:0;top:auto }
.lg\:dropdown-right.dropdown-end .dropdown-content { bottom:0;top:auto }
.lg\:dropdown-end.dropdown-left .dropdown-content { bottom:0;top:auto }
.lg\:dropdown-left.dropdown-end .dropdown-content { bottom:0;top:auto }
}
@media (min-width:1280px) {
.xl\:dropdown-end .dropdown-content { inset-inline-end:0px }
.xl\:dropdown-left .dropdown-content { bottom:auto;inset-inline-end:100%;top:0;transform-origin:right }
.xl\:dropdown-right .dropdown-content { bottom:auto;inset-inline-start:100%;top:0;transform-origin:left }
.xl\:dropdown-bottom .dropdown-content { bottom:auto;top:100%;transform-origin:top }
.xl\:dropdown-top .dropdown-content { bottom:100%;top:auto;transform-origin:bottom }
.xl\:dropdown-end.dropdown-right .dropdown-content { bottom:0;top:auto }
.xl\:dropdown-right.dropdown-end .dropdown-content { bottom:0;top:auto }
.xl\:dropdown-end.dropdown-left .dropdown-content { bottom:0;top:auto }
.xl\:dropdown-left.dropdown-end .dropdown-content { bottom:0;top:auto }
}
@media (min-width:640px) {
.btn-circle:where(.sm\:btn-sm) { height:2rem;width:2rem;border-radius:9999px;padding:0 }
.btn-circle:where(.sm\:btn-md) { height:3rem;width:3rem;border-radius:9999px;padding:0 }
.btn-circle:where(.sm\:btn-lg) { height:4rem;width:4rem;border-radius:9999px;padding:0 }
}
@media (min-width:768px) {
.btn-circle:where(.md\:btn-sm) { height:2rem;width:2rem;border-radius:9999px;padding:0 }
.btn-circle:where(.md\:btn-md) { height:3rem;width:3rem;border-radius:9999px;padding:0 }
.btn-circle:where(.md\:btn-lg) { height:4rem;width:4rem;border-radius:9999px;padding:0 }
}
@media (min-width:1024px) {
.btn-circle:where(.lg\:btn-sm) { height:2rem;width:2rem;border-radius:9999px;padding:0 }
.btn-circle:where(.lg\:btn-md) { height:3rem;width:3rem;border-radius:9999px;padding:0 }
.btn-circle:where(.lg\:btn-lg) { height:4rem;width:4rem;border-radius:9999px;padding:0 }
}
@media (min-width:1280px) {
.btn-circle:where(.xl\:btn-sm) { height:2rem;width:2rem;border-radius:9999px;padding:0 }
.btn-circle:where(.xl\:btn-md) { height:3rem;width:3rem;border-radius:9999px;padding:0 }
.btn-circle:where(.xl\:btn-lg) { height:4rem;width:4rem;border-radius:9999px;padding:0 }
}

/* Tailwind JIT Generated Classes */
*, ::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: }/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:''}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0px}.inset-x-0{left:0px;right:0px}.bottom-0{bottom:0px}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[3\]{z-index:3}.z-\[5\]{z-index:5}.mx-auto{margin-left:auto;margin-right:auto}.mt-1{margin-top:0.25rem}.mt-10{margin-top:2.5rem}.mt-16{margin-top:4rem}.mt-3{margin-top:0.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.size-2{width:0.5rem;height:0.5rem}.h-24{height:6rem}.h-full{height:100%}.w-full{width:100%}.max-w-3xl{max-width:48rem}.max-w-6xl{max-width:72rem}.max-w-none{max-width:none}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-2{gap:0.5rem}.gap-3{gap:0.75rem}.gap-6{gap:1.5rem}.space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:0.5rem}.rounded-xl{border-radius:0.75rem}.border{border-width:1px}.border-t{border-top-width:1px}.border-slate-800{--tw-border-opacity:1;border-color:rgb(30 41 59 / var(--tw-border-opacity, 1))}.border-slate-800\/80{border-color:rgb(30 41 59 / 0.8)}.border-slate-900\/30{border-color:rgb(15 23 42 / 0.3)}.bg-emerald-300{--tw-bg-opacity:1;background-color:rgb(110 231 183 / var(--tw-bg-opacity, 1))}.bg-slate-900\/50{background-color:rgb(15 23 42 / 0.5)}.bg-slate-900\/70{background-color:rgb(15 23 42 / 0.7)}.bg-slate-950\/60{background-color:rgb(2 6 23 / 0.6)}.bg-slate-950\/70{background-color:rgb(2 6 23 / 0.7)}.bg-gradient-to-l{background-image:linear-gradient(to left, var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top, var(--tw-gradient-stops))}.bg-gradient-to-tl{background-image:linear-gradient(to top left, var(--tw-gradient-stops))}.from-emerald-500\/10{--tw-gradient-from:rgb(16 185 129 / 0.1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-slate-900\/60{--tw-gradient-to:rgb(15 23 42 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(15 23 42 / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-slate-900\/70{--tw-gradient-to:rgb(15 23 42 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(15 23 42 / 0.7) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:rgb(0 0 0 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-slate-900\/40{--tw-gradient-to:rgb(15 23 42 / 0.4) var(--tw-gradient-to-position)}.to-slate-900\/50{--tw-gradient-to:rgb(15 23 42 / 0.5) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.p-3{padding:0.75rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:0.25rem;padding-bottom:0.25rem}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:0.75rem;line-height:1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-7{line-height:1.75rem}.tracking-\[0\.4em\]{letter-spacing:0.4em}.text-emerald-300{--tw-text-opacity:1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-0{opacity:0}.opacity-30{opacity:0.3}.opacity-35{opacity:0.35}.opacity-40{opacity:0.4}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.blur-\[1px\]{--tw-blur:blur(1px);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)}.blur-\[2px\]{--tw-blur:blur(2px);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;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-1000{transition-duration:1000ms}.dark\:opacity-100:is(.dark *){opacity:1}@media (min-width: 768px){.md\:flex{display:flex}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}}



.hover-lift {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .hover-lift:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px -5px rgba(56, 189, 248, 0.5);
        }
        /* Different opacity for light and dark themes */
        .galaxy-backdrop {
            z-index: 1;
            opacity: 0.65;
            opacity: 1;
        }
        
        
/* Stars layer - tiny twinkling dots */
[data-theme="dark"] .stars-layer {
    background-image:
        radial-gradient(1px 1px at 20px 30px, rgba(255,255,255,0.9), transparent),
        radial-gradient(1px 1px at 40px 70px, rgba(255,255,255,0.7), transparent),
        radial-gradient(1.5px 1.5px at 90px 40px, rgba(255,255,255,1), transparent),
        radial-gradient(1px 1px at 130px 80px, rgba(255,255,255,0.8), transparent),
        radial-gradient(1px 1px at 160px 30px, rgba(255,255,255,0.6), transparent),
        radial-gradient(2px 2px at 200px 90px, rgba(56,189,248,0.9), transparent),
        radial-gradient(1px 1px at 250px 50px, rgba(255,255,255,0.7), transparent),
        radial-gradient(1.5px 1.5px at 300px 20px, rgba(255,255,255,1), transparent),
        radial-gradient(2px 2px at 350px 100px, rgba(129,140,248,0.8), transparent),
        radial-gradient(1px 1px at 400px 60px, rgba(255,255,255,0.6), transparent);
    background-repeat: repeat;
    background-size: 450px 200px;
    animation: starsTwinkle 140s linear infinite;
}

/* Light theme stars */
html:not([data-theme="dark"]) .stars-layer {
    background-image:
        radial-gradient(1px 1px at 20px 30px, rgba(59,130,246,0.5), transparent),
        radial-gradient(1px 1px at 40px 70px, rgba(139,92,246,0.4), transparent),
        radial-gradient(1.5px 1.5px at 90px 40px, rgba(59,130,246,0.6), transparent),
        radial-gradient(1px 1px at 130px 80px, rgba(139,92,246,0.5), transparent),
        radial-gradient(1px 1px at 160px 30px, rgba(236,72,153,0.4), transparent),
        radial-gradient(2px 2px at 200px 90px, rgba(59,130,246,0.5), transparent),
        radial-gradient(1px 1px at 250px 50px, rgba(139,92,246,0.4), transparent),
        radial-gradient(1.5px 1.5px at 300px 20px, rgba(59,130,246,0.6), transparent),
        radial-gradient(2px 2px at 350px 100px, rgba(236,72,153,0.5), transparent),
        radial-gradient(1px 1px at 400px 60px, rgba(139,92,246,0.4), transparent);
    background-repeat: repeat;
    background-size: 450px 200px;
    animation: starsTwinkle 170s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
    body .stars-layer,
    body .galaxy-layer,
    body .nebula-layer {
        animation: none !important;
    }
}


/* Galaxy layer - milky way effect */
[data-theme="dark"] .galaxy-layer {
    background:
        radial-gradient(ellipse 80% 50% at 20% 30%, rgba(56,189,248,0.12), transparent 60%),
        radial-gradient(ellipse 60% 40% at 80% 70%, rgba(129,140,248,0.10), transparent 50%),
        radial-gradient(ellipse 100% 30% at 50% 85%, rgba(34,211,238,0.08), transparent 40%),
        linear-gradient(45deg, rgba(56,189,248,0.05) 0%, transparent 30%, rgba(129,140,248,0.03) 70%, transparent 100%);
    animation: galaxyDrift 190s ease-in-out infinite alternate;
}

html:not([data-theme="dark"]) .galaxy-layer {
    background:
        radial-gradient(ellipse 80% 50% at 20% 30%, rgba(59,130,246,0.15), transparent 60%),
        radial-gradient(ellipse 60% 40% at 80% 70%, rgba(139,92,246,0.12), transparent 50%),
        radial-gradient(ellipse 100% 30% at 50% 85%, rgba(236,72,153,0.08), transparent 40%),
        linear-gradient(45deg, rgba(59,130,246,0.06) 0%, transparent 30%, rgba(139,92,246,0.04) 70%, transparent 100%);
    animation: galaxyDrift 220s ease-in-out infinite alternate;
}


/* Nebula layer - cosmic clouds */
[data-theme="dark"]  .nebula-layer {
    background:
        radial-gradient(circle 400px at 15% 20%, rgba(236,72,153,0.10), transparent 50%),
        radial-gradient(circle 300px at 85% 80%, rgba(34,211,238,0.08), transparent 45%),
        radial-gradient(circle 250px at 50% 50%, rgba(129,140,248,0.07), transparent 40%),
        radial-gradient(circle 500px at 70% 20%, rgba(56,189,248,0.06), transparent 55%);
    animation: nebulaFloat 280s ease-in-out infinite alternate;
}

html:not([data-theme="dark"]) .nebula-layer {
    background:
        radial-gradient(circle 400px at 15% 20%, rgba(236,72,153,0.12), transparent 50%),
        radial-gradient(circle 300px at 85% 80%, rgba(59,130,246,0.10), transparent 45%),
        radial-gradient(circle 250px at 50% 50%, rgba(139,92,246,0.08), transparent 40%),
        radial-gradient(circle 500px at 70% 20%, rgba(59,130,246,0.06), transparent 55%);
    animation: nebulaFloat 320s ease-in-out infinite alternate;
}

.galaxy-layer {
            background: radial-gradient(ellipse at 20% 30%, rgba(59, 130, 246, 0.15) 0%, transparent 50%),
                radial-gradient(ellipse at 80% 70%, rgba(139, 92, 246, 0.12) 0%, transparent 50%);
        }

        .nebula-layer {
            background: radial-gradient(circle at 50% 50%, rgba(99, 102, 241, 0.08) 0%, transparent 70%);
        }

        .stars-layer::before {
            content: '';
            position: absolute;
            inset: 0;
            background-image:
                radial-gradient(2px 2px at 20% 30%, white, transparent),
                radial-gradient(2px 2px at 40% 70%, white, transparent),
                radial-gradient(1px 1px at 50% 50%, white, transparent),
                radial-gradient(1px 1px at 80% 10%, white, transparent),
                radial-gradient(2px 2px at 90% 60%, white, transparent),
                radial-gradient(1px 1px at 33% 10%, white, transparent),
                radial-gradient(1px 1px at 66% 80%, white, transparent);
            background-size: 200% 200%, 200% 200%, 150% 150%, 180% 180%, 220% 220%, 190% 190%, 170% 170%;
            background-position: 0 0, 40px 60px, 130px 270px, 70px 100px, 150px 50px, 90px 180px, 30px 220px;
            animation: stars-twinkle 120s linear infinite;
            opacity: 0.4;
        }

        @keyframes stars-twinkle {

            0%,
            100% {
                opacity: 0.3;
            }

            50% {
                opacity: 0.5;
            }
        }

        @keyframes starsTwinkle {
    0%, 100% { transform: translateY(0) rotate(0deg); opacity: 0.7; }
    25% { transform: translateY(-10px) rotate(90deg); opacity: 1; }
    50% { transform: translateY(0) rotate(180deg); opacity: 0.8; }
    75% { transform: translateY(-5px) rotate(270deg); opacity: 0.9; }
}

@keyframes galaxyDrift {
    0% { transform: translateX(-20px) translateY(-10px) rotate(-0.5deg); }
    50% { transform: translateX(10px) translateY(5px) rotate(0.3deg); }
    100% { transform: translateX(-15px) translateY(-8px) rotate(-0.2deg); }
}

@keyframes nebulaFloat {
    0% { transform: translateX(-30px) translateY(-20px) scale(1); }
    33% { transform: translateX(20px) translateY(10px) scale(1.05); }
    66% { transform: translateX(-10px) translateY(15px) scale(0.98); }
    100% { transform: translateX(-25px) translateY(-15px) scale(1.02); }
}

/* Planet adjustments for dark mode */
.dark .planet {
            opacity: 0.5;
        }

        .dark .mini-planet {
            opacity: 0.35;
        }

        /* ==========================
   Enrich other sections (landing only)
   ========================== */
/* Mini planets for sections */
body .mini-planet {
    z-index: 1;
    animation: miniPlanetFloat 180s ease-in-out infinite alternate;
}

/* About section mini planets */
[data-theme="dark"]  body .mini-planet-1 {
    width: 60px; height: 60px;
    top: 15%; right: 10%;
    background: radial-gradient(closest-side, rgba(56,189,248,0.15), rgba(14,165,233,0.08) 60%, transparent 80%);
    box-shadow: 0 8px 20px rgba(56,189,248,0.08);
}

[data-theme="dark"]  body .mini-planet-2 {
    width: 40px; height: 40px;
    bottom: 20%; left: 15%;
    background: radial-gradient(closest-side, rgba(129,140,248,0.18), rgba(99,102,241,0.10) 60%, transparent 80%);
    box-shadow: 0 6px 15px rgba(129,140,248,0.08);
    animation-delay: -60s;
}

/* Products section mini planets */
[data-theme="dark"]  body .mini-planet-3 {
    width: 50px; height: 50px;
    top: 10%; left: 8%;
    background: radial-gradient(closest-side, rgba(34,211,238,0.16), rgba(56,189,248,0.09) 60%, transparent 80%);
    box-shadow: 0 7px 18px rgba(34,211,238,0.08);
    animation-delay: -120s;
}

[data-theme="dark"]  body .mini-planet-4 {
    width: 35px; height: 35px;
    top: 60%; right: 12%;
    background: radial-gradient(closest-side, rgba(236,72,153,0.14), rgba(219,39,119,0.08) 60%, transparent 80%);
    box-shadow: 0 5px 12px rgba(236,72,153,0.08);
    animation-delay: -30s;
}

[data-theme="dark"]  body .mini-planet-5 {
    width: 25px; height: 25px;
    bottom: 15%; left: 25%;
    background: radial-gradient(closest-side, rgba(129,140,248,0.12), rgba(99,102,241,0.07) 60%, transparent 80%);
    box-shadow: 0 4px 10px rgba(129,140,248,0.06);
    animation-delay: -90s;
}

/* Blog section mini planets */
[data-theme="dark"]  body .mini-planet-6 {
    width: 45px; height: 45px;
    top: 25%; right: 18%;
    background: radial-gradient(closest-side, rgba(56,189,248,0.13), rgba(34,211,238,0.08) 60%, transparent 80%);
    box-shadow: 0 6px 16px rgba(56,189,248,0.07);
    animation-delay: -150s;
}

[data-theme="dark"]  body .mini-planet-7 {
    width: 30px; height: 30px;
    bottom: 30%; left: 12%;
    background: radial-gradient(closest-side, rgba(236,72,153,0.11), rgba(219,39,119,0.07) 60%, transparent 80%);
    box-shadow: 0 4px 12px rgba(236,72,153,0.06);
    animation-delay: -45s;
}

/* Contact section mini planet */
[data-theme="dark"]  body .mini-planet-8 {
    width: 55px; height: 55px;
    top: 20%; left: 20%;
    background: radial-gradient(closest-side, rgba(129,140,248,0.14), rgba(99,102,241,0.09) 60%, transparent 80%);
    box-shadow: 0 7px 18px rgba(129,140,248,0.07);
    animation-delay: -75s;
}

/* Light theme mini planets */
html:not([data-theme="dark"])  body .mini-planet-1 {
    background: radial-gradient(closest-side, rgba(59,130,246,0.12), rgba(37,99,235,0.06) 60%, transparent 80%);
    box-shadow: 0 6px 15px rgba(59,130,246,0.06);
}

html:not([data-theme="dark"])  body .mini-planet-2 {
    background: radial-gradient(closest-side, rgba(139,92,246,0.14), rgba(124,58,237,0.08) 60%, transparent 80%);
    box-shadow: 0 5px 12px rgba(139,92,246,0.06);
}

html:not([data-theme="dark"])  body .mini-planet-3 {
    background: radial-gradient(closest-side, rgba(34,211,238,0.13), rgba(14,165,233,0.07) 60%, transparent 80%);
    box-shadow: 0 6px 14px rgba(34,211,238,0.06);
}

html:not([data-theme="dark"])  body .mini-planet-4 {
    background: radial-gradient(closest-side, rgba(236,72,153,0.11), rgba(219,39,119,0.06) 60%, transparent 80%);
    box-shadow: 0 4px 10px rgba(236,72,153,0.06);
}

html:not([data-theme="dark"])  body .mini-planet-5 {
    background: radial-gradient(closest-side, rgba(139,92,246,0.10), rgba(124,58,237,0.05) 60%, transparent 80%);
    box-shadow: 0 3px 8px rgba(139,92,246,0.05);
}

html:not([data-theme="dark"])  body .mini-planet-6 {
    background: radial-gradient(closest-side, rgba(59,130,246,0.11), rgba(37,99,235,0.06) 60%, transparent 80%);
    box-shadow: 0 5px 13px rgba(59,130,246,0.05);
}

html:not([data-theme="dark"])  body .mini-planet-7 {
    background: radial-gradient(closest-side, rgba(236,72,153,0.09), rgba(219,39,119,0.05) 60%, transparent 80%);
    box-shadow: 0 3px 9px rgba(236,72,153,0.05);
}

html:not([data-theme="dark"])  body .mini-planet-8 {
    background: radial-gradient(closest-side, rgba(139,92,246,0.12), rgba(124,58,237,0.07) 60%, transparent 80%);
    box-shadow: 0 6px 15px rgba(139,92,246,0.06);
}

/* Mini planet animation */
@keyframes miniPlanetFloat {
    0% { transform: translate(0, 0) rotate(0deg) scale(1); }
    25% { transform: translate(10px, -8px) rotate(90deg) scale(1.05); }
    50% { transform: translate(-5px, 5px) rotate(180deg) scale(0.95); }
    75% { transform: translate(-8px, -3px) rotate(270deg) scale(1.02); }
    100% { transform: translate(0, 0) rotate(360deg) scale(1); }
}

/* Abstract planets in hero */
.planet::before { content: ""; position: absolute; inset: -12%; border-radius: inherit; filter: blur(16px); opacity: .35; }
.modern .planet::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(22deg); width: 140%; height: 40%; border-radius: 100%/60%; box-shadow: 0 0 0 1px rgba(255,255,255,.10) inset, 0 0 24px rgba(56,189,248,.18); opacity: .55; mix-blend-mode: screen; }

/* Planet A - cyan/blue */
.planet-a {
    inset-inline-start: -18rem; top: -14rem; width: 42rem; height: 42rem; z-index: 2;
    background: radial-gradient(closest-side, rgba(34,211,238,.38), rgba(14,165,233,.22) 45%, rgba(2,6,23,0) 72%);
    box-shadow: 0 32px 100px rgba(56,189,248,.25), 0 0 100px rgba(34,211,238,.18) inset;
}
.planet-a::before { background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.3), rgba(255,255,255,0) 55%); }
.planet-a::after { box-shadow: 0 0 0 1px rgba(125,211,252,.18) inset, 0 0 36px rgba(59,130,246,.2); }

/* Planet B - purple/indigo */
.planet-b {
    inset-inline-end: -20rem; bottom: -16rem; width: 48rem; height: 48rem; z-index: 1;
    background: radial-gradient(closest-side, rgba(129,140,248,.36), rgba(99,102,241,.24) 50%, rgba(2,6,23,0) 74%);
    box-shadow: 0 40px 120px rgba(99,102,241,.24), 0 0 110px rgba(129,140,248,.16) inset;
}
.planet-b::before { background: radial-gradient(circle at 60% 40%, rgba(255,255,255,.25), rgba(255,255,255,0) 60%); }
.modern .planet-b::after { transform: translate(-50%, -50%) rotate(-18deg); box-shadow: 0 0 0 1px rgba(199,210,254,.16) inset, 0 0 34px rgba(129,140,248,.18); }

/* Small satellite */
.planet-c {
    inset-inline-start: 20%; top: 18%; width: 9rem; height: 9rem; z-index: 3;
    background: radial-gradient(closest-side, rgba(236,72,153,.42), rgba(14,165,233,.18) 60%, rgba(2,6,23,0) 80%);
    box-shadow: 0 16px 46px rgba(236,72,153,.22), 0 0 36px rgba(34,211,238,.16) inset;
}
.modern .planet-c::after { width: 180%; height: 46%; opacity: .45; transform: translate(-50%, -50%) rotate(32deg); }
/* ==========================
   Simple landing variant styles
   ========================== */
/* Planet styles for simple variant - Dark theme */
[data-theme="dark"]  body .planet-a {
    background: radial-gradient(closest-side, rgba(34,211,238,.22), rgba(14,165,233,.12) 45%, rgba(2,6,23,0) 72%);
    box-shadow: 0 20px 60px rgba(56,189,248,.18), 0 0 60px rgba(34,211,238,.12) inset;
}

[data-theme="dark"]  body .planet-b {
    background: radial-gradient(closest-side, rgba(129,140,248,.25), rgba(99,102,241,.15) 50%, rgba(2,6,23,0) 74%);
    box-shadow: 0 25px 70px rgba(99,102,241,.15), 0 0 65px rgba(129,140,248,.12) inset;
}

[data-theme="dark"]  body .planet-c {
    background: radial-gradient(closest-side, rgba(236,72,153,.28), rgba(14,165,233,.12) 60%, rgba(2,6,23,0) 80%);
    box-shadow: 0 12px 35px rgba(236,72,153,.15), 0 0 25px rgba(34,211,238,.12) inset;
}

/* Planet styles for simple variant - Light theme */
html:not([data-theme="dark"])  body {
    background-color: #f8fafc !important;
    color: #1e293b !important;
}

html:not([data-theme="dark"])  body .planet-a {
    background: radial-gradient(closest-side, rgba(59,130,246,.18), rgba(37,99,235,.10) 45%, rgba(255,255,255,0) 72%);
    box-shadow: 0 15px 45px rgba(59,130,246,.12), 0 0 40px rgba(37,99,235,.08) inset;
}

html:not([data-theme="dark"])  body .planet-b {
    background: radial-gradient(closest-side, rgba(139,92,246,.20), rgba(124,58,237,.12) 50%, rgba(255,255,255,0) 74%);
    box-shadow: 0 18px 55px rgba(139,92,246,.10), 0 0 45px rgba(124,58,237,.08) inset;
}

html:not([data-theme="dark"])  body .planet-c {
    background: radial-gradient(closest-side, rgba(236,72,153,.22), rgba(219,39,119,.10) 60%, rgba(255,255,255,0) 80%);
    box-shadow: 0 10px 30px rgba(236,72,153,.12), 0 0 20px rgba(219,39,119,.08) inset;
}

/* Simple variant - remove complex overlays */
body .planet::before,
body .planet::after {
    display: none;
}

/* ==========================
   Responsive tweaks (landing)
   ========================== */
   @media (max-width: 1280px) {
    .planet-a { width: 36rem; height: 36rem; inset-inline-start: -16rem; top: -12rem; }
    .planet-b { width: 42rem; height: 42rem; inset-inline-end: -18rem; bottom: -14rem; }
}
@media (max-width: 1024px) {
    .planet-a { width: 30rem; height: 30rem; inset-inline-start: -12rem; top: -10rem; }
    .planet-b { width: 36rem; height: 36rem; inset-inline-end: -14rem; bottom: -12rem; }
    .planet-c { width: 7rem; height: 7rem; inset-inline-start: 16%; top: 18%; }
}
@media (max-width: 768px) {
    .planet-a { width: 24rem; height: 24rem; inset-inline-start: -10rem; top: -9rem; }
    .planet-b { width: 28rem; height: 28rem; inset-inline-end: -12rem; bottom: -12rem; }
    .planet-c { width: 6rem; height: 6rem; inset-inline-start: 12%; top: 22%; }
    .stat-card { height: 52px; font-size: .95rem; }
    /* Make product grid breathe better on tablets */
    #products .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
    .planet-a { width: 18rem; height: 18rem; inset-inline-start: -8rem; top: -7rem; }
    .planet-b { width: 22rem; height: 22rem; inset-inline-end: -10rem; bottom: -10rem; }
    .planet-c { width: 5rem; height: 5rem; inset-inline-start: 8%; top: 28%; }
    .glass-cta { padding: 1rem; }
    .section-title { font-size: 1.35rem; }
    .section-sub { font-size: .95rem; }
    /* Stack products on small phones */
    #products .grid { grid-template-columns: repeat(1, minmax(0, 1fr)); }
}
        



.__className_d28b19 {
  font-family: 'IranSans', sans-serif;
  font-style:normal
}

/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
    *,
    ::backdrop,
    :after,
    :before {
      --tw-translate-x:0;
      --tw-translate-y:0;
      --tw-translate-z:0;
      --tw-scale-x:1;
      --tw-scale-y:1;
      --tw-scale-z:1;
      --tw-rotate-x:initial;
      --tw-rotate-y:initial;
      --tw-rotate-z:initial;
      --tw-skew-x:initial;
      --tw-skew-y:initial;
      --tw-space-y-reverse:0;
      --tw-border-style:solid;
      --tw-gradient-position:initial;
      --tw-gradient-from:#0000;
      --tw-gradient-via:#0000;
      --tw-gradient-to:#0000;
      --tw-gradient-stops:initial;
      --tw-gradient-via-stops:initial;
      --tw-gradient-from-position:0%;
      --tw-gradient-via-position:50%;
      --tw-gradient-to-position:100%;
      --tw-leading:initial;
      --tw-font-weight:initial;
      --tw-tracking:initial;
      --tw-shadow:0 0 #0000;
      --tw-shadow-color:initial;
      --tw-shadow-alpha:100%;
      --tw-inset-shadow:0 0 #0000;
      --tw-inset-shadow-color:initial;
      --tw-inset-shadow-alpha:100%;
      --tw-ring-color:initial;
      --tw-ring-shadow:0 0 #0000;
      --tw-inset-ring-color:initial;
      --tw-inset-ring-shadow:0 0 #0000;
      --tw-ring-inset:initial;
      --tw-ring-offset-width:0px;
      --tw-ring-offset-color:#fff;
      --tw-ring-offset-shadow:0 0 #0000;
      --tw-blur:initial;
      --tw-brightness:initial;
      --tw-contrast:initial;
      --tw-grayscale:initial;
      --tw-hue-rotate:initial;
      --tw-invert:initial;
      --tw-opacity:initial;
      --tw-saturate:initial;
      --tw-sepia:initial;
      --tw-drop-shadow:initial;
      --tw-drop-shadow-color:initial;
      --tw-drop-shadow-alpha:100%;
      --tw-drop-shadow-size:initial;
      --tw-backdrop-blur:initial;
      --tw-backdrop-brightness:initial;
      --tw-backdrop-contrast:initial;
      --tw-backdrop-grayscale:initial;
      --tw-backdrop-hue-rotate:initial;
      --tw-backdrop-invert:initial;
      --tw-backdrop-opacity:initial;
      --tw-backdrop-saturate:initial;
      --tw-backdrop-sepia:initial;
      --tw-duration:initial;
      --tw-ease:initial
    }
  }
}
@layer theme {
  :host,
  :root {
    --font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --color-gray-800:oklch(27.8% .033 256.848);
    --color-white:#fff;
    --spacing:.25rem;
    --container-sm:24rem;
    --container-lg:32rem;
    --container-xl:36rem;
    --container-2xl:42rem;
    --container-3xl:48rem;
    --container-6xl:72rem;
    --container-7xl:80rem;
    --text-xs:.75rem;
    --text-xs--line-height:calc(1/.75);
    --text-sm:.875rem;
    --text-sm--line-height:calc(1.25/.875);
    --text-base:1rem;
    --text-base--line-height:calc(1.5/1);
    --text-lg:1.125rem;
    --text-lg--line-height:calc(1.75/1.125);
    --text-xl:1.25rem;
    --text-xl--line-height:calc(1.75/1.25);
    --text-2xl:1.5rem;
    --text-2xl--line-height:calc(2/1.5);
    --text-3xl:1.875rem;
    --text-3xl--line-height:calc(2.25/1.875);
    --text-4xl:2.25rem;
    --text-4xl--line-height:calc(2.5/2.25);
    --text-5xl:3rem;
    --text-5xl--line-height:1;
    --text-6xl:3.75rem;
    --text-6xl--line-height:1;
    --text-7xl:4.5rem;
    --text-7xl--line-height:1;
    --font-weight-extralight:200;
    --font-weight-light:300;
    --font-weight-medium:500;
    --font-weight-semibold:600;
    --font-weight-bold:700;
    --font-weight-extrabold:800;
    --tracking-tight:-.025em;
    --tracking-wide:.025em;
    --tracking-wider:.05em;
    --leading-tight:1.25;
    --leading-relaxed:1.625;
    --radius-md:.375rem;
    --radius-lg:.5rem;
    --radius-xl:.75rem;
    --radius-2xl:1rem;
    --radius-3xl:1.5rem;
    --ease-out:cubic-bezier(0,0,.2,1);
    --blur-md:12px;
    --blur-lg:16px;
    --blur-3xl:64px;
    --default-transition-duration:.15s;
    --default-transition-timing-function:cubic-bezier(.4,0,.2,1);
    --default-font-family: 'IranSans', sans-serif;
    --default-mono-font-family: 'IranSans', sans-serif;
  }
}
@layer base {
  *,
  ::backdrop,
  :after,
  :before {
    box-sizing:border-box;
    border:0 solid;
    margin:0;
    padding:0
  }
  ::file-selector-button {
    box-sizing:border-box;
    border:0 solid;
    margin:0;
    padding:0
  }
  :host,
  html {
    -webkit-text-size-adjust:100%;
    tab-size:4;
    line-height:1.5;
    font-family: "IranSans", sans-serif;
    font-feature-settings:var(--default-font-feature-settings,normal);
    font-variation-settings:var(--default-font-variation-settings,normal);
    -webkit-tap-highlight-color:transparent
  }
  hr {
    height:0;
    color:inherit;
    border-top-width:1px
  }
  abbr:where([title]) {
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size:inherit;
    font-weight:inherit
  }
  a {
    color:inherit;
    -webkit-text-decoration:inherit;
    text-decoration:inherit
  }
  b,
  strong {
    font-weight:bolder
  }
  code,
  kbd,
  pre,
  samp {
    font-family: 'IranSans', sans-serif;
    font-feature-settings:var(--default-mono-font-feature-settings,normal);
    font-variation-settings:var(--default-mono-font-variation-settings,normal);
    font-size:1em
  }
  small {
    font-size:80%
  }
  sub,
  sup {
    vertical-align:baseline;
    font-size:75%;
    line-height:0;
    position:relative
  }
  sub {
    bottom:-.25em
  }
  sup {
    top:-.5em
  }
  table {
    text-indent:0;
    border-color:inherit;
    border-collapse:collapse
  }
  :-moz-focusring {
    outline:auto
  }
  progress {
    vertical-align:baseline
  }
  summary {
    display:list-item
  }
  menu,
  ol,
  ul {
    list-style:none
  }
  audio,
  canvas,
  embed,
  iframe,
  img,
  object,
  svg,
  video {
    vertical-align:middle;
    display:block
  }
  img,
  video {
    max-width:100%;
    height:auto
  }
  button,
  input,
  optgroup,
  select,
  textarea {
    font:inherit;
    font-feature-settings:inherit;
    font-variation-settings:inherit;
    letter-spacing:inherit;
    color:inherit;
    opacity:1;
    background-color:#0000;
    border-radius:0
  }
  ::file-selector-button {
    font:inherit;
    font-feature-settings:inherit;
    font-variation-settings:inherit;
    letter-spacing:inherit;
    color:inherit;
    opacity:1;
    background-color:#0000;
    border-radius:0
  }
  :where(select:is([multiple],
  [size])) optgroup {
    font-weight:bolder
  }
  :where(select:is([multiple],
  [size])) optgroup option {
    padding-inline-start:20px
  }
  ::file-selector-button {
    margin-inline-end:4px
  }
  ::placeholder {
    opacity:1
  }
  @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
    ::placeholder {
      color:currentColor
    }
    @supports (color:color-mix(in lab,red,red)) {
      ::placeholder {
        color:color-mix(in oklab,currentcolor 50%,transparent)
      }
    }
  }
  textarea {
    resize:vertical
  }
  ::-webkit-search-decoration {
    -webkit-appearance:none
  }
  ::-webkit-date-and-time-value {
    min-height:1lh;
    text-align:inherit
  }
  ::-webkit-datetime-edit {
    display:inline-flex
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding:0
  }
  ::-webkit-datetime-edit,
  ::-webkit-datetime-edit-year-field {
    padding-block:0
  }
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-month-field {
    padding-block:0
  }
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-minute-field {
    padding-block:0
  }
  ::-webkit-datetime-edit-millisecond-field,
  ::-webkit-datetime-edit-second-field {
    padding-block:0
  }
  ::-webkit-datetime-edit-meridiem-field {
    padding-block:0
  }
  ::-webkit-calendar-picker-indicator {
    line-height:1
  }
  :-moz-ui-invalid {
    box-shadow:none
  }
  button,
  input:where([type=button],
  [type=reset],
  [type=submit]) {
    appearance:button
  }
  ::file-selector-button {
    appearance:button
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height:auto
  }
  [hidden]:where(:not([hidden=until-found])) {
    display:none!important
  }
  :where(:root:has(.modal-open,
  .modal[open],
  .modal:target,
  .modal-toggle:checked,
  .drawer:not(.drawer-open)>.drawer-toggle:checked)) {
    scrollbar-gutter:stable;
    background-image:linear-gradient(var(--color-base-100),var(--color-base-100));
    --root-bg:var(--color-base-100)
  }
  @supports (color:color-mix(in lab,red,red)) {
    :where(:root:has(.modal-open,
    .modal[open],
    .modal:target,
    .modal-toggle:checked,
    .drawer:not(.drawer-open)>.drawer-toggle:checked)) {
      --root-bg:color-mix(in srgb,var(--color-base-100),oklch(0% 0 0) 40%)
    }
  }
  :where(.modal[open],
  .modal-open,
  .modal-toggle:checked+.modal):not(.modal-start,
  .modal-end) {
    scrollbar-gutter:stable
  }
  @property --radialprogress {
    syntax:"<percentage>";
    inherits:true;
    initial-value:0
  }
  :root {
    --fx-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E")
  }
  :root,
  [data-theme] {
    background-color:var(--root-bg,var(--color-base-100));
    color:var(--color-base-content)
  }
  :root {
    scrollbar-color:currentColor #0000
  }
  @supports (color:color-mix(in lab,red,red)) {
    :root {
      scrollbar-color:color-mix(in oklch,currentColor 35%,#0000)#0000
    }
  }
  :root:has(.modal-open,
  .modal[open],
  .modal:target,
  .modal-toggle:checked,
  .drawer:not([class*=drawer-open])>.drawer-toggle:checked) {
    overflow:hidden
  }
  @media (prefers-color-scheme:dark) {
    :root:not([data-theme]) {
      color-scheme:dark;
      --color-base-100:oklch(20% .042 265.755);
      --color-base-200:oklch(10% .042 265.755);
      --color-base-300:oklch(0% 0 0);
      --color-base-content:oklch(96% .003 264.542);
      --color-primary:oklch(48% .0926 195.19);
      --color-primary-content:oklch(88% .0926 195.19);
      --color-secondary:oklch(78% .154 211.53);
      --color-secondary-content:oklch(39% .07 227.392);
      --color-accent:oklch(77% .152 181.912);
      --color-accent-content:oklch(43% .078 188.216);
      --color-neutral:oklch(15% .03 270);
      --color-neutral-content:oklch(100% 0 0);
      --color-info:oklch(74% .16 232.661);
      --color-info-content:oklch(29% .066 243.157);
      --color-success:oklch(76% .177 163.223);
      --color-success-content:oklch(26% .051 172.552);
      --color-warning:oklch(90% .182 98.111);
      --color-warning-content:oklch(47% .114 61.907);
      --color-error:oklch(71% .194 13.428);
      --color-error-content:oklch(27% .105 12.094);
      --radius-selector:2rem;
      --radius-field:2rem;
      --radius-box:1rem;
      --size-selector:.25rem;
      --size-field:.21875rem;
      --border:2px;
      --depth:0;
      --noise:0
    }
  }
  :root:has(input.theme-controller[value=blogdark]:checked),
  :where(:root),
  [data-theme=blogdark] {
    color-scheme:dark;
    --color-base-100:oklch(20% .042 265.755);
    --color-base-200:oklch(10% .042 265.755);
    --color-base-300:oklch(0% 0 0);
    --color-base-content:oklch(96% .003 264.542);
    --color-primary:oklch(48% .0926 195.19);
    --color-primary-content:oklch(88% .0926 195.19);
    --color-secondary:oklch(78% .154 211.53);
    --color-secondary-content:oklch(39% .07 227.392);
    --color-accent:oklch(77% .152 181.912);
    --color-accent-content:oklch(43% .078 188.216);
    --color-neutral:oklch(15% .03 270);
    --color-neutral-content:oklch(100% 0 0);
    --color-info:oklch(74% .16 232.661);
    --color-info-content:oklch(29% .066 243.157);
    --color-success:oklch(76% .177 163.223);
    --color-success-content:oklch(26% .051 172.552);
    --color-warning:oklch(90% .182 98.111);
    --color-warning-content:oklch(47% .114 61.907);
    --color-error:oklch(71% .194 13.428);
    --color-error-content:oklch(27% .105 12.094);
    --radius-selector:2rem;
    --radius-field:2rem;
    --radius-box:1rem;
    --size-selector:.25rem;
    --size-field:.21875rem;
    --border:2px;
    --depth:0;
    --noise:0
  }
  :root:has(input.theme-controller[value=light]:checked),
  [data-theme=light] {
    color-scheme:light;
    --color-base-100:oklch(100% .001 73.684);
    --color-base-200:oklch(98% .002 73.684);
    --color-base-300:oklch(96% .003 73.684);
    --color-base-content:oklch(0% 0 0);
    --color-primary:oklch(48% .0926 195.19);
    --color-primary-content:oklch(88% .0926 195.19);
    --color-secondary:oklch(78% .154 211.53);
    --color-secondary-content:oklch(39% .07 227.392);
    --color-accent:oklch(77% .152 181.912);
    --color-accent-content:oklch(43% .078 188.216);
    --color-neutral:oklch(0% 0 0);
    --color-neutral-content:oklch(100% 0 0);
    --color-info:oklch(74% .16 232.661);
    --color-info-content:oklch(29% .066 243.157);
    --color-success:oklch(76% .177 163.223);
    --color-success-content:oklch(26% .051 172.552);
    --color-warning:oklch(90% .182 98.111);
    --color-warning-content:oklch(47% .114 61.907);
    --color-error:oklch(71% .194 13.428);
    --color-error-content:oklch(27% .105 12.094);
    --radius-selector:2rem;
    --radius-field:2rem;
    --radius-box:1rem;
    --size-selector:.25rem;
    --size-field:.21875rem;
    --border:2px;
    --depth:0;
    --noise:0
  }
}
@layer components;
@layer utilities {
  .menu {
    --menu-active-fg:var(--color-neutral-content);
    --menu-active-bg:var(--color-neutral);
    flex-flow:column wrap;
    width:fit-content;
    padding:.5rem;
    font-size:.875rem;
    display:flex
  }
  .menu :where(li ul) {
    white-space:nowrap;
    margin-inline-start:1rem;
    padding-inline-start:.5rem;
    position:relative
  }
  .menu :where(li ul):before {
    background-color:var(--color-base-content);
    opacity:.1;
    width:var(--border);
    content:"";
    inset-inline-start:0;
    position:absolute;
    top:.75rem;
    bottom:.75rem
  }
  .menu :where(li>.menu-dropdown:not(.menu-dropdown-show)) {
    display:none
  }
  .menu :where(li:not(.menu-title)>:not(ul,
  details,
  .menu-title,
  .btn)),
  .menu :where(li:not(.menu-title)>details>summary:not(.menu-title)) {
    border-radius:var(--radius-field);
    text-align:start;
    text-wrap:balance;
    -webkit-user-select:none;
    user-select:none;
    grid-auto-columns:minmax(auto,max-content) auto max-content;
    grid-auto-flow:column;
    align-content:flex-start;
    align-items:center;
    gap:.5rem;
    padding-block:.375rem;
    padding-inline:.75rem;
    transition-property:color,background-color,box-shadow;
    transition-duration:.2s;
    transition-timing-function:cubic-bezier(0,0,.2,1);
    display:grid
  }
  .menu :where(li>details>summary) {
    --tw-outline-style:none;
    outline-style:none
  }
  @media (forced-colors:active) {
    .menu :where(li>details>summary) {
      outline-offset:2px;
      outline:2px solid #0000
    }
  }
  .menu :where(li>details>summary)::-webkit-details-marker {
    display:none
  }
  :is(.menu :where(li>details>summary),
  .menu :where(li>.menu-dropdown-toggle)):after {
    content:"";
    transform-origin:50%;
    pointer-events:none;
    justify-self:flex-end;
    width:.375rem;
    height:.375rem;
    transition-property:rotate,translate;
    transition-duration:.2s;
    display:block;
    translate:0 -1px;
    rotate:-135deg;
    box-shadow:inset 2px 2px
  }
  .menu :where(li>.menu-dropdown-toggle.menu-dropdown-show):after,
  .menu :where(li>details[open]>summary):after {
    translate:0 1px;
    rotate:45deg
  }
  .menu :where(li:not(.menu-title,
  .disabled)>:not(ul,
  details,
  .menu-title),
  li:not(.menu-title,
  .disabled)>details>summary:not(.menu-title)):not(.menu-active,
  :active,
  .btn).menu-focus,
  .menu :where(li:not(.menu-title,
  .disabled)>:not(ul,
  details,
  .menu-title),
  li:not(.menu-title,
  .disabled)>details>summary:not(.menu-title)):not(.menu-active,
  :active,
  .btn):focus-visible {
    cursor:pointer;
    background-color:var(--color-base-content)
  }
  @supports (color:color-mix(in lab,red,red)) {
    .menu :where(li:not(.menu-title,
    .disabled)>:not(ul,
    details,
    .menu-title),
    li:not(.menu-title,
    .disabled)>details>summary:not(.menu-title)):not(.menu-active,
    :active,
    .btn).menu-focus,
    .menu :where(li:not(.menu-title,
    .disabled)>:not(ul,
    details,
    .menu-title),
    li:not(.menu-title,
    .disabled)>details>summary:not(.menu-title)):not(.menu-active,
    :active,
    .btn):focus-visible {
      background-color:color-mix(in oklab,var(--color-base-content)10%,transparent)
    }
  }
  .menu :where(li:not(.menu-title,
  .disabled)>:not(ul,
  details,
  .menu-title),
  li:not(.menu-title,
  .disabled)>details>summary:not(.menu-title)):not(.menu-active,
  :active,
  .btn).menu-focus,
  .menu :where(li:not(.menu-title,
  .disabled)>:not(ul,
  details,
  .menu-title),
  li:not(.menu-title,
  .disabled)>details>summary:not(.menu-title)):not(.menu-active,
  :active,
  .btn):focus-visible {
    color:var(--color-base-content);
    --tw-outline-style:none;
    outline-style:none
  }
  @media (forced-colors:active) {
    .menu :where(li:not(.menu-title,
    .disabled)>:not(ul,
    details,
    .menu-title),
    li:not(.menu-title,
    .disabled)>details>summary:not(.menu-title)):not(.menu-active,
    :active,
    .btn).menu-focus,
    .menu :where(li:not(.menu-title,
    .disabled)>:not(ul,
    details,
    .menu-title),
    li:not(.menu-title,
    .disabled)>details>summary:not(.menu-title)):not(.menu-active,
    :active,
    .btn):focus-visible {
      outline-offset:2px;
      outline:2px solid #0000
    }
  }
  .menu :where(li:not(.menu-title,
  .disabled)>:not(ul,
  details,
  .menu-title):not(.menu-active,
  :active,
  .btn):hover,
  li:not(.menu-title,
  .disabled)>details>summary:not(.menu-title):not(.menu-active,
  :active,
  .btn):hover) {
    cursor:pointer;
    background-color:var(--color-base-content)
  }
  @supports (color:color-mix(in lab,red,red)) {
    .menu :where(li:not(.menu-title,
    .disabled)>:not(ul,
    details,
    .menu-title):not(.menu-active,
    :active,
    .btn):hover,
    li:not(.menu-title,
    .disabled)>details>summary:not(.menu-title):not(.menu-active,
    :active,
    .btn):hover) {
      background-color:color-mix(in oklab,var(--color-base-content)10%,transparent)
    }
  }
  .menu :where(li:not(.menu-title,
  .disabled)>:not(ul,
  details,
  .menu-title):not(.menu-active,
  :active,
  .btn):hover,
  li:not(.menu-title,
  .disabled)>details>summary:not(.menu-title):not(.menu-active,
  :active,
  .btn):hover) {
    --tw-outline-style:none;
    outline-style:none
  }
  @media (forced-colors:active) {
    .menu :where(li:not(.menu-title,
    .disabled)>:not(ul,
    details,
    .menu-title):not(.menu-active,
    :active,
    .btn):hover,
    li:not(.menu-title,
    .disabled)>details>summary:not(.menu-title):not(.menu-active,
    :active,
    .btn):hover) {
      outline-offset:2px;
      outline:2px solid #0000
    }
  }
  .menu :where(li:not(.menu-title,
  .disabled)>:not(ul,
  details,
  .menu-title):not(.menu-active,
  :active,
  .btn):hover,
  li:not(.menu-title,
  .disabled)>details>summary:not(.menu-title):not(.menu-active,
  :active,
  .btn):hover) {
    box-shadow:inset 0 1px oklch(0 0 0/.01),inset 0 -1px oklch(100% 0 0/.01)
  }
  .menu :where(li:empty) {
    background-color:var(--color-base-content);
    opacity:.1;
    height:1px;
    margin:.5rem 1rem
  }
  .menu :where(li) {
    flex-flow:column wrap;
    flex-shrink:0;
    align-items:stretch;
    display:flex;
    position:relative
  }
  .menu :where(li) .badge {
    justify-self:flex-end
  }
  .menu :where(li)>:not(ul,
  .menu-title,
  details,
  .btn).menu-active,
  .menu :where(li)>:not(ul,
  .menu-title,
  details,
  .btn):active,
  .menu :where(li)>details>summary:active {
    --tw-outline-style:none;
    outline-style:none
  }
  @media (forced-colors:active) {
    .menu :where(li)>:not(ul,
    .menu-title,
    details,
    .btn).menu-active,
    .menu :where(li)>:not(ul,
    .menu-title,
    details,
    .btn):active,
    .menu :where(li)>details>summary:active {
      outline-offset:2px;
      outline:2px solid #0000
    }
  }
  .menu :where(li)>:not(ul,
  .menu-title,
  details,
  .btn).menu-active,
  .menu :where(li)>:not(ul,
  .menu-title,
  details,
  .btn):active,
  .menu :where(li)>details>summary:active {
    color:var(--menu-active-fg);
    background-color:var(--menu-active-bg);
    background-size:auto,calc(var(--noise)*100%);
    background-image:none,var(--fx-noise)
  }
  :is(.menu :where(li)>:not(ul,
  .menu-title,
  details,
  .btn):active,
  .menu :where(li)>:not(ul,
  .menu-title,
  details,
  .btn).menu-active,
  .menu :where(li)>details>summary:active):not(:is(.menu :where(li)>:not(ul,
  .menu-title,
  details,
  .btn):active,
  .menu :where(li)>:not(ul,
  .menu-title,
  details,
  .btn).menu-active,
  .menu :where(li)>details>summary:active):active) {
    box-shadow:0 2px calc(var(--depth)*3px)-2px var(--menu-active-bg)
  }
  .menu :where(li).menu-disabled {
    pointer-events:none;
    color:var(--color-base-content)
  }
  @supports (color:color-mix(in lab,red,red)) {
    .menu :where(li).menu-disabled {
      color:color-mix(in oklab,var(--color-base-content)20%,transparent)
    }
  }
  .menu .dropdown:focus-within .menu-dropdown-toggle:after {
    translate:0 1px;
    rotate:45deg
  }
  .menu .dropdown-content {
    margin-top:.5rem;
    padding:.5rem
  }
  .menu .dropdown-content:before {
    display:none
  }
  .dropdown {
    position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);
    display:inline-block;
    position:relative
  }
  .dropdown>:not(summary):focus {
    --tw-outline-style:none;
    outline-style:none
  }
  @media (forced-colors:active) {
    .dropdown>:not(summary):focus {
      outline-offset:2px;
      outline:2px solid #0000
    }
  }
  .dropdown .dropdown-content {
    position:absolute
  }
  .dropdown:not(details,
  .dropdown-open,
  .dropdown-hover:hover,
  :focus-within) .dropdown-content {
    transform-origin:top;
    opacity:0;
    display:none;
    scale:95%
  }
  .dropdown .dropdown-content,
  .dropdown[popover] {
    z-index:999
  }
  @media (prefers-reduced-motion:no-preference) {
    .dropdown .dropdown-content,
    .dropdown[popover] {
      transition-behavior:allow-discrete;
      transition-property:opacity,scale,display;
      transition-duration:.2s;
      transition-timing-function:cubic-bezier(.4,0,.2,1);
      animation:dropdown .2s
    }
  }
  @starting-style {
    .dropdown .dropdown-content,
    .dropdown[popover] {
      opacity:0;
      scale:95%
    }
  }
  :is(.dropdown.dropdown-open,
  .dropdown:not(.dropdown-hover):focus,
  .dropdown:focus-within)>[tabindex]:first-child {
    pointer-events:none
  }
  :is(.dropdown.dropdown-open,
  .dropdown:not(.dropdown-hover):focus,
  .dropdown:focus-within) .dropdown-content {
    opacity:1
  }
  .dropdown.dropdown-hover:hover .dropdown-content {
    opacity:1;
    scale:100%
  }
  .dropdown:is(details) summary::-webkit-details-marker {
    display:none
  }
  :is(.dropdown.dropdown-open,
  .dropdown:focus,
  .dropdown:focus-within) .dropdown-content {
    scale:100%
  }
  .dropdown:where([popover]) {
    background:0 0
  }
  .dropdown[popover] {
    color:inherit;
    position:fixed
  }
  @supports not (position-area:bottom) {
    .dropdown[popover] {
      margin:auto
    }
    .dropdown[popover].dropdown-open:not(:popover-open) {
      transform-origin:top;
      opacity:0;
      display:none;
      scale:95%
    }
    .dropdown[popover]::backdrop {
      background-color:oklab(0 none none/.3)
    }
  }
  .dropdown[popover]:not(.dropdown-open,
  :popover-open) {
    transform-origin:top;
    opacity:0;
    display:none;
    scale:95%
  }
  :where(.btn) {
    width:unset
  }
  .btn {
    cursor:pointer;
    text-align:center;
    vertical-align:middle;
    outline-offset:2px;
    webkit-user-select:none;
    -webkit-user-select:none;
    user-select:none;
    padding-inline:var(--btn-p);
    color:var(--btn-fg);
    --tw-prose-links:var(--btn-fg);
    height:var(--size);
    font-size:var(--fontsize,.875rem);
    outline-color:var(--btn-color,var(--color-base-content));
    background-color:var(--btn-bg);
    background-size:auto,calc(var(--noise)*100%);
    background-image:none,var(--btn-noise);
    border-width:var(--border);
    border-style:solid;
    border-color:var(--btn-border);
    text-shadow:0 .5px oklch(100% 0 0/calc(var(--depth)*.15));
    touch-action:manipulation;
    box-shadow:0 .5px 0 .5px oklch(100% 0 0/calc(var(--depth)*6%))inset,var(--btn-shadow);
    --size:calc(var(--size-field,.25rem)*10);
    --btn-bg:var(--btn-color,var(--color-base-200));
    --btn-fg:var(--color-base-content);
    --btn-p:1rem;
    --btn-border:var(--btn-bg);
    border-start-start-radius:var(--join-ss,var(--radius-field));
    border-start-end-radius:var(--join-se,var(--radius-field));
    border-end-end-radius:var(--join-ee,var(--radius-field));
    border-end-start-radius:var(--join-es,var(--radius-field));
    flex-wrap:nowrap;
    flex-shrink:0;
    justify-content:center;
    align-items:center;
    gap:.375rem;
    font-weight:600;
    transition-property:color,background-color,border-color,box-shadow;
    transition-duration:.2s;
    transition-timing-function:cubic-bezier(0,0,.2,1);
    display:inline-flex
  }
  @supports (color:color-mix(in lab,red,red)) {
    .btn {
      --btn-border:color-mix(in oklab,var(--btn-bg),#000 calc(var(--depth)*5%))
    }
  }
  .btn {
    --btn-shadow:0 3px 2px -2px var(--btn-bg),0 4px 3px -2px var(--btn-bg)
  }
  @supports (color:color-mix(in lab,red,red)) {
    .btn {
      --btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000)
    }
  }
  .btn {
    --btn-noise:var(--fx-noise)
  }
  .prose .btn {
    text-decoration-line:none
  }
  @media (hover:hover) {
    .btn:hover {
      --btn-bg:var(--btn-color,var(--color-base-200))
    }
    @supports (color:color-mix(in lab,red,red)) {
      .btn:hover {
        --btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%)
      }
    }
  }
  .btn:focus-visible,
  .btn:has(:focus-visible) {
    isolation:isolate;
    outline-width:2px;
    outline-style:solid
  }
  .btn:active:not(.btn-active) {
    --btn-bg:var(--btn-color,var(--color-base-200));
    translate:0 .5px
  }
  @supports (color:color-mix(in lab,red,red)) {
    .btn:active:not(.btn-active) {
      --btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 5%)
    }
  }
  .btn:active:not(.btn-active) {
    --btn-border:var(--btn-color,var(--color-base-200))
  }
  @supports (color:color-mix(in lab,red,red)) {
    .btn:active:not(.btn-active) {
      --btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%)
    }
  }
  .btn:active:not(.btn-active) {
    --btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0)
  }
  .btn:is(:disabled,
  [disabled],
  .btn-disabled):not(.btn-link,
  .btn-ghost) {
    background-color:var(--color-base-content)
  }
  @supports (color:color-mix(in lab,red,red)) {
    .btn:is(:disabled,
    [disabled],
    .btn-disabled):not(.btn-link,
    .btn-ghost) {
      background-color:color-mix(in oklab,var(--color-base-content)10%,transparent)
    }
  }
  .btn:is(:disabled,
  [disabled],
  .btn-disabled):not(.btn-link,
  .btn-ghost) {
    box-shadow:none
  }
  .btn:is(:disabled,
  [disabled],
  .btn-disabled) {
    pointer-events:none;
    --btn-border:#0000;
    --btn-noise:none;
    --btn-fg:var(--color-base-content)
  }
  @supports (color:color-mix(in lab,red,red)) {
    .btn:is(:disabled,
    [disabled],
    .btn-disabled) {
      --btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)
    }
  }
  @media (hover:hover) {
    .btn:is(:disabled,
    [disabled],
    .btn-disabled):hover {
      pointer-events:none;
      background-color:var(--color-neutral)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .btn:is(:disabled,
      [disabled],
      .btn-disabled):hover {
        background-color:color-mix(in oklab,var(--color-neutral)20%,transparent)
      }
    }
    .btn:is(:disabled,
    [disabled],
    .btn-disabled):hover {
      --btn-border:#0000;
      --btn-fg:var(--color-base-content)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .btn:is(:disabled,
      [disabled],
      .btn-disabled):hover {
        --btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)
      }
    }
  }
  .btn:is(input[type=checkbox],
  input[type=radio]) {
    appearance:none
  }
  .btn:is(input[type=checkbox],
  input[type=radio]):after {
    content:attr(aria-label)
  }
  .btn:where(input:checked:not(.filter .btn)) {
    --btn-color:var(--color-primary);
    --btn-fg:var(--color-primary-content);
    isolation:isolate
  }
  .loading {
    aspect-ratio:1;
    vertical-align:middle;
    width:calc(var(--size-selector,.25rem)*6);
    background-color:currentColor;
    display:inline-block;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask-position:50%;
    mask-position:50%;
    -webkit-mask-size:100%;
    mask-size:100%;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat
  }
  .loading,
  .tw-v {
    pointer-events:none
  }
  .visible {
    visibility:visible
  }
  .list {
    flex-direction:column;
    font-size:.875rem;
    display:flex
  }
  .list :where(.list-row) {
    --list-grid-cols:minmax(0,auto)1fr;
    border-radius:var(--radius-box);
    word-break:break-word;
    grid-auto-flow:column;
    grid-template-columns:var(--list-grid-cols);
    gap:1rem;
    padding:1rem;
    display:grid;
    position:relative
  }
  .list :where(.list-row):has(.list-col-grow:first-child) {
    --list-grid-cols:1fr
  }
  .list :where(.list-row):has(.list-col-grow:nth-child(2)) {
    --list-grid-cols:minmax(0,auto)1fr
  }
  .list :where(.list-row):has(.list-col-grow:nth-child(3)) {
    --list-grid-cols:minmax(0,auto)minmax(0,auto)1fr
  }
  .list :where(.list-row):has(.list-col-grow:nth-child(4)) {
    --list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr
  }
  .list :where(.list-row):has(.list-col-grow:nth-child(5)) {
    --list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr
  }
  .list :where(.list-row):has(.list-col-grow:nth-child(6)) {
    --list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr
  }
  .list :where(.list-row) :not(.list-col-wrap) {
    grid-row-start:1
  }
  :is(.list>:not(:last-child).list-row,
  .list>:not(:last-child) .list-row):after {
    content:"";
    border-bottom:var(--border)solid;
    inset-inline:var(--radius-box);
    border-color:var(--color-base-content);
    position:absolute;
    bottom:0
  }
  @supports (color:color-mix(in lab,red,red)) {
    :is(.list>:not(:last-child).list-row,
    .list>:not(:last-child) .list-row):after {
      border-color:color-mix(in oklab,var(--color-base-content)5%,transparent)
    }
  }
  .input {
    cursor:text;
    border:var(--border)solid #0000;
    appearance:none;
    background-color:var(--color-base-100);
    vertical-align:middle;
    white-space:nowrap;
    width:clamp(3rem,20rem,100%);
    height:var(--size);
    touch-action:manipulation;
    border-color:var(--input-color);
    box-shadow:0 1px var(--input-color)inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1))inset;
    border-start-start-radius:var(--join-ss,var(--radius-field));
    border-start-end-radius:var(--join-se,var(--radius-field));
    border-end-end-radius:var(--join-ee,var(--radius-field));
    border-end-start-radius:var(--join-es,var(--radius-field));
    flex-shrink:1;
    align-items:center;
    gap:.5rem;
    padding-inline:.75rem;
    font-size:.875rem;
    display:inline-flex;
    position:relative
  }
  @supports (color:color-mix(in lab,red,red)) {
    .input {
      box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000)inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1))inset
    }
  }
  .input {
    --size:calc(var(--size-field,.25rem)*10);
    --input-color:var(--color-base-content)
  }
  @supports (color:color-mix(in lab,red,red)) {
    .input {
      --input-color:color-mix(in oklab,var(--color-base-content)20%,#0000)
    }
  }
  .input:where(input) {
    display:inline-flex
  }
  .input :where(input) {
    appearance:none;
    background-color:#0000;
    border:none;
    width:100%;
    height:100%;
    display:inline-flex
  }
  .input :where(input):focus,
  .input :where(input):focus-within {
    --tw-outline-style:none;
    outline-style:none
  }
  @media (forced-colors:active) {
    .input :where(input):focus,
    .input :where(input):focus-within {
      outline-offset:2px;
      outline:2px solid #0000
    }
  }
  .input :where(input[type=email]),
  .input :where(input[type=url]) {
    direction:ltr
  }
  .input :where(input[type=date]) {
    display:inline-flex
  }
  .input:focus,
  .input:focus-within {
    --input-color:var(--color-base-content);
    box-shadow:0 1px var(--input-color)
  }
  @supports (color:color-mix(in lab,red,red)) {
    .input:focus,
    .input:focus-within {
      box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000)
    }
  }
  .input:focus,
  .input:focus-within {
    outline:2px solid var(--input-color);
    outline-offset:2px;
    isolation:isolate;
    z-index:1
  }
  .input:has(>input[disabled]),
  .input:is(:disabled,
  [disabled]),
  fieldset:disabled .input {
    cursor:not-allowed;
    border-color:var(--color-base-200);
    background-color:var(--color-base-200);
    color:var(--color-base-content)
  }
  @supports (color:color-mix(in lab,red,red)) {
    .input:has(>input[disabled]),
    .input:is(:disabled,
    [disabled]),
    fieldset:disabled .input {
      color:color-mix(in oklab,var(--color-base-content)40%,transparent)
    }
  }
  :is(.input:has(>input[disabled]),
  .input:is(:disabled,
  [disabled]),
  fieldset:disabled .input)::placeholder {
    color:var(--color-base-content)
  }
  @supports (color:color-mix(in lab,red,red)) {
    :is(.input:has(>input[disabled]),
    .input:is(:disabled,
    [disabled]),
    fieldset:disabled .input)::placeholder {
      color:color-mix(in oklab,var(--color-base-content)20%,transparent)
    }
  }
  .input:has(>input[disabled]),
  .input:is(:disabled,
  [disabled]),
  fieldset:disabled .input {
    box-shadow:none
  }
  .input:has(>input[disabled])>input[disabled] {
    cursor:not-allowed
  }
  .input::-webkit-date-and-time-value {
    text-align:inherit
  }
  .input[type=number]::-webkit-inner-spin-button {
    margin-block:-.75rem;
    margin-inline-end:-.75rem
  }
  .input::-webkit-calendar-picker-indicator {
    position:absolute;
    inset-inline-end:.75em
  }
  .input:has(>input[type=date]) :where(input[type=date]) {
    webkit-appearance:none;
    appearance:none;
    display:inline-flex
  }
  .input:has(>input[type=date]) input[type=date]::-webkit-calendar-picker-indicator {
    cursor:pointer;
    width:1em;
    height:1em;
    position:absolute;
    inset-inline-end:.75em
  }
  .card {
    border-radius:var(--radius-box);
    outline-offset:2px;
    outline:0 solid #0000;
    flex-direction:column;
    transition:outline .2s ease-in-out;
    display:flex;
    position:relative
  }
  .card:focus {
    --tw-outline-style:none;
    outline-style:none
  }
  @media (forced-colors:active) {
    .card:focus {
      outline-offset:2px;
      outline:2px solid #0000
    }
  }
  .card:focus-visible {
    outline-color:currentColor
  }
  .card :where(figure:first-child) {
    border-start-start-radius:inherit;
    border-start-end-radius:inherit;
    border-end-end-radius:unset;
    border-end-start-radius:unset;
    overflow:hidden
  }
  .card :where(figure:last-child) {
    border-start-start-radius:unset;
    border-start-end-radius:unset;
    border-end-end-radius:inherit;
    border-end-start-radius:inherit;
    overflow:hidden
  }
  .card:where(.card-border) {
    border:var(--border)solid var(--color-base-200)
  }
  .card:where(.card-dash) {
    border:var(--border)dashed var(--color-base-200)
  }
  .card.image-full {
    display:grid
  }
  .card.image-full>* {
    grid-row-start:1;
    grid-column-start:1
  }
  .card.image-full>.card-body {
    color:var(--color-neutral-content);
    position:relative
  }
  .card.image-full :where(figure) {
    border-radius:inherit;
    overflow:hidden
  }
  .card.image-full>figure img {
    object-fit:cover;
    filter:brightness(28%);
    height:100%
  }
  .card figure {
    justify-content:center;
    align-items:center;
    display:flex
  }
  .card:has(>input:is(input[type=checkbox],
  input[type=radio])) {
    cursor:pointer;
    -webkit-user-select:none;
    user-select:none
  }
  .card:has(>:checked) {
    outline:2px solid
  }
  .swap {
    cursor:pointer;
    vertical-align:middle;
    webkit-user-select:none;
    -webkit-user-select:none;
    user-select:none;
    place-content:center;
    display:inline-grid;
    position:relative
  }
  .swap input {
    appearance:none;
    border:none
  }
  .swap>* {
    grid-row-start:1;
    grid-column-start:1
  }
  @media (prefers-reduced-motion:no-preference) {
    .swap>* {
      transition-property:transform,rotate,opacity;
      transition-duration:.2s;
      transition-timing-function:cubic-bezier(0,0,.2,1)
    }
  }
  .swap .swap-indeterminate,
  .swap .swap-on,
  .swap input:indeterminate~.swap-on,
  .swap input:is(:checked,
  :indeterminate)~.swap-off {
    opacity:0
  }
  .swap input:checked~.swap-on,
  .swap input:indeterminate~.swap-indeterminate {
    opacity:1;
    backface-visibility:visible
  }
  .menu-horizontal {
    flex-direction:row;
    display:inline-flex
  }
  .menu-horizontal>li:not(.menu-title)>details>ul {
    margin-inline-start:0;
    margin-top:1rem;
    padding-block:.5rem;
    padding-inline-end:.5rem;
    position:absolute
  }
  .menu-horizontal>li>details>ul:before {
    content:none
  }
  :where(.menu-horizontal>li:not(.menu-title)>details>ul) {
    border-radius:var(--radius-box);
    background-color:var(--color-base-100);
    box-shadow:0 1px 3px oklch(0 0 0/.1),0 1px 2px -1px oklch(0 0 0/.1)
  }
  .absolute {
    position:absolute
  }
  .fixed {
    position:fixed
  }
  .relative {
    position:relative
  }
  .tw-fh {
    inset:calc(var(--spacing)*0)
  }
  .tw-gf {
    inset-inline:calc(var(--spacing)*0)
  }
  .tw-dh {
    top:calc(var(--spacing)*-24)
  }
  .tw-lj {
    top:calc(var(--spacing)*0)
  }
  .tw-mj {
    top:calc(var(--spacing)*4)
  }
  .tw-oi {
    top:calc(var(--spacing)*12)
  }
  .tw-ze {
    right:calc(var(--spacing)*-24)
  }
  .tw-th {
    right:calc(var(--spacing)*4)
  }
  .tw-eg {
    bottom:calc(var(--spacing)*0)
  }
  .tw-ag {
    left:calc(var(--spacing)*-20)
  }
  .tw-hi {
    left:calc(var(--spacing)*0)
  }
  .tw-ig {
    left:50%
  }
  .tw-ii {
    left:calc(var(--spacing)*4)
  }
  .tw-qi {
    z-index:calc(10*-1)
  }
  .tw-nl {
    z-index:0
  }
  .tw-ol {
    z-index:1
  }
  .tw-zk {
    z-index:10
  }
  .tw-al {
    z-index:50
  }
  .tw-oj {
    z-index:1
  }
  .container {
    width:100%
  }
  @media (min-width:40rem) {
    .container {
      max-width:40rem
    }
  }
  @media (min-width:48rem) {
    .container {
      max-width:48rem
    }
  }
  @media (min-width:64rem) {
    .container {
      max-width:64rem
    }
  }
  @media (min-width:80rem) {
    .container {
      max-width:80rem
    }
  }
  @media (min-width:96rem) {
    .container {
      max-width:96rem
    }
  }
  .divider {
    white-space:nowrap;
    height:1rem;
    margin:var(--divider-m,1rem 0);
    --divider-color:var(--color-base-content);
    flex-direction:row;
    align-self:stretch;
    align-items:center;
    display:flex
  }
  @supports (color:color-mix(in lab,red,red)) {
    .divider {
      --divider-color:color-mix(in oklab,var(--color-base-content)10%,transparent)
    }
  }
  .divider:after,
  .divider:before {
    content:"";
    background-color:var(--divider-color);
    flex-grow:1;
    width:100%;
    height:.125rem
  }
  @media print {
    .divider:after,
    .divider:before {
      border:.5px solid
    }
  }
  .divider:not(:empty) {
    gap:1rem
  }
  .tw-ik {
    margin-inline:calc(var(--spacing)*5)
  }
  .tw-sh {
    margin-inline:auto
  }
  .tw-ej {
    margin-block:calc(var(--spacing)*24)
  }
  .join-item:where(:not(:first-child,
  :disabled,
  [disabled],
  .btn-disabled)) {
    margin-block-start:0;
    margin-inline-start:calc(var(--border,1px)*-1)
  }
  .join-item:where(:is(:disabled,
  [disabled],
  .btn-disabled)) {
    border-width:var(--border,1px)0 var(--border,1px)var(--border,1px)
  }
  .prose {
    color:var(--tw-prose-body);
    max-width:65ch
  }
  .prose :where(p):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.25em;
    margin-bottom:1.25em
  }
  .prose :where([class~=lead]):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-lead);
    margin-top:1.2em;
    margin-bottom:1.2em;
    font-size:1.25em;
    line-height:1.6
  }
  .prose :where(a):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-links);
    font-weight:500;
    text-decoration:underline
  }
  .prose :where(strong):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-bold);
    font-weight:600
  }
  .prose :where(a strong):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose :where(blockquote strong):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose :where(thead th strong):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:inherit
  }
  .prose :where(ol):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.25em;
    margin-bottom:1.25em;
    padding-inline-start:1.625em;
    list-style-type:decimal
  }
  .prose :where(ol[type=A]):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    list-style-type:upper-alpha
  }
  .prose :where(ol[type=a]):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    list-style-type:lower-alpha
  }
  .prose :where(ol[type=A s]):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    list-style-type:upper-alpha
  }
  .prose :where(ol[type=a s]):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    list-style-type:lower-alpha
  }
  .prose :where(ol[type=I]):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    list-style-type:upper-roman
  }
  .prose :where(ol[type=i]):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    list-style-type:lower-roman
  }
  .prose :where(ol[type=I s]):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    list-style-type:upper-roman
  }
  .prose :where(ol[type=i s]):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    list-style-type:lower-roman
  }
  .prose :where(ol[type="1"]):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    list-style-type:decimal
  }
  .prose :where(ul):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.25em;
    margin-bottom:1.25em;
    padding-inline-start:1.625em;
    list-style-type:disc
  }
  .prose :where(ol>li):not(:where([class~=not-prose],
  [class~=not-prose] *))::marker {
    color:var(--tw-prose-counters);
    font-weight:400
  }
  .prose :where(ul>li):not(:where([class~=not-prose],
  [class~=not-prose] *))::marker {
    color:var(--tw-prose-bullets)
  }
  .prose :where(dt):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-headings);
    margin-top:1.25em;
    font-weight:600
  }
  .prose :where(hr):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    border-color:var(--tw-prose-hr);
    border-top-width:1px;
    margin-top:3em;
    margin-bottom:3em
  }
  .prose :where(blockquote):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-quotes);
    border-inline-start-width:.25rem;
    border-inline-start-color:var(--tw-prose-quote-borders);
    quotes:"“""”""‘""’";
    margin-top:1.6em;
    margin-bottom:1.6em;
    padding-inline-start:1em;
    font-style:italic;
    font-weight:500
  }
  .prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],
  [class~=not-prose] *)):before {
    content:open-quote
  }
  .prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],
  [class~=not-prose] *)):after {
    content:close-quote
  }
  .prose :where(h1):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-headings);
    margin-top:0;
    margin-bottom:.888889em;
    font-size:2.25em;
    font-weight:800;
    line-height:1.11111
  }
  .prose :where(h1 strong):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:inherit;
    font-weight:900
  }
  .prose :where(h2):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-headings);
    margin-top:2em;
    margin-bottom:1em;
    font-size:1.5em;
    font-weight:700;
    line-height:1.33333
  }
  .prose :where(h2 strong):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:inherit;
    font-weight:800
  }
  .prose :where(h3):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-headings);
    margin-top:1.6em;
    margin-bottom:.6em;
    font-size:1.25em;
    font-weight:600;
    line-height:1.6
  }
  .prose :where(h3 strong):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:inherit;
    font-weight:700
  }
  .prose :where(h4):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-headings);
    margin-top:1.5em;
    margin-bottom:.5em;
    font-weight:600;
    line-height:1.5
  }
  .prose :where(h4 strong):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:inherit;
    font-weight:700
  }
  .prose :where(img):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:2em;
    margin-bottom:2em
  }
  .prose :where(picture):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:2em;
    margin-bottom:2em;
    display:block
  }
  .prose :where(video):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:2em;
    margin-bottom:2em
  }
  .prose :where(kbd):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-kbd);
    box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);
    padding-top:.1875em;
    padding-inline-end:.375em;
    padding-bottom:.1875em;
    border-radius:.3125rem;
    padding-inline-start:.375em;
    font-family: 'IranSans', sans-serif;
    font-size:.875em;
    font-weight:500
  }
  .prose :where(code):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-code);
    font-size:.875em;
    font-weight:600
  }
  .prose :where(code):not(:where([class~=not-prose],
  [class~=not-prose] *)):after,
  .prose :where(code):not(:where([class~=not-prose],
  [class~=not-prose] *)):before {
    content:"`"
  }
  .prose :where(a code):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose :where(h1 code):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:inherit
  }
  .prose :where(h2 code):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:inherit;
    font-size:.875em
  }
  .prose :where(h3 code):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:inherit;
    font-size:.9em
  }
  .prose :where(blockquote code):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose :where(h4 code):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose :where(thead th code):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:inherit
  }
  .prose :where(pre):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-pre-code);
    background-color:var(--tw-prose-pre-bg);
    padding-top:.857143em;
    padding-inline-end:1.14286em;
    padding-bottom:.857143em;
    border-radius:.375rem;
    margin-top:1.71429em;
    margin-bottom:1.71429em;
    padding-inline-start:1.14286em;
    font-size:.875em;
    font-weight:400;
    line-height:1.71429;
    overflow-x:auto
  }
  .prose :where(pre code):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    font-weight:inherit;
    color:inherit;
    font-size:inherit;
    font-family: 'IranSans', sans-serif;
    line-height:inherit;
    background-color:#0000;
    border-width:0;
    border-radius:0;
    padding:0
  }
  .prose :where(pre code):not(:where([class~=not-prose],
  [class~=not-prose] *)):after,
  .prose :where(pre code):not(:where([class~=not-prose],
  [class~=not-prose] *)):before {
    content:none
  }
  .prose :where(table):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    table-layout:auto;
    width:100%;
    margin-top:2em;
    margin-bottom:2em;
    font-size:.875em;
    line-height:1.71429
  }
  .prose :where(thead):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    border-bottom-width:1px;
    border-bottom-color:var(--tw-prose-th-borders)
  }
  .prose :where(thead th):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-headings);
    vertical-align:bottom;
    padding-inline-end:.571429em;
    padding-bottom:.571429em;
    padding-inline-start:.571429em;
    font-weight:600
  }
  .prose :where(tbody tr):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    border-bottom-width:1px;
    border-bottom-color:var(--tw-prose-td-borders)
  }
  .prose :where(tbody tr:last-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    border-bottom-width:0
  }
  .prose :where(tbody td):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    vertical-align:baseline
  }
  .prose :where(tfoot):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    border-top-width:1px;
    border-top-color:var(--tw-prose-th-borders)
  }
  .prose :where(tfoot td):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    vertical-align:top
  }
  .prose :where(th,
  td):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    text-align:start
  }
  .prose :where(figure>*):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:0;
    margin-bottom:0
  }
  .prose :where(figcaption):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    color:var(--tw-prose-captions);
    margin-top:.857143em;
    font-size:.875em;
    line-height:1.42857
  }
  .prose {
    --tw-prose-body:oklch(37.3% .034 259.733);
    --tw-prose-headings:oklch(21% .034 264.665);
    --tw-prose-lead:oklch(44.6% .03 256.802);
    --tw-prose-links:oklch(21% .034 264.665);
    --tw-prose-bold:oklch(21% .034 264.665);
    --tw-prose-counters:oklch(55.1% .027 264.364);
    --tw-prose-bullets:oklch(87.2% .01 258.338);
    --tw-prose-hr:oklch(92.8% .006 264.531);
    --tw-prose-quotes:oklch(21% .034 264.665);
    --tw-prose-quote-borders:oklch(92.8% .006 264.531);
    --tw-prose-captions:oklch(55.1% .027 264.364);
    --tw-prose-kbd:oklch(21% .034 264.665);
    --tw-prose-kbd-shadows:NaN NaN NaN;
    --tw-prose-code:oklch(21% .034 264.665);
    --tw-prose-pre-code:oklch(92.8% .006 264.531);
    --tw-prose-pre-bg:oklch(27.8% .033 256.848);
    --tw-prose-th-borders:oklch(87.2% .01 258.338);
    --tw-prose-td-borders:oklch(92.8% .006 264.531);
    --tw-prose-invert-body:oklch(87.2% .01 258.338);
    --tw-prose-invert-headings:#fff;
    --tw-prose-invert-lead:oklch(70.7% .022 261.325);
    --tw-prose-invert-links:#fff;
    --tw-prose-invert-bold:#fff;
    --tw-prose-invert-counters:oklch(70.7% .022 261.325);
    --tw-prose-invert-bullets:oklch(44.6% .03 256.802);
    --tw-prose-invert-hr:oklch(37.3% .034 259.733);
    --tw-prose-invert-quotes:oklch(96.7% .003 264.542);
    --tw-prose-invert-quote-borders:oklch(37.3% .034 259.733);
    --tw-prose-invert-captions:oklch(70.7% .022 261.325);
    --tw-prose-invert-kbd:#fff;
    --tw-prose-invert-kbd-shadows:255 255 255;
    --tw-prose-invert-code:#fff;
    --tw-prose-invert-pre-code:oklch(87.2% .01 258.338);
    --tw-prose-invert-pre-bg:#00000080;
    --tw-prose-invert-th-borders:oklch(44.6% .03 256.802);
    --tw-prose-invert-td-borders:oklch(37.3% .034 259.733);
    font-size:1rem;
    line-height:1.75
  }
  .prose :where(picture>img):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:0;
    margin-bottom:0
  }
  .prose :where(li):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:.5em;
    margin-bottom:.5em
  }
  .prose :where(ol>li):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose :where(ul>li):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-inline-start:.375em
  }
  .prose :where(.prose>ul>li p):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:.75em;
    margin-bottom:.75em
  }
  .prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.25em
  }
  .prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-bottom:1.25em
  }
  .prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.25em
  }
  .prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-bottom:1.25em
  }
  .prose :where(ul ul,
  ul ol,
  ol ul,
  ol ol):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:.75em;
    margin-bottom:.75em
  }
  .prose :where(dl):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:1.25em;
    margin-bottom:1.25em
  }
  .prose :where(dd):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:.5em;
    padding-inline-start:1.625em
  }
  .prose :where(h2+*):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose :where(h3+*):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose :where(h4+*):not(:where([class~=not-prose],
  [class~=not-prose] *)),
  .prose :where(hr+*):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:0
  }
  .prose :where(thead th:first-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-inline-start:0
  }
  .prose :where(thead th:last-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-inline-end:0
  }
  .prose :where(tbody td,
  tfoot td):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-top:.571429em;
    padding-inline-end:.571429em;
    padding-bottom:.571429em;
    padding-inline-start:.571429em
  }
  .prose :where(tbody td:first-child,
  tfoot td:first-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-inline-start:0
  }
  .prose :where(tbody td:last-child,
  tfoot td:last-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    padding-inline-end:0
  }
  .prose :where(figure):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:2em;
    margin-bottom:2em
  }
  .prose :where(.prose>:first-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-top:0
  }
  .prose :where(.prose>:last-child):not(:where([class~=not-prose],
  [class~=not-prose] *)) {
    margin-bottom:0
  }
  .tw-bk {
    margin-top:calc(var(--spacing)*1)
  }
  .tw-ji {
    margin-top:calc(var(--spacing)*1.5)
  }
  .tw-ck {
    margin-top:calc(var(--spacing)*2)
  }
  .tw-dk {
    margin-top:calc(var(--spacing)*3)
  }
  .tw-ek {
    margin-top:calc(var(--spacing)*4)
  }
  .tw-fk {
    margin-top:calc(var(--spacing)*5)
  }
  .tw-gk {
    margin-top:calc(var(--spacing)*6)
  }
  .tw-hk {
    margin-top:calc(var(--spacing)*8)
  }
  .tw-aj {
    margin-top:calc(var(--spacing)*10)
  }
  .tw-bj {
    margin-top:calc(var(--spacing)*16)
  }
  .tw-cj {
    margin-top:calc(var(--spacing)*20)
  }
  .tw-dj {
    margin-top:calc(var(--spacing)*28)
  }
  .tw-vg {
    margin-top:-5%
  }
  .tw-rh {
    margin-top:auto
  }
  .tw-ak {
    margin-right:calc(var(--spacing)*2)
  }
  .tw-uj {
    margin-bottom:calc(var(--spacing)*2)
  }
  .tw-vj {
    margin-bottom:calc(var(--spacing)*4)
  }
  .tw-wj {
    margin-bottom:calc(var(--spacing)*6)
  }
  .tw-yi {
    margin-bottom:calc(var(--spacing)*10)
  }
  .tw-zi {
    margin-bottom:calc(var(--spacing)*20)
  }
  .tw-xj {
    margin-left:calc(var(--spacing)*1)
  }
  .tw-yj {
    margin-left:calc(var(--spacing)*2)
  }
  .tw-zj {
    margin-left:calc(var(--spacing)*3)
  }
  .badge {
    border-radius:var(--radius-selector);
    vertical-align:middle;
    color:var(--badge-fg);
    border:var(--border)solid var(--badge-color,var(--color-base-200));
    width:fit-content;
    padding-inline:calc(.25rem*3 - var(--border));
    background-size:auto,calc(var(--noise)*100%);
    background-image:none,var(--fx-noise);
    background-color:var(--badge-bg);
    --badge-bg:var(--badge-color,var(--color-base-100));
    --badge-fg:var(--color-base-content);
    --size:calc(var(--size-selector,.25rem)*6);
    height:var(--size);
    justify-content:center;
    gap:.5rem;
    font-size:.875rem;
    display:inline-flex
  }
  .badge,
  .navbar {
    align-items:center
  }
  .navbar {
    width:100%;
    min-height:4rem;
    padding:.5rem;
    display:flex
  }
  .footer {
    grid-auto-flow:row;
    place-items:start;
    gap:2.5rem 1rem;
    width:100%;
    font-size:.875rem;
    line-height:1.25rem;
    display:grid
  }
  .footer>* {
    place-items:start;
    gap:.5rem;
    display:grid
  }
  .footer.footer-center {
    text-align:center;
    grid-auto-flow:column dense;
    place-items:center
  }
  .footer.footer-center>* {
    place-items:center
  }
  .navbar-end {
    justify-content:flex-end
  }
  .navbar-end,
  .navbar-start {
    align-items:center;
    width:50%;
    display:inline-flex
  }
  .navbar-start {
    justify-content:flex-start
  }
  .card-body {
    padding:var(--card-p,1.5rem);
    font-size:var(--card-fs,.875rem);
    flex-direction:column;
    flex:auto;
    gap:.5rem;
    display:flex
  }
  .card-body :where(p) {
    flex-grow:1
  }
  .navbar-center {
    flex-shrink:0;
    align-items:center;
    display:inline-flex
  }
  .carousel {
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    display:inline-flex;
    overflow-x:scroll
  }
  @media (prefers-reduced-motion:no-preference) {
    .carousel {
      scroll-behavior:smooth
    }
  }
  .carousel::-webkit-scrollbar {
    display:none
  }
  .card-title {
    font-size:var(--cardtitle-fs,1.125rem);
    align-items:center;
    gap:.5rem;
    font-weight:600;
    display:flex
  }
  .join {
    --join-ss:0;
    --join-se:0;
    --join-es:0;
    --join-ee:0;
    align-items:stretch;
    display:inline-flex
  }
  .join :where(.join-item) {
    border-start-start-radius:var(--join-ss,0);
    border-start-end-radius:var(--join-se,0);
    border-end-end-radius:var(--join-ee,0);
    border-end-start-radius:var(--join-es,0)
  }
  .join :where(.join-item) * {
    --join-ss:var(--radius-field);
    --join-se:var(--radius-field);
    --join-es:var(--radius-field);
    --join-ee:var(--radius-field)
  }
  .join :first-child:not(:last-child) :where(.join-item),
  .join>.join-item:where(:first-child) {
    --join-ss:var(--radius-field);
    --join-se:0;
    --join-es:var(--radius-field);
    --join-ee:0
  }
  .join :last-child:not(:first-child) :where(.join-item),
  .join>.join-item:where(:last-child) {
    --join-ss:0;
    --join-se:var(--radius-field);
    --join-es:0;
    --join-ee:var(--radius-field)
  }
  .join :only-child :where(.join-item),
  .join>.join-item:where(:only-child) {
    --join-ss:var(--radius-field);
    --join-se:var(--radius-field);
    --join-es:var(--radius-field);
    --join-ee:var(--radius-field)
  }
  .tw-zc {
    -webkit-line-clamp:2
  }
  .tw-ad,
  .tw-zc {
    -webkit-box-orient:vertical;
    display:-webkit-box;
    overflow:hidden
  }
  .tw-ad {
    -webkit-line-clamp:3
  }
  :root .prose {
    --tw-prose-body:var(--color-base-content)
  }
  @supports (color:color-mix(in lab,red,red)) {
    :root .prose {
      --tw-prose-body:color-mix(in oklab,var(--color-base-content)80%,#0000)
    }
  }
  :root .prose {
    --tw-prose-headings:var(--color-base-content);
    --tw-prose-lead:var(--color-base-content);
    --tw-prose-links:var(--color-base-content);
    --tw-prose-bold:var(--color-base-content);
    --tw-prose-counters:var(--color-base-content);
    --tw-prose-bullets:var(--color-base-content)
  }
  @supports (color:color-mix(in lab,red,red)) {
    :root .prose {
      --tw-prose-bullets:color-mix(in oklab,var(--color-base-content)50%,#0000)
    }
  }
  :root .prose {
    --tw-prose-hr:var(--color-base-content)
  }
  @supports (color:color-mix(in lab,red,red)) {
    :root .prose {
      --tw-prose-hr:color-mix(in oklab,var(--color-base-content)20%,#0000)
    }
  }
  :root .prose {
    --tw-prose-quotes:var(--color-base-content);
    --tw-prose-quote-borders:var(--color-base-content)
  }
  @supports (color:color-mix(in lab,red,red)) {
    :root .prose {
      --tw-prose-quote-borders:color-mix(in oklab,var(--color-base-content)20%,#0000)
    }
  }
  :root .prose {
    --tw-prose-captions:var(--color-base-content)
  }
  @supports (color:color-mix(in lab,red,red)) {
    :root .prose {
      --tw-prose-captions:color-mix(in oklab,var(--color-base-content)50%,#0000)
    }
  }
  :root .prose {
    --tw-prose-code:var(--color-base-content);
    --tw-prose-pre-code:var(--color-neutral-content);
    --tw-prose-pre-bg:var(--color-neutral);
    --tw-prose-th-borders:var(--color-base-content)
  }
  @supports (color:color-mix(in lab,red,red)) {
    :root .prose {
      --tw-prose-th-borders:color-mix(in oklab,var(--color-base-content)50%,#0000)
    }
  }
  :root .prose {
    --tw-prose-td-borders:var(--color-base-content)
  }
  @supports (color:color-mix(in lab,red,red)) {
    :root .prose {
      --tw-prose-td-borders:color-mix(in oklab,var(--color-base-content)20%,#0000)
    }
  }
  :root .prose {
    --tw-prose-kbd:var(--color-base-content)
  }
  @supports (color:color-mix(in lab,red,red)) {
    :root .prose {
      --tw-prose-kbd:color-mix(in oklab,var(--color-base-content)80%,#0000)
    }
  }
  :root .prose :where(code):not(pre>code) {
    background-color:var(--color-base-200);
    border-radius:var(--radius-selector);
    border:var(--border)solid var(--color-base-300);
    font-weight:inherit;
    padding-inline:.5em
  }
  :root .prose :where(code):not(pre>code):after,
  :root .prose :where(code):not(pre>code):before {
    display:none
  }
  .flex {
    display:flex
  }
  .grid {
    display:grid
  }
  .hidden {
    display:none
  }
  .tw-rd {
    display:inline-flex
  }
  .tw-db {
    aspect-ratio:16/10
  }
  .btn-circle {
    width:var(--size);
    height:var(--size);
    border-radius:3.40282e+38px;
    padding-inline:0
  }
  .tw-mi {
    width:calc(var(--spacing)*5);
    height:calc(var(--spacing)*5)
  }
  .tw-xi {
    height:calc(var(--spacing)*1.5)
  }
  .tw-bl {
    height:calc(var(--spacing)*4)
  }
  .tw-cl {
    height:calc(var(--spacing)*5)
  }
  .tw-dl {
    height:calc(var(--spacing)*6)
  }
  .tw-el {
    height:calc(var(--spacing)*8)
  }
  .tw-pj {
    height:calc(var(--spacing)*10)
  }
  .tw-qj {
    height:calc(var(--spacing)*52)
  }
  .tw-rj {
    height:calc(var(--spacing)*56)
  }
  .tw-sj {
    height:calc(var(--spacing)*96)
  }
  .tw-df {
    height:36rem
  }
  .tw-ff {
    height:44rem
  }
  .tw-gg {
    height:48vh
  }
  .tw-hg {
    height:50vh
  }
  .tw-ef {
    height:400px
  }
  .tw-gi {
    height:100%
  }
  .tw-tj {
    height:1px
  }
  .tw-jc {
    min-height:300px
  }
  .tw-cd {
    min-height:100vh
  }
  .tw-nj {
    width:calc(var(--spacing)*1.5)
  }
  .tw-jl {
    width:calc(var(--spacing)*4)
  }
  .tw-kl {
    width:calc(var(--spacing)*5)
  }
  .tw-ll {
    width:calc(var(--spacing)*6)
  }
  .tw-ml {
    width:calc(var(--spacing)*8)
  }
  .tw-vk {
    width:calc(var(--spacing)*10)
  }
  .tw-wk {
    width:calc(var(--spacing)*12)
  }
  .tw-xk {
    width:calc(var(--spacing)*52)
  }
  .tw-wf {
    width:25rem
  }
  .tw-xf {
    width:36rem
  }
  .tw-yf {
    width:44rem
  }
  .tw-pi {
    width:100%
  }
  .tw-yk {
    width:1px
  }
  .tw-ah {
    width:100vw
  }
  .tw-if {
    max-width:var(--container-2xl)
  }
  .tw-jf {
    max-width:var(--container-3xl)
  }
  .tw-kf {
    max-width:var(--container-6xl)
  }
  .tw-lf {
    max-width:var(--container-7xl)
  }
  .tw-nb {
    max-width:1400px
  }
  .tw-pg {
    max-width:var(--container-lg)
  }
  .tw-ne {
    max-width:none
  }
  .tw-qg {
    max-width:var(--container-sm)
  }
  .tw-rg {
    max-width:var(--container-xl)
  }
  .tw-qh {
    min-width:calc(var(--spacing)*0)
  }
  .tw-di {
    flex:1
  }
  .tw-cc {
    flex-shrink:0
  }
  .grow {
    flex-grow:1
  }
  .tw-da {
    --tw-translate-x:calc(calc(1/2*100%)*-1);
    translate:var(--tw-translate-x)var(--tw-translate-y)
  }
  .tw-nf {
    --tw-scale-x:0%;
    scale:var(--tw-scale-x)var(--tw-scale-y)
  }
  .swap-rotate .swap-on,
  .swap-rotate input:indeterminate~.swap-on {
    rotate:45deg
  }
  .swap-rotate input:is(:checked,
  :indeterminate)~.swap-on,
  .swap-rotate.swap-active .swap-on {
    rotate:none
  }
  .swap-rotate input:is(:checked,
  :indeterminate)~.swap-off,
  .swap-rotate.swap-active .swap-off {
    rotate:-45deg
  }
  .transform {
    transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)
  }
  .link {
    cursor:pointer;
    text-decoration-line:underline
  }
  .link:focus {
    --tw-outline-style:none;
    outline-style:none
  }
  @media (forced-colors:active) {
    .link:focus {
      outline-offset:2px;
      outline:2px solid #0000
    }
  }
  .link:focus-visible {
    outline-offset:2px;
    outline:2px solid
  }
  .tw-jb {
    cursor:pointer
  }
  .tw-gc {
    grid-auto-flow:column
  }
  .tw-qd {
    grid-template-columns:repeat(1,minmax(0,1fr))
  }
  .tw-fg {
    flex-direction:column
  }
  .tw-ja {
    flex-direction:column-reverse
  }
  .tw-bf {
    flex-wrap:wrap
  }
  .tw-vc {
    align-items:center
  }
  .tw-sd {
    align-items:flex-start
  }
  .tw-va {
    justify-content:space-between
  }
  .tw-lb {
    justify-content:center
  }
  .tw-eh {
    gap:calc(var(--spacing)*1.5)
  }
  .tw-ri {
    gap:calc(var(--spacing)*2)
  }
  .tw-si {
    gap:calc(var(--spacing)*3)
  }
  .tw-ti {
    gap:calc(var(--spacing)*4)
  }
  .tw-ui {
    gap:calc(var(--spacing)*5)
  }
  .tw-vi {
    gap:calc(var(--spacing)*6)
  }
  .tw-wi {
    gap:calc(var(--spacing)*8)
  }
  .tw-ei {
    gap:calc(var(--spacing)*10)
  }
  .tw-fi {
    gap:calc(var(--spacing)*12)
  }
  :where(.tw-rf>:not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));
    margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))
  }
  :where(.tw-sf>:not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));
    margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))
  }
  :where(.tw-tf>:not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start:calc(calc(var(--spacing)*7)*var(--tw-space-y-reverse));
    margin-block-end:calc(calc(var(--spacing)*7)*calc(1 - var(--tw-space-y-reverse)))
  }
  :where(.tw-uf>:not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));
    margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))
  }
  :where(.tw-r>:not(:last-child)) {
    border-color:var(--color-base-content)
  }
  .tw-ya {
    overflow:hidden
  }
  .menu-md :where(li:not(.menu-title)>:not(ul,
  details,
  .menu-title)),
  .menu-md :where(li:not(.menu-title)>details>summary:not(.menu-title)) {
    border-radius:var(--radius-field);
    padding-block:.375rem;
    padding-inline:.75rem;
    font-size:.875rem
  }
  .menu-md .menu-title {
    padding-block:.5rem;
    padding-inline:.75rem
  }
  .tw-ae {
    border-radius:var(--radius-2xl)
  }
  .tw-be {
    border-radius:var(--radius-3xl)
  }
  .tw-ce {
    border-radius:var(--radius-box)
  }
  .tw-ed {
    border-radius:3.40282e+38px
  }
  .tw-ue {
    border-radius:var(--radius-lg)
  }
  .tw-ve {
    border-radius:var(--radius-md)
  }
  .tw-we {
    border-radius:var(--radius-xl)
  }
  .tw-kc {
    border-bottom-right-radius:var(--radius-box);
    border-bottom-left-radius:var(--radius-box)
  }
  .border {
    border-style:var(--tw-border-style);
    border-width:1px
  }
  .tw-dg {
    border-top-style:var(--tw-border-style);
    border-top-width:1px
  }
  .tw-cg {
    border-bottom-style:var(--tw-border-style);
    border-bottom-width:1px
  }
  .badge-ghost {
    border-color:var(--color-base-200);
    background-color:var(--color-base-200);
    color:var(--color-base-content);
    background-image:none
  }
  .badge-soft {
    color:var(--badge-color,var(--color-base-content));
    background-color:var(--badge-color,var(--color-base-content))
  }
  @supports (color:color-mix(in lab,red,red)) {
    .badge-soft {
      background-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))8%,var(--color-base-100))
    }
  }
  .badge-soft {
    border-color:var(--badge-color,var(--color-base-content))
  }
  @supports (color:color-mix(in lab,red,red)) {
    .badge-soft {
      border-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))10%,var(--color-base-100))
    }
  }
  .badge-outline,
  .badge-soft {
    background-image:none
  }
  .badge-outline {
    color:var(--badge-color);
    --badge-bg:#0000;
    border-color:currentColor
  }
  .tw-ra {
    border-color:var(--color-base-300)
  }
  .tw-f {
    border-color:var(--color-base-content)
  }
  @supports (color:color-mix(in lab,red,red)) {
    .tw-f {
      border-color:color-mix(in oklab,var(--color-base-content)10%,transparent)
    }
  }
  .tw-ld {
    background-color:var(--color-base-100)
  }
  .tw-eb,
  .tw-md {
    background-color:var(--color-base-200)
  }
  @supports (color:color-mix(in lab,red,red)) {
    .tw-eb {
      background-color:color-mix(in oklab,var(--color-base-200)30%,transparent)
    }
  }
  .tw-fb {
    background-color:var(--color-base-300)
  }
  @supports (color:color-mix(in lab,red,red)) {
    .tw-fb {
      background-color:color-mix(in oklab,var(--color-base-300)20%,transparent)
    }
  }
  .tw-gb {
    background-color:var(--color-base-300)
  }
  @supports (color:color-mix(in lab,red,red)) {
    .tw-gb {
      background-color:color-mix(in oklab,var(--color-base-300)50%,transparent)
    }
  }
  .tw-pa,
  .tw-z {
    background-color:var(--color-base-content)
  }
  @supports (color:color-mix(in lab,red,red)) {
    .tw-z {
      background-color:color-mix(in oklab,var(--color-base-content)8%,transparent)
    }
  }
  .tw-w {
    background-color:var(--color-base-content)
  }
  @supports (color:color-mix(in lab,red,red)) {
    .tw-w {
      background-color:color-mix(in oklab,var(--color-base-content)10%,transparent)
    }
  }
  .tw-ke,
  .tw-zb {
    background-color:var(--color-primary)
  }
  @supports (color:color-mix(in lab,red,red)) {
    .tw-zb {
      background-color:color-mix(in oklab,var(--color-primary)10%,transparent)
    }
  }
  .tw-ac {
    background-color:var(--color-primary)
  }
  @supports (color:color-mix(in lab,red,red)) {
    .tw-ac {
      background-color:color-mix(in oklab,var(--color-primary)20%,transparent)
    }
  }
  .tw-bc {
    background-color:var(--color-primary)
  }
  @supports (color:color-mix(in lab,red,red)) {
    .tw-bc {
      background-color:color-mix(in oklab,var(--color-primary)40%,transparent)
    }
  }
  .tw-qa {
    background-color:var(--color-secondary)
  }
  @supports (color:color-mix(in lab,red,red)) {
    .tw-qa {
      background-color:color-mix(in oklab,var(--color-secondary)18%,transparent)
    }
  }
  .tw-hb {
    background-color:#0000
  }
  .tw-nd {
    background-color:#fffc
  }
  @supports (color:color-mix(in lab,red,red)) {
    .tw-nd {
      background-color:color-mix(in oklab,var(--color-white)80%,transparent)
    }
  }
  .tw-ga {
    --tw-gradient-position:to bottom in oklab
  }
  .tw-ga,
  .tw-ha {
    background-image:linear-gradient(var(--tw-gradient-stops))
  }
  .tw-ha {
    --tw-gradient-position:to right in oklab
  }
  .tw-ia {
    --tw-gradient-position:to top in oklab;
    background-image:linear-gradient(var(--tw-gradient-stops))
  }
  .tw-ec {
    --tw-gradient-from:var(--color-base-100);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .tw-fc {
    --tw-gradient-from:var(--color-base-200);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .tw-uc {
    --tw-gradient-from:var(--color-primary);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .tw-ta {
    --tw-gradient-from:var(--color-primary)
  }
  @supports (color:color-mix(in lab,red,red)) {
    .tw-ta {
      --tw-gradient-from:color-mix(in oklab,var(--color-primary)20%,transparent)
    }
  }
  .tw-ta {
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .tw-ka {
    --tw-gradient-from:transparent;
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .tw-id {
    --tw-gradient-via:var(--color-base-100);
    --tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-via-stops)
  }
  .tw-bb {
    --tw-gradient-via:var(--color-base-100)
  }
  @supports (color:color-mix(in lab,red,red)) {
    .tw-bb {
      --tw-gradient-via:color-mix(in oklab,var(--color-base-100)90%,transparent)
    }
  }
  .tw-bb {
    --tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-via-stops)
  }
  .tw-xb {
    --tw-gradient-via:var(--color-primary)
  }
  @supports (color:color-mix(in lab,red,red)) {
    .tw-xb {
      --tw-gradient-via:color-mix(in oklab,var(--color-primary)10%,transparent)
    }
  }
  .tw-xb {
    --tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-via-stops)
  }
  .tw-ge {
    --tw-gradient-to:var(--color-base-100);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .tw-hd {
    --tw-gradient-to:var(--color-secondary);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .tw-ab {
    --tw-gradient-to:var(--color-secondary)
  }
  @supports (color:color-mix(in lab,red,red)) {
    .tw-ab {
      --tw-gradient-to:color-mix(in oklab,var(--color-secondary)20%,transparent)
    }
  }
  .tw-ab {
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .tw-tb {
    --tw-gradient-to:transparent;
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))
  }
  .tw-oc {
    -webkit-background-clip:text;
    background-clip:text
  }
  .tw-sc {
    fill:currentColor
  }
  .tw-qb {
    stroke:currentColor
  }
  .tw-dd {
    object-fit:cover
  }
  .tw-fl {
    padding:calc(var(--spacing)*0)
  }
  .tw-gl {
    padding:calc(var(--spacing)*2)
  }
  .tw-hl {
    padding:calc(var(--spacing)*6)
  }
  .tw-il {
    padding:calc(var(--spacing)*7)
  }
  .badge-lg {
    --size:calc(var(--size-selector,.25rem)*7);
    padding-inline:calc(.25rem*3.5 - var(--border));
    font-size:1rem
  }
  .tw-lk {
    padding-inline:calc(var(--spacing)*1)
  }
  .tw-mk {
    padding-inline:calc(var(--spacing)*3)
  }
  .tw-nk {
    padding-inline:calc(var(--spacing)*4)
  }
  .tw-ok {
    padding-inline:calc(var(--spacing)*5)
  }
  .tw-pk {
    padding-inline:calc(var(--spacing)*6)
  }
  .tw-qk {
    padding-inline:calc(var(--spacing)*8)
  }
  .tw-rk {
    padding-block:calc(var(--spacing)*1)
  }
  .tw-ki {
    padding-block:calc(var(--spacing)*1.5)
  }
  .tw-sk {
    padding-block:calc(var(--spacing)*2)
  }
  .tw-tk {
    padding-block:calc(var(--spacing)*3)
  }
  .tw-uk {
    padding-block:calc(var(--spacing)*4)
  }
  .tw-hj {
    padding-block:calc(var(--spacing)*10)
  }
  .tw-ij {
    padding-block:calc(var(--spacing)*14)
  }
  .tw-jj {
    padding-block:calc(var(--spacing)*16)
  }
  .tw-kj {
    padding-block:calc(var(--spacing)*20)
  }
  .tw-kk {
    padding-top:calc(var(--spacing)*4)
  }
  .tw-fj {
    padding-top:calc(var(--spacing)*16)
  }
  .tw-gj {
    padding-top:calc(var(--spacing)*28)
  }
  .tw-jk {
    padding-right:calc(var(--spacing)*2)
  }
  .tw-fe {
    text-align:center
  }
  .tw-wg {
    font-size:var(--text-2xl);
    line-height:var(--tw-leading,var(--text-2xl--line-height))
  }
  .tw-xg {
    font-size:var(--text-3xl);
    line-height:var(--tw-leading,var(--text-3xl--line-height))
  }
  .tw-yg {
    font-size:var(--text-4xl);
    line-height:var(--tw-leading,var(--text-4xl--line-height))
  }
  .tw-zg {
    font-size:var(--text-5xl);
    line-height:var(--tw-leading,var(--text-5xl--line-height))
  }
  .tw-vf {
    font-size:var(--text-base);
    line-height:var(--tw-leading,var(--text-base--line-height))
  }
  .tw-vh {
    font-size:var(--text-lg);
    line-height:var(--tw-leading,var(--text-lg--line-height))
  }
  .tw-xh {
    font-size:var(--text-sm);
    line-height:var(--tw-leading,var(--text-sm--line-height))
  }
  .tw-yh {
    font-size:var(--text-xl);
    line-height:var(--tw-leading,var(--text-xl--line-height))
  }
  .tw-zh {
    font-size:var(--text-xs);
    line-height:var(--tw-leading,var(--text-xs--line-height))
  }
  .tw-hc {
    --tw-leading:1.1;
    line-height:1.1
  }
  .tw-wa {
    --tw-leading:var(--leading-relaxed);
    line-height:var(--leading-relaxed)
  }
  .tw-ic {
    --tw-leading:var(--leading-tight);
    line-height:var(--leading-tight)
  }
  .tw-cf {
    --tw-font-weight:var(--font-weight-bold);
    font-weight:var(--font-weight-bold)
  }
  .tw-kb {
    --tw-font-weight:var(--font-weight-extrabold);
    font-weight:var(--font-weight-extrabold)
  }
  .tw-sa {
    --tw-font-weight:var(--font-weight-extralight);
    font-weight:var(--font-weight-extralight)
  }
  .tw-le {
    --tw-font-weight:var(--font-weight-light);
    font-weight:var(--font-weight-light)
  }
  .tw-od {
    --tw-font-weight:var(--font-weight-medium);
    font-weight:var(--font-weight-medium)
  }
  .tw-dc {
    --tw-font-weight:var(--font-weight-semibold);
    font-weight:var(--font-weight-semibold)
  }
  .tw-oa {
    --tw-tracking:.2em;
    letter-spacing:.2em
  }
  .tw-ub {
    --tw-tracking:var(--tracking-tight);
    letter-spacing:var(--tracking-tight)
  }
  .tw-nc {
    --tw-tracking:var(--tracking-wide);
    letter-spacing:var(--tracking-wide)
  }
  .tw-vb {
    --tw-tracking:var(--tracking-wider);
    letter-spacing:var(--tracking-wider)
  }
  .tw-q {
    text-wrap:balance
  }
  html body a.tw-lc, .tw-lc {
    color:var(--color-base-100) !important
  }
  .tw-ba,
  .tw-k {
    color:var(--color-base-content)
  }
  @supports (color:color-mix(in lab,red,red)) {
    .tw-k {
      color:color-mix(in oklab,var(--color-base-content)40%,transparent)
    }
  }
  .tw-l {
    color:var(--color-base-content)
  }
  @supports (color:color-mix(in lab,red,red)) {
    .tw-l {
      color:color-mix(in oklab,var(--color-base-content)50%,transparent)
    }
  }
  .tw-m {
    color:var(--color-base-content)
  }
  @supports (color:color-mix(in lab,red,red)) {
    .tw-m {
      color:color-mix(in oklab,var(--color-base-content)60%,transparent)
    }
  }
  .tw-n {
    color:var(--color-base-content)
  }
  @supports (color:color-mix(in lab,red,red)) {
    .tw-n {
      color:color-mix(in oklab,var(--color-base-content)70%,transparent)
    }
  }
  .tw-o {
    color:var(--color-base-content)
  }
  @supports (color:color-mix(in lab,red,red)) {
    .tw-o {
      color:color-mix(in oklab,var(--color-base-content)80%,transparent)
    }
  }
  .tw-mc {
    color:var(--color-gray-800)
  }
  .tw-gd,
  .tw-za {
    color:var(--color-primary)
  }
  @supports (color:color-mix(in lab,red,red)) {
    .tw-za {
      color:color-mix(in oklab,var(--color-primary)70%,transparent)
    }
  }
  .tw-na {
    color:#0000
  }
  .uppercase {
    text-transform:uppercase
  }
  .italic {
    font-style:italic
  }
  .swap-active .swap-off {
    opacity:0
  }
  .swap-active .swap-on {
    opacity:1
  }
  .tw-mf {
    opacity:.06
  }
  .tw-pe {
    opacity:.2
  }
  .tw-qe {
    opacity:.25
  }
  .tw-re {
    opacity:.45
  }
  .tw-se {
    opacity:.7
  }
  .tw-te {
    opacity:.9
  }
  .shadow {
    --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)
  }
  .shadow,
  .tw-xe {
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }
  .tw-xe {
    --tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040)
  }
  .tw-of {
    --tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)
  }
  .tw-of,
  .tw-pf {
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }
  .tw-pf {
    --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)
  }
  .tw-li {
    --tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);
    box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
  }
  .tw-ma {
    --tw-ring-color:var(--color-base-300)
  }
  @supports (color:color-mix(in lab,red,red)) {
    .tw-ma {
      --tw-ring-color:color-mix(in oklab,var(--color-base-300)40%,transparent)
    }
  }
  .tw-j {
    --tw-ring-color:var(--color-base-content)
  }
  @supports (color:color-mix(in lab,red,red)) {
    .tw-j {
      --tw-ring-color:color-mix(in oklab,var(--color-base-content)10%,transparent)
    }
  }
  .btn-ghost:not(.btn-active,
  :hover,
  :active:focus,
  :focus-visible) {
    --btn-shadow:"";
    --btn-bg:#0000;
    --btn-border:#0000;
    --btn-noise:none
  }
  .btn-ghost:not(.btn-active,
  :hover,
  :active:focus,
  :focus-visible):not(:disabled,
  [disabled],
  .btn-disabled) {
    --btn-fg:currentColor;
    outline-color:currentColor
  }
  @media (hover:none) {
    .btn-ghost:hover:not(.btn-active,
    :active,
    :focus-visible,
    :disabled,
    [disabled],
    .btn-disabled) {
      --btn-shadow:"";
      --btn-bg:#0000;
      --btn-border:#0000;
      --btn-noise:none;
      --btn-fg:currentColor
    }
  }
  .tw-bg {
    --tw-blur:blur(var(--blur-3xl))
  }
  .tw-bg,
  .tw-ib {
    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-ib {
    --tw-brightness:brightness(150%)
  }
  .tw-ea {
    --tw-backdrop-blur:blur(var(--blur-lg))
  }
  .tw-ea,
  .tw-fa {
    -webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
    backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)
  }
  .tw-fa {
    --tw-backdrop-blur:blur(var(--blur-md))
  }
  .transition {
    transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }
  .tw-wb {
    transition-property:all;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }
  .tw-ca {
    transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }
  .tw-p {
    transition-property:transform,translate,scale,rotate;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }
  .tw-pc {
    --tw-duration:.2s;
    transition-duration:.2s
  }
  .tw-qc {
    --tw-duration:.3s;
    transition-duration:.3s
  }
  .tw-rc {
    --tw-duration:.5s;
    transition-duration:.5s
  }
  .ease-out {
    --tw-ease:var(--ease-out);
    transition-timing-function:var(--ease-out)
  }
  .btn-outline:not(.btn-active,
  :hover,
  :active:focus,
  :focus-visible,
  :disabled,
  [disabled],
  .btn-disabled,
  :checked) {
    --btn-shadow:"";
    --btn-bg:#0000;
    --btn-fg:var(--btn-color);
    --btn-border:var(--btn-color);
    --btn-noise:none
  }
  @media (hover:none) {
    .btn-outline:hover:not(.btn-active,
    :active,
    :focus-visible,
    :disabled,
    [disabled],
    .btn-disabled,
    :checked) {
      --btn-shadow:"";
      --btn-bg:#0000;
      --btn-fg:var(--btn-color);
      --btn-border:var(--btn-color);
      --btn-noise:none
    }
  }
  .btn-sm {
    --fontsize:.75rem;
    --btn-p:.75rem;
    --size:calc(var(--size-field,.25rem)*8)
  }
  .badge-primary {
    --badge-color:var(--color-primary);
    --badge-fg:var(--color-primary-content)
  }
  .btn-primary {
    --btn-color:var(--color-primary);
    --btn-fg:var(--color-primary-content)
  }
  @media (hover:hover) {
    .tw-b:is(:where(.group):hover *) {
      --tw-translate-x:calc(var(--spacing)*.5);
      translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .tw-c:is(:where(.group):hover *) {
      --tw-translate-x:calc(var(--spacing)*1);
      translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .tw-a:is(:where(.group):hover *) {
      --tw-translate-y:calc(var(--spacing)*-.5);
      translate:var(--tw-translate-x)var(--tw-translate-y)
    }
    .tw-s:is(:where(.group):hover *) {
      --tw-scale-x:0%;
      --tw-scale-y:0%;
      --tw-scale-z:0%;
      scale:var(--tw-scale-x)var(--tw-scale-y)
    }
    .tw-g:is(:where(.group):hover *) {
      --tw-scale-x:105%;
      --tw-scale-y:105%;
      --tw-scale-z:105%;
      scale:var(--tw-scale-x)var(--tw-scale-y)
    }
    .tw-e:is(:where(.group):hover *) {
      --tw-scale-x:100%;
      scale:var(--tw-scale-x)var(--tw-scale-y)
    }
    .tw-d:is(:where(.group):hover *) {
      color:var(--color-primary)
    }
    .tw-h:hover {
      background-color:var(--color-base-200)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .tw-h:hover {
        background-color:color-mix(in oklab,var(--color-base-200)50%,transparent)
      }
    }
    .tw-t:hover {
      background-color:var(--color-primary)
    }
    @supports (color:color-mix(in lab,red,red)) {
      .tw-t:hover {
        background-color:color-mix(in oklab,var(--color-primary)10%,transparent)
      }
    }
    .tw-y:hover {
      color:var(--color-primary)
    }
    .tw-ua:hover {
      --tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);
      box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
    }
  }
  .tw-x:focus {
    --tw-outline-style:none;
    outline-style:none
  }
  @media (min-width:40rem) {
    .tw-qf {
      width:auto
    }
    .tw-de {
      flex-direction:row
    }
    .tw-ni {
      padding:calc(var(--spacing)*8)
    }
    .tw-uh {
      padding-inline:calc(var(--spacing)*8)
    }
    .tw-ee {
      font-size:var(--text-4xl);
      line-height:var(--tw-leading,var(--text-4xl--line-height))
    }
    .tw-ye {
      font-size:var(--text-lg);
      line-height:var(--tw-leading,var(--text-lg--line-height))
    }
  }
  @media (min-width:48rem) {
    .tw-mh {
      margin-top:calc(var(--spacing)*0)
    }
    .tw-nh {
      margin-top:calc(var(--spacing)*8)
    }
    .tw-tg {
      margin-top:calc(var(--spacing)*32)
    }
    .tw-sg {
      margin-bottom:calc(var(--spacing)*32)
    }
    .tw-lh {
      height:calc(var(--spacing)*72)
    }
    .tw-bd {
      max-width:var(--container-2xl)
    }
    .tw-ob {
      grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .tw-pb {
      grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .tw-xa {
      align-items:center
    }
    .tw-aa {
      justify-content:center
    }
    .tw-i {
      place-self:center
    }
    .tw-u {
      justify-self:flex-end
    }
    .tw-oh {
      padding:calc(var(--spacing)*12)
    }
    .tw-ph {
      padding-inline:calc(var(--spacing)*0)
    }
    .tw-ug {
      padding-inline:calc(var(--spacing)*10)
    }
    .tw-wd {
      font-size:var(--text-3xl);
      line-height:var(--tw-leading,var(--text-3xl--line-height))
    }
    .tw-xd {
      font-size:var(--text-4xl);
      line-height:var(--tw-leading,var(--text-4xl--line-height))
    }
    .tw-yd {
      font-size:var(--text-5xl);
      line-height:var(--tw-leading,var(--text-5xl--line-height))
    }
    .tw-zd {
      font-size:var(--text-6xl);
      line-height:var(--tw-leading,var(--text-6xl--line-height))
    }
    .tw-oe {
      font-size:var(--text-lg);
      line-height:var(--tw-leading,var(--text-lg--line-height))
    }
  }
  @media (min-width:64rem) {
    .tw-jh {
      margin-top:calc(var(--spacing)*0)
    }
    .tw-ih {
      margin-left:calc(var(--spacing)*7)
    }
    .tw-gh {
      display:flex
    }
    .tw-hf {
      display:none
    }
    .lg\:card-side {
      flex-direction:row;
      align-items:stretch
    }
    .lg\:card-side :where(figure:first-child) {
      border-start-start-radius:inherit;
      border-start-end-radius:unset;
      border-end-end-radius:unset;
      border-end-start-radius:inherit;
      overflow:hidden
    }
    .lg\:card-side :where(figure:last-child) {
      border-start-start-radius:unset;
      border-start-end-radius:inherit;
      border-end-end-radius:inherit;
      border-end-start-radius:unset;
      overflow:hidden
    }
    .lg\:card-side figure>* {
      max-width:unset
    }
    .lg\:card-side :where(figure>*) {
      object-fit:cover;
      width:100%;
      height:100%
    }
    .tw-hh {
      height:calc(var(--spacing)*96)
    }
    .tw-la {
      min-height:500px
    }
    .tw-og {
      width:50%
    }
    .tw-xc {
      width:40rem
    }
    .tw-yc {
      width:460px
    }
    .tw-mb {
      grid-template-columns:repeat(4,minmax(0,1fr))
    }
    .tw-td {
      flex-direction:row
    }
    .tw-kh {
      padding-inline:calc(var(--spacing)*0)
    }
    .tw-lg {
      padding-inline:calc(var(--spacing)*12)
    }
    .tw-mg {
      padding-inline:calc(var(--spacing)*14)
    }
    .tw-ng {
      padding-block:calc(var(--spacing)*24)
    }
    .tw-kg {
      padding-right:calc(var(--spacing)*12)
    }
    .tw-jg {
      padding-left:calc(var(--spacing)*20)
    }
    .tw-ud {
      font-size:var(--text-5xl);
      line-height:var(--tw-leading,var(--text-5xl--line-height))
    }
    .tw-vd {
      font-size:var(--text-7xl);
      line-height:var(--tw-leading,var(--text-7xl--line-height))
    }
    .tw-wc {
      font-size:var(--text-base);
      line-height:var(--tw-leading,var(--text-base--line-height))
    }
    .tw-me {
      font-size:var(--text-xl);
      line-height:var(--tw-leading,var(--text-xl--line-height))
    }
  }
  @media (min-width:80rem) {
    .tw-bi {
      margin-top:calc(var(--spacing)*0)
    }
    .tw-cb {
      -webkit-line-clamp:3;
      -webkit-box-orient:vertical;
      display:-webkit-box;
      overflow:hidden
    }
    .tw-ai {
      display:flex
    }
    .tw-yb {
      aspect-ratio:auto
    }
    .tw-jd {
      height:500px
    }
    .tw-je {
      max-width:var(--container-xl)
    }
    .tw-he {
      flex-direction:column
    }
    .tw-ie {
      flex-direction:row
    }
    .tw-zf {
      gap:calc(var(--spacing)*20)
    }
    :where(.tw-kd>:not(:last-child)) {
      --tw-space-y-reverse:0;
      margin-block-start:calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));
      margin-block-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))
    }
    .tw-ci {
      padding-inline:calc(var(--spacing)*0)
    }
    .tw-bh {
      padding-inline:calc(var(--spacing)*10)
    }
    .tw-ch {
      padding-inline:calc(var(--spacing)*28)
    }
  }
}
@keyframes dropdown {
  0% {
    opacity:0
  }
}
@keyframes radio {
  0% {
    padding:5px
  }
  50% {
    padding:3px
  }
}
@keyframes toast {
  0% {
    opacity:0;
    scale:.9
  }
  to {
    opacity:1;
    scale:1
  }
}
@keyframes rating {
  0%,
  40% {
    filter:brightness(1.05)contrast(1.05);
    scale:1.1
  }
}
@keyframes skeleton {
  0% {
    background-position:150%
  }
  to {
    background-position:-50%
  }
}
@keyframes progress {
  50% {
    background-position-x:-115%
  }
}
@property --tw-translate-x {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-translate-y {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-translate-z {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-scale-x {
  syntax:"*";
  inherits:false;
  initial-value:1
}
@property --tw-scale-y {
  syntax:"*";
  inherits:false;
  initial-value:1
}
@property --tw-scale-z {
  syntax:"*";
  inherits:false;
  initial-value:1
}
@property --tw-rotate-x {
  syntax:"*";
  inherits:false
}
@property --tw-rotate-y {
  syntax:"*";
  inherits:false
}
@property --tw-rotate-z {
  syntax:"*";
  inherits:false
}
@property --tw-skew-x {
  syntax:"*";
  inherits:false
}
@property --tw-skew-y {
  syntax:"*";
  inherits:false
}
@property --tw-space-y-reverse {
  syntax:"*";
  inherits:false;
  initial-value:0
}
@property --tw-border-style {
  syntax:"*";
  inherits:false;
  initial-value:solid
}
@property --tw-gradient-position {
  syntax:"*";
  inherits:false
}
@property --tw-gradient-from {
  syntax:"<color>";
  inherits:false;
  initial-value:#0000
}
@property --tw-gradient-via {
  syntax:"<color>";
  inherits:false;
  initial-value:#0000
}
@property --tw-gradient-to {
  syntax:"<color>";
  inherits:false;
  initial-value:#0000
}
@property --tw-gradient-stops {
  syntax:"*";
  inherits:false
}
@property --tw-gradient-via-stops {
  syntax:"*";
  inherits:false
}
@property --tw-gradient-from-position {
  syntax:"<length-percentage>";
  inherits:false;
  initial-value:0
}
@property --tw-gradient-via-position {
  syntax:"<length-percentage>";
  inherits:false;
  initial-value:50%
}
@property --tw-gradient-to-position {
  syntax:"<length-percentage>";
  inherits:false;
  initial-value:100%
}
@property --tw-leading {
  syntax:"*";
  inherits:false
}
@property --tw-font-weight {
  syntax:"*";
  inherits:false
}
@property --tw-tracking {
  syntax:"*";
  inherits:false
}
@property --tw-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}
@property --tw-shadow-color {
  syntax:"*";
  inherits:false
}
@property --tw-shadow-alpha {
  syntax:"<percentage>";
  inherits:false;
  initial-value:100%
}
@property --tw-inset-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}
@property --tw-inset-shadow-color {
  syntax:"*";
  inherits:false
}
@property --tw-inset-shadow-alpha {
  syntax:"<percentage>";
  inherits:false;
  initial-value:100%
}
@property --tw-ring-color {
  syntax:"*";
  inherits:false
}
@property --tw-ring-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}
@property --tw-inset-ring-color {
  syntax:"*";
  inherits:false
}
@property --tw-inset-ring-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}
@property --tw-ring-inset {
  syntax:"*";
  inherits:false
}
@property --tw-ring-offset-width {
  syntax:"<length>";
  inherits:false;
  initial-value:0
}
@property --tw-ring-offset-color {
  syntax:"*";
  inherits:false;
  initial-value:#fff
}
@property --tw-ring-offset-shadow {
  syntax:"*";
  inherits:false;
  initial-value:0 0 #0000
}
@property --tw-blur {
  syntax:"*";
  inherits:false
}
@property --tw-brightness {
  syntax:"*";
  inherits:false
}
@property --tw-contrast {
  syntax:"*";
  inherits:false
}
@property --tw-grayscale {
  syntax:"*";
  inherits:false
}
@property --tw-hue-rotate {
  syntax:"*";
  inherits:false
}
@property --tw-invert {
  syntax:"*";
  inherits:false
}
@property --tw-opacity {
  syntax:"*";
  inherits:false
}
@property --tw-saturate {
  syntax:"*";
  inherits:false
}
@property --tw-sepia {
  syntax:"*";
  inherits:false
}
@property --tw-drop-shadow {
  syntax:"*";
  inherits:false
}
@property --tw-drop-shadow-color {
  syntax:"*";
  inherits:false
}
@property --tw-drop-shadow-alpha {
  syntax:"<percentage>";
  inherits:false;
  initial-value:100%
}
@property --tw-drop-shadow-size {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-blur {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-brightness {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-contrast {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-grayscale {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-hue-rotate {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-invert {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-opacity {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-saturate {
  syntax:"*";
  inherits:false
}
@property --tw-backdrop-sepia {
  syntax:"*";
  inherits:false
}
@property --tw-duration {
  syntax:"*";
  inherits:false
}
@property --tw-ease {
  syntax:"*";
  inherits:false
}