@font-face {
    font-family: Geist Variable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(/public/static/font/wework/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");
    unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Geist Mono Variable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(/public/static/font/wework/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2)format("woff2-variations");
    unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Geist Mono Variable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(/public/static/font/wework/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");
    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}

@font-face {
    font-family: Geist Mono Variable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(/public/static/font/wework/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");
    unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F
}

@font-face {
    font-family: Geist Mono Variable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(/public/static/font/wework/geist-mono-vietnamese-wght-normal-DadHysG0.woff2)format("woff2-variations");
    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Geist Mono Variable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(/public/static/font/wework/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2)format("woff2-variations");
    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Geist Mono Variable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(/public/static/font/wework/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations");
    unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Instrument Serif;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(/public/static/font/wework/instrument-serif-latin-ext-400-normal-C2je3j2s.woff2)format("woff2"), url(/public/static/font/wework/instrument-serif-latin-ext-400-normal-CFCUzsTy.woff)format("woff");
    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Instrument Serif;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(/public/static/font/wework/instrument-serif-latin-400-normal-DnYpCC2O.woff2)format("woff2"), url(/public/static/font/wework/instrument-serif-latin-400-normal-BVbkICAY.woff)format("woff");
    unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Instrument Serif;
    font-style: italic;
    font-display: swap;
    font-weight: 400;
    src: url(/public/static/font/wework/instrument-serif-latin-ext-400-italic-C9HzH3YL.woff2)format("woff2"), url(/public/static/font/wework/instrument-serif-latin-ext-400-italic-D7-lnxEk.woff)format("woff");
    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Instrument Serif;
    font-style: italic;
    font-display: swap;
    font-weight: 400;
    src: url(/public/static/font/wework/instrument-serif-latin-400-italic-DKMiL14s.woff2)format("woff2"), url(/public/static/font/wework/instrument-serif-latin-400-italic-u__WvvIK.woff)format("woff");
    unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

:root {
    --font-sans: "Geist Variable", "Geist", -apple-system, "SF Pro Text", "Segoe UI", "Noto Sans", sans-serif;
    --font-display: "Geist Variable", "Geist", -apple-system, "SF Pro Display", "Segoe UI", sans-serif;
    --font-brand: "Instrument Serif", Georgia, "Noto Serif", serif;
    --font-mono: "Geist Mono Variable", "Geist Mono", "SF Mono", ui-monospace, monospace
}

@keyframes fade-up {
    0% {
        opacity: 0;
        transform: translateY(16px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes value-reveal {
    0% {
        opacity: 0;
        -webkit-filter: blur(4px);
        filter: blur(4px);
        transform: scale(.92)
    }

    to {
        opacity: 1;
        -webkit-filter: blur();
        filter: blur();
        transform: scale(1)
    }
}

@keyframes gold-sweep {
    0% {
        background-position: -100% 0
    }

    to {
        background-position: 200% 0
    }
}

@keyframes pulse-glow {

    0%,
    to {
        box-shadow: 0 0 rgba(var(--shadow-accent-rgb), .3)
    }

    50% {
        box-shadow: 0 0 20px 6px rgba(var(--shadow-accent-rgb), .15)
    }
}

@keyframes shimmer {
    0% {
        background-position: -200% 0
    }

    to {
        background-position: 200% 0
    }
}

@keyframes spinner {
    to {
        transform: rotate(360deg)
    }
}

@keyframes spin-slow {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes gradient-drift-1 {

    0%,
    to {
        transform: translate(-5%, -5%)
    }

    50% {
        transform: translate(15%, 10%)
    }
}

@keyframes gradient-drift-2 {

    0%,
    to {
        transform: translate(10%, -8%)
    }

    50% {
        transform: translate(-12%, 12%)
    }
}

@keyframes gradient-drift-3 {

    0%,
    to {
        transform: translateY(5%)
    }

    33% {
        transform: translate(-10%, -8%)
    }

    66% {
        transform: translate(12%, 3%)
    }
}

@keyframes wheel-shake {

    0%,
    to {
        transform: rotate(0)
    }

    25% {
        transform: rotate(2deg)
    }

    75% {
        transform: rotate(-2deg)
    }
}

@keyframes credibility-scroll {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-50%)
    }
}

@keyframes confetti-burst {
    0% {
        opacity: 1;
        transform: translate(0)rotate(0)
    }

    to {
        opacity: 0
    }
}

@keyframes marquee-x {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-50%)
    }
}

@keyframes dot-breathe {

    0%,
    to {
        box-shadow: 0 0 rgba(var(--shadow-accent-rgb), .45)
    }

    60% {
        box-shadow: 0 0 0 7px rgba(var(--shadow-accent-rgb), 0)
    }
}

@keyframes pass-sheen {
    0% {
        transform: translate(-120%)skew(-18deg)
    }

    60%,
    to {
        transform: translate(220%)skew(-18deg)
    }
}

@keyframes float-y {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-6px)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media(prefers-reduced-motion:reduce) {

    .animate-shimmer,
    .animate-spin-slow,
    .animate-credibility-scroll,
    .animate-gold-sweep,
    .animate-pulse-glow,
    .animate-marquee,
    .animate-dot,
    .animate-float {
        animation: none !important
    }

    [data-animate] {
        opacity: 1 !important;
        transition: none !important;
        transform: none !important
    }
}

@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) {

    .glass,
    .glass-strong,
    .glass-panel {
        background-color: rgba(255, 255, 255, .96) !important
    }

    .glass-dark {
        background-color: rgba(23, 22, 28, .94) !important
    }
}

@media(min-width:768px) {
    html {
        background-color: #e4dfd6;
        background-image: radial-gradient(60% 50% at 20% 10%, rgba(232, 86, 42, .1), transparent 70%), radial-gradient(50% 40% at 85% 90%, rgba(62, 120, 221, .1), transparent 70%)
    }

    body {
        height: 100vh;
        overflow: hidden
    }

    #root {
        background-color: var(--color-bg-page);
        max-width: 430px;
        height: 100vh;
        margin: 0 auto;
        overflow: hidden;
        transform: translateZ(0);
        box-shadow: 0 0 0 1px rgba(27, 26, 23, .06), 0 30px 90px rgba(27, 26, 23, .18)
    }
}

::view-transition-group(*) {
    animation-duration: .44s;
    animation-timing-function: cubic-bezier(.32, .72, 0, 1)
}

[data-shared-photo],
[data-shared-target] {
    view-transition-class: shared-photo
}

::view-transition-group(*.shared-photo) {
    border-radius: 22px;
    overflow: hidden
}

::view-transition-old(*.shared-photo) {
    object-fit: cover;
    height: 100%
}

::view-transition-new(*.shared-photo) {
    object-fit: cover;
    height: 100%
}

::view-transition-old(root) {
    animation-duration: .44s;
    animation-timing-function: cubic-bezier(.32, .72, 0, 1);
    animation-fill-mode: both
}

::view-transition-new(root) {
    animation-duration: .44s;
    animation-timing-function: cubic-bezier(.32, .72, 0, 1);
    animation-fill-mode: both
}

html[data-nav=forward]::view-transition-old(root) {
    animation-name: vt-push-under
}

html[data-nav=forward]::view-transition-new(root) {
    animation-name: vt-push-over
}

html[data-nav=back]::view-transition-old(root) {
    z-index: 1;
    animation-name: vt-pop-over
}

html[data-nav=back]::view-transition-new(root) {
    animation-name: vt-pop-under
}

html[data-nav=fade]::view-transition-old(root) {
    animation-name: vt-fade-out;
    animation-duration: .2s
}

html[data-nav=fade]::view-transition-new(root) {
    animation-name: vt-fade-in;
    animation-duration: .28s
}

@keyframes vt-push-over {
    0% {
        transform: translate(100%);
        box-shadow: -24px 0 48px rgba(23, 22, 28, 0)
    }

    to {
        transform: translate(0);
        box-shadow: -24px 0 48px rgba(23, 22, 28, .12)
    }
}

@keyframes vt-push-under {
    to {
        -webkit-filter: brightness(.9);
        filter: brightness(.9);
        transform: translate(-25%)
    }
}

@keyframes vt-pop-over {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes vt-pop-under {
    0% {
        -webkit-filter: brightness(.9);
        filter: brightness(.9);
        transform: translate(-25%)
    }

    to {
        -webkit-filter: brightness();
        filter: brightness();
        transform: translate(0)
    }
}

@keyframes vt-fade-out {
    to {
        opacity: 0
    }
}

@keyframes vt-fade-in {
    0% {
        opacity: 0;
        transform: scale(.985)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@media(prefers-reduced-motion:reduce) {
    ::view-transition-group(*) {
        animation: none !important
    }

    ::view-transition-old(*) {
        animation: none !important
    }

    ::view-transition-new(*) {
        animation: none !important
    }
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-z {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false
}

@property --tw-pan-x {
    syntax: "*";
    inherits: false
}

@property --tw-pan-y {
    syntax: "*";
    inherits: false
}

@property --tw-pinch-zoom {
    syntax: "*";
    inherits: false
}

@property --tw-scroll-snap-strictness {
    syntax: "*";
    inherits: false;
    initial-value: proximity
}

@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-space-x-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-divide-x-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-divide-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-gradient-position {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: transparent
}

@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: transparent
}

@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: transparent
}

@property --tw-gradient-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%
}

@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%
}

@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-leading {
    syntax: "*";
    inherits: false
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false
}

@property --tw-tracking {
    syntax: "*";
    inherits: false
}

@property --tw-ordinal {
    syntax: "*";
    inherits: false
}

@property --tw-slashed-zero {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-figure {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-spacing {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-fraction {
    syntax: "*";
    inherits: false
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 transparent
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 transparent
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 transparent
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 transparent
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 transparent
}

@property --tw-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-blur {
    syntax: "*";
    inherits: false
}

@property --tw-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-invert {
    syntax: "*";
    inherits: false
}

@property --tw-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-blur {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-invert {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-duration {
    syntax: "*";
    inherits: false
}

@property --tw-ease {
    syntax: "*";
    inherits: false
}

@property --tw-content {
    syntax: "*";
    inherits: false;
    initial-value: ""
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes ping {

    75%,
    to {
        opacity: 0;
        transform: scale(2)
    }
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

@keyframes bounce {

    0%,
    to {
        animation-timing-function: cubic-bezier(.8, 0, 1, 1);
        transform: translateY(-25%)
    }

    50% {
        animation-timing-function: cubic-bezier(0, 0, .2, 1);
        transform: none
    }
}

[data-sonner-toaster][dir=ltr],
html[dir=ltr] {
    --toast-icon-margin-start: -3px;
    --toast-icon-margin-end: 4px;
    --toast-svg-margin-start: -1px;
    --toast-svg-margin-end: 0px;
    --toast-button-margin-start: auto;
    --toast-button-margin-end: 0;
    --toast-close-button-start: 0;
    --toast-close-button-end: unset;
    --toast-close-button-transform: translate(-35%, -35%)
}

[data-sonner-toaster][dir=rtl],
html[dir=rtl] {
    --toast-icon-margin-start: 4px;
    --toast-icon-margin-end: -3px;
    --toast-svg-margin-start: 0px;
    --toast-svg-margin-end: -1px;
    --toast-button-margin-start: 0;
    --toast-button-margin-end: auto;
    --toast-close-button-start: unset;
    --toast-close-button-end: 0;
    --toast-close-button-transform: translate(35%, -35%)
}

[data-sonner-toaster] {
    position: fixed;
    width: var(--width);
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    --gray1: hsl(0, 0%, 99%);
    --gray2: hsl(0, 0%, 97.3%);
    --gray3: hsl(0, 0%, 95.1%);
    --gray4: hsl(0, 0%, 93%);
    --gray5: hsl(0, 0%, 90.9%);
    --gray6: hsl(0, 0%, 88.7%);
    --gray7: hsl(0, 0%, 85.8%);
    --gray8: hsl(0, 0%, 78%);
    --gray9: hsl(0, 0%, 56.1%);
    --gray10: hsl(0, 0%, 52.3%);
    --gray11: hsl(0, 0%, 43.5%);
    --gray12: hsl(0, 0%, 9%);
    --border-radius: 8px;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    list-style: none;
    outline: 0;
    z-index: 999999999;
    transition: transform .4s ease
}

@media (hover:none) and (pointer:coarse) {
    [data-sonner-toaster][data-lifted=true] {
        transform: none
    }
}

[data-sonner-toaster][data-x-position=right] {
    right: var(--offset-right)
}

[data-sonner-toaster][data-x-position=left] {
    left: var(--offset-left)
}

[data-sonner-toaster][data-x-position=center] {
    left: 50%;
    transform: translateX(-50%)
}

[data-sonner-toaster][data-y-position=top] {
    top: var(--offset-top)
}

[data-sonner-toaster][data-y-position=bottom] {
    bottom: var(--offset-bottom)
}

[data-sonner-toast] {
    --y: translateY(100%);
    --lift-amount: calc(var(--lift) * var(--gap));
    z-index: var(--z-index);
    position: absolute;
    opacity: 0;
    transform: var(--y);
    touch-action: none;
    transition: transform .4s, opacity .4s, height .4s, box-shadow .2s;
    box-sizing: border-box;
    outline: 0;
    overflow-wrap: anywhere
}

[data-sonner-toast][data-styled=true] {
    padding: 16px;
    background: var(--normal-bg);
    border: 1px solid var(--normal-border);
    color: var(--normal-text);
    border-radius: var(--border-radius);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
    width: var(--width);
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 6px
}

[data-sonner-toast]:focus-visible {
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 0 0 2px rgba(0, 0, 0, .2)
}

[data-sonner-toast][data-y-position=top] {
    top: 0;
    --y: translateY(-100%);
    --lift: 1;
    --lift-amount: calc(1 * var(--gap))
}

[data-sonner-toast][data-y-position=bottom] {
    bottom: 0;
    --y: translateY(100%);
    --lift: -1;
    --lift-amount: calc(var(--lift) * var(--gap))
}

[data-sonner-toast][data-styled=true] [data-description] {
    font-weight: 400;
    line-height: 1.4;
    color: #3f3f3f
}

[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description] {
    color: inherit
}

[data-sonner-toaster][data-sonner-theme=dark] [data-description] {
    color: #e8e8e8
}

[data-sonner-toast][data-styled=true] [data-title] {
    font-weight: 500;
    line-height: 1.5;
    color: inherit
}

[data-sonner-toast][data-styled=true] [data-icon] {
    display: flex;
    height: 16px;
    width: 16px;
    position: relative;
    justify-content: flex-start;
    align-items: center;
    flex-shrink: 0;
    margin-left: var(--toast-icon-margin-start);
    margin-right: var(--toast-icon-margin-end)
}

[data-sonner-toast][data-promise=true] [data-icon]>svg {
    opacity: 0;
    transform: scale(.8);
    transform-origin: center;
    animation: sonner-fade-in .3s ease forwards
}

[data-sonner-toast][data-styled=true] [data-icon]>* {
    flex-shrink: 0
}

[data-sonner-toast][data-styled=true] [data-icon] svg {
    margin-left: var(--toast-svg-margin-start);
    margin-right: var(--toast-svg-margin-end)
}

[data-sonner-toast][data-styled=true] [data-content] {
    display: flex;
    flex-direction: column;
    gap: 2px
}

[data-sonner-toast][data-styled=true] [data-button] {
    border-radius: 4px;
    padding-left: 8px;
    padding-right: 8px;
    height: 24px;
    font-size: 12px;
    color: var(--normal-bg);
    background: var(--normal-text);
    margin-left: var(--toast-button-margin-start);
    margin-right: var(--toast-button-margin-end);
    border: none;
    font-weight: 500;
    cursor: pointer;
    outline: 0;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    transition: opacity .4s, box-shadow .2s
}

[data-sonner-toast][data-styled=true] [data-button]:focus-visible {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, .4)
}

[data-sonner-toast][data-styled=true] [data-button]:first-of-type {
    margin-left: var(--toast-button-margin-start);
    margin-right: var(--toast-button-margin-end)
}

[data-sonner-toast][data-styled=true] [data-cancel] {
    color: var(--normal-text);
    background: rgba(0, 0, 0, .08)
}

[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel] {
    background: rgba(255, 255, 255, .3)
}

[data-sonner-toast][data-styled=true] [data-close-button] {
    position: absolute;
    left: var(--toast-close-button-start);
    right: var(--toast-close-button-end);
    top: 0;
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    color: var(--gray12);
    background: var(--normal-bg);
    border: 1px solid var(--gray4);
    transform: var(--toast-close-button-transform);
    border-radius: 50%;
    cursor: pointer;
    z-index: 1;
    transition: opacity .1s, background .2s, border-color .2s
}

[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible {
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 0 0 2px rgba(0, 0, 0, .2)
}