.surface-card[data-v-500d2056]{display:flex;flex-direction:column;gap:var(--surface-card-gap);padding:var(--surface-card-padding);position:relative}.surface-card--hero[data-v-500d2056]{border-radius:1rem;border-width:1px;position:relative;width:min(var(--surface-card-max-width),100%);--tw-border-opacity:1;background-color:#282828d9;border-color:rgb(87 87 87/var(--tw-border-opacity,1));--tw-shadow:0 25px 50px -12px rgba(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);--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)}@media(max-width:520px){.surface-card--hero[data-v-500d2056]{padding:24px 20px}}