.w-72 {
    width: calc(var(--spacing) * 72)
}

.w-80 {
    width: calc(var(--spacing) * 80)
}

.w-\[2px\] {
    width: 2px
}

.w-\[5px\] {
    width: 5px
}

.w-\[11px\] {
    width: 11px
}

.w-\[18px\] {
    width: 18px
}

.w-\[27px\] {
    width: 27px
}

.w-\[34\%\] {
    width: 34%
}

.w-\[38\%\] {
    width: 38%
}

.w-\[44\%\] {
    width: 44%
}

.w-\[46px\] {
    width: 46px
}

.w-\[52\%\] {
    width: 52%
}

.w-\[52px\] {
    width: 52px
}

.w-\[58px\] {
    width: 58px
}

.w-\[62\%\] {
    width: 62%
}

.w-\[70\%\] {
    width: 70%
}

.w-\[72\%\] {
    width: 72%
}

.w-\[84px\] {
    width: 84px
}

.w-\[118px\] {
    width: 118px
}

.w-\[128px\] {
    width: 128px
}

.w-\[148px\] {
    width: 148px
}

.w-\[236px\] {
    width: 236px
}

.w-\[290px\] {
    width: 290px
}

.w-\[min\(68vw\,272px\)\] {
    width: min(68vw, 272px)
}

.w-fit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

.w-max {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.w-px {
    width: 1px
}

.max-w-\[30ch\] {
    max-width: 30ch
}

.max-w-\[32ch\] {
    max-width: 32ch
}

.max-w-\[34ch\] {
    max-width: 34ch
}

.max-w-\[48\%\] {
    max-width: 48%
}

.max-w-\[60\%\] {
    max-width: 60%
}

.max-w-\[78\%\] {
    max-width: 78%
}

.max-w-\[86\%\] {
    max-width: 86%
}

.max-w-\[132px\] {
    max-width: 132px
}

.max-w-\[180px\] {
    max-width: 180px
}

.max-w-\[240px\] {
    max-width: 240px
}

.max-w-\[260px\] {
    max-width: 260px
}

.max-w-\[280px\] {
    max-width: 280px
}

.max-w-\[300px\] {
    max-width: 300px
}

.max-w-\[320px\] {
    max-width: 320px
}

.max-w-\[340px\] {
    max-width: 340px
}

.max-w-\[360px\] {
    max-width: 360px
}

.max-w-full {
    max-width: 100%
}

.max-w-xs {
    max-width: var(--container-xs)
}

.min-w-0 {
    min-width: calc(var(--spacing) * 0)
}

.min-w-5 {
    min-width: calc(var(--spacing) * 5)
}

.min-w-6 {
    min-width: calc(var(--spacing) * 6)
}

.min-w-7 {
    min-width: calc(var(--spacing) * 7)
}

.min-w-11 {
    min-width: calc(var(--spacing) * 11)
}

.min-w-\[16px\] {
    min-width: 16px
}

.min-w-\[18px\] {
    min-width: 18px
}

.min-w-\[20px\] {
    min-width: 20px
}

.min-w-\[56px\] {
    min-width: 56px
}

.min-w-\[68px\] {
    min-width: 68px
}

.min-w-\[84px\] {
    min-width: 84px
}

.min-w-\[88px\] {
    min-width: 88px
}

.min-w-\[96px\] {
    min-width: 96px
}

.min-w-\[140px\] {
    min-width: 140px
}

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

.min-w-\[160px\] {
    min-width: 160px
}

.min-w-\[168px\] {
    min-width: 168px
}

.flex-1 {
    flex: 1
}

.shrink {
    flex-shrink: 1
}

.shrink-0 {
    flex-shrink: 0
}

.grow {
    flex-grow: 1
}

.border-collapse {
    border-collapse: collapse
}

.origin-top-left {
    transform-origin: 0 0
}

.-translate-x-1 {
    --tw-translate-x: calc(var(--spacing) * -1);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
}

.-translate-y-1 {
    --tw-translate-y: calc(var(--spacing) * -1);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
}

.translate-none {
    transform: none
}

.scale-3d {
    transform: scale3d(var(--tw-scale-x), var(--tw-scale-y), var(--tw-scale-z))
}

.-rotate-90 {
    transform: rotate(-90deg)
}

.rotate-180 {
    transform: rotate(180deg)
}

.transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )
}

.animate-\[fadeIn_200ms_ease-out\] {
    animation: .2s ease-out fadeIn
}

.animate-spin {
    animation: var(--animate-spin)
}

.cursor-not-allowed {
    cursor: not-allowed
}

.cursor-pointer {
    cursor: pointer
}

.cursor-text {
    cursor: text
}

.touch-pan-y {
    --tw-pan-y: pan-y;
    touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, )
}

.touch-pinch-zoom {
    --tw-pinch-zoom: pinch-zoom;
    touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, )
}

.touch-none {
    touch-action: none
}

.resize {
    resize: both
}

.resize-none {
    resize: none
}

.snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness)
}

.snap-mandatory {
    --tw-scroll-snap-strictness: mandatory
}

.snap-center {
    scroll-snap-align: center
}

.snap-start {
    scroll-snap-align: start
}

.scroll-mt-\[calc\(var\(--header-h\)\+env\(safe-area-inset-top\)\+12px\)\] {
    scroll-margin-top: calc(var(--header-h) + env(safe-area-inset-top) + 12px)
}

.auto-rows-\[minmax\(104px\,auto\)\] {
    grid-auto-rows: minmax(104px, auto)
}

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

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

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

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

.grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr))
}

.grid-cols-\[1fr_1fr_48px\] {
    grid-template-columns: 1fr 1fr 48px
}

.grid-cols-\[auto_auto\] {
    grid-template-columns: auto auto
}

.flex-col {
    flex-direction: column
}

.flex-col-reverse {
    flex-direction: column-reverse
}

.flex-row {
    flex-direction: row
}

.flex-wrap {
    flex-wrap: wrap
}

.items-baseline {
    align-items: baseline
}

.items-center {
    align-items: center
}

.items-end {
    align-items: flex-end
}

.items-start {
    align-items: flex-start
}

.items-stretch {
    align-items: stretch
}

.justify-between {
    justify-content: space-between
}

.justify-center {
    justify-content: center
}

.justify-end {
    justify-content: flex-end
}

.justify-start {
    justify-content: flex-start
}

.gap-0 {
    gap: calc(var(--spacing) * 0)
}

.gap-0\.5 {
    gap: calc(var(--spacing) * .5)
}

.gap-1 {
    gap: calc(var(--spacing) * 1)
}

.gap-1\.5 {
    gap: calc(var(--spacing) * 1.5)
}

.gap-2 {
    gap: calc(var(--spacing) * 2)
}

.gap-2\.5 {
    gap: calc(var(--spacing) * 2.5)
}

.gap-3 {
    gap: calc(var(--spacing) * 3)
}

.gap-3\.5 {
    gap: calc(var(--spacing) * 3.5)
}

.gap-4 {
    gap: calc(var(--spacing) * 4)
}

.gap-5 {
    gap: calc(var(--spacing) * 5)
}

.gap-\[3px\] {
    gap: 3px
}

.space-y-0>:not(:last-child) {
    --tw-space-y-reverse: 0;
    margin-top: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
    margin-bottom: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)))
}

.space-y-0\.5>:not(:last-child) {
    --tw-space-y-reverse: 0;
    margin-top: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
    margin-bottom: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))
}

.space-y-2>:not(:last-child) {
    --tw-space-y-reverse: 0;
    margin-top: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-bottom: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))
}

.space-y-2\.5>:not(:last-child) {
    --tw-space-y-reverse: 0;
    margin-top: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-bottom: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))
}

.space-y-3>:not(:last-child) {
    --tw-space-y-reverse: 0;
    margin-top: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-bottom: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))
}

.space-y-3\.5>:not(:last-child) {
    --tw-space-y-reverse: 0;
    margin-top: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));
    margin-bottom: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)))
}

.space-y-4>:not(:last-child) {
    --tw-space-y-reverse: 0;
    margin-top: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-bottom: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))
}

.space-y-6>:not(:last-child) {
    --tw-space-y-reverse: 0;
    margin-top: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-bottom: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))
}

.space-y-7>:not(:last-child) {
    --tw-space-y-reverse: 0;
    margin-top: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
    margin-bottom: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)))
}

.space-y-9>:not(:last-child) {
    --tw-space-y-reverse: 0;
    margin-top: calc(calc(var(--spacing) * 9) * var(--tw-space-y-reverse));
    margin-bottom: calc(calc(var(--spacing) * 9) * calc(1 - var(--tw-space-y-reverse)))
}

.space-y-reverse>:not(:last-child) {
    --tw-space-y-reverse: 1
}

.gap-x-2 {
    column-gap: calc(var(--spacing) * 2)
}

.gap-x-2\.5 {
    column-gap: calc(var(--spacing) * 2.5)
}

.gap-x-3 {
    column-gap: calc(var(--spacing) * 3)
}

.-space-x-2>:not(:last-child) {
    --tw-space-x-reverse: 0;
    margin-left: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
    margin-right: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)))
}

.-space-x-2\.5>:not(:last-child) {
    --tw-space-x-reverse: 0;
    margin-left: calc(calc(var(--spacing) * -2.5) * var(--tw-space-x-reverse));
    margin-right: calc(calc(var(--spacing) * -2.5) * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-reverse>:not(:last-child) {
    --tw-space-x-reverse: 1
}

.gap-y-1 {
    row-gap: calc(var(--spacing) * 1)
}

.gap-y-1\.5 {
    row-gap: calc(var(--spacing) * 1.5)
}

.gap-y-3 {
    row-gap: calc(var(--spacing) * 3)
}

.divide-x>:not(:last-child) {
    --tw-divide-x-reverse: 0;
    border-inline-style: var(--tw-border-style);
    border-left-width: calc(1px * var(--tw-divide-x-reverse));
    border-right-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)))
}

.divide-y>:not(:last-child) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)))
}

.divide-y-reverse>:not(:last-child) {
    --tw-divide-y-reverse: 1
}

.divide-line-soft>:not(:last-child) {
    border-color: var(--color-divider-light)
}

.self-center {
    align-self: center
}

.self-start {
    align-self: flex-start
}

.truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overscroll-contain {
    overscroll-behavior: contain
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 36px
}

.rounded-\[2px\] {
    border-radius: 2px
}

.rounded-\[3px\] {
    border-radius: 3px
}

.rounded-\[6px\] {
    border-radius: 6px
}

.rounded-\[8px\] {
    border-radius: 8px
}

.rounded-\[9px\] {
    border-radius: 9px
}

.rounded-\[10px\] {
    border-radius: 10px
}

.rounded-\[11px\] {
    border-radius: 11px
}

.rounded-\[12px\] {
    border-radius: 12px
}

.rounded-\[14px\] {
    border-radius: 14px
}

.rounded-\[16px\] {
    border-radius: 16px
}

.rounded-\[18px\] {
    border-radius: 18px
}

.rounded-\[20px\] {
    border-radius: 20px
}

.rounded-\[22px\] {
    border-radius: 22px
}

.rounded-\[24px\] {
    border-radius: 24px
}

.rounded-\[28px\] {
    border-radius: 28px
}

.rounded-\[inherit\] {
    border-radius: inherit
}

.rounded-\[var\(--radius-xl\)\] {
    border-radius: var(--radius-xl)
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: 22px
}

.rounded-md {
    border-radius: 16px
}

.rounded-none {
    border-radius: 0
}

.rounded-sm {
    border-radius: 12px
}

.rounded-xl {
    border-radius: 28px
}

.rounded-s {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.rounded-ss {
    border-top-left-radius: .25rem
}

.rounded-e {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.rounded-se {
    border-top-right-radius: .25rem
}

.rounded-ee {
    border-bottom-right-radius: .25rem
}

.rounded-es {
    border-bottom-left-radius: .25rem
}

.rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.rounded-t-\[var\(--radius-2xl\)\] {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl)
}

.rounded-t-\[var\(--radius-xl\)\] {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl)
}

.rounded-t-xl {
    border-top-left-radius: 28px;
    border-top-right-radius: 28px
}

.rounded-l {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.rounded-tl {
    border-top-left-radius: .25rem
}

.rounded-r {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.rounded-tr {
    border-top-right-radius: .25rem
}

.rounded-b {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.rounded-b-\[var\(--radius-2xl\)\] {
    border-bottom-right-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl)
}

.rounded-br {
    border-bottom-right-radius: .25rem
}

.rounded-br-\[6px\] {
    border-bottom-right-radius: 6px
}

.rounded-bl {
    border-bottom-left-radius: .25rem
}

.rounded-bl-\[6px\] {
    border-bottom-left-radius: 6px
}

.border {
    border-style: var(--tw-border-style);
    border-width: 1px
}

.border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px
}

.border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px
}

.border-x {
    border-inline-style: var(--tw-border-style);
    border-left-width: 1px;
    border-right-width: 1px
}

.border-y {
    border-block-style: var(--tw-border-style);
    border-top-width: 1px;
    border-bottom-width: 1px
}

.border-s {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px
}

.border-e {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px
}

.border-bs {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px
}

.border-be {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px
}

.border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px
}

.border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px
}

.border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px
}

.border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px
}

.border-dashed {
    --tw-border-style: dashed;
    border-style: dashed
}

.border-\[\#5FD39A\] {
    border-color: #5fd39a
}

.border-\[rgba\(27\,26\,23\,0\.06\)\] {
    border-color: rgba(27, 26, 23, .06)
}

.border-\[rgba\(27\,26\,23\,0\.07\)\] {
    border-color: rgba(27, 26, 23, .07)
}

.border-\[rgba\(27\,26\,23\,0\.08\)\] {
    border-color: rgba(27, 26, 23, .08)
}

.border-\[rgba\(27\,26\,23\,0\.18\)\] {
    border-color: rgba(27, 26, 23, .18)
}

.border-\[rgba\(110\,82\,36\,0\.3\)\] {
    border-color: rgba(110, 82, 36, .3)
}

.border-current {
    border-color: currentColor
}

.border-ink {
    border-color: var(--color-text-primary)
}

.border-line {
    border-color: var(--color-divider)
}

.border-line-soft {
    border-color: var(--color-divider-light)
}

.border-white {
    border-color: #fff
}

.border-t-transparent {
    border-top-color: transparent
}

.bg-\[rgba\(14\,13\,11\,0\.6\)\] {
    background-color: rgba(14, 13, 11, .6)
}

.bg-\[rgba\(14\,13\,11\,0\.48\)\] {
    background-color: rgba(14, 13, 11, .48)
}

.bg-\[rgba\(14\,13\,11\,0\.52\)\] {
    background-color: rgba(14, 13, 11, .52)
}

.bg-\[rgba\(14\,13\,11\,0\.55\)\] {
    background-color: rgba(14, 13, 11, .55)
}

.bg-\[rgba\(14\,13\,11\,0\.86\)\] {
    background-color: rgba(14, 13, 11, .86)
}

.bg-\[rgba\(27\,26\,23\,0\.2\)\] {
    background-color: rgba(27, 26, 23, .2)
}

.bg-\[rgba\(27\,26\,23\,0\.15\)\] {
    background-color: rgba(27, 26, 23, .15)
}

.bg-\[rgba\(110\,82\,36\,0\.3\)\] {
    background-color: rgba(110, 82, 36, .3)
}

.bg-\[rgba\(255\,255\,255\,0\.9\)\] {
    background-color: rgba(255, 255, 255, .9)
}

.bg-\[rgba\(255\,255\,255\,0\.78\)\] {
    background-color: rgba(255, 255, 255, .78)
}

.bg-\[rgba\(255\,255\,255\,0\.82\)\] {
    background-color: rgba(255, 255, 255, .82)
}

.bg-\[rgba\(var\(--shadow-color\)\,0\.16\)\] {
    background-color: rgba(var(--shadow-color), .16)
}

.bg-\[var\(--color-accent-light\)\] {
    background-color: var(--color-accent-light)
}

.bg-bad {
    background-color: var(--color-error)
}

.bg-bad-soft {
    background-color: var(--color-error-surface)
}

.bg-black {
    background-color: #000
}

.bg-black\/45 {
    background-color: rgba(0, 0, 0, .45)
}

.bg-brand {
    background-color: var(--color-primary)
}

.bg-brand-soft {
    background-color: var(--color-primary-surface)
}

.bg-canvas {
    background-color: var(--color-bg-page)
}

.bg-card {
    background-color: var(--color-bg-card)
}

.bg-elevated {
    background-color: var(--color-bg-elevated)
}

.bg-f1 {
    background-color: var(--floor-1)
}

.bg-f1-tint {
    background-color: var(--floor-1-tint)
}

.bg-f2 {
    background-color: var(--floor-2)
}

.bg-f2-tint {
    background-color: var(--floor-2-tint)
}

.bg-f3 {
    background-color: var(--floor-3)
}

.bg-f3-tint {
    background-color: var(--floor-3-tint)
}

.bg-f4 {
    background-color: var(--floor-4)
}

.bg-f4-tint {
    background-color: var(--floor-4-tint)
}

.bg-f5 {
    background-color: var(--floor-5)
}

.bg-f5-tint {
    background-color: var(--floor-5-tint)
}

.bg-f6 {
    background-color: var(--floor-6)
}

.bg-f6-tint {
    background-color: var(--floor-6-tint)
}

.bg-f7 {
    background-color: var(--floor-7)
}

.bg-f7-tint {
    background-color: var(--floor-7-tint)
}

.bg-f8 {
    background-color: var(--floor-8)
}

.bg-f8-tint {
    background-color: var(--floor-8-tint)
}

.bg-info {
    background-color: var(--info)
}

.bg-info-soft {
    background-color: var(--info-surface)
}

.bg-ink-2 {
    background-color: var(--color-text-secondary)
}

.bg-ink-3 {
    background-color: var(--color-text-tertiary)
}

.bg-line {
    background-color: var(--color-divider)
}

.bg-line-soft {
    background-color: var(--color-divider-light)
}

.bg-night {
    background-color: var(--night-1)
}

.bg-night-2 {
    background-color: var(--night-2)
}

.bg-ok {
    background-color: var(--color-success)
}

.bg-ok-soft {
    background-color: var(--color-success-surface)
}

.bg-signal {
    background-color: var(--color-accent)
}

.bg-signal-soft {
    background-color: var(--color-accent-surface)
}

.bg-sunken {
    background-color: var(--color-bg-sunken)
}

.bg-transparent {
    background-color: transparent
}

.bg-warn {
    background-color: var(--color-warning)
}

.bg-warn-soft {
    background-color: var(--color-warning-surface)
}

.bg-white {
    background-color: #fff
}