/*
! tailwindcss v3.4.0 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: Poppins, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}

:root,
[data-theme]{
    background-color: var(--fallback-b1,oklch(var(--b1)/1));
    color: var(--fallback-bc,oklch(var(--bc)/1));
}

@supports not (color: oklch(0% 0 0)){

    :root{
        color-scheme: light;
        --fallback-p: #491eff;
        --fallback-pc: #d4dbff;
        --fallback-s: #ff41c7;
        --fallback-sc: #fff9fc;
        --fallback-a: #00cfbd;
        --fallback-ac: #00100d;
        --fallback-n: #2b3440;
        --fallback-nc: #d7dde4;
        --fallback-b1: #ffffff;
        --fallback-b2: #e5e6e6;
        --fallback-b3: #e5e6e6;
        --fallback-bc: #1f2937;
        --fallback-in: #00b3f0;
        --fallback-inc: #000000;
        --fallback-su: #00ca92;
        --fallback-suc: #000000;
        --fallback-wa: #ffc22d;
        --fallback-wac: #000000;
        --fallback-er: #ff6f70;
        --fallback-erc: #000000;
    }

    @media (prefers-color-scheme: dark){

        :root{
            color-scheme: dark;
            --fallback-p: #7582ff;
            --fallback-pc: #050617;
            --fallback-s: #ff71cf;
            --fallback-sc: #190211;
            --fallback-a: #00c7b5;
            --fallback-ac: #000e0c;
            --fallback-n: #2a323c;
            --fallback-nc: #a6adbb;
            --fallback-b1: #1d232a;
            --fallback-b2: #191e24;
            --fallback-b3: #15191e;
            --fallback-bc: #a6adbb;
            --fallback-in: #00b3f0;
            --fallback-inc: #000000;
            --fallback-su: #00ca92;
            --fallback-suc: #000000;
            --fallback-wa: #ffc22d;
            --fallback-wac: #000000;
            --fallback-er: #ff6f70;
            --fallback-erc: #000000;
        }
    }
}

html{
    -webkit-tap-highlight-color: transparent;
}

:root{
    --p: 42.2339% 0.141184 6.519974;
    --b2: 88.828% 0 0;
    --b3: 82.142% 0 0;
    --bc: 19.1028% 0 0;
    --pc: 88.4468% 0.028237 6.519974;
    --sc: 11.4231% 0.017969 194.931634;
    --ac: 16.6113% 0.018833 19.255771;
    --nc: 11.4537% 0 0;
    --inc: 14.5138% 0.03089 243.498789;
    --suc: 17.5751% 0.046792 148.583057;
    --wac: 19.136% 0.021646 101.981518;
    --erc: 13.4593% 0.042914 25.039656;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --s: 57.1157% 0.089847 194.931634;
    --a: 83.0566% 0.094164 19.255771;
    --n: 57.2683% 0 0;
    --b1: 95.514% 0 0;
    --in: 72.5689% 0.154451 243.498789;
    --su: 87.8755% 0.23396 148.583057;
    --wa: 95.6798% 0.10823 101.981518;
    --er: 67.2963% 0.214572 25.039656;
}

[data-theme=ekumain]{
    --p: 42.2339% 0.141184 6.519974;
    --b2: 88.828% 0 0;
    --b3: 82.142% 0 0;
    --bc: 19.1028% 0 0;
    --pc: 88.4468% 0.028237 6.519974;
    --sc: 11.4231% 0.017969 194.931634;
    --ac: 16.6113% 0.018833 19.255771;
    --nc: 11.4537% 0 0;
    --inc: 14.5138% 0.03089 243.498789;
    --suc: 17.5751% 0.046792 148.583057;
    --wac: 19.136% 0.021646 101.981518;
    --erc: 13.4593% 0.042914 25.039656;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --s: 57.1157% 0.089847 194.931634;
    --a: 83.0566% 0.094164 19.255771;
    --n: 57.2683% 0 0;
    --b1: 95.514% 0 0;
    --in: 72.5689% 0.154451 243.498789;
    --su: 87.8755% 0.23396 148.583057;
    --wa: 95.6798% 0.10823 101.981518;
    --er: 67.2963% 0.214572 25.039656;
}

[data-theme=ekuintranet]{
    --p: 42.2339% 0.141184 6.519974;
    --b2: 88.828% 0 0;
    --b3: 82.142% 0 0;
    --bc: 19.1028% 0 0;
    --pc: 88.4468% 0.028237 6.519974;
    --sc: 11.4231% 0.017969 194.931634;
    --ac: 16.6113% 0.018833 19.255771;
    --nc: 11.4537% 0 0;
    --inc: 14.5138% 0.03089 243.498789;
    --suc: 17.5751% 0.046792 148.583057;
    --wac: 19.136% 0.021646 101.981518;
    --erc: 13.4593% 0.042914 25.039656;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --s: 57.1157% 0.089847 194.931634;
    --a: 83.0566% 0.094164 19.255771;
    --n: 57.2683% 0 0;
    --b1: 95.514% 0 0;
    --in: 72.5689% 0.154451 243.498789;
    --su: 87.8755% 0.23396 148.583057;
    --wa: 95.6798% 0.10823 101.981518;
    --er: 67.2963% 0.214572 25.039656;
}

*, ::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:  ;
}

::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:  ;
}
.container{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
}
@media (min-width: 480px){

    .container{
        max-width: 480px;
    }
}
@media (min-width: 600px){

    .container{
        max-width: 600px;
        padding-right: 2rem;
        padding-left: 2rem;
    }
}
@media (min-width: 782px){

    .container{
        max-width: 782px;
    }
}
@media (min-width: 960px){

    .container{
        max-width: 960px;
        padding-right: 0rem;
        padding-left: 0rem;
    }
}
@media (min-width: 1280px){

    .container{
        max-width: 1280px;
    }
}
@media (min-width: 1440px){

    .container{
        max-width: 1440px;
    }
}
.alert{
    display: grid;
    width: 100%;
    grid-auto-flow: row;
    align-content: flex-start;
    align-items: center;
    justify-items: center;
    gap: 1rem;
    text-align: center;
    border-radius: var(--rounded-box, 1rem);
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
    padding: 1rem;
    --tw-text-opacity: 1;
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
    --alert-bg: var(--fallback-b2,oklch(var(--b2)/1));
    --alert-bg-mix: var(--fallback-b1,oklch(var(--b1)/1));
    background-color: var(--alert-bg);
}
@media (min-width: 640px){

    .alert{
        grid-auto-flow: column;
        grid-template-columns: auto minmax(auto,1fr);
        justify-items: start;
        text-align: start;
    }
}
.avatar.placeholder > div{
    display: flex;
    align-items: center;
    justify-content: center;
}
.breadcrumbs{
    max-width: 100%;
    overflow-x: auto;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.breadcrumbs > ul,
  .breadcrumbs > ol{
    display: flex;
    align-items: center;
    white-space: nowrap;
    min-height: -moz-min-content;
    min-height: min-content;
}
.breadcrumbs > ul > li, .breadcrumbs > ol > li{
    display: flex;
    align-items: center;
}
.breadcrumbs > ul > li > a, .breadcrumbs > ol > li > a{
    display: flex;
    cursor: pointer;
    align-items: center;
}
@media (hover:hover){

    .breadcrumbs > ul > li > a:hover, .breadcrumbs > ol > li > a:hover{
        text-decoration-line: underline;
    }

    .label a:hover{
        --tw-text-opacity: 1;
        color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
    }

    .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)));
    }

    .table tr.hover:hover,
  .table tr.hover:nth-child(even):hover{
        --tw-bg-opacity: 1;
        background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
    }

    .table-zebra tr.hover:hover,
  .table-zebra tr.hover:nth-child(even):hover{
        --tw-bg-opacity: 1;
        background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
    }
}
.btn{
    display: inline-flex;
    height: 3rem;
    min-height: 3rem;
    flex-shrink: 0;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: var(--rounded-btn, 0.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: 0.875rem;
    line-height: 1em;
    gap: 0.5rem;
    font-weight: 600;
    text-decoration-line: none;
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    border-width: var(--border-btn, 1px);
    animation: button-pop var(--animation-btn, 0.25s) ease-out;
    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-square{
    height: 3rem;
    width: 3rem;
    padding: 0px;
}
.btn-circle{
    height: 3rem;
    width: 3rem;
    border-radius: 9999px;
    padding: 0px;
}
:where(.btn:is(input[type="checkbox"])),
:where(.btn:is(input[type="radio"])){
    width: auto;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.btn:is(input[type="checkbox"]):after,
.btn:is(input[type="radio"]):after{
    --tw-content: attr(aria-label);
    content: var(--tw-content);
}
.card{
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: var(--rounded-box, 1rem);
}
.card:focus{
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.card figure{
    display: flex;
    align-items: center;
    justify-content: center;
}
.card.image-full{
    display: grid;
}
.card.image-full:before{
    position: relative;
    content: "";
    z-index: 10;
    border-radius: var(--rounded-box, 1rem);
    --tw-bg-opacity: 1;
    background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
    opacity: 0.75;
}
.card.image-full:before,
    .card.image-full > *{
    grid-column-start: 1;
    grid-row-start: 1;
}
.card.image-full > figure img{
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.card.image-full > .card-body{
    position: relative;
    z-index: 20;
    --tw-text-opacity: 1;
    color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
}
.checkbox{
    flex-shrink: 0;
    --chkbg: var(--fallback-bc,oklch(var(--bc)/1));
    --chkfg: var(--fallback-b1,oklch(var(--b1)/1));
    height: 1.5rem;
    width: 1.5rem;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: var(--rounded-btn, 0.5rem);
    border-width: 1px;
    border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
    --tw-border-opacity: 0.2;
}
.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: 200ms;
}
.dropdown.dropdown-open .dropdown-content,
.dropdown:not(.dropdown-hover):focus .dropdown-content,
.dropdown:focus-within .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%,
            black
          );
            border-color: color-mix(
            in oklab,
            oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%,
            black
          );
        }
    }

    @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)/0.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%, black);
            border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
        }
    }

    .btn-outline.btn-secondary:hover{
        --tw-text-opacity: 1;
        color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
    }

    @supports (color: color-mix(in oklab, black, black)){

        .btn-outline.btn-secondary:hover{
            background-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);
            border-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);
        }
    }

    .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%, black);
            border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
        }
    }

    .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)/0.1));
        }
    }
}
.dropdown:is(details) summary::-webkit-details-marker{
    display: none;
}
.footer{
    display: grid;
    width: 100%;
    grid-auto-flow: row;
    place-items: start;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    row-gap: 2.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.footer > *{
    display: grid;
    place-items: start;
    gap: 0.5rem;
}
@media (min-width: 48rem){

    .footer{
        grid-auto-flow: column;
    }

    .footer-center{
        grid-auto-flow: row dense;
    }
}
.label{
    display: flex;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    align-items: center;
    justify-content: space-between;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.hero{
    display: grid;
    width: 100%;
    place-items: center;
    background-size: cover;
    background-position: center;
}
.hero > *{
    grid-column-start: 1;
    grid-row-start: 1;
}
.indicator{
    position: relative;
    display: inline-flex;
    width: -moz-max-content;
    width: max-content;
}
.indicator :where(.indicator-item){
    z-index: 1;
    position: absolute;
    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));
    white-space: nowrap;
}
.\!input{
    flex-shrink: 1 !important;
    -webkit-appearance: none !important;
       -moz-appearance: none !important;
            appearance: none !important;
    height: 3rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    font-size: 1rem !important;
    line-height: 2 !important;
    line-height: 1.5rem !important;
    border-radius: var(--rounded-btn, 0.5rem) !important;
    border-width: 1px !important;
    border-color: transparent !important;
    --tw-bg-opacity: 1 !important;
    background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))) !important;
}
.input{
    flex-shrink: 1;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    height: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1rem;
    line-height: 2;
    line-height: 1.5rem;
    border-radius: var(--rounded-btn, 0.5rem);
    border-width: 1px;
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
}
.\!input[type="number"]::-webkit-inner-spin-button{
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
    margin-inline-end: -1rem !important;
}
.input[type="number"]::-webkit-inner-spin-button,
.input-md[type="number"]::-webkit-inner-spin-button{
    margin-top: -1rem;
    margin-bottom: -1rem;
    margin-inline-end: -1rem;
}
.input-sm[type="number"]::-webkit-inner-spin-button{
    margin-top: 0px;
    margin-bottom: 0px;
    margin-inline-end: -0px;
}
.join{
    display: inline-flex;
    align-items: stretch;
    border-radius: var(--rounded-btn, 0.5rem);
}
.join :where(.join-item){
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    border-start-start-radius: 0;
}
.join .join-item:not(:first-child):not(:last-child),
  .join *:not(:first-child):not(:last-child) .join-item{
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    border-start-start-radius: 0;
}
.join .join-item:first-child:not(:last-child),
  .join *:first-child:not(:last-child) .join-item{
    border-start-end-radius: 0;
    border-end-end-radius: 0;
}
.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;
}
.join :where(.join-item:first-child:not(:last-child)),
  .join :where(*:first-child:not(:last-child) .join-item){
    border-end-start-radius: inherit;
    border-start-start-radius: inherit;
}
.join .join-item:last-child:not(:first-child),
  .join *:last-child:not(:first-child) .join-item{
    border-end-start-radius: 0;
    border-start-start-radius: 0;
}
.join :where(.join-item:last-child:not(:first-child)),
  .join :where(*:last-child:not(:first-child) .join-item){
    border-start-end-radius: inherit;
    border-end-end-radius: inherit;
}
@supports not selector(:has(*)){

    :where(.join *){
        border-radius: inherit;
    }
}
@supports selector(:has(*)){

    :where(.join *:has(.join-item)){
        border-radius: inherit;
    }
}
.link{
    cursor: pointer;
    text-decoration-line: underline;
}
.menu{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.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: 0.5rem;
    grid-auto-columns: minmax(auto, max-content) auto max-content;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}
.menu li.disabled{
    cursor: not-allowed;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    color: var(--fallback-bc,oklch(var(--bc)/0.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, 0.5rem);
    min-height: 4rem;
    width: 100%;
}
:where(.navbar > *:not(script, style)){
    display: inline-flex;
    align-items: center;
}
.radio{
    flex-shrink: 0;
    --chkbg: var(--bc);
    height: 1.5rem;
    width: 1.5rem;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: 9999px;
    border-width: 1px;
    border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
    --tw-border-opacity: 0.2;
}
.range{
    height: 1.5rem;
    width: 100%;
    cursor: pointer;
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    --range-shdw: var(--fallback-bc,oklch(var(--bc)/1));
    overflow: hidden;
    border-radius: var(--rounded-box, 1rem);
    background-color: transparent;
}
.range:focus{
    outline: none;
}
.select{
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    height: 3rem;
    min-height: 3rem;
    padding-left: 1rem;
    padding-right: 2.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 2;
    border-radius: var(--rounded-btn, 0.5rem);
    border-width: 1px;
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
    background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
    linear-gradient(135deg, currentColor 50%, transparent 50%);
    background-position: calc(100% - 20px) calc(1px + 50%),
    calc(100% - 16.1px) calc(1px + 50%);
    background-size: 4px 4px,
    4px 4px;
    background-repeat: no-repeat;
}
.select[multiple]{
    height: auto;
}
.stack{
    display: inline-grid;
    place-items: center;
    align-items: flex-end;
}
.stack > *{
    grid-column-start: 1;
    grid-row-start: 1;
    transform: translateY(10%) scale(0.9);
    z-index: 1;
    width: 100%;
    opacity: 0.6;
}
.stack > *:nth-child(2){
    transform: translateY(5%) scale(0.95);
    z-index: 2;
    opacity: 0.8;
}
.stack > *:nth-child(1){
    transform: translateY(0) scale(1);
    z-index: 3;
    opacity: 1;
}
.steps{
    display: inline-grid;
    grid-auto-flow: column;
    overflow: hidden;
    overflow-x: auto;
    counter-reset: step;
    grid-auto-columns: 1fr;
}
.steps .step{
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-template-columns: auto;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    grid-template-rows: 40px 1fr;
    place-items: center;
    text-align: center;
    min-width: 4rem;
}
.swap{
    position: relative;
    display: inline-grid;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    place-content: center;
    cursor: pointer;
}
.swap > *{
    grid-column-start: 1;
    grid-row-start: 1;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transition-property: transform, opacity;
}
.swap input{
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.swap .swap-on,
.swap .swap-indeterminate,
.swap input:indeterminate ~ .swap-on{
    opacity: 0;
}
.swap input:checked ~ .swap-off,
.swap-active .swap-off,
.swap input:indeterminate ~ .swap-off{
    opacity: 0;
}
.swap input:checked ~ .swap-on,
.swap-active .swap-on,
.swap input:indeterminate ~ .swap-indeterminate{
    opacity: 1;
}
.textarea{
    min-height: 3rem;
    flex-shrink: 1;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 2;
    border-radius: var(--rounded-btn, 0.5rem);
    border-width: 1px;
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
}
.toggle{
    flex-shrink: 0;
    --tglbg: var(--fallback-b1,oklch(var(--b1)/1));
    --handleoffset: 1.5rem;
    --handleoffsetcalculator: calc(var(--handleoffset) * -1);
    --togglehandleborder: 0 0;
    height: 1.5rem;
    width: 3rem;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: var(--rounded-badge, 1.9rem);
    border-width: 1px;
    border-color: currentColor;
    background-color: currentColor;
    color: var(--fallback-bc,oklch(var(--bc)/0.5));
    transition: background,
    box-shadow var(--animation-input, 0.2s) ease-out;
    box-shadow: var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset,
    0 0 0 2px var(--tglbg) inset,
    var(--togglehandleborder);
}
.btm-nav > *:where(.active){
    border-top-width: 2px;
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
}
.btm-nav > * .label{
    font-size: 1rem;
    line-height: 1.5rem;
}
.breadcrumbs > ul > li > a:focus, .breadcrumbs > ol > li > a:focus{
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.breadcrumbs > ul > li > a:focus-visible, .breadcrumbs > ol > li > a:focus-visible{
    outline: 2px solid currentColor;
    outline-offset: 2px;
}
.breadcrumbs > ul > li + *:before, .breadcrumbs > ol > li + *:before{
    content: "";
    margin-left: 0.5rem;
    margin-right: 0.75rem;
    display: block;
    height: 0.375rem;
    width: 0.375rem;
    --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));
    opacity: 0.4;
    border-top: 1px solid;
    border-right: 1px solid;
    background-color: transparent;
}
[dir="rtl"] .breadcrumbs > ul > li + *:before,
[dir="rtl"] .breadcrumbs > ol > li + *:before{
    --tw-rotate: -135deg;
}
.btn:active:hover,
  .btn:active:focus{
    animation: button-pop 0s ease-out;
    transform: scale(var(--btn-focus-scale, 0.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);
    }

    .btn-secondary{
        --btn-color: var(--fallback-s);
    }
}
@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%, black);
        border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
    }

    .btn-outline.btn-secondary.btn-active{
        background-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);
        border-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);
    }
}
.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-secondary{
        --btn-color: var(--s);
    }
}
.btn-secondary{
    --tw-text-opacity: 1;
    color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
    outline-color: var(--fallback-s,oklch(var(--s)/1));
}
.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)/0.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-outline.btn-secondary{
    --tw-text-opacity: 1;
    color: var(--fallback-s,oklch(var(--s)/var(--tw-text-opacity)));
}
.btn-outline.btn-secondary.btn-active{
    --tw-text-opacity: 1;
    color: var(--fallback-sc,oklch(var(--sc)/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, 0.98));
    }

    40%{
        transform: scale(1.02);
    }

    100%{
        transform: scale(1);
    }
}
.card :where(figure:first-child){
    overflow: hidden;
    border-start-start-radius: inherit;
    border-start-end-radius: inherit;
    border-end-start-radius: unset;
    border-end-end-radius: unset;
}
.card :where(figure:last-child){
    overflow: hidden;
    border-start-start-radius: unset;
    border-start-end-radius: unset;
    border-end-start-radius: inherit;
    border-end-end-radius: inherit;
}
.card:focus-visible{
    outline: 2px solid currentColor;
    outline-offset: 2px;
}
.card.bordered{
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
}
.card.compact .card-body{
    padding: 1rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.card.image-full :where(figure){
    overflow: hidden;
    border-radius: inherit;
}
.checkbox:focus{
    box-shadow: none;
}
.checkbox:focus-visible{
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--fallback-bc,oklch(var(--bc)/1));
}
.checkbox:disabled{
    border-width: 0px;
    cursor: not-allowed;
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
    opacity: 0.2;
}
.checkbox:checked,
  .checkbox[aria-checked="true"]{
    background-repeat: no-repeat;
    animation: checkmark var(--animation-input, 0.2s) ease-out;
    background-color: var(--chkbg);
    background-image: linear-gradient(-45deg, transparent 65%, var(--chkbg) 65.99%),
      linear-gradient(45deg, transparent 75%, var(--chkbg) 75.99%),
      linear-gradient(-45deg, var(--chkbg) 40%, transparent 40.99%),
      linear-gradient(
        45deg,
        var(--chkbg) 30%,
        var(--chkfg) 30.99%,
        var(--chkfg) 40%,
        transparent 40.99%
      ),
      linear-gradient(-45deg, var(--chkfg) 50%, var(--chkbg) 50.99%);
}
.checkbox:indeterminate{
    --tw-bg-opacity: 1;
    background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
    background-repeat: no-repeat;
    animation: checkmark var(--animation-input, 0.2s) ease-out;
    background-image: linear-gradient(90deg, transparent 80%, var(--chkbg) 80%),
      linear-gradient(-90deg, transparent 80%, var(--chkbg) 80%),
      linear-gradient(0deg, var(--chkbg) 43%, var(--chkfg) 43%, var(--chkfg) 57%, var(--chkbg) 57%);
}
@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));
}
.\!input input{
    --tw-bg-opacity: 1 !important;
    background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))) !important;
    background-color: transparent !important;
}
.input input{
    --tw-bg-opacity: 1;
    background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
    background-color: transparent;
}
.\!input input:focus{
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
}
.input input:focus{
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.\!input[list]::-webkit-calendar-picker-indicator{
    line-height: 1em !important;
}
.input[list]::-webkit-calendar-picker-indicator{
    line-height: 1em;
}
.input-bordered{
    border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
}
.\!input:focus,
  .\!input:focus-within{
    box-shadow: none !important;
    border-color: var(--fallback-bc,oklch(var(--bc)/0.2)) !important;
    outline-style: solid !important;
    outline-width: 2px !important;
    outline-offset: 2px !important;
    outline-color: var(--fallback-bc,oklch(var(--bc)/0.2)) !important;
}
.input:focus,
  .input:focus-within{
    box-shadow: none;
    border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
}
.\!input:focus,
  .\!input:focus-within{
    box-shadow: none !important;
    border-color: var(--fallback-bc,oklch(var(--bc)/0.2)) !important;
    outline-style: solid !important;
    outline-width: 2px !important;
    outline-offset: 2px !important;
    outline-color: var(--fallback-bc,oklch(var(--bc)/0.2)) !important;
}
.\!input:has(> input[disabled]),
  .\!input:disabled,
  .\!input[disabled]{
    cursor: not-allowed !important;
    --tw-border-opacity: 1 !important;
    border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))) !important;
    --tw-bg-opacity: 1 !important;
    background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))) !important;
    color: var(--fallback-bc,oklch(var(--bc)/0.4)) !important;
}
.input:has(> input[disabled]),
  .input-disabled,
  .input:disabled,
  .input[disabled]{
    cursor: not-allowed;
    --tw-border-opacity: 1;
    border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
    color: var(--fallback-bc,oklch(var(--bc)/0.4));
}
.\!input:has(> input[disabled]),
  .\!input:disabled,
  .\!input[disabled]{
    cursor: not-allowed !important;
    --tw-border-opacity: 1 !important;
    border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))) !important;
    --tw-bg-opacity: 1 !important;
    background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))) !important;
    color: var(--fallback-bc,oklch(var(--bc)/0.4)) !important;
}
.\!input:has(> input[disabled])::-moz-placeholder, .\!input:disabled::-moz-placeholder, .\!input[disabled]::-moz-placeholder{
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))) !important;
    --tw-placeholder-opacity: 0.2 !important;
}
.\!input:has(> input[disabled])::placeholder,
  .\!input:disabled::placeholder,
  .\!input[disabled]::placeholder{
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))) !important;
    --tw-placeholder-opacity: 0.2 !important;
}
.input:has(> input[disabled])::-moz-placeholder, .input-disabled::-moz-placeholder, .input:disabled::-moz-placeholder, .input[disabled]::-moz-placeholder{
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
    --tw-placeholder-opacity: 0.2;
}
.input:has(> input[disabled])::placeholder,
  .input-disabled::placeholder,
  .input:disabled::placeholder,
  .input[disabled]::placeholder{
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
    --tw-placeholder-opacity: 0.2;
}
.\!input:has(> input[disabled])::-moz-placeholder, .\!input:disabled::-moz-placeholder, .\!input[disabled]::-moz-placeholder{
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))) !important;
    --tw-placeholder-opacity: 0.2 !important;
}
.\!input:has(> input[disabled])::placeholder,
  .\!input:disabled::placeholder,
  .\!input[disabled]::placeholder{
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity))) !important;
    --tw-placeholder-opacity: 0.2 !important;
}
.\!input:has(> input[disabled]) > input[disabled]{
    cursor: not-allowed !important;
}
.input:has(> input[disabled]) > input[disabled]{
    cursor: not-allowed;
}
.\!input::-webkit-date-and-time-value{
    text-align: inherit !important;
}
.input::-webkit-date-and-time-value{
    text-align: inherit;
}
.join > :where(*:not(:first-child)){
    margin-top: 0px;
    margin-bottom: 0px;
    margin-inline-start: -1px;
}
.link:focus{
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.link:focus-visible{
    outline: 2px solid currentColor;
    outline-offset: 2px;
}
.loading{
    pointer-events: none;
    display: inline-block;
    aspect-ratio: 1 / 1;
    width: 1.5rem;
    background-color: currentColor;
    -webkit-mask-size: 100%;
            mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
:where(.menu li:empty){
    --tw-bg-opacity: 1;
    background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
    opacity: 0.1;
    margin: 0.5rem 1rem;
    height: 1px;
}
.menu :where(li ul):before{
    position: absolute;
    bottom: 0.75rem;
    inset-inline-start: 0px;
    top: 0.75rem;
    width: 1px;
    --tw-bg-opacity: 1;
    background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
    opacity: 0.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, 0.5rem);
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.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: 200ms;
    text-wrap: balance;
}
: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) > *:not(ul, details, .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, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):is(summary):not(.active, .btn):focus-visible{
    cursor: pointer;
    background-color: var(--fallback-bc,oklch(var(--bc)/0.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 > details > summary):after,
.menu :where(li > .menu-dropdown-toggle):after{
    justify-self: end;
    display: block;
    margin-top: -0.5rem;
    height: 0.5rem;
    width: 0.5rem;
    transform: rotate(45deg);
    transition-property: transform, margin-top;
    transition-duration: 0.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 > details[open] > summary):after,
.menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after{
    transform: rotate(225deg);
    margin-top: 0;
}
.mockup-phone .display{
    overflow: hidden;
    border-radius: 40px;
    margin-top: -25px;
}
.mockup-browser .mockup-browser-toolbar .\!input{
    position: relative !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    height: 1.75rem !important;
    width: 24rem !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    --tw-bg-opacity: 1 !important;
    background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))) !important;
    padding-left: 2rem !important;
    direction: ltr !important;
}
.mockup-browser .mockup-browser-toolbar .input{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: block;
    height: 1.75rem;
    width: 24rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
    padding-left: 2rem;
    direction: ltr;
}
.mockup-browser .mockup-browser-toolbar .\!input:before{
    content: "" !important;
    position: absolute !important;
    left: 0.5rem !important;
    top: 50% !important;
    aspect-ratio: 1 / 1 !important;
    height: 0.75rem !important;
    --tw-translate-y: -50% !important;
    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)) !important;
    border-radius: 9999px !important;
    border-width: 2px !important;
    border-color: currentColor !important;
    opacity: 0.6 !important;
}
.mockup-browser .mockup-browser-toolbar .input:before{
    content: "";
    position: absolute;
    left: 0.5rem;
    top: 50%;
    aspect-ratio: 1 / 1;
    height: 0.75rem;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-radius: 9999px;
    border-width: 2px;
    border-color: currentColor;
    opacity: 0.6;
}
.mockup-browser .mockup-browser-toolbar .\!input:after{
    content: "" !important;
    position: absolute !important;
    left: 1.25rem !important;
    top: 50% !important;
    height: 0.5rem !important;
    --tw-translate-y: 25% !important;
    --tw-rotate: -45deg !important;
    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)) !important;
    border-radius: 9999px !important;
    border-width: 1px !important;
    border-color: currentColor !important;
    opacity: 0.6 !important;
}
.mockup-browser .mockup-browser-toolbar .input:after{
    content: "";
    position: absolute;
    left: 1.25rem;
    top: 50%;
    height: 0.5rem;
    --tw-translate-y: 25%;
    --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));
    border-radius: 9999px;
    border-width: 1px;
    border-color: currentColor;
    opacity: 0.6;
}
@keyframes modal-pop{

    0%{
        opacity: 0;
    }
}
@keyframes progress-loading{

    50%{
        background-position-x: -115%;
    }
}
.radio:focus{
    box-shadow: none;
}
.radio:focus-visible{
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--fallback-bc,oklch(var(--bc)/1));
}
.radio:checked,
  .radio[aria-checked="true"]{
    --tw-bg-opacity: 1;
    background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
    background-image: none;
    animation: radiomark var(--animation-input, 0.2s) ease-out;
    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;
}
.radio:disabled{
    cursor: not-allowed;
    opacity: 0.2;
}
@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;
    }
}
.range:focus-visible::-webkit-slider-thumb{
    --focus-shadow: 0 0 0 6px var(--fallback-b1,oklch(var(--b1)/1)) inset, 0 0 0 2rem var(--range-shdw) inset;
}
.range:focus-visible::-moz-range-thumb{
    --focus-shadow: 0 0 0 6px var(--fallback-b1,oklch(var(--b1)/1)) inset, 0 0 0 2rem var(--range-shdw) inset;
}
.range::-webkit-slider-runnable-track{
    height: 0.5rem;
    width: 100%;
    border-radius: var(--rounded-box, 1rem);
    background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
}
.range::-moz-range-track{
    height: 0.5rem;
    width: 100%;
    border-radius: var(--rounded-box, 1rem);
    background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
}
.range::-webkit-slider-thumb{
    position: relative;
    height: 1.5rem;
    width: 1.5rem;
    border-radius: var(--rounded-box, 1rem);
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
    appearance: none;
    -webkit-appearance: none;
    top: 50%;
    color: var(--range-shdw);
    transform: translateY(-50%);
    --filler-size: 100rem;
    --filler-offset: 0.6rem;
    box-shadow: 0 0 0 3px var(--range-shdw) inset,
      var(--focus-shadow, 0 0),
      calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size);
}
.range::-moz-range-thumb{
    position: relative;
    height: 1.5rem;
    width: 1.5rem;
    border-radius: var(--rounded-box, 1rem);
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
    top: 50%;
    color: var(--range-shdw);
    --filler-size: 100rem;
    --filler-offset: 0.5rem;
    box-shadow: 0 0 0 3px var(--range-shdw) inset,
      var(--focus-shadow, 0 0),
      calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size);
}
.range-primary{
    --range-shdw: var(--fallback-p,oklch(var(--p)/1));
}
@keyframes rating-pop{

    0%{
        transform: translateY(-0.125em);
    }

    40%{
        transform: translateY(-0.125em);
    }

    100%{
        transform: translateY(0);
    }
}
.select-bordered{
    border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
}
.select:focus{
    box-shadow: none;
    border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
}
.select-disabled,
  .select:disabled,
  .select[disabled]{
    cursor: not-allowed;
    --tw-border-opacity: 1;
    border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
    color: var(--fallback-bc,oklch(var(--bc)/0.4));
}
.select-disabled::-moz-placeholder, .select:disabled::-moz-placeholder, .select[disabled]::-moz-placeholder{
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
    --tw-placeholder-opacity: 0.2;
}
.select-disabled::placeholder,
  .select:disabled::placeholder,
  .select[disabled]::placeholder{
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
    --tw-placeholder-opacity: 0.2;
}
.select-multiple,
  .select[multiple],
  .select[size].select:not([size="1"]){
    background-image: none;
    padding-right: 1rem;
}
[dir="rtl"] .select{
    background-position: calc(0% + 12px) calc(1px + 50%),
    calc(0% + 16px) calc(1px + 50%);
}
@keyframes skeleton{

    from{
        background-position: 150%;
    }

    to{
        background-position: -50%;
    }
}
.steps .step:before{
    top: 0px;
    grid-column-start: 1;
    grid-row-start: 1;
    height: 0.5rem;
    width: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
    --tw-text-opacity: 1;
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
    content: "";
    margin-inline-start: -100%;
}
.steps .step:after{
    content: counter(step);
    counter-increment: step;
    z-index: 1;
    position: relative;
    grid-column-start: 1;
    grid-row-start: 1;
    display: grid;
    height: 2rem;
    width: 2rem;
    place-items: center;
    place-self: center;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
    --tw-text-opacity: 1;
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
}
.steps .step:first-child:before{
    content: none;
}
.steps .step[data-content]:after{
    content: attr(data-content);
}
.steps .step-neutral + .step-neutral:before,
  .steps .step-neutral:after{
    --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)));
}
.steps .step-primary + .step-primary:before,
  .steps .step-primary:after{
    --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)));
}
.steps .step-secondary + .step-secondary:before,
  .steps .step-secondary:after{
    --tw-bg-opacity: 1;
    background-color: var(--fallback-s,oklch(var(--s)/var(--tw-bg-opacity)));
    --tw-text-opacity: 1;
    color: var(--fallback-sc,oklch(var(--sc)/var(--tw-text-opacity)));
}
.steps .step-accent + .step-accent:before,
  .steps .step-accent:after{
    --tw-bg-opacity: 1;
    background-color: var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity)));
    --tw-text-opacity: 1;
    color: var(--fallback-ac,oklch(var(--ac)/var(--tw-text-opacity)));
}
.steps .step-info + .step-info:before{
    --tw-bg-opacity: 1;
    background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
}
.steps .step-info:after{
    --tw-bg-opacity: 1;
    background-color: var(--fallback-in,oklch(var(--in)/var(--tw-bg-opacity)));
    --tw-text-opacity: 1;
    color: var(--fallback-inc,oklch(var(--inc)/var(--tw-text-opacity)));
}
.steps .step-success + .step-success:before{
    --tw-bg-opacity: 1;
    background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
}
.steps .step-success:after{
    --tw-bg-opacity: 1;
    background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
    --tw-text-opacity: 1;
    color: var(--fallback-suc,oklch(var(--suc)/var(--tw-text-opacity)));
}
.steps .step-warning + .step-warning:before{
    --tw-bg-opacity: 1;
    background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
}
.steps .step-warning:after{
    --tw-bg-opacity: 1;
    background-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-bg-opacity)));
    --tw-text-opacity: 1;
    color: var(--fallback-wac,oklch(var(--wac)/var(--tw-text-opacity)));
}
.steps .step-error + .step-error:before{
    --tw-bg-opacity: 1;
    background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
}
.steps .step-error:after{
    --tw-bg-opacity: 1;
    background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
    --tw-text-opacity: 1;
    color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)));
}
.table tr.active,
  .table tr.active:nth-child(even),
  .table-zebra tbody tr:nth-child(even){
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
}
.table-zebra tr.active,
    .table-zebra tr.active:nth-child(even),
    .table-zebra-zebra tbody tr:nth-child(even){
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
}
.textarea-bordered{
    border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
}
.textarea:focus{
    box-shadow: none;
    border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
}
.textarea-disabled,
  .textarea:disabled,
  .textarea[disabled]{
    cursor: not-allowed;
    --tw-border-opacity: 1;
    border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
    color: var(--fallback-bc,oklch(var(--bc)/0.4));
}
.textarea-disabled::-moz-placeholder, .textarea:disabled::-moz-placeholder, .textarea[disabled]::-moz-placeholder{
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
    --tw-placeholder-opacity: 0.2;
}
.textarea-disabled::placeholder,
  .textarea:disabled::placeholder,
  .textarea[disabled]::placeholder{
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
    --tw-placeholder-opacity: 0.2;
}
@keyframes toast-pop{

    0%{
        transform: scale(0.9);
        opacity: 0;
    }

    100%{
        transform: scale(1);
        opacity: 1;
    }
}
[dir="rtl"] .toggle{
    --handleoffsetcalculator: calc(var(--handleoffset) * 1);
}
.toggle:focus-visible{
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
}
.toggle:hover{
    background-color: currentColor;
}
.toggle:checked,
  .toggle[aria-checked="true"]{
    background-image: none;
    --handleoffsetcalculator: var(--handleoffset);
    --tw-text-opacity: 1;
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
}
[dir="rtl"] .toggle:checked, [dir="rtl"] .toggle[aria-checked="true"]{
    --handleoffsetcalculator: calc(var(--handleoffset) * -1);
}
.toggle:indeterminate{
    --tw-text-opacity: 1;
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
    box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,
      calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,
      0 0 0 2px var(--tglbg) inset;
}
[dir="rtl"] .toggle:indeterminate{
    box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,
        calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,
        0 0 0 2px var(--tglbg) inset;
}
.toggle:disabled{
    cursor: not-allowed;
    --tw-border-opacity: 1;
    border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
    background-color: transparent;
    opacity: 0.3;
    --togglehandleborder: 0 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset,
      var(--handleoffsetcalculator) 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset;
}
.artboard.phone{
    width: 320px;
}
.artboard.phone-1.horizontal,
      .artboard.phone-1.artboard-horizontal{
    width: 568px;
    height: 320px;
}
.artboard.phone-2.horizontal,
      .artboard.phone-2.artboard-horizontal{
    width: 667px;
    height: 375px;
}
.artboard.phone-3.horizontal,
      .artboard.phone-3.artboard-horizontal{
    width: 736px;
    height: 414px;
}
.artboard.phone-4.horizontal,
      .artboard.phone-4.artboard-horizontal{
    width: 812px;
    height: 375px;
}
.artboard.phone-5.horizontal,
      .artboard.phone-5.artboard-horizontal{
    width: 896px;
    height: 414px;
}
.artboard.phone-6.horizontal,
      .artboard.phone-6.artboard-horizontal{
    width: 1024px;
    height: 320px;
}
.btm-nav-xs > *:where(.active){
    border-top-width: 1px;
}
.btm-nav-sm > *:where(.active){
    border-top-width: 2px;
}
.btm-nav-md > *:where(.active){
    border-top-width: 2px;
}
.btm-nav-lg > *:where(.active){
    border-top-width: 4px;
}
.btn-sm{
    height: 2rem;
    min-height: 2rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    font-size: 0.875rem;
}
.btn-md{
    height: 3rem;
    min-height: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 0.875rem;
}
.btn-square:where(.btn-xs){
    height: 1.5rem;
    width: 1.5rem;
    padding: 0px;
}
.btn-square:where(.btn-sm){
    height: 2rem;
    width: 2rem;
    padding: 0px;
}
.btn-square:where(.btn-md){
    height: 3rem;
    width: 3rem;
    padding: 0px;
}
.btn-square:where(.btn-lg){
    height: 4rem;
    width: 4rem;
    padding: 0px;
}
.btn-circle:where(.btn-xs){
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 9999px;
    padding: 0px;
}
.btn-circle:where(.btn-sm){
    height: 2rem;
    width: 2rem;
    border-radius: 9999px;
    padding: 0px;
}
.btn-circle:where(.btn-md){
    height: 3rem;
    width: 3rem;
    border-radius: 9999px;
    padding: 0px;
}
.btn-circle:where(.btn-lg){
    height: 4rem;
    width: 4rem;
    border-radius: 9999px;
    padding: 0px;
}
.indicator :where(.indicator-item){
    bottom: auto;
    inset-inline-end: 0px;
    inset-inline-start: auto;
    top: 0px;
    --tw-translate-y: -50%;
    --tw-translate-x: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
:is([dir="rtl"] .indicator :where(.indicator-item)){
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.indicator :where(.indicator-item.indicator-start){
    inset-inline-end: auto;
    inset-inline-start: 0px;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
:is([dir="rtl"] .indicator :where(.indicator-item.indicator-start)){
    --tw-translate-x: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.indicator :where(.indicator-item.indicator-center){
    inset-inline-end: 50%;
    inset-inline-start: 50%;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
:is([dir="rtl"] .indicator :where(.indicator-item.indicator-center)){
    --tw-translate-x: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.indicator :where(.indicator-item.indicator-end){
    inset-inline-end: 0px;
    inset-inline-start: auto;
    --tw-translate-x: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
:is([dir="rtl"] .indicator :where(.indicator-item.indicator-end)){
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.indicator :where(.indicator-item.indicator-bottom){
    bottom: 0px;
    top: auto;
    --tw-translate-y: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.indicator :where(.indicator-item.indicator-middle){
    bottom: 50%;
    top: 50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.indicator :where(.indicator-item.indicator-top){
    bottom: auto;
    top: 0px;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.input-sm{
    height: 2rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    font-size: 0.875rem;
    line-height: 2rem;
}
.join.join-vertical{
    flex-direction: column;
}
.join.join-vertical .join-item:first-child:not(:last-child),
  .join.join-vertical *:first-child:not(:last-child) .join-item{
    border-end-start-radius: 0;
    border-end-end-radius: 0;
    border-start-start-radius: inherit;
    border-start-end-radius: inherit;
}
.join.join-vertical .join-item:last-child:not(:first-child),
  .join.join-vertical *:last-child:not(:first-child) .join-item{
    border-start-start-radius: 0;
    border-start-end-radius: 0;
    border-end-start-radius: inherit;
    border-end-end-radius: inherit;
}
.join.join-horizontal{
    flex-direction: row;
}
.join.join-horizontal .join-item:first-child:not(:last-child),
  .join.join-horizontal *:first-child:not(:last-child) .join-item{
    border-end-end-radius: 0;
    border-start-end-radius: 0;
    border-end-start-radius: inherit;
    border-start-start-radius: inherit;
}
.join.join-horizontal .join-item:last-child:not(:first-child),
  .join.join-horizontal *:last-child:not(:first-child) .join-item{
    border-end-start-radius: 0;
    border-start-start-radius: 0;
    border-end-end-radius: inherit;
    border-start-end-radius: inherit;
}
.menu-horizontal{
    display: inline-flex;
    flex-direction: row;
}
.menu-horizontal > li:not(.menu-title) > details > ul{
    position: absolute;
}
.select-sm{
    height: 2rem;
    min-height: 2rem;
    padding-left: 0.75rem;
    padding-right: 2rem;
    font-size: 0.875rem;
    line-height: 2rem;
}
[dir="rtl"] .select-sm{
    padding-left: 2rem;
    padding-right: 0.75rem;
}
.steps-horizontal .step{
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    place-items: center;
    text-align: center;
}
.steps-vertical .step{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(1, minmax(0, 1fr));
}
.textarea-sm{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 0.875rem;
    line-height: 2rem;
}
.tooltip{
    position: relative;
    display: inline-block;
    --tooltip-offset: calc(100% + 1px + var(--tooltip-tail, 0px));
}
.tooltip:before{
    position: absolute;
    pointer-events: none;
    z-index: 1;
    content: var(--tw-content);
    --tw-content: attr(data-tip);
}
.tooltip:before, .tooltip-top:before{
    transform: translateX(-50%);
    top: auto;
    left: 50%;
    right: auto;
    bottom: var(--tooltip-offset);
}
.avatar.online:before{
    content: "";
    position: absolute;
    z-index: 10;
    display: block;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: var(--fallback-su,oklch(var(--su)/var(--tw-bg-opacity)));
    outline-style: solid;
    outline-width: 2px;
    outline-color: var(--fallback-b1,oklch(var(--b1)/1));
    width: 15%;
    height: 15%;
    top: 7%;
    right: 7%;
}
.join.join-vertical > :where(*:not(:first-child)){
    margin-left: 0px;
    margin-right: 0px;
    margin-top: -1px;
}
.join.join-horizontal > :where(*:not(:first-child)){
    margin-top: 0px;
    margin-bottom: 0px;
    margin-inline-start: -1px;
}
.menu-horizontal > li:not(.menu-title) > details > ul{
    margin-inline-start: 0px;
    margin-top: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.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);
}
.steps-horizontal .step{
    grid-template-rows: 40px 1fr;
    grid-template-columns: auto;
    min-width: 4rem;
}
.steps-horizontal .step:before{
    height: 0.5rem;
    width: 100%;
    --tw-translate-x: 0px;
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    content: "";
    margin-inline-start: -100%;
}
:is([dir="rtl"] .steps-horizontal .step):before{
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.steps-vertical .step{
    gap: 0.5rem;
    grid-template-columns: 40px 1fr;
    grid-template-rows: auto;
    min-height: 4rem;
    justify-items: start;
}
.steps-vertical .step:before{
    height: 100%;
    width: 0.5rem;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    margin-inline-start: 50%;
}
:is([dir="rtl"] .steps-vertical .step):before{
    --tw-translate-x: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tooltip{
    position: relative;
    display: inline-block;
    text-align: center;
    --tooltip-tail: 0.1875rem;
    --tooltip-color: var(--fallback-n,oklch(var(--n)/1));
    --tooltip-text-color: var(--fallback-nc,oklch(var(--nc)/1));
    --tooltip-tail-offset: calc(100% + 0.0625rem - var(--tooltip-tail));
}
.tooltip:before,
.tooltip:after{
    opacity: 0;
    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-delay: 100ms;
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.tooltip:after{
    position: absolute;
    content: "";
    border-style: solid;
    border-width: var(--tooltip-tail, 0);
    width: 0;
    height: 0;
    display: block;
}
.tooltip:before{
    max-width: 20rem;
    border-radius: 0.25rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    background-color: var(--tooltip-color);
    color: var(--tooltip-text-color);
    width: -moz-max-content;
    width: max-content;
}
.tooltip.tooltip-open:before{
    opacity: 1;
    transition-delay: 75ms;
}
.tooltip.tooltip-open:after{
    opacity: 1;
    transition-delay: 75ms;
}
.tooltip:hover:before{
    opacity: 1;
    transition-delay: 75ms;
}
.tooltip:hover:after{
    opacity: 1;
    transition-delay: 75ms;
}
.tooltip:has(:focus-visible):after,
.tooltip:has(:focus-visible):before{
    opacity: 1;
    transition-delay: 75ms;
}
.tooltip:not([data-tip]):hover:before,
.tooltip:not([data-tip]):hover:after{
    visibility: hidden;
    opacity: 0;
}
.tooltip:after, .tooltip-top:after{
    transform: translateX(-50%);
    border-color: var(--tooltip-color) transparent transparent transparent;
    top: auto;
    left: 50%;
    right: auto;
    bottom: var(--tooltip-tail-offset);
}
.sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}
.visible{
    visibility: visible;
}
.fixed{
    position: fixed;
}
.absolute{
    position: absolute;
}
.relative{
    position: relative;
}
.sticky{
    position: sticky;
}
.inset-0{
    inset: 0px;
}
.bottom-4{
    bottom: 1rem;
}
.left-4{
    left: 1rem;
}
.right-0{
    right: 0px;
}
.z-10{
    z-index: 10;
}
.z-50{
    z-index: 50;
}
.m-4{
    margin: 1rem;
}
.\!mx-0{
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.\!my-4{
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}
.-mx-6{
    margin-left: -1.5rem;
    margin-right: -1.5rem;
}
.-my-4{
    margin-top: -1rem;
    margin-bottom: -1rem;
}
.mx-1{
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}
.mx-1\.5{
    margin-left: 0.375rem;
    margin-right: 0.375rem;
}
.mx-auto{
    margin-left: auto;
    margin-right: auto;
}
.my-12{
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.my-4{
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.my-8{
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.\!mb-0{
    margin-bottom: 0px !important;
}
.\!mb-\[var\(--tec-spacer-3\)\]{
    margin-bottom: var(--tec-spacer-3) !important;
}
.\!mt-1{
    margin-top: 0.25rem !important;
}
.\!mt-2{
    margin-top: 0.5rem !important;
}
.-ml-1{
    margin-left: -0.25rem;
}
.-mt-4{
    margin-top: -1rem;
}
.mb-1{
    margin-bottom: 0.25rem;
}
.mb-12{
    margin-bottom: 3rem;
}
.mb-2{
    margin-bottom: 0.5rem;
}
.mb-3{
    margin-bottom: 0.75rem;
}
.mb-4{
    margin-bottom: 1rem;
}
.mb-6{
    margin-bottom: 1.5rem;
}
.mb-8{
    margin-bottom: 2rem;
}
.ml-2{
    margin-left: 0.5rem;
}
.ml-4{
    margin-left: 1rem;
}
.ml-\[2px\]{
    margin-left: 2px;
}
.mr-4{
    margin-right: 1rem;
}
.mr-40{
    margin-right: 10rem;
}
.mt-0{
    margin-top: 0px;
}
.mt-1{
    margin-top: 0.25rem;
}
.mt-16{
    margin-top: 4rem;
}
.mt-2{
    margin-top: 0.5rem;
}
.mt-3{
    margin-top: 0.75rem;
}
.mt-4{
    margin-top: 1rem;
}
.mt-6{
    margin-top: 1.5rem;
}
.block{
    display: block;
}
.inline-block{
    display: inline-block;
}
.inline{
    display: inline;
}
.flex{
    display: flex;
}
.grid{
    display: grid;
}
.contents{
    display: contents;
}
.aspect-square{
    aspect-ratio: 1 / 1;
}
.size-6{
    width: 1.5rem;
    height: 1.5rem;
}
.h-10{
    height: 2.5rem;
}
.h-12{
    height: 3rem;
}
.h-3{
    height: 0.75rem;
}
.h-48{
    height: 12rem;
}
.h-5{
    height: 1.25rem;
}
.h-6{
    height: 1.5rem;
}
.h-64{
    height: 16rem;
}
.h-8{
    height: 2rem;
}
.h-\[50vh\]{
    height: 50vh;
}
.h-\[6px\]{
    height: 6px;
}
.h-auto{
    height: auto;
}
.h-full{
    height: 100%;
}
.h-screen{
    height: 100vh;
}
.max-h-3{
    max-height: 0.75rem;
}
.max-h-6{
    max-height: 1.5rem;
}
.min-h-10{
    min-height: 2.5rem;
}
.min-h-12{
    min-height: 3rem;
}
.min-h-3{
    min-height: 0.75rem;
}
.min-h-\[60vh\]{
    min-height: 60vh;
}
.min-h-screen{
    min-height: 100vh;
}
.\!w-full{
    width: 100% !important;
}
.w-1\/4{
    width: 25%;
}
.w-1\/5{
    width: 20%;
}
.w-12{
    width: 3rem;
}
.w-5{
    width: 1.25rem;
}
.w-6{
    width: 1.5rem;
}
.w-8\/12{
    width: 66.666667%;
}
.w-\[100vw\]{
    width: 100vw;
}
.w-\[125px\]{
    width: 125px;
}
.w-\[3rem\]{
    width: 3rem;
}
.w-auto{
    width: auto;
}
.w-full{
    width: 100%;
}
.min-w-full{
    min-width: 100%;
}
.max-w-lg{
    max-width: 32rem;
}
.max-w-xs{
    max-width: 20rem;
}
.flex-shrink-0{
    flex-shrink: 0;
}
.shrink{
    flex-shrink: 1;
}
.flex-grow{
    flex-grow: 1;
}
.transform{
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer{
    cursor: pointer;
}
.list-inside{
    list-style-position: inside;
}
.list-disc{
    list-style-type: disc;
}
.grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-row{
    flex-direction: row;
}
.flex-col{
    flex-direction: column;
}
.flex-col-reverse{
    flex-direction: column-reverse;
}
.flex-wrap{
    flex-wrap: wrap;
}
.items-start{
    align-items: flex-start;
}
.items-end{
    align-items: flex-end;
}
.items-center{
    align-items: center;
}
.justify-end{
    justify-content: flex-end;
}
.justify-center{
    justify-content: center;
}
.justify-between{
    justify-content: space-between;
}
.justify-around{
    justify-content: space-around;
}
.justify-items-start{
    justify-items: start;
}
.gap-1{
    gap: 0.25rem;
}
.gap-1\.5{
    gap: 0.375rem;
}
.gap-10{
    gap: 2.5rem;
}
.gap-12{
    gap: 3rem;
}
.gap-2{
    gap: 0.5rem;
}
.gap-3{
    gap: 0.75rem;
}
.gap-4{
    gap: 1rem;
}
.gap-6{
    gap: 1.5rem;
}
.gap-8{
    gap: 2rem;
}
.gap-x-2{
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
}
.gap-y-0{
    row-gap: 0px;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.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));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.divide-x > :not([hidden]) ~ :not([hidden]){
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-y > :not([hidden]) ~ :not([hidden]){
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-gray-100 > :not([hidden]) ~ :not([hidden]){
    --tw-divide-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-divide-opacity));
}
.divide-gray-200 > :not([hidden]) ~ :not([hidden]){
    --tw-divide-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-divide-opacity));
}
.divide-white > :not([hidden]) ~ :not([hidden]){
    --tw-divide-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-divide-opacity));
}
.overflow-hidden{
    overflow: hidden;
}
.rounded{
    border-radius: 0.25rem;
}
.rounded-full{
    border-radius: 9999px;
}
.rounded-lg{
    border-radius: 0.5rem;
}
.rounded-md{
    border-radius: 0.375rem;
}
.rounded-t-lg{
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}
.border{
    border-width: 1px;
}
.border-b{
    border-bottom-width: 1px;
}
.border-t{
    border-top-width: 1px;
}
.border-gray-100{
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-border-opacity));
}
.border-gray-200{
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-gray-300{
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.bg-autumn-orange{
    --tw-bg-opacity: 1;
    background-color: rgb(220 88 41 / var(--tw-bg-opacity));
}
.bg-boone-bronze{
    --tw-bg-opacity: 1;
    background-color: rgb(230 166 93 / var(--tw-bg-opacity));
}
.bg-dark-gray{
    --tw-bg-opacity: 1;
    background-color: rgb(45 49 54 / var(--tw-bg-opacity));
}
.bg-eku-maroon{
    --tw-bg-opacity: 1;
    background-color: rgb(134 31 65 / var(--tw-bg-opacity));
}
.bg-goldenrod-yellow{
    --tw-bg-opacity: 1;
    background-color: rgb(255 198 88 / var(--tw-bg-opacity));
}
.bg-gray-100{
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.bg-gray-200{
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.bg-gray-300{
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
.bg-gray-400{
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}
.bg-gray-700\/70{
    background-color: rgb(55 65 81 / 0.7);
}
.bg-kentucky-bluegrass{
    --tw-bg-opacity: 1;
    background-color: rgb(0 150 129 / var(--tw-bg-opacity));
}
.bg-lightgray{
    --tw-bg-opacity: 1;
    background-color: rgb(135 144 154 / var(--tw-bg-opacity));
}
.bg-primary{
    --tw-bg-opacity: 1;
    background-color: rgb(134 31 65 / var(--tw-bg-opacity));
}
.bg-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.object-cover{
    -o-object-fit: cover;
       object-fit: cover;
}
.object-top{
    -o-object-position: top;
       object-position: top;
}
.p-0{
    padding: 0px;
}
.p-2{
    padding: 0.5rem;
}
.p-4{
    padding: 1rem;
}
.p-6{
    padding: 1.5rem;
}
.px-12{
    padding-left: 3rem;
    padding-right: 3rem;
}
.px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.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-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.pb-1{
    padding-bottom: 0.25rem;
}
.pb-4{
    padding-bottom: 1rem;
}
.pb-6{
    padding-bottom: 1.5rem;
}
.pl-0{
    padding-left: 0px;
}
.pt-2{
    padding-top: 0.5rem;
}
.pt-4{
    padding-top: 1rem;
}
.pt-6{
    padding-top: 1.5rem;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.font-serif{
    font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
}
.\!text-lg{
    font-size: 1.125rem !important;
}
.\!text-xl{
    font-size: 1.25rem !important;
}
.text-2xl{
    font-size: 1.563rem;
}
.text-3xl{
    font-size: 1.953rem;
}
.text-5xl{
    font-size: 3.052rem;
}
.text-base{
    font-size: 1rem;
}
.text-lg{
    font-size: 1.125rem;
}
.text-sm{
    font-size: 0.8rem;
}
.text-small{
    font-size: 0.875rem;
}
.text-xl{
    font-size: 1.25rem;
}
.\!font-bold{
    font-weight: 700 !important;
}
.\!font-extrabold{
    font-weight: 800 !important;
}
.font-bold{
    font-weight: 700;
}
.font-extrabold{
    font-weight: 800;
}
.font-extralight{
    font-weight: 200;
}
.font-light{
    font-weight: 300;
}
.font-medium{
    font-weight: 500;
}
.font-normal{
    font-weight: 400;
}
.font-semibold{
    font-weight: 600;
}
.uppercase{
    text-transform: uppercase;
}
.italic{
    font-style: italic;
}
.not-italic{
    font-style: normal;
}
.leading-6{
    line-height: 1.5rem;
}
.leading-normal{
    line-height: 1.5;
}
.leading-tight{
    line-height: 1.25;
}
.\!text-dark-gray{
    --tw-text-opacity: 1 !important;
    color: rgb(45 49 54 / var(--tw-text-opacity)) !important;
}
.\!text-eku-maroon{
    --tw-text-opacity: 1 !important;
    color: rgb(134 31 65 / var(--tw-text-opacity)) !important;
}
.text-blue-500{
    --tw-text-opacity: 1;
    color: rgb(59 130 246 / var(--tw-text-opacity));
}
.text-dark-gray{
    --tw-text-opacity: 1;
    color: rgb(45 49 54 / var(--tw-text-opacity));
}
.text-eku-maroon{
    --tw-text-opacity: 1;
    color: rgb(134 31 65 / var(--tw-text-opacity));
}
.text-gray-500{
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-gray-600{
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
}
.text-gray-700{
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
}
.text-gray-900{
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity));
}
.text-kentucky-bluegrass{
    --tw-text-opacity: 1;
    color: rgb(0 150 129 / var(--tw-text-opacity));
}
.text-lightgray{
    --tw-text-opacity: 1;
    color: rgb(135 144 154 / var(--tw-text-opacity));
}
.text-primary{
    --tw-text-opacity: 1;
    color: rgb(134 31 65 / var(--tw-text-opacity));
}
.text-white{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.underline{
    text-decoration-line: underline;
}
.no-underline{
    text-decoration-line: none;
}
.subpixel-antialiased{
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}
.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);
}
.shadow-lg{
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md{
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none{
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.filter{
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition{
    transition-property: color, background-color, border-color, 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-all{
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-colors{
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.duration-200{
    transition-duration: 200ms;
}
.duration-300{
    transition-duration: 300ms;
}
.ease-in-out{
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out{
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.alignfull{
    margin: 2rem calc(50% - 50vw) !important;
    max-width: 100vw !important;
    width: 100vw;
}
.tw-hidden {
        display: none;
    }
article > *:not(.entry-content),
.entry-content > *{
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
}
.entry-content h1, .block-editor-block-list__layout h1{
    font-size: 1.563rem;
}
.entry-content h2, .block-editor-block-list__layout h2{
    font-size: 1.25rem;
}
.entry-content h3, .block-editor-block-list__layout h3{
    font-size: 1.125rem;
}
.entry-content p a, .entry-content ul a, .entry-content ol a, .block-editor-block-list__layout p a, .block-editor-block-list__layout ul a, .block-editor-block-list__layout ol a{
    --tw-text-opacity: 1;
    color: rgb(59 130 246 / var(--tw-text-opacity));
    text-decoration-line: underline;
}
.entry-content p a:hover, .entry-content ul a:hover, .entry-content ol a:hover, .block-editor-block-list__layout p a:hover, .block-editor-block-list__layout ul a:hover, .block-editor-block-list__layout ol a:hover{
    text-decoration-line: none;
}
.entry-content p,
    .entry-content ul,
    .entry-content ol,
    .block-editor-block-list__layout p,
    .block-editor-block-list__layout ul,
    .block-editor-block-list__layout ol{
    margin-bottom: 2rem;
}
.entry-content ul:not(.block-editor-block-variation-picker__variations) li, .block-editor-block-list__layout ul:not(.block-editor-block-variation-picker__variations) li{
    list-style-position: inside;
    list-style-type: disc;
}
.entry-content ol li, .block-editor-block-list__layout ol li{
    list-style-position: inside;
    list-style-type: decimal;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Homepage Mockup
 * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.hero {
    position: relative; /* Required to manage z-index of children */
    z-index: 2; /* Lower than tooltip for testing */
    overflow: visible; /* Ensures no clipping */
}
.tooltip {
    position: relative; /* Necessary for z-index to work */
    z-index: 1000; /* High to ensure it's on top */
}
/* Smooth transition for any height changes */
.card-body,
#replacement-content {
    transition: all 1s ease-out !important;
    /*overflow: hidden;*/
}
/* Initial state for the new content is fully transparent */
#replacement-content {
    opacity: 0;
    height: 0; /* Collapsed */
}
/* Final state after transition */
#replacement-content.visible {
    opacity: 1;
    height: auto; /* Expand to natural height */
}
.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 10;
}
.fade-in {
    animation: fadeIn 0.5s;
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/* Custom */
.gradient-bottom {
    position: relative;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.8),
        rgba(0, 0, 0, 0) 33%
    );
    width: 100%; /* Adjust width as needed */
}
/* Responsive iFrame */
.responsive-iframe {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio (height/width = 9/16 = 0.5625) */
    height: 0;
    overflow: hidden;
}
.responsive-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
/* Fixes sticky header when admin bar is present */
#header-group {
    transition:
        top 0.3s ease-in-out,
        transform 0.3s ease-in-out,
        height 0.3s ease-in-out;
    width: 100%;
}
.sticky-header {
    transform: scale(0.95);
    height: 60px;
    width: 110% !important;
    left: -5% !important;
    top: -2px !important;
}
.admin-bar-visible #header-group,
.admin-bar-visible .sticky-header {
    top: 32px;
}
@media (max-width: 782px) {
    .admin-bar-visible #header-group,
    .admin-bar-visible .sticky-header {
        top: 46px;
    }
}
/* Poppins */
.poppins-thin {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: normal;
}
.poppins-extralight {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: normal;
}
.poppins-light {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
}
.poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.poppins-medium {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
}
.poppins-semibold {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
}
.poppins-bold {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}
.poppins-extrabold {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
}
.poppins-black {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: normal;
}
.poppins-thin-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: italic;
}
.poppins-extralight-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: italic;
}
.poppins-light-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: italic;
}
.poppins-regular-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: italic;
}
.poppins-medium-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: italic;
}
.poppins-semibold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: italic;
}
.poppins-bold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: italic;
}
.poppins-extrabold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: italic;
}
.poppins-black-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
}
.manual-hidden {
    display: none;
}
/* Reset margin and padding for full-width blocks */
.alignfull {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: 0;
    padding-right: 0;
}
/* Blog */
.entry-content p, .entry-content ul, .entry-content ol, .block-editor-block-list__layout p, .block-editor-block-list__layout ul, .block-editor-block-list__layout ol {
    margin-bottom: 1rem;
}
.tribe-events .tribe-events-calendar-list__day-separator {
    display: flex;
    align-items: center;
}
.tribe-events .tribe-events-calendar-list__day-separator:after {
    background-color: var(--wp--preset--color--lightgray);
    content: "";
    display: block;
    flex: auto;
    height: 2px;
    margin-left: 20px; /* Adjust margin to get the desired distance from the text */
}
/* Ensure the event separator (gray line) does not appear after a day separator */
.tribe-events-calendar-list__day-separator + .tribe-events-calendar-list__event-container .event-separator {
    display: none;
}
/* Optionally, hide the last event's separator */
.tribe-events-calendar-list__event-container:last-child .event-separator {
    display: none;
}
/* * * * * * * * */
/* Kadence Block */
/* * * * * * * * */
/* Specific to Primary Template */
.template-primary .tribe-events-widget-events-list__event-date-tag,
.template-primary .tribe-events-widget-events-list__event-title-link {
    color: var(--wp--preset--color--eku-maroon) !important;
}
/* Specific to inEKU Template */
.template-ineku .tribe-events-widget-events-list__event-date-tag,
.template-ineku .tribe-events-widget-events-list__event-title-link {
    color: var(--wp--preset--color--kentucky-bluegrass) !important;
}
.tribe-events-widget-events-list__event-datetime-wrapper {
    color: rgb(17, 24, 39) !important; /* Computed black color */
}
.tribe-events-widget-events-list__event-date-tag-month {
    color: var(--wp--preset--color--boone-bronze) !important;
    font-weight: 800 !important;
}
.tribe-events-widget-events-list__view-more {
    display: none !important; /* Hide View More link */
}
/* * * * * * * * * * * * * * */
/* EKU Events List Shortcode */
/* * * * * * * * * * * * * * */
/* Default vertical layout - no changes needed */
.tribe-events-list-vertical .tribe-events-widget-events-list__events {
    display: block;
}
/* Horizontal layout styling */
.tribe-events-list-horizontal .tribe-events-widget-events-list__events {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem; /* Adjust the gap as desired */
}
.tribe-events-list-horizontal .tribe-events-widget-events-list__event-row {
    flex: 1 1 200px; /* Adjust width based on your layout preferences */
    max-width: 500px; /* Optional max width */
}
.tribe-events-list-horizontal .tribe-events-widget-events-list__event-title {
    font-size: medium !important;
}
.tribe-events-widget-events-list__event-excerpt {
    display: none;
}
.show-excerpt .tribe-events-widget-events-list__event-excerpt {
    display: block;
}
/* Responsive adjustment for single column at md breakpoint and below */
@media (max-width: 768px) {
    .tribe-events-list-horizontal .tribe-events-widget-events-list__events {
        display: block;
    }
    .tribe-events-list-horizontal .tribe-events-widget-events-list__event-row {
        flex: 1 1 100%; /* Full-width for each item */
        max-width: none; /* Remove max width constraint */
    }
}
/* Events Container */
.sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview {
    border-top: none;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 10px 0 30px 0;
}
/* Date / Event info parent box */
.sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview__event {
    display: flex;
    font-style: normal;
    gap: 20px;
    line-height: normal;
}
.sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview__event__day {
    flex: 0;
}
/* Box surrounding day/date */
.sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview__event__day__block {
    background: none;
    border-radius: 6px;
    padding: 0px;
    text-align: center;
}
/* Day Name */
.sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview__event__day__block-name {
    color: var(--wp--preset--color--boone-bronze);
    font-size: 12px;
    font-weight: 700;
}
/* Day Number */
.sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview__event__day__block-num {
    color: rgba(0, 0, 0, .85);
    font-size: 27px;
    font-weight: 700;
    line-height: 27px;
}
/* Event Title */
.sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview__event__body__content h4 {
    font-size: 16px;
}
/* List block footer */
.sugar-calendar-event-list-block .sugar-calendar-event-list-block__footer {
    border-top: none;
    display: flex;
    justify-content: space-between;
    padding-top: 0px;
    padding-bottom: 20px;
}
/* Horizontal Widget */
.sugarcalendar-horizontal .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}
.sugarcalendar-horizontal .sugar-calendar-event-list-block__listview__event {
    flex: 1;
    min-width: 30%;
    max-width: 30%;
    box-sizing: border-box;
}
/* Prevents events from stretching too much */
@media (max-width: 900px) {
    .sugarcalendar-horizontal .sugar-calendar-event-list-block__listview__event {
        min-width: 45%;
        max-width: 45%;
    }
}
@media (max-width: 600px) {
    .sugarcalendar-horizontal .sugar-calendar-event-list-block__listview {
        flex-direction: column; /* Stack events vertically on smaller screens */
    }

    .sugarcalendar-horizontal .sugar-calendar-event-list-block__listview__event {
        min-width: 100%;
        max-width: 100%;
    }
}
/* General styles for pagination buttons */
.page-numbers.current .btn {
    background-color: var(--wp--preset--color--primary) !important;
    color: white;
}
/* inEKU-specific styles */
.ineku-pagination .page-numbers.current .btn {
    background-color: var(--wp--preset--color--kentucky-bluegrass) !important;
}
/* * * * * * * * * * * *
 * Card Grid Styling
 * * * * * * * * * * * */
.programs-query-loop .wp-block-post-template {
    display: grid;
    grid-template-columns: repeat(1, 1fr); /* Default: 1 column */
    gap: 1.5rem; /* Spacing between cards */
}
@media (min-width: 640px) { /* Tailwind's sm breakpoint */
    .programs-query-loop .wp-block-post-template {
        grid-template-columns: repeat(2, 1fr); /* 2 columns on small screens */
    }
}
@media (min-width: 768px) { /* Tailwind's md breakpoint */
    .programs-query-loop .wp-block-post-template {
        grid-template-columns: repeat(3, 1fr); /* 3 columns on medium screens */
    }
}
@media (min-width: 1024px) { /* Tailwind's lg breakpoint */
    .programs-query-loop .wp-block-post-template {
        grid-template-columns: repeat(4, 1fr); /* 4 columns on large screens */
    }
}
.programs-query-loop .wp-block-post {
    box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.08);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    overflow: hidden;
}
.programs-query-loop .wp-block-post-featured-image {
    position: relative;
    width: 100%; /* Ensure the figure takes full width */
    height: 170px; /* Adjust height to make it taller */
    overflow: hidden; /* Ensure the image edges are clipped */
    border-radius: 4px; /* Optional: Rounded corners for the figure */
}
.programs-query-loop .wp-block-post-featured-image img {
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    -o-object-fit: cover;
       object-fit: cover; /* Ensures the image covers the area while keeping its aspect ratio */
    -o-object-position: center;
       object-position: center; /* Centers the image */
}
.programs-query-loop .parent-post-title {
    color: var(--wp--preset--color--lightgray);
    font-weight: 800;
    text-transform: uppercase;
    font-size: 0.8rem;
    padding: 20px 20px 10px 20px;
}
.programs-query-loop .wp-block-post-title {
    padding: 0px 20px 20px 20px;
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--wp--preset--color--eku-maroon);
    line-height: 1.5rem;
}
.programs-query-loop p.wp-block-kadence-advancedheading {
    padding: 0px 20px 20px 20px !important;
    font-size: 0.9rem;
    font-weight: 800;
    color: var(--wp--preset--color--eku-maroon);
}
.programs-query-loop  p.wp-block-kadence-advancedheading.program-modality {
    padding: 0px 20px 20px 20px !important;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--wp--preset--color--dark-gray);
}
/* * * * * * * * * * * *
 * Card Styling
 * * * * * * * * * * * */
.programs-query-loop .kb-query-item.kb-query-block-post {
    box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.05); /* Light shadow for card */
    border-radius: 4px; /* Rounded corners */
    overflow: hidden; /* Prevent content spill */
    background-color: white; /* Clean white background */
    transition: transform 0.4s, box-shadow 0.3s; /* Smooth hover effect */
    position: relative;
}
/* Hover effect for cards */
.programs-query-loop .kb-query-item.kb-query-block-post:hover {
    transform: translateY(-5px); /* Lift on hover */
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); /* Elevated shadow */
}
/* Image styles */
.programs-query-loop .kb-query-item.kb-query-block-post figure {
    margin: 0;
    overflow: hidden;
    border-radius: 4px 4px 0 0; /* Rounded top corners */
}
.programs-query-loop .kb-query-item.kb-query-block-post figure img {
    width: 100%; /* Full width */
    height: auto;
    -o-object-fit: cover;
       object-fit: cover; /* Preserve aspect ratio */
}
/* Card content */
.programs-query-loop .kb-query-item .kt-inside-inner-col {
    padding: 1.5rem; /* Space around content */
    display: flex;
    flex-direction: column;
    gap: 1rem; /* Space between elements */
}
/* Department label */
.programs-query-loop .kb-query-item .kb-dynamic-html {
    font-size: 0.8rem;
    font-weight: 800;
    text-transform: uppercase;
    color: #87909A; /* Light gray text */
}
/* Title styling */
.programs-query-loop .kb-query-item .wp-block-kadence-advancedheading {
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--wp--preset--color--eku-maroon); /* EKU Maroon */
    line-height: 1.5rem;
}
/* Program type/modality */
.programs-query-loop .kb-query-item .kt-adv-heading9807_211556-da {
    font-size: 1rem;
    color: #333333; /* Dark gray text */
    font-weight: 400;
}
/* Button styles */
.programs-query-loop .kb-query-item .kb-buttons-wrap .kb-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF; /* White button background */
    color: #861f41; /* EKU Maroon text */
    font-size: 0.9rem;
    font-weight: 800;
    padding: 0.75rem 1.5rem;
    border: 1px solid #861f41; /* Maroon border */
    border-radius: 4px; /* Rounded corners */
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;
}
/* Button hover effect */
.programs-query-loop .kb-query-item .kb-buttons-wrap .kb-button:hover {
    background-color: #861f41; /* EKU Maroon background */
    color: white; /* White text */
}
/* * * * * * * * * * * *
 * Pagination Styling
 * * * * * * * * * * * */
.programs-query-loop .wp-block-query-pagination {
    display: flex;
    justify-content: center;
    gap: 0.5rem; /* Space between buttons */
    margin-top: 40px;
}
.programs-query-loop .wp-block-query-pagination-numbers .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem; /* Square buttons */
    height: 3rem;
    font-size: 0.875rem; /* Font size */
    font-weight: 600; /* Bold text */
    border-radius: 0.25rem; /* Rounded corners */
    background-color: #CFCFCF; /* Light gray background */
    color: black; /* Black text */
    text-decoration: none; /* Remove underline */
    border: 1px solid transparent; /* No border by default */
    transition: background-color 0.2s ease, color 0.2s ease;
}
/* Active page button */
.programs-query-loop .wp-block-query-pagination-numbers .page-numbers.current {
    background-color: var(--wp--preset--color--eku-maroon); /* Maroon background */
    color: white; /* White text */
}
/* Button hover state */
.programs-query-loop .wp-block-query-pagination-numbers .page-numbers:hover:not(.current) {
    background-color: #999999; /* Dark gray background */
    color: white; /* White text */
}
/* Next/Previous buttons */
.programs-query-loop .wp-block-query-pagination a.wp-block-query-pagination-next,
.programs-query-loop .wp-block-query-pagination a.wp-block-query-pagination-previous {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    height: 3rem;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 0.25rem;
    background-color: #CFCFCF; /* Light gray background */
    color: black; /* Black text */
    text-decoration: none;
    border: 1px solid transparent;
    transition: background-color 0.2s ease, color 0.2s ease;
}
/* Hover for next/previous buttons */
.programs-query-loop .wp-block-query-pagination a.wp-block-query-pagination-next:hover,
.programs-query-loop .wp-block-query-pagination a.wp-block-query-pagination-previous:hover {
    background-color: #999999; /* Dark gray background */
    color: white; /* White text */
}
.programs-query-loop .wp-block-query-pagination-numbers:hover {
    cursor: pointer;
}
/* * * * * * * * * * * *
 * Pagination Styling
 * * * * * * * * * * * */
.policies-query-loop .wp-block-query-pagination, {
    display: flex;
    justify-content: center;
    gap: 0.5rem; /* Space between buttons */
    margin-top: 40px;
}
.policies-query-loop .wp-block-query-pagination-numbers .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem; /* Square buttons */
    height: 3rem;
    font-size: 0.875rem; /* Font size */
    font-weight: 600; /* Bold text */
    border-radius: 0.25rem; /* Rounded corners */
    background-color: #CFCFCF; /* Light gray background */
    color: black; /* Black text */
    text-decoration: none; /* Remove underline */
    border: 1px solid transparent; /* No border by default */
    transition: background-color 0.2s ease, color 0.2s ease;
}
/* Active page button */
.policies-query-loop .wp-block-query-pagination-numbers .page-numbers.current {
    background-color: var(--wp--preset--color--kentucky-bluegrass); /* Maroon background */
    color: white; /* White text */
}
/* Button hover state */
.policies-query-loop .wp-block-query-pagination-numbers .page-numbers:hover:not(.current) {
    background-color: #999999; /* Dark gray background */
    color: white; /* White text */
}
/* Next/Previous buttons */
.policies-query-loop .wp-block-query-pagination a.wp-block-query-pagination-next,
.policies-query-loop .wp-block-query-pagination a.wp-block-query-pagination-previous {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    height: 3rem;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 0.25rem;
    background-color: #CFCFCF; /* Light gray background */
    color: black; /* Black text */
    text-decoration: none;
    border: 1px solid transparent;
    transition: background-color 0.2s ease, color 0.2s ease;
}
/* Hover for next/previous buttons */
.policies-query-loop .wp-block-query-pagination a.wp-block-query-pagination-next:hover,
.policies-query-loop .wp-block-query-pagination a.wp-block-query-pagination-previous:hover {
    background-color: #999999; /* Dark gray background */
    color: white; /* White text */
}
.policies-query-loop .wp-block-query-pagination-numbers:hover {
    cursor: pointer;
}
/* * * * * * * * * * * *
 * Pagination Styling
 * * * * * * * * * * * */
.guides-query-loop .wp-block-query-pagination, {
    display: flex;
    justify-content: center;
    gap: 0.5rem; /* Space between buttons */
    margin-top: 40px;
}
.guides-query-loop .wp-block-query-pagination-numbers .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem; /* Square buttons */
    height: 3rem;
    font-size: 0.875rem; /* Font size */
    font-weight: 600; /* Bold text */
    border-radius: 0.25rem; /* Rounded corners */
    background-color: #CFCFCF; /* Light gray background */
    color: black; /* Black text */
    text-decoration: none; /* Remove underline */
    border: 1px solid transparent; /* No border by default */
    transition: background-color 0.2s ease, color 0.2s ease;
}
/* Active page button */
.guides-query-loop .wp-block-query-pagination-numbers .page-numbers.current {
    background-color: var(--wp--preset--color--kentucky-bluegrass); /* Maroon background */
    color: white; /* White text */
}
/* Button hover state */
.guides-query-loop .wp-block-query-pagination-numbers .page-numbers:hover:not(.current) {
    background-color: #999999; /* Dark gray background */
    color: white; /* White text */
}
/* Next/Previous buttons */
.guides-query-loop .wp-block-query-pagination a.wp-block-query-pagination-next,
.guides-query-loop .wp-block-query-pagination a.wp-block-query-pagination-previous {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    height: 3rem;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 0.25rem;
    background-color: #CFCFCF; /* Light gray background */
    color: black; /* Black text */
    text-decoration: none;
    border: 1px solid transparent;
    transition: background-color 0.2s ease, color 0.2s ease;
}
/* Hover for next/previous buttons */
.guides-query-loop .wp-block-query-pagination a.wp-block-query-pagination-next:hover,
.guides-query-loop .wp-block-query-pagination a.wp-block-query-pagination-previous:hover {
    background-color: #999999; /* Dark gray background */
    color: white; /* White text */
}
.guides-query-loop .wp-block-query-pagination-numbers:hover {
    cursor: pointer;
}
/* * * * * * * * * * * *
 * Pagination Styling
 * * * * * * * * * * * */
.in-personnel-query-loop .wp-block-query-pagination {
    display: flex;
    justify-content: center;
    gap: 0.5rem; /* Space between buttons */
    margin-top: 40px;
}
.in-personnel-query-loop .wp-block-query-pagination-numbers .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem; /* Square buttons */
    height: 3rem;
    font-size: 0.875rem; /* Font size */
    font-weight: 600; /* Bold text */
    border-radius: 0.25rem; /* Rounded corners */
    background-color: #CFCFCF; /* Light gray background */
    color: black; /* Black text */
    text-decoration: none; /* Remove underline */
    border: 1px solid transparent; /* No border by default */
    transition: background-color 0.2s ease, color 0.2s ease;
}
/* Active page button */
.in-personnel-query-loop .wp-block-query-pagination-numbers .page-numbers.current {
    background-color: var(--wp--preset--color--kentucky-bluegrass); /* Maroon background */
    color: white; /* White text */
}
/* Button hover state */
.in-personnel-query-loop .wp-block-query-pagination-numbers .page-numbers:hover:not(.current) {
    background-color: #999999; /* Dark gray background */
    color: white; /* White text */
}
/* Next/Previous buttons */
.in-personnel-query-loop .wp-block-query-pagination a.wp-block-query-pagination-next,
.in-personnel-query-loop .wp-block-query-pagination a.wp-block-query-pagination-previous {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    height: 3rem;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 0.25rem;
    background-color: #CFCFCF; /* Light gray background */
    color: black; /* Black text */
    text-decoration: none;
    border: 1px solid transparent;
    transition: background-color 0.2s ease, color 0.2s ease;
}
/* Hover for next/previous buttons */
.in-personnel-query-loop .wp-block-query-pagination a.wp-block-query-pagination-next:hover,
.in-personnel-query-loop .wp-block-query-pagination a.wp-block-query-pagination-previous:hover {
    background-color: #999999; /* Dark gray background */
    color: white; /* White text */
}
.in-personnel-query-loop .wp-block-query-pagination-numbers:hover {
    cursor: pointer;
}
/* * * * * * * * * * * *
 * Pagination Styling
 * * * * * * * * * * * */
.committees-query-loop .wp-block-query-pagination, {
    display: flex;
    justify-content: center;
    gap: 0.5rem; /* Space between buttons */
    margin-top: 40px;
}
.committees-query-loop .wp-block-query-pagination-numbers .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem; /* Square buttons */
    height: 3rem;
    font-size: 0.875rem; /* Font size */
    font-weight: 600; /* Bold text */
    border-radius: 0.25rem; /* Rounded corners */
    background-color: #CFCFCF; /* Light gray background */
    color: black; /* Black text */
    text-decoration: none; /* Remove underline */
    border: 1px solid transparent; /* No border by default */
    transition: background-color 0.2s ease, color 0.2s ease;
}
/* Active page button */
.committees-query-loop .wp-block-query-pagination-numbers .page-numbers.current {
    background-color: var(--wp--preset--color--kentucky-bluegrass); /* Maroon background */
    color: white; /* White text */
}
/* Button hover state */
.committees-query-loop .wp-block-query-pagination-numbers .page-numbers:hover:not(.current) {
    background-color: #999999; /* Dark gray background */
    color: white; /* White text */
}
/* Next/Previous buttons */
.committees-query-loop .wp-block-query-pagination a.wp-block-query-pagination-next,
.committees-query-loop .wp-block-query-pagination a.wp-block-query-pagination-previous {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    height: 3rem;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 0.25rem;
    background-color: #CFCFCF; /* Light gray background */
    color: black; /* Black text */
    text-decoration: none;
    border: 1px solid transparent;
    transition: background-color 0.2s ease, color 0.2s ease;
}
/* Hover for next/previous buttons */
.committees-query-loop .wp-block-query-pagination a.wp-block-query-pagination-next:hover,
.committees-query-loop .wp-block-query-pagination a.wp-block-query-pagination-previous:hover {
    background-color: #999999; /* Dark gray background */
    color: white; /* White text */
}
.committees-query-loop .wp-block-query-pagination-numbers:hover {
    cursor: pointer;
}
/* Target the <ul> within the people-query-loop container */
.people-query-loop ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    /* two columns */
    gap: 1rem;
    /* adjust gap as needed */
    list-style: none;
    /* remove default list styling */
    padding: 0;
    margin: 0;
}
/* Mobile breakpoint (below 640px) */
@media (max-width: 640px) {
    .people-query-loop ul {
        grid-template-columns: 1fr;
        /* one column */
    }
}
/* Optional: Style the individual cards (the <li> elements) */
.people-query-loop ul li {
    background: #fff;
    /* border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 1rem; */
}
/* Make the figure a square container */
.people-query-loop ul li figure {
    position: relative;          /* Establish positioning context */
    width: 100%;                 /* Let it fill the available width */
    aspect-ratio: 1 / 1;         /* Force a 1:1 aspect ratio (square) */
    overflow: hidden;            /* Hide any overflow */
  }
/* Ensure the image fills the container */
.people-query-loop ul li figure img {
    position: absolute;          /* Position within the container */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;           /* Crop the image to fill the square without distortion */
  }
/* * * * * * * * * * * *
 * Pagination Styling
 * * * * * * * * * * * */
.people-query-loop .wp-block-query-pagination {
    display: flex;
    justify-content: center;
    gap: 0.5rem; /* Space between buttons */
    margin-top: 40px;
  }
.people-query-loop .wp-block-query-pagination-numbers .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem; /* Square buttons */
    height: 3rem;
    font-size: 0.875rem; /* Font size */
    font-weight: 600; /* Bold text */
    border-radius: 0.25rem; /* Rounded corners */
    background-color: #CFCFCF; /* Light gray background */
    color: black; /* Black text */
    text-decoration: none; /* Remove underline */
    border: 1px solid transparent; /* No border by default */
    transition: background-color 0.2s ease, color 0.2s ease;
  }
/* Active page button */
.people-query-loop .wp-block-query-pagination-numbers .page-numbers.current {
    background-color: var(--wp--preset--color--eku-maroon); /* Maroon background */
    color: white; /* White text */
  }
/* Button hover state */
.people-query-loop .wp-block-query-pagination-numbers .page-numbers:hover:not(.current) {
    background-color: #999999; /* Dark gray background */
    color: white; /* White text */
  }
/* Next/Previous buttons */
.people-query-loop .wp-block-query-pagination a.wp-block-query-pagination-next,
  .people-query-loop .wp-block-query-pagination a.wp-block-query-pagination-previous {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    height: 3rem;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 0.25rem;
    background-color: #CFCFCF; /* Light gray background */
    color: black; /* Black text */
    text-decoration: none;
    border: 1px solid transparent;
    transition: background-color 0.2s ease, color 0.2s ease;
  }
/* Hover for next/previous buttons */
.people-query-loop .wp-block-query-pagination a.wp-block-query-pagination-next:hover,
  .people-query-loop .wp-block-query-pagination a.wp-block-query-pagination-previous:hover {
    background-color: #999999; /* Dark gray background */
    color: white; /* White text */
  }
.people-query-loop .wp-block-query-pagination-numbers:hover {
    cursor: pointer;
  }
/* This file seems to be the correct file that Tailwind is using, not src/css/app.css */
@media (min-width: 1280px){

    .xl\:container{
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
    }

    @media (min-width: 480px){

        .xl\:container{
            max-width: 480px;
        }
    }

    @media (min-width: 600px){

        .xl\:container{
            max-width: 600px;
            padding-right: 2rem;
            padding-left: 2rem;
        }
    }

    @media (min-width: 782px){

        .xl\:container{
            max-width: 782px;
        }
    }

    @media (min-width: 960px){

        .xl\:container{
            max-width: 960px;
            padding-right: 0rem;
            padding-left: 0rem;
        }
    }

    @media (min-width: 1280px){

        .xl\:container{
            max-width: 1280px;
        }
    }

    @media (min-width: 1440px){

        .xl\:container{
            max-width: 1440px;
        }
    }
}
.hover\:bg-gray-100:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.hover\:bg-lightgray:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(135 144 154 / var(--tw-bg-opacity));
}
.hover\:bg-white:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.hover\:text-black:hover{
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}
.hover\:underline:hover{
    text-decoration-line: underline;
}
.focus\:outline-none:focus{
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.focus\:ring:focus{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
@media (min-width: 600px){

    .sm\:col-span-2{
        grid-column: span 2 / span 2;
    }

    .sm\:mt-0{
        margin-top: 0px;
    }

    .sm\:grid{
        display: grid;
    }

    .sm\:grid-cols-2{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-3{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm\:gap-4{
        gap: 1rem;
    }

    .sm\:px-3{
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
}
@media (min-width: 782px){

    .md\:mx-0{
        margin-left: 0px;
        margin-right: 0px;
    }

    .md\:mx-6{
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }

    .md\:block{
        display: block;
    }

    .md\:w-fit{
        width: -moz-fit-content;
        width: fit-content;
    }

    .md\:w-full{
        width: 100%;
    }

    .md\:max-w-full{
        max-width: 100%;
    }

    .md\:grid-cols-3{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:flex-row{
        flex-direction: row;
    }

    .md\:flex-nowrap{
        flex-wrap: nowrap;
    }

    .md\:items-center{
        align-items: center;
    }

    .md\:justify-start{
        justify-content: flex-start;
    }

    .md\:justify-between{
        justify-content: space-between;
    }

    .md\:gap-10{
        gap: 2.5rem;
    }

    .md\:gap-16{
        gap: 4rem;
    }

    .md\:space-x-4 > :not([hidden]) ~ :not([hidden]){
        --tw-space-x-reverse: 0;
        margin-right: calc(1rem * var(--tw-space-x-reverse));
        margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
    }

    .md\:px-0{
        padding-left: 0px;
        padding-right: 0px;
    }

    .md\:px-6{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .md\:py-6{
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .md\:text-left{
        text-align: left;
    }

    .md\:text-3xl{
        font-size: 1.953rem;
    }

    .md\:text-sm{
        font-size: 0.8rem;
    }
    .md\:tw-hidden {
        display: none;
    }
}
@media (min-width: 960px){

    .lg\:mx-12{
        margin-left: 3rem;
        margin-right: 3rem;
    }

    .lg\:my-2{
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .lg\:block{
        display: block;
    }

    .lg\:flex{
        display: flex;
    }

    .lg\:w-1\/3{
        width: 33.333333%;
    }

    .lg\:w-2\/3{
        width: 66.666667%;
    }

    .lg\:w-3\/12{
        width: 25%;
    }

    .lg\:w-4\/12{
        width: 33.333333%;
    }

    .lg\:w-8\/12{
        width: 66.666667%;
    }

    .lg\:w-\[50vw\]{
        width: 50vw;
    }

    .lg\:w-auto{
        width: auto;
    }

    .lg\:grid-cols-4{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lg\:flex-row{
        flex-direction: row;
    }

    .lg\:items-center{
        align-items: center;
    }

    .lg\:gap-24{
        gap: 6rem;
    }

    .lg\:gap-3{
        gap: 0.75rem;
    }

    .lg\:px-12{
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .lg\:px-\[3rem\]{
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .lg\:text-2xl{
        font-size: 1.563rem;
    }

    .lg\:text-3xl{
        font-size: 1.953rem;
    }
    .lg\:tw-hidden {
        display: none;
    }
}
@media (min-width: 1280px){

    .xl\:mx-auto{
        margin-left: auto;
        margin-right: auto;
    }

    .xl\:w-\[150px\]{
        width: 150px;
    }

    .xl\:w-\[50vw\]{
        width: 50vw;
    }

    .xl\:gap-20{
        gap: 5rem;
    }

    .xl\:px-\[5rem\]{
        padding-left: 5rem;
        padding-right: 5rem;
    }

    .xl\:pl-12{
        padding-left: 3rem;
    }

    .xl\:text-2xl{
        font-size: 1.563rem;
    }

    .xl\:text-base{
        font-size: 1rem;
    }

    .xl\:text-lg{
        font-size: 1.125rem;
    }
}
@media (min-width: 1440px){

    .\32xl\:px-\[7rem\]{
        padding-left: 7rem;
        padding-right: 7rem;
    }
}