/* Generated from the original Stitch advertise page (code.html) with its Tailwind config. */
/* Scoped under .st-advertise; preflight disabled. Regenerate with tw-build/build.js. */
*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  
}
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  
}
.st-advertise .pointer-events-none {
    pointer-events: none !important
}
.st-advertise .fixed {
    position: fixed !important
}
.st-advertise .absolute {
    position: absolute !important
}
.st-advertise .relative {
    position: relative !important
}
.st-advertise .inset-y-0 {
    top: 0px !important;
    bottom: 0px !important
}
.st-advertise .left-0 {
    left: 0px !important
}
.st-advertise .top-0 {
    top: 0px !important
}
.st-advertise .z-50 {
    z-index: 50 !important
}
.st-advertise .mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
}
.st-advertise .mb-0\.5 {
    margin-bottom: 0.125rem !important
}
.st-advertise .mb-1 {
    margin-bottom: 0.25rem !important
}
.st-advertise .mb-space-xl {
    margin-bottom: 2rem !important
}
.st-advertise .ml-1 {
    margin-left: 0.25rem !important
}
.st-advertise .mt-0\.5 {
    margin-top: 0.125rem !important
}
.st-advertise .mt-1 {
    margin-top: 0.25rem !important
}
.st-advertise .mt-space-md {
    margin-top: 1rem !important
}
.st-advertise .mt-space-xl {
    margin-top: 2rem !important
}
.st-advertise .mt-space-xs {
    margin-top: 0.25rem !important
}
.st-advertise .line-clamp-2 {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important
}
.st-advertise .block {
    display: block !important
}
.st-advertise .inline-block {
    display: inline-block !important
}
.st-advertise .flex {
    display: flex !important
}
.st-advertise .inline-flex {
    display: inline-flex !important
}
.st-advertise .grid {
    display: grid !important
}
.st-advertise .hidden {
    display: none !important
}
.st-advertise .h-1\.5 {
    height: 0.375rem !important
}
.st-advertise .h-11 {
    height: 2.75rem !important
}
.st-advertise .h-12 {
    height: 3rem !important
}
.st-advertise .h-16 {
    height: 4rem !important
}
.st-advertise .h-2 {
    height: 0.5rem !important
}
.st-advertise .h-20 {
    height: 5rem !important
}
.st-advertise .h-28 {
    height: 7rem !important
}
.st-advertise .h-4 {
    height: 1rem !important
}
.st-advertise .h-8 {
    height: 2rem !important
}
.st-advertise .h-full {
    height: 100% !important
}
.st-advertise .w-1\.5 {
    width: 0.375rem !important
}
.st-advertise .w-16 {
    width: 4rem !important
}
.st-advertise .w-2 {
    width: 0.5rem !important
}
.st-advertise .w-4 {
    width: 1rem !important
}
.st-advertise .w-8 {
    width: 2rem !important
}
.st-advertise .w-auto {
    width: auto !important
}
.st-advertise .w-full {
    width: 100% !important
}
.st-advertise .max-w-3xl {
    max-width: 48rem !important
}
.st-advertise .max-w-\[1360px\] {
    max-width: 1360px !important
}
.st-advertise .max-w-md {
    max-width: 28rem !important
}
.st-advertise .max-w-xl {
    max-width: 36rem !important
}
.st-advertise .max-w-xs {
    max-width: 20rem !important
}
.st-advertise .flex-1 {
    flex: 1 1 0% !important
}
.st-advertise .shrink-0 {
    flex-shrink: 0 !important
}
.st-advertise .cursor-pointer {
    cursor: pointer !important
}
.st-advertise .select-all {
    user-select: all !important
}
.st-advertise .resize-y {
    resize: vertical !important
}
.st-advertise .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important
}
.st-advertise .flex-col {
    flex-direction: column !important
}
.st-advertise .flex-wrap {
    flex-wrap: wrap !important
}
.st-advertise .items-start {
    align-items: flex-start !important
}
.st-advertise .items-center {
    align-items: center !important
}
.st-advertise .items-stretch {
    align-items: stretch !important
}
.st-advertise .justify-end {
    justify-content: flex-end !important
}
.st-advertise .justify-center {
    justify-content: center !important
}
.st-advertise .justify-between {
    justify-content: space-between !important
}
.st-advertise .gap-0\.5 {
    gap: 0.125rem !important
}
.st-advertise .gap-1 {
    gap: 0.25rem !important
}
.st-advertise .gap-1\.5 {
    gap: 0.375rem !important
}
.st-advertise .gap-gutter {
    gap: 1.5rem !important
}
.st-advertise .gap-space-lg {
    gap: 1.5rem !important
}
.st-advertise .gap-space-md {
    gap: 1rem !important
}
.st-advertise .gap-space-sm {
    gap: 0.5rem !important
}
.st-advertise .gap-space-xl {
    gap: 2rem !important
}
.st-advertise .gap-space-xs {
    gap: 0.25rem !important
}
.st-advertise .overflow-hidden {
    overflow: hidden !important
}
.st-advertise .rounded {
    border-radius: 0.125rem !important
}
.st-advertise .rounded-full {
    border-radius: 0.75rem !important
}
.st-advertise .rounded-lg {
    border-radius: 0.25rem !important
}
.st-advertise .rounded-xl {
    border-radius: 0.5rem !important
}
.st-advertise .border-b {
    border-bottom-width: 1px !important
}
.st-advertise .border-t {
    border-top-width: 1px !important
}
.st-advertise .border-primary-container {
    --tw-border-opacity: 1 !important;
    border-color: rgb(21 50 91 / var(--tw-border-opacity, 1)) !important
}
.st-advertise .border-surface-container-high {
    --tw-border-opacity: 1 !important;
    border-color: rgb(233 231 236 / var(--tw-border-opacity, 1)) !important
}
.st-advertise .bg-accent {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(224 26 34 / var(--tw-bg-opacity, 1)) !important
}
.st-advertise .bg-background {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(250 249 253 / var(--tw-bg-opacity, 1)) !important
}
.st-advertise .bg-emerald-600 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1)) !important
}
.st-advertise .bg-primary {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 29 64 / var(--tw-bg-opacity, 1)) !important
}
.st-advertise .bg-secondary-container {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(213 227 253 / var(--tw-bg-opacity, 1)) !important
}
.st-advertise .bg-surface {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(250 249 253 / var(--tw-bg-opacity, 1)) !important
}
.st-advertise .bg-surface-container {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(239 237 241 / var(--tw-bg-opacity, 1)) !important
}
.st-advertise .bg-surface-container-high {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(233 231 236 / var(--tw-bg-opacity, 1)) !important
}
.st-advertise .bg-surface-container-highest {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(227 226 230 / var(--tw-bg-opacity, 1)) !important
}
.st-advertise .bg-surface-container-low {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)) !important
}
.st-advertise .bg-surface-container-lowest {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important
}
.st-advertise .bg-surface\/95 {
    background-color: rgb(250 249 253 / 0.95) !important
}
.st-advertise .object-contain {
    object-fit: contain !important
}
.st-advertise .object-cover {
    object-fit: cover !important
}
.st-advertise .p-space-lg {
    padding: 1.5rem !important
}
.st-advertise .p-space-md {
    padding: 1rem !important
}
.st-advertise .p-space-sm {
    padding: 0.5rem !important
}
.st-advertise .p-space-xl {
    padding: 2rem !important
}
.st-advertise .px-1\.5 {
    padding-left: 0.375rem !important;
    padding-right: 0.375rem !important
}
.st-advertise .px-margin {
    padding-left: 2rem !important;
    padding-right: 2rem !important
}
.st-advertise .px-space-lg {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
}
.st-advertise .px-space-md {
    padding-left: 1rem !important;
    padding-right: 1rem !important
}
.st-advertise .px-space-sm {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important
}
.st-advertise .px-space-xs {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important
}
.st-advertise .py-0\.5 {
    padding-top: 0.125rem !important;
    padding-bottom: 0.125rem !important
}
.st-advertise .py-1\.5 {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important
}
.st-advertise .py-space-2xl {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}
.st-advertise .py-space-xl {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important
}
.st-advertise .py-space-xs {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important
}
.st-advertise .pb-space-sm {
    padding-bottom: 0.5rem !important
}
.st-advertise .pl-8 {
    padding-left: 2rem !important
}
.st-advertise .pl-space-sm {
    padding-left: 0.5rem !important
}
.st-advertise .pr-space-sm {
    padding-right: 0.5rem !important
}
.st-advertise .pt-1 {
    padding-top: 0.25rem !important
}
.st-advertise .pt-28 {
    padding-top: 7rem !important
}
.st-advertise .pt-space-md {
    padding-top: 1rem !important
}
.st-advertise .pt-space-sm {
    padding-top: 0.5rem !important
}
.st-advertise .pt-space-xs {
    padding-top: 0.25rem !important
}
.st-advertise .text-center {
    text-align: center !important
}
.st-advertise .font-body-lg {
    font-family: Inter !important
}
.st-advertise .font-body-md {
    font-family: Inter !important
}
.st-advertise .font-body-sm {
    font-family: Inter !important
}
.st-advertise .font-headline-lg {
    font-family: Inter !important
}
.st-advertise .font-headline-md {
    font-family: Inter !important
}
.st-advertise .font-headline-sm {
    font-family: Inter !important
}
.st-advertise .font-label-lg {
    font-family: Inter !important
}
.st-advertise .font-label-md {
    font-family: Inter !important
}
.st-advertise .font-label-sm {
    font-family: Inter !important
}
.st-advertise .font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
}
.st-advertise .font-title-lg {
    font-family: Inter !important
}
.st-advertise .font-title-md {
    font-family: Inter !important
}
.st-advertise .font-title-sm {
    font-family: Inter !important
}
.st-advertise .text-\[10px\] {
    font-size: 10px !important
}
.st-advertise .text-\[11px\] {
    font-size: 11px !important
}
.st-advertise .text-\[12px\] {
    font-size: 12px !important
}
.st-advertise .text-\[14px\] {
    font-size: 14px !important
}
.st-advertise .text-\[15px\] {
    font-size: 15px !important
}
.st-advertise .text-\[16px\] {
    font-size: 16px !important
}
.st-advertise .text-\[18px\] {
    font-size: 18px !important
}
.st-advertise .text-\[20px\] {
    font-size: 20px !important
}
.st-advertise .text-\[22px\] {
    font-size: 22px !important
}
.st-advertise .text-\[24px\] {
    font-size: 24px !important
}
.st-advertise .text-\[36px\] {
    font-size: 36px !important
}
.st-advertise .text-\[48px\] {
    font-size: 48px !important
}
.st-advertise .text-\[9px\] {
    font-size: 9px !important
}
.st-advertise .text-body-lg {
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400 !important
}
.st-advertise .text-body-md {
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 400 !important
}
.st-advertise .text-body-sm {
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 400 !important
}
.st-advertise .text-headline-lg {
    font-size: 32px !important;
    line-height: 40px !important;
    letter-spacing: -0.015em !important;
    font-weight: 600 !important
}
.st-advertise .text-headline-md {
    font-size: 24px !important;
    line-height: 32px !important;
    letter-spacing: -0.01em !important;
    font-weight: 600 !important
}
.st-advertise .text-headline-sm {
    font-size: 20px !important;
    line-height: 28px !important;
    font-weight: 600 !important
}
.st-advertise .text-label-lg {
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 500 !important
}
.st-advertise .text-label-md {
    font-size: 12px !important;
    line-height: 16px !important;
    letter-spacing: 0.01em !important;
    font-weight: 500 !important
}
.st-advertise .text-label-sm {
    font-size: 11px !important;
    line-height: 14px !important;
    letter-spacing: 0.04em !important;
    font-weight: 600 !important
}
.st-advertise .text-title-lg {
    font-size: 18px !important;
    line-height: 26px !important;
    font-weight: 600 !important
}
.st-advertise .text-title-md {
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 600 !important
}
.st-advertise .text-title-sm {
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 600 !important
}
.st-advertise .font-bold {
    font-weight: 700 !important
}
.st-advertise .font-medium {
    font-weight: 500 !important
}
.st-advertise .font-semibold {
    font-weight: 600 !important
}
.st-advertise .uppercase {
    text-transform: uppercase !important
}
.st-advertise .leading-none {
    line-height: 1 !important
}
.st-advertise .leading-relaxed {
    line-height: 1.625 !important
}
.st-advertise .leading-snug {
    line-height: 1.375 !important
}
.st-advertise .leading-tight {
    line-height: 1.25 !important
}
.st-advertise .tracking-normal {
    letter-spacing: 0em !important
}
.st-advertise .tracking-tight {
    letter-spacing: -0.025em !important
}
.st-advertise .tracking-wide {
    letter-spacing: 0.025em !important
}
.st-advertise .tracking-wider {
    letter-spacing: 0.05em !important
}
.st-advertise .tracking-widest {
    letter-spacing: 0.1em !important
}
.st-advertise .text-accent {
    --tw-text-opacity: 1 !important;
    color: rgb(224 26 34 / var(--tw-text-opacity, 1)) !important
}
.st-advertise .text-emerald-600 {
    --tw-text-opacity: 1 !important;
    color: rgb(5 150 105 / var(--tw-text-opacity, 1)) !important
}
.st-advertise .text-on-accent {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important
}
.st-advertise .text-on-primary {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important
}
.st-advertise .text-on-secondary-container {
    --tw-text-opacity: 1 !important;
    color: rgb(87 101 123 / var(--tw-text-opacity, 1)) !important
}
.st-advertise .text-on-surface {
    --tw-text-opacity: 1 !important;
    color: rgb(26 27 31 / var(--tw-text-opacity, 1)) !important
}
.st-advertise .text-on-surface-variant {
    --tw-text-opacity: 1 !important;
    color: rgb(68 71 78 / var(--tw-text-opacity, 1)) !important
}
.st-advertise .text-outline {
    --tw-text-opacity: 1 !important;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1)) !important
}
.st-advertise .text-primary {
    --tw-text-opacity: 1 !important;
    color: rgb(0 29 64 / var(--tw-text-opacity, 1)) !important
}
.st-advertise .text-secondary {
    --tw-text-opacity: 1 !important;
    color: rgb(81 95 116 / var(--tw-text-opacity, 1)) !important
}
.st-advertise .text-secondary-container {
    --tw-text-opacity: 1 !important;
    color: rgb(213 227 253 / var(--tw-text-opacity, 1)) !important
}
.st-advertise .text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important
}
.st-advertise .antialiased {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important
}
.st-advertise .shadow-\[0_-1px_6px_rgba\(21\2c 50\2c 91\2c 0\.03\)\] {
    --tw-shadow: 0 -1px 6px rgba(21,50,91,0.03) !important;
    --tw-shadow-colored: 0 -1px 6px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.st-advertise .shadow-\[0_1px_8px_rgba\(21\2c 50\2c 91\2c 0\.06\)\] {
    --tw-shadow: 0 1px 8px rgba(21,50,91,0.06) !important;
    --tw-shadow-colored: 0 1px 8px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.st-advertise .shadow-\[inset_0_1px_4px_rgba\(21\2c 50\2c 91\2c 0\.03\)\] {
    --tw-shadow: inset 0 1px 4px rgba(21,50,91,0.03) !important;
    --tw-shadow-colored: inset 0 1px 4px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.st-advertise .shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05) !important;
    --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.st-advertise .shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.st-advertise .outline {
    outline-style: solid !important
}
.st-advertise .ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}
.st-advertise .backdrop-blur-md {
    --tw-backdrop-blur: blur(12px) !important;
    -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) !important;
    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) !important
}
.st-advertise .transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important
}
.st-advertise .transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important
}
.st-advertise .transition-opacity {
    transition-property: opacity !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important
}
.st-advertise .placeholder\:text-secondary::placeholder {
    --tw-text-opacity: 1 !important;
    color: rgb(81 95 116 / var(--tw-text-opacity, 1)) !important
}
.st-advertise .hover\:bg-surface-bright:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(247 249 251 / var(--tw-bg-opacity, 1)) !important
}
.st-advertise .hover\:bg-surface-container:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(239 237 241 / var(--tw-bg-opacity, 1)) !important
}
.st-advertise .hover\:text-on-surface:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(26 27 31 / var(--tw-text-opacity, 1)) !important
}
.st-advertise .hover\:underline:hover {
    text-decoration-line: underline !important
}
.st-advertise .hover\:opacity-95:hover {
    opacity: 0.95 !important
}
.st-advertise .focus\:outline-none:focus {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important
}
.st-advertise .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) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}
.st-advertise .focus\:ring-primary:focus {
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgb(0 29 64 / var(--tw-ring-opacity, 1)) !important
}
@media (min-width: 640px) {
    .st-advertise .sm\:inline {
        display: inline !important
    }
    .st-advertise .sm\:max-w-sm {
        max-width: 24rem !important
    }
    .st-advertise .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }
}
@media (min-width: 768px) {
    .st-advertise .md\:inline-flex {
        display: inline-flex !important
    }
    .st-advertise .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }
    .st-advertise .md\:flex-row {
        flex-direction: row !important
    }
}
@media (min-width: 1024px) {
    .st-advertise .lg\:col-span-2 {
        grid-column: span 2 / span 2 !important
    }
    .st-advertise .lg\:col-span-4 {
        grid-column: span 4 / span 4 !important
    }
    .st-advertise .lg\:col-span-5 {
        grid-column: span 5 / span 5 !important
    }
    .st-advertise .lg\:col-span-7 {
        grid-column: span 7 / span 7 !important
    }
    .st-advertise .lg\:col-span-8 {
        grid-column: span 8 / span 8 !important
    }
    .st-advertise .lg\:block {
        display: block !important
    }
    .st-advertise .lg\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr)) !important
    }
    .st-advertise .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important
    }
    .st-advertise .lg\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important
    }
    .st-advertise .lg\:flex-row {
        flex-direction: row !important
    }
    .st-advertise .lg\:items-end {
        align-items: flex-end !important
    }
    .st-advertise .lg\:text-right {
        text-align: right !important
    }
}
@media (min-width: 1280px) {
    .st-advertise .xl\:flex {
        display: flex !important
    }
}