/* myweb: scoped reset */
/*
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)
*/

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

html body .myweb::before,
html body .myweb ::before,
html body .myweb::after,
html body .myweb ::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 body .myweb,
html body .myweb {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 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.
*/

html body .myweb {
  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.
*/

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

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

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

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

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

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

html body .myweb a {
  color: inherit;
  text-decoration: inherit;
}

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

html body .myweb b,
html body .myweb 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.
*/

html body .myweb code,
html body .myweb kbd,
html body .myweb samp,
html body .myweb 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.
*/

html body .myweb small {
  font-size: 80%;
}

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

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

html body .myweb sub {
  bottom: -0.25em;
}

html body .myweb 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.
*/

html body .myweb 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.
*/

html body .myweb button,
html body .myweb input,
html body .myweb optgroup,
html body .myweb select,
html body .myweb 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 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

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

html body .myweb button,
html body .myweb select {
  text-transform: none;
}

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

html body .myweb button,
.myweb input:where([type='button']),
.myweb input:where([type='reset']),
.myweb input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

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

html body .myweb:-moz-focusring, html body .myweb :-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)
*/

html body .myweb:-moz-ui-invalid, html body .myweb :-moz-ui-invalid {
  box-shadow: none;
}

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

html body .myweb progress {
  vertical-align: baseline;
}

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

html body .myweb::-webkit-inner-spin-button,
html body .myweb ::-webkit-inner-spin-button,
html body .myweb::-webkit-outer-spin-button,
html body .myweb ::-webkit-outer-spin-button {
  height: auto;
}

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

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

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

html body .myweb::-webkit-search-decoration, html body .myweb ::-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.
*/

html body .myweb::-webkit-file-upload-button, html body .myweb ::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

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

html body .myweb summary {
  display: list-item;
}

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

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

html body .myweb fieldset {
  margin: 0;
  padding: 0;
}

html body .myweb legend {
  padding: 0;
}

html body .myweb ol,
html body .myweb ul,
html body .myweb menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

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

/*
Prevent resizing textareas horizontally by default.
*/

html body .myweb 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.
*/

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

/*
Set the default cursor for buttons.
*/

html body .myweb button,
.myweb [role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
.myweb :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.
*/

html body .myweb img,
html body .myweb svg,
html body .myweb video,
html body .myweb canvas,
html body .myweb audio,
html body .myweb iframe,
html body .myweb embed,
html body .myweb 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)
*/

html body .myweb img,
html body .myweb video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
.myweb [hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

html body .myweb { font-size: 1rem; line-height: 1.5; font-weight: 400; font-style: normal; letter-spacing: normal; word-spacing: normal; text-transform: none; text-align: start; color: #000; }
/* Tailwind variables */
.myweb, .myweb *, .myweb::before, .myweb ::before, .myweb::after, .myweb ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  
}
.myweb::backdrop, .myweb ::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  
}
/* design styles */
/*
 * Base styles for the app.
 * Tailwind utility classes are compiled when the preview is built,
 * so no  are needed here.
 */

html body .myweb, html body .myweb * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html body .myweb {
  font-family: system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* utilities */
.container {
    width: 100%
}
@media (min-width: 640px) {
    .container {
        max-width: 640px
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 768px
    }
}
@media (min-width: 1024px) {
    .container {
        max-width: 1024px
    }
}
@media (min-width: 1280px) {
    .container {
        max-width: 1280px
    }
}
@media (min-width: 1536px) {
    .container {
        max-width: 1536px
    }
}
.myweb .pointer-events-none {
    pointer-events: none
}
.myweb .visible {
    visibility: visible
}
.myweb .fixed {
    position: fixed
}
.myweb .absolute {
    position: absolute
}
.myweb .relative {
    position: relative
}
.myweb .sticky {
    position: sticky
}
.myweb .inset-0 {
    inset: 0px
}
.myweb .-bottom-24 {
    bottom: -6rem
}
.myweb .-bottom-6 {
    bottom: -1.5rem
}
.myweb .-left-24 {
    left: -6rem
}
.myweb .-left-6 {
    left: -1.5rem
}
.myweb .-right-0\.5 {
    right: -0.125rem
}
.myweb .-right-24 {
    right: -6rem
}
.myweb .-top-0\.5 {
    top: -0.125rem
}
.myweb .-top-24 {
    top: -6rem
}
.myweb .-top-3 {
    top: -0.75rem
}
.myweb .left-1\/2 {
    left: 50%
}
.myweb .left-3 {
    left: 0.75rem
}
.myweb .right-0 {
    right: 0px
}
.myweb .right-3 {
    right: 0.75rem
}
.myweb .top-0 {
    top: 0px
}
.myweb .top-1\/2 {
    top: 50%
}
.myweb .top-3 {
    top: 0.75rem
}
.myweb .-z-10 {
    z-index: -10
}
.myweb .z-50 {
    z-index: 50
}
.myweb .z-\[60\] {
    z-index: 60
}
.myweb .z-\[70\] {
    z-index: 70
}
.myweb .order-2 {
    order: 2
}
.myweb .col-span-2 {
    grid-column: span 2 / span 2
}
.myweb .col-span-3 {
    grid-column: span 3 / span 3
}
.myweb .mx-auto {
    margin-left: auto;
    margin-right: auto
}
.myweb .-mt-1 {
    margin-top: -0.25rem
}
.myweb .mb-1\.5 {
    margin-bottom: 0.375rem
}
.myweb .mb-3 {
    margin-bottom: 0.75rem
}
.myweb .mb-4 {
    margin-bottom: 1rem
}
.myweb .ml-0\.5 {
    margin-left: 0.125rem
}
.myweb .ml-1\.5 {
    margin-left: 0.375rem
}
.myweb .ml-2 {
    margin-left: 0.5rem
}
.myweb .mt-0\.5 {
    margin-top: 0.125rem
}
.myweb .mt-1 {
    margin-top: 0.25rem
}
.myweb .mt-1\.5 {
    margin-top: 0.375rem
}
.myweb .mt-10 {
    margin-top: 2.5rem
}
.myweb .mt-12 {
    margin-top: 3rem
}
.myweb .mt-14 {
    margin-top: 3.5rem
}
.myweb .mt-16 {
    margin-top: 4rem
}
.myweb .mt-2 {
    margin-top: 0.5rem
}
.myweb .mt-20 {
    margin-top: 5rem
}
.myweb .mt-3 {
    margin-top: 0.75rem
}
.myweb .mt-4 {
    margin-top: 1rem
}
.myweb .mt-5 {
    margin-top: 1.25rem
}
.myweb .mt-6 {
    margin-top: 1.5rem
}
.myweb .mt-7 {
    margin-top: 1.75rem
}
.myweb .mt-8 {
    margin-top: 2rem
}
.myweb .mt-9 {
    margin-top: 2.25rem
}
.myweb .mt-auto {
    margin-top: auto
}
.myweb .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}
.myweb .block {
    display: block
}
.myweb .inline-block {
    display: inline-block
}
.myweb .flex {
    display: flex
}
.myweb .inline-flex {
    display: inline-flex
}
.myweb .grid {
    display: grid
}
.myweb .inline-grid {
    display: inline-grid
}
.myweb .contents {
    display: contents
}
.myweb .hidden {
    display: none
}
.myweb .aspect-square {
    aspect-ratio: 1 / 1
}
.myweb .h-1\.5 {
    height: 0.375rem
}
.myweb .h-10 {
    height: 2.5rem
}
.myweb .h-11 {
    height: 2.75rem
}
.myweb .h-12 {
    height: 3rem
}
.myweb .h-14 {
    height: 3.5rem
}
.myweb .h-16 {
    height: 4rem
}
.myweb .h-2 {
    height: 0.5rem
}
.myweb .h-20 {
    height: 5rem
}
.myweb .h-3\.5 {
    height: 0.875rem
}
.myweb .h-5 {
    height: 1.25rem
}
.myweb .h-6 {
    height: 1.5rem
}
.myweb .h-7 {
    height: 1.75rem
}
.myweb .h-72 {
    height: 18rem
}
.myweb .h-8 {
    height: 2rem
}
.myweb .h-9 {
    height: 2.25rem
}
.myweb .h-full {
    height: 100%
}
.myweb .max-h-\[88vh\] {
    max-height: 88vh
}
.myweb .min-h-screen {
    min-height: 100vh
}
.myweb .w-1\.5 {
    width: 0.375rem
}
.myweb .w-10 {
    width: 2.5rem
}
.myweb .w-11 {
    width: 2.75rem
}
.myweb .w-12 {
    width: 3rem
}
.myweb .w-14 {
    width: 3.5rem
}
.myweb .w-16 {
    width: 4rem
}
.myweb .w-20 {
    width: 5rem
}
.myweb .w-3\.5 {
    width: 0.875rem
}
.myweb .w-4\/5 {
    width: 80%
}
.myweb .w-52 {
    width: 13rem
}
.myweb .w-56 {
    width: 14rem
}
.myweb .w-6 {
    width: 1.5rem
}
.myweb .w-7 {
    width: 1.75rem
}
.myweb .w-72 {
    width: 18rem
}
.myweb .w-8 {
    width: 2rem
}
.myweb .w-9 {
    width: 2.25rem
}
.myweb .w-auto {
    width: auto
}
.myweb .w-full {
    width: 100%
}
.myweb .min-w-0 {
    min-width: 0px
}
.myweb .min-w-\[20px\] {
    min-width: 20px
}
.myweb .max-w-2xl {
    max-width: 42rem
}
.myweb .max-w-3xl {
    max-width: 48rem
}
.myweb .max-w-5xl {
    max-width: 64rem
}
.myweb .max-w-7xl {
    max-width: 80rem
}
.myweb .max-w-md {
    max-width: 28rem
}
.myweb .max-w-sm {
    max-width: 24rem
}
.myweb .max-w-xl {
    max-width: 36rem
}
.myweb .max-w-xs {
    max-width: 20rem
}
.myweb .flex-1 {
    flex: 1 1 0%
}
.myweb .shrink-0 {
    flex-shrink: 0
}
.myweb .-translate-x-1\/2 {
    --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))
}
.myweb .-translate-y-1\/2 {
    --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))
}
.myweb .rotate-180 {
    --tw-rotate: 180deg;
    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))
}
.myweb .scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    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))
}
.myweb .scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.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))
}
.myweb .resize-none {
    resize: none
}
.myweb .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}
.myweb .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}
.myweb .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}
.myweb .flex-col {
    flex-direction: column
}
.myweb .flex-wrap {
    flex-wrap: wrap
}
.myweb .place-items-center {
    place-items: center
}
.myweb .items-start {
    align-items: flex-start
}
.myweb .items-end {
    align-items: flex-end
}
.myweb .items-center {
    align-items: center
}
.myweb .items-baseline {
    align-items: baseline
}
.myweb .justify-start {
    justify-content: flex-start
}
.myweb .justify-center {
    justify-content: center
}
.myweb .justify-between {
    justify-content: space-between
}
.myweb .gap-0\.5 {
    gap: 0.125rem
}
.myweb .gap-1 {
    gap: 0.25rem
}
.myweb .gap-1\.5 {
    gap: 0.375rem
}
.myweb .gap-10 {
    gap: 2.5rem
}
.myweb .gap-14 {
    gap: 3.5rem
}
.myweb .gap-2 {
    gap: 0.5rem
}
.myweb .gap-3 {
    gap: 0.75rem
}
.myweb .gap-4 {
    gap: 1rem
}
.myweb .gap-5 {
    gap: 1.25rem
}
.myweb .gap-6 {
    gap: 1.5rem
}
.myweb .gap-8 {
    gap: 2rem
}
.myweb .gap-x-10 {
    column-gap: 2.5rem
}
.myweb .gap-x-2 {
    column-gap: 0.5rem
}
.myweb .gap-x-6 {
    column-gap: 1.5rem
}
.myweb .gap-y-1 {
    row-gap: 0.25rem
}
.myweb .gap-y-2 {
    row-gap: 0.5rem
}
.myweb .gap-y-4 {
    row-gap: 1rem
}
.myweb :is(.space-y-1 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse))
}
.myweb :is(.space-y-1\.5 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.375rem * var(--tw-space-y-reverse))
}
.myweb :is(.space-y-16 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(4rem * var(--tw-space-y-reverse))
}
.myweb :is(.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))
}
.myweb :is(.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))
}
.myweb :is(.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))
}
.myweb :is(.space-y-5 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}
.myweb :is(.space-y-6 > :not([hidden]) ~ :not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}
.myweb :is(.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))
}
.myweb :is(.divide-slate-100 > :not([hidden]) ~ :not([hidden])) {
    --tw-divide-opacity: 1;
    border-color: rgb(241 245 249 / var(--tw-divide-opacity, 1))
}
.myweb :is(.divide-slate-200 > :not([hidden]) ~ :not([hidden])) {
    --tw-divide-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-divide-opacity, 1))
}
.myweb .overflow-hidden {
    overflow: hidden
}
.myweb .overflow-y-auto {
    overflow-y: auto
}
.myweb .rounded-2xl {
    border-radius: 1rem
}
.myweb .rounded-3xl {
    border-radius: 1.5rem
}
.myweb .rounded-full {
    border-radius: 9999px
}
.myweb .rounded-lg {
    border-radius: 0.5rem
}
.myweb .rounded-md {
    border-radius: 0.375rem
}
.myweb .rounded-xl {
    border-radius: 0.75rem
}
.myweb .rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem
}
.myweb .rounded-l-xl {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem
}
.myweb .rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem
}
.myweb .rounded-r-xl {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem
}
.myweb .border {
    border-width: 1px
}
.myweb .border-2 {
    border-width: 2px
}
.myweb .border-b {
    border-bottom-width: 1px
}
.myweb .border-t {
    border-top-width: 1px
}
.myweb .border-dashed {
    border-style: dashed
}
.myweb .border-emerald-100 {
    --tw-border-opacity: 1;
    border-color: rgb(209 250 229 / var(--tw-border-opacity, 1))
}
.myweb .border-indigo-100 {
    --tw-border-opacity: 1;
    border-color: rgb(224 231 255 / var(--tw-border-opacity, 1))
}
.myweb .border-indigo-300\/60 {
    border-color: rgb(165 180 252 / 0.6)
}
.myweb .border-indigo-600 {
    --tw-border-opacity: 1;
    border-color: rgb(79 70 229 / var(--tw-border-opacity, 1))
}
.myweb .border-red-100 {
    --tw-border-opacity: 1;
    border-color: rgb(254 226 226 / var(--tw-border-opacity, 1))
}
.myweb .border-slate-100 {
    --tw-border-opacity: 1;
    border-color: rgb(241 245 249 / var(--tw-border-opacity, 1))
}
.myweb .border-slate-200 {
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity, 1))
}
.myweb .border-slate-300 {
    --tw-border-opacity: 1;
    border-color: rgb(203 213 225 / var(--tw-border-opacity, 1))
}
.myweb .border-slate-800 {
    --tw-border-opacity: 1;
    border-color: rgb(30 41 59 / var(--tw-border-opacity, 1))
}
.myweb .bg-amber-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1))
}
.myweb .bg-emerald-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1))
}
.myweb .bg-emerald-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1))
}
.myweb .bg-indigo-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1))
}
.myweb .bg-indigo-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1))
}
.myweb .bg-indigo-500\/40 {
    background-color: rgb(99 102 241 / 0.4)
}
.myweb .bg-indigo-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1))
}
.myweb .bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1))
}
.myweb .bg-slate-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1))
}
.myweb .bg-slate-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1))
}
.myweb .bg-slate-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1))
}
.myweb .bg-slate-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1))
}
.myweb .bg-slate-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1))
}
.myweb .bg-slate-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1))
}
.myweb .bg-slate-900\/50 {
    background-color: rgb(15 23 42 / 0.5)
}
.myweb .bg-slate-900\/60 {
    background-color: rgb(15 23 42 / 0.6)
}
.myweb .bg-violet-500\/40 {
    background-color: rgb(139 92 246 / 0.4)
}
.myweb .bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
.myweb .bg-white\/70 {
    background-color: rgb(255 255 255 / 0.7)
}
.myweb .bg-white\/80 {
    background-color: rgb(255 255 255 / 0.8)
}
.myweb .bg-white\/90 {
    background-color: rgb(255 255 255 / 0.9)
}
.myweb .bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}
.myweb .from-indigo-50\/70 {
    --tw-gradient-from: rgb(238 242 255 / 0.7) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(238 242 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.myweb .via-white {
    --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)
}
.myweb .to-white {
    --tw-gradient-to: #fff var(--tw-gradient-to-position)
}
.myweb .fill-amber-400 {
    fill: #fbbf24
}
.myweb .fill-slate-700 {
    fill: #334155
}
.myweb .object-cover {
    object-fit: cover
}
.myweb .p-1 {
    padding: 0.25rem
}
.myweb .p-2 {
    padding: 0.5rem
}
.myweb .p-4 {
    padding: 1rem
}
.myweb .p-5 {
    padding: 1.25rem
}
.myweb .p-6 {
    padding: 1.5rem
}
.myweb .p-7 {
    padding: 1.75rem
}
.myweb .p-8 {
    padding: 2rem
}
.myweb .px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem
}
.myweb .px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem
}
.myweb .px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem
}
.myweb .px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}
.myweb .px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}
.myweb .px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}
.myweb .px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}
.myweb .py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem
}
.myweb .py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem
}
.myweb .py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}
.myweb .py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}
.myweb .py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
}
.myweb .py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem
}
.myweb .py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}
.myweb .py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem
}
.myweb .py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem
}
.myweb .py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem
}
.myweb .py-28 {
    padding-top: 7rem;
    padding-bottom: 7rem
}
.myweb .py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
}
.myweb .py-3\.5 {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem
}
.myweb .py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}
.myweb .py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}
.myweb .py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}
.myweb .pb-1 {
    padding-bottom: 0.25rem
}
.myweb .pb-20 {
    padding-bottom: 5rem
}
.myweb .pb-28 {
    padding-bottom: 7rem
}
.myweb .pb-5 {
    padding-bottom: 1.25rem
}
.myweb .pb-6 {
    padding-bottom: 1.5rem
}
.myweb .pl-9 {
    padding-left: 2.25rem
}
.myweb .pr-4 {
    padding-right: 1rem
}
.myweb .pt-10 {
    padding-top: 2.5rem
}
.myweb .pt-16 {
    padding-top: 4rem
}
.myweb .pt-2 {
    padding-top: 0.5rem
}
.myweb .pt-3 {
    padding-top: 0.75rem
}
.myweb .pt-4 {
    padding-top: 1rem
}
.myweb .pt-5 {
    padding-top: 1.25rem
}
.myweb .pt-6 {
    padding-top: 1.5rem
}
.myweb .pt-8 {
    padding-top: 2rem
}
.myweb .text-left {
    text-align: left
}
.myweb .text-center {
    text-align: center
}
.myweb .text-right {
    text-align: right
}
.myweb .text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}
.myweb .text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}
.myweb .text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}
.myweb .text-\[11px\] {
    font-size: 11px
}
.myweb .text-base {
    font-size: 1rem;
    line-height: 1.5rem
}
.myweb .text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}
.myweb .text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
}
.myweb .text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}
.myweb .text-xs {
    font-size: 0.75rem;
    line-height: 1rem
}
.myweb .font-bold {
    font-weight: 700
}
.myweb .font-medium {
    font-weight: 500
}
.myweb .font-normal {
    font-weight: 400
}
.myweb .font-semibold {
    font-weight: 600
}
.myweb .uppercase {
    text-transform: uppercase
}
.myweb .capitalize {
    text-transform: capitalize
}
.myweb .leading-\[1\.08\] {
    line-height: 1.08
}
.myweb .leading-relaxed {
    line-height: 1.625
}
.myweb .leading-snug {
    line-height: 1.375
}
.myweb .tracking-tight {
    letter-spacing: -0.025em
}
.myweb .tracking-wide {
    letter-spacing: 0.025em
}
.myweb .tracking-wider {
    letter-spacing: 0.05em
}
.myweb .text-amber-400 {
    --tw-text-opacity: 1;
    color: rgb(251 191 36 / var(--tw-text-opacity, 1))
}
.myweb .text-emerald-600 {
    --tw-text-opacity: 1;
    color: rgb(5 150 105 / var(--tw-text-opacity, 1))
}
.myweb .text-emerald-700 {
    --tw-text-opacity: 1;
    color: rgb(4 120 87 / var(--tw-text-opacity, 1))
}
.myweb .text-indigo-100 {
    --tw-text-opacity: 1;
    color: rgb(224 231 255 / var(--tw-text-opacity, 1))
}
.myweb .text-indigo-400 {
    --tw-text-opacity: 1;
    color: rgb(129 140 248 / var(--tw-text-opacity, 1))
}
.myweb .text-indigo-600 {
    --tw-text-opacity: 1;
    color: rgb(79 70 229 / var(--tw-text-opacity, 1))
}
.myweb .text-indigo-700 {
    --tw-text-opacity: 1;
    color: rgb(67 56 202 / var(--tw-text-opacity, 1))
}
.myweb .text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity, 1))
}
.myweb .text-slate-300 {
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1))
}
.myweb .text-slate-400 {
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity, 1))
}
.myweb .text-slate-500 {
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity, 1))
}
.myweb .text-slate-600 {
    --tw-text-opacity: 1;
    color: rgb(71 85 105 / var(--tw-text-opacity, 1))
}
.myweb .text-slate-700 {
    --tw-text-opacity: 1;
    color: rgb(51 65 85 / var(--tw-text-opacity, 1))
}
.myweb .text-slate-900 {
    --tw-text-opacity: 1;
    color: rgb(15 23 42 / var(--tw-text-opacity, 1))
}
.myweb .text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.myweb .line-through {
    text-decoration-line: line-through
}
.myweb .opacity-0 {
    opacity: 0
}
.myweb .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.myweb .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)
}
.myweb .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)
}
.myweb .shadow-sm {
    --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)
}
.myweb .shadow-xl {
    --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)
}
.myweb .shadow-indigo-600\/20 {
    --tw-shadow-color: rgb(79 70 229 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.myweb .shadow-slate-300\/40 {
    --tw-shadow-color: rgb(203 213 225 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.myweb .ring-1 {
    --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(1px + 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)
}
.myweb .ring-slate-900 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity, 1))
}
.myweb .blur-3xl {
    --tw-blur: blur(64px);
    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)
}
.myweb .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)
}
.myweb .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.myweb .backdrop-blur-md {
    --tw-backdrop-blur: blur(12px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.myweb .backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.myweb .transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.myweb .transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.myweb .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
}
.myweb .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.myweb .transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.myweb .duration-200 {
    transition-duration: 200ms
}
.myweb .duration-300 {
    transition-duration: 300ms
}
.myweb .placeholder\:text-slate-400::placeholder {
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity, 1))
}
.myweb .first\:pt-6:first-child {
    padding-top: 1.5rem
}
.myweb .hover\:scale-105:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    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))
}
.myweb .hover\:border-indigo-200:hover {
    --tw-border-opacity: 1;
    border-color: rgb(199 210 254 / var(--tw-border-opacity, 1))
}
.myweb .hover\:border-indigo-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(165 180 252 / var(--tw-border-opacity, 1))
}
.myweb .hover\:border-rose-200:hover {
    --tw-border-opacity: 1;
    border-color: rgb(254 205 211 / var(--tw-border-opacity, 1))
}
.myweb .hover\:border-slate-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(148 163 184 / var(--tw-border-opacity, 1))
}
.myweb .hover\:bg-indigo-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1))
}
.myweb .hover\:bg-indigo-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1))
}
.myweb .hover\:bg-indigo-500\/40:hover {
    background-color: rgb(99 102 241 / 0.4)
}
.myweb .hover\:bg-indigo-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1))
}
.myweb .hover\:bg-indigo-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(67 56 202 / var(--tw-bg-opacity, 1))
}
.myweb .hover\:bg-red-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1))
}
.myweb .hover\:bg-slate-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1))
}
.myweb .hover\:bg-slate-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1))
}
.myweb .hover\:bg-slate-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1))
}
.myweb .hover\:text-indigo-600:hover {
    --tw-text-opacity: 1;
    color: rgb(79 70 229 / var(--tw-text-opacity, 1))
}
.myweb .hover\:text-indigo-700:hover {
    --tw-text-opacity: 1;
    color: rgb(67 56 202 / var(--tw-text-opacity, 1))
}
.myweb .hover\:text-red-600:hover {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity, 1))
}
.myweb .hover\:text-rose-500:hover {
    --tw-text-opacity: 1;
    color: rgb(244 63 94 / var(--tw-text-opacity, 1))
}
.myweb .hover\:text-slate-500:hover {
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity, 1))
}
.myweb .hover\:text-slate-700:hover {
    --tw-text-opacity: 1;
    color: rgb(51 65 85 / var(--tw-text-opacity, 1))
}
.myweb .hover\:text-slate-900:hover {
    --tw-text-opacity: 1;
    color: rgb(15 23 42 / var(--tw-text-opacity, 1))
}
.myweb .hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.myweb .hover\:shadow-lg:hover {
    --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)
}
.myweb .hover\:shadow-xl:hover {
    --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)
}
.myweb .hover\:shadow-indigo-100\/50:hover {
    --tw-shadow-color: rgb(224 231 255 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.myweb .focus\:border-indigo-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(99 102 241 / var(--tw-border-opacity, 1))
}
.myweb .focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}
.myweb .focus\:ring-2: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(2px + 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)
}
.myweb .focus\:ring-indigo-500\/30:focus {
    --tw-ring-color: rgb(99 102 241 / 0.3)
}
.myweb .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed
}
.myweb .disabled\:bg-slate-200:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1))
}
.myweb .disabled\:text-slate-400:disabled {
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity, 1))
}
.myweb :is(.group:hover .group-hover\:scale-105) {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    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))
}
.myweb :is(.group:hover .group-hover\:bg-indigo-600) {
    --tw-bg-opacity: 1;
    background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1))
}
.myweb :is(.group:hover .group-hover\:bg-indigo-700) {
    --tw-bg-opacity: 1;
    background-color: rgb(67 56 202 / var(--tw-bg-opacity, 1))
}
.myweb :is(.group:hover .group-hover\:text-indigo-600) {
    --tw-text-opacity: 1;
    color: rgb(79 70 229 / var(--tw-text-opacity, 1))
}
.myweb :is(.group:hover .group-hover\:text-white) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.myweb :is(.group:hover .group-hover\:opacity-100) {
    opacity: 1
}
@media (min-width: 640px) {
    .myweb .sm\:block {
        display: block
    }
    .myweb .sm\:inline {
        display: inline
    }
    .myweb .sm\:w-52 {
        width: 13rem
    }
    .myweb .sm\:w-auto {
        width: auto
    }
    .myweb .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .myweb .sm\:flex-row {
        flex-direction: row
    }
    .myweb .sm\:justify-start {
        justify-content: flex-start
    }
    .myweb .sm\:gap-3 {
        gap: 0.75rem
    }
    .myweb .sm\:p-8 {
        padding: 2rem
    }
    .myweb .sm\:px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }
    .myweb .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .myweb .sm\:py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
    .myweb .sm\:text-left {
        text-align: left
    }
    .myweb .sm\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }
    .myweb .sm\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }
    .myweb .sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }
}
@media (min-width: 768px) {
    .myweb .md\:inline {
        display: inline
    }
    .myweb .md\:flex {
        display: flex
    }
    .myweb .md\:hidden {
        display: none
    }
    .myweb .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .myweb .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .myweb .md\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
}
@media (min-width: 1024px) {
    .myweb .lg\:col-span-2 {
        grid-column: span 2 / span 2
    }
    .myweb .lg\:col-span-3 {
        grid-column: span 3 / span 3
    }
    .myweb .lg\:ml-auto {
        margin-left: auto
    }
    .myweb .lg\:scale-105 {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05;
        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))
    }
    .myweb .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .myweb .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .myweb .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .myweb .lg\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
    .myweb .lg\:flex-row {
        flex-direction: row
    }
    .myweb .lg\:items-center {
        align-items: center
    }
    .myweb .lg\:gap-14 {
        gap: 3.5rem
    }
    .myweb .lg\:gap-16 {
        gap: 4rem
    }
    .myweb .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .myweb .lg\:py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
    .myweb .lg\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
    .myweb .lg\:py-24 {
        padding-top: 6rem;
        padding-bottom: 6rem
    }
    .myweb .lg\:pb-28 {
        padding-bottom: 7rem
    }
    .myweb .lg\:pt-24 {
        padding-top: 6rem
    }
    .myweb .lg\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }
}
@media (min-width: 1280px) {
    .myweb .xl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}
@media (min-width: 1024px) {
    .myweb :is(.lg\:\[\&\>\*\:first-child\]\:order-2>*:first-child) {
        order: 2
    }
}

/* Themes (e.g. Hello) style headings; the design's inherit like Tailwind's preflight expects */
.myweb h1, .myweb h2, .myweb h3, .myweb h4, .myweb h5, .myweb h6 { line-height: inherit; letter-spacing: inherit; text-transform: none; margin: 0; }
.myweb a { text-decoration: inherit; color: inherit; }
.myweb button { text-transform: none; letter-spacing: inherit; white-space: normal; }
.myweb img, .myweb svg { max-width: 100%; }
/* Hidden stays hidden, whatever display class an element carries */
.myweb [hidden], .myweb[hidden], [data-myweb-overlay][hidden] { display: none !important; }
.myweb { display: block; }
/* Elementor wrappers around the design: no padding, gaps or width limits */
.elementor-widget:has(> .elementor-widget-container > .myweb),
.elementor-widget:has(> .myweb) { margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: 100% !important; --kit-widget-spacing: 0px; }
.elementor-widget-container:has(> .myweb) { margin: 0 !important; padding: 0 !important; }
.e-con:has(> .elementor-widget .myweb), .e-con:has(> .e-con-inner > .elementor-widget .myweb) {
  --padding-top: 0px; --padding-right: 0px; --padding-bottom: 0px; --padding-left: 0px;
  --gap: 0px; --row-gap: 0px; --column-gap: 0px; --content-width: 100%; --width: 100%;
  padding: 0 !important; gap: 0 !important; max-width: none !important; min-height: 0 !important;
}
.e-con > .e-con-inner:has(> .elementor-widget .myweb) { max-width: none !important; padding: 0 !important; gap: 0 !important; width: 100% !important; }
.elementor-section:has(.myweb) > .elementor-container { max-width: none !important; }
body.myweb-site { margin: 0; }