.c1p6lbu0 { --tui-button-background: var(--color--background-button-primary,inherit); --tui-button-foreground: var(--color--foreground-button-primary,inherit); --tui-button-border: transparent; --tui-button-overlay: var(--color--interactive-button-primary,inherit); --tui-button-focus: var(--color--border-focus-default,inherit); --tui-button-background-disabled: var(--color--background-button-disabled,inherit); --tui-button-foreground-disabled: var(--color--foreground-button-disabled,inherit); --tui-button-border-disabled: transparent; --tui-button-overlay-disabled: transparent; background-color: transparent; border: 0px; cursor: pointer; display: inline-block; position: relative; }
.c1p6lbu0[data-disabled] { cursor: default; }
.tg0j2fo { background-color: transparent; display: block; height: 100%; left: 50%; min-height: 48px; min-width: 48px; opacity: 0; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; }
.w1u9t036 { display: block; position: relative; }
.c9iqosj { -webkit-box-align: center; -webkit-box-pack: center; align-items: center; display: flex; gap: var(--sizing--padding-small,0); justify-content: center; padding: var(--tui-button-padding-vertical,var(--sizing--button-large-padding-vertical,0)) var(--tui-button-padding-horizontal,var(--sizing--button-large-padding-horizontal,0)); position: relative; }
.c1p6lbu0[data-size="medium"] .c9iqosj { padding: var(--tui-button-padding-vertical,var(--sizing--button-medium-padding-vertical,0)) var(--tui-button-padding-horizontal,var(--sizing--button-medium-padding-horizontal,0)); }
.c1p6lbu0[data-size="small"] .c9iqosj { padding: var(--tui-button-padding-vertical,var(--sizing--button-small-padding-vertical,0)) var(--tui-button-padding-horizontal,var(--sizing--button-small-padding-horizontal,0)); }
.c1p6lbu0[data-dir="rtl"] .c9iqosj { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; }
.c1p6lbu0[data-loading] .c9iqosj { opacity: 0; }
.cxdzch5 { border-radius: var(--sizing--button-border-radius,0); inset: 0px; display: block; overflow: hidden; pointer-events: none; position: absolute; }
.lk7dtol { -webkit-box-align: center; -webkit-box-pack: center; align-items: center; color: var(--tui-button-foreground); display: flex; justify-content: center; }
.f1xhyo4z { box-shadow: 0 0 0 4px var(--tui-button-focus); margin: -2px; opacity: 0; }
.c1p6lbu0[data-focused] .f1xhyo4z { opacity: 1; }
.f17p5q9z { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-color: ; background-clip: border-box; background-origin: border-box; border: 2px solid var(--tui-button-border); }
.c1p6lbu0[data-disabled] .f17p5q9z { background: var(--tui-button-background-disabled); border-color: var(--tui-button-border-disabled); }
.lxn9zzn { -webkit-box-align: center; -webkit-box-pack: center; align-items: center; color: var(--tui-button-foreground); display: flex; font-family: var(--font-family--button-1,"ProximaNova","Helvetica Neue",Arial,Helvetica,sans-serif); font-size: var(--font-size--button-1,1rem); font-weight: var(--font-weight--button-1,400); justify-content: center; letter-spacing: var(--letter-spacing--button-1,0); line-height: var(--line-height--button-1,1); min-height: 2.6rem; position: relative; text-align: center; text-transform: var(--letter-casing--button-1,none); word-break: break-word; }
.c1p6lbu0[data-size="medium"] .lxn9zzn { min-height: 2.6rem; }
.c1p6lbu0[data-size="small"] .lxn9zzn { font-size: var(--font-size--button-2,1rem); font-weight: var(--font-weight--button-2,400); letter-spacing: var(--letter-spacing--button-2,0); line-height: var(--line-height--button-2,1); min-height: 2rem; text-transform: var(--letter-casing--button-2,none); }
.c1p6lbu0[data-disabled] .lxn9zzn { color: var(--tui-button-foreground-disabled); }
.o14gki62 { background-color: var(--tui-button-overlay); opacity: 0; }
.c1p6lbu0[data-disabled] .o14gki62 { color: var(--tui-button-overlay-disabled); }
.c1p6lbu0:active .o14gki62, .c1p6lbu0[data-hovered] .o14gki62, .c1p6lbu0[data-tapped] .o14gki62 { opacity: 1; }
.iczmx5h, .in1mbd2 { -webkit-box-pack: center; display: flex; justify-content: center; position: relative; }
.l1r3z1wu { --tui-loader-stroke: 10px; --tui-loader-size: 100%; fill: none; stroke: currentcolor; }
.stca1s6 { --radius: calc(var(--tui-loader-size)/2 - var(--tui-loader-stroke)/2); --deg: calc(var(--radius)*0.01745); stroke-width: var(--tui-loader-stroke); r: var(--radius); stroke-dasharray: calc(var(--deg)*180),calc(var(--deg)*360); stroke-dashoffset: 0; stroke-linecap: square; animation: 1.5s ease-in-out 0s infinite normal none running dash-stca1s6, 2s linear 0s infinite normal none running rotate-stca1s6; transform-origin: 50% 50%; }
@-webkit-keyframes dash-stca1s6 { 
  0% { stroke-dasharray: calc(var(--deg)*3),calc(var(--deg)*582); stroke-dashoffset: 0; }
  50% { stroke-dasharray: calc(var(--deg)*260),calc(var(--deg)*582); stroke-dashoffset: calc(var(--deg)*-100); }
  100% { stroke-dasharray: calc(var(--deg)*260),calc(var(--deg)*582); stroke-dashoffset: calc(var(--deg)*-360); }
}
@keyframes dash-stca1s6 { 
  0% { stroke-dasharray: calc(var(--deg)*3),calc(var(--deg)*582); stroke-dashoffset: 0; }
  50% { stroke-dasharray: calc(var(--deg)*260),calc(var(--deg)*582); stroke-dashoffset: calc(var(--deg)*-100); }
  100% { stroke-dasharray: calc(var(--deg)*260),calc(var(--deg)*582); stroke-dashoffset: calc(var(--deg)*-360); }
}
@-webkit-keyframes rotate-stca1s6 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
@keyframes rotate-stca1s6 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
.c1abqz5r { -webkit-box-align: center; -webkit-box-pack: center; --tui-radio-button-accent-color: var(--color--background-radio-selected-enabled,inherit); align-items: center; background: transparent; border: var(--sizing--border-width-thin,0) solid var(--color--border-radio-unselected-disabled,inherit); border-radius: 50%; display: flex; height: var(--sizing--dimension-xxxsmall,0); justify-content: center; outline-color: var(--color--border-focus-default,inherit); outline-offset: var(--sizing--padding-xxsmall,0); outline-style: none; outline-width: var(--sizing--border-width-regular,0); position: relative; width: var(--sizing--dimension-xxxsmall,0); }
@media (pointer: fine) {
  .c1abqz5r { --touch-target-width: var(--sizing--dimension-xxxsmall,0); --touch-target-height: var(--sizing--dimension-xxxsmall,0); }
}
@media (pointer: coarse) {
  .c1abqz5r { --touch-target-width: var(--sizing--dimension-xlarge,0); --touch-target-height: var(--sizing--dimension-xlarge,0); }
}
.c1abqz5r > input[type="radio"] { display: block; height: 100%; left: 50%; margin: 0px; opacity: 0; padding: 0px; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; }
.c1abqz5r:not([data-disabled]):not([data-readonly]) > input[type="radio"] { cursor: pointer; }
.c1abqz5r[data-disabled] { background: var(--color--background-radio-unselected-disabled,inherit); border-color: var(--color--border-radio-unselected-disabled,inherit); }
.c1abqz5r[data-disabled][data-checked] { background: var(--color--border-radio-unselected-disabled,inherit); border-color: var(--color--border-radio-unselected-disabled,inherit); }
.c1abqz5r[data-readonly] { border-color: var(--color--background-radio-unselected-disabled,inherit); }
.c1abqz5r[data-checked] { background: var(--tui-radio-button-accent-color); border-color: transparent; }
.c1abqz5r[data-focused] { outline-style: solid; }
.owqelga { background-color: var(--color--interactive-button-primary,inherit); border-radius: 50%; inset: 0px; display: block; opacity: 0; outline: .1rem solid var(--color--interactive-button-primary,inherit); overflow: hidden; pointer-events: none; position: absolute; }
.c1abqz5r[data-checked] .owqelga, .c1abqz5r[data-disabled] .owqelga, .c1abqz5r[data-readonly] .owqelga { background-color: transparent; }
@media (hover: hover) and (pointer: fine) {
  .c1abqz5r:hover:not([data-disabled]):not([data-readonly]) .owqelga { opacity: 1; }
  .c1abqz5r:active:not([data-disabled]):not([data-readonly]) .owqelga { opacity: 1; }
}
.r136q0v3 { color: var(--color--icon-radio-selected-enabled,inherit); display: block; opacity: 0; pointer-events: none; position: absolute; transition: opacity 0.25s; width: var(--sizing--icon-large,0); }
.c1abqz5r[data-checked] .r136q0v3 { opacity: 1; }
:root { --side-nav-bar-height: 79px; --top-nav-bar-height: 48px; --nav-bar-height: 48px; --recs-card-height: 667px; --recs-card-width: 375px; --recs-gamepad-height: 83px; }
@media only screen and (min-width: 1025px) {
  :root { --side-nav-bar-height: 87px; }
}
@media only screen and (max-height: 768px) and (min-width: 1025px) {
  :root { --recs-card-height: 600px; --recs-card-width: 360px; }
}
@media only screen and (min-width: 896px) {
  :root { --recs-gamepad-height: 101px; }
}
.rebrand-fonts { font-family: Regola, system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif, Helvetica, Arial, "Segoe UI Emoji", "Segoe UI Symbol", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "EmojiOne Color", "Android Emoji"; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; overflow-wrap: break-word; background-color: var(--color--background-primary); font-family: ProximaNova, system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif, Helvetica, Arial, "Segoe UI Emoji", "Segoe UI Symbol", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "EmojiOne Color", "Android Emoji"; line-height: 1.3125; }
@media only screen and (max-width: 895px) {
  body { -webkit-user-drag: none; text-size-adjust: none; min-height: stretch; touch-action: manipulation; }
}
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.scrollbar { overflow-y: scroll; }
@supports (scrollbar-color:auto) {
  .scrollbar { scrollbar-color: rgb(218, 220, 224) transparent; }
}
:not(.scrollbar) { scrollbar-width: none; }
:not(.scrollbar)::-webkit-scrollbar { display: none; }
html { text-size-adjust: 100%; font-size: 62.5%; height: 100%; }
@media only screen and (max-width: 895px) {
  html { height: calc(100vh - var(--safe-area-inset-top) - var(--safe-area-inset-bottom)); min-height: stretch; }
}
a { color: var(--color--text-primary); text-decoration: none; }
::selection { background: var(--color--text-highlight-background); color: var(--color--text-highlight-foreground); }
:active, :focus { outline: none; }
.focus-button-style[data-focus-visible-added]:active, .focus-button-style[data-focus-visible-added]:focus { box-shadow: 0 1px 6px 2px var(--color--border-focus-default); }
.focus-button-style.focus-visible { box-shadow: 0 1px 6px 2px var(--color--border-focus-default); }
.focus-button-style:focus-visible { box-shadow: 0 1px 6px 2px var(--color--border-focus-default); }
.focus-background-style[data-focus-visible-added]:active, .focus-background-style[data-focus-visible-added]:focus { outline: var(--color--border-focus-default) auto 5px; }
.focus-background-style.focus-visible { outline: var(--color--border-focus-default) auto 5px; }
.focus-background-style:focus-visible { outline: var(--color--border-focus-default) auto 5px; }
.focus-outline-style[data-focus-visible-added]:active, .focus-outline-style[data-focus-visible-added]:focus { outline: var(--color--border-focus-default) auto 5px; }
.focus-outline-style.focus-visible { outline: var(--color--border-focus-default) auto 5px; }
.focus-outline-style:focus-visible { outline: var(--color--border-focus-default) auto 5px; }
input[type="number"] { appearance: textfield; }
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { appearance: none; }
h1, h2, h3, h4, h5 { margin: 0px 0px 0.25em; }
h3, h4, h5 { font-weight: 400; }
[style*="--aspect-ratio"] > img { height: auto; }
[style*="--aspect-ratio"] { position: relative; }
[style*="--aspect-ratio"] > :first-child { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
[style*="--aspect-ratio"]::before { content: ""; display: block; width: 100%; }
@supports not (aspect-ratio:1/1) {
  [style*="--aspect-ratio"]::before { height: 0px; padding-bottom: calc(100%/var(--aspect-ratio)); }
}
@supports (aspect-ratio:1/1) {
  [style*="--aspect-ratio"]::before { aspect-ratio: calc(var(--aspect-ratio)); }
}
.keen-slider { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: pan-y; }
.keen-slider[data-keen-slider-moves] * { pointer-events: none; }
@media (prefers-reduced-motion: reduce) {
  *, ::after, ::before { animation-duration: 1ms !important; animation-iteration-count: 1 !important; transition-duration: 1ms !important; }
}
@-webkit-keyframes logoAnimation { 
  50% { transform: scale(1.2); }
}
@keyframes logoAnimation { 
  50% { transform: scale(1.2); }
}
.Ai\(c\), .CenterAlign, .CenterAlign\:\:b::before { -webkit-box-align: center; align-items: center; }
.Ai\(fe\) { -webkit-box-align: end; align-items: flex-end; }
.Ai\(fs\) { -webkit-box-align: start; align-items: flex-start; }
.Ai\(b\) { -webkit-box-align: baseline; align-items: baseline; }
.Ai\(e\) { -webkit-box-align: end; align-items: end; }
.As\(fs\) { align-self: flex-start; }
.Animdur\(\$xslow\) { animation-duration: 1s; }
.Animdur\(\$normal\) { animation-duration: 0.25s; }
.Animdur\(\$slow\) { animation-duration: 0.5s; }
.Animic\(i\) { animation-iteration-count: infinite; }
.Animn\(\$anim-logo\) { animation-name: logoAnimation; }
.Animn\(\$anim-fade-in\) { animation-name: fadeIn; }
.Animtf\(\$anim-logo-timing-func\) { animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1); }
.Animtf\(eio\) { animation-timing-function: ease-in-out; }
.Bd, .Bdw\(1px\) { border-width: 1px; }
.Bd, .Bds\(s\) { border-style: solid; }
.Bd\(n\) { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.Bdc\(\$c-ds-border-button-secondary\), .Bdc\(\$c-ds-border-button-secondary\)\:a:active, .Bdc\(\$c-ds-border-button-secondary\)\:f:focus, .Bdc\(\$c-ds-border-button-secondary\)\:h:hover { border-color: var(--color--border-button-secondary,inherit); }
.Bdc\(\$c-ds-divider-primary\) { border-color: var(--color--divider-primary,inherit); }
.Bdc\(\$c-ds-accent-primary\), .Bdc\(\$c-ds-accent-primary\)\:a:active, .Bdc\(\$c-ds-accent-primary\)\:f:focus, .Bdc\(\$c-ds-accent-primary\)\:h:hover { border-color: var(--color--accent-primary,inherit); }
.Bdc\(\$c-ds-icon-primary-overlay\) { border-color: var(--color--icon-primary-overlay,inherit); }
.Bdc\(\$c-ds-icon-secondary\), .Bdc\(\$c-ds-icon-secondary\)\:h:hover { border-color: var(--color--icon-secondary,inherit); }
.Bdc\(\$c-ds-icon-secondary-inverse\), .Bdc\(\$c-ds-icon-secondary-inverse\)\:h:hover { border-color: var(--color--icon-secondary-inverse,inherit); }
.Bdc\(\$c-ds-icon-primary-inverse\)\:h:hover { border-color: var(--color--icon-primary-inverse,inherit); }
.Bdc\(\$c-dark-gray\) { border-color: var(--color--gray-70,inherit); }
.Bdc\(\$c-gold-border\) { border-color: var(--color--gold-50,inherit); }
.Bdc\(\$c-superboost-bg-pink\) { border-color: var(--color--fuchsia-15,inherit); }
.Bdc\(\$c-ds-border-secondary\) { border-color: var(--color--border-secondary,inherit); }
.Bdc\(\$c-ds-foreground-border-secondary\) { border-color: var(--color--foreground-border-secondary,inherit); }
.Bdc\(\$c-ds-border-boost\) { border-color: var(--color--border-boost,inherit); }
.Bdc\(\#fff\), .Bdc\(\#fff\)\:a:active, .Bdc\(\#fff\)\:f:focus, .Bdc\(\#fff\)\:h:hover { border-color: rgb(255, 255, 255); }
.Bdc\(\$c-ds-accent-link\)\:a:active, .Bdc\(\$c-ds-accent-link\)\:f:focus, .Bdc\(\$c-ds-accent-link\)\:h:hover { border-color: var(--color--accent-link,inherit); }
.Bdc\(\$c-ds-border-brand\) { border-color: var(--color--border-brand,inherit); }
.Bdc\(\$c-ds-border-gold\) { border-color: var(--color--border-gold,inherit); }
.Bdc\(\$c-ds-border-platinum\) { border-color: var(--color--border-platinum,inherit); }
.Bdc\(\$c-ds-text-link\) { border-color: var(--color--text-link,inherit); }
.Bdc\(\$c-ds-text-primary\) { border-color: var(--color--text-primary,inherit); }
.Bdc\(t\) { border-color: transparent; }
.Bdtc\(\$c-ds-border-focus-inverse\) { border-top-color: var(--color--border-focus-inverse,inherit); }
.Bdts\(s\) { border-top-style: solid; }
.Bdw\(2px\) { border-width: 2px; }
.Bdw\(3px\) { border-width: 3px; }
.Bdw\(0\) { border-width: 0px; }
.Bdw\(8px\) { border-width: 8px; }
.Bdtw\(1px\) { border-top-width: 1px; }
.Bdrs\(12px\) { border-radius: 12px; }
.Bdrs\(16px\), .Bdrs\(16px\)\:\:b::before { border-radius: 16px; }
.Bdrs\(50\%\), .Bdrs\(50\%\)\:\:a::after { border-radius: 50%; }
.Bdrs\(8px\) { border-radius: 8px; }
.Bdrs\(4px\) { border-radius: 4px; }
.Bdrs\(0\) { border-radius: 0px; }
.Bdrs\(100px\) { border-radius: 100px; }
.Bdrs\(28px\) { border-radius: 28px; }
.Bdrstend\(8px\) { border-top-right-radius: 8px; }
.Bdrstend\(16px\) { border-top-right-radius: 16px; }
.Bdrstend\(4px\) { border-top-right-radius: 4px; }
.Bdrsbend\(16px\) { border-bottom-right-radius: 16px; }
.Bdrsbend\(4px\) { border-bottom-right-radius: 4px; }
.Bdrsbstart\(16px\) { border-bottom-left-radius: 16px; }
.Bdrsbstart\(4px\) { border-bottom-left-radius: 4px; }
.Bdrststart\(8px\) { border-top-left-radius: 8px; }
.Bdrststart\(16px\) { border-top-left-radius: 16px; }
.Bdrststart\(4px\) { border-top-left-radius: 4px; }
.Bg\(\$blur-gradient-top\)\:\:b::before { background: linear-gradient(to top,var(--color--transparent,inherit) -5%,var(--color--background-primary,inherit) 80%); }
.Bg\(\$blur-gradient-bottom\)\:\:a::after { background: linear-gradient(to bottom,var(--color--transparent,inherit) -5%,var(--color--background-primary,inherit) 80%); }
.Bg\(\#fff\) { background: rgb(255, 255, 255); }
.Bg\(\$c-ds-background-button-disabled\) { background: var(--color--background-button-disabled,inherit); }
.Bg\(\$g-ds-background-brand-gradient\) { background: var(--gradient--background-brand-gradient,none); }
.Bg\(\$t-gold-gradient\), .TextGradient\(\$t-gold-gradient\) { background: linear-gradient(135deg,var(--color--gold-40,inherit),var(--color--gold-30,inherit) 42%,var(--color--gold-20,inherit)); }
.Bg\(\$c-gold\)\:a\:\:b:active::before, .Bg\(\$c-gold\)\:f\:\:b:focus::before, .Bg\(\$c-gold\)\:h\:\:b:hover::before { background: var(--color--gold-30,inherit); }
.Bg\(\$c-medium-blue\)\:a\:\:b:active::before, .Bg\(\$c-medium-blue\)\:f\:\:b:focus::before, .Bg\(\$c-medium-blue\)\:h\:\:b:hover::before { background: var(--color--blue-70,inherit); }
.Bg\(\$c-pink\)\:a\:\:b:active::before, .Bg\(\$c-pink\)\:f\:\:b:focus::before, .Bg\(\$c-pink\)\:h\:\:b:hover::before { background: var(--color--brand-primary,inherit); }
.Bgi\(\$primary-gradient-vertical\) { background-image: linear-gradient(0deg,var(--color--brand-gradient-end,inherit),var(--color--brand-gradient-start,inherit)); }
.Bgi\(\$g-ds-background-gold\) { background-image: var(--gradient--background-gold,none); }
.Bgi\(\$g-ds-background-gold-subtle\) { background-image: var(--gradient--background-gold-subtle,none); }
.Bgi\(\$g-ds-background-platinum\), .Bgi\(\$platinum-subscription-gradient\) { background-image: var(--gradient--background-platinum,none); }
.Bgi\(\$g-ds-background-platinum-subtle\) { background-image: var(--gradient--background-platinum-subtle,none); }
.Bgi\(\$dark-purple-gradient\) { background-image: linear-gradient(to top,var(--color--purple-70,inherit) 5%,var(--color--purple-80,inherit) 50%,rgba(57,0,106,.6) 100%); }
.Bgi\(\$gold-border-gradient\) { background-image: var(--gradient--revenue-gold,none); }
.Bgi\(\$platinum-border-gradient\) { background-image: var(--gradient--revenue-platinum,none); }
.Bgi\(\$c-divider-left-fade-gradient\) { background-image: linear-gradient(to left,var(--color--gray-60,inherit),hsla(0,0%,100%,0)); }
.Bgi\(\$gold-left-fade-gradient\) { background-image: linear-gradient(to left,var(--color--gold-30,inherit),hsla(0,0%,100%,0)); }
.Bgi\(\$pink-left-fade-gradient\) { background-image: linear-gradient(270deg, rgba(255, 35, 88, 0.55), rgba(255, 255, 255, 0)); }
.Bgi\(\$black-silver-gradient\) { background-image: linear-gradient(to right,var(--color--gray-95,inherit) 30%,var(--color--gray-70,inherit),var(--color--gray-95,inherit) 70%); }
.Bgi\(\$blue-gradient\) { background-image: linear-gradient(80deg,var(--color--blue-40,inherit),var(--color--blue-70,inherit)); }
.Bgi\(\$medium-purple-gradient\) { background-image: linear-gradient(257deg,var(--color--purple-80,inherit),var(--color--purple-70,inherit)); }
.Bgi\(\$purple-gradient\) { background-image: linear-gradient(var(--color--purple-60,inherit),var(--color--purple-50,inherit)); }
.Bgi\(\$black-silver-slanted-gradient\)\:a:active, .Bgi\(\$black-silver-slanted-gradient\)\:f:focus, .Bgi\(\$black-silver-slanted-gradient\)\:h:hover { background-image: linear-gradient(86deg,var(--color--gray-95,inherit) 20%,var(--color--gray-70,inherit),var(--color--gray-95,inherit) 80%); }
.Bgi\(\$medium-purple-reverse-gradient\)\:h:hover { background-image: linear-gradient(257deg,var(--color--purple-70,inherit),var(--color--purple-80,inherit)); }
.Bgi\(\$purple-gradient-diagonal\)\:h:hover { background-image: linear-gradient(257deg,var(--color--purple-50,inherit),var(--color--purple-60,inherit)); }
.Bgi\(\$g-ds-accent-platinum-gradient\)\:\:a::after { background-image: var(--gradient--accent-platinum-gradient,none); }
.Bgi\(\$paywall-option-gradient\) { background-image: linear-gradient(to top,var(--color--blue-50,inherit) 20%,var(--color--gray-60,inherit) 65%,var(--color--white,inherit) 90%); }
.Bgi\(\$purple-left-fade-gradient\) { background-image: linear-gradient(to left,var(--color--purple-30,inherit),hsla(0,0%,100%,0)); }
.Bgi\(\$superboost-paywall-option-gradient\) { background-image: linear-gradient(to top,var(--color--fuchsia-40,inherit) 20%,var(--color--purple-30,inherit) 65%,hsla(0,0%,100%,0) 90%); }
.Bgi\(\$g-ds-background-boost\) { background-image: var(--gradient--background-boost,none); }
.Bgc\(\$c-ds-background-secondary\) { background-color: var(--color--background-secondary,inherit); }
.Bgc\(\$c-ds-background-button-primary-small\)\:\:b::before { background-color: var(--color--background-button-primary-small,inherit); }
.Bgc\(\$c-ds-background-modal-overlay-recs\) { background-color: var(--color--background-modal-overlay-recs,inherit); }
.Bgc\(\$c-ds-background-primary\), .Bgc\(\$c-ds-background-primary\)\:\:a::after { background-color: var(--color--background-primary,inherit); }
.Bgc\(\#000\) { background-color: rgb(0, 0, 0); }
.Bgc\(\$c-bg-gold\) { background-color: var(--color--gold-15,inherit); }
.Bgc\(\$c-bg-purple\) { background-color: var(--color--purple-15,inherit); }
.Bgc\(\$c-bluegray\) { background-color: var(--color--gray-15,inherit); }
.Bgc\(\$c-superboost-bg-pink\) { background-color: var(--color--fuchsia-15,inherit); }
.Bgc\(\$c-battleship-gray\) { background-color: var(--color--gray-60,inherit); }
.Bgc\(\$c-ds-divider-primary\) { background-color: var(--color--divider-primary,inherit); }
.Bgc\(\$c-ds-divider-table-row-sparks\) { background-color: var(--color--divider-table-row-sparks,inherit); }
.Bgc\(\$c-gold\) { background-color: var(--color--gold-30,inherit); }
.Bgc\(\$c-medium-pink\) { background-color: rgba(255, 35, 88, 0.55); }
.Bgc\(\$c-ds-opacity-white-50\) { background-color: var(--color--opacity-white-50,inherit); }
.Bgc\(\$c-ds-background-modal-overlay-default\) { background-color: var(--color--background-modal-overlay-default,inherit); }
.Bgc\(\$c-ds-icon-secondary\) { background-color: var(--color--icon-secondary,inherit); }
.Bgc\(t\) { background-color: transparent; }
.Bgc\(\$c-ds-brand-primary\) { background-color: var(--color--brand-primary,inherit); }
.Bgc\(\$c-light-gray\) { background-color: var(--color--gray-10,inherit); }
.Bgc\(\$c-bg-black\) { background-color: var(--color--gray-80,inherit); }
.Bgc\(\$c-ds-gold-10\) { background-color: var(--color--gold-10,inherit); }
.Bgc\(\$c-ds-icon-brand\) { background-color: var(--color--icon-brand,inherit); }
.Bgc\(\$c-ds-red-10\) { background-color: var(--color--red-10,inherit); }
.Bgc\(\$c-ds-background-tappy-container-default\) { background-color: var(--color--background-tappy-container-default,inherit); }
.Bgc\(\$c-ds-background-tappy-indicator-active\)\!, .Bgc\(\$c-ds-background-tappy-indicator-active\)\!\:fv.focus-visible { background-color: var(--color--background-tappy-indicator-active,inherit) !important; }
.Bgc\(\$c-ds-background-tappy-indicator-active\)\!, .Bgc\(\$c-ds-background-tappy-indicator-active\)\!\:fv:focus-visible { background-color: var(--color--background-tappy-indicator-active,inherit) !important; }
.Bgc\(\$c-ds-background-tappy-indicator-inactive\) { background-color: var(--color--background-tappy-indicator-inactive,inherit); }
.Bgc\(\$c-ds-accent-primary\)\:\:a::after, .Bgc\(\$c-ds-accent-primary\)\:h:hover, .Bgc\(\$c-ds-accent-primary\)\:h\:\:a:hover::after { background-color: var(--color--accent-primary,inherit); }
.Bgc\(\$c-ds-background-primary-inverse\)\:\:a::after, .Bgc\(\$c-ds-background-primary-inverse\)\:h\:\:a:hover::after { background-color: var(--color--background-primary-inverse,inherit); }
.Bgc\(\$c-dark-bullet-gold\)\:\:a::after { background-color: rgb(236, 222, 183); }
.Bgc\(\$c-ds-accent-active\)\:\:a::after { background-color: var(--color--accent-active,inherit); }
.Bgc\(\$c-ds-background-inactive\)\:\:a::after { background-color: var(--color--background-inactive,inherit); }
.Bgc\(\$c-ds-foreground-border-secondary\)\:\:a::after { background-color: var(--color--foreground-border-secondary,inherit); }
.Bgc\(\$c-light-gold\)\:\:a::after { background-color: var(--color--gold-40,inherit); }
.Bgc\(\$c-ds-background-button-disabled\) { background-color: var(--color--background-button-disabled,inherit); }
.Bgc\(\$c-ds-overlay-default\) { background-color: var(--color--overlay-default,inherit); }
.Bgc\(\$c-ds-invertible-blue-60\) { background-color: var(--color--invertible-blue-60,inherit); }
.Bgc\(\$c-ds-invertible-blue-70\) { background-color: var(--color--invertible-blue-70,inherit); }
.Bgc\(\$c-pale-purple\) { background-color: var(--color--purple-30,inherit); }
.Bgc\(\$c-ds-purple-60\) { background-color: var(--color--purple-60,inherit); }
.Bgc\(\$c-ds-text-link\) { background-color: var(--color--text-link,inherit); }
.Bgcp\(pb\) { background-clip: padding-box; }
.Bgz\(cv\) { background-size: cover; }
.Bgp\(c\) { background-position: 50% center; }
.Bxsh\(\$bxsh-carousel-card\) { box-shadow: rgba(151, 158, 175, 0.74) 0px 2px 40px 0px; }
.Bxsh\(\$bxsh-btn\) { box-shadow: rgba(100, 105, 120, 0.12) 0px 2px 6px 0px; }
.Bxsh\(n\) { box-shadow: none; }
.radio.focus-visible ~ .radio\:fv\~Bxsh\(\$bxsh-btn-focus\) { box-shadow: 0 1px 6px 2px var(--color--border-focus-default,inherit); }
.radio:focus-visible ~ .radio\:fv\~Bxsh\(\$bxsh-btn-focus\) { box-shadow: 0 1px 6px 2px var(--color--border-focus-default,inherit); }
.C\(\$c-ds-text-primary\), .C\(\$c-ds-text-primary\)\:a:active, .C\(\$c-ds-text-primary\)\:f:focus, .C\(\$c-ds-text-primary\)\:h:hover { color: var(--color--text-primary,inherit); }
.C\(\$c-ds-text-brand-normal\), .C\(\$c-ds-text-brand-normal\)\:h:hover { color: var(--color--text-brand-normal,inherit); }
.C\(\$c-ds-foreground-primary-inverse\) { color: var(--color--foreground-primary-inverse,inherit); }
.C\(\$c-ds-text-secondary\), .C\(\$c-ds-text-secondary\)\:h:hover { color: var(--color--text-secondary,inherit); }
.C\(\$c-ds-foreground-button-secondary\) { color: var(--color--foreground-button-secondary,inherit); }
.C\(\$c-ds-accent-primary\), .C\(\$c-ds-accent-primary\)\:h:hover { color: var(--color--accent-primary,inherit); }
.C\(\$c-ds-text-primary-inverse\), .C\(\$c-ds-text-primary-inverse\)\:\:b::before { color: var(--color--text-primary-inverse,inherit); }
.C\(\$c-ds-icon-primary-overlay\) { color: var(--color--icon-primary-overlay,inherit); }
.C\(\$c-ds-icon-secondary\), .C\(\$c-ds-icon-secondary\)\:h:hover { color: var(--color--icon-secondary,inherit); }
.C\(\$c-ds-icon-secondary-inverse\), .C\(\$c-ds-icon-secondary-inverse\)\:h:hover { color: var(--color--icon-secondary-inverse,inherit); }
.C\(\$c-ds-icon-primary-inverse\)\:h:hover { color: var(--color--icon-primary-inverse,inherit); }
.C\(\$c-ds-divider-primary\) { color: var(--color--divider-primary,inherit); }
.C\(\#000\) { color: rgb(0, 0, 0); }
.C\(\#fff\), .C\(\#fff\)\:a:active, .C\(\#fff\)\:f:focus, .C\(\#fff\)\:h:hover { color: rgb(255, 255, 255); }
.C\(\$c-boost-purple\) { color: var(--color--purple-70,inherit); }
.C\(\$c-dark-gold\) { color: var(--color--gold-60,inherit); }
.C\(\$c-dark-gray\) { color: var(--color--gray-70,inherit); }
.C\(\$c-superboost-pink\) { color: var(--color--fuchsia-50,inherit); }
.C\(\$c-ds-text-primary-overlay-inverse\) { color: var(--color--text-primary-overlay-inverse,inherit); }
.C\(\$c-battleship-gray\), .C\(\$c-ds-gray-60\) { color: var(--color--gray-60,inherit); }
.C\(\$c-ds-foreground-primary\) { color: var(--color--foreground-primary,inherit); }
.C\(\$c-ds-foreground-secondary\) { color: var(--color--foreground-secondary,inherit); }
.C\(\$c-ds-icon-primary\) { color: var(--color--icon-primary,inherit); }
.C\(\$c-ds-text-link\), .C\(\$c-ds-text-link\)\:h:hover { color: var(--color--text-link,inherit); }
.C\(\$c-ds-text-inactive\) { color: var(--color--text-inactive,inherit); }
.C\(\$c-ds-accent-primary-a11y\), .C\(\$c-ds-accent-primary-a11y\)\:a:active, .C\(\$c-ds-accent-primary-a11y\)\:f:focus, .C\(\$c-ds-accent-primary-a11y\)\:h:hover { color: var(--color--accent-primary-a11y,inherit); }
.C\(\$c-ds-foreground-button-disabled\) { color: var(--color--foreground-button-disabled,inherit); }
.C\(\$c-light-gray\) { color: var(--color--gray-10,inherit); }
.C\(\$c-ds-accent-link\)\:a:active, .C\(\$c-ds-accent-link\)\:f:focus, .C\(\$c-ds-accent-link\)\:h:hover { color: var(--color--accent-link,inherit); }
.C\(\$c-ds-gray-50\), .C\(\$c-gray\)\:h:hover { color: var(--color--gray-50,inherit); }
.C\(\$c-bright_blue\) { color: var(--color--teal-20,inherit); }
.C\(\$c-ds-text-gold\), .C\(\$c-ds-text-gold\)\:h:hover { color: var(--color--text-gold,inherit); }
.C\(\$c-ds-text-primary-overlay\) { color: var(--color--text-primary-overlay,inherit); }
.C\(\$c-ds-pink-50\)\:h:hover { color: var(--color--pink-50,inherit); }
.C\(\$c-ds-foreground-border-secondary\) { color: var(--color--foreground-border-secondary,inherit); }
.C\(\$c-ds-foreground-primary-static-light\), .C\(\$c-ds-foreground-primary-static-light\)\:h:hover { color: var(--color--foreground-primary-static-light,inherit); }
.C\(\$c-ds-icon-icon-button-secondary\) { color: var(--color--icon-icon-button-secondary,inherit); }
.C\(\$c-gold\)\:h:hover { color: var(--color--gold-30,inherit); }
.C\(\$c-ds-gray-90\) { color: var(--color--gray-90,inherit); }
.C\(\$c-ds-white\) { color: var(--color--white,inherit); }
.C\(\$c-ds-invertible-white\) { color: var(--color--invertible-white,inherit); }
.Cnt\(\$content\)\:\:b::before { content: attr(data-content); }
.Cnt\(\$blank\)\:\:a::after, .Cnt\(\$blank\)\:\:b::before, .StyledButton::before { content: " "; }
.Cur\(p\), .StyledButton { cursor: pointer; }
.Cur\(g\) { cursor: grab; }
.Cur\(d\) { cursor: default; }
.CenterAlign, .CenterAlign\:\:b::before, .D\(f\) { display: flex; }
.D\(b\), .D\(b\)\:\:a::after, .D\(b\)\:\:b::before { display: block; }
.D\(ib\), .Ell::after { display: inline-block; }
.D\(n\) { display: none; }
.D\(if\) { display: inline-flex; }
.Fx\(\$flx1\) { -webkit-box-flex: 1; flex: 1 1 0%; }
.Fxg\(1\) { -webkit-box-flex: 1; flex-grow: 1; }
.Fxb\(1\/3\) { flex-basis: 33.3333%; }
.Fld\(c\), .Fxd\(c\) { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.Fld\(r\), .Fxd\(r\) { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }
.CenterAlign, .CenterAlign\:\:b::before, .Jc\(c\) { -webkit-box-pack: center; justify-content: center; }
.Jc\(sb\) { -webkit-box-pack: justify; justify-content: space-between; }
.Jc\(s\) { justify-content: start; }
.Jc\(fs\), .Jc\(s\) { -webkit-box-pack: start; }
.Jc\(fs\) { justify-content: flex-start; }
.Jc\(e\) { -webkit-box-pack: end; justify-content: end; }
.Jc\(sa\) { justify-content: space-around; }
.Fxw\(w\) { flex-wrap: wrap; }
.Fw\(\$semibold\) { font-weight: 600; }
.Fw\(\$bold\) { font-weight: 800; }
.Fw\(\$regular\) { font-weight: 400; }
.Fz\(\$2xl\) { font-size: 4.4rem; }
.Fz\(\$2xs\) { font-size: 1.2rem; }
.Fz\(\$3xl\) { font-size: 6rem; }
.Fz\(\$3xs\) { font-size: 1rem; }
.Fz\(\$4xs\) { font-size: 0.8rem; }
.Fz\(\$l\) { font-size: 2.6rem; }
.Fz\(\$m\) { font-size: 2rem; }
.Fz\(\$ml\) { font-size: 2.4rem; }
.Fz\(\$ms\) { font-size: 1.8rem; }
.Fz\(\$s\) { font-size: 1.6rem; }
.Fz\(\$xl\) { font-size: 3.2rem; }
.Fz\(\$xs\) { font-size: 1.4rem; }
.Fz\(34px\) { font-size: 34px; }
.Gp\(10px\) { gap: 10px; }
.Expand, .H\(100\%\) { height: 100%; }
.H\(32px\)\:\:a::after, .H\(32px\)\:\:b::before, .Sq\(32px\) { height: 32px; }
.H\(40\%\) { height: 40%; }
.H\(60\%\) { height: 60%; }
.H\(80\%\) { height: 80%; }
.H\(100px\) { height: 100px; }
.H\(80px\), .Sq\(80px\) { height: 80px; }
.H\(160px\) { height: 160px; }
.H\(52px\) { height: 52px; }
.H\(1px\) { height: 1px; }
.H\(a\) { height: auto; }
.H\(2px\) { height: 2px; }
.H\(3px\) { height: 3px; }
.H\(4px\) { height: 4px; }
.H\(50px\) { height: 50px; }
.Iso\(i\) { isolation: isolate; }
.Lts\(\$ls-s\) { letter-spacing: 0.02em; }
.List\(n\) { list-style-type: none; }
.Lh\(1\) { line-height: 1; }
.Lh\(1\.3\) { line-height: 1.3; }
.M\(0\) { margin: 0px; }
.M\(20px\) { margin: 20px; }
.M\(2px\) { margin: 2px; }
.M\(10px\) { margin: 10px; }
.M\(12px\) { margin: 12px; }
.M\(a\) { margin: auto; }
.M\(1px\) { margin: 1px; }
.Mx\(0\)\! { margin-left: 0px !important; margin-right: 0px !important; }
.Mx\(8px\) { margin-left: 8px; }
.Mend\(8px\), .Mx\(8px\) { margin-right: 8px; }
.Mx\(a\) { margin-left: auto; }
.Mend\(a\), .Mx\(a\) { margin-right: auto; }
.Mx\(20px\) { margin-left: 20px; margin-right: 20px; }
.Mx\(-8px\) { margin-left: -8px; margin-right: -8px; }
.Mx\(-10\%\) { margin-left: -10%; margin-right: -10%; }
.Mx\(10px\) { margin-left: 10px; }
.Mend\(10px\), .Mx\(10px\) { margin-right: 10px; }
.Mx\(16px\) { margin-left: 16px; }
.Mend\(16px\), .Mx\(16px\) { margin-right: 16px; }
.Mstart\(12px\), .Mx\(12px\) { margin-left: 12px; }
.Mend\(12px\), .Mend\(12px\)\:\:b::before, .Mx\(12px\) { margin-right: 12px; }
.Mx\(2px\) { margin-left: 2px; margin-right: 2px; }
.Mx\(-3px\) { margin-left: -3px; margin-right: -3px; }
.Mt\(0\), .My\(0\) { margin-top: 0px; }
.Mb\(0\), .My\(0\) { margin-bottom: 0px; }
.My\(10px\) { margin-top: 10px; }
.Mb\(10px\), .My\(10px\) { margin-bottom: 10px; }
.Mt\(20px\), .My\(20px\) { margin-top: 20px; }
.Mb\(20px\), .My\(20px\) { margin-bottom: 20px; }
.Mt\(12px\), .My\(12px\) { margin-top: 12px; }
.Mb\(12px\), .My\(12px\) { margin-bottom: 12px; }
.Mt\(4px\), .My\(4px\) { margin-top: 4px; }
.Mb\(4px\), .My\(4px\) { margin-bottom: 4px; }
.Mt\(16px\), .My\(16px\) { margin-top: 16px; }
.Mb\(16px\), .My\(16px\) { margin-bottom: 16px; }
.Mt\(8px\), .My\(8px\) { margin-top: 8px; }
.Mb\(8px\), .My\(8px\) { margin-bottom: 8px; }
.Mt\(2px\), .My\(2px\) { margin-top: 2px; }
.My\(2px\) { margin-bottom: 2px; }
.Mt\(30px\) { margin-top: 30px; }
.Mt\(40px\) { margin-top: 40px; }
.Mt\(-20px\) { margin-top: -20px; }
.Mt\(24px\) { margin-top: 24px; }
.Mt\(-1px\) { margin-top: -1px; }
.Mt\(-2px\) { margin-top: -2px; }
.Mt\(-3px\) { margin-top: -3px; }
.Mt\(-4px\) { margin-top: -4px; }
.Mt\(32px\) { margin-top: 32px; }
.Mend\(4px\) { margin-right: 4px; }
.Mend\(-20\%\) { margin-right: -20%; }
.Mend\(6px\)\:lc:last-child { margin-right: 6px; }
.Mb\(24px\) { margin-bottom: 24px; }
.Mb\(40px\) { margin-bottom: 40px; }
.Mb\(6px\) { margin-bottom: 6px; }
.Mb\(-4px\) { margin-bottom: -4px; }
.Mb\(-6px\) { margin-bottom: -6px; }
.Mstart\(-20\%\) { margin-left: -20%; }
.Mstart\(6px\)\:fc:first-child { margin-left: 6px; }
.Mah\(100\%\) { max-height: 100%; }
.Mah\(40px\) { max-height: 40px; }
.Mah\(a\)--md { }
.Maw\(440px\) { max-width: 440px; }
.Ell, .Maw\(100\%\) { max-width: 100%; }
.Mih\(80px\) { min-height: 80px; }
.Mih\(319px\) { min-height: 319px; }
.Mih\(320px\) { min-height: 320px; }
.Mih\(24px\) { min-height: 24px; }
.Mih\(40px\) { min-height: 40px; }
.Mih\(60px\) { min-height: 60px; }
.Mih\(210px\) { min-height: 210px; }
.Mih\(54px\) { min-height: 54px; }
.Miw\(80px\) { min-width: 80px; }
.Miw\(200px\) { min-width: 200px; }
.Objf\(ct\) { object-fit: contain; }
.Objf\(cv\) { object-fit: cover; }
.Oc\(\$c-ds-border-tappy-indicator-active\), .Oc\(\$c-ds-border-tappy-indicator-active\)\:fv.focus-visible { outline-color: var(--color--border-tappy-indicator-active,inherit); }
.Oc\(\$c-ds-border-tappy-indicator-active\), .Oc\(\$c-ds-border-tappy-indicator-active\)\:fv:focus-visible { outline-color: var(--color--border-tappy-indicator-active,inherit); }
.Oc\(\$c-ds-brand-primary-a11y\) { outline-color: var(--color--brand-primary-a11y,inherit); }
.Oc\(\$c-ds-border-focus-default\)\:f:focus { outline-color: var(--color--border-focus-default,inherit); }
.choice:focus ~ .choice\:f\~Oo\(0px\) { outline-offset: 0px; }
.Oo\(2px\) { outline-offset: 2px; }
.choice:focus ~ .choice\:f\~Os\(s\), .Os\(s\), .Os\(s\)\:f:focus, .Os\(s\)\:fv.focus-visible { outline-style: solid; }
.choice:focus ~ .choice\:f\~Os\(s\), .Os\(s\), .Os\(s\)\:f:focus, .Os\(s\)\:fv:focus-visible { outline-style: solid; }
.choice:focus ~ .choice\:f\~Ow\(2px\) { outline-width: 2px; }
.Ow\(1px\), .Ow\(1px\)\:fv.focus-visible { outline-width: 1px; }
.Ow\(1px\), .Ow\(1px\)\:fv:focus-visible { outline-width: 1px; }
.Ow\(4px\) { outline-width: 4px; }
.T\(-1px\)\:\:b::before { top: -1px; }
.T\(0\) { top: 0px; }
.T\(50\%\) { top: 50%; }
.End\(8px\) { right: 8px; }
.End\(0\) { right: 0px; }
.B\(-1px\)\:\:a::after { bottom: -1px; }
.B\(0\) { bottom: 0px; }
.Start\(0\) { left: 0px; }
.Start\(50\%\) { left: 50%; }
.Start\(16px\) { left: 16px; }
.Op\(0\) { opacity: 0; }
.Op\(\.6\) { opacity: 0.6; }
.Op\(1\) { opacity: 1; }
.Op\(\.8\) { opacity: 0.8; }
.Ell, .Ell::after, .Hidden, .Ov\(h\) { overflow: hidden; }
.Ov\(v\) { overflow: visible; }
.Ovx\(h\) { overflow-x: hidden; }
.Ovy\(a\) { overflow-y: auto; }
.Ovy\(s\) { overflow-y: scroll; }
.Ovy\(h\), .Ovy\(h\)--md { overflow-y: hidden; }
.Ovs\(touch\) { }
.P\(0\) { padding: 0px; }
.P\(20px\) { padding: 20px; }
.P\(4px\) { padding: 4px; }
.P\(12px\) { padding: 12px; }
.P\(24px\) { padding: 24px; }
.P\(8px\) { padding: 8px; }
.P\(16px\) { padding: 16px; }
.Px\(24px\) { padding-left: 24px; padding-right: 24px; }
.Px\(0px\) { padding-left: 0px; padding-right: 0px; }
.Px\(16px\) { padding-left: 16px; padding-right: 16px; }
.Px\(0\) { padding-left: 0px; padding-right: 0px; }
.Px\(8px\) { padding-left: 8px; padding-right: 8px; }
.Px\(20px\) { padding-left: 20px; padding-right: 20px; }
.Px\(12px\) { padding-left: 12px; padding-right: 12px; }
.Px\(6px\) { padding-left: 6px; padding-right: 6px; }
.Px\(32px\) { padding-left: 32px; padding-right: 32px; }
.Px\(44px\) { padding-left: 44px; padding-right: 44px; }
.Px\(48px\) { padding-left: 48px; padding-right: 48px; }
.Px\(4px\) { padding-left: 4px; padding-right: 4px; }
.Px\(2px\) { padding-left: 2px; padding-right: 2px; }
.Px\(10px\) { padding-left: 10px; padding-right: 10px; }
.Px\(50px\) { padding-left: 50px; padding-right: 50px; }
.Pt\(20px\), .Py\(20px\) { padding-top: 20px; }
.Pb\(20px\), .Py\(20px\) { padding-bottom: 20px; }
.Py\(60px\) { padding-bottom: 60px; padding-top: 60px; }
.Pt\(12px\), .Py\(12px\) { padding-top: 12px; }
.Pb\(12px\), .Py\(12px\) { padding-bottom: 12px; }
.Pt\(8px\), .Py\(8px\) { padding-top: 8px; }
.Pb\(8px\), .Py\(8px\) { padding-bottom: 8px; }
.Pt\(4px\), .Py\(4px\) { padding-top: 4px; }
.Pb\(4px\), .Py\(4px\) { padding-bottom: 4px; }
.Pt\(36px\), .Py\(36px\) { padding-top: 36px; }
.Py\(36px\) { padding-bottom: 36px; }
.Pt\(0\), .Py\(0\) { padding-top: 0px; }
.Pb\(0\), .Py\(0\) { padding-bottom: 0px; }
.Py\(28px\)--sml { padding-bottom: 28px; padding-top: 28px; }
.Pt\(24px\), .Py\(24px\) { padding-top: 24px; }
.Pb\(24px\), .Py\(24px\) { padding-bottom: 24px; }
.Pt\(16px\) { padding-top: 16px; }
.Pt\(52px\) { padding-top: 52px; }
.Pt\(6px\) { padding-top: 6px; }
.Pt\(2px\) { padding-top: 2px; }
.Pb\(16px\) { padding-bottom: 16px; }
.Pb\(10px\) { padding-bottom: 10px; }
.Pe\(n\), .Pe\(n\)\:\:a::after, .Pe\(n\)\:\:b::before { pointer-events: none; }
.Pos\(f\) { position: fixed; }
.Pos\(r\), .StyledButton { position: relative; }
.Pos\(a\), .Pos\(a\)\:\:a::after, .Pos\(a\)\:\:b::before, .StretchedBox, .StyledButton::before { position: absolute; }
.Pos\(st\) { position: sticky; }
.Ta\(c\) { text-align: center; }
.Ta\(inh\) { text-align: inherit; }
.Ta\(start\) { text-align: left; }
[dir="ltr"] .Ta\(s\) { text-align: left; }
.Ta\(s\):dir(ltr) { text-align: left; }
[dir="rtl"] .Ta\(s\) { text-align: right; }
.Ta\(s\):dir(rtl) { text-align: right; }
.Ta\(s\) { text-align: start; }
[dir="ltr"] .Ta\(e\) { text-align: right; }
.Ta\(e\):dir(ltr) { text-align: right; }
[dir="rtl"] .Ta\(e\) { text-align: left; }
.Ta\(e\):dir(rtl) { text-align: left; }
.Ta\(e\) { text-align: end; }
.Ta\(end\) { text-align: right; }
.Td\(lt\) { text-decoration: line-through; }
.Td\(u\) { text-decoration: underline; }
.Td\(n\)\:h:hover { text-decoration: none; }
.Tt\(u\)\! { text-transform: uppercase !important; }
.Tt\(u\) { text-transform: uppercase; }
.Trfo\(c\) { transform-origin: center center; }
.Scale\(\.9\) { transform: scale(0.9); }
.Scale\(1\) { transform: scale(1); }
.Scale\(-1\) { transform: scale(-1); }
.ScaleX\(-1\) { transform: scaleX(-1); }
.Translate\(-50\%\,-50\%\) { transform: translate(-50%, -50%); }
.TranslateY\(-50\%\) { transform: translateY(-50%); }
.TranslateY\(0\) { transform: translateY(0px); }
.TranslateY\(100\%\) { transform: translateY(100%); }
.TranslateY\(-40\%\) { transform: translateY(-40%); }
.TranslateY\(-1px\) { transform: translateY(-1px); }
.StyledButton::before, .Trsdu\(\$fast\), .Trsdu\(\$fast\)\:\:a::after { transition-duration: 0.2s; }
.Trsdu\(\$normal\) { transition-duration: 0.25s; }
.Trsp\(\$transform\) { transition-property: transform, -webkit-transform; }
.Trsp\(\$background\) { transition-property: background; }
.Trsp\(a\) { transition-property: all; }
.Trsp\(\$color\) { transition-property: color; }
.Trstf\(ei\) { transition-timing-function: ease-in; }
.Trstf\(eo\) { transition-timing-function: ease-out; }
.Trstf\(e\) { transition-timing-function: ease; }
.Us\(n\) { user-select: none; }
.Va\(m\) { vertical-align: middle; }
.Ell::after, .V\(h\) { visibility: hidden; }
.Whs\(p\) { white-space: pre; }
.Ell, .Whs\(nw\) { white-space: nowrap; }
.Expand, .W\(100\%\), .W\(100\%\)\:\:a::after, .W\(100\%\)\:\:b::before { width: 100%; }
.W\(98\%\) { width: 98%; }
.W\(120px\) { width: 120px; }
.W\(160px\) { width: 160px; }
.W\(100\%\)\! { width: 100% !important; }
.W\(50\%\) { width: 50%; }
.W\(60\%\) { width: 60%; }
.W\(90\%\) { width: 90%; }
.W\(440px\) { width: 440px; }
.W\(40\%\) { width: 40%; }
.W\(1px\) { width: 1px; }
.W\(fc\) { width: fit-content; }
.W\(44px\) { width: 44px; }
.Sq\(40px\), .W\(40px\) { width: 40px; }
.W\(a\) { width: auto; }
.Wc\(\$transform\) { will-change: transform; }
.Z\(1\), .Z\(1\)\:\:b::before { z-index: 1; }
.Z\(2\) { z-index: 2; }
.Z\(3\) { z-index: 3; }
.Z\(0\) { z-index: 0; }
.Z\(-1\) { z-index: -1; }
.Fill\(\$c-ds-icon-primary\) { fill: var(--color--icon-primary,inherit); }
.Ell::after { content: "."; font-size: 0px; height: 0px; width: 0px; }
.Ell { hyphens: none; text-overflow: ellipsis; }
.Hidden { clip: rect(1px, 1px, 1px, 1px); border: 0px !important; height: 1px !important; padding: 0px !important; position: absolute !important; width: 1px !important; }
.StretchedBox, .StyledButton::before { inset: 0px; }
.Cntv\(h\) { content-visibility: hidden; }
.TextGradient\(\$g-ds-icon-platinum\) { background: var(--gradient--icon-platinum,none); }
.TextGradient\(\$g-ds-icon-platinum\), .TextGradient\(\$t-gold-gradient\) { color: transparent; background-clip: text !important; }
.StyledButton::before { opacity: 0; z-index: -1; }
.StyledButton:hover::before { opacity: 1; }
.Sq\(16px\), .Sq\(16px\)\:\:b::before { height: 16px; width: 16px; }
.Sq\(24px\) { height: 24px; width: 24px; }
.Sq\(20px\) { height: 20px; width: 20px; }
.Sq\(40px\) { height: 40px; }
.Sq\(36px\) { height: 36px; width: 36px; }
.Sq\(60px\) { height: 60px; width: 60px; }
.Sq\(32px\) { width: 32px; }
.Sq\(80px\) { width: 80px; }
.Sq\(8px\)\:\:a::after { height: 8px; width: 8px; }
.Sq\(64px\) { height: 64px; width: 64px; }
.Ovsby\(n\) { overscroll-behavior-y: none; }
.Typs\(body-1-strong\) { font-size: var(--font-size--body-1-strong,1rem); font-weight: var(--font-weight--body-1-strong,400); letter-spacing: var(--letter-spacing--body-1-strong,0); line-height: var(--line-height--body-1-strong,1); text-transform: var(--letter-casing--body-1-strong,none); }
.Typs\(button-1\) { font-size: var(--font-size--button-1,1rem); font-weight: var(--font-weight--button-1,400); letter-spacing: var(--letter-spacing--button-1,0); line-height: var(--line-height--button-1,1); text-transform: var(--letter-casing--button-1,none); }
.Typs\(caption-1-strong\), .Typs\(caption-1-strong\)\:\:b::before { font-size: var(--font-size--caption-1-strong,1rem); font-weight: var(--font-weight--caption-1-strong,400); letter-spacing: var(--letter-spacing--caption-1-strong,0); line-height: var(--line-height--caption-1-strong,1); text-transform: var(--letter-casing--caption-1-strong,none); }
.Typs\(display-3-strong\) { font-size: var(--font-size--display-3-strong,1rem); font-weight: var(--font-weight--display-3-strong,400); letter-spacing: var(--letter-spacing--display-3-strong,0); line-height: var(--line-height--display-3-strong,1); text-transform: var(--letter-casing--display-3-strong,none); }
.Typs\(subheading-1\) { font-size: var(--font-size--subheading-1,1rem); font-weight: var(--font-weight--subheading-1,400); letter-spacing: var(--letter-spacing--subheading-1,0); line-height: var(--line-height--subheading-1,1); text-transform: var(--letter-casing--subheading-1,none); }
.Typs\(body-1-regular\) { font-size: var(--font-size--body-1-regular,1rem); font-weight: var(--font-weight--body-1-regular,400); letter-spacing: var(--letter-spacing--body-1-regular,0); line-height: var(--line-height--body-1-regular,1); text-transform: var(--letter-casing--body-1-regular,none); }
.Typs\(button-2\) { font-size: var(--font-size--button-2,1rem); font-weight: var(--font-weight--button-2,400); letter-spacing: var(--letter-spacing--button-2,0); line-height: var(--line-height--button-2,1); text-transform: var(--letter-casing--button-2,none); }
.Typs\(heading-1\) { font-size: var(--font-size--heading-1,1rem); font-weight: var(--font-weight--heading-1,400); letter-spacing: var(--letter-spacing--heading-1,0); line-height: var(--line-height--heading-1,1); text-transform: var(--letter-casing--heading-1,none); }
.Typs\(caption-1-regular\) { font-size: var(--font-size--caption-1-regular,1rem); font-weight: var(--font-weight--caption-1-regular,400); letter-spacing: var(--letter-spacing--caption-1-regular,0); line-height: var(--line-height--caption-1-regular,1); text-transform: var(--letter-casing--caption-1-regular,none); }
.Typs\(subheading-2\) { font-size: var(--font-size--subheading-2,1rem); font-weight: var(--font-weight--subheading-2,400); letter-spacing: var(--letter-spacing--subheading-2,0); line-height: var(--line-height--subheading-2,1); text-transform: var(--letter-casing--subheading-2,none); }
.Typs\(display-2-regular\) { font-size: var(--font-size--display-2-regular,1rem); font-weight: var(--font-weight--display-2-regular,400); letter-spacing: var(--letter-spacing--display-2-regular,0); line-height: var(--line-height--display-2-regular,1); text-transform: var(--letter-casing--display-2-regular,none); }
.Typs\(display-2-strong\) { font-size: var(--font-size--display-2-strong,1rem); font-weight: var(--font-weight--display-2-strong,400); letter-spacing: var(--letter-spacing--display-2-strong,0); line-height: var(--line-height--display-2-strong,1); text-transform: var(--letter-casing--display-2-strong,none); }
.Typs\(body-2-regular\) { font-size: var(--font-size--body-2-regular,1rem); font-weight: var(--font-weight--body-2-regular,400); letter-spacing: var(--letter-spacing--body-2-regular,0); line-height: var(--line-height--body-2-regular,1); text-transform: var(--letter-casing--body-2-regular,none); }
.Typs\(body-2-strong\) { font-size: var(--font-size--body-2-strong,1rem); font-weight: var(--font-weight--body-2-strong,400); letter-spacing: var(--letter-spacing--body-2-strong,0); line-height: var(--line-height--body-2-strong,1); text-transform: var(--letter-casing--body-2-strong,none); }
.Typs\(caption-1-link\) { font-size: var(--font-size--caption-1-link,1rem); font-weight: var(--font-weight--caption-1-link,400); letter-spacing: var(--letter-spacing--caption-1-link,0); line-height: var(--line-height--caption-1-link,1); text-transform: var(--letter-casing--caption-1-link,none); }
.Typs\(display-3-regular\) { font-size: var(--font-size--display-3-regular,1rem); font-weight: var(--font-weight--display-3-regular,400); letter-spacing: var(--letter-spacing--display-3-regular,0); line-height: var(--line-height--display-3-regular,1); text-transform: var(--letter-casing--display-3-regular,none); }
.Typs\(body-3-regular\) { font-size: var(--font-size--body-3-regular,1rem); font-weight: var(--font-weight--body-3-regular,400); letter-spacing: var(--letter-spacing--body-3-regular,0); line-height: var(--line-height--body-3-regular,1); text-transform: var(--letter-casing--body-3-regular,none); }
.Typs\(display-1-regular\) { font-size: var(--font-size--display-1-regular,1rem); font-weight: var(--font-weight--display-1-regular,400); letter-spacing: var(--letter-spacing--display-1-regular,0); line-height: var(--line-height--display-1-regular,1); text-transform: var(--letter-casing--display-1-regular,none); }
.Typs\(display-1-strong\) { font-size: var(--font-size--display-1-strong,1rem); font-weight: var(--font-weight--display-1-strong,400); letter-spacing: var(--letter-spacing--display-1-strong,0); line-height: var(--line-height--display-1-strong,1); text-transform: var(--letter-casing--display-1-strong,none); }
@media only screen and (max-width: 320px) {
  .D\(n\)--2xs { display: none; }
  .M\(0\)--2xs { margin: 0px; }
  .Mb\(8px\)--2xs { margin-bottom: 8px; }
  .Mb\(20px\)--2xs { margin-bottom: 20px; }
  .P\(0\)--2xs { padding: 0px; }
  .Px\(32px\)--2xs { padding-left: 32px; padding-right: 32px; }
  .Pb\(0\)--2xs { padding-bottom: 0px; }
}
@media only screen and (max-width: 375px) {
  .D\(n\)--xs { display: none; }
  .Fz\(\$4xs\)--xs { font-size: 0.8rem; }
  .Fz\(\$2xs\)--xs { font-size: 1.2rem; }
  .Mih\(175px\)--xs { min-height: 175px; }
  .P\(12px\)--xs { padding: 12px; }
  .P\(8px\)--xs { padding: 8px; }
  .Px\(4px\)--xs { padding-left: 4px; padding-right: 4px; }
  .Py\(2px\)--xs { padding-bottom: 2px; padding-top: 2px; }
  .Py\(24px\)--xs { padding-bottom: 24px; padding-top: 24px; }
}
@media only screen and (max-width: 895px) {
  .D\(n\)--s { display: none; }
  .Fz\(\$2xs\)--s { font-size: 1.2rem; }
  .Fz\(\$ms\)--s { font-size: 1.8rem; }
  .Fz\(\$s\)--s { font-size: 1.6rem; }
  .M\(0\)--s { margin: 0px; }
  .Mb\(12px\)--s { margin-bottom: 12px; }
  .Mb\(16px\)--s { margin-bottom: 16px; }
  .Mb\(6px\)--s { margin-bottom: 6px; }
  .Maw\(400px\)--s { max-width: 400px; }
  .Mih\(155px\)--s { min-height: 155px; }
  .Mih\(42px\)--s { min-height: 42px; }
  .T\(0\)--s { top: 0px; }
  .T\(-32px\)--s { top: -32px; }
  .Ovs\(touch\)--s { }
  .P\(12px\)--s { padding: 12px; }
  .Px\(12px\)--s { padding-left: 12px; }
  .Pend\(12px\)--s, .Px\(12px\)--s { padding-right: 12px; }
  .Px\(20px\)--s { padding-left: 20px; padding-right: 20px; }
  .Px\(16px\)--s { padding-left: 16px; padding-right: 16px; }
  .Px\(40px\)--s { padding-left: 40px; padding-right: 40px; }
  .Pt\(12px\)--s, .Py\(12px\)--s { padding-top: 12px; }
  .Pb\(12px\)--s, .Py\(12px\)--s { padding-bottom: 12px; }
  .Pt\(20px\)--s { padding-top: 20px; }
  .Pt\(16px\)--s { padding-top: 16px; }
  .Pb\(10px\)--s { padding-bottom: 10px; }
  .Pb\(32px\)--s { padding-bottom: 32px; }
  .Pb\(16px\)--s { padding-bottom: 16px; }
  .Pos\(a\)--s { position: absolute; }
  .Pos\(f\)--s { position: fixed; }
  .Z\(3\)--s { z-index: 3; }
  .Ovsby\(n\)--s { overscroll-behavior-y: none; }
}
@media only screen and (min-width: 896px) {
  .Jc\(c\)--ml { -webkit-box-pack: center; justify-content: center; }
  .Fz\(\$m\)--ml { font-size: 2rem; }
  .Fz\(\$ms\)--ml { font-size: 1.8rem; }
  .H\(--recs-card-height\)--ml { height: var(--recs-card-height); }
  .Mt\(20px\)--ml { margin-top: 20px; }
  .Mb\(24px\)--ml { margin-bottom: 24px; }
  .Mb\(20px\)--ml { margin-bottom: 20px; }
  .Mah\(--recs-card-height\)--ml { max-height: var(--recs-card-height); }
  .Maw\(--recs-card-width\)--ml { max-width: var(--recs-card-width); }
  .Mih\(175px\)--ml { min-height: 175px; }
  .Mih\(50px\)--ml { min-height: 50px; }
  .T\(-36px\)--ml { top: -36px; }
  .Pt\(24px\)--ml { padding-top: 24px; }
  .Pt\(16px\)--ml { padding-top: 16px; }
  .Pb\(24px\)--ml { padding-bottom: 24px; }
  .Pos\(a\)--ml { position: absolute; }
  .Pos\(st\)--ml { position: sticky; }
  .Rotate\(-90deg\)\:h--ml:hover { transform: rotate(-90deg); }
  .Sq\(28px\)--ml { height: 28px; width: 28px; }
}
@media only screen and (max-width: 767px) {
  .Mah\(100vh\)--sm { max-height: 100vh; }
  .Ovy\(s\)--sm { overflow-y: scroll; }
}
:root { --font-style--serif-base-2-xl: normal; --font-style--serif-base-xl: normal; --font-style--serif-base-lg: normal; --font-style--serif-base-md: normal; --font-style--serif-base-sm: normal; --font-style--serif-italic-2-xl: italic; --font-style--serif-italic-xl: italic; --font-style--serif-italic-lg: italic; --font-style--serif-italic-md: italic; --font-style--serif-italic-sm: italic; --font-style--sans-display-1-regular: normal; --font-style--sans-display-1-strong: normal; --font-style--sans-display-2-regular: normal; --font-style--sans-display-2-strong: normal; --font-style--sans-display-3-base: normal; --font-style--sans-display-3-strong: normal; --font-style--sans-heading-1: normal; --font-style--sans-subheading-1: normal; --font-style--sans-subheading-2: normal; --font-style--sans-body-1-regular: normal; --font-style--sans-body-1-strong: normal; --font-style--sans-body-1-link: normal; --font-style--sans-body-2-regular: normal; --font-style--sans-body-2-strong: normal; --font-style--sans-body-2-link: normal; --font-style--sans-body-sm-regular: normal; --font-style--sans-body-sm-strong: normal; --font-style--sans-body-sm-link: normal; --font-style--sans-caption-md-regular: normal; --font-style--sans-caption-md-strong: normal; --font-style--sans-caption-md-link: normal; --font-style--sans-caption-sm-regular: normal; --font-style--sans-caption-sm-strong: normal; --font-style--sans-button-lg: normal; --font-style--sans-button-md: normal; --font-style--sans-button-sm: normal; --font-style--display-1-regular: normal; --font-style--display-1-strong: normal; --font-style--display-2-regular: normal; --font-style--display-2-strong: normal; --font-style--display-3-regular: normal; --font-style--display-3-strong: normal; --font-style--display-2-sparks-regular: normal; --font-style--display-2-sparks-strong: normal; --font-style--heading-1: normal; --font-style--subheading-1: normal; --font-style--subheading-2: normal; --font-style--body-1-regular: normal; --font-style--body-1-strong: normal; --font-style--body-1-link: normal; --font-style--body-2-regular: normal; --font-style--body-2-strong: normal; --font-style--body-2-link: normal; --font-style--body-3-regular: normal; --font-style--body-3-strong: normal; --font-style--body-3-link: normal; --font-style--body-1-sparks-semibold: normal; --font-style--body-2-sparks-semibold: normal; --font-style--caption-1-regular: normal; --font-style--caption-1-strong: normal; --font-style--caption-1-link: normal; --font-style--caption-2-regular: normal; --font-style--caption-2-strong: normal; --font-style--button-1: normal; --font-style--button-2: normal; --color--transparent: transparent; --color--white: #fff; --color--black: #000; --color--pink-10: #ffecf0; --color--pink-15: #ffd9e1; --color--pink-20: #ffc5d2; --color--pink-30: #ff9cb2; --color--pink-40: #ff6c8f; --color--pink-50: #ff2358; --color--pink-60: #eb0052; --color--pink-70: #bd0047; --color--pink-80: #85003a; --color--pink-90: #54002b; --color--pink-95: #2d000e; --color--pink-05: #fff7f9; --color--gray-10: #f0f1f4; --color--gray-15: #e7e9ee; --color--gray-20: #d1d4dd; --color--gray-30: #b4b9c6; --color--gray-40: #979eaf; --color--gray-50: #7d8496; --color--gray-60: #656a78; --color--gray-70: #4f525c; --color--gray-80: #393b42; --color--gray-90: #24262a; --color--gray-95: #101113; --color--gray-05: #f9f9fb; --color--gray-neutral-60: #636363; --color--gray-neutral-70: #4f4f4f; --color--green-10: #d7fcb4; --color--green-15: #90fb73; --color--green-20: #4af277; --color--green-30: #38d27c; --color--green-40: #2bb372; --color--green-50: #209663; --color--green-60: #167952; --color--green-70: #0e5e40; --color--green-80: #07442e; --color--green-90: #032c1c; --color--green-95: #01150b; --color--green-05: #f1fee3; --color--teal-10: #affffe; --color--teal-15: #2bfbfd; --color--teal-20: #2bebef; --color--teal-30: #26ccd1; --color--teal-40: #21aeb3; --color--teal-50: #1b9296; --color--teal-60: #14767a; --color--teal-70: #0e5c5f; --color--teal-80: #074245; --color--teal-90: #032b2d; --color--teal-95: #011415; --color--teal-05: #e3fffd; --color--blue-10: #e2f3ff; --color--blue-15: #c4e7ff; --color--blue-20: #a8dbff; --color--blue-30: #6fc0ff; --color--blue-40: #37a2ff; --color--blue-50: #0083f8; --color--blue-60: #0063e3; --color--blue-70: #0046c7; --color--blue-80: #002ca2; --color--blue-90: #001874; --color--blue-95: #000841; --color--blue-05: #f3faff; --color--purple-10: #faecff; --color--purple-15: #f4d9ff; --color--purple-20: #eec7ff; --color--purple-30: #e1a0ff; --color--purple-40: #ce79ff; --color--purple-50: #b650ff; --color--purple-60: #9f00fe; --color--purple-70: #7a00cd; --color--purple-80: #58009b; --color--purple-90: #39006a; --color--purple-95: #1c003a; --color--purple-05: #fdf8ff; --color--fuchsia-10: #ffebfe; --color--fuchsia-15: #ffd6fd; --color--fuchsia-20: #ffc0fb; --color--fuchsia-30: #fe91f9; --color--fuchsia-40: #fd54f7; --color--fuchsia-50: #e714e1; --color--fuchsia-60: #bc10b7; --color--fuchsia-70: #940b8f; --color--fuchsia-80: #6d076a; --color--fuchsia-90: #480346; --color--fuchsia-95: #260124; --color--fuchsia-05: #fff7ff; --color--red-10: #ffeced; --color--red-15: #ffdada; --color--red-20: #ffc7c7; --color--red-30: #ff9ea0; --color--red-40: #ff8589; --color--red-50: #fe7074; --color--red-60: #d5092c; --color--red-70: #a70828; --color--red-80: #7b0520; --color--red-90: #520315; --color--red-95: #2b0107; --color--red-rebrand: #ec180e; --color--red-05: #fff8f8; --color--yellow-orange-10: #f4fa30; --color--yellow-orange-15: #f1e82a; --color--yellow-orange-20: #fad122; --color--yellow-orange-30: #fba714; --color--yellow-orange-40: #ee8109; --color--yellow-orange-50: #d76004; --color--yellow-orange-60: #b94401; --color--yellow-orange-70: #972d00; --color--yellow-orange-80: #731b00; --color--yellow-orange-90: #4e0d00; --color--yellow-orange-95: #290400; --color--yellow-orange-05: #f9ffb7; --color--gold-10: #fff2bf; --color--gold-15: #ffe8a5; --color--gold-20: #f7d472; --color--gold-30: #e6af16; --color--gold-40: #c1920f; --color--gold-50: #ae830c; --color--gold-60: #896707; --color--gold-70: #644a03; --color--gold-80: #513c02; --color--gold-90: #2c2000; --color--gold-95: #191300; --color--gold-rebrand: #edba00; --color--gold-05: #fff8db; --color--brand-primary: #ff2358; --color--brand-primary-a11y: #eb0052; --color--brand-gradient-start: #fd267a; --color--brand-gradient-end: #ff6036; --color--brand-rebrand-petal: #f5b1eb; --color--brand-rebrand-haze: #9db9e6; --color--third-party-spotify-primary: #1db954; --color--third-party-spotify-primary-inverse: #191414; --color--third-party-noonlight-primary: #166efb; --color--third-party-noonlight-secondary: #81b1fa; --color--third-party-facebook-primary: #1877f2; --color--third-party-line-primary: #06c755; --color--third-party-line-a11y: #01ac47; --color--vault-indigo-20: #dfd9ff; --color--vault-indigo-95: #110c2b; --color--vault-primary: #5f44ea; --color--vault-primary-light: #7d65fc; --color--match-expiration-primary: #c6003c; --color--match-expiration-secondary: #d30ab7; --color--match-expiration-primary-on-dark: #fe004d; --font-name--proxima-nova: "ProximaNova"; --font-name--sans: "Regola"; --font-name--serif: "Society"; --font-family--base: "Helvetica Neue",Arial,Helvetica,sans-serif; --font-size--0: 1.2rem; --font-size--5: 1.4rem; --font-size--10: 1.5rem; --font-size--20: 1.7rem; --font-size--30: 1.9rem; --font-size--40: 2rem; --font-size--45: 2.4rem; --font-size--50: 2.8rem; --font-size--60: 3.4rem; --font-size--70: 4.2rem; --font-size--75: 4.8rem; --font-size--00: 0.9rem; --font-size--base: 10px; --font-weight--light: 300; --font-weight--regular: 400; --font-weight--book: 350; --font-weight--medium: 500; --font-weight--semibold: 600; --font-weight--semibold-italic: 600; --font-weight--bold: 700; --font-weight--extrabold: 800; --font-weight--heavy: 800; --font-weight--bold-italic: 700; --line-height--0: 1.6rem; --line-height--10: 1.8rem; --line-height--20: 2rem; --line-height--30: 2.2rem; --line-height--40: 2.4rem; --line-height--50: 2.6rem; --line-height--55: 2.8rem; --line-height--60: 3.6rem; --line-height--70: 4.2rem; --line-height--75: 4.8rem; --line-height--80: 5.6rem; --line-height--solid: 10rem; --line-height--00: 1.3rem; --letter-spacing--0: 0; --letter-spacing--9: 0.09; --letter-spacing--14: 0.14; --letter-spacing--15: 0.15; --letter-spacing--25: 0.25; --letter-spacing--50: 0.5; --letter-spacing--75: 0.75; --letter-spacing--100: 1; --letter-spacing--neg-100: -1; --letter-spacing--neg-75: -0.75; --letter-spacing--neg-50: -0.5; --letter-spacing--neg-25: -0.25; --letter-spacing--neg-15: -0.15; --letter-casing--none: none; --sizing--0: 0.1rem; --sizing--5: 0.2rem; --sizing--10: 0.4rem; --sizing--15: 0.6rem; --sizing--20: 0.8rem; --sizing--25: 1rem; --sizing--30: 1.2rem; --sizing--35: 1.4rem; --sizing--40: 1.6rem; --sizing--45: 1.8rem; --sizing--50: 2rem; --sizing--55: 2.2rem; --sizing--60: 2.4rem; --sizing--65: 2.6rem; --sizing--70: 2.8rem; --sizing--75: 3rem; --sizing--80: 3.2rem; --sizing--85: 3.4rem; --sizing--90: 3.6rem; --sizing--95: 3.8rem; --sizing--100: 4rem; --sizing--105: 4.2rem; --sizing--110: 4.4rem; --sizing--115: 4.6rem; --sizing--120: 4.8rem; --sizing--125: 5rem; --sizing--130: 5.2rem; --sizing--140: 5.6rem; --sizing--150: 6rem; --sizing--160: 6.4rem; --sizing--170: 6.8rem; --sizing--180: 7.2rem; --sizing--190: 7.6rem; --sizing--200: 8rem; --sizing--210: 8.4rem; --sizing--220: 8.8rem; --sizing--230: 9.2rem; --sizing--240: 9.6rem; --fill--brand-gradient: url(#svg-pattern-linear__light__gradient--brandGradient); --fill--brand-subtle: url(#svg-pattern-linear__light__gradient--brandSubtle); --fill--brand-subtle-on-dark: url(#svg-pattern-linear__light__gradient--brandSubtleOnDark); --fill--gamepad-rewind: url(#svg-pattern-linear__light__gradient--gamepadRewind); --fill--gamepad-rewind-on-dark: url(#svg-pattern-linear__light__gradient--gamepadRewindOnDark); --fill--gamepad-nope-on-dark: url(#svg-pattern-linear__light__gradient--gamepadNopeOnDark); --fill--gamepad-super-like: url(#svg-pattern-linear__light__gradient--gamepadSuperLike); --fill--gamepad-super-like-on-dark: url(#svg-pattern-linear__light__gradient--gamepadSuperLikeOnDark); --fill--gamepad-super-like-on-light: url(#svg-pattern-linear__light__gradient--gamepadSuperLikeOnLight); --fill--gamepad-super-like-subtle: url(#svg-pattern-linear__light__gradient--gamepadSuperLikeSubtle); --fill--gamepad-super-like-subtle-on-dark: url(#svg-pattern-linear__light__gradient--gamepadSuperLikeSubtleOnDark); --fill--gamepad-like: url(#svg-pattern-linear__light__gradient--gamepadLike); --fill--gamepad-like-on-dark: url(#svg-pattern-linear__light__gradient--gamepadLikeOnDark); --fill--gamepad-like-on-light: url(#svg-pattern-linear__light__gradient--gamepadLikeOnLight); --fill--gamepad-like-subtle: url(#svg-pattern-linear__light__gradient--gamepadLikeSubtle); --fill--gamepad-like-subtle-on-dark: url(#svg-pattern-linear__light__gradient--gamepadLikeSubtleOnDark); --fill--gamepad-boost: url(#svg-pattern-linear__light__gradient--gamepadBoost); --fill--gamepad-boost-on-dark: url(#svg-pattern-linear__light__gradient--gamepadBoostOnDark); --fill--gamepad-boost-subtle: url(#svg-pattern-linear__light__gradient--gamepadBoostSubtle); --fill--gamepad-boost-subtle-on-dark: url(#svg-pattern-linear__light__gradient--gamepadBoostSubtleOnDark); --fill--gamepad-super-boost: url(#svg-pattern-linear__light__gradient--gamepadSuperBoost); --fill--gamepad-super-boost-on-dark: url(#svg-pattern-linear__light__gradient--gamepadSuperBoostOnDark); --fill--gamepad-super-boost-subtle: url(#svg-pattern-linear__light__gradient--gamepadSuperBoostSubtle); --fill--gamepad-super-boost-subtle-on-dark: url(#svg-pattern-linear__light__gradient--gamepadSuperBoostSubtleOnDark); --fill--gamepad-sparks-rewind: url(#svg-pattern-linear__light__gradient--gamepadSparksRewind); --fill--gamepad-sparks-nope: url(#svg-pattern-linear__light__gradient--gamepadSparksNope); --fill--gamepad-sparks-super-like: url(#svg-pattern-linear__light__gradient--gamepadSparksSuperLike); --fill--gamepad-sparks-like: url(#svg-pattern-linear__light__gradient--gamepadSparksLike); --fill--gamepad-sparks-boost: url(#svg-pattern-linear__light__gradient--gamepadSparksBoost); --fill--explore-attribution-gradient: url(#svg-pattern-linear__light__gradient--exploreAttributionGradient); --fill--festival-mode-gradient: url(#svg-pattern-linear__light__gradient--festivalModeGradient); --fill--spotify-music-mode-gradient: url(#svg-pattern-linear__light__gradient--spotifyMusicModeGradient); --fill--hot-takes-gradient: url(#svg-pattern-linear__light__gradient--hotTakesGradient); --fill--passions-gradient: url(#svg-pattern-linear__light__gradient--passionsGradient); --fill--vibes-gradient: url(#svg-pattern-linear__light__gradient--vibesGradient); --fill--revenue-gold: url(#svg-pattern-linear__light__gradient--revenueGold); --fill--revenue-gold-shine: url(#svg-pattern-linear__light__gradient--revenueGoldShine); --fill--revenue-gold-shine-animation: url(#svg-pattern-linear__light__gradient--revenueGoldShineAnimation); --fill--revenue-gold-on-dark: url(#svg-pattern-linear__light__gradient--revenueGoldOnDark); --fill--revenue-gold-shine-on-dark: url(#svg-pattern-linear__light__gradient--revenueGoldShineOnDark); --fill--revenue-gold-shine-animation-on-dark: url(#svg-pattern-linear__light__gradient--revenueGoldShineAnimationOnDark); --fill--revenue-gold-subtle: url(#svg-pattern-linear__light__gradient--revenueGoldSubtle); --fill--revenue-gold-subtle-on-dark: url(#svg-pattern-linear__light__gradient--revenueGoldSubtleOnDark); --fill--revenue-platinum: url(#svg-pattern-linear__light__gradient--revenuePlatinum); --fill--revenue-platinum-shine: url(#svg-pattern-linear__light__gradient--revenuePlatinumShine); --fill--revenue-platinum-shine-animation: url(#svg-pattern-linear__light__gradient--revenuePlatinumShineAnimation); --fill--revenue-platinum-on-dark: url(#svg-pattern-linear__light__gradient--revenuePlatinumOnDark); --fill--revenue-platinum-shine-on-dark: url(#svg-pattern-linear__light__gradient--revenuePlatinumShineOnDark); --fill--revenue-platinum-shine-animation-on-dark: url(#svg-pattern-linear__light__gradient--revenuePlatinumShineAnimationOnDark); --fill--revenue-platinum-subtle: url(#svg-pattern-linear__light__gradient--revenuePlatinumSubtle); --fill--revenue-platinum-subtle-on-dark: url(#svg-pattern-linear__light__gradient--revenuePlatinumSubtleOnDark); --fill--revenue-plus: url(#svg-pattern-linear__light__gradient--revenuePlus); --fill--revenue-plus-on-dark: url(#svg-pattern-linear__light__gradient--revenuePlusOnDark); --fill--revenue-plus-subtle: url(#svg-pattern-linear__light__gradient--revenuePlusSubtle); --fill--revenue-plus-subtle-on-dark: url(#svg-pattern-linear__light__gradient--revenuePlusSubtleOnDark); --fill--vault-gradient: url(#svg-pattern-linear__light__gradient--vaultGradient); --fill--vault-subtle-on-light: url(#svg-pattern-linear__light__gradient--vaultSubtleOnLight); --fill--vault-subtle-on-dark: url(#svg-pattern-linear__light__gradient--vaultSubtleOnDark); --fill--match-expiration-gradient: url(#svg-pattern-linear__light__gradient--matchExpirationGradient); --fill--match-expiration-gradient-on-dark: url(#svg-pattern-linear__light__gradient--matchExpirationGradientOnDark); --color--opacity-black-10: #0000001a; --color--opacity-black-15: #00000026; --color--opacity-black-20: #00000033; --color--opacity-black-30: #0000004d; --color--opacity-black-40: #00000066; --color--opacity-black-50: #00000080; --color--opacity-black-60: #00000099; --color--opacity-black-70: #000000b3; --color--opacity-black-80: #000000cc; --color--opacity-black-90: #000000e6; --color--opacity-black-95: #000000f2; --color--opacity-black-05: #0000000d; --color--opacity-white-10: #ffffff1a; --color--opacity-white-15: #ffffff26; --color--opacity-white-20: #ffffff33; --color--opacity-white-30: #ffffff4d; --color--opacity-white-40: #ffffff66; --color--opacity-white-50: #ffffff80; --color--opacity-white-60: #ffffff99; --color--opacity-white-70: #ffffffb3; --color--opacity-white-80: #ffffffcc; --color--opacity-white-90: #ffffffe6; --color--opacity-white-95: #fffffff2; --color--opacity-white-05: #ffffff0d; --gradient--brand-gradient: linear-gradient(to top right,var(--color--brand-gradient-start),var(--color--brand-gradient-end)); --gradient--brand-subtle: linear-gradient(0deg,var(--color--white),var(--color--red-20)); --gradient--brand-subtle-on-dark: linear-gradient(0deg,var(--color--gray-95),var(--color--red-95)); --gradient--gamepad-rewind: linear-gradient(to top right,var(--color--yellow-orange-40),var(--color--yellow-orange-15)); --gradient--gamepad-rewind-on-dark: linear-gradient(to top right,var(--color--yellow-orange-40),var(--color--yellow-orange-15)); --gradient--gamepad-nope-on-dark: linear-gradient(to top right,var(--color--red-50),var(--color--fuchsia-50)); --gradient--gamepad-super-like: linear-gradient(to top right,var(--color--blue-40),var(--color--teal-20)); --gradient--gamepad-super-like-on-dark: linear-gradient(to top right,var(--color--blue-50),var(--color--teal-15)); --gradient--gamepad-super-like-on-light: linear-gradient(to top right,var(--color--blue-50),var(--color--teal-50)); --gradient--gamepad-super-like-subtle: linear-gradient(0deg,var(--color--white),var(--color--blue-15)); --gradient--gamepad-super-like-subtle-on-dark: linear-gradient(0deg,var(--color--gray-95),var(--color--blue-90)); --gradient--gamepad-like: linear-gradient(to top right,var(--color--green-30),var(--color--teal-20)); --gradient--gamepad-like-on-dark: linear-gradient(to top right,var(--color--green-20),var(--color--teal-15)); --gradient--gamepad-like-on-light: linear-gradient(to top right,var(--color--green-50),var(--color--teal-50)); --gradient--gamepad-like-subtle: linear-gradient(0deg,var(--color--white),var(--color--green-10)); --gradient--gamepad-like-subtle-on-dark: linear-gradient(0deg,var(--color--gray-95),var(--color--green-90)); --gradient--gamepad-boost: linear-gradient(to top right,var(--color--purple-60),var(--color--purple-40)); --gradient--gamepad-boost-on-dark: linear-gradient(to top right,var(--color--purple-60),var(--color--fuchsia-50)); --gradient--gamepad-boost-subtle: linear-gradient(0deg,var(--color--white),var(--color--purple-15)); --gradient--gamepad-boost-subtle-on-dark: linear-gradient(0deg,var(--color--gray-95),var(--color--purple-90)); --gradient--gamepad-super-boost: linear-gradient(to top right,var(--color--purple-50),var(--color--fuchsia-30)); --gradient--gamepad-super-boost-on-dark: linear-gradient(to top right,var(--color--purple-50),var(--color--fuchsia-30)); --gradient--gamepad-super-boost-subtle: linear-gradient(0deg,var(--color--white),var(--color--fuchsia-15)); --gradient--gamepad-super-boost-subtle-on-dark: linear-gradient(0deg,var(--color--gray-95),var(--color--fuchsia-90)); --gradient--gamepad-sparks-rewind: linear-gradient(to top left,var(--color--yellow-orange-40),var(--color--yellow-orange-15)); --gradient--gamepad-sparks-nope: linear-gradient(to top left,var(--color--red-50),var(--color--fuchsia-50)); --gradient--gamepad-sparks-super-like: linear-gradient(to top left,var(--color--blue-70),var(--color--teal-15)); --gradient--gamepad-sparks-like: linear-gradient(to top left,var(--color--green-40),var(--color--yellow-orange-15)); --gradient--gamepad-sparks-boost: linear-gradient(to top left,var(--color--purple-50),var(--color--fuchsia-40)); --gradient--explore-attribution-gradient: linear-gradient(90deg,var(--color--brand-primary-a11y),var(--color--fuchsia-70)); --gradient--festival-mode-gradient: linear-gradient(90deg,var(--color--blue-80),var(--color--purple-60)); --gradient--spotify-music-mode-gradient: linear-gradient(90deg,var(--color--green-90),var(--color--green-70)); --gradient--hot-takes-gradient: linear-gradient(90deg,var(--color--purple-80),var(--color--fuchsia-60)); --gradient--passions-gradient: linear-gradient(90deg,var(--color--brand-gradient-end),var(--color--fuchsia-50)); --gradient--vibes-gradient: linear-gradient(to top right,var(--color--yellow-orange-40),var(--color--fuchsia-50),var(--color--teal-20)); --gradient--revenue-gold: linear-gradient(to top right,var(--color--gold-30),var(--color--gold-20)); --gradient--revenue-gold-shine: linear-gradient(to top right,var(--color--gold-30),var(--color--gold-20),var(--color--gold-30)); --gradient--revenue-gold-shine-animation: linear-gradient(to top right,var(--color--gold-20),var(--color--gold-20),var(--color--gold-30),var(--color--gold-20),var(--color--gold-15),var(--color--gold-20),var(--color--gold-30),var(--color--gold-20),var(--color--gold-20)); --gradient--revenue-gold-on-dark: linear-gradient(to top right,var(--color--gold-30),var(--color--gold-15)); --gradient--revenue-gold-shine-on-dark: linear-gradient(to top right,var(--color--gold-30),var(--color--gold-20),var(--color--gold-30)); --gradient--revenue-gold-shine-animation-on-dark: linear-gradient(to top right,var(--color--gold-20),var(--color--gold-20),var(--color--gold-30),var(--color--gold-20),var(--color--gold-15),var(--color--gold-20),var(--color--gold-30),var(--color--gold-20),var(--color--gold-20)); --gradient--revenue-gold-subtle: linear-gradient(0deg,var(--color--white),var(--color--gold-15)); --gradient--revenue-gold-subtle-on-dark: linear-gradient(0deg,var(--color--gray-95),var(--color--gold-90)); --gradient--revenue-platinum: linear-gradient(to top right,var(--color--gray-95),var(--color--gray-60)); --gradient--revenue-platinum-shine: linear-gradient(to top right,var(--color--gray-95),var(--color--gray-60),var(--color--gray-95)); --gradient--revenue-platinum-shine-animation: linear-gradient(to top right,var(--color--gray-90),var(--color--gray-90),var(--color--gray-95),var(--color--gray-90),var(--color--gray-80),var(--color--gray-90),var(--color--gray-95),var(--color--gray-90),var(--color--gray-90)); --gradient--revenue-platinum-on-dark: linear-gradient(to top right,var(--color--gray-30),var(--color--gray-10)); --gradient--revenue-platinum-shine-on-dark: linear-gradient(to top right,var(--color--gray-30),var(--color--gray-10),var(--color--gray-30)); --gradient--revenue-platinum-shine-animation-on-dark: linear-gradient(to top right,var(--color--gray-20),var(--color--gray-20),var(--color--gray-30),var(--color--gray-20),var(--color--gray-15),var(--color--gray-20),var(--color--gray-30),var(--color--gray-20),var(--color--gray-20)); --gradient--revenue-platinum-subtle: linear-gradient(0deg,var(--color--white),var(--color--gray-20)); --gradient--revenue-platinum-subtle-on-dark: linear-gradient(0deg,var(--color--gray-95),var(--color--gray-90)); --gradient--revenue-plus: linear-gradient(to top right,var(--color--brand-gradient-start),var(--color--brand-gradient-end)); --gradient--revenue-plus-on-dark: linear-gradient(to top right,var(--color--brand-gradient-start),var(--color--brand-gradient-end)); --gradient--revenue-plus-subtle: linear-gradient(0deg,var(--color--white),var(--color--red-20)); --gradient--revenue-plus-subtle-on-dark: linear-gradient(0deg,var(--color--gray-95),var(--color--red-95)); --gradient--vault-gradient: linear-gradient(to bottom right,var(--color--purple-60),var(--color--vault-primary),var(--color--blue-60)); --gradient--vault-subtle-on-light: linear-gradient(0deg,var(--color--white),var(--color--vault-indigo-20)); --gradient--vault-subtle-on-dark: linear-gradient(0deg,var(--color--gray-95),var(--color--vault-indigo-95)); --gradient--match-expiration-gradient: linear-gradient(to top right,var(--color--match-expiration-primary),var(--color--match-expiration-secondary)); --gradient--match-expiration-gradient-on-dark: linear-gradient(to top right,var(--color--match-expiration-primary-on-dark),var(--color--fuchsia-50)); --font-family--proxima-nova: var(--font-name--proxima-nova),var(--font-family--base); --font-family--sans: var(--font-name--sans),var(--font-family--base); --font-family--serif: var(--font-name--serif),var(--font-family--base); --font-size--serif-base-2-xl: var(--font-size--70); --font-size--serif-base-xl: var(--font-size--60); --font-size--serif-base-lg: var(--font-size--50); --font-size--serif-base-md: var(--font-size--45); --font-size--serif-base-sm: var(--font-size--40); --font-size--serif-italic-2-xl: var(--font-size--70); --font-size--serif-italic-xl: var(--font-size--60); --font-size--serif-italic-lg: var(--font-size--50); --font-size--serif-italic-md: var(--font-size--45); --font-size--serif-italic-sm: var(--font-size--40); --font-size--sans-display-1-regular: var(--font-size--60); --font-size--sans-display-1-strong: var(--font-size--60); --font-size--sans-display-2-regular: var(--font-size--50); --font-size--sans-display-2-strong: var(--font-size--50); --font-size--sans-display-3-base: var(--font-size--40); --font-size--sans-display-3-strong: var(--font-size--40); --font-size--sans-heading-1: var(--font-size--40); --font-size--sans-subheading-1: var(--font-size--20); --font-size--sans-subheading-2: var(--font-size--10); --font-size--sans-body-1-regular: var(--font-size--20); --font-size--sans-body-1-strong: var(--font-size--20); --font-size--sans-body-1-link: var(--font-size--20); --font-size--sans-body-2-regular: var(--font-size--10); --font-size--sans-body-2-strong: var(--font-size--10); --font-size--sans-body-2-link: var(--font-size--10); --font-size--sans-body-sm-regular: var(--font-size--5); --font-size--sans-body-sm-strong: var(--font-size--5); --font-size--sans-body-sm-link: var(--font-size--5); --font-size--sans-caption-md-regular: var(--font-size--0); --font-size--sans-caption-md-strong: var(--font-size--0); --font-size--sans-caption-md-link: var(--font-size--0); --font-size--sans-caption-sm-regular: var(--font-size--00); --font-size--sans-caption-sm-strong: var(--font-size--00); --font-size--sans-button-lg: var(--font-size--30); --font-size--sans-button-md: var(--font-size--20); --font-size--sans-button-sm: var(--font-size--10); --font-size--display-1-regular: var(--font-size--60); --font-size--display-1-strong: var(--font-size--60); --font-size--display-2-regular: var(--font-size--50); --font-size--display-2-strong: var(--font-size--50); --font-size--display-3-regular: var(--font-size--40); --font-size--display-3-strong: var(--font-size--40); --font-size--display-2-sparks-regular: var(--font-size--45); --font-size--display-2-sparks-strong: var(--font-size--45); --font-size--heading-1: var(--font-size--40); --font-size--subheading-1: var(--font-size--20); --font-size--subheading-2: var(--font-size--10); --font-size--body-1-regular: var(--font-size--20); --font-size--body-1-strong: var(--font-size--20); --font-size--body-1-link: var(--font-size--20); --font-size--body-2-regular: var(--font-size--10); --font-size--body-2-strong: var(--font-size--10); --font-size--body-2-link: var(--font-size--10); --font-size--body-3-regular: var(--font-size--5); --font-size--body-3-strong: var(--font-size--5); --font-size--body-3-link: var(--font-size--5); --font-size--body-1-sparks-semibold: var(--font-size--20); --font-size--body-2-sparks-semibold: var(--font-size--10); --font-size--caption-1-regular: var(--font-size--0); --font-size--caption-1-strong: var(--font-size--0); --font-size--caption-1-link: var(--font-size--0); --font-size--caption-2-regular: var(--font-size--00); --font-size--caption-2-strong: var(--font-size--00); --font-size--button-1: var(--font-size--30); --font-size--button-2: var(--font-size--10); --font-weight--serif-base-2-xl: var(--font-weight--bold); --font-weight--serif-base-xl: var(--font-weight--bold); --font-weight--serif-base-lg: var(--font-weight--bold); --font-weight--serif-base-md: var(--font-weight--bold); --font-weight--serif-base-sm: var(--font-weight--bold); --font-weight--serif-italic-2-xl: var(--font-weight--bold-italic); --font-weight--serif-italic-xl: var(--font-weight--bold-italic); --font-weight--serif-italic-lg: var(--font-weight--bold-italic); --font-weight--serif-italic-md: var(--font-weight--bold-italic); --font-weight--serif-italic-sm: var(--font-weight--bold-italic); --font-weight--sans-display-1-regular: var(--font-weight--regular); --font-weight--sans-display-1-strong: var(--font-weight--semibold); --font-weight--sans-display-2-regular: var(--font-weight--regular); --font-weight--sans-display-2-strong: var(--font-weight--semibold); --font-weight--sans-display-3-base: var(--font-weight--regular); --font-weight--sans-display-3-strong: var(--font-weight--semibold); --font-weight--sans-heading-1: var(--font-weight--semibold); --font-weight--sans-subheading-1: var(--font-weight--semibold); --font-weight--sans-subheading-2: var(--font-weight--semibold); --font-weight--sans-body-1-regular: var(--font-weight--medium); --font-weight--sans-body-1-strong: var(--font-weight--bold); --font-weight--sans-body-1-link: var(--font-weight--bold); --font-weight--sans-body-2-regular: var(--font-weight--medium); --font-weight--sans-body-2-strong: var(--font-weight--bold); --font-weight--sans-body-2-link: var(--font-weight--bold); --font-weight--sans-body-sm-regular: var(--font-weight--medium); --font-weight--sans-body-sm-strong: var(--font-weight--bold); --font-weight--sans-body-sm-link: var(--font-weight--bold); --font-weight--sans-caption-md-regular: var(--font-weight--medium); --font-weight--sans-caption-md-strong: var(--font-weight--bold); --font-weight--sans-caption-md-link: var(--font-weight--bold); --font-weight--sans-caption-sm-regular: var(--font-weight--medium); --font-weight--sans-caption-sm-strong: var(--font-weight--bold); --font-weight--sans-button-lg: var(--font-weight--bold); --font-weight--sans-button-md: var(--font-weight--bold); --font-weight--sans-button-sm: var(--font-weight--bold); --font-weight--display-1-regular: var(--font-weight--regular); --font-weight--display-1-strong: var(--font-weight--semibold); --font-weight--display-2-regular: var(--font-weight--regular); --font-weight--display-2-strong: var(--font-weight--semibold); --font-weight--display-3-regular: var(--font-weight--regular); --font-weight--display-3-strong: var(--font-weight--semibold); --font-weight--display-2-sparks-regular: var(--font-weight--regular); --font-weight--display-2-sparks-strong: var(--font-weight--semibold); --font-weight--heading-1: var(--font-weight--semibold); --font-weight--subheading-1: var(--font-weight--semibold); --font-weight--subheading-2: var(--font-weight--semibold); --font-weight--body-1-regular: var(--font-weight--medium); --font-weight--body-1-strong: var(--font-weight--bold); --font-weight--body-1-link: var(--font-weight--bold); --font-weight--body-2-regular: var(--font-weight--medium); --font-weight--body-2-strong: var(--font-weight--bold); --font-weight--body-2-link: var(--font-weight--bold); --font-weight--body-3-regular: var(--font-weight--medium); --font-weight--body-3-strong: var(--font-weight--bold); --font-weight--body-3-link: var(--font-weight--bold); --font-weight--body-1-sparks-semibold: var(--font-weight--semibold); --font-weight--body-2-sparks-semibold: var(--font-weight--semibold); --font-weight--caption-1-regular: var(--font-weight--medium); --font-weight--caption-1-strong: var(--font-weight--bold); --font-weight--caption-1-link: var(--font-weight--bold); --font-weight--caption-2-regular: var(--font-weight--medium); --font-weight--caption-2-strong: var(--font-weight--bold); --font-weight--button-1: var(--font-weight--bold); --font-weight--button-2: var(--font-weight--bold); --line-height--serif-base-2-xl: var(--line-height--75); --line-height--serif-base-xl: var(--line-height--70); --line-height--serif-base-lg: var(--line-height--60); --line-height--serif-base-md: var(--line-height--55); --line-height--serif-base-sm: var(--line-height--40); --line-height--serif-italic-2-xl: var(--line-height--75); --line-height--serif-italic-xl: var(--line-height--70); --line-height--serif-italic-lg: var(--line-height--60); --line-height--serif-italic-md: var(--line-height--55); --line-height--serif-italic-sm: var(--line-height--40); --line-height--sans-display-1-regular: var(--line-height--70); --line-height--sans-display-1-strong: var(--line-height--70); --line-height--sans-display-2-regular: var(--line-height--60); --line-height--sans-display-2-strong: var(--line-height--60); --line-height--sans-display-3-base: var(--line-height--40); --line-height--sans-display-3-strong: var(--line-height--40); --line-height--sans-heading-1: var(--line-height--40); --line-height--sans-subheading-1: var(--line-height--30); --line-height--sans-subheading-2: var(--line-height--20); --line-height--sans-body-1-regular: var(--line-height--40); --line-height--sans-body-1-strong: var(--line-height--40); --line-height--sans-body-1-link: var(--line-height--40); --line-height--sans-body-2-regular: var(--line-height--20); --line-height--sans-body-2-strong: var(--line-height--20); --line-height--sans-body-2-link: var(--line-height--20); --line-height--sans-body-sm-regular: var(--line-height--10); --line-height--sans-body-sm-strong: var(--line-height--10); --line-height--sans-body-sm-link: var(--line-height--10); --line-height--sans-caption-md-regular: var(--line-height--0); --line-height--sans-caption-md-strong: var(--line-height--0); --line-height--sans-caption-md-link: var(--line-height--0); --line-height--sans-caption-sm-regular: var(--line-height--00); --line-height--sans-caption-sm-strong: var(--line-height--00); --line-height--sans-button-lg: var(--line-height--50); --line-height--sans-button-md: var(--line-height--40); --line-height--sans-button-sm: var(--line-height--20); --line-height--display-1-regular: var(--line-height--70); --line-height--display-1-strong: var(--line-height--70); --line-height--display-2-regular: var(--line-height--60); --line-height--display-2-strong: var(--line-height--60); --line-height--display-3-regular: var(--line-height--40); --line-height--display-3-strong: var(--line-height--40); --line-height--display-2-sparks-regular: var(--line-height--40); --line-height--display-2-sparks-strong: var(--line-height--40); --line-height--heading-1: var(--line-height--40); --line-height--subheading-1: var(--line-height--30); --line-height--subheading-2: var(--line-height--20); --line-height--body-1-regular: var(--line-height--40); --line-height--body-1-strong: var(--line-height--40); --line-height--body-1-link: var(--line-height--40); --line-height--body-2-regular: var(--line-height--20); --line-height--body-2-strong: var(--line-height--20); --line-height--body-2-link: var(--line-height--20); --line-height--body-3-regular: var(--line-height--10); --line-height--body-3-strong: var(--line-height--10); --line-height--body-3-link: var(--line-height--10); --line-height--body-1-sparks-semibold: var(--line-height--40); --line-height--body-2-sparks-semibold: var(--line-height--20); --line-height--caption-1-regular: var(--line-height--0); --line-height--caption-1-strong: var(--line-height--0); --line-height--caption-1-link: var(--line-height--0); --line-height--caption-2-regular: var(--line-height--00); --line-height--caption-2-strong: var(--line-height--00); --line-height--button-1: var(--line-height--50); --line-height--button-2: var(--line-height--20); --letter-spacing--serif-base-2-xl: var(--letter-spacing--neg-50); --letter-spacing--serif-base-xl: var(--letter-spacing--neg-25); --letter-spacing--serif-base-lg: var(--letter-spacing--neg-15); --letter-spacing--serif-base-md: var(--letter-spacing--neg-15); --letter-spacing--serif-base-sm: var(--letter-spacing--neg-15); --letter-spacing--serif-italic-2-xl: var(--letter-spacing--neg-50); --letter-spacing--serif-italic-xl: var(--letter-spacing--neg-25); --letter-spacing--serif-italic-lg: var(--letter-spacing--neg-15); --letter-spacing--serif-italic-md: var(--letter-spacing--neg-15); --letter-spacing--serif-italic-sm: var(--letter-spacing--neg-15); --letter-spacing--sans-display-1-regular: var(--letter-spacing--14); --letter-spacing--sans-display-1-strong: var(--letter-spacing--14); --letter-spacing--sans-display-2-regular: var(--letter-spacing--0); --letter-spacing--sans-display-2-strong: var(--letter-spacing--0); --letter-spacing--sans-display-3-base: var(--letter-spacing--0); --letter-spacing--sans-display-3-strong: var(--letter-spacing--0); --letter-spacing--sans-heading-1: var(--letter-spacing--9); --letter-spacing--sans-subheading-1: var(--letter-spacing--14); --letter-spacing--sans-subheading-2: var(--letter-spacing--14); --letter-spacing--sans-body-1-regular: var(--letter-spacing--0); --letter-spacing--sans-body-1-strong: var(--letter-spacing--0); --letter-spacing--sans-body-1-link: var(--letter-spacing--0); --letter-spacing--sans-body-2-regular: var(--letter-spacing--0); --letter-spacing--sans-body-2-strong: var(--letter-spacing--0); --letter-spacing--sans-body-2-link: var(--letter-spacing--0); --letter-spacing--sans-body-sm-regular: var(--letter-spacing--0); --letter-spacing--sans-body-sm-strong: var(--letter-spacing--0); --letter-spacing--sans-body-sm-link: var(--letter-spacing--0); --letter-spacing--sans-caption-md-regular: var(--letter-spacing--25); --letter-spacing--sans-caption-md-strong: var(--letter-spacing--25); --letter-spacing--sans-caption-md-link: var(--letter-spacing--25); --letter-spacing--sans-caption-sm-regular: var(--letter-spacing--25); --letter-spacing--sans-caption-sm-strong: var(--letter-spacing--25); --letter-spacing--sans-button-lg: var(--letter-spacing--15); --letter-spacing--sans-button-md: var(--letter-spacing--15); --letter-spacing--sans-button-sm: var(--letter-spacing--15); --letter-spacing--display-1-regular: var(--letter-spacing--14); --letter-spacing--display-1-strong: var(--letter-spacing--14); --letter-spacing--display-2-regular: var(--letter-spacing--0); --letter-spacing--display-2-strong: var(--letter-spacing--0); --letter-spacing--display-3-regular: var(--letter-spacing--0); --letter-spacing--display-3-strong: var(--letter-spacing--0); --letter-spacing--display-2-sparks-regular: var(--letter-spacing--0); --letter-spacing--display-2-sparks-strong: var(--letter-spacing--0); --letter-spacing--heading-1: var(--letter-spacing--9); --letter-spacing--subheading-1: var(--letter-spacing--14); --letter-spacing--subheading-2: var(--letter-spacing--14); --letter-spacing--body-1-regular: var(--letter-spacing--0); --letter-spacing--body-1-strong: var(--letter-spacing--0); --letter-spacing--body-1-link: var(--letter-spacing--0); --letter-spacing--body-2-regular: var(--letter-spacing--0); --letter-spacing--body-2-strong: var(--letter-spacing--0); --letter-spacing--body-2-link: var(--letter-spacing--0); --letter-spacing--body-3-regular: var(--letter-spacing--0); --letter-spacing--body-3-strong: var(--letter-spacing--0); --letter-spacing--body-3-link: var(--letter-spacing--0); --letter-spacing--body-1-sparks-semibold: var(--letter-spacing--0); --letter-spacing--body-2-sparks-semibold: var(--letter-spacing--0); --letter-spacing--caption-1-regular: var(--letter-spacing--25); --letter-spacing--caption-1-strong: var(--letter-spacing--25); --letter-spacing--caption-1-link: var(--letter-spacing--25); --letter-spacing--caption-2-regular: var(--letter-spacing--25); --letter-spacing--caption-2-strong: var(--letter-spacing--25); --letter-spacing--button-1: var(--letter-spacing--14); --letter-spacing--button-2: var(--letter-spacing--14); --letter-casing--serif-base-2-xl: var(--letter-casing--none); --letter-casing--serif-base-xl: var(--letter-casing--none); --letter-casing--serif-base-lg: var(--letter-casing--none); --letter-casing--serif-base-md: var(--letter-casing--none); --letter-casing--serif-base-sm: var(--letter-casing--none); --letter-casing--serif-italic-2-xl: var(--letter-casing--none); --letter-casing--serif-italic-xl: var(--letter-casing--none); --letter-casing--serif-italic-lg: var(--letter-casing--none); --letter-casing--serif-italic-md: var(--letter-casing--none); --letter-casing--serif-italic-sm: var(--letter-casing--none); --letter-casing--sans-display-1-regular: var(--letter-casing--none); --letter-casing--sans-display-1-strong: var(--letter-casing--none); --letter-casing--sans-display-2-regular: var(--letter-casing--none); --letter-casing--sans-display-2-strong: var(--letter-casing--none); --letter-casing--sans-display-3-base: var(--letter-casing--none); --letter-casing--sans-display-3-strong: var(--letter-casing--none); --letter-casing--sans-heading-1: var(--letter-casing--none); --letter-casing--sans-subheading-1: var(--letter-casing--none); --letter-casing--sans-subheading-2: var(--letter-casing--none); --letter-casing--sans-body-1-regular: var(--letter-casing--none); --letter-casing--sans-body-1-strong: var(--letter-casing--none); --letter-casing--sans-body-1-link: var(--letter-casing--none); --letter-casing--sans-body-2-regular: var(--letter-casing--none); --letter-casing--sans-body-2-strong: var(--letter-casing--none); --letter-casing--sans-body-2-link: var(--letter-casing--none); --letter-casing--sans-body-sm-regular: var(--letter-casing--none); --letter-casing--sans-body-sm-strong: var(--letter-casing--none); --letter-casing--sans-body-sm-link: var(--letter-casing--none); --letter-casing--sans-caption-md-regular: var(--letter-casing--none); --letter-casing--sans-caption-md-strong: var(--letter-casing--none); --letter-casing--sans-caption-md-link: var(--letter-casing--none); --letter-casing--sans-caption-sm-regular: var(--letter-casing--none); --letter-casing--sans-caption-sm-strong: var(--letter-casing--none); --letter-casing--sans-button-lg: var(--letter-casing--none); --letter-casing--sans-button-md: var(--letter-casing--none); --letter-casing--sans-button-sm: var(--letter-casing--none); --letter-casing--display-1-regular: var(--letter-casing--none); --letter-casing--display-1-strong: var(--letter-casing--none); --letter-casing--display-2-regular: var(--letter-casing--none); --letter-casing--display-2-strong: var(--letter-casing--none); --letter-casing--display-3-regular: var(--letter-casing--none); --letter-casing--display-3-strong: var(--letter-casing--none); --letter-casing--display-2-sparks-regular: var(--letter-casing--none); --letter-casing--display-2-sparks-strong: var(--letter-casing--none); --letter-casing--heading-1: var(--letter-casing--none); --letter-casing--subheading-1: var(--letter-casing--none); --letter-casing--subheading-2: var(--letter-casing--none); --letter-casing--body-1-regular: var(--letter-casing--none); --letter-casing--body-1-strong: var(--letter-casing--none); --letter-casing--body-1-link: var(--letter-casing--none); --letter-casing--body-2-regular: var(--letter-casing--none); --letter-casing--body-2-strong: var(--letter-casing--none); --letter-casing--body-2-link: var(--letter-casing--none); --letter-casing--body-3-regular: var(--letter-casing--none); --letter-casing--body-3-strong: var(--letter-casing--none); --letter-casing--body-3-link: var(--letter-casing--none); --letter-casing--body-1-sparks-semibold: var(--letter-casing--none); --letter-casing--body-2-sparks-semibold: var(--letter-casing--none); --letter-casing--caption-1-regular: var(--letter-casing--none); --letter-casing--caption-1-strong: var(--letter-casing--none); --letter-casing--caption-1-link: var(--letter-casing--none); --letter-casing--caption-2-regular: var(--letter-casing--none); --letter-casing--caption-2-strong: var(--letter-casing--none); --letter-casing--button-1: var(--letter-casing--none); --letter-casing--button-2: var(--letter-casing--none); --sizing--border-width-thin: var(--sizing--0); --sizing--border-width-regular: var(--sizing--5); --sizing--dimension-xxxsmall: var(--sizing--60); --sizing--dimension-xxsmall: var(--sizing--70); --sizing--dimension-xsmall: var(--sizing--80); --sizing--dimension-small: var(--sizing--90); --sizing--dimension-medium: var(--sizing--100); --sizing--dimension-large: var(--sizing--110); --sizing--dimension-xlarge: var(--sizing--120); --sizing--dimension-xxlarge: var(--sizing--130); --sizing--icon-xsmall: var(--sizing--30); --sizing--icon-small: var(--sizing--40); --sizing--icon-medium: var(--sizing--50); --sizing--icon-large: var(--sizing--60); --sizing--icon-xlarge: var(--sizing--70); --sizing--border-radius-xxsmall: var(--sizing--5); --sizing--border-radius-xsmall: var(--sizing--10); --sizing--border-radius-small: var(--sizing--20); --sizing--border-radius-medium: var(--sizing--30); --sizing--border-radius-large: var(--sizing--40); --sizing--border-radius-xlarge: var(--sizing--50); --sizing--border-radius-2-xl: var(--sizing--60); --sizing--border-radius-3-xl: var(--sizing--70); --sizing--border-radius-4-xl: var(--sizing--80); --sizing--border-radius-5-xl: var(--sizing--90); --sizing--border-radius-6-xl: var(--sizing--100); --sizing--border-radius-7-xl: var(--sizing--110); --sizing--border-radius-8-xl: var(--sizing--120); --sizing--padding-xxsmall: var(--sizing--5); --sizing--padding-xsmall: var(--sizing--10); --sizing--padding-small: var(--sizing--20); --sizing--padding-medium: var(--sizing--30); --sizing--padding-large: var(--sizing--40); --sizing--padding-xlarge: var(--sizing--50); --sizing--padding-xxlarge: var(--sizing--60); --sizing--button-border-radius: var(--sizing--130); --fill--gamepad-nope: var(--fill--brand-gradient); --gradient--gamepad-nope: var(--gradient--brand-gradient); --font-family--serif-base-2-xl: var(--font-family--serif); --font-family--serif-base-xl: var(--font-family--serif); --font-family--serif-base-lg: var(--font-family--serif); --font-family--serif-base-md: var(--font-family--serif); --font-family--serif-base-sm: var(--font-family--serif); --font-family--serif-italic-2-xl: var(--font-family--serif); --font-family--serif-italic-xl: var(--font-family--serif); --font-family--serif-italic-lg: var(--font-family--serif); --font-family--serif-italic-md: var(--font-family--serif); --font-family--serif-italic-sm: var(--font-family--serif); --font-family--sans-display-1-regular: var(--font-family--sans); --font-family--sans-display-1-strong: var(--font-family--sans); --font-family--sans-display-2-regular: var(--font-family--sans); --font-family--sans-display-2-strong: var(--font-family--sans); --font-family--sans-display-3-base: var(--font-family--sans); --font-family--sans-display-3-strong: var(--font-family--sans); --font-family--sans-heading-1: var(--font-family--sans); --font-family--sans-subheading-1: var(--font-family--sans); --font-family--sans-subheading-2: var(--font-family--sans); --font-family--sans-body-1-regular: var(--font-family--sans); --font-family--sans-body-1-strong: var(--font-family--sans); --font-family--sans-body-1-link: var(--font-family--sans); --font-family--sans-body-2-regular: var(--font-family--sans); --font-family--sans-body-2-strong: var(--font-family--sans); --font-family--sans-body-2-link: var(--font-family--sans); --font-family--sans-body-sm-regular: var(--font-family--sans); --font-family--sans-body-sm-strong: var(--font-family--sans); --font-family--sans-body-sm-link: var(--font-family--sans); --font-family--sans-caption-md-regular: var(--font-family--sans); --font-family--sans-caption-md-strong: var(--font-family--sans); --font-family--sans-caption-md-link: var(--font-family--sans); --font-family--sans-caption-sm-regular: var(--font-family--sans); --font-family--sans-caption-sm-strong: var(--font-family--sans); --font-family--sans-button-lg: var(--font-family--sans); --font-family--sans-button-md: var(--font-family--sans); --font-family--sans-button-sm: var(--font-family--sans); --font-family--display-1-regular: var(--font-family--proxima-nova); --font-family--display-1-strong: var(--font-family--proxima-nova); --font-family--display-2-regular: var(--font-family--proxima-nova); --font-family--display-2-strong: var(--font-family--proxima-nova); --font-family--display-3-regular: var(--font-family--proxima-nova); --font-family--display-3-strong: var(--font-family--proxima-nova); --font-family--display-2-sparks-regular: var(--font-family--proxima-nova); --font-family--display-2-sparks-strong: var(--font-family--proxima-nova); --font-family--heading-1: var(--font-family--proxima-nova); --font-family--subheading-1: var(--font-family--proxima-nova); --font-family--subheading-2: var(--font-family--proxima-nova); --font-family--body-1-regular: var(--font-family--proxima-nova); --font-family--body-1-strong: var(--font-family--proxima-nova); --font-family--body-1-link: var(--font-family--proxima-nova); --font-family--body-2-regular: var(--font-family--proxima-nova); --font-family--body-2-strong: var(--font-family--proxima-nova); --font-family--body-2-link: var(--font-family--proxima-nova); --font-family--body-3-regular: var(--font-family--proxima-nova); --font-family--body-3-strong: var(--font-family--proxima-nova); --font-family--body-3-link: var(--font-family--proxima-nova); --font-family--body-1-sparks-semibold: var(--font-family--proxima-nova); --font-family--body-2-sparks-semibold: var(--font-family--proxima-nova); --font-family--caption-1-regular: var(--font-family--proxima-nova); --font-family--caption-1-strong: var(--font-family--proxima-nova); --font-family--caption-1-link: var(--font-family--proxima-nova); --font-family--caption-2-regular: var(--font-family--proxima-nova); --font-family--caption-2-strong: var(--font-family--proxima-nova); --font-family--button-1: var(--font-family--proxima-nova); --font-family--button-2: var(--font-family--proxima-nova); --sizing--button-large-icon: var(--sizing--icon-small); --sizing--button-medium-icon: var(--sizing--icon-small); --sizing--button-small-icon: var(--sizing--icon-xsmall); --sizing--button-border-width: var(--sizing--border-width-regular); --sizing--button-large-padding-horizontal: var(--sizing--padding-xxlarge); --sizing--button-large-padding-vertical: var(--sizing--padding-medium); --sizing--button-medium-padding-horizontal: var(--sizing--padding-xlarge); --sizing--button-medium-padding-vertical: var(--sizing--padding-small); --sizing--button-small-padding-horizontal: var(--sizing--padding-large); --sizing--button-small-padding-vertical: var(--sizing--padding-small); }
.theme-light, :root { --fill--accent-matchmaker-gradient: url(#svg-pattern-linear__light__gradient--accentMatchmakerGradient); --fill--background-scripted-onboarding: url(#svg-pattern-linear__light__gradient--backgroundScriptedOnboarding); --fill--background-swipesurge: url(#svg-pattern-linear__light__gradient--backgroundSwipesurge); --fill--background-teal-subtle: url(#svg-pattern-linear__light__gradient--backgroundTealSubtle); --fill--overlay-primary-gradient: url(#svg-pattern-linear__light__gradient--overlayPrimaryGradient); --fill--overlay-secondary-gradient: url(#svg-pattern-linear__light__gradient--overlaySecondaryGradient); --fill--overlay-profile-button-gamepad: url(#svg-pattern-linear__light__gradient--overlayProfileButtonGamepad); --fill--overlay-profile-sparks-super-like: url(#svg-pattern-linear__light__gradient--overlayProfileSparksSuperLike); --fill--overlay-tappy-high-top-strong: url(#svg-pattern-linear__light__gradient--overlayTappyHighTopStrong); --fill--overlay-tappy-high-top-medium: url(#svg-pattern-linear__light__gradient--overlayTappyHighTopMedium); --fill--overlay-tappy-high-top-light: url(#svg-pattern-linear__light__gradient--overlayTappyHighTopLight); --fill--overlay-tappy-high-bottom: url(#svg-pattern-linear__light__gradient--overlayTappyHighBottom); --fill--overlay-tappy-content-top: url(#svg-pattern-linear__light__gradient--overlayTappyContentTop); --fill--overlay-tappy-content-bottom: url(#svg-pattern-linear__light__gradient--overlayTappyContentBottom); --fill--overlay-tappy-low-top: url(#svg-pattern-linear__light__gradient--overlayTappyLowTop); --fill--overlay-tappy-low-bottom: url(#svg-pattern-linear__light__gradient--overlayTappyLowBottom); --fill--background-card-sparks-highlight-common-1: url(#svg-pattern-linear__light__gradient--backgroundCardSparksHighlightCommon1); --fill--background-card-sparks-highlight-common-2: url(#svg-pattern-linear__light__gradient--backgroundCardSparksHighlightCommon2); --fill--background-card-sparks-highlight-common-3: url(#svg-pattern-linear__light__gradient--backgroundCardSparksHighlightCommon3); --fill--background-card-sparks-highlight-uncommon-1: url(#svg-pattern-linear__light__gradient--backgroundCardSparksHighlightUncommon1); --fill--background-card-sparks-highlight-uncommon-2: url(#svg-pattern-linear__light__gradient--backgroundCardSparksHighlightUncommon2); --fill--background-card-sparks-highlight-uncommon-3: url(#svg-pattern-linear__light__gradient--backgroundCardSparksHighlightUncommon3); --fill--background-card-sparks-icebreaker: url(#svg-pattern-linear__light__gradient--backgroundCardSparksIcebreaker); --fill--background-card-sparks-prompt: url(#svg-pattern-linear__light__gradient--backgroundCardSparksPrompt); --fill--background-card-sparks-quiz: url(#svg-pattern-linear__light__gradient--backgroundCardSparksQuiz); --fill--overlay-card: url(#svg-pattern-linear__light__gradient--overlayCard); --fill--overlay-subtle-card: url(#svg-pattern-linear__light__gradient--overlaySubtleCard); --fill--background-passions-sparks-shared-overlay: url(#svg-pattern-linear__light__gradient--backgroundPassionsSparksSharedOverlay); --fill--background-rec-card-bottom-ai-gradient: url(#svg-pattern-linear__light__gradient--backgroundRecCardBottomAiGradient); --fill--overlay-rec-card-default: url(#svg-pattern-linear__light__gradient--overlayRecCardDefault); --fill--overlay-rec-card-super-like: url(#svg-pattern-linear__light__gradient--overlayRecCardSuperLike); --fill--overlay-rec-card-vault: url(#svg-pattern-linear__light__gradient--overlayRecCardVault); --fill--overlay-rec-card-highlight: url(#svg-pattern-linear__light__gradient--overlayRecCardHighlight); --fill--overlay-rec-card-intent-a: url(#svg-pattern-linear__light__gradient--overlayRecCardIntentA); --fill--overlay-rec-card-intent-b: url(#svg-pattern-linear__light__gradient--overlayRecCardIntentB); --fill--overlay-rec-card-intent-c: url(#svg-pattern-linear__light__gradient--overlayRecCardIntentC); --fill--overlay-rec-card-intent-d: url(#svg-pattern-linear__light__gradient--overlayRecCardIntentD); --fill--overlay-rec-card-intent-e: url(#svg-pattern-linear__light__gradient--overlayRecCardIntentE); --fill--overlay-rec-card-intent-f: url(#svg-pattern-linear__light__gradient--overlayRecCardIntentF); --color--accent-primary: var(--color--brand-primary); --color--accent-primary-a11y: var(--color--brand-primary-a11y); --color--accent-brand: var(--color--brand-primary); --color--accent-like: var(--color--green-60); --color--accent-nope: var(--color--red-60); --color--accent-super-like: var(--color--blue-60); --color--accent-super-like-subtle: var(--color--blue-15); --color--accent-boost: var(--color--purple-60); --color--accent-boost-static: var(--color--brand-rebrand-petal); --color--accent-rewind: var(--color--yellow-orange-60); --color--accent-gold: var(--color--gold-60); --color--accent-gold-subtle: var(--color--gold-15); --color--accent-gold-static: var(--color--gold-rebrand); --color--accent-platinum: var(--color--gray-95); --color--accent-platinum-subtle: var(--color--gray-20); --color--accent-plus-subtle: var(--color--red-20); --color--accent-select: var(--color--vault-primary); --color--accent-error: var(--color--red-60); --color--accent-success: var(--color--green-60); --color--accent-active: var(--color--blue-60); --color--accent-link: var(--color--blue-60); --color--accent-chat: var(--color--blue-60); --color--accent-trust: var(--color--blue-60); --color--accent-blue: var(--color--blue-60); --color--accent-fuchsia: var(--color--fuchsia-60); --color--accent-green: var(--color--green-60); --color--accent-purple: var(--color--purple-60); --color--accent-red: var(--color--red-60); --color--accent-teal: var(--color--teal-60); --color--accent-yellow-orange: var(--color--yellow-orange-60); --color--accent-platinum-inverse: var(--color--gray-30); --color--accent-plus: var(--color--brand-primary); --color--accent-like-static-dark: var(--color--red-rebrand); --color--accent-super-like-static-dark: var(--color--brand-rebrand-haze); --color--background-primary: var(--color--white); --color--background-primary-inverse: var(--color--black); --color--background-secondary: var(--color--gray-10); --color--background-secondary-inverse: var(--color--gray-95); --color--background-tertiary: var(--color--gray-15); --color--background-tertiary-static-dark: var(--color--gray-90); --color--background-tertiary-static-light: var(--color--white); --color--background-tertiary-inverse: var(--color--gray-90); --color--background-inactive: var(--color--gray-50); --color--background-primary-static-light: var(--color--white); --color--background-primary-static-dark: var(--color--gray-95); --color--background-secondary-static-light: var(--color--gray-10); --color--background-secondary-static-dark: var(--color--gray-90); --color--background-solid: var(--color--white); --color--background-disabled: var(--color--gray-15); --color--background-read-receipts-badge: var(--color--blue-50); --color--background-green: var(--color--green-05); --color--background-teal: var(--color--teal-05); --color--background-blue: var(--color--blue-05); --color--background-purple: var(--color--purple-05); --color--background-fuchsia: var(--color--fuchsia-05); --color--background-red: var(--color--red-05); --color--background-yellow-orange: var(--color--yellow-orange-05); --color--background-card-boost: var(--color--white); --color--background-card-passport: var(--color--white); --color--background-card-super-like: var(--color--white); --color--background-ripple-default: var(--color--gray-20); --color--background-sparks-bottom-nav: var(--color--gray-10); --color--background-sparks-prompt: var(--color--gray-10); --color--background-trust: var(--color--blue-10); --color--background-passport: var(--color--red-15); --color--background-passport-subtle: var(--color--red-15); --color--background-plus: var(--color--red-15); --color--background-transparent: var(--color--transparent); --color--border-secondary-static-dark: var(--color--gray-90); --color--border-sparks-like: var(--color--green-40); --color--border-sparks-nope: var(--color--red-60); --color--border-sparks-super-like: var(--color--blue-50); --color--border-sparks-boost: var(--color--purple-60); --color--border-sparks-rewind: var(--color--yellow-orange-40); --color--foreground-primary: var(--color--gray-90); --color--foreground-primary-inverse: var(--color--gray-05); --color--foreground-secondary: var(--color--gray-70); --color--foreground-secondary-inverse: var(--color--gray-40); --color--foreground-tertiary: var(--color--gray-50); --color--foreground-inactive: var(--color--gray-60); --color--foreground-disabled: var(--color--gray-40); --color--foreground-primary-static-light: var(--color--white); --color--foreground-primary-static-dark: var(--color--gray-90); --color--foreground-secondary-static-light: var(--color--gray-30); --color--foreground-secondary-static-dark: var(--color--gray-70); --color--foreground-border-primary: var(--color--gray-50); --color--foreground-border-secondary: var(--color--gray-20); --color--icon-secondary: var(--color--gray-50); --color--icon-tertiary: var(--color--gray-50); --color--icon-disabled-static: var(--color--gray-70); --color--icon-chat-drawer-spotify-foreground-active: var(
    --color--third-party-spotify-primary-inverse
  ); --color--icon-chat-drawer-spotify-background-active: var(--color--third-party-spotify-primary); --color--icon-chat-drawer-noonlight-foreground-active: var(
    --color--third-party-noonlight-primary
  ); --color--icon-chat-drawer-noonlight-background-active: var(
    --color--third-party-noonlight-secondary
  ); --color--interactive-primary: #10111329; --color--interactive-secondary: #10111314; --color--interactive-on-light: #f0f1f429; --color--loader-shimmer-base-default: var(--color--gray-20); --color--loader-shimmer-highlight-default: var(--color--white); --color--overlay-default: #0000008f; --color--overlay-like: #20966333; --color--overlay-nope: #fe707433; --color--overlay-rewind: #d7600433; --color--overlay-super-like: #0083f833; --color--shadow-container-elevated: #00000038; --color--text-passport: var(--color--red-80); --color--text-tertiary: var(--color--gray-50); --color--static-brand-crush-base: var(--color--pink-60); --color--static-brand-crush-shade: var(--color--pink-95); --color--static-brand-crush-tint: var(--color--fuchsia-10); --color--static-brand-flame-base: var(--color--red-60); --color--static-brand-flame-shade: var(--color--red-80); --color--static-brand-flame-tint: var(--color--red-15); --color--static-brand-haze-base: var(--color--blue-30); --color--static-brand-haze-shade: var(--color--gray-90); --color--static-brand-haze-tint: var(--color--blue-10); --color--static-brand-off-white-base: var(--color--gray-05); --color--static-brand-petal-base: var(--color--fuchsia-20); --color--static-brand-petal-shade: var(--color--fuchsia-95); --color--static-brand-petal-tint: var(--color--fuchsia-15); --color--static-brand-pine-base: var(--color--green-90); --color--static-brand-pine-shade: var(--color--green-95); --color--static-brand-pine-tint: var(--color--green-05); --color--static-brand-romance-base: var(--color--red-90); --color--static-brand-romance-shade: var(--color--red-95); --color--static-brand-romance-tint: var(--color--gray-10); --color--background-badge-verified-default: var(--color--blue-60); --color--background-badge-online-now-default: var(--color--green-15); --color--text-badge-notification-default: var(--color--white); --color--background-button-primary-overlay: var(--color--white); --color--background-button-elevated: var(--color--white); --color--background-button-sparks-neutral: var(--color--gray-80); --color--background-button-sparks-expand-profile: #00000099; --color--border-button-secondary-overlay: var(--color--white); --color--border-button-sparks-expand-profile: #ffffff66; --color--foreground-button-primary-overlay: var(--color--gray-90); --color--foreground-button-secondary-overlay: var(--color--white); --color--foreground-button-tertiary-overlay: var(--color--white); --color--foreground-button-disabled: var(--color--gray-50); --color--foreground-button-sparks-expand-profile: var(--color--white); --color--background-chat-bubble-send: var(--color--blue-60); --color--background-chat-bubble-send-i-os: var(--color--blue-40); --color--background-checkbox-disabled: var(--color--gray-15); --color--background-gamepad-primary-default: #000000cc; --color--background-gamepad-primary-disabled: var(--color--gray-90); --color--background-gamepad-primary-disabled-on-super-like: #00000033; --color--background-gamepad-sparks-rewind-default: var(--color--white); --color--background-gamepad-sparks-nope-default: var(--color--white); --color--background-gamepad-sparks-super-like-default: var(--color--white); --color--background-gamepad-sparks-like-default: var(--color--white); --color--background-gamepad-sparks-boost-default: var(--color--white); --color--border-gamepad-primary-disabled: var(--color--gray-80); --color--border-gamepad-primary-disabled-on-super-like: var(--color--gray-40); --color--border-gamepad-rewind-default: var(--color--yellow-orange-50); --color--border-gamepad-nope-default: var(--color--brand-primary); --color--border-gamepad-super-like-default: var(--color--blue-50); --color--border-gamepad-super-like-disabled: var(--color--gray-40); --color--border-gamepad-like-default: var(--color--green-50); --color--border-gamepad-boost-default: var(--color--purple-50); --color--icon-gamepad-primary-disabled: var(--color--gray-80); --color--icon-gamepad-primary-disabled-on-super-like: var(--color--gray-40); --color--icon-gamepad-primary-super-like-disabled: var(--color--gray-40); --color--label-gamepad-primary-count-super-like: var(--color--blue-40); --color--label-gamepad-primary-count-boost: var(--color--purple-40); --color--background-icon-button-overlay-default: #101113cc; --color--background-icon-button-overlay-disabled: var(--color--gray-90); --color--icon-icon-button-overlay-disabled: var(--color--gray-80); --color--background-modal-overlay-default: #0000008f; --color--background-modal-overlay-recs: #000000cc; --color--icon-navigation-primary-inactive: var(--color--gray-50); --color--icon-navigation-secondary-end: var(--color--blue-50); --color--background-passions-edit: var(--color--gray-70); --color--background-passions-inactive-overlay: #4f525ccc; --color--background-passions-shared-overlay: #393b42cc; --color--background-passions-sparks-inactive-overlay: #00000066; --color--background-passions-sparks-inactive: var(--color--gray-10); --color--background-radio-selected-disabled: var(--color--gray-30); --color--icon-radio-selected-disabled: var(--color--gray-15); --color--background-rec-card-content-hidden: #ffffff40; --color--background-rec-card-bottom-default: var(--color--black); --color--background-rec-card-bottom-super-like: var(--color--blue-50); --color--background-slider-default-knob-enabled: var(--color--white); --color--background-slider-default-knob-disabled: var(--color--white); --color--background-switch-alt-track-selected: var(--color--red-10); --color--background-switch-alt-knob-unselected: var(--color--gray-50); --color--background-switch-alt-knob-disabled: var(--color--gray-30); --color--background-switch-default-knob-unselected: var(--color--white); --color--border-switch-alt-knob-disabled: var(--color--gray-30); --color--background-tappy-indicator-active: var(--color--white); --color--background-tappy-indicator-inactive: var(--color--gray-70); --color--background-tappy-indicator-sparks-active: var(--color--white); --color--background-tappy-indicator-sparks-inactive: #0000008f; --color--background-tappy-container-default: #f0f1f4b3; --color--background-tappy-sparks: #393b42b3; --color--border-tappy-indicator-active: var(--color--gray-70); --color--border-tappy-indicator-sparks-active: var(--color--gray-50); --color--border-tappy-indicator-sparks-inactive: var(--color--gray-50); --color--divider-tappy-sparks: #e7e9ee1f; --color--background-text-field-quiet-highlight: var(--color--blue-10); --color--background-text-field-loud-highlight: var(--color--blue-10); --color--border-text-field-loud-default: var(--color--gray-50); --color--background-tooltip-default: var(--color--gray-80); --color--background-tooltip-revenue-default: var(--color--gray-80); --color--background-tooltip-trust-default: var(--color--blue-60); --color--border-tooltip-default: var(--color--gray-80); --color--border-tooltip-revenue-boost: var(--color--purple-40); --color--border-tooltip-revenue-nope: var(--color--red-40); --color--border-tooltip-revenue-like: var(--color--green-40); --color--border-tooltip-revenue-super-like: var(--color--blue-40); --color--border-tooltip-revenue-rewind: var(--color--yellow-orange-40); --color--invertible-black: var(--color--black); --color--invertible-blue-10: var(--color--blue-10); --color--invertible-blue-15: var(--color--blue-15); --color--invertible-blue-20: var(--color--blue-20); --color--invertible-blue-30: var(--color--blue-30); --color--invertible-blue-40: var(--color--blue-40); --color--invertible-blue-50: var(--color--blue-50); --color--invertible-blue-60: var(--color--blue-60); --color--invertible-blue-70: var(--color--blue-70); --color--invertible-blue-80: var(--color--blue-80); --color--invertible-blue-90: var(--color--blue-90); --color--invertible-blue-95: var(--color--blue-95); --color--invertible-blue-05: var(--color--blue-05); --color--invertible-fuchsia-10: var(--color--fuchsia-10); --color--invertible-fuchsia-15: var(--color--fuchsia-15); --color--invertible-fuchsia-20: var(--color--fuchsia-20); --color--invertible-fuchsia-30: var(--color--fuchsia-30); --color--invertible-fuchsia-40: var(--color--fuchsia-40); --color--invertible-fuchsia-50: var(--color--fuchsia-50); --color--invertible-fuchsia-60: var(--color--fuchsia-60); --color--invertible-fuchsia-70: var(--color--fuchsia-70); --color--invertible-fuchsia-80: var(--color--fuchsia-80); --color--invertible-fuchsia-90: var(--color--fuchsia-90); --color--invertible-fuchsia-95: var(--color--fuchsia-95); --color--invertible-fuchsia-05: var(--color--fuchsia-05); --color--invertible-gold-10: var(--color--gold-10); --color--invertible-gold-15: var(--color--gold-15); --color--invertible-gold-20: var(--color--gold-20); --color--invertible-gold-30: var(--color--gold-30); --color--invertible-gold-40: var(--color--gold-40); --color--invertible-gold-50: var(--color--gold-50); --color--invertible-gold-60: var(--color--gold-60); --color--invertible-gold-70: var(--color--gold-70); --color--invertible-gold-80: var(--color--gold-80); --color--invertible-gold-90: var(--color--gold-90); --color--invertible-gold-95: var(--color--gold-95); --color--invertible-gold-05: var(--color--gold-05); --color--invertible-gray-10: var(--color--gray-10); --color--invertible-gray-15: var(--color--gray-15); --color--invertible-gray-20: var(--color--gray-20); --color--invertible-gray-30: var(--color--gray-30); --color--invertible-gray-40: var(--color--gray-40); --color--invertible-gray-50: var(--color--gray-50); --color--invertible-gray-60: var(--color--gray-60); --color--invertible-gray-70: var(--color--gray-70); --color--invertible-gray-80: var(--color--gray-80); --color--invertible-gray-90: var(--color--gray-90); --color--invertible-gray-95: var(--color--gray-95); --color--invertible-gray-05: var(--color--gray-05); --color--invertible-green-10: var(--color--green-10); --color--invertible-green-15: var(--color--green-15); --color--invertible-green-20: var(--color--green-20); --color--invertible-green-30: var(--color--green-30); --color--invertible-green-40: var(--color--green-40); --color--invertible-green-50: var(--color--green-50); --color--invertible-green-60: var(--color--green-60); --color--invertible-green-70: var(--color--green-70); --color--invertible-green-80: var(--color--green-80); --color--invertible-green-90: var(--color--green-90); --color--invertible-green-95: var(--color--green-95); --color--invertible-green-05: var(--color--green-05); --color--invertible-purple-10: var(--color--purple-10); --color--invertible-purple-15: var(--color--purple-15); --color--invertible-purple-20: var(--color--purple-20); --color--invertible-purple-30: var(--color--purple-30); --color--invertible-purple-40: var(--color--purple-40); --color--invertible-purple-50: var(--color--purple-50); --color--invertible-purple-60: var(--color--purple-60); --color--invertible-purple-70: var(--color--purple-70); --color--invertible-purple-80: var(--color--purple-80); --color--invertible-purple-90: var(--color--purple-90); --color--invertible-purple-95: var(--color--purple-95); --color--invertible-purple-05: var(--color--purple-05); --color--invertible-red-10: var(--color--red-10); --color--invertible-red-15: var(--color--red-15); --color--invertible-red-20: var(--color--red-20); --color--invertible-red-30: var(--color--red-30); --color--invertible-red-40: var(--color--red-40); --color--invertible-red-50: var(--color--red-50); --color--invertible-red-60: var(--color--red-60); --color--invertible-red-70: var(--color--red-70); --color--invertible-red-80: var(--color--red-80); --color--invertible-red-90: var(--color--red-90); --color--invertible-red-95: var(--color--red-95); --color--invertible-red-05: var(--color--red-05); --color--invertible-teal-10: var(--color--teal-10); --color--invertible-teal-15: var(--color--teal-15); --color--invertible-teal-20: var(--color--teal-20); --color--invertible-teal-30: var(--color--teal-30); --color--invertible-teal-40: var(--color--teal-40); --color--invertible-teal-50: var(--color--teal-50); --color--invertible-teal-60: var(--color--teal-60); --color--invertible-teal-70: var(--color--teal-70); --color--invertible-teal-80: var(--color--teal-80); --color--invertible-teal-90: var(--color--teal-90); --color--invertible-teal-95: var(--color--teal-95); --color--invertible-teal-05: var(--color--teal-05); --color--invertible-white: var(--color--white); --color--invertible-yellow-orange-10: var(--color--yellow-orange-10); --color--invertible-yellow-orange-15: var(--color--yellow-orange-15); --color--invertible-yellow-orange-20: var(--color--yellow-orange-20); --color--invertible-yellow-orange-30: var(--color--yellow-orange-30); --color--invertible-yellow-orange-40: var(--color--yellow-orange-40); --color--invertible-yellow-orange-50: var(--color--yellow-orange-50); --color--invertible-yellow-orange-60: var(--color--yellow-orange-60); --color--invertible-yellow-orange-70: var(--color--yellow-orange-70); --color--invertible-yellow-orange-80: var(--color--yellow-orange-80); --color--invertible-yellow-orange-90: var(--color--yellow-orange-90); --color--invertible-yellow-orange-95: var(--color--yellow-orange-95); --color--invertible-yellow-orange-05: var(--color--yellow-orange-05); --gradient--accent-matchmaker-gradient: linear-gradient(0deg,var(--color--green-30),var(--color--green-20)); --gradient--background-scripted-onboarding: linear-gradient(to bottom left,var(--color--blue-30),var(--color--fuchsia-30)); --gradient--background-swipesurge: linear-gradient(to top right,var(--color--green-20),var(--color--teal-20)); --gradient--background-teal-subtle: linear-gradient(0deg,var(--color--white),var(--color--teal-10)); --gradient--overlay-primary-gradient: linear-gradient(180deg,#00000000,var(--color--black)); --gradient--overlay-secondary-gradient: linear-gradient(180deg,#00000000,#0000008f); --gradient--overlay-profile-button-gamepad: linear-gradient(180deg,#ffffff00,var(--color--gray-15)); --gradient--overlay-profile-sparks-super-like: linear-gradient(180deg,#0083f800,#0083f84f,#0083f8b3,var(--color--blue-50),var(--color--blue-50)); --gradient--overlay-tappy-high-top-strong: linear-gradient(180deg,#101113b3,#101113b3,#10111300); --gradient--overlay-tappy-high-top-medium: linear-gradient(180deg,#10111373,#10111373,#10111300); --gradient--overlay-tappy-high-top-light: linear-gradient(180deg,#1011133b,#10111352,#10111300); --gradient--overlay-tappy-high-bottom: linear-gradient(180deg,#10111300 0%,#10111380 25%,#101113b3 50%,var(--color--gray-95) 100%); --gradient--overlay-tappy-content-top: linear-gradient(180deg,#101113cc,var(--color--gray-95)); --gradient--overlay-tappy-content-bottom: linear-gradient(180deg,var(--color--gray-95),#101113cc); --gradient--overlay-tappy-low-top: linear-gradient(180deg,var(--color--gray-neutral-60),#63636300); --gradient--overlay-tappy-low-bottom: linear-gradient(180deg,#4f4f4f00,#4f4f4fbf,#4f4f4f00); --gradient--background-card-sparks-highlight-common-1: linear-gradient(to bottom right,var(--color--purple-60),var(--color--fuchsia-50)); --gradient--background-card-sparks-highlight-common-2: linear-gradient(to bottom right,var(--color--blue-50),var(--color--purple-50)); --gradient--background-card-sparks-highlight-common-3: linear-gradient(to bottom right,var(--color--red-50),var(--color--fuchsia-50)); --gradient--background-card-sparks-highlight-uncommon-1: linear-gradient(to bottom right,#0046c78f,#e714e147); --gradient--background-card-sparks-highlight-uncommon-2: linear-gradient(to bottom right,#e714e18f,#f1e82a47); --gradient--background-card-sparks-highlight-uncommon-3: linear-gradient(to bottom right,#9f00fe8f,#2bb37247); --gradient--background-card-sparks-icebreaker: linear-gradient(to bottom right,var(--color--blue-50),var(--color--teal-15)); --gradient--background-card-sparks-prompt: linear-gradient(to bottom right,var(--color--fuchsia-50),var(--color--red-60)); --gradient--background-card-sparks-quiz: linear-gradient(to bottom right,var(--color--purple-60),var(--color--fuchsia-50)); --gradient--overlay-card: linear-gradient(180deg,#00000000,var(--color--black)); --gradient--overlay-subtle-card: linear-gradient(180deg,#00000000,#0000008f); --gradient--background-passions-sparks-shared-overlay: linear-gradient(to top right,var(--color--red-50),var(--color--fuchsia-50)); --gradient--background-rec-card-bottom-ai-gradient: linear-gradient(180deg,var(--color--black),var(--color--pink-90),var(--color--pink-80)); --gradient--overlay-rec-card-default: linear-gradient(180deg,#00000000,#00000054,#00000096,#000000c4,var(--color--black)); --gradient--overlay-rec-card-super-like: linear-gradient(180deg,#00187400,#00187499,#002ca2c2,var(--color--blue-60),var(--color--blue-60)); --gradient--overlay-rec-card-vault: linear-gradient(180deg,#39006a00,#39006a99,#58009bcc,var(--color--vault-primary),var(--color--blue-60)); --gradient--overlay-rec-card-highlight: linear-gradient(180deg,#00000000,#00000093,#000000ba,#000000dd,var(--color--black)); --gradient--overlay-rec-card-intent-a: linear-gradient(180deg,#00187400,#0046c799,#002ca2ba,#001874dd,var(--color--black)); --gradient--overlay-rec-card-intent-b: linear-gradient(180deg,#032b2d00,#0e5c5f99,#074245ba,#032b2ddd,var(--color--black)); --gradient--overlay-rec-card-intent-c: linear-gradient(180deg,#032c1c00,#16795299,#07442eba,#032c1cdd,var(--color--black)); --gradient--overlay-rec-card-intent-d: linear-gradient(180deg,#4e0d0000,#972d0099,#731b00ba,#4e0d00dd,var(--color--black)); --gradient--overlay-rec-card-intent-e: linear-gradient(180deg,#52031500,#a7082899,#7b0520ba,#520315dd,var(--color--black)); --gradient--overlay-rec-card-intent-f: linear-gradient(180deg,#39006a00,#7a00cd99,#58009bba,#39006add,var(--color--black)); --fill--accent-primary-gradient: var(--fill--brand-gradient); --fill--accent-brand-gradient: var(--fill--brand-gradient); --fill--accent-like-gradient: var(--fill--gamepad-like-on-light); --fill--accent-sparks-like-gradient: var(--fill--gamepad-sparks-like); --fill--accent-sparks-nope-gradient: var(--fill--gamepad-sparks-nope); --fill--accent-super-like-gradient: var(--fill--gamepad-super-like-on-light); --fill--accent-sparks-super-like-gradient: var(--fill--gamepad-sparks-super-like); --fill--accent-boost-gradient: var(--fill--gamepad-boost); --fill--accent-sparks-boost-gradient: var(--fill--gamepad-sparks-boost); --fill--accent-super-boost-gradient: var(--fill--gamepad-super-boost); --fill--accent-rewind-gradient: var(--fill--gamepad-rewind); --fill--accent-sparks-rewind-gradient: var(--fill--gamepad-sparks-rewind); --fill--accent-gold-gradient: var(--fill--revenue-gold); --fill--accent-gold-shine-gradient: var(--fill--revenue-gold-shine); --fill--accent-platinum-gradient: var(--fill--revenue-platinum); --fill--accent-platinum-shine-gradient: var(--fill--revenue-platinum-shine); --fill--accent-platinum-gradient-inverse: var(--fill--revenue-platinum-on-dark); --fill--accent-platinum-shine-gradient-inverse: var(--fill--revenue-platinum-shine-on-dark); --fill--accent-select-gradient: var(--fill--vault-gradient); --fill--accent-explore-gradient: var(--fill--explore-attribution-gradient); --fill--accent-festival-mode-gradient: var(--fill--festival-mode-gradient); --fill--accent-spotify-music-mode-gradient: var(--fill--spotify-music-mode-gradient); --fill--accent-hot-takes-gradient: var(--fill--hot-takes-gradient); --fill--accent-match-expiration-gradient: var(--fill--match-expiration-gradient); --fill--accent-passions-gradient: var(--fill--passions-gradient); --fill--accent-vibes-gradient: var(--fill--vibes-gradient); --fill--background-primary-linear: url(#svg-pattern-linear__light__gradient--backgroundPrimaryLinear); --fill--background-primary-gradient: url(#svg-pattern-linear__light__gradient--backgroundPrimaryGradient); --fill--background-brand-subtle: var(--fill--brand-subtle); --fill--background-super-like: var(--fill--gamepad-super-like); --fill--background-super-like-inverse: var(--fill--gamepad-super-like-on-dark); --fill--background-super-like-subtle: var(--fill--gamepad-super-like-subtle); --fill--background-like: var(--fill--gamepad-like); --fill--background-like-inverse: var(--fill--gamepad-like-on-dark); --fill--background-like-subtle: var(--fill--gamepad-like-subtle); --fill--background-boost: var(--fill--gamepad-boost); --fill--background-boost-inverse: var(--fill--gamepad-boost-on-dark); --fill--background-boost-subtle: var(--fill--gamepad-boost-subtle); --fill--background-super-boost-subtle: var(--fill--gamepad-super-boost-subtle); --fill--background-plus-subtle: var(--fill--revenue-plus-subtle); --fill--background-gold-subtle: var(--fill--revenue-gold-subtle); --fill--background-platinum-subtle: var(--fill--revenue-platinum-subtle); --fill--background-select-subtle: var(--fill--vault-subtle-on-light); --fill--background-background-primary: url(#svg-pattern-linear__light__gradient--backgroundBackgroundPrimary); --fill--background-background-primary-variant: url(#svg-pattern-linear__light__gradient--backgroundBackgroundPrimaryVariant); --fill--icon-sparks-matchmaker-attribution: var(--fill--accent-matchmaker-gradient); --fill--overlay-contextual-like: url(#svg-pattern-linear__light__gradient--overlayContextualLike); --fill--overlay-background-primary: url(#svg-pattern-linear__light__gradient--overlayBackgroundPrimary); --fill--overlay-background-primary-variant: url(#svg-pattern-linear__light__gradient--overlayBackgroundPrimaryVariant); --fill--shimmer-gold: var(--fill--revenue-gold-shine-animation); --fill--shimmer-platinum: var(--fill--revenue-platinum-shine-animation); --fill--text-sparks-matchmaker-attribution: var(--fill--accent-matchmaker-gradient); --fill--fade-primary-bottom-to-top: url(#svg-pattern-linear__light__gradient--fadePrimaryBottomToTop); --fill--fade-primary-top-to-bottom: url(#svg-pattern-linear__light__gradient--fadePrimaryTopToBottom); --fill--fade-bottom-to-top-primary-bold: url(#svg-pattern-linear__light__gradient--fadeBottomToTopPrimaryBold); --fill--fade-bottom-to-top-primary-subtle: url(#svg-pattern-linear__light__gradient--fadeBottomToTopPrimarySubtle); --fill--fade-bottom-to-top-secondary: url(#svg-pattern-linear__light__gradient--fadeBottomToTopSecondary); --fill--fade-bottom-to-top-tertiary: url(#svg-pattern-linear__light__gradient--fadeBottomToTopTertiary); --fill--fade-top-to-bottom-primary-bold: url(#svg-pattern-linear__light__gradient--fadeTopToBottomPrimaryBold); --fill--fade-top-to-bottom-primary-subtle: url(#svg-pattern-linear__light__gradient--fadeTopToBottomPrimarySubtle); --fill--fade-top-to-bottom-secondary: url(#svg-pattern-linear__light__gradient--fadeTopToBottomSecondary); --fill--fade-top-to-bottom-tertiary: url(#svg-pattern-linear__light__gradient--fadeTopToBottomTertiary); --fill--icon-container-banner-default: var(--fill--brand-gradient); --fill--background-gamepad-rewind-pressed: var(--fill--gamepad-rewind); --fill--background-gamepad-super-like-pressed: var(--fill--gamepad-super-like-on-light); --fill--background-gamepad-like-pressed: var(--fill--gamepad-like-on-light); --fill--background-gamepad-boost-pressed: var(--fill--gamepad-boost); --fill--background-gamepad-sparks-rewind-pressed: var(--fill--gamepad-sparks-rewind); --fill--background-gamepad-sparks-nope-pressed: var(--fill--gamepad-sparks-nope); --fill--background-gamepad-sparks-super-like-pressed: var(--fill--gamepad-sparks-super-like); --fill--background-gamepad-sparks-like-pressed: var(--fill--gamepad-sparks-like); --fill--background-gamepad-sparks-boost-pressed: var(--fill--gamepad-sparks-boost); --fill--icon-gamepad-primary-rewind-default: var(--fill--gamepad-rewind-on-dark); --fill--icon-gamepad-primary-super-like-default: var(--fill--gamepad-super-like-on-dark); --fill--icon-gamepad-primary-like-default: var(--fill--gamepad-like-on-dark); --fill--icon-gamepad-primary-boost-default: var(--fill--gamepad-boost); --fill--icon-gamepad-secondary-rewind-default: var(--fill--gamepad-rewind); --fill--icon-gamepad-secondary-super-like-default: var(--fill--gamepad-super-like-on-light); --fill--icon-gamepad-secondary-like-default: var(--fill--gamepad-like-on-light); --fill--icon-gamepad-secondary-boost-default: var(--fill--gamepad-boost); --fill--icon-gamepad-sparks-rewind-default: var(--fill--gamepad-sparks-rewind); --fill--icon-gamepad-sparks-nope-default: var(--fill--gamepad-sparks-nope); --fill--icon-gamepad-sparks-super-like-default: var(--fill--gamepad-sparks-super-like); --fill--icon-gamepad-sparks-like-default: var(--fill--gamepad-sparks-like); --fill--icon-gamepad-sparks-boost-default: var(--fill--gamepad-sparks-boost); --fill--icon-navigation-primary-active: var(--fill--brand-gradient); --fill--background-passions-shared-rec: var(--fill--passions-gradient); --fill--foreground-progress-active: var(--fill--passions-gradient); --fill--swipe-overlay-rec-card-sparks-like: var(--fill--gamepad-sparks-like); --fill--swipe-overlay-rec-card-sparks-nope: var(--fill--gamepad-sparks-nope); --fill--swipe-overlay-rec-card-sparks-super-like: var(--fill--gamepad-sparks-super-like); --fill--overlay-rec-card-sparks-super-like: var(--fill--overlay-profile-sparks-super-like); --color--action-active: var(--color--accent-active); --color--action-inactive: var(--color--foreground-inactive); --color--action-primary: var(--color--foreground-primary); --color--action-primary-inverse: var(--color--foreground-primary-inverse); --color--action-secondary: var(--color--opacity-black-10); --color--action-secondary-inverse: var(--color--opacity-white-10); --color--action-tertiary: var(--color--opacity-white-05); --color--background-overlay-primary: var(--color--background-primary-static-dark); --color--background-overlay-secondary: var(--color--background-secondary-static-dark); --color--background-brand: var(--color--accent-primary); --color--background-error: var(--color--accent-error); --color--background-vault: var(--color--accent-select); --color--background-elevated: var(--color--background-primary); --color--background-elevated-static-dark: var(--color--background-tertiary-inverse); --color--background-card-sparks: var(--color--background-primary); --color--background-menu-default: var(--color--background-primary); --color--background-header-sparks: var(--color--background-primary); --color--background-sparks-primary: var(--color--background-primary); --color--background-sparks-profile: var(--color--background-secondary); --color--background-sparks-top-nav: var(--color--background-primary); --color--background-opacity-base: var(--color--opacity-white-10); --color--background-opacity-base-inverse: var(--color--opacity-black-10); --color--background-opacity-base-static-dark: var(--color--opacity-black-10); --color--background-opacity-base-static-light: var(--color--opacity-white-10); --color--background-opacity-obscure: var(--color--opacity-white-30); --color--background-opacity-obscure-inverse: var(--color--opacity-black-30); --color--background-opacity-obscure-static-dark: var(--color--opacity-black-30); --color--background-opacity-obscure-static-light: var(--color--opacity-white-30); --color--background-opacity-brand: #ff235821; --color--background-opacity-haze: #0063e321; --color--border-primary: var(--color--foreground-border-primary); --color--border-primary-inverse: var(--color--foreground-primary-inverse); --color--border-secondary: var(--color--foreground-border-secondary); --color--border-secondary-overlay: var(--color--foreground-secondary-static-light); --color--border-disabled: var(--color--foreground-disabled); --color--border-overlay: var(--color--foreground-primary-static-light); --color--border-brand: var(--color--accent-primary); --color--border-gold: var(--color--accent-gold); --color--border-platinum: var(--color--accent-platinum); --color--border-rewind: var(--color--accent-rewind); --color--border-like: var(--color--accent-like); --color--border-super-like: var(--color--accent-super-like); --color--border-boost: var(--color--accent-boost); --color--border-nope: var(--color--accent-nope); --color--border-focus-default: var(--color--foreground-primary); --color--border-focus-overlay: var(--color--foreground-primary-static-light); --color--border-focus-inverse: var(--color--foreground-primary-inverse); --color--border-error: var(--color--accent-error); --color--border-success: var(--color--accent-success); --color--border-active: var(--color--accent-active); --color--border-vault: var(--color--accent-select); --color--border-timer-expired: var(--color--foreground-border-secondary); --color--cursor-default: var(--color--accent-active); --color--device-home-indicator: var(--color--foreground-primary); --color--device-status-bar: var(--color--foreground-primary); --color--device-status-bar-inverse: var(--color--foreground-primary-inverse); --color--divider-primary: var(--color--foreground-border-secondary); --color--divider-sparks: var(--color--foreground-border-secondary); --color--foreground-primary-static-on-dark: var(--color--foreground-primary-static-light); --color--foreground-border-elevated: #7d849600; --color--foreground-read-receipts-badge: var(--color--foreground-primary-static-light); --color--foreground-green: var(--color--accent-green); --color--foreground-teal: var(--color--accent-teal); --color--foreground-blue: var(--color--accent-blue); --color--foreground-purple: var(--color--accent-purple); --color--foreground-fuchsia: var(--color--accent-fuchsia); --color--foreground-red: var(--color--accent-red); --color--foreground-yellow-orange: var(--color--accent-yellow-orange); --color--icon-primary: var(--color--foreground-primary); --color--icon-primary-inverse: var(--color--foreground-primary-inverse); --color--icon-secondary-inverse: var(--color--foreground-secondary-inverse); --color--icon-disabled: var(--color--foreground-disabled); --color--icon-primary-overlay: var(--color--foreground-primary-static-light); --color--icon-primary-overlay-inverse: var(--color--foreground-primary-static-dark); --color--icon-brand: var(--color--accent-primary); --color--icon-trust: var(--color--accent-trust); --color--icon-success: var(--color--accent-success); --color--icon-error: var(--color--accent-error); --color--icon-chat-heart-default: var(--color--foreground-inactive); --color--icon-chat-heart-active: var(--color--accent-primary); --color--icon-chat-drawer-contact-card-default: var(--color--foreground-inactive); --color--icon-chat-drawer-contact-card-active: var(--color--accent-blue); --color--icon-chat-drawer-gif-foreground-default: var(--color--foreground-primary-inverse); --color--icon-chat-drawer-gif-background-default: var(--color--foreground-inactive); --color--icon-chat-drawer-gif-foreground-active: var(--color--accent-yellow-orange); --color--icon-chat-drawer-gif-background-active: var(--color--foreground-primary); --color--icon-chat-drawer-sticker-default: var(--color--foreground-inactive); --color--icon-chat-drawer-sticker-active: var(--color--accent-purple); --color--icon-chat-drawer-spotify-foreground-default: var(--color--foreground-primary-inverse); --color--icon-chat-drawer-spotify-background-default: var(--color--foreground-inactive); --color--icon-chat-drawer-noonlight-foreground-default: var(--color--foreground-inactive); --color--icon-chat-drawer-noonlight-background-default: var(--color--foreground-disabled); --color--icon-chat-drawer-vibes-default: var(--color--foreground-inactive); --color--icon-vault: var(--color--accent-select); --color--loader-skeleton: var(--color--loader-shimmer-base-default); --color--shadow-base: #00000005; --color--shadow-glass: var(--color--opacity-black-10); --color--shadow-heavy: var(--color--opacity-black-30); --color--shadow-highlight: var(--color--opacity-white-10); --color--shadow-light: var(--color--opacity-black-20); --color--state-layer-focus-primary: var(--color--opacity-black-15); --color--state-layer-focus-primary-inverse: var(--color--opacity-white-15); --color--state-layer-focus-primary-static-dark: var(--color--opacity-black-15); --color--state-layer-focus-primary-static-light: var(--color--opacity-white-15); --color--text-primary: var(--color--foreground-primary); --color--text-primary-inverse: var(--color--foreground-primary-inverse); --color--text-secondary: var(--color--foreground-secondary); --color--text-secondary-inverse: var(--color--foreground-secondary-inverse); --color--text-inactive: var(--color--foreground-inactive); --color--text-primary-overlay: var(--color--foreground-primary-static-light); --color--text-primary-overlay-inverse: var(--color--foreground-primary-static-dark); --color--text-secondary-overlay: var(--color--foreground-secondary-static-light); --color--text-secondary-overlay-inverse: var(--color--foreground-secondary-static-dark); --color--text-error: var(--color--accent-error); --color--text-link: var(--color--accent-link); --color--text-gold: var(--color--accent-gold); --color--text-like: var(--color--accent-like); --color--text-super-like: var(--color--accent-super-like); --color--text-boost: var(--color--accent-boost); --color--text-super-boost: var(--color--accent-boost); --color--text-success: var(--color--accent-success); --color--text-disabled: var(--color--foreground-disabled); --color--text-link-overlay: var(--color--foreground-primary-static-light); --color--text-highlight-foreground: var(--color--foreground-primary-inverse); --color--text-highlight-background: var(--color--foreground-primary); --color--text-brand-normal: var(--color--accent-primary-a11y); --color--text-brand-large: var(--color--accent-primary); --color--text-vault-normal: var(--color--accent-select); --color--text-vault-large: var(--color--accent-select); --color--text-trust: var(--color--accent-trust); --color--background-badge-notification-inactive: var(--color--background-tertiary); --color--background-banner-default: var(--color--background-secondary); --color--icon-banner-dismiss: var(--color--icon-secondary); --color--background-bottom-sheet-default: var(--color--background-primary); --color--background-button-primary: var(--color--background-primary-inverse); --color--background-button-primary-small: var(--color--background-primary-inverse); --color--background-button-neutral: var(--color--background-primary-inverse); --color--background-button-disabled: var(--color--background-tertiary); --color--foreground-button-primary: var(--color--foreground-primary-inverse); --color--foreground-button-neutral: var(--color--foreground-primary-inverse); --color--interactive-button-primary: var(--color--interactive-primary); --color--interactive-button-secondary: var(--color--interactive-secondary); --color--interactive-button-tertiary: var(--color--interactive-secondary); --color--interactive-button-neutral: var(--color--interactive-on-light); --color--background-chat-bubble-receive: var(--color--background-tertiary); --color--background-datepicker-selected: var(--color--background-secondary); --color--icon-form-default: var(--color--icon-secondary); --color--background-gamepad-secondary-default: var(--color--background-primary); --color--background-gamepad-secondary-disabled: var(--color--background-disabled); --color--border-gamepad-sparks-rewind-default: var(--color--border-sparks-rewind); --color--border-gamepad-sparks-nope-default: var(--color--border-sparks-nope); --color--border-gamepad-sparks-super-like-default: var(--color--border-sparks-super-like); --color--border-gamepad-sparks-like-default: var(--color--border-sparks-like); --color--border-gamepad-sparks-boost-default: var(--color--border-sparks-boost); --color--background-icon-button-primary: var(--color--background-primary-inverse); --color--background-icon-button-secondary: var(--color--background-primary); --color--background-icon-button-disabled: var(--color--background-disabled); --color--icon-icon-button-primary: var(--color--foreground-primary-inverse); --color--icon-icon-button-secondary: var(--color--icon-secondary); --color--interactive-icon-button-primary: var(--color--interactive-primary); --color--interactive-icon-button-secondary: var(--color--interactive-on-light); --color--interactive-icon-button-overlay: var(--color--interactive-primary); --color--background-modal-container-default: var(--color--background-primary); --color--icon-navigation-secondary-start: var(--color--icon-secondary); --color--background-passions-shared: var(--color--background-primary); --color--background-progress-inactive: var(--color--background-secondary); --color--background-radio-unselected-disabled: var(--color--background-disabled); --color--sub-card-rec-card-sparks: var(--color--background-secondary); --color--background-search-default: var(--color--background-tertiary); --color--cursor-search-input: var(--color--accent-active); --color--icon-search-start: var(--color--foreground-secondary); --color--icon-search-end-action: var(--color--foreground-secondary); --color--text-search-placeholder-inactive: var(--color--foreground-secondary); --color--text-search-input-active: var(--color--foreground-primary); --color--text-search-input-inactive: var(--color--foreground-primary); --color--background-slider-alt-track-enabled: var(--color--background-inactive); --color--background-slider-alt-track-disabled: var(--color--background-disabled); --color--background-slider-default-track-enabled: var(--color--background-inactive); --color--background-slider-default-track-disabled: var(--color--background-disabled); --color--background-switch-alt-track-unselected: var(--color--background-tertiary); --color--background-switch-alt-track-disabled: var(--color--background-disabled); --color--background-switch-default-track-unselected: var(--color--background-inactive); --color--background-switch-default-track-disabled: var(--color--background-disabled); --color--icon-switch-default-unselected: var(--color--icon-secondary); --color--background-table-row-default: var(--color--background-primary); --color--background-table-row-pressed: var(--color--interactive-primary); --color--background-table-row-hover: var(--color--interactive-secondary); --color--background-text-field-quiet-default: var(--color--background-primary); --color--background-text-field-loud-default: var(--color--background-secondary); --color--background-toast-default: var(--color--background-tertiary-inverse); --gradient--accent-primary-gradient: var(--gradient--brand-gradient); --gradient--accent-brand-gradient: var(--gradient--brand-gradient); --gradient--accent-like-gradient: var(--gradient--gamepad-like-on-light); --gradient--accent-sparks-like-gradient: var(--gradient--gamepad-sparks-like); --gradient--accent-sparks-nope-gradient: var(--gradient--gamepad-sparks-nope); --gradient--accent-super-like-gradient: var(--gradient--gamepad-super-like-on-light); --gradient--accent-sparks-super-like-gradient: var(--gradient--gamepad-sparks-super-like); --gradient--accent-boost-gradient: var(--gradient--gamepad-boost); --gradient--accent-sparks-boost-gradient: var(--gradient--gamepad-sparks-boost); --gradient--accent-super-boost-gradient: var(--gradient--gamepad-super-boost); --gradient--accent-rewind-gradient: var(--gradient--gamepad-rewind); --gradient--accent-sparks-rewind-gradient: var(--gradient--gamepad-sparks-rewind); --gradient--accent-gold-gradient: var(--gradient--revenue-gold); --gradient--accent-gold-shine-gradient: var(--gradient--revenue-gold-shine); --gradient--accent-platinum-gradient: var(--gradient--revenue-platinum); --gradient--accent-platinum-shine-gradient: var(--gradient--revenue-platinum-shine); --gradient--accent-platinum-gradient-inverse: var(--gradient--revenue-platinum-on-dark); --gradient--accent-platinum-shine-gradient-inverse: var(
    --gradient--revenue-platinum-shine-on-dark
  ); --gradient--accent-select-gradient: var(--gradient--vault-gradient); --gradient--accent-explore-gradient: var(--gradient--explore-attribution-gradient); --gradient--accent-festival-mode-gradient: var(--gradient--festival-mode-gradient); --gradient--accent-spotify-music-mode-gradient: var(--gradient--spotify-music-mode-gradient); --gradient--accent-hot-takes-gradient: var(--gradient--hot-takes-gradient); --gradient--accent-match-expiration-gradient: var(--gradient--match-expiration-gradient); --gradient--accent-passions-gradient: var(--gradient--passions-gradient); --gradient--accent-vibes-gradient: var(--gradient--vibes-gradient); --gradient--background-primary-linear: linear-gradient(180deg,var(--color--background-primary),var(--color--background-secondary)); --gradient--background-primary-gradient: linear-gradient(0deg,var(--color--background-primary),var(--color--background-primary)); --gradient--background-brand-subtle: var(--gradient--brand-subtle); --gradient--background-super-like: var(--gradient--gamepad-super-like); --gradient--background-super-like-inverse: var(--gradient--gamepad-super-like-on-dark); --gradient--background-super-like-subtle: var(--gradient--gamepad-super-like-subtle); --gradient--background-like: var(--gradient--gamepad-like); --gradient--background-like-inverse: var(--gradient--gamepad-like-on-dark); --gradient--background-like-subtle: var(--gradient--gamepad-like-subtle); --gradient--background-boost: var(--gradient--gamepad-boost); --gradient--background-boost-inverse: var(--gradient--gamepad-boost-on-dark); --gradient--background-boost-subtle: var(--gradient--gamepad-boost-subtle); --gradient--background-super-boost-subtle: var(--gradient--gamepad-super-boost-subtle); --gradient--background-plus-subtle: var(--gradient--revenue-plus-subtle); --gradient--background-gold-subtle: var(--gradient--revenue-gold-subtle); --gradient--background-platinum-subtle: var(--gradient--revenue-platinum-subtle); --gradient--background-select-subtle: var(--gradient--vault-subtle-on-light); --gradient--background-background-primary: linear-gradient(180deg,#ffffff00,#ffffff54,#ffffff96,#ffffffc4,var(--color--background-primary)); --gradient--background-background-primary-variant: linear-gradient(90deg,#ffffff00,var(--color--background-primary)); --gradient--icon-sparks-matchmaker-attribution: var(--gradient--accent-matchmaker-gradient); --gradient--overlay-contextual-like: linear-gradient(180deg,var(--color--opacity-black-60),var(--color--opacity-black-70),var(--color--black)); --gradient--overlay-background-primary: linear-gradient(180deg,#ffffff00,#ffffff54,#ffffff96,#ffffffc4,var(--color--background-primary)); --gradient--overlay-background-primary-variant: linear-gradient(90deg,#ffffff00,var(--color--background-primary)); --gradient--shimmer-gold: var(--gradient--revenue-gold-shine-animation); --gradient--shimmer-platinum: var(--gradient--revenue-platinum-shine-animation); --gradient--text-sparks-matchmaker-attribution: var(--gradient--accent-matchmaker-gradient); --gradient--fade-primary-bottom-to-top: linear-gradient(0deg,var(--color--background-primary),#ffffff00); --gradient--fade-primary-top-to-bottom: linear-gradient(180deg,var(--color--background-primary),#ffffff00); --gradient--fade-bottom-to-top-primary-bold: linear-gradient(180deg,#ffffff00,var(--color--background-primary)); --gradient--fade-bottom-to-top-primary-subtle: linear-gradient(180deg,#ffffff00,#ffffff66); --gradient--fade-bottom-to-top-secondary: linear-gradient(180deg,#f0f1f400,var(--color--background-secondary)); --gradient--fade-bottom-to-top-tertiary: linear-gradient(180deg,#e7e9ee00,var(--color--background-tertiary)); --gradient--fade-top-to-bottom-primary-bold: linear-gradient(180deg,var(--color--background-primary),#ffffff00); --gradient--fade-top-to-bottom-primary-subtle: linear-gradient(180deg,#ffffff66,#ffffff00); --gradient--fade-top-to-bottom-secondary: linear-gradient(180deg,var(--color--background-secondary),#f0f1f400); --gradient--fade-top-to-bottom-tertiary: linear-gradient(180deg,var(--color--background-tertiary),#e7e9ee00); --gradient--icon-container-banner-default: var(--gradient--brand-gradient); --gradient--background-gamepad-rewind-pressed: var(--gradient--gamepad-rewind); --gradient--background-gamepad-super-like-pressed: var(--gradient--gamepad-super-like-on-light); --gradient--background-gamepad-like-pressed: var(--gradient--gamepad-like-on-light); --gradient--background-gamepad-boost-pressed: var(--gradient--gamepad-boost); --gradient--background-gamepad-sparks-rewind-pressed: var(--gradient--gamepad-sparks-rewind); --gradient--background-gamepad-sparks-nope-pressed: var(--gradient--gamepad-sparks-nope); --gradient--background-gamepad-sparks-super-like-pressed: var(
    --gradient--gamepad-sparks-super-like
  ); --gradient--background-gamepad-sparks-like-pressed: var(--gradient--gamepad-sparks-like); --gradient--background-gamepad-sparks-boost-pressed: var(--gradient--gamepad-sparks-boost); --gradient--icon-gamepad-primary-rewind-default: var(--gradient--gamepad-rewind-on-dark); --gradient--icon-gamepad-primary-super-like-default: var(--gradient--gamepad-super-like-on-dark); --gradient--icon-gamepad-primary-like-default: var(--gradient--gamepad-like-on-dark); --gradient--icon-gamepad-primary-boost-default: var(--gradient--gamepad-boost); --gradient--icon-gamepad-secondary-rewind-default: var(--gradient--gamepad-rewind); --gradient--icon-gamepad-secondary-super-like-default: var(
    --gradient--gamepad-super-like-on-light
  ); --gradient--icon-gamepad-secondary-like-default: var(--gradient--gamepad-like-on-light); --gradient--icon-gamepad-secondary-boost-default: var(--gradient--gamepad-boost); --gradient--icon-gamepad-sparks-rewind-default: var(--gradient--gamepad-sparks-rewind); --gradient--icon-gamepad-sparks-nope-default: var(--gradient--gamepad-sparks-nope); --gradient--icon-gamepad-sparks-super-like-default: var(--gradient--gamepad-sparks-super-like); --gradient--icon-gamepad-sparks-like-default: var(--gradient--gamepad-sparks-like); --gradient--icon-gamepad-sparks-boost-default: var(--gradient--gamepad-sparks-boost); --gradient--icon-navigation-primary-active: var(--gradient--brand-gradient); --gradient--background-passions-shared-rec: var(--gradient--passions-gradient); --gradient--foreground-progress-active: var(--gradient--passions-gradient); --gradient--swipe-overlay-rec-card-sparks-like: var(--gradient--gamepad-sparks-like); --gradient--swipe-overlay-rec-card-sparks-nope: var(--gradient--gamepad-sparks-nope); --gradient--swipe-overlay-rec-card-sparks-super-like: var(--gradient--gamepad-sparks-super-like); --gradient--overlay-rec-card-sparks-super-like: var(
    --gradient--overlay-profile-sparks-super-like
  ); --fill--accent-nope-gradient: var(--fill--gamepad-nope); --fill--background-brand-gradient: var(--fill--accent-primary-gradient); --fill--background-rewind: var(--fill--accent-rewind-gradient); --fill--background-rewind-inverse: var(--fill--accent-rewind-gradient); --fill--background-super-boost: var(--fill--accent-super-boost-gradient); --fill--background-super-boost-inverse: var(--fill--accent-super-boost-gradient); --fill--background-gold: var(--fill--accent-gold-gradient); --fill--background-gold-inverse: var(--fill--accent-gold-gradient); --fill--background-gold-shine: var(--fill--accent-gold-shine-gradient); --fill--background-gold-shine-inverse: var(--fill--accent-gold-shine-gradient); --fill--background-platinum: var(--fill--accent-platinum-gradient); --fill--background-platinum-inverse: var(--fill--accent-platinum-gradient-inverse); --fill--background-platinum-shine: var(--fill--accent-platinum-shine-gradient); --fill--background-platinum-shine-inverse: var(--fill--accent-platinum-shine-gradient-inverse); --fill--background-vault-gradient: var(--fill--accent-select-gradient); --fill--background-vault-subtle: var(--fill--background-select-subtle); --fill--background-match-expiration: var(--fill--accent-match-expiration-gradient); --fill--background-explore-attribution: var(--fill--accent-explore-gradient); --fill--background-festival-mode: var(--fill--accent-festival-mode-gradient); --fill--background-hot-takes: var(--fill--accent-hot-takes-gradient); --fill--background-spotify-music-mode: var(--fill--accent-spotify-music-mode-gradient); --fill--background-sparks-like: var(--fill--accent-sparks-like-gradient); --fill--background-sparks-nope: var(--fill--accent-sparks-nope-gradient); --fill--background-sparks-super-like: var(--fill--accent-sparks-super-like-gradient); --fill--background-sparks-boost: var(--fill--accent-sparks-boost-gradient); --fill--background-sparks-rewind: var(--fill--accent-sparks-rewind-gradient); --fill--border-brand-gradient: var(--fill--accent-primary-gradient); --fill--border-vault-gradient: var(--fill--accent-select-gradient); --fill--border-match-expiration: var(--fill--accent-match-expiration-gradient); --fill--border-sparks-prompt-selected: var(--fill--accent-passions-gradient); --fill--icon-brand-gradient: var(--fill--accent-primary-gradient); --fill--icon-like: var(--fill--accent-like-gradient); --fill--icon-superlike: var(--fill--accent-super-like-gradient); --fill--icon-boost: var(--fill--accent-boost-gradient); --fill--icon-rewind: var(--fill--accent-rewind-gradient); --fill--icon-gold: var(--fill--accent-gold-gradient); --fill--icon-platinum: var(--fill--accent-platinum-gradient); --fill--icon-chat-drawer-vibes-active: var(--fill--accent-vibes-gradient); --fill--icon-vault-gradient: var(--fill--accent-select-gradient); --fill--icon-match-expiration: var(--fill--accent-match-expiration-gradient); --fill--icon-sparks-like: var(--fill--accent-sparks-like-gradient); --fill--icon-sparks-nope: var(--fill--accent-sparks-nope-gradient); --fill--icon-sparks-super-like: var(--fill--accent-sparks-super-like-gradient); --fill--icon-sparks-boost: var(--fill--accent-sparks-boost-gradient); --fill--icon-sparks-rewind: var(--fill--accent-sparks-rewind-gradient); --fill--text-match-expiration: var(--fill--accent-match-expiration-gradient); --fill--background-gamepad-nope-pressed: var(--fill--gamepad-nope); --fill--icon-gamepad-primary-nope-default: var(--fill--gamepad-nope); --fill--icon-gamepad-secondary-nope-default: var(--fill--gamepad-nope); --color--accent-nope-static-dark: var(--color--icon-primary-overlay); --color--accent-rewind-static-dark: var(--color--icon-primary-overlay); --color--background-card-default: var(--color--background-elevated); --color--border-container-elevated: var(--color--foreground-border-elevated); --color--background-badge-brand-default: var(--color--background-brand); --color--background-badge-notification-active: var(--color--background-brand); --color--icon-badge-verified: var(--color--icon-primary-overlay); --color--text-badge-notification-inactive: var(--color--text-inactive); --color--icon-banner-default: var(--color--icon-primary-overlay); --color--text-banner-heading: var(--color--text-primary); --color--text-banner-body: var(--color--text-secondary); --color--divider-banner-default: var(--color--divider-primary); --color--border-button-secondary: var(--color--border-secondary); --color--border-button-focused: var(--color--border-focus-default); --color--border-button-focused-overlay: var(--color--border-focus-overlay); --color--foreground-button-secondary: var(--color--text-primary); --color--foreground-button-tertiary: var(--color--text-primary); --color--text-chat-bubble-send: var(--color--text-primary-overlay); --color--text-chat-bubble-receive: var(--color--text-primary); --color--background-checkbox-selected-enabled: var(--color--background-brand); --color--border-checkbox-unselected-enabled: var(--color--border-primary); --color--border-checkbox-unselected-disabled: var(--color--border-disabled); --color--border-checkbox-unselected-error: var(--color--border-error); --color--icon-checkbox-selected-enabled: var(--color--icon-primary-overlay); --color--icon-checkbox-selected-disabled: var(--color--icon-disabled); --color--text-datepicker-inactive: var(--color--text-inactive); --color--text-datepicker-active: var(--color--text-primary); --color--icon-form-disabled: var(--color--icon-disabled); --color--icon-form-error: var(--color--icon-error); --color--icon-form-success: var(--color--icon-success); --color--text-form-label-default: var(--color--text-primary); --color--text-form-help-default: var(--color--text-secondary); --color--text-form-help-success: var(--color--text-success); --color--text-form-help-error: var(--color--text-error); --color--text-form-help-disabled: var(--color--text-disabled); --color--border-gamepad-secondary-disabled: var(--color--border-disabled); --color--border-gamepad-super-like-active: var(--color--border-overlay); --color--icon-gamepad-primary-pressed: var(--color--icon-primary-overlay); --color--icon-gamepad-primary-super-like-active: var(--color--border-overlay); --color--icon-gamepad-secondary-disabled: var(--color--icon-disabled); --color--icon-gamepad-secondary-pressed: var(--color--icon-primary-overlay); --color--icon-gamepad-sparks-rewind-active: var(--color--icon-primary-inverse); --color--icon-gamepad-sparks-nope-active: var(--color--icon-primary-inverse); --color--icon-gamepad-sparks-super-like-active: var(--color--icon-primary-inverse); --color--icon-gamepad-sparks-super-like-disabled: var(--color--icon-disabled); --color--icon-gamepad-sparks-like-active: var(--color--icon-primary-inverse); --color--icon-gamepad-sparks-boost-active: var(--color--icon-primary-inverse); --color--label-gamepad-secondary-count-super-like: var(--color--text-super-like); --color--label-gamepad-secondary-count-boost: var(--color--text-boost); --color--icon-icon-button-disabled: var(--color--icon-disabled); --color--icon-icon-button-overlay-default: var(--color--icon-primary-overlay); --color--label-icon-button-primary: var(--color--text-secondary); --color--label-icon-button-secondary: var(--color--text-secondary); --color--label-icon-button-disabled: var(--color--text-secondary); --color--label-icon-button-overlay-default: var(--color--text-primary-overlay); --color--label-icon-button-overlay-disabled: var(--color--text-primary-overlay); --color--border-icon-button-primary: var(--color--border-overlay); --color--border-icon-button-secondary: var(--color--border-secondary); --color--border-icon-button-disabled: var(--color--border-disabled); --color--foreground-modal-heading: var(--color--text-primary); --color--foreground-modal-body: var(--color--text-secondary); --color--foreground-modal-icon: var(--color--icon-brand); --color--action-navigation-secondary-disabled: var(--color--icon-disabled); --color--border-passions-active: var(--color--border-brand); --color--border-passions-inactive: var(--color--border-secondary); --color--border-passions-shared: var(--color--border-brand); --color--border-passions-shared-overlay: var(--color--border-overlay); --color--text-passions-active: var(--color--text-primary); --color--text-passions-inactive: var(--color--text-inactive); --color--text-passions-shared: var(--color--text-primary); --color--text-passions-shared-rec: var(--color--text-primary-overlay); --color--text-passions-inactive-overlay: var(--color--text-primary-overlay); --color--text-passions-shared-overlay: var(--color--text-primary-overlay); --color--background-radio-selected-enabled: var(--color--background-brand); --color--border-radio-selected-enabled: var(--color--border-brand); --color--border-radio-selected-disabled: var(--color--border-disabled); --color--border-radio-unselected-enabled: var(--color--border-primary); --color--border-radio-unselected-disabled: var(--color--border-disabled); --color--icon-radio-selected-enabled: var(--color--icon-primary-inverse); --color--border-rec-card-content-hidden: var(--color--border-overlay); --color--icon-rec-card-content-hidden: var(--color--icon-primary-overlay); --color--text-rec-card-content-hidden: var(--color--text-primary-overlay); --color--icon-selector-selected-enabled: var(--color--icon-brand); --color--icon-selector-selected-disabled: var(--color--icon-disabled); --color--background-slider-alt-knob-enabled: var(--color--background-brand); --color--background-slider-alt-knob-disabled: var(--color--border-disabled); --color--background-slider-alt-fill-enabled: var(--color--background-brand); --color--background-slider-alt-fill-disabled: var(--color--border-disabled); --color--background-slider-default-fill-enabled: var(--color--background-brand); --color--background-slider-default-fill-disabled: var(--color--border-disabled); --color--border-slider-alt-knob-enabled: var(--color--border-brand); --color--border-slider-alt-knob-disabled: var(--color--border-disabled); --color--border-slider-default-knob-enabled: var(--color--border-primary); --color--border-slider-default-knob-disabled: var(--color--border-disabled); --color--background-switch-alt-knob-selected: var(--color--background-brand); --color--background-switch-default-track-selected: var(--color--background-brand); --color--background-switch-default-knob-selected: var(--color--icon-primary-overlay); --color--background-switch-default-knob-disabled: var(--color--icon-primary-overlay); --color--border-switch-alt-track-selected: var(--color--border-brand); --color--border-switch-alt-track-unselected: var(--color--border-primary); --color--border-switch-alt-track-disabled: var(--color--border-disabled); --color--border-switch-alt-knob-selected: var(--color--border-brand); --color--border-switch-alt-knob-unselected: var(--color--border-primary); --color--border-switch-default-track-selected: var(--color--border-brand); --color--border-switch-default-track-unselected: var(--color--border-primary); --color--border-switch-default-track-disabled: var(--color--border-disabled); --color--border-switch-default-knob-selected: var(--color--border-brand); --color--border-switch-default-knob-unselected: var(--color--border-primary); --color--border-switch-default-knob-disabled: var(--color--border-disabled); --color--icon-switch-alt-selected: var(--color--icon-primary-overlay); --color--icon-switch-alt-unselected: var(--color--icon-primary-overlay); --color--icon-switch-alt-disabled: var(--color--icon-primary-overlay); --color--icon-switch-default-selected: var(--color--icon-brand); --color--icon-switch-default-disabled: var(--color--icon-disabled); --color--divider-table-row-default: var(--color--divider-primary); --color--divider-table-row-sparks: var(--color--divider-sparks); --color--border-tappy-indicator-inactive: var(--color--border-primary); --color--action-text-field-quiet-inactive: var(--color--action-inactive); --color--action-text-field-quiet-active: var(--color--action-active); --color--action-text-field-loud-inactive: var(--color--action-inactive); --color--action-text-field-loud-active: var(--color--action-active); --color--border-text-field-quiet-default: var(--color--border-primary); --color--border-text-field-quiet-error: var(--color--border-error); --color--border-text-field-quiet-focus: var(--color--border-active); --color--border-text-field-quiet-disabled: var(--color--border-disabled); --color--border-text-field-loud-error: var(--color--border-error); --color--border-text-field-loud-focus: var(--color--border-active); --color--border-text-field-loud-disabled: var(--color--border-disabled); --color--cursor-text-field-quiet-default: var(--color--cursor-default); --color--cursor-text-field-loud-default: var(--color--cursor-default); --color--text-text-field-quiet-charactercount-default: var(--color--text-inactive); --color--text-text-field-loud-charactercount-default: var(--color--text-inactive); --color--text-text-field-quiet-label-optional: var(--color--text-secondary); --color--text-text-field-quiet-label-error: var(--color--text-error); --color--text-text-field-loud-label-optional: var(--color--text-secondary); --color--text-text-field-loud-label-error: var(--color--text-error); --color--text-text-field-quiet-placeholder-default: var(--color--text-inactive); --color--text-text-field-loud-placeholder-default: var(--color--text-inactive); --color--text-text-field-quiet-input-default: var(--color--text-primary); --color--text-text-field-quiet-input-disabled: var(--color--text-disabled); --color--text-text-field-loud-input-default: var(--color--text-primary); --color--text-text-field-loud-input-disabled: var(--color--text-disabled); --color--icon-tooltip-dismiss: var(--color--icon-primary-inverse); --color--text-tooltip-default: var(--color--text-primary-inverse); --color--text-tooltip-revenue-default: var(--color--text-primary-inverse); --color--text-tooltip-trust-default: var(--color--text-primary-overlay); --gradient--accent-nope-gradient: var(--gradient--gamepad-nope); --gradient--background-brand-gradient: var(--gradient--accent-primary-gradient); --gradient--background-rewind: var(--gradient--accent-rewind-gradient); --gradient--background-rewind-inverse: var(--gradient--accent-rewind-gradient); --gradient--background-super-boost: var(--gradient--accent-super-boost-gradient); --gradient--background-super-boost-inverse: var(--gradient--accent-super-boost-gradient); --gradient--background-gold: var(--gradient--accent-gold-gradient); --gradient--background-gold-inverse: var(--gradient--accent-gold-gradient); --gradient--background-gold-shine: var(--gradient--accent-gold-shine-gradient); --gradient--background-gold-shine-inverse: var(--gradient--accent-gold-shine-gradient); --gradient--background-platinum: var(--gradient--accent-platinum-gradient); --gradient--background-platinum-inverse: var(--gradient--accent-platinum-gradient-inverse); --gradient--background-platinum-shine: var(--gradient--accent-platinum-shine-gradient); --gradient--background-platinum-shine-inverse: var(
    --gradient--accent-platinum-shine-gradient-inverse
  ); --gradient--background-vault-gradient: var(--gradient--accent-select-gradient); --gradient--background-vault-subtle: var(--gradient--background-select-subtle); --gradient--background-match-expiration: var(--gradient--accent-match-expiration-gradient); --gradient--background-explore-attribution: var(--gradient--accent-explore-gradient); --gradient--background-festival-mode: var(--gradient--accent-festival-mode-gradient); --gradient--background-hot-takes: var(--gradient--accent-hot-takes-gradient); --gradient--background-spotify-music-mode: var(--gradient--accent-spotify-music-mode-gradient); --gradient--background-sparks-like: var(--gradient--accent-sparks-like-gradient); --gradient--background-sparks-nope: var(--gradient--accent-sparks-nope-gradient); --gradient--background-sparks-super-like: var(--gradient--accent-sparks-super-like-gradient); --gradient--background-sparks-boost: var(--gradient--accent-sparks-boost-gradient); --gradient--background-sparks-rewind: var(--gradient--accent-sparks-rewind-gradient); --gradient--border-brand-gradient: var(--gradient--accent-primary-gradient); --gradient--border-vault-gradient: var(--gradient--accent-select-gradient); --gradient--border-match-expiration: var(--gradient--accent-match-expiration-gradient); --gradient--border-sparks-prompt-selected: var(--gradient--accent-passions-gradient); --gradient--icon-brand-gradient: var(--gradient--accent-primary-gradient); --gradient--icon-like: var(--gradient--accent-like-gradient); --gradient--icon-superlike: var(--gradient--accent-super-like-gradient); --gradient--icon-boost: var(--gradient--accent-boost-gradient); --gradient--icon-rewind: var(--gradient--accent-rewind-gradient); --gradient--icon-gold: var(--gradient--accent-gold-gradient); --gradient--icon-platinum: var(--gradient--accent-platinum-gradient); --gradient--icon-chat-drawer-vibes-active: var(--gradient--accent-vibes-gradient); --gradient--icon-vault-gradient: var(--gradient--accent-select-gradient); --gradient--icon-match-expiration: var(--gradient--accent-match-expiration-gradient); --gradient--icon-sparks-like: var(--gradient--accent-sparks-like-gradient); --gradient--icon-sparks-nope: var(--gradient--accent-sparks-nope-gradient); --gradient--icon-sparks-super-like: var(--gradient--accent-sparks-super-like-gradient); --gradient--icon-sparks-boost: var(--gradient--accent-sparks-boost-gradient); --gradient--icon-sparks-rewind: var(--gradient--accent-sparks-rewind-gradient); --gradient--text-match-expiration: var(--gradient--accent-match-expiration-gradient); --gradient--background-gamepad-nope-pressed: var(--gradient--gamepad-nope); --gradient--icon-gamepad-primary-nope-default: var(--gradient--gamepad-nope); --gradient--icon-gamepad-secondary-nope-default: var(--gradient--gamepad-nope); --fill--background-nope: var(--fill--accent-nope-gradient); --fill--background-nope-inverse: var(--fill--accent-nope-gradient); --fill--icon-nope: var(--fill--accent-nope-gradient); --color--border-card: var(--color--border-container-elevated); --gradient--background-nope: var(--gradient--accent-nope-gradient); --gradient--background-nope-inverse: var(--gradient--accent-nope-gradient); --gradient--icon-nope: var(--gradient--accent-nope-gradient); }
@media (prefers-color-scheme: dark) {
  :root { --fill--accent-matchmaker-gradient: url(#svg-pattern-linear__dark__gradient--accentMatchmakerGradient); --fill--background-scripted-onboarding: url(#svg-pattern-linear__dark__gradient--backgroundScriptedOnboarding); --fill--background-swipesurge: url(#svg-pattern-linear__dark__gradient--backgroundSwipesurge); --fill--background-teal-subtle: url(#svg-pattern-linear__dark__gradient--backgroundTealSubtle); --fill--overlay-primary-gradient: url(#svg-pattern-linear__dark__gradient--overlayPrimaryGradient); --fill--overlay-secondary-gradient: url(#svg-pattern-linear__dark__gradient--overlaySecondaryGradient); --fill--overlay-profile-button-gamepad: url(#svg-pattern-linear__dark__gradient--overlayProfileButtonGamepad); --fill--overlay-profile-sparks-super-like: url(#svg-pattern-linear__dark__gradient--overlayProfileSparksSuperLike); --fill--overlay-tappy-high-top-strong: url(#svg-pattern-linear__dark__gradient--overlayTappyHighTopStrong); --fill--overlay-tappy-high-top-medium: url(#svg-pattern-linear__dark__gradient--overlayTappyHighTopMedium); --fill--overlay-tappy-high-top-light: url(#svg-pattern-linear__dark__gradient--overlayTappyHighTopLight); --fill--overlay-tappy-high-bottom: url(#svg-pattern-linear__dark__gradient--overlayTappyHighBottom); --fill--overlay-tappy-content-top: url(#svg-pattern-linear__dark__gradient--overlayTappyContentTop); --fill--overlay-tappy-content-bottom: url(#svg-pattern-linear__dark__gradient--overlayTappyContentBottom); --fill--overlay-tappy-low-top: url(#svg-pattern-linear__dark__gradient--overlayTappyLowTop); --fill--overlay-tappy-low-bottom: url(#svg-pattern-linear__dark__gradient--overlayTappyLowBottom); --fill--background-card-sparks-highlight-common-1: url(#svg-pattern-linear__dark__gradient--backgroundCardSparksHighlightCommon1); --fill--background-card-sparks-highlight-common-2: url(#svg-pattern-linear__dark__gradient--backgroundCardSparksHighlightCommon2); --fill--background-card-sparks-highlight-common-3: url(#svg-pattern-linear__dark__gradient--backgroundCardSparksHighlightCommon3); --fill--background-card-sparks-highlight-uncommon-1: url(#svg-pattern-linear__dark__gradient--backgroundCardSparksHighlightUncommon1); --fill--background-card-sparks-highlight-uncommon-2: url(#svg-pattern-linear__dark__gradient--backgroundCardSparksHighlightUncommon2); --fill--background-card-sparks-highlight-uncommon-3: url(#svg-pattern-linear__dark__gradient--backgroundCardSparksHighlightUncommon3); --fill--background-card-sparks-icebreaker: url(#svg-pattern-linear__dark__gradient--backgroundCardSparksIcebreaker); --fill--background-card-sparks-prompt: url(#svg-pattern-linear__dark__gradient--backgroundCardSparksPrompt); --fill--background-card-sparks-quiz: url(#svg-pattern-linear__dark__gradient--backgroundCardSparksQuiz); --fill--overlay-card: url(#svg-pattern-linear__dark__gradient--overlayCard); --fill--overlay-subtle-card: url(#svg-pattern-linear__dark__gradient--overlaySubtleCard); --fill--background-passions-sparks-shared-overlay: url(#svg-pattern-linear__dark__gradient--backgroundPassionsSparksSharedOverlay); --fill--background-rec-card-bottom-ai-gradient: url(#svg-pattern-linear__dark__gradient--backgroundRecCardBottomAiGradient); --fill--overlay-rec-card-default: url(#svg-pattern-linear__dark__gradient--overlayRecCardDefault); --fill--overlay-rec-card-super-like: url(#svg-pattern-linear__dark__gradient--overlayRecCardSuperLike); --fill--overlay-rec-card-vault: url(#svg-pattern-linear__dark__gradient--overlayRecCardVault); --fill--overlay-rec-card-highlight: url(#svg-pattern-linear__dark__gradient--overlayRecCardHighlight); --fill--overlay-rec-card-intent-a: url(#svg-pattern-linear__dark__gradient--overlayRecCardIntentA); --fill--overlay-rec-card-intent-b: url(#svg-pattern-linear__dark__gradient--overlayRecCardIntentB); --fill--overlay-rec-card-intent-c: url(#svg-pattern-linear__dark__gradient--overlayRecCardIntentC); --fill--overlay-rec-card-intent-d: url(#svg-pattern-linear__dark__gradient--overlayRecCardIntentD); --fill--overlay-rec-card-intent-e: url(#svg-pattern-linear__dark__gradient--overlayRecCardIntentE); --fill--overlay-rec-card-intent-f: url(#svg-pattern-linear__dark__gradient--overlayRecCardIntentF); --color--accent-primary: var(--color--brand-primary); --color--accent-primary-a11y: var(--color--brand-primary); --color--accent-brand: var(--color--brand-primary); --color--accent-like: var(--color--green-50); --color--accent-nope: var(--color--red-50); --color--accent-super-like: var(--color--blue-50); --color--accent-super-like-subtle: var(--color--blue-90); --color--accent-boost: var(--color--purple-50); --color--accent-boost-static: var(--color--brand-rebrand-petal); --color--accent-rewind: var(--color--yellow-orange-50); --color--accent-gold: var(--color--gold-50); --color--accent-gold-subtle: var(--color--gold-90); --color--accent-gold-static: var(--color--gold-rebrand); --color--accent-platinum: var(--color--gray-10); --color--accent-platinum-subtle: var(--color--gray-90); --color--accent-plus-subtle: var(--color--red-95); --color--accent-select: var(--color--vault-primary-light); --color--accent-error: var(--color--red-50); --color--accent-success: var(--color--green-50); --color--accent-active: var(--color--blue-50); --color--accent-link: var(--color--blue-50); --color--accent-chat: var(--color--blue-60); --color--accent-trust: var(--color--blue-50); --color--accent-blue: var(--color--blue-50); --color--accent-fuchsia: var(--color--fuchsia-50); --color--accent-green: var(--color--green-50); --color--accent-purple: var(--color--purple-50); --color--accent-red: var(--color--red-50); --color--accent-teal: var(--color--teal-50); --color--accent-yellow-orange: var(--color--yellow-orange-50); --color--accent-platinum-inverse: var(--color--gray-90); --color--accent-plus: var(--color--pink-50); --color--accent-like-static-dark: var(--color--red-rebrand); --color--accent-super-like-static-dark: var(--color--brand-rebrand-haze); --color--action-tertiary: var(--color--transparent); --color--background-primary: var(--color--gray-95); --color--background-primary-inverse: var(--color--white); --color--background-secondary: var(--color--black); --color--background-secondary-inverse: var(--color--gray-10); --color--background-tertiary: var(--color--gray-90); --color--background-tertiary-static-light: var(--color--white); --color--background-tertiary-inverse: var(--color--gray-15); --color--background-inactive: var(--color--gray-60); --color--background-primary-static-light: var(--color--white); --color--background-primary-static-dark: var(--color--gray-95); --color--background-secondary-static-light: var(--color--gray-10); --color--background-secondary-static-dark: var(--color--gray-90); --color--background-solid: var(--color--black); --color--background-disabled: var(--color--gray-90); --color--background-read-receipts-badge: var(--color--blue-50); --color--background-green: var(--color--green-95); --color--background-teal: var(--color--teal-95); --color--background-blue: var(--color--blue-95); --color--background-purple: var(--color--purple-95); --color--background-fuchsia: var(--color--fuchsia-95); --color--background-red: var(--color--red-95); --color--background-yellow-orange: var(--color--yellow-orange-95); --color--background-card-boost: var(--color--fuchsia-20); --color--background-card-passport: var(--color--red-15); --color--background-card-super-like: var(--color--gray-30); --color--background-ripple-default: var(--color--gray-80); --color--background-sparks-bottom-nav: var(--color--black); --color--background-sparks-prompt: var(--color--gray-90); --color--background-trust: var(--color--blue-95); --color--background-passport: var(--color--red-80); --color--background-passport-subtle: var(--color--red-80); --color--background-plus: var(--color--red-80); --color--background-transparent: var(--color--transparent); --color--border-sparks-like: var(--color--green-40); --color--border-sparks-nope: var(--color--red-60); --color--border-sparks-super-like: var(--color--blue-50); --color--border-sparks-boost: var(--color--purple-60); --color--border-sparks-rewind: var(--color--yellow-orange-40); --color--foreground-primary: var(--color--gray-10); --color--foreground-primary-inverse: var(--color--gray-90); --color--foreground-secondary: var(--color--gray-30); --color--foreground-secondary-inverse: var(--color--gray-60); --color--foreground-tertiary: var(--color--gray-50); --color--foreground-inactive: var(--color--gray-50); --color--foreground-disabled: var(--color--gray-70); --color--foreground-primary-static-light: var(--color--white); --color--foreground-primary-static-dark: var(--color--gray-90); --color--foreground-secondary-static-light: var(--color--gray-30); --color--foreground-secondary-static-dark: var(--color--gray-70); --color--foreground-border-primary: var(--color--gray-50); --color--foreground-border-secondary: var(--color--gray-80); --color--icon-secondary: var(--color--gray-50); --color--icon-tertiary: var(--color--gray-50); --color--icon-chat-drawer-spotify-foreground-active: var(
      --color--third-party-spotify-primary-inverse
    ); --color--icon-chat-drawer-spotify-background-active: var(--color--third-party-spotify-primary); --color--icon-chat-drawer-noonlight-foreground-active: var(
      --color--third-party-noonlight-primary
    ); --color--icon-chat-drawer-noonlight-background-active: var(
      --color--third-party-noonlight-secondary
    ); --color--interactive-primary: #f0f1f429; --color--interactive-secondary: #f0f1f414; --color--interactive-on-light: #10111329; --color--loader-shimmer-base-default: var(--color--gray-90); --color--loader-shimmer-highlight-default: var(--color--gray-80); --color--overlay-default: #000000c7; --color--overlay-like: #20966333; --color--overlay-nope: #fe707433; --color--overlay-rewind: #d7600433; --color--overlay-super-like: #0083f833; --color--shadow-container-elevated: var(--color--transparent); --color--text-passport: var(--color--red-15); --color--text-tertiary: var(--color--gray-50); --color--static-brand-crush-base: var(--color--pink-60); --color--static-brand-crush-shade: var(--color--pink-95); --color--static-brand-crush-tint: var(--color--fuchsia-10); --color--static-brand-flame-base: var(--color--red-60); --color--static-brand-flame-shade: var(--color--red-80); --color--static-brand-flame-tint: var(--color--red-15); --color--static-brand-haze-base: var(--color--blue-30); --color--static-brand-haze-shade: var(--color--gray-90); --color--static-brand-haze-tint: var(--color--blue-10); --color--static-brand-off-white-base: var(--color--gray-05); --color--static-brand-petal-base: var(--color--fuchsia-20); --color--static-brand-petal-shade: var(--color--fuchsia-95); --color--static-brand-petal-tint: var(--color--fuchsia-15); --color--static-brand-pine-base: var(--color--green-90); --color--static-brand-pine-shade: var(--color--green-95); --color--static-brand-pine-tint: var(--color--green-05); --color--static-brand-romance-base: var(--color--red-90); --color--static-brand-romance-shade: var(--color--red-95); --color--static-brand-romance-tint: var(--color--gray-10); --color--background-badge-verified-default: var(--color--blue-50); --color--background-badge-online-now-default: var(--color--green-15); --color--text-badge-notification-default: var(--color--white); --color--background-button-primary-overlay: var(--color--white); --color--background-button-disabled: var(--color--gray-80); --color--background-button-elevated: var(--color--gray-90); --color--background-button-sparks-neutral: var(--color--gray-80); --color--background-button-sparks-expand-profile: #00000099; --color--border-button-secondary-overlay: var(--color--white); --color--border-button-sparks-expand-profile: #ffffff66; --color--foreground-button-primary-overlay: var(--color--gray-90); --color--foreground-button-secondary-overlay: var(--color--white); --color--foreground-button-tertiary-overlay: var(--color--white); --color--foreground-button-disabled: var(--color--gray-60); --color--foreground-button-sparks-expand-profile: var(--color--white); --color--background-chat-bubble-send: var(--color--blue-60); --color--background-chat-bubble-send-i-os: var(--color--blue-40); --color--background-datepicker-selected: var(--color--gray-90); --color--background-gamepad-primary-default: #000000cc; --color--background-gamepad-primary-disabled: var(--color--gray-90); --color--background-gamepad-primary-disabled-on-super-like: #00000033; --color--background-gamepad-sparks-rewind-default: var(--color--gray-90); --color--background-gamepad-sparks-nope-default: var(--color--gray-90); --color--background-gamepad-sparks-super-like-default: var(--color--gray-90); --color--background-gamepad-sparks-like-default: var(--color--gray-90); --color--background-gamepad-sparks-boost-default: var(--color--gray-90); --color--border-gamepad-primary-disabled: var(--color--gray-80); --color--border-gamepad-primary-disabled-on-super-like: var(--color--gray-40); --color--border-gamepad-rewind-default: var(--color--yellow-orange-50); --color--border-gamepad-nope-default: var(--color--brand-primary); --color--border-gamepad-super-like-default: var(--color--blue-50); --color--border-gamepad-super-like-disabled: var(--color--gray-40); --color--border-gamepad-like-default: var(--color--green-50); --color--border-gamepad-boost-default: var(--color--purple-50); --color--icon-gamepad-primary-disabled: var(--color--gray-80); --color--icon-gamepad-primary-disabled-on-super-like: var(--color--gray-40); --color--icon-gamepad-primary-super-like-disabled: var(--color--gray-40); --color--label-gamepad-primary-count-super-like: var(--color--blue-40); --color--label-gamepad-primary-count-boost: var(--color--purple-40); --color--background-icon-button-overlay-default: #101113cc; --color--background-icon-button-overlay-disabled: var(--color--gray-90); --color--icon-icon-button-overlay-disabled: var(--color--gray-80); --color--background-modal-overlay-default: #0000008f; --color--background-modal-overlay-recs: #000000cc; --color--icon-navigation-primary-inactive: var(--color--gray-60); --color--icon-navigation-secondary-end: var(--color--blue-60); --color--background-passions-edit: var(--color--gray-60); --color--background-passions-inactive-overlay: #4f525ccc; --color--background-passions-shared-overlay: #393b42cc; --color--background-passions-sparks-inactive-overlay: #00000066; --color--background-passions-sparks-inactive: var(--color--gray-90); --color--background-radio-selected-disabled: var(--color--gray-80); --color--icon-radio-selected-disabled: var(--color--gray-90); --color--background-rec-card-content-hidden: #ffffff40; --color--background-rec-card-bottom-default: var(--color--black); --color--background-rec-card-bottom-super-like: var(--color--blue-60); --color--background-slider-default-knob-enabled: var(--color--white); --color--background-slider-default-knob-disabled: var(--color--gray-90); --color--background-switch-alt-track-selected: var(--color--red-95); --color--background-switch-alt-track-unselected: var(--color--gray-90); --color--background-switch-alt-track-disabled: var(--color--gray-90); --color--background-switch-alt-knob-unselected: var(--color--gray-60); --color--background-tappy-indicator-active: var(--color--white); --color--background-tappy-indicator-inactive: var(--color--gray-70); --color--background-tappy-indicator-sparks-active: var(--color--white); --color--background-tappy-indicator-sparks-inactive: #0000008f; --color--background-tappy-container-default: #f0f1f4b3; --color--background-tappy-sparks: #393b42b3; --color--border-tappy-indicator-active: var(--color--gray-70); --color--border-tappy-indicator-sparks-active: var(--color--gray-50); --color--border-tappy-indicator-sparks-inactive: var(--color--gray-50); --color--divider-tappy-sparks: #e7e9ee1f; --color--background-text-field-quiet-highlight: var(--color--blue-80); --color--background-text-field-loud-highlight: var(--color--blue-80); --color--background-tooltip-default: var(--color--gray-10); --color--background-tooltip-revenue-default: var(--color--gray-10); --color--background-tooltip-trust-default: var(--color--blue-60); --color--border-tooltip-default: var(--color--gray-10); --color--border-tooltip-revenue-boost: var(--color--purple-50); --color--border-tooltip-revenue-nope: var(--color--red-50); --color--border-tooltip-revenue-like: var(--color--green-50); --color--border-tooltip-revenue-super-like: var(--color--blue-50); --color--border-tooltip-revenue-rewind: var(--color--yellow-orange-50); --color--invertible-black: var(--color--white); --color--invertible-blue-10: var(--color--blue-95); --color--invertible-blue-15: var(--color--blue-90); --color--invertible-blue-20: var(--color--blue-80); --color--invertible-blue-30: var(--color--blue-80); --color--invertible-blue-40: var(--color--blue-70); --color--invertible-blue-50: var(--color--blue-60); --color--invertible-blue-60: var(--color--blue-50); --color--invertible-blue-70: var(--color--blue-40); --color--invertible-blue-80: var(--color--blue-20); --color--invertible-blue-90: var(--color--blue-15); --color--invertible-blue-95: var(--color--blue-10); --color--invertible-blue-05: var(--color--blue-95); --color--invertible-fuchsia-10: var(--color--fuchsia-95); --color--invertible-fuchsia-15: var(--color--fuchsia-90); --color--invertible-fuchsia-20: var(--color--fuchsia-80); --color--invertible-fuchsia-30: var(--color--fuchsia-80); --color--invertible-fuchsia-40: var(--color--fuchsia-70); --color--invertible-fuchsia-50: var(--color--fuchsia-60); --color--invertible-fuchsia-60: var(--color--fuchsia-50); --color--invertible-fuchsia-70: var(--color--fuchsia-40); --color--invertible-fuchsia-80: var(--color--fuchsia-20); --color--invertible-fuchsia-90: var(--color--fuchsia-15); --color--invertible-fuchsia-95: var(--color--fuchsia-10); --color--invertible-fuchsia-05: var(--color--fuchsia-95); --color--invertible-gold-10: var(--color--gold-95); --color--invertible-gold-15: var(--color--gold-90); --color--invertible-gold-20: var(--color--gold-80); --color--invertible-gold-30: var(--color--gold-80); --color--invertible-gold-40: var(--color--gold-70); --color--invertible-gold-50: var(--color--gold-60); --color--invertible-gold-60: var(--color--gold-50); --color--invertible-gold-70: var(--color--gold-40); --color--invertible-gold-80: var(--color--gold-20); --color--invertible-gold-90: var(--color--gold-15); --color--invertible-gold-95: var(--color--gold-10); --color--invertible-gold-05: var(--color--gold-95); --color--invertible-gray-10: var(--color--gray-95); --color--invertible-gray-15: var(--color--gray-90); --color--invertible-gray-20: var(--color--gray-80); --color--invertible-gray-30: var(--color--gray-80); --color--invertible-gray-40: var(--color--gray-70); --color--invertible-gray-50: var(--color--gray-60); --color--invertible-gray-60: var(--color--gray-50); --color--invertible-gray-70: var(--color--gray-40); --color--invertible-gray-80: var(--color--gray-20); --color--invertible-gray-90: var(--color--gray-15); --color--invertible-gray-95: var(--color--gray-10); --color--invertible-gray-05: var(--color--gray-95); --color--invertible-green-10: var(--color--green-95); --color--invertible-green-15: var(--color--green-90); --color--invertible-green-20: var(--color--green-80); --color--invertible-green-30: var(--color--green-80); --color--invertible-green-40: var(--color--green-70); --color--invertible-green-50: var(--color--green-60); --color--invertible-green-60: var(--color--green-50); --color--invertible-green-70: var(--color--green-40); --color--invertible-green-80: var(--color--green-20); --color--invertible-green-90: var(--color--green-15); --color--invertible-green-95: var(--color--green-10); --color--invertible-green-05: var(--color--green-95); --color--invertible-purple-10: var(--color--purple-95); --color--invertible-purple-15: var(--color--purple-90); --color--invertible-purple-20: var(--color--purple-80); --color--invertible-purple-30: var(--color--purple-80); --color--invertible-purple-40: var(--color--purple-70); --color--invertible-purple-50: var(--color--purple-60); --color--invertible-purple-60: var(--color--purple-50); --color--invertible-purple-70: var(--color--purple-40); --color--invertible-purple-80: var(--color--purple-20); --color--invertible-purple-90: var(--color--purple-15); --color--invertible-purple-95: var(--color--purple-10); --color--invertible-purple-05: var(--color--purple-95); --color--invertible-red-10: var(--color--red-95); --color--invertible-red-15: var(--color--red-90); --color--invertible-red-20: var(--color--red-80); --color--invertible-red-30: var(--color--red-80); --color--invertible-red-40: var(--color--red-70); --color--invertible-red-50: var(--color--red-60); --color--invertible-red-60: var(--color--red-50); --color--invertible-red-70: var(--color--red-40); --color--invertible-red-80: var(--color--red-20); --color--invertible-red-90: var(--color--red-15); --color--invertible-red-95: var(--color--red-10); --color--invertible-red-05: var(--color--red-95); --color--invertible-teal-10: var(--color--teal-95); --color--invertible-teal-15: var(--color--teal-90); --color--invertible-teal-20: var(--color--teal-80); --color--invertible-teal-30: var(--color--teal-80); --color--invertible-teal-40: var(--color--teal-70); --color--invertible-teal-50: var(--color--teal-60); --color--invertible-teal-60: var(--color--teal-50); --color--invertible-teal-70: var(--color--teal-40); --color--invertible-teal-80: var(--color--teal-20); --color--invertible-teal-90: var(--color--teal-15); --color--invertible-teal-95: var(--color--teal-10); --color--invertible-teal-05: var(--color--teal-95); --color--invertible-white: var(--color--black); --color--invertible-yellow-orange-10: var(--color--yellow-orange-95); --color--invertible-yellow-orange-15: var(--color--yellow-orange-90); --color--invertible-yellow-orange-20: var(--color--yellow-orange-80); --color--invertible-yellow-orange-30: var(--color--yellow-orange-80); --color--invertible-yellow-orange-40: var(--color--yellow-orange-70); --color--invertible-yellow-orange-50: var(--color--yellow-orange-60); --color--invertible-yellow-orange-60: var(--color--yellow-orange-50); --color--invertible-yellow-orange-70: var(--color--yellow-orange-40); --color--invertible-yellow-orange-80: var(--color--yellow-orange-20); --color--invertible-yellow-orange-90: var(--color--yellow-orange-15); --color--invertible-yellow-orange-95: var(--color--yellow-orange-10); --color--invertible-yellow-orange-05: var(--color--yellow-orange-95); --gradient--accent-matchmaker-gradient: linear-gradient(0deg,var(--color--green-30),var(--color--green-20)); --gradient--background-scripted-onboarding: linear-gradient(to bottom left,var(--color--blue-30),var(--color--fuchsia-30)); --gradient--background-swipesurge: linear-gradient(to top right,var(--color--green-20),var(--color--teal-20)); --gradient--background-teal-subtle: linear-gradient(0deg,var(--color--gray-95),var(--color--teal-90)); --gradient--overlay-primary-gradient: linear-gradient(180deg,#00000000,var(--color--black)); --gradient--overlay-secondary-gradient: linear-gradient(180deg,#00000000,#0000008f); --gradient--overlay-profile-button-gamepad: linear-gradient(180deg,#10111300,var(--color--black)); --gradient--overlay-profile-sparks-super-like: linear-gradient(180deg,#0063e300,#0063e34f,#0063e3b3,var(--color--blue-60),var(--color--blue-60)); --gradient--overlay-tappy-high-top-strong: linear-gradient(180deg,#101113b3,#101113b3,#10111300); --gradient--overlay-tappy-high-top-medium: linear-gradient(180deg,#10111373,#10111373,#10111300); --gradient--overlay-tappy-high-top-light: linear-gradient(180deg,#1011133b,#10111352,#10111300); --gradient--overlay-tappy-high-bottom: linear-gradient(180deg,#10111300 0%,#10111380 25%,#101113b3 50%,var(--color--gray-95) 100%); --gradient--overlay-tappy-content-top: linear-gradient(180deg,#101113cc,var(--color--gray-95)); --gradient--overlay-tappy-content-bottom: linear-gradient(180deg,var(--color--gray-95),#101113cc); --gradient--overlay-tappy-low-top: linear-gradient(180deg,var(--color--gray-neutral-60),#63636300); --gradient--overlay-tappy-low-bottom: linear-gradient(180deg,#4f4f4f00,#4f4f4fbf,#4f4f4f00); --gradient--background-card-sparks-highlight-common-1: linear-gradient(to bottom right,var(--color--purple-60),var(--color--fuchsia-50)); --gradient--background-card-sparks-highlight-common-2: linear-gradient(to bottom right,var(--color--blue-50),var(--color--purple-50)); --gradient--background-card-sparks-highlight-common-3: linear-gradient(to bottom right,var(--color--red-50),var(--color--fuchsia-50)); --gradient--background-card-sparks-highlight-uncommon-1: linear-gradient(to bottom right,#0046c78f,#e714e147); --gradient--background-card-sparks-highlight-uncommon-2: linear-gradient(to bottom right,#e714e18f,#f1e82a47); --gradient--background-card-sparks-highlight-uncommon-3: linear-gradient(to bottom right,#9f00fe8f,#2bb37247); --gradient--background-card-sparks-icebreaker: linear-gradient(to bottom right,var(--color--blue-50),var(--color--teal-15)); --gradient--background-card-sparks-prompt: linear-gradient(to bottom right,var(--color--fuchsia-50),var(--color--red-60)); --gradient--background-card-sparks-quiz: linear-gradient(to bottom right,var(--color--purple-60),var(--color--fuchsia-50)); --gradient--overlay-card: linear-gradient(180deg,#00000000,var(--color--black)); --gradient--overlay-subtle-card: linear-gradient(180deg,#00000000,#0000008f); --gradient--background-passions-sparks-shared-overlay: linear-gradient(to top right,var(--color--red-50),var(--color--fuchsia-50)); --gradient--background-rec-card-bottom-ai-gradient: linear-gradient(180deg,var(--color--black),var(--color--pink-90),var(--color--pink-80)); --gradient--overlay-rec-card-default: linear-gradient(180deg,#00000000,#00000054,#00000096,#000000c4,var(--color--black)); --gradient--overlay-rec-card-super-like: linear-gradient(180deg,#00187400,#00187499,#002ca2c2,var(--color--blue-60),var(--color--blue-60)); --gradient--overlay-rec-card-vault: linear-gradient(180deg,#39006a00,#39006a99,#58009bcc,var(--color--vault-primary),var(--color--blue-60)); --gradient--overlay-rec-card-highlight: linear-gradient(180deg,#00000000,#00000093,#000000ba,#000000dd,var(--color--black)); --gradient--overlay-rec-card-intent-a: linear-gradient(180deg,#00187400,#0046c799,#002ca2ba,#001874dd,var(--color--black)); --gradient--overlay-rec-card-intent-b: linear-gradient(180deg,#032b2d00,#0e5c5f99,#074245ba,#032b2ddd,var(--color--black)); --gradient--overlay-rec-card-intent-c: linear-gradient(180deg,#032c1c00,#16795299,#07442eba,#032c1cdd,var(--color--black)); --gradient--overlay-rec-card-intent-d: linear-gradient(180deg,#4e0d0000,#972d0099,#731b00ba,#4e0d00dd,var(--color--black)); --gradient--overlay-rec-card-intent-e: linear-gradient(180deg,#52031500,#a7082899,#7b0520ba,#520315dd,var(--color--black)); --gradient--overlay-rec-card-intent-f: linear-gradient(180deg,#39006a00,#7a00cd99,#58009bba,#39006add,var(--color--black)); --fill--accent-primary-gradient: var(--fill--brand-gradient); --fill--accent-brand-gradient: var(--fill--brand-gradient); --fill--accent-like-gradient: var(--fill--gamepad-like-on-dark); --fill--accent-sparks-like-gradient: var(--fill--gamepad-sparks-like); --fill--accent-nope-gradient: var(--fill--gamepad-nope-on-dark); --fill--accent-sparks-nope-gradient: var(--fill--gamepad-sparks-nope); --fill--accent-super-like-gradient: var(--fill--gamepad-super-like-on-dark); --fill--accent-sparks-super-like-gradient: var(--fill--gamepad-sparks-super-like); --fill--accent-boost-gradient: var(--fill--gamepad-boost-on-dark); --fill--accent-sparks-boost-gradient: var(--fill--gamepad-sparks-boost); --fill--accent-super-boost-gradient: var(--fill--gamepad-super-boost-on-dark); --fill--accent-rewind-gradient: var(--fill--gamepad-rewind-on-dark); --fill--accent-sparks-rewind-gradient: var(--fill--gamepad-sparks-rewind); --fill--accent-gold-gradient: var(--fill--revenue-gold-on-dark); --fill--accent-gold-shine-gradient: var(--fill--revenue-gold-shine-on-dark); --fill--accent-platinum-gradient: var(--fill--revenue-platinum-on-dark); --fill--accent-platinum-shine-gradient: var(--fill--revenue-platinum-shine-on-dark); --fill--accent-platinum-gradient-inverse: var(--fill--revenue-platinum); --fill--accent-platinum-shine-gradient-inverse: var(--fill--revenue-platinum-shine); --fill--accent-select-gradient: var(--fill--vault-gradient); --fill--accent-explore-gradient: var(--fill--explore-attribution-gradient); --fill--accent-festival-mode-gradient: var(--fill--festival-mode-gradient); --fill--accent-spotify-music-mode-gradient: var(--fill--spotify-music-mode-gradient); --fill--accent-hot-takes-gradient: var(--fill--hot-takes-gradient); --fill--accent-match-expiration-gradient: var(--fill--match-expiration-gradient-on-dark); --fill--accent-passions-gradient: var(--fill--passions-gradient); --fill--accent-vibes-gradient: var(--fill--vibes-gradient); --fill--background-primary-linear: url(#svg-pattern-linear__dark__gradient--backgroundPrimaryLinear); --fill--background-primary-gradient: url(#svg-pattern-linear__dark__gradient--backgroundPrimaryGradient); --fill--background-brand-subtle: var(--fill--brand-subtle-on-dark); --fill--background-super-like: var(--fill--gamepad-super-like-on-dark); --fill--background-super-like-inverse: var(--fill--gamepad-super-like); --fill--background-super-like-subtle: var(--fill--gamepad-super-like-subtle-on-dark); --fill--background-like: var(--fill--gamepad-like-on-dark); --fill--background-like-inverse: var(--fill--gamepad-like); --fill--background-like-subtle: var(--fill--gamepad-like-subtle-on-dark); --fill--background-boost: var(--fill--gamepad-boost-on-dark); --fill--background-boost-inverse: var(--fill--gamepad-boost); --fill--background-boost-subtle: var(--fill--gamepad-boost-subtle-on-dark); --fill--background-super-boost-subtle: var(--fill--gamepad-super-boost-subtle-on-dark); --fill--background-plus-subtle: var(--fill--revenue-plus-subtle-on-dark); --fill--background-gold-subtle: var(--fill--revenue-gold-subtle-on-dark); --fill--background-platinum-subtle: var(--fill--revenue-platinum-subtle-on-dark); --fill--background-select-subtle: var(--fill--vault-subtle-on-dark); --fill--background-background-primary: url(#svg-pattern-linear__dark__gradient--backgroundBackgroundPrimary); --fill--background-background-primary-variant: url(#svg-pattern-linear__dark__gradient--backgroundBackgroundPrimaryVariant); --fill--icon-sparks-matchmaker-attribution: var(--fill--accent-matchmaker-gradient); --fill--overlay-contextual-like: url(#svg-pattern-linear__dark__gradient--overlayContextualLike); --fill--overlay-background-primary: url(#svg-pattern-linear__dark__gradient--overlayBackgroundPrimary); --fill--overlay-background-primary-variant: url(#svg-pattern-linear__dark__gradient--overlayBackgroundPrimaryVariant); --fill--shimmer-gold: var(--fill--revenue-gold-shine-animation-on-dark); --fill--shimmer-platinum: var(--fill--revenue-platinum-shine-animation-on-dark); --fill--text-sparks-matchmaker-attribution: var(--fill--accent-matchmaker-gradient); --fill--fade-primary-bottom-to-top: url(#svg-pattern-linear__dark__gradient--fadePrimaryBottomToTop); --fill--fade-primary-top-to-bottom: url(#svg-pattern-linear__dark__gradient--fadePrimaryTopToBottom); --fill--fade-bottom-to-top-primary-bold: url(#svg-pattern-linear__dark__gradient--fadeBottomToTopPrimaryBold); --fill--fade-bottom-to-top-primary-subtle: url(#svg-pattern-linear__dark__gradient--fadeBottomToTopPrimarySubtle); --fill--fade-bottom-to-top-secondary: url(#svg-pattern-linear__dark__gradient--fadeBottomToTopSecondary); --fill--fade-bottom-to-top-tertiary: url(#svg-pattern-linear__dark__gradient--fadeBottomToTopTertiary); --fill--fade-top-to-bottom-primary-bold: url(#svg-pattern-linear__dark__gradient--fadeTopToBottomPrimaryBold); --fill--fade-top-to-bottom-primary-subtle: url(#svg-pattern-linear__dark__gradient--fadeTopToBottomPrimarySubtle); --fill--fade-top-to-bottom-secondary: url(#svg-pattern-linear__dark__gradient--fadeTopToBottomSecondary); --fill--fade-top-to-bottom-tertiary: url(#svg-pattern-linear__dark__gradient--fadeTopToBottomTertiary); --fill--icon-container-banner-default: var(--fill--brand-gradient); --fill--background-gamepad-rewind-pressed: var(--fill--gamepad-rewind); --fill--background-gamepad-super-like-pressed: var(--fill--gamepad-super-like-on-light); --fill--background-gamepad-like-pressed: var(--fill--gamepad-like-on-light); --fill--background-gamepad-boost-pressed: var(--fill--gamepad-boost); --fill--background-gamepad-sparks-rewind-pressed: var(--fill--gamepad-sparks-rewind); --fill--background-gamepad-sparks-nope-pressed: var(--fill--gamepad-sparks-nope); --fill--background-gamepad-sparks-super-like-pressed: var(--fill--gamepad-sparks-super-like); --fill--background-gamepad-sparks-like-pressed: var(--fill--gamepad-sparks-like); --fill--background-gamepad-sparks-boost-pressed: var(--fill--gamepad-sparks-boost); --fill--icon-gamepad-primary-rewind-default: var(--fill--gamepad-rewind-on-dark); --fill--icon-gamepad-primary-super-like-default: var(--fill--gamepad-super-like-on-dark); --fill--icon-gamepad-primary-like-default: var(--fill--gamepad-like-on-dark); --fill--icon-gamepad-primary-boost-default: var(--fill--gamepad-boost-on-dark); --fill--icon-gamepad-secondary-rewind-default: var(--fill--gamepad-rewind-on-dark); --fill--icon-gamepad-secondary-super-like-default: var(--fill--gamepad-super-like-on-dark); --fill--icon-gamepad-secondary-like-default: var(--fill--gamepad-like-on-dark); --fill--icon-gamepad-secondary-boost-default: var(--fill--gamepad-boost); --fill--icon-gamepad-sparks-rewind-default: var(--fill--gamepad-sparks-rewind); --fill--icon-gamepad-sparks-nope-default: var(--fill--gamepad-sparks-nope); --fill--icon-gamepad-sparks-super-like-default: var(--fill--gamepad-sparks-super-like); --fill--icon-gamepad-sparks-like-default: var(--fill--gamepad-sparks-like); --fill--icon-gamepad-sparks-boost-default: var(--fill--gamepad-sparks-boost); --fill--icon-navigation-primary-active: var(--fill--brand-gradient); --fill--background-passions-shared-rec: var(--fill--passions-gradient); --fill--foreground-progress-active: var(--fill--passions-gradient); --fill--swipe-overlay-rec-card-sparks-like: var(--fill--gamepad-sparks-like); --fill--swipe-overlay-rec-card-sparks-nope: var(--fill--gamepad-sparks-nope); --fill--swipe-overlay-rec-card-sparks-super-like: var(--fill--gamepad-sparks-super-like); --fill--overlay-rec-card-sparks-super-like: var(--fill--overlay-profile-sparks-super-like); --color--action-active: var(--color--accent-active); --color--action-inactive: var(--color--foreground-inactive); --color--action-primary: var(--color--foreground-primary); --color--action-primary-inverse: var(--color--foreground-primary-inverse); --color--action-secondary: var(--color--opacity-white-10); --color--action-secondary-inverse: var(--color--opacity-black-10); --color--background-tertiary-static-dark: var(--color--background-tertiary); --color--background-overlay-primary: var(--color--background-primary-static-dark); --color--background-overlay-secondary: var(--color--background-secondary-static-dark); --color--background-brand: var(--color--accent-primary); --color--background-error: var(--color--accent-error); --color--background-vault: var(--color--accent-select); --color--background-elevated: var(--color--background-tertiary); --color--background-elevated-static-dark: var(--color--background-tertiary); --color--background-card-sparks: var(--color--background-primary); --color--background-menu-default: var(--color--background-primary); --color--background-header-sparks: var(--color--background-primary); --color--background-sparks-primary: var(--color--background-primary); --color--background-sparks-profile: var(--color--background-secondary); --color--background-sparks-top-nav: var(--color--background-primary); --color--background-opacity-base: var(--color--opacity-black-10); --color--background-opacity-base-inverse: var(--color--opacity-black-10); --color--background-opacity-base-static-dark: var(--color--opacity-black-10); --color--background-opacity-base-static-light: var(--color--opacity-white-10); --color--background-opacity-obscure: var(--color--opacity-black-30); --color--background-opacity-obscure-inverse: var(--color--opacity-black-30); --color--background-opacity-obscure-static-dark: var(--color--opacity-black-30); --color--background-opacity-obscure-static-light: var(--color--opacity-white-30); --color--background-opacity-brand: #ff235830; --color--background-opacity-haze: #0083f830; --color--border-primary: var(--color--foreground-border-primary); --color--border-primary-inverse: var(--color--foreground-primary-inverse); --color--border-secondary: var(--color--foreground-border-secondary); --color--border-secondary-static-dark: var(--color--foreground-border-secondary); --color--border-secondary-overlay: var(--color--foreground-secondary-static-light); --color--border-disabled: var(--color--foreground-disabled); --color--border-overlay: var(--color--foreground-primary-static-light); --color--border-focus-default: var(--color--foreground-primary); --color--border-focus-overlay: var(--color--foreground-primary-static-light); --color--border-focus-inverse: var(--color--foreground-primary-inverse); --color--border-brand: var(--color--accent-primary); --color--border-gold: var(--color--accent-gold); --color--border-platinum: var(--color--accent-platinum); --color--border-rewind: var(--color--accent-rewind); --color--border-like: var(--color--accent-like); --color--border-super-like: var(--color--accent-super-like); --color--border-nope: var(--color--accent-nope); --color--border-boost: var(--color--accent-boost); --color--border-error: var(--color--accent-error); --color--border-success: var(--color--accent-success); --color--border-active: var(--color--accent-active); --color--border-vault: var(--color--accent-select); --color--border-timer-expired: var(--color--foreground-border-secondary); --color--cursor-default: var(--color--accent-active); --color--device-home-indicator: var(--color--foreground-primary); --color--device-status-bar-inverse: var(--color--foreground-primary-inverse); --color--device-status-bar: var(--color--foreground-primary); --color--divider-primary: var(--color--foreground-border-secondary); --color--divider-sparks: var(--color--foreground-border-secondary); --color--foreground-primary-static-on-dark: var(--color--foreground-primary-static-light); --color--foreground-border-elevated: var(--color--foreground-border-primary); --color--foreground-read-receipts-badge: var(--color--foreground-primary-static-light); --color--foreground-green: var(--color--accent-green); --color--foreground-teal: var(--color--accent-teal); --color--foreground-blue: var(--color--accent-blue); --color--foreground-purple: var(--color--accent-purple); --color--foreground-fuchsia: var(--color--accent-fuchsia); --color--foreground-red: var(--color--accent-red); --color--foreground-yellow-orange: var(--color--accent-yellow-orange); --color--icon-primary: var(--color--foreground-primary); --color--icon-primary-inverse: var(--color--foreground-primary-inverse); --color--icon-secondary-inverse: var(--color--foreground-secondary-inverse); --color--icon-disabled: var(--color--foreground-disabled); --color--icon-disabled-static: var(--color--foreground-disabled); --color--icon-primary-overlay: var(--color--foreground-primary-static-light); --color--icon-primary-overlay-inverse: var(--color--foreground-primary-static-dark); --color--icon-brand: var(--color--accent-primary); --color--icon-trust: var(--color--accent-trust); --color--icon-success: var(--color--accent-success); --color--icon-error: var(--color--accent-error); --color--icon-chat-heart-default: var(--color--foreground-inactive); --color--icon-chat-heart-active: var(--color--accent-primary); --color--icon-chat-drawer-contact-card-default: var(--color--foreground-inactive); --color--icon-chat-drawer-contact-card-active: var(--color--accent-blue); --color--icon-chat-drawer-gif-foreground-default: var(--color--foreground-primary-inverse); --color--icon-chat-drawer-gif-background-default: var(--color--foreground-inactive); --color--icon-chat-drawer-gif-foreground-active: var(--color--accent-yellow-orange); --color--icon-chat-drawer-gif-background-active: var(--color--foreground-primary); --color--icon-chat-drawer-sticker-default: var(--color--foreground-inactive); --color--icon-chat-drawer-sticker-active: var(--color--accent-purple); --color--icon-chat-drawer-spotify-foreground-default: var(--color--foreground-primary-inverse); --color--icon-chat-drawer-spotify-background-default: var(--color--foreground-inactive); --color--icon-chat-drawer-noonlight-foreground-default: var(--color--foreground-inactive); --color--icon-chat-drawer-noonlight-background-default: var(--color--foreground-disabled); --color--icon-chat-drawer-vibes-default: var(--color--foreground-inactive); --color--icon-vault: var(--color--accent-select); --color--loader-skeleton: var(--color--loader-shimmer-base-default); --color--shadow-base: var(--color--opacity-black-20); --color--shadow-glass: var(--color--opacity-black-20); --color--shadow-heavy: var(--color--opacity-black-30); --color--shadow-highlight: var(--color--opacity-white-10); --color--shadow-light: var(--color--opacity-black-10); --color--state-layer-focus-primary: var(--color--opacity-white-15); --color--state-layer-focus-primary-inverse: var(--color--opacity-black-15); --color--state-layer-focus-primary-static-dark: var(--color--opacity-black-15); --color--state-layer-focus-primary-static-light: var(--color--opacity-white-15); --color--text-primary: var(--color--foreground-primary); --color--text-primary-inverse: var(--color--foreground-primary-inverse); --color--text-secondary: var(--color--foreground-secondary); --color--text-secondary-inverse: var(--color--foreground-secondary-inverse); --color--text-inactive: var(--color--foreground-inactive); --color--text-primary-overlay: var(--color--foreground-primary-static-light); --color--text-primary-overlay-inverse: var(--color--foreground-primary-static-dark); --color--text-secondary-overlay: var(--color--foreground-secondary-static-light); --color--text-secondary-overlay-inverse: var(--color--foreground-secondary-static-dark); --color--text-error: var(--color--accent-error); --color--text-link: var(--color--accent-link); --color--text-gold: var(--color--accent-gold); --color--text-like: var(--color--accent-like); --color--text-super-like: var(--color--accent-super-like); --color--text-boost: var(--color--accent-boost); --color--text-super-boost: var(--color--accent-boost); --color--text-success: var(--color--accent-success); --color--text-disabled: var(--color--foreground-disabled); --color--text-link-overlay: var(--color--foreground-primary-static-light); --color--text-highlight-foreground: var(--color--foreground-primary-inverse); --color--text-highlight-background: var(--color--foreground-primary); --color--text-brand-normal: var(--color--accent-primary-a11y); --color--text-brand-large: var(--color--accent-primary); --color--text-vault-normal: var(--color--accent-select); --color--text-vault-large: var(--color--accent-select); --color--text-trust: var(--color--accent-trust); --color--background-badge-notification-inactive: var(--color--background-tertiary); --color--background-banner-default: var(--color--background-secondary); --color--icon-banner-dismiss: var(--color--icon-secondary); --color--background-bottom-sheet-default: var(--color--background-primary); --color--background-button-primary: var(--color--background-primary-inverse); --color--background-button-primary-small: var(--color--background-primary-inverse); --color--background-button-neutral: var(--color--background-primary-inverse); --color--foreground-button-primary: var(--color--foreground-primary-inverse); --color--foreground-button-neutral: var(--color--foreground-primary-inverse); --color--interactive-button-primary: var(--color--interactive-primary); --color--interactive-button-secondary: var(--color--interactive-secondary); --color--interactive-button-tertiary: var(--color--interactive-secondary); --color--interactive-button-neutral: var(--color--interactive-on-light); --color--background-chat-bubble-receive: var(--color--background-tertiary); --color--background-checkbox-disabled: var(--color--background-disabled); --color--icon-form-default: var(--color--icon-secondary); --color--background-gamepad-secondary-default: var(--color--background-primary); --color--background-gamepad-secondary-disabled: var(--color--background-disabled); --color--border-gamepad-sparks-rewind-default: var(--color--border-sparks-rewind); --color--border-gamepad-sparks-nope-default: var(--color--border-sparks-nope); --color--border-gamepad-sparks-super-like-default: var(--color--border-sparks-super-like); --color--border-gamepad-sparks-like-default: var(--color--border-sparks-like); --color--border-gamepad-sparks-boost-default: var(--color--border-sparks-boost); --color--background-icon-button-primary: var(--color--background-primary-inverse); --color--background-icon-button-secondary: var(--color--background-primary); --color--background-icon-button-disabled: var(--color--background-disabled); --color--icon-icon-button-primary: var(--color--foreground-primary-inverse); --color--icon-icon-button-secondary: var(--color--icon-secondary); --color--interactive-icon-button-primary: var(--color--interactive-primary); --color--interactive-icon-button-secondary: var(--color--interactive-on-light); --color--interactive-icon-button-overlay: var(--color--interactive-primary); --color--background-modal-container-default: var(--color--background-tertiary); --color--icon-navigation-secondary-start: var(--color--icon-secondary); --color--background-passions-shared: var(--color--background-primary); --color--background-progress-inactive: var(--color--background-secondary); --color--background-radio-unselected-disabled: var(--color--background-disabled); --color--sub-card-rec-card-sparks: var(--color--background-secondary); --color--background-search-default: var(--color--background-tertiary); --color--cursor-search-input: var(--color--accent-active); --color--icon-search-start: var(--color--foreground-secondary); --color--icon-search-end-action: var(--color--foreground-secondary); --color--text-search-placeholder-inactive: var(--color--foreground-secondary); --color--text-search-input-active: var(--color--foreground-primary); --color--text-search-input-inactive: var(--color--foreground-primary); --color--background-slider-alt-track-enabled: var(--color--background-inactive); --color--background-slider-alt-track-disabled: var(--color--background-disabled); --color--background-slider-default-track-enabled: var(--color--background-inactive); --color--background-slider-default-track-disabled: var(--color--background-disabled); --color--background-switch-default-track-unselected: var(--color--background-inactive); --color--background-switch-default-track-disabled: var(--color--background-disabled); --color--background-switch-default-knob-disabled: var(--color--background-disabled); --color--icon-switch-default-unselected: var(--color--icon-secondary); --color--background-table-row-default: var(--color--background-primary); --color--background-table-row-pressed: var(--color--interactive-primary); --color--background-table-row-hover: var(--color--interactive-secondary); --color--background-text-field-quiet-default: var(--color--background-primary); --color--background-text-field-loud-default: var(--color--background-secondary); --color--background-toast-default: var(--color--background-secondary-inverse); --gradient--accent-primary-gradient: var(--gradient--brand-gradient); --gradient--accent-brand-gradient: var(--gradient--brand-gradient); --gradient--accent-like-gradient: var(--gradient--gamepad-like-on-dark); --gradient--accent-sparks-like-gradient: var(--gradient--gamepad-sparks-like); --gradient--accent-nope-gradient: var(--gradient--gamepad-nope-on-dark); --gradient--accent-sparks-nope-gradient: var(--gradient--gamepad-sparks-nope); --gradient--accent-super-like-gradient: var(--gradient--gamepad-super-like-on-dark); --gradient--accent-sparks-super-like-gradient: var(--gradient--gamepad-sparks-super-like); --gradient--accent-boost-gradient: var(--gradient--gamepad-boost-on-dark); --gradient--accent-sparks-boost-gradient: var(--gradient--gamepad-sparks-boost); --gradient--accent-super-boost-gradient: var(--gradient--gamepad-super-boost-on-dark); --gradient--accent-rewind-gradient: var(--gradient--gamepad-rewind-on-dark); --gradient--accent-sparks-rewind-gradient: var(--gradient--gamepad-sparks-rewind); --gradient--accent-gold-gradient: var(--gradient--revenue-gold-on-dark); --gradient--accent-gold-shine-gradient: var(--gradient--revenue-gold-shine-on-dark); --gradient--accent-platinum-gradient: var(--gradient--revenue-platinum-on-dark); --gradient--accent-platinum-shine-gradient: var(--gradient--revenue-platinum-shine-on-dark); --gradient--accent-platinum-gradient-inverse: var(--gradient--revenue-platinum); --gradient--accent-platinum-shine-gradient-inverse: var(--gradient--revenue-platinum-shine); --gradient--accent-select-gradient: var(--gradient--vault-gradient); --gradient--accent-explore-gradient: var(--gradient--explore-attribution-gradient); --gradient--accent-festival-mode-gradient: var(--gradient--festival-mode-gradient); --gradient--accent-spotify-music-mode-gradient: var(--gradient--spotify-music-mode-gradient); --gradient--accent-hot-takes-gradient: var(--gradient--hot-takes-gradient); --gradient--accent-match-expiration-gradient: var(
      --gradient--match-expiration-gradient-on-dark
    ); --gradient--accent-passions-gradient: var(--gradient--passions-gradient); --gradient--accent-vibes-gradient: var(--gradient--vibes-gradient); --gradient--background-primary-linear: linear-gradient(180deg,var(--color--background-primary),var(--color--background-secondary)); --gradient--background-primary-gradient: linear-gradient(0deg,var(--color--background-primary),var(--color--background-primary)); --gradient--background-brand-subtle: var(--gradient--brand-subtle-on-dark); --gradient--background-super-like: var(--gradient--gamepad-super-like-on-dark); --gradient--background-super-like-inverse: var(--gradient--gamepad-super-like); --gradient--background-super-like-subtle: var(--gradient--gamepad-super-like-subtle-on-dark); --gradient--background-like: var(--gradient--gamepad-like-on-dark); --gradient--background-like-inverse: var(--gradient--gamepad-like); --gradient--background-like-subtle: var(--gradient--gamepad-like-subtle-on-dark); --gradient--background-boost: var(--gradient--gamepad-boost-on-dark); --gradient--background-boost-inverse: var(--gradient--gamepad-boost); --gradient--background-boost-subtle: var(--gradient--gamepad-boost-subtle-on-dark); --gradient--background-super-boost-subtle: var(--gradient--gamepad-super-boost-subtle-on-dark); --gradient--background-plus-subtle: var(--gradient--revenue-plus-subtle-on-dark); --gradient--background-gold-subtle: var(--gradient--revenue-gold-subtle-on-dark); --gradient--background-platinum-subtle: var(--gradient--revenue-platinum-subtle-on-dark); --gradient--background-select-subtle: var(--gradient--vault-subtle-on-dark); --gradient--background-background-primary: linear-gradient(180deg,#10111300,#10111354,#10111396,#101113c4,var(--color--background-primary)); --gradient--background-background-primary-variant: linear-gradient(90deg,#10111300,var(--color--background-primary)); --gradient--icon-sparks-matchmaker-attribution: var(--gradient--accent-matchmaker-gradient); --gradient--overlay-contextual-like: linear-gradient(180deg,var(--color--opacity-black-60),var(--color--opacity-black-70),var(--color--black)); --gradient--overlay-background-primary: linear-gradient(180deg,#10111300,#10111354,#10111396,#101113c4,var(--color--background-primary)); --gradient--overlay-background-primary-variant: linear-gradient(90deg,#10111300,var(--color--background-primary)); --gradient--shimmer-gold: var(--gradient--revenue-gold-shine-animation-on-dark); --gradient--shimmer-platinum: var(--gradient--revenue-platinum-shine-animation-on-dark); --gradient--text-sparks-matchmaker-attribution: var(--gradient--accent-matchmaker-gradient); --gradient--fade-primary-bottom-to-top: linear-gradient(0deg,var(--color--background-primary),#10111300); --gradient--fade-primary-top-to-bottom: linear-gradient(180deg,var(--color--background-primary),#10111300); --gradient--fade-bottom-to-top-primary-bold: linear-gradient(180deg,#10111300,var(--color--background-primary)); --gradient--fade-bottom-to-top-primary-subtle: linear-gradient(180deg,#10111300,#10111366); --gradient--fade-bottom-to-top-secondary: linear-gradient(180deg,#00000000,var(--color--background-secondary)); --gradient--fade-bottom-to-top-tertiary: linear-gradient(180deg,#24262a00,var(--color--background-tertiary)); --gradient--fade-top-to-bottom-primary-bold: linear-gradient(180deg,var(--color--background-primary),#10111300); --gradient--fade-top-to-bottom-primary-subtle: linear-gradient(180deg,#10111366,#10111300); --gradient--fade-top-to-bottom-secondary: linear-gradient(180deg,var(--color--background-secondary),#00000000); --gradient--fade-top-to-bottom-tertiary: linear-gradient(180deg,var(--color--background-tertiary),#24262a00); --gradient--icon-container-banner-default: var(--gradient--brand-gradient); --gradient--background-gamepad-rewind-pressed: var(--gradient--gamepad-rewind); --gradient--background-gamepad-super-like-pressed: var(--gradient--gamepad-super-like-on-light); --gradient--background-gamepad-like-pressed: var(--gradient--gamepad-like-on-light); --gradient--background-gamepad-boost-pressed: var(--gradient--gamepad-boost); --gradient--background-gamepad-sparks-rewind-pressed: var(--gradient--gamepad-sparks-rewind); --gradient--background-gamepad-sparks-nope-pressed: var(--gradient--gamepad-sparks-nope); --gradient--background-gamepad-sparks-super-like-pressed: var(
      --gradient--gamepad-sparks-super-like
    ); --gradient--background-gamepad-sparks-like-pressed: var(--gradient--gamepad-sparks-like); --gradient--background-gamepad-sparks-boost-pressed: var(--gradient--gamepad-sparks-boost); --gradient--icon-gamepad-primary-rewind-default: var(--gradient--gamepad-rewind-on-dark); --gradient--icon-gamepad-primary-super-like-default: var(
      --gradient--gamepad-super-like-on-dark
    ); --gradient--icon-gamepad-primary-like-default: var(--gradient--gamepad-like-on-dark); --gradient--icon-gamepad-primary-boost-default: var(--gradient--gamepad-boost-on-dark); --gradient--icon-gamepad-secondary-rewind-default: var(--gradient--gamepad-rewind-on-dark); --gradient--icon-gamepad-secondary-super-like-default: var(
      --gradient--gamepad-super-like-on-dark
    ); --gradient--icon-gamepad-secondary-like-default: var(--gradient--gamepad-like-on-dark); --gradient--icon-gamepad-secondary-boost-default: var(--gradient--gamepad-boost); --gradient--icon-gamepad-sparks-rewind-default: var(--gradient--gamepad-sparks-rewind); --gradient--icon-gamepad-sparks-nope-default: var(--gradient--gamepad-sparks-nope); --gradient--icon-gamepad-sparks-super-like-default: var(--gradient--gamepad-sparks-super-like); --gradient--icon-gamepad-sparks-like-default: var(--gradient--gamepad-sparks-like); --gradient--icon-gamepad-sparks-boost-default: var(--gradient--gamepad-sparks-boost); --gradient--icon-navigation-primary-active: var(--gradient--brand-gradient); --gradient--background-passions-shared-rec: var(--gradient--passions-gradient); --gradient--foreground-progress-active: var(--gradient--passions-gradient); --gradient--swipe-overlay-rec-card-sparks-like: var(--gradient--gamepad-sparks-like); --gradient--swipe-overlay-rec-card-sparks-nope: var(--gradient--gamepad-sparks-nope); --gradient--swipe-overlay-rec-card-sparks-super-like: var(
      --gradient--gamepad-sparks-super-like
    ); --gradient--overlay-rec-card-sparks-super-like: var(
      --gradient--overlay-profile-sparks-super-like
    ); --fill--background-brand-gradient: var(--fill--accent-primary-gradient); --fill--background-rewind: var(--fill--accent-rewind-gradient); --fill--background-rewind-inverse: var(--fill--accent-rewind-gradient); --fill--background-nope: var(--fill--accent-nope-gradient); --fill--background-nope-inverse: var(--fill--accent-nope-gradient); --fill--background-super-boost: var(--fill--accent-super-boost-gradient); --fill--background-super-boost-inverse: var(--fill--accent-super-boost-gradient); --fill--background-gold: var(--fill--accent-gold-gradient); --fill--background-gold-inverse: var(--fill--accent-gold-gradient); --fill--background-gold-shine: var(--fill--accent-gold-shine-gradient); --fill--background-gold-shine-inverse: var(--fill--accent-gold-shine-gradient); --fill--background-platinum: var(--fill--accent-platinum-gradient); --fill--background-platinum-inverse: var(--fill--accent-platinum-gradient-inverse); --fill--background-platinum-shine: var(--fill--accent-platinum-shine-gradient); --fill--background-platinum-shine-inverse: var(--fill--accent-platinum-shine-gradient-inverse); --fill--background-vault-gradient: var(--fill--accent-select-gradient); --fill--background-vault-subtle: var(--fill--background-select-subtle); --fill--background-match-expiration: var(--fill--accent-match-expiration-gradient); --fill--background-explore-attribution: var(--fill--accent-explore-gradient); --fill--background-festival-mode: var(--fill--accent-festival-mode-gradient); --fill--background-hot-takes: var(--fill--accent-hot-takes-gradient); --fill--background-spotify-music-mode: var(--fill--accent-spotify-music-mode-gradient); --fill--background-sparks-like: var(--fill--accent-sparks-like-gradient); --fill--background-sparks-nope: var(--fill--accent-sparks-nope-gradient); --fill--background-sparks-super-like: var(--fill--accent-sparks-super-like-gradient); --fill--background-sparks-boost: var(--fill--accent-sparks-boost-gradient); --fill--background-sparks-rewind: var(--fill--accent-sparks-rewind-gradient); --fill--border-brand-gradient: var(--fill--accent-primary-gradient); --fill--border-vault-gradient: var(--fill--accent-select-gradient); --fill--border-match-expiration: var(--fill--accent-match-expiration-gradient); --fill--border-sparks-prompt-selected: var(--fill--accent-passions-gradient); --fill--icon-brand-gradient: var(--fill--accent-primary-gradient); --fill--icon-like: var(--fill--accent-like-gradient); --fill--icon-nope: var(--fill--accent-nope-gradient); --fill--icon-superlike: var(--fill--accent-super-like-gradient); --fill--icon-boost: var(--fill--accent-boost-gradient); --fill--icon-rewind: var(--fill--accent-rewind-gradient); --fill--icon-gold: var(--fill--accent-gold-gradient); --fill--icon-platinum: var(--fill--accent-platinum-gradient); --fill--icon-chat-drawer-vibes-active: var(--fill--accent-vibes-gradient); --fill--icon-vault-gradient: var(--fill--accent-select-gradient); --fill--icon-match-expiration: var(--fill--accent-match-expiration-gradient); --fill--icon-sparks-like: var(--fill--accent-sparks-like-gradient); --fill--icon-sparks-nope: var(--fill--accent-sparks-nope-gradient); --fill--icon-sparks-super-like: var(--fill--accent-sparks-super-like-gradient); --fill--icon-sparks-boost: var(--fill--accent-sparks-boost-gradient); --fill--icon-sparks-rewind: var(--fill--accent-sparks-rewind-gradient); --fill--text-match-expiration: var(--fill--accent-match-expiration-gradient); --fill--background-gamepad-nope-pressed: var(--fill--gamepad-nope); --fill--icon-gamepad-primary-nope-default: var(--fill--gamepad-nope); --fill--icon-gamepad-secondary-nope-default: var(--fill--gamepad-nope); --color--accent-nope-static-dark: var(--color--icon-primary-overlay); --color--accent-rewind-static-dark: var(--color--icon-primary-overlay); --color--background-card-default: var(--color--background-elevated); --color--border-container-elevated: var(--color--foreground-border-elevated); --color--background-badge-brand-default: var(--color--background-brand); --color--background-badge-notification-active: var(--color--background-brand); --color--icon-badge-verified: var(--color--icon-primary-overlay); --color--text-badge-notification-inactive: var(--color--text-inactive); --color--icon-banner-default: var(--color--icon-primary-overlay); --color--text-banner-heading: var(--color--text-primary); --color--text-banner-body: var(--color--text-secondary); --color--divider-banner-default: var(--color--divider-primary); --color--border-button-secondary: var(--color--border-secondary); --color--border-button-focused: var(--color--border-focus-default); --color--border-button-focused-overlay: var(--color--border-focus-overlay); --color--foreground-button-secondary: var(--color--text-primary); --color--foreground-button-tertiary: var(--color--text-primary); --color--text-chat-bubble-send: var(--color--text-primary-overlay); --color--text-chat-bubble-receive: var(--color--text-primary); --color--background-checkbox-selected-enabled: var(--color--background-brand); --color--border-checkbox-unselected-enabled: var(--color--border-primary); --color--border-checkbox-unselected-disabled: var(--color--border-disabled); --color--border-checkbox-unselected-error: var(--color--border-error); --color--icon-checkbox-selected-enabled: var(--color--icon-primary-overlay); --color--icon-checkbox-selected-disabled: var(--color--icon-disabled); --color--text-datepicker-inactive: var(--color--text-inactive); --color--text-datepicker-active: var(--color--text-primary); --color--icon-form-disabled: var(--color--icon-disabled); --color--icon-form-error: var(--color--icon-error); --color--icon-form-success: var(--color--icon-success); --color--text-form-label-default: var(--color--text-primary); --color--text-form-help-default: var(--color--text-secondary); --color--text-form-help-success: var(--color--text-success); --color--text-form-help-error: var(--color--text-error); --color--text-form-help-disabled: var(--color--text-disabled); --color--border-gamepad-secondary-disabled: var(--color--border-disabled); --color--border-gamepad-super-like-active: var(--color--border-overlay); --color--icon-gamepad-primary-pressed: var(--color--icon-primary-overlay); --color--icon-gamepad-primary-super-like-active: var(--color--border-overlay); --color--icon-gamepad-secondary-disabled: var(--color--icon-disabled); --color--icon-gamepad-secondary-pressed: var(--color--icon-primary-overlay); --color--icon-gamepad-sparks-rewind-active: var(--color--icon-primary-inverse); --color--icon-gamepad-sparks-nope-active: var(--color--icon-primary-inverse); --color--icon-gamepad-sparks-super-like-active: var(--color--icon-primary-inverse); --color--icon-gamepad-sparks-super-like-disabled: var(--color--icon-disabled); --color--icon-gamepad-sparks-like-active: var(--color--icon-primary-inverse); --color--icon-gamepad-sparks-boost-active: var(--color--icon-primary-inverse); --color--label-gamepad-secondary-count-super-like: var(--color--text-super-like); --color--label-gamepad-secondary-count-boost: var(--color--text-boost); --color--icon-icon-button-disabled: var(--color--icon-disabled); --color--icon-icon-button-overlay-default: var(--color--icon-primary-overlay); --color--label-icon-button-primary: var(--color--text-secondary); --color--label-icon-button-secondary: var(--color--text-secondary); --color--label-icon-button-disabled: var(--color--text-secondary); --color--label-icon-button-overlay-default: var(--color--text-primary-overlay); --color--label-icon-button-overlay-disabled: var(--color--text-primary-overlay); --color--border-icon-button-primary: var(--color--border-overlay); --color--border-icon-button-secondary: var(--color--border-secondary); --color--border-icon-button-disabled: var(--color--border-disabled); --color--foreground-modal-heading: var(--color--text-primary); --color--foreground-modal-body: var(--color--text-secondary); --color--foreground-modal-icon: var(--color--icon-brand); --color--action-navigation-secondary-disabled: var(--color--icon-disabled); --color--border-passions-active: var(--color--border-brand); --color--border-passions-inactive: var(--color--border-secondary); --color--border-passions-shared: var(--color--border-brand); --color--border-passions-shared-overlay: var(--color--border-overlay); --color--text-passions-active: var(--color--text-primary); --color--text-passions-inactive: var(--color--text-inactive); --color--text-passions-shared: var(--color--text-primary); --color--text-passions-shared-rec: var(--color--text-primary-overlay); --color--text-passions-inactive-overlay: var(--color--text-primary-overlay); --color--text-passions-shared-overlay: var(--color--text-primary-overlay); --color--background-radio-selected-enabled: var(--color--background-brand); --color--border-radio-selected-enabled: var(--color--border-brand); --color--border-radio-selected-disabled: var(--color--border-disabled); --color--border-radio-unselected-enabled: var(--color--border-primary); --color--border-radio-unselected-disabled: var(--color--border-disabled); --color--icon-radio-selected-enabled: var(--color--icon-primary-inverse); --color--border-rec-card-content-hidden: var(--color--border-overlay); --color--icon-rec-card-content-hidden: var(--color--icon-primary-overlay); --color--text-rec-card-content-hidden: var(--color--text-primary-overlay); --color--icon-selector-selected-enabled: var(--color--icon-brand); --color--icon-selector-selected-disabled: var(--color--icon-disabled); --color--background-slider-alt-knob-enabled: var(--color--background-brand); --color--background-slider-alt-knob-disabled: var(--color--border-disabled); --color--background-slider-alt-fill-enabled: var(--color--background-brand); --color--background-slider-alt-fill-disabled: var(--color--border-disabled); --color--background-slider-default-fill-enabled: var(--color--background-brand); --color--background-slider-default-fill-disabled: var(--color--border-disabled); --color--border-slider-alt-knob-enabled: var(--color--border-brand); --color--border-slider-alt-knob-disabled: var(--color--border-disabled); --color--border-slider-default-knob-enabled: var(--color--border-primary); --color--border-slider-default-knob-disabled: var(--color--border-disabled); --color--background-switch-alt-knob-selected: var(--color--background-brand); --color--background-switch-alt-knob-disabled: var(--color--icon-disabled); --color--background-switch-default-track-selected: var(--color--background-brand); --color--background-switch-default-knob-selected: var(--color--icon-primary-overlay); --color--background-switch-default-knob-unselected: var(--color--icon-primary-overlay); --color--border-switch-alt-track-selected: var(--color--border-brand); --color--border-switch-alt-track-unselected: var(--color--border-primary); --color--border-switch-alt-track-disabled: var(--color--border-disabled); --color--border-switch-alt-knob-selected: var(--color--border-brand); --color--border-switch-alt-knob-unselected: var(--color--border-primary); --color--border-switch-alt-knob-disabled: var(--color--border-disabled); --color--border-switch-default-track-selected: var(--color--border-brand); --color--border-switch-default-track-unselected: var(--color--border-primary); --color--border-switch-default-track-disabled: var(--color--border-disabled); --color--border-switch-default-knob-selected: var(--color--border-brand); --color--border-switch-default-knob-unselected: var(--color--border-primary); --color--border-switch-default-knob-disabled: var(--color--border-disabled); --color--icon-switch-alt-selected: var(--color--icon-primary-overlay); --color--icon-switch-alt-unselected: var(--color--icon-primary-overlay); --color--icon-switch-alt-disabled: var(--color--icon-primary-overlay); --color--icon-switch-default-selected: var(--color--icon-brand); --color--icon-switch-default-disabled: var(--color--icon-disabled); --color--divider-table-row-default: var(--color--divider-primary); --color--divider-table-row-sparks: var(--color--divider-sparks); --color--border-tappy-indicator-inactive: var(--color--border-primary); --color--action-text-field-quiet-inactive: var(--color--action-inactive); --color--action-text-field-quiet-active: var(--color--action-active); --color--action-text-field-loud-inactive: var(--color--action-inactive); --color--action-text-field-loud-active: var(--color--action-active); --color--border-text-field-quiet-default: var(--color--border-primary); --color--border-text-field-quiet-error: var(--color--border-error); --color--border-text-field-quiet-focus: var(--color--border-active); --color--border-text-field-quiet-disabled: var(--color--border-disabled); --color--border-text-field-loud-default: var(--color--border-disabled); --color--border-text-field-loud-error: var(--color--border-error); --color--border-text-field-loud-focus: var(--color--border-active); --color--border-text-field-loud-disabled: var(--color--border-disabled); --color--cursor-text-field-quiet-default: var(--color--cursor-default); --color--cursor-text-field-loud-default: var(--color--cursor-default); --color--text-text-field-quiet-charactercount-default: var(--color--text-inactive); --color--text-text-field-loud-charactercount-default: var(--color--text-inactive); --color--text-text-field-quiet-label-optional: var(--color--text-secondary); --color--text-text-field-quiet-label-error: var(--color--text-error); --color--text-text-field-loud-label-optional: var(--color--text-secondary); --color--text-text-field-loud-label-error: var(--color--text-error); --color--text-text-field-quiet-placeholder-default: var(--color--text-inactive); --color--text-text-field-loud-placeholder-default: var(--color--text-inactive); --color--text-text-field-quiet-input-default: var(--color--text-primary); --color--text-text-field-quiet-input-disabled: var(--color--text-disabled); --color--text-text-field-loud-input-default: var(--color--text-primary); --color--text-text-field-loud-input-disabled: var(--color--text-disabled); --color--icon-tooltip-dismiss: var(--color--icon-primary-inverse); --color--text-tooltip-default: var(--color--text-primary-inverse); --color--text-tooltip-revenue-default: var(--color--text-primary-inverse); --color--text-tooltip-trust-default: var(--color--text-primary-overlay); --gradient--background-brand-gradient: var(--gradient--accent-primary-gradient); --gradient--background-rewind: var(--gradient--accent-rewind-gradient); --gradient--background-rewind-inverse: var(--gradient--accent-rewind-gradient); --gradient--background-nope: var(--gradient--accent-nope-gradient); --gradient--background-nope-inverse: var(--gradient--accent-nope-gradient); --gradient--background-super-boost: var(--gradient--accent-super-boost-gradient); --gradient--background-super-boost-inverse: var(--gradient--accent-super-boost-gradient); --gradient--background-gold: var(--gradient--accent-gold-gradient); --gradient--background-gold-inverse: var(--gradient--accent-gold-gradient); --gradient--background-gold-shine: var(--gradient--accent-gold-shine-gradient); --gradient--background-gold-shine-inverse: var(--gradient--accent-gold-shine-gradient); --gradient--background-platinum: var(--gradient--accent-platinum-gradient); --gradient--background-platinum-inverse: var(--gradient--accent-platinum-gradient-inverse); --gradient--background-platinum-shine: var(--gradient--accent-platinum-shine-gradient); --gradient--background-platinum-shine-inverse: var(
      --gradient--accent-platinum-shine-gradient-inverse
    ); --gradient--background-vault-gradient: var(--gradient--accent-select-gradient); --gradient--background-vault-subtle: var(--gradient--background-select-subtle); --gradient--background-match-expiration: var(--gradient--accent-match-expiration-gradient); --gradient--background-explore-attribution: var(--gradient--accent-explore-gradient); --gradient--background-festival-mode: var(--gradient--accent-festival-mode-gradient); --gradient--background-hot-takes: var(--gradient--accent-hot-takes-gradient); --gradient--background-spotify-music-mode: var(--gradient--accent-spotify-music-mode-gradient); --gradient--background-sparks-like: var(--gradient--accent-sparks-like-gradient); --gradient--background-sparks-nope: var(--gradient--accent-sparks-nope-gradient); --gradient--background-sparks-super-like: var(--gradient--accent-sparks-super-like-gradient); --gradient--background-sparks-boost: var(--gradient--accent-sparks-boost-gradient); --gradient--background-sparks-rewind: var(--gradient--accent-sparks-rewind-gradient); --gradient--border-brand-gradient: var(--gradient--accent-primary-gradient); --gradient--border-vault-gradient: var(--gradient--accent-select-gradient); --gradient--border-match-expiration: var(--gradient--accent-match-expiration-gradient); --gradient--border-sparks-prompt-selected: var(--gradient--accent-passions-gradient); --gradient--icon-brand-gradient: var(--gradient--accent-primary-gradient); --gradient--icon-like: var(--gradient--accent-like-gradient); --gradient--icon-nope: var(--gradient--accent-nope-gradient); --gradient--icon-superlike: var(--gradient--accent-super-like-gradient); --gradient--icon-boost: var(--gradient--accent-boost-gradient); --gradient--icon-rewind: var(--gradient--accent-rewind-gradient); --gradient--icon-gold: var(--gradient--accent-gold-gradient); --gradient--icon-platinum: var(--gradient--accent-platinum-gradient); --gradient--icon-chat-drawer-vibes-active: var(--gradient--accent-vibes-gradient); --gradient--icon-vault-gradient: var(--gradient--accent-select-gradient); --gradient--icon-match-expiration: var(--gradient--accent-match-expiration-gradient); --gradient--icon-sparks-like: var(--gradient--accent-sparks-like-gradient); --gradient--icon-sparks-nope: var(--gradient--accent-sparks-nope-gradient); --gradient--icon-sparks-super-like: var(--gradient--accent-sparks-super-like-gradient); --gradient--icon-sparks-boost: var(--gradient--accent-sparks-boost-gradient); --gradient--icon-sparks-rewind: var(--gradient--accent-sparks-rewind-gradient); --gradient--text-match-expiration: var(--gradient--accent-match-expiration-gradient); --gradient--background-gamepad-nope-pressed: var(--gradient--gamepad-nope); --gradient--icon-gamepad-primary-nope-default: var(--gradient--gamepad-nope); --gradient--icon-gamepad-secondary-nope-default: var(--gradient--gamepad-nope); --color--border-card: var(--color--border-container-elevated); }
}
:root { --safe-area-inset-top: env(safe-area-inset-top); --safe-area-inset-right: env(safe-area-inset-right); --safe-area-inset-bottom: env(safe-area-inset-bottom); --safe-area-inset-left: env(safe-area-inset-left); }
.loader__circle { stroke-width: 6; stroke-miterlimit: 10; }
.loader__circle--spinner { stroke-dasharray: 1, 220; stroke-dashoffset: 0; stroke-linecap: square; animation: 1.5s ease-in-out 0s infinite normal none running dash, 3s ease-in-out 0s infinite normal none running color; }
@keyframes dash { 
  0% { stroke-dasharray: 1, 220; stroke-dashoffset: 0; }
  50% { stroke-dasharray: 97.9, 220; stroke-dashoffset: -38.5; }
  100% { stroke-dasharray: 97.9, 220; stroke-dashoffset: -136.4; }
}
@keyframes color { 
  0% { stroke: var(--color--brand-gradient-start); }
  50% { stroke: var(--color--brand-gradient-end); }
  100% { stroke: var(--color--brand-gradient-start); }
}
@keyframes logoAnimation { 
  50% { transform: scale(1.2); }
}
*, ::after, ::before { background-repeat: no-repeat; box-sizing: inherit; }
::after, ::before { text-decoration: inherit; vertical-align: inherit; }
html { box-sizing: border-box; cursor: default; }
hr { box-sizing: initial; color: inherit; height: 0px; overflow: visible; }
nav ol, nav ul { list-style: none; }
a { }
::selection { text-shadow: none; }
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
svg { fill: currentcolor; }
svg text { font-family: inherit; }
svg:not(:root) { overflow: hidden; }
table { border-collapse: collapse; }
button, input, optgroup, select, textarea { margin: 0px; padding: 0px; }
button, input, select, textarea { background-color: initial; border-style: none; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; }
button, input { overflow: visible; }
button, select { text-transform: none; }
[type="button"], [type="reset"], [type="submit"], button { appearance: button; }
textarea { overflow: auto; resize: vertical; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { appearance: none; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
[tabindex], a, area, button, input, label, select, summary, textarea { touch-action: manipulation; }
@font-face { font-display: fallback; font-family: ProximaNova; src: url("/static/build/fonts/0d4ec08dc6b105c09ea2f98b104ee5be.woff2") format("woff2"), url("/static/build/fonts/700c6aabf7c76ee975ea9ecd1597fc5a.woff") format("woff"); }
@font-face { font-display: fallback; font-family: ProximaNova; font-weight: 800; src: url("/static/build/fonts/f9527cb231fbb96f8b847c6bb2577e73.woff2") format("woff2"), url("/static/build/fonts/b4f7fae18f78776aecb7aecce2ee96fe.woff") format("woff"); }
@font-face { font-display: fallback; font-family: ProximaNova; font-style: normal; font-weight: 600; src: url("/static/build/fonts/4c112e110a336202365ba00324390d27.woff2") format("woff2"), url("/static/build/fonts/d4b0fa776100b2a6d092630b50f2108e.woff") format("woff"); }
@font-face { font-display: fallback; font-family: ProximaNova; font-style: italic; font-weight: 800; src: url("/static/build/fonts/84d9762503458c60562afc18868f900c.woff2") format("woff2"), url("/static/build/fonts/928843c2f85d1df752f538207505d8b8.woff") format("woff"); }
@font-face { font-display: swap; font-family: ProximaNova; font-style: normal; font-weight: 500; src: url("/static/build/fonts/5b91b90ca9c385a6a0b2d51801fa0458.woff2") format("woff2"), url("/static/build/fonts/9c8e0760bfc4eccefea167de6225d1a5.woff") format("woff"); }
@font-face { font-display: swap; font-family: Regola; font-weight: 100 900; src: url("/static/build/fonts/24cf06e2bffbf4b5fe6edb7697e027e2.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: Society; font-style: normal; font-weight: 600; src: url("/static/build/fonts/9e6170dee37aefa007631ee8106c754d.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: Society; font-style: italic; font-weight: 600; src: url("/static/build/fonts/82b37eb44b5125091d5309d9315a0ae2.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: Society; font-style: normal; font-weight: 800; src: url("/static/build/fonts/8ebd95b154ff494763f99b7abe36e80c.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: Society; font-style: italic; font-weight: 800; src: url("/static/build/fonts/be9982243e77311c1003e9e6ba4e541c.woff2") format("woff2"); }
:root { --safe-area-inset-top: env(safe-area-inset-top); --safe-area-inset-right: env(safe-area-inset-right); --safe-area-inset-bottom: env(safe-area-inset-bottom); --safe-area-inset-left: env(safe-area-inset-left); }
.rebrand-fonts { font-family: Regola, system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif, Helvetica, Arial, "Segoe UI Emoji", "Segoe UI Symbol", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "EmojiOne Color", "Android Emoji"; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; overflow-wrap: break-word; background-color: var(--color--background-primary); font-family: ProximaNova, system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif, Helvetica, Arial, "Segoe UI Emoji", "Segoe UI Symbol", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "EmojiOne Color", "Android Emoji"; line-height: 1.3125; }
@media only screen and (max-width: 895px) {
  body { -webkit-user-drag: none; text-size-adjust: none; min-height: stretch; touch-action: manipulation; }
}
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.scrollbar { overflow-y: scroll; }
@supports (scrollbar-color:auto) {
  .scrollbar { scrollbar-color: rgb(218, 220, 224) rgba(0, 0, 0, 0); }
}
:not(.scrollbar) { scrollbar-width: none; }
:not(.scrollbar)::-webkit-scrollbar { display: none; }
html { text-size-adjust: 100%; font-size: 62.5%; height: 100%; }
@media only screen and (max-width: 895px) {
  html { height: calc(100vh - var(--safe-area-inset-top) - var(--safe-area-inset-bottom)); min-height: stretch; }
}
a { color: var(--color--text-primary); text-decoration: none; }
::selection { background: var(--color--text-highlight-background); color: var(--color--text-highlight-foreground); }
:active, :focus { outline: none; }
.focus-button-style.focus-visible, .focus-button-style[data-focus-visible-added]:active, .focus-button-style[data-focus-visible-added]:focus { box-shadow: 0 1px 6px 2px var(--color--border-focus-default); }
.focus-button-style:focus-visible { box-shadow: 0 1px 6px 2px var(--color--border-focus-default); }
.focus-background-style.focus-visible, .focus-background-style[data-focus-visible-added]:active, .focus-background-style[data-focus-visible-added]:focus { outline: var(--color--border-focus-default) auto 5px; }
.focus-background-style:focus-visible { outline: var(--color--border-focus-default) auto 5px; }
.focus-outline-style.focus-visible, .focus-outline-style[data-focus-visible-added]:active, .focus-outline-style[data-focus-visible-added]:focus { outline: var(--color--border-focus-default) auto 5px; }
.focus-outline-style:focus-visible { outline: var(--color--border-focus-default) auto 5px; }
input[type="number"] { appearance: textfield; }
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { appearance: none; }
h1, h2, h3, h4, h5 { margin: 0px 0px 0.25em; }
h3, h4, h5 { font-weight: 400; }
[style*="--aspect-ratio"] > img { height: auto; }
[style*="--aspect-ratio"] { position: relative; }
[style*="--aspect-ratio"] > :first-child { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
[style*="--aspect-ratio"]::before { content: ""; display: block; width: 100%; }
@supports not (aspect-ratio:1/1) {
  [style*="--aspect-ratio"]::before { height: 0px; padding-bottom: calc(100%/var(--aspect-ratio)); }
}
@supports (aspect-ratio:1/1) {
  [style*="--aspect-ratio"]::before { aspect-ratio: calc(var(--aspect-ratio)); }
}
.keen-slider { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: pan-y; }
.keen-slider[data-keen-slider-moves] * { pointer-events: none; }
@media (prefers-reduced-motion: reduce) {
  *, ::after, ::before { animation-duration: 1ms !important; animation-iteration-count: 1 !important; transition-duration: 1ms !important; }
}
:root { --side-nav-bar-height: 79px; --top-nav-bar-height: 48px; --nav-bar-height: 48px; --recs-card-height: 667px; --recs-card-width: 375px; --recs-gamepad-height: 83px; }
@media only screen and (min-width: 1025px) {
  :root { --side-nav-bar-height: 87px; }
}
@media only screen and (max-height: 768px) and (min-width: 1025px) {
  :root { --recs-card-height: 600px; --recs-card-width: 360px; }
}
@media only screen and (min-width: 896px) {
  :root { --recs-gamepad-height: 101px; }
}
@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes bounceIn { 
  0%, 50% { opacity: 0; transform: scale(0.3); }
  75% { opacity: 0.9; transform: scale(1.1); }
  90% { opacity: 1; transform: scale(0.89); }
  100% { font-weight: 400; opacity: 1; transform: scale(1); }
}
@keyframes growToFull { 
  0% { opacity: 0; transform: scale(0); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes slideInDown { 
  0% { transform: translate3d(0px, -100%, 0px); }
  100% { transform: translateZ(0px); }
}
@keyframes slideInUp { 
  0% { transform: translate3d(0px, 100%, 0px); }
  100% { transform: translateZ(0px); }
}
@keyframes slideInLeft { 
  0% { opacity: 0; transform: translate3d(-4%, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes slideInRight { 
  0% { opacity: 0; transform: translate3d(4%, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes slideOutDown { 
  0% { transform: translateZ(0px); }
  100% { transform: translate3d(0px, 100%, 0px); }
}
@keyframes rotate { 
  100% { color: rgba(0, 0, 0, 0); transform: rotate(1turn); }
}
@keyframes shrink { 
  0% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(0); }
}
.page { min-height: stretch; }
.animation-off-enter, .animation-off-exit { position: absolute; top: 0px; width: 100%; z-index: 0; }
.animation-off-enter-active, .animation-off-exit-active { transition-duration: 1ms; }
.animation-slide-in-left-enter { position: absolute; top: 0px; transform: translate3d(-100%, 0px, 0px); width: 100%; z-index: 1; }
.animation-slide-in-left-enter-active { transform: translateZ(0px); transition: transform 0.4s; }
.animation-slide-in-left-exit, .animation-slide-out-left-exit { position: absolute; top: 0px; width: 100%; }
.animation-slide-out-left-exit { transform: translateZ(0px); z-index: 1; }
.animation-slide-out-left-exit-active { transform: translate3d(-100%, 0px, 0px); transition: transform 0.4s; }
.animation-slide-in-right-enter, .animation-slide-out-left-enter { position: absolute; top: 0px; width: 100%; }
.animation-slide-in-right-enter { transform: translate3d(100%, 0px, 0px); z-index: 1; }
.animation-slide-in-right-enter-active { transform: translateZ(0px); transition: transform 0.4s; }
.animation-slide-in-right-exit { position: absolute; top: 0px; width: 100%; z-index: 0; }
.animation-slide-out-right-exit { position: absolute; top: 0px; transform: translateZ(0px); width: 100%; }
.animation-slide-out-right-exit-active { transform: translate3d(100%, 0px, 0px); transition: transform 0.4s; }
.animation-slide-out-right-enter { position: absolute; top: 0px; width: 100%; }
.animation-slide-out-right-enter-active { z-index: 0; }
.animation-fade-in-out-enter { opacity: 0; position: absolute; top: 0px; width: 100%; z-index: 1; }
.animation-fade-in-out-enter-active { opacity: 1; transition: opacity 0.2s 0.2s; }
.animation-fade-in-out-exit { opacity: 1; position: absolute; top: 0px; width: 100%; }
.animation-fade-in-out-exit-active { opacity: 0; transition: opacity 0.2s; }
.animation-slide-in-up-enter { position: absolute; top: 0px; transform: translate3d(0px, 100%, 0px); width: 100%; z-index: 1; }
.animation-slide-in-up-enter-active { transform: translateZ(0px); transition: transform 0.4s; }
.animation-slide-in-up-exit, .animation-slide-out-down-exit { position: absolute; top: 0px; width: 100%; }
.animation-slide-out-down-exit { transform: translateZ(0px); z-index: 1; }
.animation-slide-out-down-exit-active { transform: translate3d(0px, 100%, 0px); transition: transform 0.4s; }
.animation-slide-out-down-enter { position: absolute; top: 0px; width: 100%; }
.animation-push-left-enter, .animation-push-right-enter { z-index: 1; }
.animation-push-left-enter, .animation-push-left-exit, .animation-push-right-enter, .animation-push-right-exit { position: relative; white-space: normal; width: 100%; will-change: transform; }
.animation-push-left-enter { order: 1; }
.animation-push-left-enter, .animation-push-left-exit { transform: none; }
.animation-push-left-enter-active, .animation-push-left-exit-active { transform: translate3d(-100%, 0px, 0px); transition: transform 0.4s; }
.animation-push-right-exit { order: 1; }
.animation-push-right-enter, .animation-push-right-exit { transform: translate3d(-100%, 0px, 0px); }
.animation-push-right-enter-active, .animation-push-right-exit-active { transform: none; transition: transform 0.4s; }
.animation-recs-zoom-enter { z-index: 1; }
.animation-recs-zoom-enter .profileContent { transform: translate3d(0,var(--nav-bar-height),0); will-change: transform; }
.animation-recs-zoom-enter-active .profileContent { transform: translateZ(0px); transition-duration: 0.05s; transition-timing-function: ease-in; }
.c1p6lbu0 { --tui-button-background: var(--color--background-button-primary,inherit); --tui-button-foreground: var(--color--foreground-button-primary,inherit); --tui-button-border: #0000; --tui-button-overlay: var(--color--interactive-button-primary,inherit); --tui-button-focus: var(--color--border-focus-default,inherit); --tui-button-background-disabled: var(--color--background-button-disabled,inherit); --tui-button-foreground-disabled: var(--color--foreground-button-disabled,inherit); --tui-button-border-disabled: #0000; --tui-button-overlay-disabled: #0000; background-color: initial; border: 0px; cursor: pointer; display: inline-block; position: relative; }
.c1p6lbu0[data-disabled] { cursor: default; }
.tg0j2fo { background-color: initial; display: block; height: 100%; left: 50%; min-height: 48px; min-width: 48px; opacity: 0; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; }
.w1u9t036 { display: block; position: relative; }
.c9iqosj { align-items: center; display: flex; gap: var(--sizing--padding-small,0); justify-content: center; padding: var(--tui-button-padding-vertical,var(--sizing--button-large-padding-vertical,0)) var(--tui-button-padding-horizontal,var(--sizing--button-large-padding-horizontal,0)); position: relative; }
.c1p6lbu0[data-size="medium"] .c9iqosj { padding: var(--tui-button-padding-vertical,var(--sizing--button-medium-padding-vertical,0)) var(--tui-button-padding-horizontal,var(--sizing--button-medium-padding-horizontal,0)); }
.c1p6lbu0[data-size="small"] .c9iqosj { padding: var(--tui-button-padding-vertical,var(--sizing--button-small-padding-vertical,0)) var(--tui-button-padding-horizontal,var(--sizing--button-small-padding-horizontal,0)); }
.c1p6lbu0[data-dir="rtl"] .c9iqosj { flex-direction: row-reverse; }
.c1p6lbu0[data-loading] .c9iqosj { opacity: 0; }
.cxdzch5 { border-radius: var(--sizing--button-border-radius,0); inset: 0px; display: block; overflow: hidden; pointer-events: none; position: absolute; }
.lk7dtol { align-items: center; color: var(--tui-button-foreground); display: flex; justify-content: center; }
.f1xhyo4z { box-shadow: 0 0 0 4px var(--tui-button-focus); margin: -2px; opacity: 0; }
.c1p6lbu0[data-focused] .f1xhyo4z { opacity: 1; }
.f17p5q9z { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-color: ; background-clip: initial; background-origin: border-box; border: 2px solid var(--tui-button-border); }
.c1p6lbu0[data-disabled] .f17p5q9z { background: var(--tui-button-background-disabled); border-color: var(--tui-button-border-disabled); }
.lxn9zzn { align-items: center; color: var(--tui-button-foreground); display: flex; font-family: var(--font-family--button-1,"ProximaNova","Helvetica Neue",Arial,Helvetica,sans-serif); font-size: var(--font-size--button-1,1rem); font-weight: var(--font-weight--button-1,400); justify-content: center; letter-spacing: var(--letter-spacing--button-1,0); line-height: var(--line-height--button-1,1); position: relative; text-align: center; text-transform: var(--letter-casing--button-1,none); word-break: break-word; }
.c1p6lbu0[data-size="medium"] .lxn9zzn, .lxn9zzn { min-height: 2.6rem; }
.c1p6lbu0[data-size="small"] .lxn9zzn { font-size: var(--font-size--button-2,1rem); font-weight: var(--font-weight--button-2,400); letter-spacing: var(--letter-spacing--button-2,0); line-height: var(--line-height--button-2,1); min-height: 2rem; text-transform: var(--letter-casing--button-2,none); }
.c1p6lbu0[data-disabled] .lxn9zzn { color: var(--tui-button-foreground-disabled); }
.o14gki62 { background-color: var(--tui-button-overlay); opacity: 0; }
.c1p6lbu0[data-disabled] .o14gki62 { color: var(--tui-button-overlay-disabled); }
.c1p6lbu0:active .o14gki62, .c1p6lbu0[data-hovered] .o14gki62, .c1p6lbu0[data-tapped] .o14gki62 { opacity: 1; }
.iczmx5h, .in1mbd2 { display: flex; justify-content: center; position: relative; }
.c1brxjx6 { display: inline-block; height: var(--sizing--dimension-xxsmall,0); position: relative; width: var(--sizing--dimension-xlarge,0); }
@media (pointer: fine) {
  .c1brxjx6 { --touch-target-width: var(--sizing--dimension-xlarge,0); --touch-target-height: var(--sizing--dimension-xxsmall,0); }
}
@media (pointer: coarse) {
  .c1brxjx6 { --touch-target-width: var(--sizing--dimension-xlarge,0); --touch-target-height: var(--sizing--dimension-xlarge,0); }
}
.c1brxjx6 > input[type="checkbox"] { box-sizing: border-box; display: block; height: 100%; left: 50%; margin: 0px; min-height: var(--touch-target-height); min-width: var(--touch-target-width); opacity: 0; padding: 0px; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; }
.c1brxjx6:not([data-disabled]):not([data-readonly]) > input[type="checkbox"] { cursor: pointer; }
.txpywba { --tui-switch-accent-color: var(--color--background-switch-default-track-selected,inherit); align-items: center; background-color: var(--color--background-switch-default-track-unselected,inherit); border: var(--sizing--border-width-thin,0) solid var(--color--border-switch-default-track-unselected,inherit); border-radius: var(--sizing--border-radius-xlarge,0); box-sizing: border-box; display: flex; height: 100%; justify-content: center; outline-color: var(--color--border-focus-default,inherit); outline-offset: var(--sizing--padding-xxsmall,0); outline-style: none; outline-width: var(--sizing--border-width-regular,0); pointer-events: none; transition: background-color 0.25s; width: 100%; }
.c1brxjx6[data-disabled] .txpywba, .c1brxjx6[data-readonly] .txpywba { background-color: var(--color--background-switch-default-track-disabled,inherit); border-color: var(--color--border-switch-default-track-disabled,inherit); }
.c1brxjx6[data-checked] .txpywba { background-color: var(--tui-switch-accent-color,var(--color--background-switch-default-track-selected,inherit)); border-color: var(--tui-switch-accent-color,var(--color--border-switch-default-track-selected,inherit)); }
.c1brxjx6[data-focused] .txpywba { outline-style: solid; }
.k1sxc17m { background-color: var(--color--background-switch-default-knob-unselected,inherit); border: var(--sizing--border-width-thin,0) solid var(--color--border-switch-default-knob-unselected,inherit); border-radius: 50%; box-sizing: border-box; display: block; height: var(--sizing--dimension-xxsmall,0); left: 0px; position: absolute; top: 0px; transform: translateX(var(--translate-x-off,0)); transition: transform 0.25s, background-color 0.25s, border-color 0.25s; width: var(--sizing--dimension-xxsmall,0); }
.c1brxjx6[data-checked] .k1sxc17m { border-color: var(--tui-switch-accent-color,var(--color--border-switch-default-knob-selected,inherit)); transform: translateX(var(--translate-x-on,calc(var(--sizing--dimension-xlarge, 0) - var(--sizing--dimension-xxsmall, 0)))); }
.c1brxjx6[data-disabled] .k1sxc17m, .c1brxjx6[data-readonly] .k1sxc17m { border-color: var(--color--border-switch-default-knob-disabled,inherit); }
.k1sxc17m, [dir="ltr"] .k1sxc17m { --translate-x-off: 0rem; --translate-x-on: calc(var(--sizing--dimension-xlarge,0) - var(--sizing--dimension-xxsmall,0)); }
[dir="rtl"] .k1sxc17m { --translate-x-off: calc(var(--sizing--dimension-xlarge,0) - var(--sizing--dimension-xxsmall,0)); --translate-x-on: 0rem; }
.o17yf4km { background-color: var(--color--interactive-button-primary,inherit); border-radius: var(--sizing--border-radius-xlarge,0); inset: 0px; display: block; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; }
.c1brxjx6[data-disabled] .o17yf4km, .c1brxjx6[data-readonly] .o17yf4km { background-color: initial; }
@media (hover: hover) and (pointer: fine) {
  .c1brxjx6:hover .o17yf4km { opacity: 1; }
}
.c1brxjx6:active .o17yf4km { opacity: 1; }
.l1r3z1wu { --tui-loader-stroke: 10px; --tui-loader-size: 100%; fill: none; stroke: currentcolor; }
.stca1s6 { --radius: calc(var(--tui-loader-size)/2 - var(--tui-loader-stroke)/2); --deg: calc(var(--radius)*0.01745); stroke-width: var(--tui-loader-stroke); r: var(--radius); stroke-dasharray: calc(var(--deg)*180),calc(var(--deg)*360); stroke-dashoffset: 0; stroke-linecap: square; animation: 1.5s ease-in-out 0s infinite normal none running dash-stca1s6, 2s linear 0s infinite normal none running rotate-stca1s6; transform-origin: 50% 50%; }
@keyframes dash-stca1s6 { 
  0% { stroke-dasharray: calc(var(--deg)*3),calc(var(--deg)*582); stroke-dashoffset: 0; }
  50% { stroke-dasharray: calc(var(--deg)*260),calc(var(--deg)*582); stroke-dashoffset: calc(var(--deg)*-100); }
  100% { stroke-dasharray: calc(var(--deg)*260),calc(var(--deg)*582); stroke-dashoffset: calc(var(--deg)*-360); }
}
@keyframes rotate-stca1s6 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
.c1abqz5r { --tui-radio-button-accent-color: var(--color--background-radio-selected-enabled,inherit); align-items: center; background: rgba(0, 0, 0, 0); border: var(--sizing--border-width-thin,0) solid var(--color--border-radio-unselected-disabled,inherit); border-radius: 50%; display: flex; height: var(--sizing--dimension-xxxsmall,0); justify-content: center; outline-color: var(--color--border-focus-default,inherit); outline-offset: var(--sizing--padding-xxsmall,0); outline-style: none; outline-width: var(--sizing--border-width-regular,0); position: relative; width: var(--sizing--dimension-xxxsmall,0); }
@media (pointer: fine) {
  .c1abqz5r { --touch-target-width: var(--sizing--dimension-xxxsmall,0); --touch-target-height: var(--sizing--dimension-xxxsmall,0); }
}
@media (pointer: coarse) {
  .c1abqz5r { --touch-target-width: var(--sizing--dimension-xlarge,0); --touch-target-height: var(--sizing--dimension-xlarge,0); }
}
.c1abqz5r > input[type="radio"] { display: block; height: 100%; left: 50%; margin: 0px; opacity: 0; padding: 0px; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; }
.c1abqz5r:not([data-disabled]):not([data-readonly]) > input[type="radio"] { cursor: pointer; }
.c1abqz5r[data-disabled] { background: var(--color--background-radio-unselected-disabled,inherit); }
.c1abqz5r[data-disabled], .c1abqz5r[data-disabled][data-checked] { border-color: var(--color--border-radio-unselected-disabled,inherit); }
.c1abqz5r[data-disabled][data-checked] { background: var(--color--border-radio-unselected-disabled,inherit); }
.c1abqz5r[data-readonly] { border-color: var(--color--background-radio-unselected-disabled,inherit); }
.c1abqz5r[data-checked] { background: var(--tui-radio-button-accent-color); border-color: rgba(0, 0, 0, 0); }
.c1abqz5r[data-focused] { outline-style: solid; }
.owqelga { background-color: var(--color--interactive-button-primary,inherit); border-radius: 50%; inset: 0px; display: block; opacity: 0; outline: .1rem solid var(--color--interactive-button-primary,inherit); overflow: hidden; pointer-events: none; position: absolute; }
.c1abqz5r[data-checked] .owqelga, .c1abqz5r[data-disabled] .owqelga, .c1abqz5r[data-readonly] .owqelga { background-color: initial; }
@media (hover: hover) and (pointer: fine) {
  .c1abqz5r:active:not([data-disabled]):not([data-readonly]) .owqelga, .c1abqz5r:hover:not([data-disabled]):not([data-readonly]) .owqelga { opacity: 1; }
}
.r136q0v3 { color: var(--color--icon-radio-selected-enabled,inherit); display: block; opacity: 0; pointer-events: none; position: absolute; transition: opacity 0.25s; width: var(--sizing--icon-large,0); }
.c1abqz5r[data-checked] .r136q0v3 { opacity: 1; }
.c41febb { --tui-text-field-background: var(--color--background-text-field-quiet-default,inherit); --tui-text-field-border: var(--color--border-text-field-quiet-default,inherit); --tui-text-field-text: var(--color--text-text-field-quiet-input-default,inherit); --tui-text-field-text-placeholder: var(--color--text-text-field-quiet-placeholder-default,inherit); --tui-text-field-focus: var(--color--border-focus-default,inherit); --tui-text-field-background-disabled: var(--color--background-text-field-quiet-default,inherit); --tui-text-field-border-disabled: var(--color--border-text-field-quiet-disabled,inherit); --tui-text-field-border-focus: var(--color--border-text-field-quiet-focus,inherit); --tui-text-field-border-error: var(--color--border-text-field-quiet-error,inherit); --tui-text-field-text-disabled: var(--color--text-text-field-quiet-input-disabled,inherit); --tui-text-field-text-placeholder-disabled: var(--color--text-text-field-quiet-placeholder-default,inherit); align-items: center; background-color: var(--tui-text-field-background); border: var(--sizing--border-width-thin,0) solid var(--tui-text-field-border); border-radius: 0.6rem; color: var(--tui-text-field-text); cursor: text; display: flex; position: relative; }
.c41febb[data-disabled] { background-color: var(--tui-text-field-background-disabled); border-color: var(--tui-text-field-border-disabled); color: var(--tui-text-field-text-disabled); cursor: default; }
.c41febb[data-error] { border-color: var(--tui-text-field-border-error); }
.c41febb[data-focused] { border-color: var(--tui-text-field-border-focus); }
.s1i9s4b7 { flex-basis: content; position: relative; }
.i52ujdq { flex-grow: 1; position: relative; }
.emjp69k { flex-basis: content; position: relative; }
.i1si00ql { background: rgba(0, 0, 0, 0); border: 0px; color: inherit; display: block; font-family: var(--font-size--body-1-regular,1rem); font-size: var(--font-size--body-1-regular,1rem); font-weight: var(--font-weight--body-1-regular,400); letter-spacing: var(--letter-spacing--body-1-regular,0); line-height: var(--line-height--body-1-regular,1); padding: calc(var(--sizing--padding-medium, 0) - var(--sizing--border-width-thin, 0)) calc(1.4rem - var(--sizing--border-width-thin, 0)); text-transform: var(--letter-casing--body-1-regular,none); width: 100%; }
.i1si00ql:focus { outline: 0px; }
.i1si00ql::placeholder { color: var(--tui-text-field-text-placeholder); }
textarea.i1si00ql { resize: none; }
.c41febb[data-disabled] .i1si00ql::placeholder { color: var(--tui-text-field-text-placeholder-disabled); }
.f1wgzee3 { border-radius: 0.6rem; inset: 0px; box-shadow: 0 0 0 4px var(--tui-text-field-focus); display: block; margin: -2px; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; }
.c41febb[data-a11y-focused] .f1wgzee3 { opacity: 1; }
.i1ityor1 { color: var(--tui-text-field-icon); }
.i1ityor1 .c41febb[data-disabled] { color: var(--tui-text-field-icon-disabled); }
.l1vvuqc { --tui-text-field-icon-disabled: undefined; color: var(--tui-text-field-label); display: block; font-family: var(--font-size--body-1-regular,1rem); font-size: var(--font-size--body-1-regular,1rem); font-weight: var(--font-weight--body-1-regular,400); letter-spacing: var(--letter-spacing--body-1-regular,0); line-height: var(--line-height--body-1-regular,1); padding-bottom: var(--sizing--padding-xsmall,0); text-transform: var(--letter-casing--body-1-regular,none); }
.l1vvuqc[data-error] { color: var(--tui-text-field-label-error); }
.c1876yhn { --tui-checkbox-accent-color: var(--color--background-checkbox-selected-enabled,inherit); align-items: center; background: rgba(0, 0, 0, 0); border: var(--sizing--border-width-thin,0) solid var(--color--border-checkbox-unselected-enabled,inherit); border-radius: var(--sizing--border-radius-xsmall,0); box-sizing: border-box; display: inline-flex; height: var(--sizing--dimension-xxxsmall,0); justify-content: center; outline-color: var(--color--border-focus-default,inherit); outline-offset: var(--sizing--padding-xxsmall,0); outline-style: none; outline-width: var(--sizing--border-width-regular,0); position: relative; transition: background 0.25s; width: var(--sizing--dimension-xxxsmall,0); }
@media (pointer: fine) {
  .c1876yhn { --touch-target-width: var(--sizing--dimension-xxxsmall,0); --touch-target-height: var(--sizing--dimension-xxxsmall,0); }
}
@media (pointer: coarse) {
  .c1876yhn { --touch-target-width: var(--sizing--dimension-xlarge,0); --touch-target-height: var(--sizing--dimension-xlarge,0); }
}
.c1876yhn > input[type="checkbox"] { box-sizing: border-box; display: block; height: 100%; left: 50%; margin: 0px; min-height: var(--touch-target-height); min-width: var(--touch-target-width); opacity: 0; padding: 0px; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; }
.c1876yhn:not([data-disabled]):not([data-readonly]) > input[type="checkbox"] { cursor: pointer; }
.c1876yhn[data-disabled], .c1876yhn[data-readonly] { background: var(--color--background-checkbox-disabled,inherit); border-color: var(--color--border-checkbox-unselected-disabled,inherit); }
.c1876yhn[data-checked]:not([data-disabled]):not([data-readonly]) { background: var(--tui-checkbox-accent-color); border-color: rgba(0, 0, 0, 0); }
.c1876yhn[data-indeterminate]:not([data-disabled]):not([data-readonly]) { background: var(--color--background-checkbox-selected-enabled,inherit); border-color: rgba(0, 0, 0, 0); }
.c1876yhn[data-focused] { outline-style: solid; }
.c1876yhn[data-error] { border-color: var(--color--border-checkbox-unselected-error,inherit); }
.ouz7lv6 { background-color: var(--color--interactive-button-primary,inherit); border-radius: var(--sizing--border-radius-xsmall,0); inset: 0px; display: block; opacity: 0; outline: var(--sizing--border-width-thin,0) solid var(--color--interactive-button-primary,inherit); overflow: hidden; pointer-events: none; position: absolute; }
.c1876yhn[data-disabled] .ouz7lv6, .c1876yhn[data-readonly] .ouz7lv6 { background-color: initial; }
@media (hover: hover) and (pointer: fine) {
  .c1876yhn:hover:not([data-disabled]):not([data-readonly]) .ouz7lv6 { opacity: 1; }
}
.c1876yhn:active:not([data-disabled]):not([data-readonly]) .ouz7lv6, .c1876yhn[data-hovered]:not([data-disabled]):not([data-readonly]) .ouz7lv6 { opacity: 1; }
.i1bwxec2 { color: var(--color--icon-checkbox-selected-enabled,inherit); display: block; height: var(--sizing--icon-xsmall,0); left: 50%; opacity: 0; pointer-events: none; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: opacity 0.25s; width: var(--sizing--icon-xsmall,0); z-index: 1; }
.c1876yhn[data-disabled] .i1bwxec2, .c1876yhn[data-readonly] .i1bwxec2 { color: var(--color--icon-checkbox-selected-disabled,inherit); }
.c1876yhn[data-checked]:not([data-indeterminate]) .s1dzf71c, .c1876yhn[data-indeterminate] .m1majj9p { opacity: 1; }
.c1h71ast { position: relative; }
.l1gpvmzh { color: var(--color--text-form-help-default,inherit); cursor: default; display: flex; font-family: var(--font-size--body-1-regular,1rem); font-size: var(--font-size--body-1-regular,1rem); font-weight: var(--font-weight--body-1-regular,400); justify-content: space-between; line-height: var(--line-height--body-1-regular,1); }
.l1gpvmzh label { color: var(--color--text-form-label-default,inherit); }
.wlw120x { cursor: pointer; position: inherit; }
.c1h71ast[data-disabled] .wlw120x { cursor: default; }
.t60fo43 { height: 48px; }
.rvv4owa { background-color: var(--color--background-slider-default-track-enabled,inherit); border-radius: var(--sizing--border-radius-xsmall,0); height: 0.2rem; position: absolute; top: calc(50% - 0.1rem); width: 100%; }
.c1h71ast[data-disabled] .rvv4owa { background-color: var(--color--background-slider-default-track-disabled,inherit); }
.hxna7xn { bottom: 0px; left: calc(var(--sizing--dimension-xxsmall, 0)/2); pointer-events: none; position: absolute; right: calc(var(--sizing--dimension-xxsmall, 0)/2); top: 0px; }
.h1r2bz7m { background-color: var(--color--background-slider-default-knob-enabled,inherit); border: 1px solid var(--color--border-slider-default-knob-enabled,inherit); border-radius: 100%; cursor: pointer; height: var(--sizing--dimension-xxsmall,0); margin-left: calc(0% - var(--sizing--dimension-xxsmall, 0)/2); pointer-events: all; position: absolute; top: calc(50% - var(--sizing--dimension-xxsmall, 0)/2); touch-action: none; width: var(--sizing--dimension-xxsmall,0); }
.c1h71ast[data-disabled] .h1r2bz7m { background-color: var(--color--background-slider-default-knob-disabled,inherit); border: 1px solid var(--color--border-slider-default-knob-disabled,inherit); cursor: default; }
.h1r2bz7m:active { box-shadow: inset 1px var(--sizing--dimension-xxsmall,0) var(--color--interactive-button-secondary,inherit); }
.h1r2bz7m:active, .h1r2bz7m:hover { border: 1px solid var(--tui-slider-accent-color,var(--color--border-brand,inherit)); }
.fkoar47 { border-radius: 50%; inset: 0px; box-shadow: 0 0 0 2px var(--color--border-focus-default,inherit); display: block; margin: -4px; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; }
.h1r2bz7m[data-focused] .fkoar47 { opacity: 1; }
.t1xtcanl { background-color: var(--tui-slider-accent-color,var(--color--background-slider-default-fill-enabled,inherit)); border-radius: var(--sizing--border-radius-xsmall,0); display: flex; height: 0.4rem; position: absolute; top: calc(50% - 0.2rem); }
.c1h71ast[data-disabled] .t1xtcanl { background-color: var(--color--background-slider-default-fill-disabled,inherit); }
.Ai\(c\), .CenterAlign, .CenterAlign\:\:b::before, .LeftAlign { align-items: center; }
.Ai\(fs\) { align-items: flex-start; }
.Ai\(b\) { align-items: baseline; }
.Ai\(s\) { align-items: start; }
.Ai\(fe\) { align-items: flex-end; }
.Ai\(e\) { align-items: end; }
.Ai\(st\) { align-items: stretch; }
.Ac\(fs\) { align-content: flex-start; }
.Ac\(c\) { align-content: center; }
.Ac\(sb\) { align-content: space-between; }
.Ac\(s\) { align-content: start; }
.Ac\(e\) { align-content: end; }
.As\(b\) { align-self: baseline; }
.As\(fe\) { align-self: flex-end; }
.As\(fs\) { align-self: flex-start; }
.As\(c\) { align-self: center; }
.As\(s\) { align-self: start; }
.Animdel\(\$xslow\) { animation-delay: 1s; }
.Animdel\(\$normal\) { animation-delay: 0.25s; }
.Animdel\(2s\) { animation-delay: 2s; }
.Animdel\(\$slow\) { animation-delay: 0.5s; }
.Animdur\(\$xslow\) { animation-duration: 1s; }
.Animdur\(\$slow\) { animation-duration: 0.5s; }
.Animdur\(\$normal\) { animation-duration: 0.25s; }
.Animdur\(\$fast\) { animation-duration: 0.2s; }
.Animdur\(2s\) { animation-duration: 2s; }
.Animdur\(3s\) { animation-duration: 3s; }
.Animdur\(\$xfast\) { animation-duration: 0.1s; }
.Animdur\(4s\) { animation-duration: 4s; }
.Animdur\(8s\) { animation-duration: 8s; }
.Animfm\(f\) { animation-fill-mode: forwards; }
.Animfm\(bo\) { animation-fill-mode: both; }
.Animic\(i\) { animation-iteration-count: infinite; }
.Animn\(\$anim-logo\) { animation-name: logoAnimation; }
.Animn\(\$anim-rotate\) { animation-name: rotate; }
.Animn\(\$anim-shimmer\) { animation-name: shimmer; }
.Animn\(\$anim-fade-in\) { animation-name: fadeIn; }
.Animn\(\$anim-grow-to-full\) { animation-name: growToFull; }
.Animn\(\$anim-green-flash\) { animation-name: greenFlash; }
.Animn\(\$anim-spin\) { animation-name: spin; }
.Animn\(\$anim-slide-in-up\) { animation-name: slideInUp; }
.Animn\(\$anim-bounce-in\) { animation-name: bounceIn; }
.Animn\(\$anim-slide-in-back\) { animation-name: slideInBack; }
.Animn\(\$anim-slide-in-left\) { animation-name: slideInLeft; }
.Animn\(\$anim-slide-in-right\) { animation-name: slideInRight; }
.Animn\(\$anim-pulse\) { animation-name: pulse; }
.Animn\(\$anim-shrink\) { animation-name: shrink; }
.Animps\(p\)\:h:hover { animation-play-state: paused; }
.Animtf\(\$anim-logo-timing-func\) { animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1); }
.Animtf\(l\) { animation-timing-function: linear; }
.Animtf\(eio\) { animation-timing-function: ease-in-out; }
.Animtf\(eo\) { animation-timing-function: ease-out; }
.Animtf\(ei\) { animation-timing-function: ease-in; }
.Ap\(n\) { appearance: none; }
.Ar\(1\/1\) { aspect-ratio: 1 / 1; }
.Ar\(160\/194\) { aspect-ratio: 160 / 194; }
.Bd, .Bd\:\:b::before, .Bdw\(1px\), .theme-dark .theme-dark_Bd { border-width: 1px; }
.Bd, .Bd\:\:b::before, .BdB, .BdEnd, .Bds\(s\), .Bds\(s\)\:\:a::after, .BdStart, .BdT, .BdY, .theme-dark .theme-dark_Bd { border-style: solid; }
.Bd\(n\) { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.Bd\(0\) { border: 0px; }
.Bd\(n\)\! { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; }
.Bdc\(\$c-ds-divider-primary\) { border-color: var(--color--divider-primary,inherit); }
.Bdc\(\$c-ds-accent-primary\), .Bdc\(\$c-ds-accent-primary\)\:a:active, .Bdc\(\$c-ds-accent-primary\)\:f:focus, .Bdc\(\$c-ds-accent-primary\)\:h:hover { border-color: var(--color--accent-primary,inherit); }
.Bdc\(\$c-ds-background-primary\), .Bdc\(\$c-ds-background-primary\)\:\:a::after { border-color: var(--color--background-primary,inherit); }
.Bdc\(\$c-ds-border-focus-inverse\) { border-color: var(--color--border-focus-inverse,inherit); }
.Bdc\(\$c-ds-border-primary\) { border-color: var(--color--border-primary,inherit); }
.Bdc\(\$c-bluegray\) { border-color: var(--color--gray-15,inherit); }
.Bdc\(\$c-ds-text-primary\) { border-color: var(--color--text-primary,inherit); }
.Bdc\(\$c-ds-accent-error\) { border-color: var(--color--accent-error,inherit); }
.Bdc\(\$c-ds-foreground-border-secondary\) { border-color: var(--color--foreground-border-secondary,inherit); }
.Bdc\(\$c-ds-icon-primary-overlay\) { border-color: var(--color--icon-primary-overlay,inherit); }
.Bdc\(\$c-ds-icon-secondary\), .Bdc\(\$c-ds-icon-secondary\)\:h:hover { border-color: var(--color--icon-secondary,inherit); }
.Bdc\(\$c-ds-icon-secondary-inverse\), .Bdc\(\$c-ds-icon-secondary-inverse\)\:h:hover { border-color: var(--color--icon-secondary-inverse,inherit); }
.Bdc\(\$c-ds-icon-primary-inverse\)\:h:hover { border-color: var(--color--icon-primary-inverse,inherit); }
.Bdc\(\$c-ds-border-gamepad-boost-default\) { border-color: var(--color--border-gamepad-boost-default,inherit); }
.Bdc\(\$c-ds-border-gamepad-secondary-disabled\) { border-color: var(--color--border-gamepad-secondary-disabled,inherit); }
.Bdc\(\$c-ds-border-brand\), .Bdc\(\$c-ds-border-brand\)\:h:hover, .radio.focus-visible ~ .radio\:fv\~Bdc\(\$c-ds-border-brand\) { border-color: var(--color--border-brand,inherit); }
.Bdc\(\$c-ds-border-brand\), .Bdc\(\$c-ds-border-brand\)\:h:hover, .radio:focus-visible ~ .radio\:fv\~Bdc\(\$c-ds-border-brand\) { border-color: var(--color--border-brand,inherit); }
.Bdc\(\$c-ds-border-disabled\) { border-color: var(--color--border-disabled,inherit); }
.Bdc\(\$c-ds-foreground-primary\) { border-color: var(--color--foreground-primary,inherit); }
.Bdc\(\$c-ds-icon-primary\) { border-color: var(--color--icon-primary,inherit); }
.Bdc\(\$c-ds-foreground-secondary\), .Bdc\(\$c-ds-foreground-secondary\)\:h:hover { border-color: var(--color--foreground-secondary,inherit); }
.Bdc\(\#fff\), .Bdc\(\#fff\)\:a:active, .Bdc\(\#fff\)\:f:focus, .Bdc\(\#fff\)\:h:hover { border-color: rgb(255, 255, 255); }
.Bdc\(\$c-ds-border-button-secondary\), .Bdc\(\$c-ds-border-button-secondary\)\:a:active, .Bdc\(\$c-ds-border-button-secondary\)\:f:focus, .Bdc\(\$c-ds-border-button-secondary\)\:h:hover { border-color: var(--color--border-button-secondary,inherit); }
.Bdc\(\$c-ds-accent-link\)\:a:active, .Bdc\(\$c-ds-accent-link\)\:f:focus, .Bdc\(\$c-ds-accent-link\)\:h:hover { border-color: var(--color--accent-link,inherit); }
.Bdc\(t\) { border-color: rgba(0, 0, 0, 0); }
.Bdc\(\$c-ds-invertible-gray-70\) { border-color: var(--color--invertible-gray-70,inherit); }
.Bdc\(\$c-ds-text-link\), .Bdc\(\$c-ds-text-link\)\:h:hover { border-color: var(--color--text-link,inherit); }
.Bdc\(\$c-ds-border-secondary\) { border-color: var(--color--border-secondary,inherit); }
.Bdc\(\$c-ds-border-sparks-boost\) { border-color: var(--color--border-sparks-boost,inherit); }
.Bdc\(\$c-ds-border-boost\) { border-color: var(--color--border-boost,inherit); }
.Bdc\(\$c-ds-text-secondary\), .Bdc\(\$c-ds-text-secondary\)\:h:hover { border-color: var(--color--text-secondary,inherit); }
.Bdc\(\$c-ds-text-secondary-overlay\) { border-color: var(--color--text-secondary-overlay,inherit); }
.Bdc\(\$c-ds-border-passions-inactive\) { border-color: var(--color--border-passions-inactive,inherit); }
.Bdc\(\$c-ds-border-passions-shared\) { border-color: var(--color--border-passions-shared,inherit); }
.Bdc\(\$c-ds-border-passions-shared-overlay\) { border-color: var(--color--border-passions-shared-overlay,inherit); }
.Bdc\(\$c-ds-foreground-border-primary\) { border-color: var(--color--foreground-border-primary,inherit); }
.Bdc\(\$c-ds-border-gold\) { border-color: var(--color--border-gold,inherit); }
.Bdc\(\$c-ds-border-platinum\) { border-color: var(--color--border-platinum,inherit); }
.Bdc\(\$c-ds-text-primary\)\!\:\:b::before { border-color: var(--color--text-primary,inherit) !important; }
.Bdc\(\$c-ds-border-passions-active\) { border-color: var(--color--border-passions-active,inherit); }
.Bdc\(\$c-pink\), .Bdc\(\$c-pink\)\:\:b::before { border-color: var(--color--brand-primary,inherit); }
.Bdc\(\$c-pink\)\! { border-color: var(--color--brand-primary,inherit) !important; }
.Bdc\(\$c-beacon-gold\) { border-color: rgba(193, 146, 15, 0.5); }
.Bdc\(\$c-beacon-gray\) { border-color: rgba(231, 233, 238, 0.5); }
.Bdc\(\$c-beacon-pink\) { border-color: rgba(255, 133, 137, 0.5); }
.Bdc\(\$c-beacon-platinum\) { border-color: rgba(151, 158, 175, 0.5); }
.Bdc\(\$c-ds-border-overlay\) { border-color: var(--color--border-overlay,inherit); }
.Bdc\(\$c-ds-accent-super-like\) { border-color: var(--color--accent-super-like,inherit); }
.Bdc\(\$c-ds-accent-blue\) { border-color: var(--color--accent-blue,inherit); }
.Bdc\(\$c-ds-border-gamepad-nope-default\) { border-color: var(--color--border-gamepad-nope-default,inherit); }
.Bdc\(\$c-ds-border-gamepad-super-like-default\) { border-color: var(--color--border-gamepad-super-like-default,inherit); }
.Bdc\(\$c-ds-border-gamepad-like-default\) { border-color: var(--color--border-gamepad-like-default,inherit); }
.Bdc\(\$c-ds-border-gamepad-rewind-default\) { border-color: var(--color--border-gamepad-rewind-default,inherit); }
.Bdc\(\$c-ds-accent-red\) { border-color: var(--color--accent-red,inherit); }
.Bdc\(\$c-ds-blue-40\) { border-color: var(--color--blue-40,inherit); }
.Bdc\(\$c-ds-green-30\) { border-color: var(--color--green-30,inherit); }
.Bdc\(\$c-ds-divider-banner-default\) { border-color: var(--color--divider-banner-default,inherit); }
.Bdc\(\$c-ds-action-active\) { border-color: var(--color--action-active,inherit); }
.Bdc\(\$c-ds-border-secondary-overlay\) { border-color: var(--color--border-secondary-overlay,inherit); }
.Bdc\(\$c-ds-foreground-primary-static-dark\) { border-color: var(--color--foreground-primary-static-dark,inherit); }
.Bdc\(\$c-ds-gray-20\) { border-color: var(--color--gray-20,inherit); }
.Bdc\(\$c-dark-gray\) { border-color: var(--color--gray-70,inherit); }
.Bdc\(\$c-gold-border\) { border-color: var(--color--gold-50,inherit); }
.Bdc\(\$c-superboost-bg-pink\) { border-color: var(--color--fuchsia-15,inherit); }
.Bdc\(\$c-ds-text-disabled\) { border-color: var(--color--text-disabled,inherit); }
.Bdc\(\$c-ds-border-focus-overlay\) { border-color: var(--color--border-focus-overlay,inherit); }
.Bdc\(\$c-ds-gray-40\) { border-color: var(--color--gray-40,inherit); }
.Bdc\(\$c-ds-text-primary-overlay\) { border-color: var(--color--text-primary-overlay,inherit); }
.Bdtc\(\$c-ds-divider-primary\) { border-top-color: var(--color--divider-primary,inherit); }
.Bdtc\(t\) { border-top-color: rgba(0, 0, 0, 0); }
.Bdtc\(\$c-bg-black\) { border-top-color: var(--color--gray-80,inherit); }
.Bdtc\(\$c-ds-background-tooltip-default\) { border-top-color: var(--color--background-tooltip-default,inherit); }
.Bdtc\(\$c-ds-match-expiration-primary\) { border-top-color: var(--color--match-expiration-primary,inherit); }
.Bdtc\(\$c-gold\) { border-top-color: var(--color--gold-30,inherit); }
.Bdtc\(\$c-light-purple\) { border-top-color: var(--color--purple-50,inherit); }
.Bdtc\(\$c-pink\) { border-top-color: var(--color--brand-primary,inherit); }
.Bdtc\(\$c-platinum_black\) { border-top-color: var(--color--gray-95,inherit); }
.Bdtc\(\$c-ds-foreground-border-secondary\) { border-top-color: var(--color--foreground-border-secondary,inherit); }
.Bdtc\(\$c-ds-border-focus-inverse\) { border-top-color: var(--color--border-focus-inverse,inherit); }
.Bdendc\(t\) { border-right-color: rgba(0, 0, 0, 0); }
.Bdendc\(\$c-ds-divider-primary\) { border-right-color: var(--color--divider-primary,inherit); }
.Bdendc\(\$c-ds-border-brand\)\:h:hover { border-right-color: var(--color--border-brand,inherit); }
.Bdendc\(\$c-ds-match-expiration-primary\) { border-right-color: var(--color--match-expiration-primary,inherit); }
.Bdendc\(\$c-ds-foreground-border-secondary\) { border-right-color: var(--color--foreground-border-secondary,inherit); }
.Bdbc\(\$c-ds-divider-primary\) { border-bottom-color: var(--color--divider-primary,inherit); }
.Bdbc\(\$c-ds-border-primary\)\! { border-bottom-color: var(--color--border-primary,inherit) !important; }
.Bdbc\(t\), .Bdbc\(t\)\:lc:last-child, .passport__search__item--last .passport__search__item--last_Bdbc\(t\) { border-bottom-color: rgba(0, 0, 0, 0); }
.Bdbc\(\$c-ds-accent-error\) { border-bottom-color: var(--color--accent-error,inherit); }
.Bdbc\(\$c-ds-foreground-border-primary\) { border-bottom-color: var(--color--foreground-border-primary,inherit); }
.Bdbc\(\$c-ds-border-button-secondary\) { border-bottom-color: var(--color--border-button-secondary,inherit); }
.Bdbc\(\$c-ds-text-brand-normal\) { border-bottom-color: var(--color--text-brand-normal,inherit); }
.Bdbc\(\$c-bg-black\) { border-bottom-color: var(--color--gray-80,inherit); }
.Bdbc\(\$c-ds-background-tooltip-default\) { border-bottom-color: var(--color--background-tooltip-default,inherit); }
.Bdbc\(\$c-ds-match-expiration-primary\) { border-bottom-color: var(--color--match-expiration-primary,inherit); }
.Bdbc\(\$c-gold\) { border-bottom-color: var(--color--gold-30,inherit); }
.Bdbc\(\$c-light-purple\) { border-bottom-color: var(--color--purple-50,inherit); }
.Bdbc\(\$c-pink\) { border-bottom-color: var(--color--brand-primary,inherit); }
.Bdbc\(\$c-platinum_black\) { border-bottom-color: var(--color--gray-95,inherit); }
.Bdbc\(\$c-ds-accent-active\) { border-bottom-color: var(--color--accent-active,inherit); }
.Bdbc\(\$c-ds-foreground-primary-inverse\) { border-bottom-color: var(--color--foreground-primary-inverse,inherit); }
.Bdbc\(\$c-ds-foreground-border-secondary\) { border-bottom-color: var(--color--foreground-border-secondary,inherit); }
.Bdbc\(\$c-ds-accent-primary\) { border-bottom-color: var(--color--accent-primary,inherit); }
.Bdstartc\(\$c-ds-divider-primary\) { border-left-color: var(--color--divider-primary,inherit); }
.Bdstartc\(t\) { border-left-color: rgba(0, 0, 0, 0); }
.Bds\(da\) { border-style: dashed; }
.Bdts\(s\), .Bdts\(s\)\:fc:first-child { border-top-style: solid; }
.Bdends\(s\) { border-right-style: solid; }
.Bdbs\(s\) { border-bottom-style: solid; }
.Bdbs\(n\)\:lc:last-child { border-bottom-style: none; }
.Bdstarts\(s\) { border-left-style: solid; }
.Bdw\(0\) { border-width: 0px; }
.Bdw\(2px\), .Bdw\(2px\)\:\:a::after, .Bdw\(2px\)\:\:b::before { border-width: 2px; }
.Bdw\(0\)\! { border-width: 0px !important; }
.Bdw\(t\) { border-width: thin; }
.Bdw\(3px\) { border-width: 3px; }
.Bdw\(8px\) { border-width: 8px; }
.Bdw\(4px\) { border-width: 4px; }
.Bdw\(0\.5px\) { border-width: 0.5px; }
.Bdtw\(1\) { }
.BdT, .Bdtw\(1px\), .Bdtw\(1px\)\:fc:first-child, .BdY { border-top-width: 1px; }
.Bdtw\(0\.3px\) { border-top-width: 0.3px; }
.Bdendw\(5px\) { border-right-width: 5px; }
.BdEnd, .Bdendw\(1px\) { border-right-width: 1px; }
.Bdendw\(2px\) { border-right-width: 2px; }
.Bdbw\(0\) { border-bottom-width: 0px; }
.Bdbw\(2px\) { border-bottom-width: 2px; }
.Bdbw\(--recs-gamepad-height\) { border-bottom-width: var(--recs-gamepad-height); }
.BdB, .Bdbw\(1px\), .BdY { border-bottom-width: 1px; }
.BdStart, .Bdstartw\(1px\) { border-left-width: 1px; }
.Bdstartw\(0\) { border-left-width: 0px; }
.Bdstartw\(4px\) { border-left-width: 4px; }
.Bdrs\(12px\), .Bdrs\(12px\)\:\:b::before { border-radius: 12px; }
.Bdrs\(16px\), .Bdrs\(16px\)\:\:b::before { border-radius: 16px; }
.Bdrs\(50\%\), .Bdrs\(50\%\)\:\:a::after, .Bdrs\(50\%\)\:\:b::before { border-radius: 50%; }
.Bdrs\(8px\), .Bdrs\(8px\)\:\:a::after { border-radius: 8px; }
.Bdrs\(4px\), .Bdrs\(4px\)\:\:a::after { border-radius: 4px; }
.Bdrs\(12px\)\! { border-radius: 12px !important; }
.Bdrs\(0\) { border-radius: 0px; }
.Bdrs\(52px\) { border-radius: 52px; }
.Bdrs\(15px\) { border-radius: 15px; }
.Bdrs\(10px\) { border-radius: 10px; }
.Bdrs\(36px\) { border-radius: 36px; }
.Bdrs\(10\%\) { border-radius: 10%; }
.Bdrs\(50px\) { border-radius: 50px; }
.Bdrs\(100px\) { border-radius: 100px; }
.Bdrs\(24px\) { border-radius: 24px; }
.Bdrs\(8px\)\! { border-radius: 8px !important; }
.Bdrs\(6px\) { border-radius: 6px; }
.Bdrs\(30px\) { border-radius: 30px; }
.Bdrs\(inh\) { border-radius: inherit; }
.Bdrs\(28px\), .Bdrs\(28px\)\:\:b::before { border-radius: 28px; }
.Bdrs\(100\%\) { border-radius: 100%; }
.Bdrs\(25px\) { border-radius: 25px; }
.Bdrs\(22px\) { border-radius: 22px; }
.Bdrs\(20px\) { border-radius: 20px; }
.Bdrstend\(16px\) { border-top-right-radius: 16px; }
.Bdrstend\(4px\) { border-top-right-radius: 4px; }
.Bdrstend\(8px\) { border-top-right-radius: 8px; }
.Bdrstend\(20px\) { border-top-right-radius: 20px; }
.Bdrstend\(0\)\! { border-top-right-radius: 0px !important; }
.Bdrsbend\(50\%\)\:\:b::before { border-bottom-right-radius: 50%; }
.Bdrsbend\(0\) { border-bottom-right-radius: 0px; }
.Bdrsbend\(16px\) { border-bottom-right-radius: 16px; }
.Bdrsbend\(4px\) { border-bottom-right-radius: 4px; }
.Bdrsbend\(8px\) { border-bottom-right-radius: 8px; }
.Bdrsbend\(20px\) { border-bottom-right-radius: 20px; }
.Bdrsbend\(5px\) { border-bottom-right-radius: 5px; }
.Bdrsbend\(0\)\! { border-bottom-right-radius: 0px !important; }
.Bdrsbend\(2px\) { border-bottom-right-radius: 2px; }
.Bdrsbend\(25px\) { border-bottom-right-radius: 25px; }
.Bdrsbstart\(50\%\)\:\:b::before { border-bottom-left-radius: 50%; }
.Bdrsbstart\(0\) { border-bottom-left-radius: 0px; }
.Bdrsbstart\(16px\) { border-bottom-left-radius: 16px; }
.Bdrsbstart\(4px\) { border-bottom-left-radius: 4px; }
.Bdrsbstart\(8px\) { border-bottom-left-radius: 8px; }
.Bdrsbstart\(20px\) { border-bottom-left-radius: 20px; }
.Bdrsbstart\(5px\) { border-bottom-left-radius: 5px; }
.Bdrsbstart\(0\)\! { border-bottom-left-radius: 0px !important; }
.Bdrsbstart\(25px\) { border-bottom-left-radius: 25px; }
.Bdrststart\(16px\) { border-top-left-radius: 16px; }
.Bdrststart\(4px\) { border-top-left-radius: 4px; }
.Bdrststart\(8px\) { border-top-left-radius: 8px; }
.Bdrststart\(20px\) { border-top-left-radius: 20px; }
.Bdrststart\(0\)\! { border-top-left-radius: 0px !important; }
.BkdpBlur\(4px\), .BkdpBlur\(\$bg-blur-s\) { backdrop-filter: blur(4px); }
.BkdpBlur\(50px\) { backdrop-filter: blur(50px); }
.BkdpBlur\(\$bg-blur-l\) { backdrop-filter: blur(12px); }
.Bg\(\$bottom-dark-fade\) { background: linear-gradient(to top,var(--color--black,inherit),#0000 calc(50% + 200px)); }
.Bg\(\$t-gold-gradient\), .TextGradient\(\$t-gold-gradient\) { background: linear-gradient(135deg,var(--color--gold-40,inherit),var(--color--gold-30,inherit) 42%,var(--color--gold-20,inherit)); }
.Bg\(\#fff\) { background: rgb(255, 255, 255); }
.Bg\(\$c-ds-background-button-disabled\) { background: var(--color--background-button-disabled,inherit); }
.Bg\(\$g-ds-background-brand-gradient\) { background: var(--gradient--background-brand-gradient,none); }
.Bg\(\$c-gold\)\:a\:\:b:active::before, .Bg\(\$c-gold\)\:f\:\:b:focus::before, .Bg\(\$c-gold\)\:h\:\:b:hover::before { background: var(--color--gold-30,inherit); }
.Bg\(\$c-medium-blue\)\:a\:\:b:active::before, .Bg\(\$c-medium-blue\)\:f\:\:b:focus::before, .Bg\(\$c-medium-blue\)\:h\:\:b:hover::before { background: var(--color--blue-70,inherit); }
.Bg\(\$c-pink\)\:a\:\:b:active::before, .Bg\(\$c-pink\)\:f\:\:b:focus::before, .Bg\(\$c-pink\)\:h\:\:b:hover::before { background: var(--color--brand-primary,inherit); }
.Bg\(\$light-blue-gradient-radial\) { background: radial-gradient(ellipse 110% 110% at bottom,var(--color--white,inherit) 40%,var(--color--blue-10,inherit) 69%,var(--color--blue-20,inherit) 100%); }
.Bg\(\$blue-gradient-radial\) { background: radial-gradient(ellipse 130% 110% at bottom,var(--color--background-primary,inherit) 45%,var(--color--blue-40,inherit) 78%,var(--color--blue-70,inherit) 100%); }
.Bg\(\$c-ds-icon-primary\) { background: var(--color--icon-primary,inherit); }
.Bg\(\$darkblue-gradient-radial\) { background: radial-gradient(ellipse 130% 110% at bottom,var(--color--background-primary,inherit) 45%,var(--color--blue-60,inherit) 78%,var(--color--blue-80,inherit) 100%); }
.Bg\(\$gold-white-gradient\) { background: linear-gradient(to bottom,var(--color--white,inherit),#fbf9f3); }
.Bg\(\$gray-gradient-radial\) { background: radial-gradient(ellipse 130% 110% at bottom,var(--color--white,inherit) 45%,var(--color--gray-15,inherit) 78%,var(--color--gray-30,inherit) 100%); }
.Bg\(\$green-gradient-radial\) { background: radial-gradient(ellipse 130% 110% at bottom,var(--color--background-primary,inherit) 45%,var(--color--green-30,inherit) 78%,var(--color--green-50,inherit) 100%); }
.Bg\(\$orange-gradient-radial\) { background: radial-gradient(ellipse 130% 110% at bottom,var(--color--background-primary,inherit) 45%,var(--color--yellow-orange-40,inherit) 78%,#ff8589 100%); }
.Bg\(\$pink-gradient-radial\) { background: radial-gradient(ellipse 130% 110% at bottom,var(--color--white,inherit) 45%,var(--color--red-50,inherit) 78%,var(--color--brand-gradient-start,inherit) 100%); }
.Bg\(\$purple-gradient-radial\) { background: radial-gradient(ellipse 130% 110% at bottom,var(--color--background-primary,inherit) 40%,var(--color--purple-50,inherit) 60%,var(--color--purple-60,inherit) 100%); }
.Bg\(\$yellow-gradient-radial\) { background: radial-gradient(ellipse 130% 110% at bottom,var(--color--background-primary,inherit) 45%,var(--color--gold-30,inherit) 78%,var(--color--yellow-orange-40,inherit) 100%); }
.Bg\(\$blur-gradient-bottom\)\:\:a::after { background: linear-gradient(to bottom,var(--color--transparent,inherit) -5%,var(--color--background-primary,inherit) 80%); }
.Bg\(\$its-a-double-match-gradient\) { background: linear-gradient(rgb(130, 138, 247), rgb(79, 178, 244) 19.27%, rgb(100, 72, 205) 75.27%, rgb(108, 34, 191)); }
.Bg\(\$its-a-match-gradient\) { background: linear-gradient(rgba(0, 255, 0, 0) 0px, rgba(0, 118, 0, 0.537) 31.77%, rgb(0, 31, 0) 65%), radial-gradient(circle, rgb(184, 255, 95), rgb(3, 170, 101) 80%); }
.Bg\(\$blur-gradient-top\)\:\:b::before { background: linear-gradient(to top,var(--color--transparent,inherit) -5%,var(--color--background-primary,inherit) 80%); }
.Bg\(\$g-ds-background-boost\) { background: var(--gradient--background-boost,none); }
.Bg\(\$primary-gradient-vertical\), .Bg\(\$primary-gradient-vertical\)\:\:b::before { background: linear-gradient(0deg,var(--color--brand-gradient-end,inherit),var(--color--brand-gradient-start,inherit)); }
.Bg\(inh\)\:\:a::after { background: inherit; }
.Bg\(\$its-a-match-photos-gradient\) { background: linear-gradient(rgb(255, 255, 255), rgb(99, 166, 70)); }
.Bg\(\$its-a-double-match-photos-gradient\) { background: linear-gradient(rgb(255, 255, 255), rgb(95, 68, 234)); }
.Bgi\(\$primary-gradient-vertical\) { background-image: linear-gradient(0deg,var(--color--brand-gradient-end,inherit),var(--color--brand-gradient-start,inherit)); }
.Bgi\(\$g-ds-background-primary-linear\) { background-image: var(--gradient--background-primary-linear,none); }
.Bgi\(\$c-divider-left-fade-gradient\) { background-image: linear-gradient(to left,var(--color--gray-60,inherit),#fff0); }
.Bgi\(\$gold-left-fade-gradient\) { background-image: linear-gradient(to left,var(--color--gold-30,inherit),#fff0); }
.Bgi\(\$pink-left-fade-gradient\) { background-image: linear-gradient(270deg, rgba(255, 35, 88, 0.55), rgba(255, 255, 255, 0)); }
.Bgi\(\$g-ds-background-brand-gradient\), .Bgi\(\$g-ds-background-brand-gradient\)\:h\:\:b:hover::before { background-image: var(--gradient--background-brand-gradient,none); }
.Bgi\(\$g-ds-background-gold\) { background-image: var(--gradient--background-gold,none); }
.Bgi\(\$g-ds-background-platinum\), .Bgi\(\$platinum-subscription-gradient\) { background-image: var(--gradient--background-platinum,none); }
.Bgi\(\$lite-blue-gradient-diagonal\) { background-image: linear-gradient(256deg,var(--color--teal-20,inherit),var(--color--blue-40,inherit)); }
.Bgi\(\$pink-gradient\) { background-image: linear-gradient(257deg,var(--color--red-50,inherit),var(--color--brand-gradient-start,inherit)); }
.Bgi\(\$purple-gradient-diagonal\), .Bgi\(\$purple-gradient-diagonal\)\:h:hover { background-image: linear-gradient(257deg,var(--color--purple-50,inherit),var(--color--purple-60,inherit)); }
.Bgi\(\$primary-gradient-bottom\), .Bgi\(\$primary-gradient-bottom\)\:\:a::after { background-image: linear-gradient(to bottom,var(--color--transparent,inherit) -5%,var(--color--background-primary,inherit) 20%); }
.Bgi\(\$g-ds-gamepad-super-like-subtle-on-dark\) { background-image: var(--gradient--gamepad-super-like-subtle-on-dark,none); }
.Bgi\(\$c-ds-background-primary\) { background-image: var(--color--background-primary,inherit); }
.Bgi\(\$g-ds-overlay-rec-card-default\)\! { background-image: var(--gradient--overlay-rec-card-default,none) !important; }
.Bgi\(\$blue-gradient-radial\) { background-image: radial-gradient(ellipse 130% 110% at bottom,var(--color--background-primary,inherit) 45%,var(--color--blue-40,inherit) 78%,var(--color--blue-70,inherit) 100%); }
.Bgi\(\$green-gradient-radial\) { background-image: radial-gradient(ellipse 130% 110% at bottom,var(--color--background-primary,inherit) 45%,var(--color--green-30,inherit) 78%,var(--color--green-50,inherit) 100%); }
.Bgi\(\$medium-purple-top-fade-gradient\) { background-image: linear-gradient(to top,var(--color--purple-80,inherit) 88%,#fff0); }
.Bgi\(\$purple-left-fade-gradient\) { background-image: linear-gradient(to left,var(--color--purple-30,inherit),#fff0); }
.Bgi\(\$purple-gradient\) { background-image: linear-gradient(var(--color--purple-60,inherit),var(--color--purple-50,inherit)); }
.Bgi\(\$purple-gradient-radial-fade\) { background-image: radial-gradient(ellipse 200% 90% at bottom,var(--color--background-primary,inherit) 20%,var(--color--purple-50,inherit) 100%); }
.Bgi\(\$g-ds-background-gold-subtle\) { background-image: var(--gradient--background-gold-subtle,none); }
.Bgi\(\$g-ds-background-boost\), .Bgi\(\$g-ds-background-boost\)\:a:active { background-image: var(--gradient--background-boost,none); }
.Bgi\(\$blur-gradient-top\)\:\:b::before { background-image: linear-gradient(to top,var(--color--transparent,inherit) -5%,var(--color--background-primary,inherit) 80%); }
.Bgi\(\$gold-shimmer-gradient\) { background-image: linear-gradient(120deg,#fff0 32%,var(--color--gold-20,inherit) 50%,#fff0 67%); }
.Bgi\(\$platinum-shimmer-gradient\) { background-image: linear-gradient(120deg,#fff0 32%,var(--color--gray-70,inherit) 50%,#fff0 67%); }
.Bgi\(\$g-ds-background-gamepad-sparks-boost-pressed\)\:a:active { background-image: var(--gradient--background-gamepad-sparks-boost-pressed,none); }
.Bgi\(\$g-ds-background-super-boost-subtle\) { background-image: var(--gradient--background-super-boost-subtle,none); }
.Bgi\(\$darkblue-gradient\) { background-image: linear-gradient(0deg,var(--color--blue-60,inherit),var(--color--blue-80,inherit)); }
.Bgi\(\$top-dark-fade-large\)\:\:b::before { background-image: linear-gradient(to bottom,var(--color--black,inherit) 0,#0000 180px); }
.Bgi\(\$top-dark-fade-small\)\:\:b::before { background-image: linear-gradient(to bottom,var(--color--black,inherit) 0,#0000 100px); }
.Bgi\(\$bottom-dark-fade\)\:\:a::after { background-image: linear-gradient(to top,var(--color--black,inherit),#0000 calc(50% + 200px)); }
.Bgi\(\$g-ds-overlay-card\)\:\:b::before { background-image: var(--gradient--overlay-card,none); }
.Bgi\(\$light-gold-gradient\) { background-image: linear-gradient(to left,var(--color--gold-20,inherit),#fff0); }
.Bgi\(\$light-pink-gradient\) { background-image: linear-gradient(to left,var(--color--fuchsia-10,inherit),var(--color--red-10,inherit)); }
.Bgi\(\$light-platinum-gradient\) { background-image: linear-gradient(to left,var(--color--gray-30,inherit),var(--color--gray-10,inherit)); }
.Bgi\(\$black-silver-gradient\) { background-image: linear-gradient(to right,var(--color--gray-95,inherit) 30%,var(--color--gray-70,inherit),var(--color--gray-95,inherit) 70%); }
.Bgi\(\$blue-gradient\) { background-image: linear-gradient(80deg,var(--color--blue-40,inherit),var(--color--blue-70,inherit)); }
.Bgi\(\$medium-purple-gradient\) { background-image: linear-gradient(257deg,var(--color--purple-80,inherit),var(--color--purple-70,inherit)); }
.Bgi\(\$black-silver-slanted-gradient\)\:a:active, .Bgi\(\$black-silver-slanted-gradient\)\:f:focus, .Bgi\(\$black-silver-slanted-gradient\)\:h:hover { background-image: linear-gradient(86deg,var(--color--gray-95,inherit) 20%,var(--color--gray-70,inherit),var(--color--gray-95,inherit) 80%); }
.Bgi\(\$medium-purple-reverse-gradient\)\:h:hover { background-image: linear-gradient(257deg,var(--color--purple-70,inherit),var(--color--purple-80,inherit)); }
.Bgi\(\$secondary-gradient-bottom\) { background-image: linear-gradient(to bottom,var(--color--transparent,inherit) -5%,var(--color--background-secondary,inherit) 20%); }
.Bgi\(\$light-gradient\) { background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0)); }
.Bgi\(\$blue-green-gradient\) { background-image: linear-gradient(to right,var(--color--teal-15,inherit),var(--color--green-20,inherit)); }
.Bgi\(\$g-ds-overlay-rec-card-default\)\:\:a::after { background-image: var(--gradient--overlay-rec-card-default,none); }
.Bgi\(\$dark-purple-gradient\) { background-image: linear-gradient(to top,var(--color--purple-70,inherit) 5%,var(--color--purple-80,inherit) 50%,#39006a99 100%); }
.Bgi\(\$g-ds-background-super-boost\) { background-image: var(--gradient--background-super-boost,none); }
.Bgi\(\$g-ds-background-platinum-subtle\) { background-image: var(--gradient--background-platinum-subtle,none); }
.Bgi\(\$blur-gradient-bottom\)\:\:b::before { background-image: linear-gradient(to bottom,var(--color--transparent,inherit) -5%,var(--color--background-primary,inherit) 80%); }
.Bgi\(\$g-ds-background-match-expiration\) { background-image: var(--gradient--background-match-expiration,none); }
.Bgi\(\$g-ds-overlay-profile-button-gamepad\) { background-image: var(--gradient--overlay-profile-button-gamepad,none); }
.Bgi\(\$g-ds-background-passions-shared-rec\) { background-image: var(--gradient--background-passions-shared-rec,none); }
.Bgi\(\$g-ds-brand-gradient\) { background-image: var(--gradient--brand-gradient,none); }
.Bgi\(\$g-ds-foreground-progress-active\) { background-image: var(--gradient--foreground-progress-active,none); }
.Bgi\(\$g-ds-match-expiration-gradient\) { background-image: var(--gradient--match-expiration-gradient,none); }
.Bgi\(\$g-ds-accent-primary-gradient\)\:h\:\:b:hover::before { background-image: var(--gradient--accent-primary-gradient,none); }
.Bgi\(\$g-ds-overlay-subtle-card\) { background-image: var(--gradient--overlay-subtle-card,none); }
.Bgi\(\$g-ds-background-gamepad-sparks-nope-pressed\)\:a:active { background-image: var(--gradient--background-gamepad-sparks-nope-pressed,none); }
.Bgi\(\$g-ds-background-nope\)\:a:active { background-image: var(--gradient--background-nope,none); }
.Bgi\(\$g-ds-background-gamepad-sparks-super-like-pressed\)\:a:active { background-image: var(--gradient--background-gamepad-sparks-super-like-pressed,none); }
.Bgi\(\$g-ds-background-super-like\)\:a:active { background-image: var(--gradient--background-super-like,none); }
.Bgi\(\$g-ds-background-gamepad-sparks-like-pressed\)\:a:active { background-image: var(--gradient--background-gamepad-sparks-like-pressed,none); }
.Bgi\(\$g-ds-background-like\)\:a:active { background-image: var(--gradient--background-like,none); }
.Bgi\(\$g-ds-background-gamepad-sparks-rewind-pressed\)\:a:active { background-image: var(--gradient--background-gamepad-sparks-rewind-pressed,none); }
.Bgi\(\$g-ds-background-rewind\)\:a:active { background-image: var(--gradient--background-rewind,none); }
.Bgi\(\$c-ds-shadow-container-elevated\) { background-image: var(--color--shadow-container-elevated,inherit); }
.Bgi\(\$g-ds-accent-platinum-shine-gradient-inverse\) { background-image: var(--gradient--accent-platinum-shine-gradient-inverse,none); }
.Bgi\(\$g-ds-accent-platinum-gradient\)\:\:a::after { background-image: var(--gradient--accent-platinum-gradient,none); }
.Bgi\(\$c-ds-background-button-primary\) { background-image: var(--color--background-button-primary,inherit); }
.Bgi\(\$paywall-option-gradient\) { background-image: linear-gradient(to top,var(--color--blue-50,inherit) 20%,var(--color--gray-60,inherit) 65%,var(--color--white,inherit) 90%); }
.Bgi\(\$superboost-paywall-option-gradient\) { background-image: linear-gradient(to top,var(--color--fuchsia-40,inherit) 20%,var(--color--purple-30,inherit) 65%,#fff0 90%); }
.Bgi\(\$g-ds-background-passions-sparks-shared-overlay\) { background-image: var(--gradient--background-passions-sparks-shared-overlay,none); }
.Bgi\(\$g-ds-fade-primary-top-to-bottom\) { background-image: var(--gradient--fade-primary-top-to-bottom,none); }
.Bgi\(\$gold-border-gradient\) { background-image: var(--gradient--revenue-gold,none); }
.Bgi\(\$platinum-border-gradient\) { background-image: var(--gradient--revenue-platinum,none); }
.Bgi\(\$g-ds-gamepad-super-like\) { background-image: var(--gradient--gamepad-super-like,none); }
.Bgi\(\$g-ds-overlay-background-primary\) { background-image: var(--gradient--overlay-background-primary,none); }
.Bgc\(\$c-ds-overlay-default\) { background-color: var(--color--overlay-default,inherit); }
.Bgc\(\$c-ds-background-modal-overlay-default\) { background-color: var(--color--background-modal-overlay-default,inherit); }
.Bgc\(\$c-ds-background-secondary\), .Bgc\(\$c-ds-background-secondary\)\:f:focus, .Bgc\(\$c-ds-background-secondary\)\:h:hover { background-color: var(--color--background-secondary,inherit); }
.Bgc\(\$c-ds-background-button-primary-small\)\:\:b::before { background-color: var(--color--background-button-primary-small,inherit); }
.Bgc\(\$c-battleship-gray\) { background-color: var(--color--gray-60,inherit); }
.Bgc\(\$c-ds-divider-primary\) { background-color: var(--color--divider-primary,inherit); }
.Bgc\(\$c-ds-divider-table-row-sparks\) { background-color: var(--color--divider-table-row-sparks,inherit); }
.Bgc\(\$c-gold\) { background-color: var(--color--gold-30,inherit); }
.Bgc\(\$c-medium-pink\) { background-color: rgba(255, 35, 88, 0.55); }
.Bgc\(\$c-ds-background-button-primary-overlay\), .Bgc\(\$c-ds-background-button-primary-overlay\)\:f:focus, .Bgc\(\$c-ds-background-button-primary-overlay\)\:h:hover { background-color: var(--color--background-button-primary-overlay,inherit); }
.Bgc\(\$c-ds-background-primary\), .Bgc\(\$c-ds-background-primary\)\:\:a::after, .Bgc\(\$c-ds-background-primary\)\:\:b::before, .Bgc\(\$c-ds-background-primary\)\:f:focus, .Bgc\(\$c-ds-background-primary\)\:fv.focus-visible { background-color: var(--color--background-primary,inherit); }
.Bgc\(\$c-ds-background-primary\), .Bgc\(\$c-ds-background-primary\)\:\:a::after, .Bgc\(\$c-ds-background-primary\)\:\:b::before, .Bgc\(\$c-ds-background-primary\)\:f:focus, .Bgc\(\$c-ds-background-primary\)\:fv:focus-visible { background-color: var(--color--background-primary,inherit); }
.Bgc\(\$c-active-indicator-green\), .Bgc\(\$c-green\)\:\:a::after { background-color: var(--color--green-20,inherit); }
.Bgc\(\$c-ds-background-brand\) { background-color: var(--color--background-brand,inherit); }
.Bgc\(\$c-bg-black\), .Bgc\(\$c-ds-gray-80\) { background-color: var(--color--gray-80,inherit); }
.Bgc\(\$c-ds-background-ripple-default\) { background-color: var(--color--background-ripple-default,inherit); }
.Bgc\(t\), .Bgc\(t\)\:a:active { background-color: initial; }
.Bgc\(\$c-ds-background-menu-default\) { background-color: var(--color--background-menu-default,inherit); }
.Bgc\(\$c-ds-background-overlay-primary\) { background-color: var(--color--background-overlay-primary,inherit); }
.Bgc\(\$c-ds-background-primary-inverse\), .Bgc\(\$c-ds-background-primary-inverse\)\:\:a::after, .Bgc\(\$c-ds-background-primary-inverse\)\:h\:\:a:hover::after { background-color: var(--color--background-primary-inverse,inherit); }
.Bgc\(\$c-ds-background-table-row-hover\)\:h:hover { background-color: var(--color--background-table-row-hover,inherit); }
.Bgc\(\$c-ds-loader-shimmer-base-default\) { background-color: var(--color--loader-shimmer-base-default,inherit); }
.Bgc\(\$c-ds-text-link\)\! { background-color: var(--color--text-link,inherit) !important; }
.Bgc\(\$c-light-gray\) { background-color: var(--color--gray-10,inherit); }
.Bgc\(\#fff\) { background-color: rgb(255, 255, 255); }
.Bgc\(\$c-ds-background-tertiary\) { background-color: var(--color--background-tertiary,inherit); }
.Bgc\(\$c-ds-background-trust\) { background-color: var(--color--background-trust,inherit); }
.Bgc\(\$c-ds-text-secondary-overlay\) { background-color: var(--color--text-secondary-overlay,inherit); }
.Bgc\(\$c-ds-background-secondary\)\! { background-color: var(--color--background-secondary,inherit) !important; }
.Bgc\(\$c-ds-accent-error\) { background-color: var(--color--accent-error,inherit); }
.Bgc\(\$c-ds-accent-green\) { background-color: var(--color--accent-green,inherit); }
.Bgc\(\$c-ds-accent-primary\), .Bgc\(\$c-ds-accent-primary\)\:\:a::after, .Bgc\(\$c-ds-accent-primary\)\:h:hover, .Bgc\(\$c-ds-accent-primary\)\:h\:\:a:hover::after { background-color: var(--color--accent-primary,inherit); }
.Bgc\(\#000\.12\) { background-color: rgba(0, 0, 0, 0.12); }
.Bgc\(\#fff\.12\), .Bgc\(\#fff\.12\)\:f:focus { background-color: rgba(255, 255, 255, 0.12); }
.Bgc\(\$c-ds-accent-fuchsia\) { background-color: var(--color--accent-fuchsia,inherit); }
.Bgc\(\$c-ds-fuchsia-70\) { background-color: var(--color--fuchsia-70,inherit); }
.Bgc\(\$c-ds-blue-10\) { background-color: var(--color--blue-10,inherit); }
.Bgc\(\$c-ds-blue-95\) { background-color: var(--color--blue-95,inherit); }
.Bgc\(\$c-ds-background-sparks-bottom-nav\) { background-color: var(--color--background-sparks-bottom-nav,inherit); }
.Bgc\(\$c-ds-background-banner-default\) { background-color: var(--color--background-banner-default,inherit); }
.Bgc\(\$c-ds-background-overlay-primary\)\! { background-color: var(--color--background-overlay-primary,inherit) !important; }
.Bgc\(\$c-ds-pink-50\) { background-color: var(--color--pink-50,inherit); }
.Bgc\(\$c-ds-background-icon-button-overlay-default\), .Bgc\(\$c-ds-background-icon-button-overlay-default\)\:a:active, .Bgc\(\$c-ds-background-icon-button-overlay-default\)\:h:hover { background-color: var(--color--background-icon-button-overlay-default,inherit); }
.Bgc\(\$c-ds-invertible-red-15\) { background-color: var(--color--invertible-red-15,inherit); }
.Bgc\(\$c-ds-background-badge-brand-default\) { background-color: var(--color--background-badge-brand-default,inherit); }
.Bgc\(\$c-ds-background-search-default\) { background-color: var(--color--background-search-default,inherit); }
.Bgc\(\$c-ds-background-gamepad-sparks-boost-default\) { background-color: var(--color--background-gamepad-sparks-boost-default,inherit); }
.Bgc\(\$c-ds-accent-blue\), .Bgc\(\$c-ds-accent-blue\)\:h:hover, .focus-visible .focus-visible_Bgc\(\$c-ds-accent-blue\), .starButton.focus-visible .starButton\:fv_Bgc\(\$c-ds-accent-blue\) { background-color: var(--color--accent-blue,inherit); }
.Bgc\(\$c-ds-accent-blue\), .Bgc\(\$c-ds-accent-blue\)\:h:hover, .focus-visible .focus-visible_Bgc\(\$c-ds-accent-blue\), .starButton:focus-visible .starButton\:fv_Bgc\(\$c-ds-accent-blue\) { background-color: var(--color--accent-blue,inherit); }
.Bgc\(\$c-ds-background-overlay-secondary\) { background-color: var(--color--background-overlay-secondary,inherit); }
.Bgc\(\$c-ds-icon-secondary\) { background-color: var(--color--icon-secondary,inherit); }
.Bgc\(\$c-ds-loader-skeleton\) { background-color: var(--color--loader-skeleton,inherit); }
.Bgc\(\$c-ds-background-chat-bubble-send\), .Bgc\(\$c-ds-background-chat-bubble-send\)\:h:hover { background-color: var(--color--background-chat-bubble-send,inherit); }
.Bgc\(\$c-ds-background-button-primary\) { background-color: var(--color--background-button-primary,inherit); }
.Bgc\(\$c-bluegray\) { background-color: var(--color--gray-15,inherit); }
.Bgc\(\$c-ds-brand-primary\), .Bgc\(\$c-pink\) { background-color: var(--color--brand-primary,inherit); }
.Bgc\(\$c-beacon-pink\), .Bgc\(\$c-beacon-pink\)\:\:a::after { background-color: rgba(255, 133, 137, 0.5); }
.Bgc\(\$c-dark-blue\)\:\:a::after { background-color: var(--color--blue-80,inherit); }
.Bgc\(\$c-ds-icon-primary\)\:\:a::after { background-color: var(--color--icon-primary,inherit); }
.Bgc\(\$c-light-gold\)\:\:a::after { background-color: var(--color--gold-40,inherit); }
.Bgc\(\$c-ds-purple-60\), .Bgc\(\$c-purple\)\:\:a::after { background-color: var(--color--purple-60,inherit); }
.Bgc\(\$c-ds-blue-40\), .Bgc\(\$c-superlike-blue\)\:\:a::after { background-color: var(--color--blue-40,inherit); }
.Bgc\(\$c-yellow\)\:\:a::after { background-color: var(--color--yellow-orange-30,inherit); }
.Bgc\(\#000\) { background-color: rgb(0, 0, 0); }
.Bgc\(\$c-ds-background-button-neutral\) { background-color: var(--color--background-button-neutral,inherit); }
.Bgc\(\$c-ds-background-primary\)\! { background-color: var(--color--background-primary,inherit) !important; }
.Bgc\(\$c-ds-background-purple\) { background-color: var(--color--background-purple,inherit); }
.Bgc\(\#fff\.4\) { background-color: rgba(255, 255, 255, 0.4); }
.Bgc\(\$c-ds-accent-link\) { background-color: var(--color--accent-link,inherit); }
.Bgc\(t\)\! { background-color: initial !important; }
.Bgc\(\#000\.68\)\:\:a::after { background-color: rgba(0, 0, 0, 0.68); }
.Bgc\(\$c-ds-background-chat-bubble-receive\) { background-color: var(--color--background-chat-bubble-receive,inherit); }
.Bgc\(\$c-ds-text-secondary\) { background-color: var(--color--text-secondary,inherit); }
.Bgc\(\$c-ds-black\) { background-color: var(--color--black,inherit); }
.Bgc\(\$c-ds-background-passions-inactive-overlay\) { background-color: var(--color--background-passions-inactive-overlay,inherit); }
.Bgc\(\$c-ds-background-passions-shared-overlay\), .Bgc\(\$c-ds-background-passions-shared-overlay\)\:\:a::after { background-color: var(--color--background-passions-shared-overlay,inherit); }
.Bgc\(\$c-ds-green-50\) { background-color: var(--color--green-50,inherit); }
.Bgc\(\$c-ds-background-gamepad-sparks-nope-default\) { background-color: var(--color--background-gamepad-sparks-nope-default,inherit); }
.Bgc\(\$c-ds-background-card-default\) { background-color: var(--color--background-card-default,inherit); }
.Bgc\(\$c-ds-background-tooltip-default\) { background-color: var(--color--background-tooltip-default,inherit); }
.Bgc\(\$c-ds-sub-card-rec-card-sparks\) { background-color: var(--color--sub-card-rec-card-sparks,inherit); }
.Bgc\(\$c-ds-background-tappy-sparks\) { background-color: var(--color--background-tappy-sparks,inherit); }
.Bgc\(--color--background-sparks-profile\) { background-color: var(--color--background-sparks-profile); }
.Bgc\(\$c-ds-background-secondary-inverse\) { background-color: var(--color--background-secondary-inverse,inherit); }
.Bgc\(\$c-ds-invertible-gold-50\) { background-color: var(--color--invertible-gold-50,inherit); }
.Bgc\(\$c-ds-background-tappy-indicator-active\)\:f:focus { background-color: var(--color--background-tappy-indicator-active,inherit); }
.Bgc\(\$c-ds-gold-10\) { background-color: var(--color--gold-10,inherit); }
.Bgc\(\$c-ds-icon-brand\), .Bgc\(\$c-ds-icon-brand\)\:\:a::after { background-color: var(--color--icon-brand,inherit); }
.Bgc\(\$c-ds-red-10\) { background-color: var(--color--red-10,inherit); }
.Bgc\(\$c-ds-background-red\) { background-color: var(--color--background-red,inherit); }
.Bgc\(\$c-beacon-gold\) { background-color: rgba(193, 146, 15, 0.5); }
.Bgc\(\$c-beacon-gray\) { background-color: rgba(231, 233, 238, 0.5); }
.Bgc\(\$c-beacon-platinum\) { background-color: rgba(151, 158, 175, 0.5); }
.Bgc\(\$c-platinum_black\) { background-color: var(--color--gray-95,inherit); }
.Bgc\(\$c-ds-background-gamepad-secondary-default\) { background-color: var(--color--background-gamepad-secondary-default,inherit); }
.Bgc\(\$c-ds-background-primary-static-dark\) { background-color: var(--color--background-primary-static-dark,inherit); }
.Bgc\(\$c-dark-purple\) { background-color: var(--color--purple-90,inherit); }
.Bgc\(\$c-ds-background-modal-overlay-recs\) { background-color: var(--color--background-modal-overlay-recs,inherit); }
.Bgc\(inh\) { background-color: inherit; }
.Bgc\(\$c-ds-background-gamepad-sparks-super-like-default\) { background-color: var(--color--background-gamepad-sparks-super-like-default,inherit); }
.Bgc\(\$c-ds-background-gamepad-sparks-like-default\) { background-color: var(--color--background-gamepad-sparks-like-default,inherit); }
.Bgc\(\$c-ds-background-gamepad-sparks-rewind-default\) { background-color: var(--color--background-gamepad-sparks-rewind-default,inherit); }
.Bgc\(\#fff\.6\) { background-color: rgba(255, 255, 255, 0.6); }
.Bgc\(\$c-ds-invertible-gray-15\) { background-color: var(--color--invertible-gray-15,inherit); }
.Bgc\(\$c-ds-action-active\) { background-color: var(--color--action-active,inherit); }
.Bgc\(\$c-opaque-black\) { background-color: rgba(57, 59, 66, 0.66); }
.Bgc\(\$c-ds-background-button-disabled\) { background-color: var(--color--background-button-disabled,inherit); }
.Bgc\(\$c-ds-background-tappy-container-default\) { background-color: var(--color--background-tappy-container-default,inherit); }
.Bgc\(\$c-ds-background-tappy-indicator-active\)\!, .Bgc\(\$c-ds-background-tappy-indicator-active\)\!\:fv.focus-visible { background-color: var(--color--background-tappy-indicator-active,inherit) !important; }
.Bgc\(\$c-ds-background-tappy-indicator-active\)\!, .Bgc\(\$c-ds-background-tappy-indicator-active\)\!\:fv:focus-visible { background-color: var(--color--background-tappy-indicator-active,inherit) !important; }
.Bgc\(\$c-ds-background-tappy-indicator-inactive\) { background-color: var(--color--background-tappy-indicator-inactive,inherit); }
.Bgc\(\$c-dark-bullet-gold\)\:\:a::after { background-color: rgb(236, 222, 183); }
.Bgc\(\$c-ds-accent-active\)\:\:a::after { background-color: var(--color--accent-active,inherit); }
.Bgc\(\$c-ds-background-inactive\), .Bgc\(\$c-ds-background-inactive\)\:\:a::after { background-color: var(--color--background-inactive,inherit); }
.Bgc\(\$c-ds-foreground-border-secondary\), .Bgc\(\$c-ds-foreground-border-secondary\)\:\:a::after { background-color: var(--color--foreground-border-secondary,inherit); }
.Bgc\(\$c-ds-foreground-primary-static-light\)\! { background-color: var(--color--foreground-primary-static-light,inherit) !important; }
.Bgc\(\$c-ds-foreground-secondary-static-light\) { background-color: var(--color--foreground-secondary-static-light,inherit); }
.Bgc\(\$c-ds-opacity-black-60\)\:\:b::before { background-color: var(--color--opacity-black-60,inherit); }
.Bgc\(\$c-ds-invertible-blue-60\) { background-color: var(--color--invertible-blue-60,inherit); }
.Bgc\(\$c-ds-invertible-blue-70\) { background-color: var(--color--invertible-blue-70,inherit); }
.Bgc\(\$c-pale-purple\) { background-color: var(--color--purple-30,inherit); }
.Bgc\(\$c-ds-text-link\) { background-color: var(--color--text-link,inherit); }
.Bgc\(\$c-ds-background-read-receipts-badge\) { background-color: var(--color--background-read-receipts-badge,inherit); }
.Bgc\(\$c-ds-background-primary-static-light\) { background-color: var(--color--background-primary-static-light,inherit); }
.Bgc\(\$c-ds-brand-gradient-start\) { background-color: var(--color--brand-gradient-start,inherit); }
.Bgc\(\$c-ds-gray-70\) { background-color: var(--color--gray-70,inherit); }
.Bgc\(\$c-ds-icon-primary-overlay\) { background-color: var(--color--icon-primary-overlay,inherit); }
.Bgc\(\$c-ds-background-passions-sparks-inactive\) { background-color: var(--color--background-passions-sparks-inactive,inherit); }
.Bgc\(\$c-ds-background-table-row-default\) { background-color: var(--color--background-table-row-default,inherit); }
.Bgc\(\$c-ds-background-text-field-quiet-default\) { background-color: var(--color--background-text-field-quiet-default,inherit); }
.Bgc\(\$c-bg-gold\) { background-color: var(--color--gold-15,inherit); }
.Bgc\(\$c-bg-purple\) { background-color: var(--color--purple-15,inherit); }
.Bgc\(\$c-superboost-bg-pink\) { background-color: var(--color--fuchsia-15,inherit); }
.Bgc\(\$c-ds-text-disabled\) { background-color: var(--color--text-disabled,inherit); }
.Bgc\(\$c-ds-background-blue\) { background-color: var(--color--background-blue,inherit); }
.Bgc\(\$c-ds-background-green\) { background-color: var(--color--background-green,inherit); }
.Bgc\(\$c-ds-background-teal\) { background-color: var(--color--background-teal,inherit); }
.Bgc\(\$c-ds-background-yellow-orange\) { background-color: var(--color--background-yellow-orange,inherit); }
.Bgc\(\$c-ds-background-badge-online-now-default\) { background-color: var(--color--background-badge-online-now-default,inherit); }
.Bgc\(\$c-light-orange-pink\) { background-color: var(--color--red-30,inherit); }
.Bgc\(\$c-transparent-gray\) { background-color: rgba(180, 185, 198, 0.4); }
.Bgc\(\$c-ds-action-text-field-quiet-active\) { background-color: var(--color--action-text-field-quiet-active,inherit); }
.Bgc\(\$c-ds-interactive-button-primary\)\:\:a::after { background-color: var(--color--interactive-button-primary,inherit); }
.Bgc\(\$c-ds-background-error\) { background-color: var(--color--background-error,inherit); }
.Bgc\(\$c-ds-brand-primary-a11y\) { background-color: var(--color--brand-primary-a11y,inherit); }
.Bgc\(\$c-ds-foreground-primary-inverse\) { background-color: var(--color--foreground-primary-inverse,inherit); }
.Bgc\(\$c-ds-background-rec-card-content-hidden\) { background-color: var(--color--background-rec-card-content-hidden,inherit); }
.Bgc\(\$c-ds-blue-15\) { background-color: var(--color--blue-15,inherit); }
.Bgc\(\$c-ds-blue-90\) { background-color: var(--color--blue-90,inherit); }
.Bgc\(\$c-ds-opacity-white-50\) { background-color: var(--color--opacity-white-50,inherit); }
.Bgc\(\$c-ds-foreground-secondary\) { background-color: var(--color--foreground-secondary,inherit); }
.Bgc\(\$c-ds-icon-secondary-inverse\) { background-color: var(--color--icon-secondary-inverse,inherit); }
.Bgc\(\$c-ds-background-button-sparks-neutral\) { background-color: var(--color--background-button-sparks-neutral,inherit); }
.Bgcp\(pb\) { background-clip: padding-box; }
.Bgz\(ct\) { background-size: contain; }
.Bgz\(cv\) { background-size: cover; }
.Bga\(f\)\:\:b::before { background-attachment: fixed; }
.Bgp\(c\) { background-position: 50% center; }
.Bgpx\(0\) { background-position-x: 0px; }
.Bgpx\(c\) { background-position-x: 50%; }
.Bgpy\(0\%\) { background-position-y: 0px; }
.Bgr\(nr\) { background-repeat: no-repeat; }
.Bdcl\(c\) { border-collapse: collapse; }
.Bxz\(bb\), .Row { box-sizing: border-box; }
.Bxz\(cb\) { box-sizing: initial; }
.Bxsh\(\$bxsh-4-way-spread\) { box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 5px 0px; }
.Bxsh\(\$bxsh-notification\) { box-shadow: 0 3px 4px 0 var(--color--loader-skeleton,inherit); }
.Bxsh\(\$bxsh-btn\) { box-shadow: rgba(101, 106, 120, 0.12) 0px 2px 6px 0px; }
.Bxsh\(\$bxsh-profile-circle\)\:\:b::before { box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 4px; }
.Bxsh\(\$bxsh-arrow-btn\) { box-shadow: rgba(125, 132, 150, 0.12) 0px 2px 15px 0px; }
.Bxsh\(\$bxsh-card\), .Bxsh\(\$bxsh-card\)\:f:focus, .Bxsh\(\$bxsh-card\)\:h:hover { box-shadow: 0 0 8px 0 var(--color--loader-skeleton,inherit); }
.Bxsh\(\$bxsh-scroll-header\) { box-shadow: rgba(180, 185, 198, 0.74) 0px 1px 8px 0px; }
.Bxsh\(\$bxsh-circle-btn\) { box-shadow: rgba(101, 106, 120, 0.12) 0px 2px 5px 0px; }
.Bxsh\(n\) { box-shadow: none; }
.Bxsh\(\$bxsh-inset\) { box-shadow: inset 0 0 25px 0 var(--color--loader-skeleton,inherit); }
.Bxsh\(\$bxsh-square-btn\) { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 20px; }
.Bxsh\(\$bxsh-prompt-card\) { box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 20px 0px; }
.Bxsh\(\$bxsh-prompt-text-editor-header-bar\) { box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 20px 0px; }
.Bxsh\(\$bxsh-prompt-text-editor-text-box\) { box-shadow: rgba(209, 212, 221, 0.5) 1px 1px 4px 0px inset; }
.radio.focus-visible ~ .radio\:fv\~Bxsh\(\$bxsh-btn-focus\) { box-shadow: 0 1px 6px 2px var(--color--border-focus-default,inherit); }
.radio:focus-visible ~ .radio\:fv\~Bxsh\(\$bxsh-btn-focus\) { box-shadow: 0 1px 6px 2px var(--color--border-focus-default,inherit); }
.Bxsh\(\$bxsh-carousel-card\) { box-shadow: rgba(151, 158, 175, 0.74) 0px 2px 40px 0px; }
.Bxsh\(\$bxsh-msg-suggestion-card\) { box-shadow: 0 4px 24px 0 var(--color--background-switch-alt-track-disabled,inherit); }
.Cac\(\$c-ds-text-link\) { caret-color: var(--color--text-link,inherit); }
.Cf::after, .Cl\(b\), .Row { clear: both; }
.C\(\$c-ds-text-primary-overlay\), .C\(\$c-ds-text-primary-overlay\)\:h:hover { color: var(--color--text-primary-overlay,inherit); }
.C\(\$c-ds-foreground-primary-inverse\) { color: var(--color--foreground-primary-inverse,inherit); }
.C\(\$c-ds-accent-primary\), .C\(\$c-ds-accent-primary\)\:h:hover { color: var(--color--accent-primary,inherit); }
.C\(\$c-ds-text-primary-inverse\), .C\(\$c-ds-text-primary-inverse\)\:\:b::before { color: var(--color--text-primary-inverse,inherit); }
.C\(\$c-ds-text-secondary\), .C\(\$c-ds-text-secondary\)\:h:hover, .heading--id-verification .heading--id-verification_C\(\$c-ds-text-secondary\) { color: var(--color--text-secondary,inherit); }
.C\(\$c-ds-text-brand-normal\), .C\(\$c-ds-text-brand-normal\)\:a:active, .C\(\$c-ds-text-brand-normal\)\:h:hover { color: var(--color--text-brand-normal,inherit); }
.C\(\$c-ds-gray-30\) { color: var(--color--gray-30,inherit); }
.C\(\$c-ds-text-primary\), .C\(\$c-ds-text-primary\)\:a:active, .C\(\$c-ds-text-primary\)\:f:focus, .C\(\$c-ds-text-primary\)\:h:hover { color: var(--color--text-primary,inherit); }
.C\(\$c-ds-text-primary-overlay-inverse\) { color: var(--color--text-primary-overlay-inverse,inherit); }
.C\(\$c-ds-white\) { color: var(--color--white,inherit); }
.C\(\$c-battleship-gray\), .C\(\$c-ds-gray-60\), .C\(\$c-ds-gray-60\)\:\:ph::placeholder { color: var(--color--gray-60,inherit); }
.C\(\$c-ds-text-link\), .C\(\$c-ds-text-link\)\:h:hover, .menuItem__contents:hover .menuItem__contents\:h_C\(\$c-ds-text-link\) { color: var(--color--text-link,inherit); }
.C\(\$c-ds-icon-secondary\), .C\(\$c-ds-icon-secondary\)\:h:hover { color: var(--color--icon-secondary,inherit); }
.C\(\$c-ds-accent-red\) { color: var(--color--accent-red,inherit); }
.C\(\$c-ds-text-form-help-default\) { color: var(--color--text-form-help-default,inherit); }
.C\(\$c-ds-accent-blue\)\! { color: var(--color--accent-blue,inherit) !important; }
.C\(\$c-ds-accent-primary-a11y\)\! { color: var(--color--accent-primary-a11y,inherit) !important; }
.C\(\$c-ds-foreground-secondary\), .C\(\$c-ds-foreground-secondary\)\:h:hover { color: var(--color--foreground-secondary,inherit); }
.C\(\$c-ds-icon-primary\) { color: var(--color--icon-primary,inherit); }
.C\(\$c-ds-text-inactive\) { color: var(--color--text-inactive,inherit); }
.C\(\$c-ds-icon-brand\), .C\(\$c-ds-icon-brand\)\:a:active, .C\(\$c-ds-icon-brand\)\:h:hover, .menuItem__contents:hover .menuItem__contents\:h_C\(\$c-ds-icon-brand\) { color: var(--color--icon-brand,inherit); }
.C\(\$c-ds-text-boost\) { color: var(--color--text-boost,inherit); }
.C\(\$c-ds-text-gold\), .C\(\$c-ds-text-gold\)\:h:hover { color: var(--color--text-gold,inherit); }
.C\(\$c-ds-foreground-primary\) { color: var(--color--foreground-primary,inherit); }
.C\(\$c-ds-accent-blue\) { color: var(--color--accent-blue,inherit); }
.C\(\$c-ds-text-error\) { color: var(--color--text-error,inherit); }
.C\(\$c-ds-text-disabled\) { color: var(--color--text-disabled,inherit); }
.C\(\$c-ds-text-brand-large\) { color: var(--color--text-brand-large,inherit); }
.C\(\$c-ds-text-primary-overlay\)\! { color: var(--color--text-primary-overlay,inherit) !important; }
.C\(\$c-ds-accent-error\) { color: var(--color--accent-error,inherit); }
.C\(\$c-ds-divider-primary\), .C\(\$c-ds-divider-primary\)\:\:ph::placeholder { color: var(--color--divider-primary,inherit); }
.C\(\$c-ds-accent-trust\) { color: var(--color--accent-trust,inherit); }
.C\(\$c-dark-gray\), .C\(\$c-ds-gray-70\) { color: var(--color--gray-70,inherit); }
.C\(\$c-ds-icon-trust\), .C\(\$c-ds-icon-trust\)\:a:active, .C\(\$c-ds-icon-trust\)\:h:hover { color: var(--color--icon-trust,inherit); }
.C\(inh\) { color: inherit; }
.C\(\$c-ds-foreground-inactive\) { color: var(--color--foreground-inactive,inherit); }
.C\(\$c-ds-text-super-boost\) { color: var(--color--text-super-boost,inherit); }
.C\(\$c-ds-accent-yellow-orange\) { color: var(--color--accent-yellow-orange,inherit); }
.C\(\$c-ds-foreground-button-disabled\) { color: var(--color--foreground-button-disabled,inherit); }
.C\(\$c-ds-blue-60\) { color: var(--color--blue-60,inherit); }
.C\(\$c-ds-icon-brand\)\! { color: var(--color--icon-brand,inherit) !important; }
.C\(\$c-ds-icon-primary-overlay\) { color: var(--color--icon-primary-overlay,inherit); }
.C\(\$c-ds-icon-secondary-inverse\), .C\(\$c-ds-icon-secondary-inverse\)\:h:hover { color: var(--color--icon-secondary-inverse,inherit); }
.C\(\$c-ds-icon-primary-inverse\)\:h:hover { color: var(--color--icon-primary-inverse,inherit); }
.C\(\$c-ds-icon-search-start\) { color: var(--color--icon-search-start,inherit); }
.C\(\$c-ds-text-text-field-quiet-label-optional\)\:\:ph::placeholder { color: var(--color--text-text-field-quiet-label-optional,inherit); }
.C\(\$c-ds-foreground-button-secondary\) { color: var(--color--foreground-button-secondary,inherit); }
.C\(\$c-ds-accent-primary-a11y\), .C\(\$c-ds-accent-primary-a11y\)\:a:active, .C\(\$c-ds-accent-primary-a11y\)\:f:focus, .C\(\$c-ds-accent-primary-a11y\)\:h:hover { color: var(--color--accent-primary-a11y,inherit); }
.C\(\$c-ds-foreground-button-tertiary\) { color: var(--color--foreground-button-tertiary,inherit); }
.C\(\$c-ds-foreground-button-primary\) { color: var(--color--foreground-button-primary,inherit); }
.C\(\$c-ds-accent-link\), .C\(\$c-ds-accent-link\)\:a:active, .C\(\$c-ds-accent-link\)\:f:focus, .C\(\$c-ds-accent-link\)\:h:hover { color: var(--color--accent-link,inherit); }
.C\(\#000\) { color: rgb(0, 0, 0); }
.C\(\#fff\), .C\(\#fff\)\:a:active, .C\(\#fff\)\:f:focus, .C\(\#fff\)\:h:hover { color: rgb(255, 255, 255); }
.C\(\$c-light-gray\) { color: var(--color--gray-10,inherit); }
.C\(\$c-ds-gray-50\), .C\(\$c-gray\), .C\(\$c-gray\)\:h:hover { color: var(--color--gray-50,inherit); }
.C\(\$c-ds-accent-boost\)\! { color: var(--color--accent-boost,inherit) !important; }
.C\(\$c-ds-pink-50\), .C\(\$c-ds-pink-50\)\:h:hover { color: var(--color--pink-50,inherit); }
.C\(\$c-ds-text-super-like\) { color: var(--color--text-super-like,inherit); }
.C\(\$c-ds-text-super-like\)\! { color: var(--color--text-super-like,inherit) !important; }
.C\(\$c-ds-accent-gold\) { color: var(--color--accent-gold,inherit); }
.C\(\$c-ds-foreground-primary-static-light\), .C\(\$c-ds-foreground-primary-static-light\)\:h:hover { color: var(--color--foreground-primary-static-light,inherit); }
.C\(\$c-ds-brand-primary\), .C\(\$c-pink\), .navbarActive .navbarActive_C\(\$c-ds-brand-primary\) { color: var(--color--brand-primary,inherit); }
.C\(cc\) { color: currentcolor; }
.C\(\$c-ds-foreground-primary-static-dark\), .C\(\$c-ds-foreground-primary-static-dark\)\:f:focus, .C\(\$c-ds-foreground-primary-static-dark\)\:h:hover, .desktop-menu-list-item:hover .desktop-menu-list-item\:h_C\(\$c-ds-foreground-primary-static-dark\) { color: var(--color--foreground-primary-static-dark,inherit); }
.C\(\$c-ds-accent-purple\) { color: var(--color--accent-purple,inherit); }
.C\(\$c-ds-text-text-field-quiet-input-default\) { color: var(--color--text-text-field-quiet-input-default,inherit); }
.C\(\$c-ds-text-chat-bubble-receive\) { color: var(--color--text-chat-bubble-receive,inherit); }
.C\(\$c-ds-text-chat-bubble-send\) { color: var(--color--text-chat-bubble-send,inherit); }
.C\(\$c-ds-text-text-field-quiet-placeholder-default\), .C\(\$c-ds-text-text-field-quiet-placeholder-default\)\:\:ph::placeholder { color: var(--color--text-text-field-quiet-placeholder-default,inherit); }
.C\(\$c-ds-action-text-field-quiet-active\) { color: var(--color--action-text-field-quiet-active,inherit); }
.C\(\$c-ds-green-50\) { color: var(--color--green-50,inherit); }
.C\(\$c-ds-invertible-gray-80\) { color: var(--color--invertible-gray-80,inherit); }
.C\(\$c-ds-text-passions-shared\) { color: var(--color--text-passions-shared,inherit); }
.C\(\$c-ds-text-passions-shared-overlay\) { color: var(--color--text-passions-shared-overlay,inherit); }
.C\(\$c-green\) { color: var(--color--green-20,inherit); }
.C\(\$c-dark-blue\) { color: var(--color--blue-80,inherit); }
.C\(\$c-ds-blue-40\), .C\(\$c-superlike-blue\) { color: var(--color--blue-40,inherit); }
.C\(\$c-ds-yellow-orange-60\) { color: var(--color--yellow-orange-60,inherit); }
.C\(\$c-bright_blue\), .C\(\$c-ds-teal-20\) { color: var(--color--teal-20,inherit); }
.C\(\$c-pink\)\! { color: var(--color--brand-primary,inherit) !important; }
.C\(\$c-ds-text-brand-normal\)\!\:f:focus { color: var(--color--text-brand-normal,inherit) !important; }
.C\(\$c-ds-text-text-field-quiet-charactercount-default\) { color: var(--color--text-text-field-quiet-charactercount-default,inherit); }
.C\(\$c-ds-gray-90\) { color: var(--color--gray-90,inherit); }
.C\(\$c-ds-text-trust\) { color: var(--color--text-trust,inherit); }
.C\(\$c-ds-background-button-neutral\) { color: var(--color--background-button-neutral,inherit); }
.C\(\$c-ds-icon-navigation-primary-inactive\) { color: var(--color--icon-navigation-primary-inactive,inherit); }
.C\(\$c-ds-accent-super-like\) { color: var(--color--accent-super-like,inherit); }
.C\(\$c-ds-green-30\) { color: var(--color--green-30,inherit); }
.C\(\$c-ds-accent-green\) { color: var(--color--accent-green,inherit); }
.C\(\$c-ds-action-active\) { color: var(--color--action-active,inherit); }
.C\(\$c-bluegray\) { color: var(--color--gray-15,inherit); }
.C\(\$c-ds-border-error\) { color: var(--color--border-error,inherit); }
.C\(\$c-ds-accent-brand\) { color: var(--color--accent-brand,inherit); }
.C\(\$c-ds-foreground-border-secondary\) { color: var(--color--foreground-border-secondary,inherit); }
.C\(\$c-ds-icon-icon-button-secondary\) { color: var(--color--icon-icon-button-secondary,inherit); }
.C\(\$c-gold\)\:h:hover { color: var(--color--gold-30,inherit); }
.C\(\$c-ds-invertible-white\) { color: var(--color--invertible-white,inherit); }
.C\(\$c-ds-icon-navigation-secondary-start\) { color: var(--color--icon-navigation-secondary-start,inherit); }
.C\(\$c-ds-background-primary\) { color: var(--color--background-primary,inherit); }
.C\(\$c-ds-foreground-button-primary-overlay\) { color: var(--color--foreground-button-primary-overlay,inherit); }
.C\(\$c-boost-purple\) { color: var(--color--purple-70,inherit); }
.C\(\$c-dark-gold\) { color: var(--color--gold-60,inherit); }
.C\(\$c-superboost-pink\) { color: var(--color--fuchsia-50,inherit); }
.C\(\$c-ds-text-form-label-default\) { color: var(--color--text-form-label-default,inherit); }
.C\(\$c-ds-icon-disabled\) { color: var(--color--icon-disabled,inherit); }
.C\(\$c-ds-text-link-overlay\) { color: var(--color--text-link-overlay,inherit); }
.C\(t\), .TextGradient\(\$g-ds-accent-boost-gradient\), .TextGradient\(\$g-ds-icon-platinum\), .TextGradient\(\$g-ds-text-match-expiration\), .TextGradient\(\$green-gradient-diagonal\), .TextGradient\(\$t-gold-gradient\) { color: rgba(0, 0, 0, 0); }
.C\(\$c-ds-accent-teal\) { color: var(--color--accent-teal,inherit); }
.C\(\$c-ds-gray-20\) { color: var(--color--gray-20,inherit); }
.C\(\$c-ds-purple-30\) { color: var(--color--purple-30,inherit); }
.C\(\$c-ds-red-20\) { color: var(--color--red-20,inherit); }
.C\(\$c-ds-yellow-orange-10\) { color: var(--color--yellow-orange-10,inherit); }
.C\(\$c-ds-text-secondary-inverse\) { color: var(--color--text-secondary-inverse,inherit); }
.C\(\$c-ds-foreground-secondary-inverse\) { color: var(--color--foreground-secondary-inverse,inherit); }
.C\(\$c-ds-icon-chat-heart-active\) { color: var(--color--icon-chat-heart-active,inherit); }
.C\(\$c-ds-invertible-gold-50\) { color: var(--color--invertible-gold-50,inherit); }
.C\(\$c-ds-third-party-spotify-primary\) { color: var(--color--third-party-spotify-primary,inherit); }
.Colmg\(5px\) { column-gap: 5px; }
.Cnt\(\$content\)\:\:b::before { content: attr(data-content); }
.Cf::after, .Cf::before, .Cnt\(\$blank\), .Cnt\(\$blank\)\:\:a::after, .Cnt\(\$blank\)\:\:b::before, .StyledButton::before { content: " "; }
.Cnt\(\$refresh\)\:\:a::after, .Cnt\(\$refresh\)\:\:b::before { content: "↻"; }
.Cnt\(cq\)\:\:b::before { content: close-quote; }
.Cur\(p\), .StyledButton { cursor: pointer; }
.Cur\(nd\) { cursor: no-drop; }
.Cur\(na\) { cursor: not-allowed; }
.Cur\(d\) { cursor: default; }
.Cur\(t\) { cursor: text; }
.Cur\(g\) { cursor: grab; }
.Cur\(na\)\! { cursor: not-allowed !important; }
.active .active_D\(f\), .CenterAlign, .CenterAlign\:\:b::before, .D\(f\), .FlexColumn, .LeftAlign { display: flex; }
.active .active_D\(n\), .D\(n\), .D\(n\)\:lc:last-child { display: none; }
.av__modal .av__modal_D\(b\), .D\(b\), .D\(b\)\:\:a::after, .D\(b\)\:\:b::before { display: block; }
.D\(ib\), .D\(ib\)\:\:a::after, .Ell::after, .Row, a[class*="LineClamp"], a[class*="LineClamp"]::after { display: inline-block; }
.D\(i\) { display: inline; }
.D\(g\) { display: grid; }
.D\(if\) { display: inline-flex; }
.D\(n\)\! { display: none !important; }
.theme-dark .theme-dark_Fil\(\$invert-img\) { filter: invert(1) sepia(1) saturate(0); }
.Fil\(\$passion-icon\) { filter: brightness(0) saturate(100%) invert(55%) sepia(12%) saturate(355%) hue-rotate(175deg) brightness(92%) contrast(89%); }
.theme-dark .theme-dark_Fil\(\$passion-icon-dark\) { filter: brightness(0) saturate(100%) invert(43%) sepia(15%) saturate(403%) hue-rotate(176deg) brightness(94%) contrast(86%); }
.Fil\(\$passion-icon-common\) { filter: brightness(0) saturate(100%) invert(49%) sepia(50%) saturate(5746%) hue-rotate(327deg) brightness(99%) contrast(105%); }
.Blur\(12px\) { filter: blur(12px); }
.Blur\(3px\) { filter: blur(3px); }
.Grayscale\(100\%\) { filter: grayscale(100%); }
.Grayscale\(0\)\:a:active, .Grayscale\(0\)\:f:focus, .Grayscale\(0\)\:h:hover, .starButton:active ~ .starButton\:a\~Grayscale\(0\), .starButton:focus ~ .starButton\:f\~Grayscale\(0\), .starButton:hover ~ .starButton\:h\~Grayscale\(0\) { filter: grayscale(0); }
.Fx\(\$flx1\) { flex: 1 1 0%; }
.Fx\(n\) { flex: 0 0 auto; }
.Fx\(\$flx2\) { flex: 2 1 0%; }
.Flxg\(1\), .Fxg\(1\) { flex-grow: 1; }
.Fxg\(0\) { flex-grow: 0; }
.Fxg\(0\.7\) { flex-grow: 0.7; }
.Fxs\(0\) { flex-shrink: 0; }
.Fxs\(1\) { flex-shrink: 1; }
.Fxb\(25\%\) { flex-basis: 25%; }
.Fxb\(65\%\) { flex-basis: 65%; }
.Fxb\(40\%\) { flex-basis: 40%; }
.Fxb\(1\/1\), .Fxb\(100\%\) { flex-basis: 100%; }
.Fxb\(1\/2\), .Fxb\(50\%\) { flex-basis: 50%; }
.Fxb\(1\/3\) { flex-basis: 33.3333%; }
.Fxb\(48\%\) { flex-basis: 48%; }
.Fxb\(32px\) { flex-basis: 32px; }
.Fxb\(24px\) { flex-basis: 24px; }
.Fxb\(0\) { flex-basis: 0px; }
.Fxb\(100px\) { flex-basis: 100px; }
.Fld\(c\), .FlexColumn, .Fxd\(c\) { flex-direction: column; }
.Fld\(r\), .Fxd\(r\) { flex-direction: row; }
.Fld\(cr\) { flex-direction: column-reverse; }
.Fxd\(rr\) { flex-direction: row-reverse; }
.Flf\(w\) { flex-flow: wrap; }
.Fxf\(r\) { flex-flow: row; }
.Fxf\(c\) { flex-flow: column; }
.Gc\(1\/-1\) { grid-column: 1; }
.Gcs\(2\) { grid-column-start: 2; }
.Gcs\(3\) { grid-column-start: 3; }
.Gtc\(\$three-parts\) { grid-template-columns: 1fr 1fr 1fr; }
.Gtc\(\$two-parts\) { grid-template-columns: 1fr 1fr; }
.Gtr\(\$one-part\) { grid-template-rows: 1fr; }
.Gtr\(\$two-parts\) { grid-template-rows: 1fr 1fr; }
.Or\(-1\) { order: -1; }
.CenterAlign, .CenterAlign\:\:b::before, .Jc\(c\) { justify-content: center; }
.Jc\(sb\), .LeftAlign { justify-content: space-between; }
.Jc\(fs\) { justify-content: flex-start; }
.Jc\(s\) { justify-content: start; }
.Jc\(fe\) { justify-content: flex-end; }
.Jc\(sa\) { justify-content: space-around; }
.Jc\(se\) { justify-content: space-evenly; }
.Jc\(e\) { justify-content: end; }
.Js\(c\) { justify-self: center; }
.Js\(fe\) { justify-self: flex-end; }
.Flw\(w\), .Fxw\(w\) { flex-wrap: wrap; }
.Fxw\(nw\) { flex-wrap: nowrap; }
.Fl\(end\) { float: right; }
.Fl\(start\) { float: left; }
.Ff\(m\) { font-family: Monaco, "Courier New", monospace; }
.Fw\(\$semibold\) { font-weight: 600; }
.Fw\(n\) { font-weight: 400; }
.Fw\(\$bold\) { font-weight: 800; }
.Fw\(\$regular\) { font-weight: 400; }
.Fw\(\$medium\) { font-weight: 500; }
.Fw\(700\), .Fw\(b\) { font-weight: 700; }
.Fz\(\$2xl\) { font-size: 4.4rem; }
.Fz\(\$2xs\), .Fz\(\$fz-ds-caption-1-regular\) { font-size: 1.2rem; }
.Fz\(\$3xl\) { font-size: 6rem; }
.Fz\(\$3xs\) { font-size: 1rem; }
.Fz\(\$4xs\) { font-size: 0.8rem; }
.Fz\(\$l\) { font-size: 2.6rem; }
.Fz\(\$m\) { font-size: 2rem; }
.Fz\(\$ml\) { font-size: 2.4rem; }
.Fz\(\$ms\) { font-size: 1.8rem; }
.Fz\(\$s\) { font-size: 1.6rem; }
.Fz\(\$xl\) { font-size: 3.2rem; }
.Fz\(\$xs\) { font-size: 1.4rem; }
.Fz\(12vw\) { font-size: 12vw; }
.Fz\(10px\) { font-size: 10px; }
.Fz\(34px\) { font-size: 34px; }
.Fz\(4\.5vw\) { font-size: 4.5vw; }
.Fz\(7vw\) { font-size: 7vw; }
.Fz\(4rem\) { font-size: 4rem; }
.Fz\(50px\) { font-size: 50px; }
.Fz\(28px\) { font-size: 28px; }
.Fz\(54px\) { font-size: 54px; }
.Fst\(c\) { font-stretch: condensed; }
.Fs\(o\) { font-style: oblique; }
.Fs\(i\) { font-style: italic; }
.Fs\(n\) { font-style: normal; }
.Gp\(10px\) { gap: 10px; }
.Gp\(24px\) { gap: 24px; }
.Gp\(12px\) { gap: 12px; }
.Gp\(16px\) { gap: 16px; }
.Gp\(8px\) { gap: 8px; }
.Gp\(4px\) { gap: 4px; }
.Gp\(0\) { gap: 0px; }
.Gp\(6px\) { gap: 6px; }
.Rowg\(8px\) { row-gap: 8px; }
.Expand, .Expand\:\:a::after, .H\(100\%\), .H\(100\%\)--maxc, .H\(100\%\)\:\:a::after, .H\(100\%\)\:\:b::before, .H\(100\%\)\:f:focus, .Sq\(100\%\), .Sq\(100\%\)\:\:a::after { height: 100%; }
.H\(1px\), .Sq\(1px\) { height: 1px; }
.H\(2px\) { height: 2px; }
.H\(3px\) { height: 3px; }
.H\(4px\), .Sq\(4px\) { height: 4px; }
.H\(112px\) { height: 112px; }
.H\(fc\) { height: fit-content; }
.H\(600px\) { height: 600px; }
.H\(80\%\), .H\(80\%\)--ms { height: 80%; }
.H\(--nav-bar-height\) { height: var(--nav-bar-height); }
.H\(30\%\), .H\(30\%\)\:\:a::after { height: 30%; }
.H\(70\%\) { height: 70%; }
.H\(28px\), .Sq\(28px\), .Sq\(\$s-ds-icon-xlarge\) { height: 28px; }
.H\(95\%\) { height: 95%; }
.H\(75px\), .Sq\(75px\)\:fc:first-child, .Sq\(75px\)\:lc:last-child { height: 75px; }
.H\(20px\), .Sq\(20px\), .Sq\(\$s-ds-icon-medium\) { height: 20px; }
.H\(a\) { height: auto; }
.H\(100px\), .Sq\(100px\) { height: 100px; }
.H\(12px\), .Sq\(12px\) { height: 12px; }
.H\(16px\), .Sq\(16px\), .Sq\(16px\)\:\:b::before, .Sq\(\$s-ds-icon-small\) { height: 16px; }
.H\(18px\), .Sq\(18px\) { height: 18px; }
.H\(36px\), .Sq\(36px\) { height: 36px; }
.H\(60px\), .Sq\(60px\), .Sq\(60px\)\:\:b::before { height: 60px; }
.H\(100dvh\) { height: 100dvh; }
.H\(maxc\) { height: max-content; }
.H\(152px\) { height: 152px; }
.H\(70px\), .Sq\(70px\) { height: 70px; }
.H\(80\%\)\! { height: 80% !important; }
.H\(37\.5\%\) { height: 37.5%; }
.H\(667px\) { height: 667px; }
.H\(50\%\) { height: 50%; }
.H\(80px\), .Sq\(80px\) { height: 80px; }
.H\(40\%\) { height: 40%; }
.H\(120px\), .Sq\(120px\) { height: 120px; }
.H\(180px\) { height: 180px; }
.H\(32px\), .H\(32px\)\:\:a::after, .H\(32px\)\:\:b::before, .Sq\(32px\) { height: 32px; }
.H\(24px\), .Sq\(24px\), .Sq\(24px\)--ms { height: 24px; }
.H\(--side-nav-bar-height\) { height: var(--side-nav-bar-height); }
.H\(100vh\) { height: 100vh; }
.H\(240px\) { height: 240px; }
.H\(52px\), .Sq\(52px\) { height: 52px; }
.H\(0\), .Sq\(0\) { height: 0px; }
.H\(30px\), .Sq\(30px\) { height: 30px; }
.H\(40px\), .Sq\(40px\) { height: 40px; }
.H\(96px\), .Sq\(96px\) { height: 96px; }
.H\(--top-nav-bar-height\) { height: var(--top-nav-bar-height); }
.H\(50px\), .Sq\(50px\) { height: 50px; }
.H\(76px\), .Sq\(76px\) { height: 76px; }
.H\(72px\), .Sq\(72px\) { height: 72px; }
.H\(60\%\) { height: 60%; }
.H\(140px\), .Sq\(140px\) { height: 140px; }
.H\(300px\)--mls { height: 300px; }
.H\(106px\)\:\:a::after { height: 106px; }
.H\(5px\) { height: 5px; }
.H\(8px\), .Sq\(8px\), .Sq\(8px\)\:\:a::after { height: 8px; }
.H\(48px\), .Sq\(48px\) { height: 48px; }
.H\(90\%\) { height: 90%; }
.H\(10px\), .Sq\(10px\), .Sq\(10px\)\:\:a::after { height: 10px; }
.H\(230px\) { height: 230px; }
.H\(400px\) { height: 400px; }
.H\(68px\), .Sq\(68px\) { height: 68px; }
.H\(38px\) { height: 38px; }
.H\(42px\), .Sq\(42px\) { height: 42px; }
.H\(320px\), .Sq\(320px\) { height: 320px; }
.H\(124px\), .Sq\(124px\) { height: 124px; }
.H\(1em\) { height: 1em; }
.H\(160px\) { height: 160px; }
.H\(7px\)\:\:b::before { height: 7px; }
.H\(1\.3em\) { height: 1.3em; }
.H\(224px\) { height: 224px; }
.H\(170px\) { height: 170px; }
.H\(108px\) { height: 108px; }
.H\(280px\) { height: 280px; }
.H\(44px\), .Sq\(44px\) { height: 44px; }
.H\(220px\) { height: 220px; }
.Iso\(i\) { isolation: isolate; }
.Lts\(\$ls-s\) { letter-spacing: 0.02em; }
.Lts\(4px\) { letter-spacing: 4px; }
.List\(n\) { list-style-type: none; }
.Lh\(36px\)\! { line-height: 36px !important; }
.Lh\(1\.18\) { line-height: 1.18; }
.Lh\(\$l\) { line-height: 2.6rem; }
.Lh\(3\.5rem\) { line-height: 3.5rem; }
.Lh\(0\) { line-height: 0; }
.Lh\(1\) { line-height: 1; }
.Lh\(1\.3\) { line-height: 1.3; }
.Lh\(144px\) { line-height: 144px; }
.Lh\(36px\) { line-height: 36px; }
.M\(0\) { margin: 0px; }
.M\(4px\) { margin: 4px; }
.M\(12px\) { margin: 12px; }
.M\(a\) { margin: auto; }
.M\(24px\) { margin: 24px; }
.M\(28px\) { margin: 28px; }
.M\(16px\) { margin: 16px; }
.M\(10px\) { margin: 10px; }
.M\(0\)\! { margin: 0px !important; }
.M\(2px\) { margin: 2px; }
.M\(8px\) { margin: 8px; }
.M\(20px\) { margin: 20px; }
.M\(15px\) { margin: 15px; }
.M\(36px\) { margin: 36px; }
.M\(-1px\) { margin: -1px; }
.M\(1px\) { margin: 1px; }
.M\(-4px\)\:\:b::before { margin: -4px; }
.Mstart\(a\), .Mx\(a\) { margin-left: auto; }
.Mend\(a\), .Mx\(a\) { margin-right: auto; }
.Mstart\(12px\), .Mx\(12px\) { margin-left: 12px; }
.Mend\(12px\), .Mend\(12px\)\:\:b::before, .Mx\(12px\) { margin-right: 12px; }
.Mstart\(16px\), .Mx\(16px\), .Mx\(16px\)--ms { margin-left: 16px; }
.Mend\(16px\), .Mx\(16px\), .Mx\(16px\)--ms { margin-right: 16px; }
.Mstart\(0\), .Mx\(0\) { margin-left: 0px; }
.Mend\(0\), .Mend\(0\)\:lc:last-child, .Mx\(0\) { margin-right: 0px; }
.Mstart\(10px\), .Mx\(10px\), .Mx\(10px\)--ms { margin-left: 10px; }
.Mend\(10px\), .Mx\(10px\), .Mx\(10px\)--ms { margin-right: 10px; }
.Mx\(24px\) { margin-left: 24px; }
.Mend\(24px\), .Mx\(24px\) { margin-right: 24px; }
.Mstart\(20px\), .Mx\(20px\) { margin-left: 20px; }
.Mend\(20px\), .Mx\(20px\) { margin-right: 20px; }
.Mstart\(8px\), .Mx\(8px\), .Mx\(8px\)--ms { margin-left: 8px; }
.Mend\(8px\), .Mx\(8px\), .Mx\(8px\)--ms { margin-right: 8px; }
.Mstart\(36px\), .Mx\(36px\) { margin-left: 36px; }
.Mx\(36px\) { margin-right: 36px; }
.Mx\(-6px\) { margin-left: -6px; margin-right: -6px; }
.Mx\(-20px\) { margin-left: -20px; margin-right: -20px; }
.Mstart\(28px\), .Mx\(28px\) { margin-left: 28px; }
.Mend\(28px\), .Mx\(28px\) { margin-right: 28px; }
.Mstart\(-8px\), .Mx\(-8px\) { margin-left: -8px; }
.Mx\(-8px\) { margin-right: -8px; }
.Mx\(-3px\) { margin-left: -3px; margin-right: -3px; }
.Mstart\(4px\), .Mstart\(4px\)\:\:a::after, .Mstart\(4px\)\:fc:first-child, .Mx\(4px\) { margin-left: 4px; }
.Mend\(4px\), .Mend\(4px\)\:lc:last-child, .Mx\(4px\) { margin-right: 4px; }
.Mx\(5px\) { margin-left: 5px; margin-right: 5px; }
.Mstart\(44px\), .Mx\(44px\) { margin-left: 44px; }
.Mx\(44px\) { margin-right: 44px; }
.Mx\(32px\) { margin-left: 32px; margin-right: 32px; }
.Mx\(-12px\) { margin-left: -12px; margin-right: -12px; }
.Mx\(20px\)\! { margin-left: 20px !important; margin-right: 20px !important; }
.Mx\(48px\) { margin-left: 48px; }
.Mend\(48px\), .Mx\(48px\) { margin-right: 48px; }
.Mx\(0\)\! { margin-left: 0px !important; margin-right: 0px !important; }
.Mx\(-16px\) { margin-left: -16px; margin-right: -16px; }
.Mx\(-100\%\) { margin-left: -100%; margin-right: -100%; }
.Mstart\(2px\), .Mx\(2px\) { margin-left: 2px; }
.Mend\(2px\), .Mx\(2px\) { margin-right: 2px; }
.Mstart\(6px\), .Mstart\(6px\)\:fc:first-child, .Mx\(6px\) { margin-left: 6px; }
.Mend\(6px\), .Mend\(6px\)\:lc:last-child, .Mx\(6px\) { margin-right: 6px; }
.Mx\(0\.25em\) { margin-left: 0.25em; margin-right: 0.25em; }
.Mx\(-10\%\) { margin-left: -10%; margin-right: -10%; }
.Mt\(12px\), .Mt\(12px\)\:fot:first-of-type, .My\(12px\) { margin-top: 12px; }
.Mb\(12px\), .Mb\(12px\)\:lot:last-of-type, .My\(12px\) { margin-bottom: 12px; }
.Mt\(20px\), .My\(20px\) { margin-top: 20px; }
.Mb\(20px\), .My\(20px\) { margin-bottom: 20px; }
.Mt\(10px\), .My\(10px\) { margin-top: 10px; }
.Mb\(10px\), .My\(10px\) { margin-bottom: 10px; }
.Mt\(8px\), .My\(8px\) { margin-top: 8px; }
.Mb\(8px\), .My\(8px\) { margin-bottom: 8px; }
.Mt\(0\), .My\(0\) { margin-top: 0px; }
.Mb\(0\), .My\(0\) { margin-bottom: 0px; }
.Mt\(4px\), .My\(4px\) { margin-top: 4px; }
.Mb\(4px\), .My\(4px\) { margin-bottom: 4px; }
.Mt\(2px\), .My\(2px\) { margin-top: 2px; }
.Mb\(2px\), .My\(2px\) { margin-bottom: 2px; }
.Mt\(24px\), .My\(24px\) { margin-top: 24px; }
.Mb\(24px\), .My\(24px\) { margin-bottom: 24px; }
.Mt\(36px\), .My\(36px\) { margin-top: 36px; }
.Mb\(36px\), .My\(36px\) { margin-bottom: 36px; }
.Mt\(16px\), .My\(16px\) { margin-top: 16px; }
.Mb\(16px\), .My\(16px\) { margin-bottom: 16px; }
.Mt\(32px\), .My\(32px\) { margin-top: 32px; }
.Mb\(32px\), .My\(32px\) { margin-bottom: 32px; }
.Mt\(40px\), .My\(40px\) { margin-top: 40px; }
.Mb\(40px\), .My\(40px\) { margin-bottom: 40px; }
.Mt\(28px\), .My\(28px\) { margin-top: 28px; }
.Mb\(28px\), .My\(28px\) { margin-bottom: 28px; }
.Mt\(a\), .My\(a\) { margin-top: auto; }
.My\(a\) { margin-bottom: auto; }
.Mt\(6px\), .My\(6px\) { margin-top: 6px; }
.Mb\(6px\), .My\(6px\) { margin-bottom: 6px; }
.Mt\(48px\), .My\(48px\) { margin-top: 48px; }
.Mb\(48px\), .My\(48px\) { margin-bottom: 48px; }
.Mt\(30px\) { margin-top: 30px; }
.Mt\(-1px\) { margin-top: -1px; }
.Mt\(-2px\) { margin-top: -2px; }
.Mt\(-3px\) { margin-top: -3px; }
.Mt\(-4px\) { margin-top: -4px; }
.Mt\(44px\) { margin-top: 44px; }
.Mt\(22px\) { margin-top: 22px; }
.Mt\(-20px\) { margin-top: -20px; }
.Mt\(-10px\) { margin-top: -10px; }
.Mt\(0px\) { margin-top: 0px; }
.Mt\(60px\) { margin-top: 60px; }
.Mt\(-16px\) { margin-top: -16px; }
.Mt\(3\%\) { margin-top: 3%; }
.Mt\(-94px\) { margin-top: -94px; }
.Mt\(52px\) { margin-top: 52px; }
.Mt\(64px\) { margin-top: 64px; }
.Mend\(56px\) { margin-right: 56px; }
.Mend\(40px\) { margin-right: 40px; }
.Mend\(30px\) { margin-right: 30px; }
.Mend\(-20\%\) { margin-right: -20%; }
.Mend\(14px\) { margin-right: 14px; }
.Mb\(44px\) { margin-bottom: 44px; }
.Mb\(-40px\) { margin-bottom: -40px; }
.Mb\(5px\) { margin-bottom: 5px; }
.Mb\(-6px\) { margin-bottom: -6px; }
.Mb\(30px\) { margin-bottom: 30px; }
.Mb\(100px\) { margin-bottom: 100px; }
.Mb\(-28px\) { margin-bottom: -28px; }
.Mb\(-1px\) { margin-bottom: -1px; }
.Mb\(160px\) { margin-bottom: 160px; }
.Mb\(64px\) { margin-bottom: 64px; }
.Mb\(60px\) { margin-bottom: 60px; }
.Mb\(52px\) { margin-bottom: 52px; }
.Mb\(72px\) { margin-bottom: 72px; }
.Mb\(-4px\) { margin-bottom: -4px; }
.Mb\(-24px\) { margin-bottom: -24px; }
.Mstart\(72px\) { margin-left: 72px; }
.Mstart\(-2px\) { margin-left: -2px; }
.Mstart\(30px\) { margin-left: 30px; }
.Mstart\(-20\%\) { margin-left: -20%; }
.Mah\(44px\) { max-height: 44px; }
.Mah\(a\)--md { }
.Mah\(400px\)\! { max-height: 400px !important; }
.Mah\(80\%\) { max-height: 80%; }
.Mah\(96\%\) { max-height: 96%; }
.Mah\(400px\) { max-height: 400px; }
.Mah\(120px\) { max-height: 120px; }
.Mah\(90\%\) { max-height: 90%; }
.Mah\(300px\) { max-height: 300px; }
.Mah\(8px\) { max-height: 8px; }
.Mah\(600px\) { max-height: 600px; }
.Mah\(50px\) { max-height: 50px; }
.Mah\(200px\) { max-height: 200px; }
.Mah\(100\%\) { max-height: 100%; }
.Mah\(112px\) { max-height: 112px; }
.Mah\(40px\) { max-height: 40px; }
.Mah\(50vh\) { max-height: 50vh; }
.Maw\(700px\) { max-width: 700px; }
.Maw\(375px\) { max-width: 375px; }
.Maw\(80\%\) { max-width: 80%; }
.Maw\(350px\) { max-width: 350px; }
.Maw\(500px\) { max-width: 500px; }
.Maw\(320px\) { max-width: 320px; }
.Maw\(1200px\) { max-width: 1200px; }
.Maw\(600px\) { max-width: 600px; }
.Maw\(240px\) { max-width: 240px; }
.Maw\(292px\) { max-width: 292px; }
.Maw\(380px\) { max-width: 380px; }
.Maw\(650px\) { max-width: 650px; }
.Maw\(315px\) { max-width: 315px; }
.Maw\(300px\) { max-width: 300px; }
.Maw\(280px\) { max-width: 280px; }
.Maw\(90vw\) { max-width: 90vw; }
.Maw\(\$desktop-modal-width\) { max-width: 392px; }
.Maw\(372px\) { max-width: 372px; }
.Maw\(900px\) { max-width: 900px; }
.Maw\(450px\) { max-width: 450px; }
.Maw\(10ch\) { max-width: 10ch; }
.Maw\(225px\) { max-width: 225px; }
.Maw\(50\%\) { max-width: 50%; }
.Maw\(704px\) { max-width: 704px; }
.Maw\(140px\) { max-width: 140px; }
.Ell, .Maw\(100\%\) { max-width: 100%; }
.Maw\(fc\) { max-width: fit-content; }
.Maw\(70\%\) { max-width: 70%; }
.Maw\(45\%\) { max-width: 45%; }
.Maw\(420px\) { max-width: 420px; }
.Maw\(440px\) { max-width: 440px; }
.Maw\(640px\) { max-width: 640px; }
.Maw\(400px\) { max-width: 400px; }
.Maw\(480px\) { max-width: 480px; }
.Maw\(170px\) { max-width: 170px; }
.Maw\(340px\) { max-width: 340px; }
.Maw\(90\%\) { max-width: 90%; }
.Maw\(1000px\) { max-width: 1000px; }
.Maw\(426px\) { max-width: 426px; }
.Maw\(220px\) { max-width: 220px; }
.Maw\(85\%\) { max-width: 85%; }
.Maw\(95\%\) { max-width: 95%; }
.Maw\(maxc\) { max-width: max-content; }
.Maw\(160px\) { max-width: 160px; }
.Maw\(412px\) { max-width: 412px; }
.Maw\(258px\) { max-width: 258px; }
.Maw\(200px\) { max-width: 200px; }
.Mih\(50px\) { min-height: 50px; }
.Mih\(28px\) { min-height: 28px; }
.Mih\(200px\) { min-height: 200px; }
.Mih\(600px\) { min-height: 600px; }
.Mih\(620px\) { min-height: 620px; }
.Mih\(281px\) { min-height: 281px; }
.Mih\(40px\) { min-height: 40px; }
.Mih\(84px\) { min-height: 84px; }
.Mih\(52px\) { min-height: 52px; }
.Mih\(320px\) { min-height: 320px; }
.Mih\(0\) { min-height: 0px; }
.Mih\(24px\) { min-height: 24px; }
.Mih\(68px\) { min-height: 68px; }
.Mih\(54px\) { min-height: 54px; }
.Mih\(160px\) { min-height: 160px; }
.Mih\(216px\) { min-height: 216px; }
.Mih\(210px\) { min-height: 210px; }
.Mih\(55px\) { min-height: 55px; }
.Mih\(316px\) { min-height: 316px; }
.Mih\(124px\) { min-height: 124px; }
.Mih\(516px\) { min-height: 516px; }
.Mih\(72px\) { min-height: 72px; }
.Mih\(100\%\) { min-height: 100%; }
.Mih\(60px\) { min-height: 60px; }
.Mih\(400px\) { min-height: 400px; }
.Mih\(32\.2rem\) { min-height: 32.2rem; }
.Mih\(35rem\) { min-height: 35rem; }
.Mih\(45rem\) { min-height: 45rem; }
.Mih\(10px\) { min-height: 10px; }
.Mih\(48px\) { min-height: 48px; }
.Mih\(100px\) { min-height: 100px; }
.Mih\(80px\) { min-height: 80px; }
.Mih\(96px\) { min-height: 96px; }
.Mih\(16px\) { min-height: 16px; }
.Mih\(319px\) { min-height: 319px; }
.Miw\(325px\) { min-width: 325px; }
.Miw\(200px\) { min-width: 200px; }
.Miw\(364px\) { min-width: 364px; }
.Miw\(300px\) { min-width: 300px; }
.Miw\(120px\) { min-width: 120px; }
.Miw\(260px\) { min-width: 260px; }
.Miw\(50px\) { min-width: 50px; }
.Miw\(100\%\) { min-width: 100%; }
.Miw\(320px\) { min-width: 320px; }
.Miw\(375px\) { min-width: 375px; }
.Miw\(16px\) { min-width: 16px; }
.Miw\(fc\) { min-width: fit-content; }
.Miw\(250px\) { min-width: 250px; }
.Miw\(80\%\) { min-width: 80%; }
.Miw\(60px\) { min-width: 60px; }
.Miw\(100px\) { min-width: 100px; }
.Miw\(0\) { min-width: 0px; }
.Miw\(144px\) { min-width: 144px; }
.Miw\(140px\) { min-width: 140px; }
.Miw\(10px\) { min-width: 10px; }
.Miw\(24px\) { min-width: 24px; }
.Miw\(12px\) { min-width: 12px; }
.Miw\(70px\) { min-width: 70px; }
.Miw\(80px\) { min-width: 80px; }
.Miw\(40px\) { min-width: 40px; }
.Objf\(cv\) { object-fit: cover; }
.Objf\(ct\) { object-fit: contain; }
.Objp\(t\) { object-position: center top; }
.Objp\(c\) { object-position: center center; }
.choice:focus ~ .choice\:f\~Oc\(\$c-ds-foreground-primary\), .Oc\(\$c-ds-foreground-primary\), .Oc\(\$c-ds-foreground-primary\)\:f:focus { outline-color: var(--color--foreground-primary,inherit); }
.Oc\(\$c-ds-border-focus-default\)\:f:focus { outline-color: var(--color--border-focus-default,inherit); }
.Oc\(\$c-ds-border-tappy-indicator-active\), .Oc\(\$c-ds-border-tappy-indicator-active\)\:f:focus, .Oc\(\$c-ds-border-tappy-indicator-active\)\:fv.focus-visible { outline-color: var(--color--border-tappy-indicator-active,inherit); }
.Oc\(\$c-ds-border-tappy-indicator-active\), .Oc\(\$c-ds-border-tappy-indicator-active\)\:f:focus, .Oc\(\$c-ds-border-tappy-indicator-active\)\:fv:focus-visible { outline-color: var(--color--border-tappy-indicator-active,inherit); }
.tab-button.focus-visible > .tab-button\:fv\>Oc\(white\)\!, .tab-button:hover > .tab-button\:h\>Oc\(white\)\! { outline-color: rgb(255, 255, 255) !important; }
.tab-button:focus-visible > .tab-button\:fv\>Oc\(white\)\!, .tab-button:hover > .tab-button\:h\>Oc\(white\)\! { outline-color: rgb(255, 255, 255) !important; }
.Oc\(\$c-ds-brand-primary-a11y\) { outline-color: var(--color--brand-primary-a11y,inherit); }
.Oc\(black\)\:f:focus, .Oc\(black\)\:h:hover { outline-color: rgb(0, 0, 0); }
.choice:focus ~ .choice\:f\~Oc\(\$c-ds-accent-primary\), .Oc\(\$c-ds-accent-primary\) { outline-color: var(--color--accent-primary,inherit); }
.Oo\(2px\), .Oo\(2px\)\:f:focus { outline-offset: 2px; }
.choice:focus ~ .choice\:f\~Oo\(0px\), .min-num-photo:focus ~ .min-num-photo\:f\~Oo\(0px\), .Oo\(0px\), .Oo\(0px\)\:h:hover, .passions:focus ~ .passions\:f\~Oo\(0px\) { outline-offset: 0px; }
.Oo\(-5px\)\:f:focus { outline-offset: -5px; }
.Oo\(1px\) { outline-offset: 1px; }
.choice:focus ~ .choice\:f\~Os\(s\), .min-num-photo:focus ~ .min-num-photo\:f\~Os\(s\), .Os\(s\), .Os\(s\)\:f:focus, .Os\(s\)\:fv.focus-visible, .Os\(s\)\:h:hover, .passions:focus ~ .passions\:f\~Os\(s\) { outline-style: solid; }
.choice:focus ~ .choice\:f\~Os\(s\), .min-num-photo:focus ~ .min-num-photo\:f\~Os\(s\), .Os\(s\), .Os\(s\)\:f:focus, .Os\(s\)\:fv:focus-visible, .Os\(s\)\:h:hover, .passions:focus ~ .passions\:f\~Os\(s\) { outline-style: solid; }
.tab-button.focus-visible > .tab-button\:fv\>Os\(s\)\!, .tab-button:hover > .tab-button\:h\>Os\(s\)\! { outline-style: solid !important; }
.tab-button:focus-visible > .tab-button\:fv\>Os\(s\)\!, .tab-button:hover > .tab-button\:h\>Os\(s\)\! { outline-style: solid !important; }
.Ow\(4px\), .Ow\(4px\)\:f:focus { outline-width: 4px; }
.choice:focus ~ .choice\:f\~Ow\(2px\), .min-num-photo:focus ~ .min-num-photo\:f\~Ow\(2px\), .Ow\(2px\), .Ow\(2px\)\:f:focus, .Ow\(2px\)\:fv.focus-visible, .Ow\(2px\)\:h:hover, .passions:focus ~ .passions\:f\~Ow\(2px\) { outline-width: 2px; }
.choice:focus ~ .choice\:f\~Ow\(2px\), .min-num-photo:focus ~ .min-num-photo\:f\~Ow\(2px\), .Ow\(2px\), .Ow\(2px\)\:f:focus, .Ow\(2px\)\:fv:focus-visible, .Ow\(2px\)\:h:hover, .passions:focus ~ .passions\:f\~Ow\(2px\) { outline-width: 2px; }
.Ow\(1px\), .Ow\(1px\)\:fv.focus-visible, .Ow\(1px\)\:h:hover { outline-width: 1px; }
.Ow\(1px\), .Ow\(1px\)\:fv:focus-visible, .Ow\(1px\)\:h:hover { outline-width: 1px; }
.Ow\(3px\)\:f:focus { outline-width: 3px; }
.tab-button.focus-visible > .tab-button\:fv\>Ow\(2px\)\!, .tab-button:hover > .tab-button\:h\>Ow\(2px\)\! { outline-width: 2px !important; }
.tab-button:focus-visible > .tab-button\:fv\>Ow\(2px\)\!, .tab-button:hover > .tab-button\:h\>Ow\(2px\)\! { outline-width: 2px !important; }
.T\(0\), .T\(0\)\:\:a::after, .T\(0\)\:\:b::before { top: 0px; }
.CenterAlignOverlay, .T\(50\%\) { top: 50%; }
.T\(8px\) { top: 8px; }
.T\(16px\) { top: 16px; }
.T\(28px\) { top: 28px; }
.T\(40\%\) { top: 40%; }
.T\(18px\) { top: 18px; }
.T\(--nav-bar-height\) { top: var(--nav-bar-height); }
.T\(10px\) { top: 10px; }
.T\(4\%\) { top: 4%; }
.T\(24px\) { top: 24px; }
.T\(44px\) { top: 44px; }
.T\(48px\) { top: 48px; }
.T\(2\%\) { top: 2%; }
.T\(80px\) { top: 80px; }
.T\(-1px\)\:\:b::before { top: -1px; }
.T\(-30px\)\:\:b::before { top: -30px; }
.T\(54px\) { top: 54px; }
.T\(35\%\) { top: 35%; }
.T\(70\%\) { top: 70%; }
.T\(20px\) { top: 20px; }
.T\(12px\) { top: 12px; }
.T\(70px\) { top: 70px; }
.T\(60\%\) { top: 60%; }
.T\(4px\) { top: 4px; }
.T\(10\%\) { top: 10%; }
.T\(8\%\) { top: 8%; }
.T\(0px\) { top: 0px; }
.T\(38\%\) { top: 38%; }
.T\(45\%\) { top: 45%; }
.T\(75\%\) { top: 75%; }
.End\(0\), .End\(0\)\:\:a::after { right: 0px; }
.End\(20px\) { right: 20px; }
.End\(24px\) { right: 24px; }
.End\(2\%\) { right: 2%; }
.End\(16px\) { right: 16px; }
.End\(4px\) { right: 4px; }
.End\(30px\) { right: 30px; }
.End\(8px\) { right: 8px; }
.End\(50\%\) { right: 50%; }
.End\(12px\) { right: 12px; }
.End\(30\%\) { right: 30%; }
.End\(6px\) { right: 6px; }
.End\(-20\%\) { right: -20%; }
.End\(10\%\) { right: 10%; }
.End\(8\%\) { right: 8%; }
.End\(112px\) { right: 112px; }
.End\(1px\) { right: 1px; }
.End\(-12px\) { right: -12px; }
.End\(-8px\) { right: -8px; }
.End\(10px\) { right: 10px; }
.End\(-48px\) { right: -48px; }
.B\(0\), .B\(0\)\:\:a::after, .B\(0\)\:\:b::before { bottom: 0px; }
.B\(100px\) { bottom: 100px; }
.B\(--safe-area-inset-bottom\) { bottom: var(--safe-area-inset-bottom); }
.B\(60px\), .B\(60px\)\:\:a::after { bottom: 60px; }
.B\(-50px\) { bottom: -50px; }
.B\(10px\) { bottom: 10px; }
.B\(-10px\) { bottom: -10px; }
.B\(\$mobile-bottom-nav-height\) { bottom: calc(48px + var(--safe-area-inset-bottom)); }
.B\(30px\) { bottom: 30px; }
.B\(36px\) { bottom: 36px; }
.B\(-1px\)\:\:a::after { bottom: -1px; }
.B\(-20px\) { bottom: -20px; }
.B\(20px\) { bottom: 20px; }
.B\(12\%\) { bottom: 12%; }
.B\(25\%\) { bottom: 25%; }
.B\(50\%\) { bottom: 50%; }
.B\(20\%\) { bottom: 20%; }
.B\(44px\) { bottom: 44px; }
.B\(56px\) { bottom: 56px; }
.B\(-12px\) { bottom: -12px; }
.B\(18px\) { bottom: 18px; }
.B\(1px\) { bottom: 1px; }
.B\(35\%\) { bottom: 35%; }
.B\(-4px\) { bottom: -4px; }
.B\(-8px\) { bottom: -8px; }
.B\(8px\) { bottom: 8px; }
.Start\(0\), .Start\(0\)\:\:a::after, .Start\(0\)\:\:b::before { left: 0px; }
.Start\(16px\) { left: 16px; }
.Start\(28px\) { left: 28px; }
.Start\(50\%\), .Start\(50\%\)\:\:a::after { left: 50%; }
.Start\(24px\) { left: 24px; }
.button .button_Start\(a\) { left: auto; }
.Start\(10px\) { left: 10px; }
.Start\(-2px\) { left: -2px; }
.Start\(35\%\) { left: 35%; }
.Start\(8px\) { left: 8px; }
.Start\(96px\) { left: 96px; }
.Start\(112px\) { left: 112px; }
.Start\(84px\) { left: 84px; }
.Start\(25\%\) { left: 25%; }
.Start\(75\%\) { left: 75%; }
.Start\(10\%\) { left: 10%; }
.Start\(48px\) { left: 48px; }
.Start\(4px\) { left: 4px; }
.Start\(22\%\) { left: 22%; }
.Start\(78\%\) { left: 78%; }
.Start\(2\%\) { left: 2%; }
.Start\(108px\) { left: 108px; }
.Start\(12px\) { left: 12px; }
.Start\(-48px\) { left: -48px; }
.active .active_Op\(0\), .Op\(0\), .Op\(0\)\:h\:\:b:hover::before { opacity: 0; }
.Op\(\.5\) { opacity: 0.5; }
.Op\(\.4\), .Op\(\.4\)\:\:b::before { opacity: 0.4; }
.Op\(\.6\) { opacity: 0.6; }
.active .active_Op\(1\), .msgHelper:focus .msgHelper\:f_Op\(1\), .msgHelper:hover .msgHelper\:h_Op\(1\), .Op\(1\), .Op\(1\)\:f:focus, .Op\(1\)\:h:hover, .tappable-view:hover .tappable-view\:h_Op\(1\) { opacity: 1; }
.Op\(\.3\) { opacity: 0.3; }
.Op\(\.8\), .Op\(\.8\)\:\:a::after, .Op\(\.8\)\:h:hover { opacity: 0.8; }
.Op\(0\.5\) { opacity: 0.5; }
.Op\(0\.01\) { opacity: 0.01; }
.Op\(\.9\) { opacity: 0.9; }
.Op\(\.2\) { opacity: 0.2; }
.Op\(1\.0\)\:h:hover { opacity: 1; }
.Op\(0\.3\) { opacity: 0.3; }
.Ov\(s\) { overflow: scroll; }
.Ell, .Ell::after, .Hidden, .Ov\(h\), .Ov\(h\)\:\:a::after, [class*="LineClamp"], a[class*="LineClamp"]::after { overflow: hidden; }
.Ov\(a\) { overflow: auto; }
.Ov\(v\) { overflow: visible; }
.Ov\(v\)\! { overflow: visible !important; }
.Ovx\(h\) { overflow-x: hidden; }
.Ovx\(s\) { overflow-x: scroll; }
.Ovx\(a\) { overflow-x: auto; }
.Ovy\(a\) { overflow-y: auto; }
.Ovy\(s\) { overflow-y: scroll; }
.Ovy\(h\), .Ovy\(h\)--md { overflow-y: hidden; }
.Ovy\(h\)\! { overflow-y: hidden !important; }
.Ovs\(touch\) { }
.P\(20px\) { padding: 20px; }
.P\(12px\) { padding: 12px; }
.P\(8px\) { padding: 8px; }
.P\(0\) { padding: 0px; }
.P\(10px\) { padding: 10px; }
.P\(4px\) { padding: 4px; }
.P\(40px\) { padding: 40px; }
.P\(26px\) { padding: 26px; }
.P\(16px\), .P\(16px\)--ms { padding: 16px; }
.P\(24px\) { padding: 24px; }
.P\(18px\) { padding: 18px; }
.P\(11px\) { padding: 11px; }
.P\(5px\) { padding: 5px; }
.P\(28px\) { padding: 28px; }
.P\(32px\) { padding: 32px; }
.P\(2px\) { padding: 2px; }
.P\(30px\) { padding: 30px; }
.P\(\.1em\) { padding: 0.1em; }
.P\(0\.3em\) { padding: 0.3em; }
.P\(6px\)\!--ms { padding: 6px !important; }
.P\(14px\) { padding: 14px; }
.P\(36px\) { padding: 36px; }
.Pstart\(16px\), .Px\(16px\), .Px\(16px\)--ms, .settings__container .settings__container_Px\(16px\) { padding-left: 16px; }
.Pend\(16px\), .Px\(16px\), .Px\(16px\)--ms, .settings__container .settings__container_Px\(16px\) { padding-right: 16px; }
.Pstart\(12px\), .Px\(12px\) { padding-left: 12px; }
.Pend\(12px\), .Px\(12px\) { padding-right: 12px; }
.Pstart\(8px\), .Px\(8px\) { padding-left: 8px; }
.Pend\(8px\), .Px\(8px\) { padding-right: 8px; }
.Pstart\(28px\), .Px\(28px\) { padding-left: 28px; }
.Px\(28px\) { padding-right: 28px; }
.Pstart\(24px\), .Px\(24px\) { padding-left: 24px; }
.Pend\(24px\)--ms, .Px\(24px\) { padding-right: 24px; }
.Px\(32px\) { padding-left: 32px; padding-right: 32px; }
.Px\(36px\) { padding-left: 36px; padding-right: 36px; }
.Px\(60px\) { padding-left: 60px; }
.Pend\(60px\), .Px\(60px\) { padding-right: 60px; }
.Pstart\(44px\), .Px\(44px\) { padding-left: 44px; }
.Px\(44px\) { padding-right: 44px; }
.Pstart\(20px\), .Px\(20px\) { padding-left: 20px; }
.Pend\(20px\), .Px\(20px\) { padding-right: 20px; }
.Pstart\(10px\), .Px\(10px\) { padding-left: 10px; }
.Pend\(10px\), .Px\(10px\) { padding-right: 10px; }
.Pstart\(0\), .Px\(0\) { padding-left: 0px; }
.Px\(0\) { padding-right: 0px; }
.Px\(48px\) { padding-left: 48px; padding-right: 48px; }
.Px\(64px\) { padding-left: 64px; padding-right: 64px; }
.Px\(6px\) { padding-left: 6px; padding-right: 6px; }
.Pstart\(4px\), .Px\(4px\) { padding-left: 4px; }
.Pend\(4px\), .Px\(4px\) { padding-right: 4px; }
.Pstart\(40px\), .Px\(40px\) { padding-left: 40px; }
.Pend\(40px\), .Px\(40px\) { padding-right: 40px; }
.Px\(92px\) { padding-left: 92px; padding-right: 92px; }
.Px\(5px\) { padding-left: 5px; padding-right: 5px; }
.Px\(16px\)\! { padding-left: 16px !important; padding-right: 16px !important; }
.Px\(18px\) { padding-left: 18px; padding-right: 18px; }
.Px\(15px\) { padding-left: 15px; padding-right: 15px; }
.Px\(2px\) { padding-left: 2px; padding-right: 2px; }
.Px\(0px\) { padding-left: 0px; padding-right: 0px; }
.Px\(90px\) { padding-left: 90px; }
.Pend\(90px\), .Px\(90px\) { padding-right: 90px; }
.Px\(14px\) { padding-left: 14px; padding-right: 14px; }
.Px\(50px\) { padding-left: 50px; padding-right: 50px; }
.Px\(0\)\! { padding-left: 0px !important; padding-right: 0px !important; }
.Px\(0\.4em\) { padding-left: 0.4em; padding-right: 0.4em; }
.Px\(10\%\) { padding-left: 10%; padding-right: 10%; }
.Py\(60px\) { padding-top: 60px; }
.Pb\(60px\), .Py\(60px\) { padding-bottom: 60px; }
.Pt\(8px\), .Py\(8px\) { padding-top: 8px; }
.Pb\(8px\), .Py\(8px\) { padding-bottom: 8px; }
.Py\(115px\) { padding-bottom: 115px; padding-top: 115px; }
.Pt\(20px\), .Py\(20px\) { padding-top: 20px; }
.Pb\(20px\), .Py\(20px\) { padding-bottom: 20px; }
.Pt\(12px\), .Py\(12px\) { padding-top: 12px; }
.Pb\(12px\), .Py\(12px\) { padding-bottom: 12px; }
.Pt\(0\), .Py\(0\) { padding-top: 0px; }
.Pb\(0\), .Py\(0\) { padding-bottom: 0px; }
.Pt\(16px\), .Py\(16px\) { padding-top: 16px; }
.Pb\(16px\), .Py\(16px\) { padding-bottom: 16px; }
.Py\(3px\) { padding-bottom: 3px; padding-top: 3px; }
.Pt\(24px\), .Py\(24px\) { padding-top: 24px; }
.Pb\(24px\), .Py\(24px\) { padding-bottom: 24px; }
.Pt\(4px\), .Py\(4px\) { padding-top: 4px; }
.Pb\(4px\), .Py\(4px\) { padding-bottom: 4px; }
.Pt\(36px\), .Py\(36px\) { padding-top: 36px; }
.Pb\(36px\), .Py\(36px\) { padding-bottom: 36px; }
.Pt\(2px\), .Py\(2px\) { padding-top: 2px; }
.Py\(2px\) { padding-bottom: 2px; }
.Pt\(40px\), .Py\(40px\) { padding-top: 40px; }
.Pb\(40px\), .Py\(40px\) { padding-bottom: 40px; }
.Pt\(6px\), .Py\(6px\) { padding-top: 6px; }
.Py\(6px\) { padding-bottom: 6px; }
.Pt\(10px\), .Py\(10px\) { padding-top: 10px; }
.Pb\(10px\), .Py\(10px\) { padding-bottom: 10px; }
.Py\(18px\) { padding-bottom: 18px; padding-top: 18px; }
.Py\(72px\) { padding-bottom: 72px; padding-top: 72px; }
.Pt\(28px\), .Py\(28px\), .Py\(28px\)--sml { padding-top: 28px; }
.Pb\(28px\), .Py\(28px\), .Py\(28px\)--sml { padding-bottom: 28px; }
.Pt\(32px\), .Py\(32px\) { padding-top: 32px; }
.Pb\(32px\), .Py\(32px\) { padding-bottom: 32px; }
.Py\(8px\)\! { padding-bottom: 8px !important; padding-top: 8px !important; }
.Py\(5px\) { padding-bottom: 5px; padding-top: 5px; }
.Py\(1px\) { padding-bottom: 1px; padding-top: 1px; }
.Py\(14px\) { padding-bottom: 14px; padding-top: 14px; }
.Py\(10\.5px\) { padding-bottom: 10.5px; padding-top: 10.5px; }
.Py\(0\.8em\) { padding-bottom: 0.8em; padding-top: 0.8em; }
.Pt\(--top-nav-bar-height\) { padding-top: var(--top-nav-bar-height); }
.Pt\(44px\) { padding-top: 44px; }
.Pt\(0px\) { padding-top: 0px; }
.Pt\(100px\) { padding-top: 100px; }
.Pt\(0\)\! { padding-top: 0px !important; }
.Pt\(34px\) { padding-top: 34px; }
.Pt\(52px\) { padding-top: 52px; }
.Pend\(100px\) { padding-right: 100px; }
.Pend\(56px\) { padding-right: 56px; }
.Pend\(1rem\)\:lc:last-child { padding-right: 1rem; }
.Pb\(\$mobile-bottom-nav-height\) { padding-bottom: calc(48px + var(--safe-area-inset-bottom)); }
.Pb\(\$mobile-bottom-nav-height-sparks\) { padding-bottom: calc(90px + var(--safe-area-inset-bottom)); }
.Pb\(100px\) { padding-bottom: 100px; }
.Pb\(52px\), .Pb\(52px\)\:lc:last-child { padding-bottom: 52px; }
.Pb\(--safe-area-inset-bottom\) { padding-bottom: var(--safe-area-inset-bottom); }
.Pb\(1\.5px\) { padding-bottom: 1.5px; }
.Pb\(30px\) { padding-bottom: 30px; }
.Pb\(50px\), .Pb\(50px\)\:lc:last-child { padding-bottom: 50px; }
.Pb\(0\)\! { padding-bottom: 0px !important; }
.Pb\(10px\)\! { padding-bottom: 10px !important; }
.Pb\(100\%\) { padding-bottom: 100%; }
.Pstart\(100px\) { padding-left: 100px; }
.Pstart\(62px\) { padding-left: 62px; }
.Pe\(n\), .Pe\(n\)\:\:a::after, .Pe\(n\)\:\:b::before { pointer-events: none; }
.Pe\(all\) { pointer-events: all; }
.Pe\(a\) { pointer-events: auto; }
.Pos\(r\), .StyledButton { position: relative; }
.CenterAlignOverlay, .Pos\(a\), .Pos\(a\)\:\:a::after, .Pos\(a\)\:\:b::before, .StretchedBox, .StretchedBox\:\:a::after, .StretchedBox\:\:b::before, .StyledButton::before { position: absolute; }
.Pos\(f\) { position: fixed; }
.Pos\(st\), .Pos\(st\)\:\:b::before { position: sticky; }
.Pos\(s\) { position: static; }
.Hidden, .Pos\(a\)\! { position: absolute !important; }
.Rsz\(n\) { resize: none; }
.Sb\(s\) { scroll-behavior: smooth; }
.Ssa\(s\) { scroll-snap-align: start; }
.Tbl\(f\) { table-layout: fixed; }
.Ta\(c\) { text-align: center; }
.active .active_Ta\(start\), .Ta\(start\) { text-align: left; }
[dir="ltr"] .Ta\(e\) { text-align: right; }
.Ta\(e\):dir(ltr) { text-align: right; }
[dir="rtl"] .Ta\(e\) { text-align: left; }
.Ta\(e\):dir(rtl) { text-align: left; }
.Ta\(e\) { text-align: end; }
[dir="ltr"] .Ta\(s\) { text-align: left; }
.Ta\(s\):dir(ltr) { text-align: left; }
[dir="rtl"] .Ta\(s\) { text-align: right; }
.Ta\(s\):dir(rtl) { text-align: right; }
.Ta\(s\) { text-align: start; }
.Ta\(end\) { text-align: right; }
.Ta\(inh\) { text-align: inherit; }
.Tal\(c\) { text-align-last: center; }
.Td\(u\), .Td\(u\)\:f:focus, .Td\(u\)\:h:hover { text-decoration: underline; }
.Td\(n\), .Td\(n\)\:f:focus, .Td\(n\)\:h:hover { text-decoration: none; }
.Td\(lt\) { text-decoration: line-through; }
.Ell, .Tov\(e\) { text-overflow: ellipsis; }
.Tt\(n\) { text-transform: none; }
.Tt\(u\) { text-transform: uppercase; }
.Tt\(c\) { text-transform: capitalize; }
.Tt\(l\) { text-transform: lowercase; }
.Tt\(u\)\! { text-transform: uppercase !important; }
.Tt\(inh\) { text-transform: inherit; }
.Tsh\(\$tsh-s\) { text-shadow: rgba(0, 0, 0, 0.12) 0px 1px 1px; }
.Tcha\(n\) { touch-action: none; }
.Tcha\(py\) { touch-action: pan-y; }
.Trfo\(c\), .Trfo\(c\)\:\:a::after { transform-origin: center center; }
.Trfs\(p\) { transform-style: preserve-3d; }
.Prs\(1000px\) { perspective: 1000px; }
.Prs\(500px\) { perspective: 500px; }
.Bfv\(h\) { backface-visibility: hidden; }
.Rotate\(180deg\) { transform: rotate(180deg); }
.Rotate\(360deg\)\:h\:\:a:hover::after { transform: rotate(1turn); }
.Rotate\(45deg\) { transform: rotate(45deg); }
.Rotate\(270deg\) { transform: rotate(270deg); }
.Rotate\(90deg\) { transform: rotate(90deg); }
.Rotate\(-45deg\) { transform: rotate(-45deg); }
.Rotate\(-20deg\) { transform: rotate(-20deg); }
.Rotate\(20deg\) { transform: rotate(20deg); }
.RotateY\(180deg\) { transform: rotateY(180deg); }
.RotateZ\(45deg\) { transform: rotate(45deg); }
.Scale\(1\.1\)\:h:hover { transform: scale(1.1); }
.Scale\(1\.5\) { transform: scale(1.5); }
.Scale\(\.7\) { transform: scale(0.7); }
.Scale\(1\.2\), .Scale\(1\.2\)\:h:hover { transform: scale(1.2); }
.Scale\(\.9\), .Scale\(\.9\)\:a:active { transform: scale(0.9); }
.Scale\(\.75\), .Scale\(\.75\)\:a:active { transform: scale(0.75); }
.Scale\(\.95\)\:h:hover { transform: scale(0.95); }
.Scale\(-1\) { transform: scale(-1); }
.Scale\(-1\,1\) { transform: scaleX(-1); }
.Scale\(0\.9\)\:a:active { transform: scale(0.9); }
.Scale\(2\.5\) { transform: scale(2.5); }
.Scale\(1\) { transform: scale(1); }
.ScaleX\(-1\) { transform: scaleX(-1); }
.Skew\(-18deg\) { transform: skew(-18deg); }
.Skew\(18deg\) { transform: skew(18deg); }
.Translate\(20\%\,-20\%\) { transform: translate(20%, -20%); }
.Translate\(40\%\,-50\%\) { transform: translate(40%, -50%); }
.Translate\(-50\%\,50\%\) { transform: translate(-50%, 50%); }
.Translate\(25\%\,-25\%\) { transform: translate(25%, -25%); }
.Translate\(-50\%\,0\) { transform: translate(-50%); }
.CenterAlignOverlay, .Translate\(-50\%\,-50\%\) { transform: translate(-50%, -50%); }
.Translate\(50\%\,-50\%\) { transform: translate(50%, -50%); }
.Translate\(25\%\,-50\%\) { transform: translate(25%, -50%); }
.Translate\(-36\%\,-36\%\) { transform: translate(-36%, -36%); }
.Translate\(-100\%\,-50\%\) { transform: translate(-100%, -50%); }
.Translate\(100\%\,-50\%\) { transform: translate(100%, -50%); }
.Translate\(25\%\,25\%\) { transform: translate(25%, 25%); }
.TranslateX\(-50\%\), .TranslateX\(-50\%\)\:\:a::after { transform: translateX(-50%); }
.TranslateX\(0\) { transform: translateX(0px); }
.TranslateX\(100\%\) { transform: translateX(100%); }
.TranslateX\(-100\%\) { transform: translateX(-100%); }
.TranslateX\(200\%\) { transform: translateX(200%); }
.TranslateX\(20px\) { transform: translateX(20px); }
.TranslateX\(-160px\)\:lc:last-child { transform: translateX(-160px); }
.TranslateX\(-90px\)\:lc:last-child { transform: translateX(-90px); }
.TranslateX\(160px\)\:fc:first-child { transform: translateX(160px); }
.TranslateX\(90px\)\:fc:first-child { transform: translateX(90px); }
.TranslateX\(100px\) { transform: translateX(100px); }
.TranslateX\(-200\%\) { transform: translateX(-200%); }
.TranslateX\(50\%\) { transform: translateX(50%); }
.TranslateX\(-15\%\) { transform: translateX(-15%); }
.TranslateX\(-30\%\) { transform: translateX(-30%); }
.TranslateY\(100\%\) { transform: translateY(100%); }
.TranslateY\(-50\%\) { transform: translateY(-50%); }
.TranslateY\(-100\%\) { transform: translateY(-100%); }
.TranslateY\(0\%\)\:f:focus { transform: translateY(0px); }
.TranslateY\(-70\%\) { transform: translateY(-70%); }
.TranslateY\(80\%\) { transform: translateY(80%); }
.TranslateY\(0\) { transform: translateY(0px); }
.TranslateY\(55\%\) { transform: translateY(55%); }
.TranslateY\(-1px\) { transform: translateY(-1px); }
.TranslateY\(-14px\) { transform: translateY(-14px); }
.TranslateY\(60\%\) { transform: translateY(60%); }
.TranslateY\(-40\%\) { transform: translateY(-40%); }
.TranslateY\(-20\%\) { transform: translateY(-20%); }
.TranslateY\(-60\%\) { transform: translateY(-60%); }
.TranslateY\(-80\%\) { transform: translateY(-80%); }
.TranslateY\(20px\) { transform: translateY(20px); }
.TranslateY\(-20px\) { transform: translateY(-20px); }
.TranslateY\(-10\%\) { transform: translateY(-10%); }
.TranslateY\(5\%\) { transform: translateY(5%); }
.TranslateY\(-5\%\) { transform: translateY(-5%); }
.TranslateZ\(0\), .TranslateZ\(0\)\:\:a::after { transform: translateZ(0px); }
.Trs\(\$transform\) { transition: transform; }
.Trsde\(\$xslow\) { transition-delay: 1s; }
.Trsde\(\$normal\) { transition-delay: 0.25s; }
.StyledButton::before, .Trsdu\(\$fast\), .Trsdu\(\$fast\)\:\:a::after, .Trsdu\(\$fast\)\:\:b::before { transition-duration: 0.2s; }
.Trsdu\(\$normal\) { transition-duration: 0.25s; }
.Trsdu\(\$xfast\) { transition-duration: 0.1s; }
.Trsdu\(\$slow\) { transition-duration: 0.5s; }
.Trsdu\(0\.3s\) { transition-duration: 0.3s; }
.Trsdu\(0\) { }
.Trsdu\(\$xslow\) { transition-duration: 1s; }
.Trsdu\(1\.8s\) { transition-duration: 1.8s; }
.Trsp\(\$transform\) { transition-property: transform; }
.Trsp\(\$color\) { transition-property: color; }
.Trsp\(\$background\) { transition-property: background; }
.Trsp\(\$border-color\) { transition-property: border-color; }
.Trsp\(\$opacity\) { transition-property: opacity; }
.Trsp\(a\) { transition-property: all; }
.Trsp\(a\)\! { transition-property: all !important; }
.Trsp\(\$flex-basis\) { transition-property: flexBasis; }
.Trsp\(\$border-radius\) { transition-property: border-radius; }
.Trstf\(e\) { transition-timing-function: ease; }
.Trstf\(ei\) { transition-timing-function: ease-in; }
.Trstf\(eo\) { transition-timing-function: ease-out; }
.Trstf\(l\) { transition-timing-function: linear; }
.Trstf\(eio\) { transition-timing-function: ease-in-out; }
.Us\(n\) { user-select: none; }
.Us\(t\) { user-select: text; }
.Va\(m\), .Va\(m\)\:\:a::after { vertical-align: middle; }
.Row, .Va\(t\) { vertical-align: top; }
.Va\(tb\) { vertical-align: text-bottom; }
.Va\(b\) { vertical-align: bottom; }
.Va\(tt\) { vertical-align: text-top; }
.Va\(bl\) { vertical-align: initial; }
.Ell::after, .V\(h\), a[class*="LineClamp"]::after { visibility: hidden; }
.V\(v\) { visibility: visible; }
.Whs\(pw\) { white-space: pre-wrap; }
.Whs\(p\) { white-space: pre; }
.Ell, .Whs\(nw\) { white-space: nowrap; }
.Whs\(n\) { white-space: normal; }
.Whs\(pl\) { white-space: pre-line; }
.Expand, .Expand\:\:a::after, .Row, .Sq\(100\%\), .Sq\(100\%\)\:\:a::after, .W\(100\%\), .W\(100\%\)\:\:a::after, .W\(100\%\)\:\:b::before, .W\(100\%\)\:f:focus { width: 100%; }
.W\(90\%\) { width: 90%; }
.W\(150px\) { width: 150px; }
.Sq\(50px\), .W\(50px\) { width: 50px; }
.W\(200\%\)\:\:b::before { width: 200%; }
.W\(50vw\) { width: 50vw; }
.W\(2\/5\), .W\(40\%\) { width: 40%; }
.W\(80\%\) { width: 80%; }
.W\(300px\) { width: 300px; }
.W\(360px\) { width: 360px; }
.W\(50\%\) { width: 50%; }
.W\(100\%\)\! { width: 100% !important; }
.Sq\(48px\), .W\(48px\) { width: 48px; }
.W\(100vw\) { width: 100vw; }
.W\(fc\) { width: fit-content; }
.W\(448px\) { width: 448px; }
.W\(108px\) { width: 108px; }
.Sq\(320px\), .W\(320px\) { width: 320px; }
.Sq\(28px\), .Sq\(\$s-ds-icon-xlarge\), .W\(28px\) { width: 28px; }
.W\(346px\) { width: 346px; }
.Sq\(100px\), .W\(100px\) { width: 100px; }
.W\(440px\) { width: 440px; }
.W\(a\) { width: auto; }
.W\(290px\) { width: 290px; }
.W\(350px\) { width: 350px; }
.W\(400px\) { width: 400px; }
.W\(60\%\) { width: 60%; }
.Sq\(120px\), .W\(120px\) { width: 120px; }
.W\(95\%\) { width: 95%; }
.Sq\(16px\), .Sq\(16px\)\:\:b::before, .Sq\(\$s-ds-icon-small\), .W\(16px\) { width: 16px; }
.W\(70\%\) { width: 70%; }
.Sq\(44px\), .W\(44px\) { width: 44px; }
.Sq\(60px\), .Sq\(60px\)\:\:b::before, .W\(60px\) { width: 60px; }
.Sq\(140px\), .W\(140px\) { width: 140px; }
.Sq\(0\), .W\(0\)\:\:a::after { width: 0px; }
.W\(1\/3\) { width: 33.3333%; }
.Sq\(40px\), .W\(40px\) { width: 40px; }
.W\(375px\) { width: 375px; }
.W\(25\%\) { width: 25%; }
.Sq\(20px\), .Sq\(\$s-ds-icon-medium\), .W\(20px\) { width: 20px; }
.Sq\(24px\), .Sq\(24px\)--ms, .W\(24px\) { width: 24px; }
.Sq\(10px\), .Sq\(10px\)\:\:a::after, .W\(10px\) { width: 10px; }
.W\(116px\) { width: 116px; }
.Sq\(1px\), .W\(1px\) { width: 1px; }
.W\(5px\) { width: 5px; }
.Sq\(200px\), .W\(200px\) { width: 200px; }
.Sq\(4px\), .W\(4px\) { width: 4px; }
.W\(224px\) { width: 224px; }
.W\(98\%\) { width: 98%; }
.W\(160px\) { width: 160px; }
.Sq\(14px\), .W\(14px\) { width: 14px; }
.W\(130px\) { width: 130px; }
.Sq\(68px\), .W\(68px\) { width: 68px; }
.W\(68\%\) { width: 68%; }
.W\(90px\) { width: 90px; }
.Sq\(52px\), .W\(52px\) { width: 52px; }
.Sq\(75px\)\:fc:first-child, .Sq\(75px\)\:lc:last-child, .W\(75px\) { width: 75px; }
.W\(44\%\) { width: 44%; }
.W\(30\%\) { width: 30%; }
.W\(75\%\) { width: 75%; }
.W\(72\%\) { width: 72%; }
.Sq\(80px\), .W\(80px\) { width: 80px; }
.Sq\(88px\), .W\(88px\) { width: 88px; }
.Sq\(96px\), .W\(96px\) { width: 96px; }
.W\(260px\) { width: 260px; }
.W\(85\%\) { width: 85%; }
.W\(240px\) { width: 240px; }
.Sq\(36px\), .W\(36px\) { width: 36px; }
.W\(188px\) { width: 188px; }
.W\(175px\) { width: 175px; }
.W\(97\%\) { width: 97%; }
.Sq\(64px\), .W\(64px\) { width: 64px; }
.Sq\(72px\), .W\(72px\) { width: 72px; }
.W\(2px\) { width: 2px; }
.W\(maxc\) { width: max-content; }
.Wc\(\$transform\) { will-change: transform; }
.Wc\(\$opacity\) { will-change: opacity; }
.Wob\(ba\) { word-break: break-all; }
.Wow\(n\) { overflow-wrap: normal; }
.Z\(0\) { z-index: 0; }
.Z\(1\), .Z\(1\)\:\:b::before { z-index: 1; }
.Z\(2\) { z-index: 2; }
.Z\(3\) { z-index: 3; }
.Z\(5\) { z-index: 5; }
.Z\(-1\), .Z\(-1\)\:\:b::before { z-index: -1; }
.Z\(4\) { z-index: 4; }
.Z\(10\) { z-index: 10; }
.Z\(20\) { z-index: 20; }
.Z\(100\) { z-index: 100; }
.Fill\(\$c-ds-text-secondary\) { fill: var(--color--text-secondary,inherit); }
.Fill\(\$c-ds-icon-primary\) { fill: var(--color--icon-primary,inherit); }
.Fill\(\#fff\) { fill: rgb(255, 255, 255); }
.Fill\(\$c-transparent-black\) { fill: rgba(57, 59, 66, 0.4); }
.loop__playbutton:hover .loop__playbutton\:h_Fill\(\$c-disabled\) { fill: var(--color--gray-15,inherit); }
.Fill\(\$c-ds-icon-brand\) { fill: var(--color--icon-brand,inherit); }
.Fill\(\$c-transparent-white\) { fill: rgba(255, 255, 255, 0.9); }
.Fill\(\$c-ds-icon-secondary\) { fill: var(--color--icon-secondary,inherit); }
.Stk\(\$c-bluegray\) { stroke: var(--color--gray-15,inherit); }
.BdB, .BdT, .BdY { border-left-width: 0px; border-right-width: 0px; }
.BdEnd, .BdStart, .BdT { border-bottom-width: 0px; }
.BdB, .BdEnd, .BdStart { border-top-width: 0px; }
.BdEnd { border-left-width: 0px; }
.BdStart { border-right-width: 0px; }
.Cf::after, .Cf::before { display: table; }
.Ell::after, a[class*="LineClamp"]::after { content: "."; font-size: 0px; height: 0px; width: 0px; }
.Ell { hyphens: none; }
.Hidden { clip: rect(1px, 1px, 1px, 1px); border: 0px !important; height: 1px !important; padding: 0px !important; width: 1px !important; }
[class*="LineClamp"] { -webkit-box-orient: vertical; }
[class*="LineClamp"], a[class*="LineClamp"] { display: -webkit-box; }
.LineClamp\(1\,21px\), .LineClamp\(1\,23\.625px\) { -webkit-line-clamp: 1; }
.LineClamp\(1\,21px\) { max-height: 21px; }
.LineClamp\(1\,23\.625px\) { max-height: 23.625px; }
.LineClamp\(3\), .LineClamp\(3\,72px\) { -webkit-line-clamp: 3; }
.LineClamp\(2\,39\.375px\), .LineClamp\(2\,45px\), .LineClamp\(2\,47\.25px\) { -webkit-line-clamp: 2; }
.LineClamp\(2\,45px\) { max-height: 45px; }
.LineClamp\(6\,108px\) { -webkit-line-clamp: 6; max-height: 108px; }
.LineClamp\(2\,39\.375px\) { max-height: 39.375px; }
.LineClamp\(2\,47\.25px\) { max-height: 47.25px; }
.LineClamp\(3\,72px\) { max-height: 72px; }
.LineClamp\(4\,96px\) { -webkit-line-clamp: 4; max-height: 96px; }
.LineClamp\(5\,118\.120px\) { -webkit-line-clamp: 5; max-height: 118.12px; }
.StretchedBox, .StretchedBox\:\:a::after, .StretchedBox\:\:b::before, .StyledButton::before { inset: 0px; }
.Cntv\(h\) { content-visibility: hidden; }
.Cntv\(a\) { content-visibility: auto; }
.TextGradient\(\$g-ds-accent-boost-gradient\), .TextGradient\(\$g-ds-icon-platinum\), .TextGradient\(\$g-ds-text-match-expiration\), .TextGradient\(\$green-gradient-diagonal\), .TextGradient\(\$t-gold-gradient\) { background-clip: text !important; }
.TextGradient\(\$green-gradient-diagonal\) { background: linear-gradient(257deg,var(--color--teal-20,inherit),var(--color--green-30,inherit)); }
.TextGradient\(\$g-ds-icon-platinum\) { background: var(--gradient--icon-platinum,none); }
.TextGradient\(\$g-ds-accent-boost-gradient\) { background: var(--gradient--accent-boost-gradient,none); }
.TextGradient\(\$g-ds-text-match-expiration\) { background: var(--gradient--text-match-expiration,none); }
.CenterAlignOverlay { left: 50%; }
.BreakWord { overflow-wrap: break-word; word-break: break-word; }
.StyledButton::before { opacity: 0; z-index: -1; }
.StyledButton:hover::before { opacity: 1; }
.NetHeight\(100\%\,--side-nav-bar-height\) { height: calc(100% - var(--side-nav-bar-height)); }
.NetHeight\(100\%\,120px\) { height: calc(100% - 120px); }
.NetHeight\(100\%\,12px\) { height: calc(100% - 12px); }
.NetHeight\(100\%\,160px\) { height: calc(100% - 160px); }
.NetHeight\(112px\,8px\) { height: 104px; }
.NetWidth\(100\%\,12px\) { width: calc(100% - 12px); }
.NetWidth\(100\%\,60px\) { width: calc(100% - 60px); }
.NetWidth\(100\%\,24px\) { width: calc(100% - 24px); }
.Sq\(12px\) { width: 12px; }
.Sq\(14px\) { height: 14px; }
.Sq\(84px\) { height: 84px; width: 84px; }
.Sq\(32px\) { width: 32px; }
.Sq\(64px\) { height: 64px; }
.Sq\(200px\) { height: 200px; }
.Sq\(20px\)\! { height: 20px !important; width: 20px !important; }
.Sq\(80px\)\! { height: 80px !important; width: 80px !important; }
.Sq\(30px\) { width: 30px; }
.Sq\(56px\) { height: 56px; width: 56px; }
.Sq\(85px\) { height: 85px; width: 85px; }
.Sq\(72px\)\! { height: 72px !important; width: 72px !important; }
.Sq\(125px\) { height: 125px; width: 125px; }
.Sq\(115px\) { height: 115px; width: 115px; }
.Sq\(154px\) { height: 154px; width: 154px; }
.Sq\(34px\) { height: 34px; width: 34px; }
.Sq\(78px\) { height: 78px; width: 78px; }
.Sq\(124px\) { width: 124px; }
.Sq\(88px\) { height: 88px; }
.Sq\(58px\) { height: 58px; width: 58px; }
.Sq\(18px\) { width: 18px; }
.Sq\(95px\) { height: 95px; width: 95px; }
.Sq\(102px\) { height: 102px; width: 102px; }
.Sq\(38px\)\! { height: 38px !important; width: 38px !important; }
.Sq\(47px\)\! { height: 47px !important; width: 47px !important; }
.Sq\(42px\) { width: 42px; }
.Sq\(70px\) { width: 70px; }
.Sq\(76px\) { width: 76px; }
.Sq\(8px\), .Sq\(8px\)\:\:a::after { width: 8px; }
.Sq\(212px\) { height: 212px; width: 212px; }
.Sq\(172px\) { height: 172px; width: 172px; }
.Sq\(252px\) { height: 252px; width: 252px; }
.Sq\(28px\)\!--ms { height: 28px !important; width: 28px !important; }
.Sq\(98px\) { height: 98px; width: 98px; }
.Ovsb\(n\) { overscroll-behavior: none; }
.Ovsby\(n\) { overscroll-behavior-y: none; }
.FlexColumn { flex: 1 1 0%; }
.Typs\(body-1-strong\) { font-size: var(--font-size--body-1-strong,1rem); font-weight: var(--font-weight--body-1-strong,400); letter-spacing: var(--letter-spacing--body-1-strong,0); line-height: var(--line-height--body-1-strong,1); text-transform: var(--letter-casing--body-1-strong,none); }
.Typs\(display-1-strong\) { font-size: var(--font-size--display-1-strong,1rem); font-weight: var(--font-weight--display-1-strong,400); letter-spacing: var(--letter-spacing--display-1-strong,0); line-height: var(--line-height--display-1-strong,1); text-transform: var(--letter-casing--display-1-strong,none); }
.Typs\(button-1\), .Typs\(button-1\)\:\:a::after, .Typs\(button-1\)\:\:b::before { font-size: var(--font-size--button-1,1rem); font-weight: var(--font-weight--button-1,400); letter-spacing: var(--letter-spacing--button-1,0); line-height: var(--line-height--button-1,1); text-transform: var(--letter-casing--button-1,none); }
.Typs\(caption-1-strong\), .Typs\(caption-1-strong\)\:\:b::before { font-size: var(--font-size--caption-1-strong,1rem); font-weight: var(--font-weight--caption-1-strong,400); letter-spacing: var(--letter-spacing--caption-1-strong,0); line-height: var(--line-height--caption-1-strong,1); text-transform: var(--letter-casing--caption-1-strong,none); }
.Typs\(body-2-regular\) { font-size: var(--font-size--body-2-regular,1rem); font-weight: var(--font-weight--body-2-regular,400); letter-spacing: var(--letter-spacing--body-2-regular,0); line-height: var(--line-height--body-2-regular,1); text-transform: var(--letter-casing--body-2-regular,none); }
.Typs\(subheading-2\) { font-size: var(--font-size--subheading-2,1rem); font-weight: var(--font-weight--subheading-2,400); letter-spacing: var(--letter-spacing--subheading-2,0); line-height: var(--line-height--subheading-2,1); text-transform: var(--letter-casing--subheading-2,none); }
.Typs\(body-3-regular\) { font-size: var(--font-size--body-3-regular,1rem); font-weight: var(--font-weight--body-3-regular,400); letter-spacing: var(--letter-spacing--body-3-regular,0); line-height: var(--line-height--body-3-regular,1); text-transform: var(--letter-casing--body-3-regular,none); }
.Typs\(caption-1-regular\) { font-size: var(--font-size--caption-1-regular,1rem); font-weight: var(--font-weight--caption-1-regular,400); letter-spacing: var(--letter-spacing--caption-1-regular,0); line-height: var(--line-height--caption-1-regular,1); text-transform: var(--letter-casing--caption-1-regular,none); }
.Typs\(subheading-1\) { font-size: var(--font-size--subheading-1,1rem); font-weight: var(--font-weight--subheading-1,400); letter-spacing: var(--letter-spacing--subheading-1,0); line-height: var(--line-height--subheading-1,1); text-transform: var(--letter-casing--subheading-1,none); }
.Typs\(body-2-strong\) { font-size: var(--font-size--body-2-strong,1rem); font-weight: var(--font-weight--body-2-strong,400); letter-spacing: var(--letter-spacing--body-2-strong,0); line-height: var(--line-height--body-2-strong,1); text-transform: var(--letter-casing--body-2-strong,none); }
.Typs\(button-2\) { font-size: var(--font-size--button-2,1rem); font-weight: var(--font-weight--button-2,400); letter-spacing: var(--letter-spacing--button-2,0); line-height: var(--line-height--button-2,1); text-transform: var(--letter-casing--button-2,none); }
.Typs\(body-1-regular\) { font-size: var(--font-size--body-1-regular,1rem); font-weight: var(--font-weight--body-1-regular,400); letter-spacing: var(--letter-spacing--body-1-regular,0); line-height: var(--line-height--body-1-regular,1); text-transform: var(--letter-casing--body-1-regular,none); }
.Typs\(display-2-strong\) { font-size: var(--font-size--display-2-strong,1rem); font-weight: var(--font-weight--display-2-strong,400); letter-spacing: var(--letter-spacing--display-2-strong,0); line-height: var(--line-height--display-2-strong,1); text-transform: var(--letter-casing--display-2-strong,none); }
.Typs\(display-1-regular\) { font-size: var(--font-size--display-1-regular,1rem); font-weight: var(--font-weight--display-1-regular,400); letter-spacing: var(--letter-spacing--display-1-regular,0); line-height: var(--line-height--display-1-regular,1); text-transform: var(--letter-casing--display-1-regular,none); }
.Typs\(display-3-strong\) { font-size: var(--font-size--display-3-strong,1rem); font-weight: var(--font-weight--display-3-strong,400); letter-spacing: var(--letter-spacing--display-3-strong,0); line-height: var(--line-height--display-3-strong,1); text-transform: var(--letter-casing--display-3-strong,none); }
.Typs\(heading-1\) { font-size: var(--font-size--heading-1,1rem); font-weight: var(--font-weight--heading-1,400); letter-spacing: var(--letter-spacing--heading-1,0); line-height: var(--line-height--heading-1,1); text-transform: var(--letter-casing--heading-1,none); }
.Typs\(display-3-regular\) { font-size: var(--font-size--display-3-regular,1rem); font-weight: var(--font-weight--display-3-regular,400); letter-spacing: var(--letter-spacing--display-3-regular,0); line-height: var(--line-height--display-3-regular,1); text-transform: var(--letter-casing--display-3-regular,none); }
.Typs\(body-2-link\) { font-size: var(--font-size--body-2-link,1rem); font-weight: var(--font-weight--body-2-link,400); letter-spacing: var(--letter-spacing--body-2-link,0); line-height: var(--line-height--body-2-link,1); text-transform: var(--letter-casing--body-2-link,none); }
.Typs\(display-2-sparks-strong\) { font-size: var(--font-size--display-2-sparks-strong,1rem); font-weight: var(--font-weight--display-2-sparks-strong,400); letter-spacing: var(--letter-spacing--display-2-sparks-strong,0); line-height: var(--line-height--display-2-sparks-strong,1); text-transform: var(--letter-casing--display-2-sparks-strong,none); }
.Typs\(body-3-strong\) { font-size: var(--font-size--body-3-strong,1rem); font-weight: var(--font-weight--body-3-strong,400); letter-spacing: var(--letter-spacing--body-3-strong,0); line-height: var(--line-height--body-3-strong,1); text-transform: var(--letter-casing--body-3-strong,none); }
.Typs\(body-1-link\) { font-size: var(--font-size--body-1-link,1rem); font-weight: var(--font-weight--body-1-link,400); letter-spacing: var(--letter-spacing--body-1-link,0); line-height: var(--line-height--body-1-link,1); text-transform: var(--letter-casing--body-1-link,none); }
.Typs\(display-2-regular\) { font-size: var(--font-size--display-2-regular,1rem); font-weight: var(--font-weight--display-2-regular,400); letter-spacing: var(--letter-spacing--display-2-regular,0); line-height: var(--line-height--display-2-regular,1); text-transform: var(--letter-casing--display-2-regular,none); }
.Typs\(body-3-link\) { font-size: var(--font-size--body-3-link,1rem); font-weight: var(--font-weight--body-3-link,400); letter-spacing: var(--letter-spacing--body-3-link,0); line-height: var(--line-height--body-3-link,1); text-transform: var(--letter-casing--body-3-link,none); }
.Typs\(caption-1-link\) { font-size: var(--font-size--caption-1-link,1rem); font-weight: var(--font-weight--caption-1-link,400); letter-spacing: var(--letter-spacing--caption-1-link,0); line-height: var(--line-height--caption-1-link,1); text-transform: var(--letter-casing--caption-1-link,none); }
.Typs\(display-2-sparks-regular\) { font-size: var(--font-size--display-2-sparks-regular,1rem); font-weight: var(--font-weight--display-2-sparks-regular,400); letter-spacing: var(--letter-spacing--display-2-sparks-regular,0); line-height: var(--line-height--display-2-sparks-regular,1); text-transform: var(--letter-casing--display-2-sparks-regular,none); }
.Typs\(subheading-2\)\! { font-size: var(--font-size--subheading-2,1rem) !important; font-weight: var(--font-weight--subheading-2,400) !important; letter-spacing: var(--letter-spacing--subheading-2,0) !important; line-height: var(--line-height--subheading-2,1) !important; text-transform: var(--letter-casing--subheading-2,none) !important; }
.Typs\(body-1-sparks-semibold\) { font-size: var(--font-size--body-1-sparks-semibold,1rem); font-weight: var(--font-weight--body-1-sparks-semibold,400); letter-spacing: var(--letter-spacing--body-1-sparks-semibold,0); line-height: var(--line-height--body-1-sparks-semibold,1); text-transform: var(--letter-casing--body-1-sparks-semibold,none); }
@media only screen and (max-width: 320px) {
  .D\(n\)--2xs { display: none; }
  .M\(0\)--2xs { margin: 0px; }
  .Mb\(8px\)--2xs { margin-bottom: 8px; }
  .Mb\(20px\)--2xs { margin-bottom: 20px; }
  .P\(0\)--2xs { padding: 0px; }
  .Px\(32px\)--2xs { padding-left: 32px; padding-right: 32px; }
  .Pb\(0\)--2xs { padding-bottom: 0px; }
  .W\(320px\)--2xs { width: 320px; }
}
@media only screen and (max-width: 375px) {
  .D\(n\)--xs { display: none; }
  .Fxb\(60\%\)--xs { flex-basis: 60%; }
  .Fz\(\$2xs\)--xs { font-size: 1.2rem; }
  .Fz\(\$4xs\)--xs { font-size: 0.8rem; }
  .H\(100\%\)--xs { height: 100%; }
  .H\(80\%\)--xs { height: 80%; }
  .H\(130px\)--xs { height: 130px; }
  .H\(96px\)--xs { height: 96px; }
  .H\(150px\)\!--xs { height: 150px !important; }
  .H\(200px\)--xs { height: 200px; }
  .Mx\(10px\)--xs { margin-left: 10px; margin-right: 10px; }
  .My\(0\)--xs { margin-bottom: 0px; margin-top: 0px; }
  .Mt\(8px\)--xs, .My\(8px\)--xs { margin-top: 8px; }
  .My\(8px\)--xs { margin-bottom: 8px; }
  .Mt\(4px\)--xs, .My\(4px\)--xs { margin-top: 4px; }
  .Mb\(4px\)--xs, .My\(4px\)--xs { margin-bottom: 4px; }
  .Mt\(12px\)--xs, .My\(12px\)--xs { margin-top: 12px; }
  .Mb\(12px\)--xs, .My\(12px\)--xs { margin-bottom: 12px; }
  .Mt\(20px\)\!--xs { margin-top: 20px !important; }
  .Mt\(16px\)--xs { margin-top: 16px; }
  .Mb\(16px\)--xs { margin-bottom: 16px; }
  .Mb\(20px\)--xs { margin-bottom: 20px; }
  .Mb\(10px\)--xs { margin-bottom: 10px; }
  .Mb\(0\)\!--xs { margin-bottom: 0px !important; }
  .Mstart\(4px\)--xs { margin-left: 4px; }
  .Mstart\(12px\)--xs { margin-left: 12px; }
  .Mah\(100\%\)--xs { max-height: 100%; }
  .Mah\(50\%\)--xs { max-height: 50%; }
  .Mah\(64px\)--xs { max-height: 64px; }
  .Maw\(80\%\)--xs { max-width: 80%; }
  .Maw\(100\%\)--xs { max-width: 100%; }
  .Mih\(175px\)--xs { min-height: 175px; }
  .Miw\(80px\)--xs { min-width: 80px; }
  .T\(0\)--xs { top: 0px; }
  .End\(4px\)--xs { right: 4px; }
  .Ovy\(s\)--xs { overflow-y: scroll; }
  .Ovs\(touch\)--xs { }
  .P\(8px\)--xs { padding: 8px; }
  .P\(12px\)--xs { padding: 12px; }
  .P\(0\)--xs { padding: 0px; }
  .P\(10px\)--xs { padding: 10px; }
  .Px\(16px\)--xs { padding-left: 16px; padding-right: 16px; }
  .Px\(12px\)--xs { padding-left: 12px; padding-right: 12px; }
  .Px\(8px\)--xs { padding-left: 8px; padding-right: 8px; }
  .Px\(20px\)--xs { padding-left: 20px; padding-right: 20px; }
  .Px\(4px\)--xs { padding-left: 4px; padding-right: 4px; }
  .Py\(8px\)--xs { padding-bottom: 8px; padding-top: 8px; }
  .Py\(4px\)--xs { padding-top: 4px; }
  .Pb\(4px\)--xs, .Py\(4px\)--xs { padding-bottom: 4px; }
  .Py\(2px\)--xs { padding-bottom: 2px; padding-top: 2px; }
  .Py\(24px\)--xs { padding-bottom: 24px; padding-top: 24px; }
  .Pt\(12px\)--xs { padding-top: 12px; }
  .Pb\(0\)--xs { padding-bottom: 0px; }
  .Pb\(16px\)--xs { padding-bottom: 16px; }
  .Pb\(12px\)--xs { padding-bottom: 12px; }
  .Trfo\(t\)--xs { transform-origin: center top; }
  .Scale\(\.9\)--xs { transform: scale(0.9); }
  .Sq\(120px\)--xs { height: 120px; width: 120px; }
  .Sq\(12px\)--xs { height: 12px; width: 12px; }
  .Sq\(16px\)--xs { height: 16px; width: 16px; }
  .Sq\(20px\)--xs { height: 20px; width: 20px; }
  .Sq\(44px\)--xs { height: 44px; width: 44px; }
  .Sq\(48px\)--xs { height: 48px; width: 48px; }
  .Sq\(169px\)--xs { height: 169px; width: 169px; }
  .Sq\(137px\)--xs { height: 137px; width: 137px; }
  .Sq\(201px\)--xs { height: 201px; width: 201px; }
  .Sq\(40px\)--xs { height: 40px; width: 40px; }
  .Ovsby\(n\)--xs { overscroll-behavior-y: none; }
  .Typs\(caption-1-regular\)--xs { font-size: var(--font-size--caption-1-regular,1rem); font-weight: var(--font-weight--caption-1-regular,400); letter-spacing: var(--letter-spacing--caption-1-regular,0); line-height: var(--line-height--caption-1-regular,1); text-transform: var(--letter-casing--caption-1-regular,none); }
  .Typs\(display-3-regular\)--xs { font-size: var(--font-size--display-3-regular,1rem); font-weight: var(--font-weight--display-3-regular,400); letter-spacing: var(--letter-spacing--display-3-regular,0); line-height: var(--line-height--display-3-regular,1); text-transform: var(--letter-casing--display-3-regular,none); }
  .Typs\(body-2-regular\)--xs { font-size: var(--font-size--body-2-regular,1rem); font-weight: var(--font-weight--body-2-regular,400); letter-spacing: var(--letter-spacing--body-2-regular,0); line-height: var(--line-height--body-2-regular,1); text-transform: var(--letter-casing--body-2-regular,none); }
}
@media only screen and (max-width: 895px) {
  .Ai\(st\)--s { align-items: stretch; }
  .Bdc\(\$c-ds-background-primary\)--s { border-color: var(--color--background-primary,inherit); }
  .Bdc\(\$c-ds-divider-primary\)--s { border-color: var(--color--divider-primary,inherit); }
  .Bdrs\(0\)--s { border-radius: 0px; }
  .Bdrsbend\(0\)--s { border-bottom-right-radius: 0px; }
  .Bdrsbstart\(0\)--s { border-bottom-left-radius: 0px; }
  .Bgi\(\$g-ds-overlay-profile-button-gamepad\)--s { background-image: var(--gradient--overlay-profile-button-gamepad,none); }
  .Bgc\(\#000\.2\)--s { background-color: rgba(0, 0, 0, 0.2); }
  .Bxsh\(\$bxsh-circle-btn\)--s { box-shadow: rgba(101, 106, 120, 0.12) 0px 2px 5px 0px; }
  .C\(\$c-ds-text-primary-overlay\)--s { color: var(--color--text-primary-overlay,inherit); }
  .D\(n\)--s { display: none; }
  .D\(f\)--s { display: flex; }
  .D\(ib\)--s { display: inline-block; }
  .D\(b\)--s { display: block; }
  .Fx\(\$flx1\)--s { flex: 1 1 0%; }
  .Fxs\(0\)--s { flex-shrink: 0; }
  .Fld\(c\)--s, .Fxd\(c\)--s { flex-direction: column; }
  .Jc\(sb\)--s { justify-content: space-between; }
  .Jc\(c\)--s { justify-content: center; }
  .Fz\(\$2xs\)--s { font-size: 1.2rem; }
  .Fz\(\$xs\)--s { font-size: 1.4rem; }
  .Fz\(3rem\)--s { font-size: 3rem; }
  .Fz\(\$ms\)--s { font-size: 1.8rem; }
  .Fz\(\$s\)--s { font-size: 1.6rem; }
  .Expand--s, .H\(100\%\)--s { height: 100%; }
  .H\(120px\)--s { height: 120px; }
  .H\(150px\)--s { height: 150px; }
  .H\(10\%\)--s { height: 10%; }
  .H\(90\%\)--s { height: 90%; }
  .H\(40\%\)--s { height: 40%; }
  .H\(60px\)--s, .Sq\(60px\)--s { height: 60px; }
  .H\(24px\)--s { height: 24px; }
  .Lh\(2\.5rem\)--s { line-height: 2.5rem; }
  .M\(0\)--s { margin: 0px; }
  .M\(-1px\)--s { margin: -1px; }
  .M\(a\)--s { margin: auto; }
  .Mx\(8px\)--s { margin-left: 8px; }
  .Mend\(8px\)--s, .Mx\(8px\)--s { margin-right: 8px; }
  .Mx\(16px\)--s { margin-left: 16px; margin-right: 16px; }
  .Mx\(0\)--s { margin-left: 0px; margin-right: 0px; }
  .Mx\(20px\)--s { margin-left: 20px; margin-right: 20px; }
  .Mt\(12px\)--s, .My\(12px\)--s { margin-top: 12px; }
  .Mb\(12px\)--s, .My\(12px\)--s { margin-bottom: 12px; }
  .My\(10px\)--s { margin-top: 10px; }
  .Mb\(10px\)--s, .My\(10px\)--s { margin-bottom: 10px; }
  .Mt\(8px\)--s, .My\(8px\)--s { margin-top: 8px; }
  .Mb\(8px\)--s, .My\(8px\)--s { margin-bottom: 8px; }
  .Mt\(24px\)--s, .My\(24px\)--s { margin-top: 24px; }
  .Mb\(24px\)--s, .My\(24px\)--s { margin-bottom: 24px; }
  .My\(16px\)--s { margin-top: 16px; }
  .Mb\(16px\)--s, .My\(16px\)--s { margin-bottom: 16px; }
  .My\(36px\)--s { margin-bottom: 36px; margin-top: 36px; }
  .Mt\(4px\)--s, .My\(4px\)--s { margin-top: 4px; }
  .Mb\(4px\)--s, .My\(4px\)--s { margin-bottom: 4px; }
  .Mt\(140px\)--s { margin-top: 140px; }
  .Mt\(48px\)--s { margin-top: 48px; }
  .Mt\(a\)--s { margin-top: auto; }
  .Mt\(0\)--s { margin-top: 0px; }
  .Mt\(64px\)--s { margin-top: 64px; }
  .Mt\(28px\)--s { margin-top: 28px; }
  .Mt\(20px\)--s { margin-top: 20px; }
  .Mt\(55px\)--s { margin-top: 55px; }
  .Mt\(40px\)--s { margin-top: 40px; }
  .Mb\(40px\)--s { margin-bottom: 40px; }
  .Mb\(68px\)--s { margin-bottom: 68px; }
  .Mb\(0\)--s { margin-bottom: 0px; }
  .Mb\(6px\)--s { margin-bottom: 6px; }
  .Mstart\(4px\)--s { margin-left: 4px; }
  .Mah\(100\%\)--s { max-height: 100%; }
  .Maw\(420px\)--s { max-width: 420px; }
  .Maw\(315px\)--s { max-width: 315px; }
  .Maw\(300px\)--s { max-width: 300px; }
  .Maw\(400px\)--s { max-width: 400px; }
  .Mih\(100vh\)--s { min-height: 100vh; }
  .Mih\(100\%\)--s { min-height: 100%; }
  .Mih\(42px\)--s { min-height: 42px; }
  .Mih\(155px\)--s { min-height: 155px; }
  .Mih\(52px\)--s { min-height: 52px; }
  .Miw\(260px\)--s { min-width: 260px; }
  .T\(0\)--s { top: 0px; }
  .T\(8px\)--s { top: 8px; }
  .T\(20px\)--s { top: 20px; }
  .T\(110px\)--s { top: 110px; }
  .T\(16px\)--s { top: 16px; }
  .T\(90px\)--s { top: 90px; }
  .T\(-33px\)--s { top: -33px; }
  .T\(-32px\)--s { top: -32px; }
  .End\(8px\)--s { right: 8px; }
  .B\(0\)--s { bottom: 0px; }
  .Start\(0\)--s { left: 0px; }
  .Start\(-2px\)--s { left: -2px; }
  .Ovs\(touch\)--s { }
  .P\(16px\)--s { padding: 16px; }
  .P\(40px\)--s { padding: 40px; }
  .P\(12px\)--s { padding: 12px; }
  .P\(5px\)--s { padding: 5px; }
  .Px\(12px\)--s { padding-left: 12px; }
  .Pend\(12px\)--s, .Px\(12px\)--s { padding-right: 12px; }
  .Pstart\(8px\)--s, .Px\(8px\)--s { padding-left: 8px; }
  .Px\(8px\)--s { padding-right: 8px; }
  .Px\(20px\)--s { padding-left: 20px; padding-right: 20px; }
  .Px\(48px\)--s { padding-left: 48px; padding-right: 48px; }
  .Px\(40px\)--s { padding-left: 40px; padding-right: 40px; }
  .Pstart\(10px\)--s, .Px\(10px\)--s { padding-left: 10px; }
  .Px\(10px\)--s { padding-right: 10px; }
  .Px\(4px\)--s { padding-left: 4px; padding-right: 4px; }
  .Px\(16px\)--s { padding-left: 16px; }
  .Pend\(16px\)--s, .Px\(16px\)--s { padding-right: 16px; }
  .Pt\(12px\)--s, .Py\(12px\)--s { padding-top: 12px; }
  .Pb\(12px\)--s, .Py\(12px\)--s { padding-bottom: 12px; }
  .Py\(24px\)--s { padding-bottom: 24px; padding-top: 24px; }
  .Pt\(8px\)--s, .Py\(8px\)--s { padding-top: 8px; }
  .Pb\(8px\)--s, .Py\(8px\)--s { padding-bottom: 8px; }
  .Pt\(0\)--s { padding-top: 0px; }
  .Pt\(20px\)--s { padding-top: 20px; }
  .Pt\(16px\)--s { padding-top: 16px; }
  .Pt\(60px\)--s { padding-top: 60px; }
  .Pb\(\$mobile-bottom-nav-height-explore-sparks\)--s { padding-bottom: calc(64px + var(--safe-area-inset-bottom)); }
  .Pb\(36px\)--s { padding-bottom: 36px; }
  .Pb\(16px\)--s { padding-bottom: 16px; }
  .Pb\(32px\)--s { padding-bottom: 32px; }
  .Pb\(20px\)--s { padding-bottom: 20px; }
  .Pb\(10px\)--s { padding-bottom: 10px; }
  .Pstart\(42px\)--s { padding-left: 42px; }
  .Pstart\(50px\)--s { padding-left: 50px; }
  .Pos\(f\)--s { position: fixed; }
  .Pos\(a\)--s, .StretchedBox--s { position: absolute; }
  .Pos\(r\)--s { position: relative; }
  .Ta\(start\)--s { text-align: left; }
  .Ta\(c\)--s { text-align: center; }
  .Translate\(-50\%\,-50\%\)--s { transform: translate(-50%, -50%); }
  .hideNav .hideNav_TranslateY\(-100\%\)--s { transform: translateY(-100%); }
  .TranslateY\(-50\%\)--s { transform: translateY(-50%); }
  .Trsdu\(\$normal\)--s { transition-duration: 0.25s; }
  .Trsp\(\$transform\)--s { transition-property: transform; }
  .Expand--s, .W\(100\%\)--s { width: 100%; }
  .W\(80\%\)--s { width: 80%; }
  .W\(50\%\)--s { width: 50%; }
  .W\(300px\)--s { width: 300px; }
  .W\(240px\)--s { width: 240px; }
  .W\(180px\)--s { width: 180px; }
  .Wc\(\$transform\)--s { will-change: transform; }
  .Z\(3\)--s { z-index: 3; }
  .Z\(0\)--s { z-index: 0; }
  .BdB--s { border-style: solid; border-width: 0px 0px 1px; }
  .StretchedBox--s { inset: 0px; }
  .NetHeight\(100\%\,55px\)--s { height: calc(100% - 55px); }
  .NetHeight\(100vh\,50px\)--s { height: calc(-50px + 100vh); }
  .Sq\(32px\)--s { height: 32px; width: 32px; }
  .Sq\(40px\)--s { height: 40px; width: 40px; }
  .Sq\(146px\)--s { height: 146px; width: 146px; }
  .Sq\(28px\)--s { height: 28px; width: 28px; }
  .Sq\(60px\)--s { width: 60px; }
  .Sq\(48px\)--s { height: 48px; width: 48px; }
  .Sq\(34px\)--s { height: 34px; width: 34px; }
  .Sq\(90px\)--s { height: 90px; width: 90px; }
  .Sq\(20px\)--s { height: 20px; width: 20px; }
  .Ovsby\(n\)--s { overscroll-behavior-y: none; }
  .Typs\(body-3-regular\)--s { font-size: var(--font-size--body-3-regular,1rem); font-weight: var(--font-weight--body-3-regular,400); letter-spacing: var(--letter-spacing--body-3-regular,0); line-height: var(--line-height--body-3-regular,1); text-transform: var(--letter-casing--body-3-regular,none); }
  .Typs\(subheading-1\)--s { font-size: var(--font-size--subheading-1,1rem); font-weight: var(--font-weight--subheading-1,400); letter-spacing: var(--letter-spacing--subheading-1,0); line-height: var(--line-height--subheading-1,1); text-transform: var(--letter-casing--subheading-1,none); }
  .Typs\(display-3-regular\)--s { font-size: var(--font-size--display-3-regular,1rem); font-weight: var(--font-weight--display-3-regular,400); letter-spacing: var(--letter-spacing--display-3-regular,0); line-height: var(--line-height--display-3-regular,1); text-transform: var(--letter-casing--display-3-regular,none); }
}
@media only screen and (min-width: 896px) and (max-width: 1024px) {
  .C\(\$c-ds-text-brand-normal\)\:h--m:hover { color: var(--color--text-brand-normal,inherit); }
  .D\(n\)--m { display: none; }
  .Fld\(r\)--m { flex-direction: row; }
  .Fz\(3\.5rem\)--m { font-size: 3.5rem; }
  .H\(180px\)--m { height: 180px; }
  .Lh\(3rem\)--m { line-height: 3rem; }
  .Mx\(20px\)--m { margin-left: 20px; margin-right: 20px; }
  .Mx\(12px\)--m { margin-left: 12px; }
  .Mend\(12px\)--m, .Mx\(12px\)--m { margin-right: 12px; }
  .Mstart\(8px\)--m, .Mx\(8px\)--m { margin-left: 8px; }
  .Mx\(8px\)--m { margin-right: 8px; }
  .Mx\(-16px\)--m { margin-left: -16px; margin-right: -16px; }
  .Mx\(16px\)--m { margin-left: 16px; margin-right: 16px; }
  .Maw\(8ch\)--m { max-width: 8ch; }
  .Maw\(--recs-card-width\)--m { max-width: var(--recs-card-width); }
  .Op\(0\)--m { opacity: 0; }
  .P\(10px\)--m { padding: 10px; }
  .Px\(8px\)--m { padding-left: 8px; padding-right: 8px; }
  .Px\(20px\)--m { padding-left: 20px; padding-right: 20px; }
  .Px\(16px\)--m { padding-left: 16px; padding-right: 16px; }
  .Py\(12px\)--m { padding-bottom: 12px; padding-top: 12px; }
  .Pend\(28px\)--m { padding-right: 28px; }
  .Pend\(12px\)--m { padding-right: 12px; }
  .V\(h\)--m { visibility: hidden; }
  .W\(80\%\)--m { width: 80%; }
  .W\(200px\)--m { width: 200px; }
  .Sq\(32px\)--m { height: 32px; width: 32px; }
  .Sq\(36px\)--m { height: 36px; width: 36px; }
}
@media only screen and (min-width: 1025px) {
  .Bgc\(\$c-ds-background-secondary\)\:h--l:hover { background-color: var(--color--background-secondary,inherit); }
  .D\(b\)--l { display: block; }
  .D\(f\)--l { display: flex; }
  .Fxb\(50\%\)--l { flex-basis: 50%; }
  .Fz\(8vw\)--l { font-size: 8vw; }
  .Fz\(4rem\)--l { font-size: 4rem; }
  .Lh\(3\.5rem\)--l { line-height: 3.5rem; }
  .Mx\(8px\)--l { margin-left: 8px; margin-right: 8px; }
  .Mx\(-20px\)--l { margin-left: -20px; margin-right: -20px; }
  .Mx\(20px\)--l { margin-left: 20px; }
  .Mend\(20px\)--l, .Mx\(20px\)--l { margin-right: 20px; }
  .My\(10px\)--l { margin-bottom: 10px; margin-top: 10px; }
  .Mt\(24px\)--l { margin-top: 24px; }
  .Mt\(4px\)--l { margin-top: 4px; }
  .Mb\(32px\)--l { margin-bottom: 32px; }
  .Mb\(20px\)--l { margin-bottom: 20px; }
  .Mb\(105px\)--l { margin-bottom: 105px; }
  .Mb\(150px\)--l { margin-bottom: 150px; }
  .Mstart\(10px\)--l { margin-left: 10px; }
  .Maw\(900px\)--l { max-width: 900px; }
  .Maw\(80\%\)--l { max-width: 80%; }
  .Miw\(350px\)--l { min-width: 350px; }
  .Ov\(h\)--l { overflow: hidden; }
  .P\(20px\)--l { padding: 20px; }
  .P\(10px\)\!--l { padding: 10px !important; }
  .Px\(24px\)--l { padding-left: 24px; padding-right: 24px; }
  .Px\(20px\)--l { padding-left: 20px; padding-right: 20px; }
  .Px\(0\)--l { padding-left: 0px; padding-right: 0px; }
  .Py\(16px\)--l { padding-bottom: 16px; padding-top: 16px; }
  .W\(60\%\)--l { width: 60%; }
  .Sq\(40px\)--l { height: 40px; width: 40px; }
  .Sq\(44px\)\!--l { height: 44px !important; width: 44px !important; }
}
@media only screen and (min-width: 1401px) {
  .Pend\(16px\)--xl { padding-right: 16px; }
}
@media only screen and (min-width: 896px) {
  .Ai\(c\)--ml, .CenterAlign--ml { align-items: center; }
  .Ai\(fs\)--ml { align-items: flex-start; }
  .Bd--ml { border-width: 1px; }
  .Bd--ml, .BdB--ml { border-style: solid; }
  .Bdc\(\$c-ds-divider-primary\)--ml { border-color: var(--color--divider-primary,inherit); }
  .Bdc\(\$c-ds-border-text-field-quiet-default\)--ml { border-color: var(--color--border-text-field-quiet-default,inherit); }
  .Bdc\(\$c-ds-border-overlay\)--ml { border-color: var(--color--border-overlay,inherit); }
  .Bdendc\(\$c-ds-border-brand\)--ml { border-right-color: var(--color--border-brand,inherit); }
  .Bdts\(s\)--ml { border-top-style: solid; }
  .Bdw\(2px\)--ml { border-width: 2px; }
  .Bdw\(3px\)--ml { border-width: 3px; }
  .Bdtw\(15px\)--ml { border-top-width: 15px; }
  .Bdrs\(8px\)--ml { border-radius: 8px; }
  .Bdrs\(4px\)--ml { border-radius: 4px; }
  .Bdrsbend\(8px\)--ml { border-bottom-right-radius: 8px; }
  .Bdrsbstart\(8px\)--ml { border-bottom-left-radius: 8px; }
  .Bgc\(\$c-ds-background-secondary\)--ml { background-color: var(--color--background-secondary,inherit); }
  .Bgc\(\$c-ds-background-primary\)--ml { background-color: var(--color--background-primary,inherit); }
  .Bgc\(\#000\.4\)--ml { background-color: rgba(0, 0, 0, 0.4); }
  .Bga\(f\)--ml { background-attachment: fixed; }
  .Bxsh\(\$bxsh-card\)--ml { box-shadow: 0 0 8px 0 var(--color--loader-skeleton,inherit); }
  .Bxsh\(\$bxsh-4-way-spread\)--ml, .Bxsh\(\$bxsh-4-way-spread\)\:h--ml:hover { box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 5px 0px; }
  .Bxsh\(\$bxsh-circle-btn\)--ml { box-shadow: rgba(101, 106, 120, 0.12) 0px 2px 5px 0px; }
  .C\(\$c-ds-text-secondary\)--ml { color: var(--color--text-secondary,inherit); }
  .C\(\$c-ds-text-primary\)--ml { color: var(--color--text-primary,inherit); }
  .CenterAlign--ml, .D\(f\)--ml { display: flex; }
  .D\(b\)--ml { display: block; }
  .D\(n\)--ml { display: none; }
  .D\(ib\)--ml { display: inline-block; }
  .Fx\(\$flx1\)--ml { flex: 1 1 0%; }
  .Flxg\(1\)--ml { flex-grow: 1; }
  .Fxg\(0\)--ml { flex-grow: 0; }
  .Fxb\(1\/5\)--ml { flex-basis: 20%; }
  .Fxd\(c\)--ml { flex-direction: column; }
  .Fxd\(rr\)--ml { flex-direction: row-reverse; }
  .Fxd\(r\)--ml { flex-direction: row; }
  .Or\(1\)--ml { order: 1; }
  .CenterAlign--ml, .Jc\(c\)--ml { justify-content: center; }
  .Jc\(se\)--ml { justify-content: space-evenly; }
  .Jc\(sb\)--ml { justify-content: space-between; }
  .Fl\(end\)--ml { float: right; }
  .Fl\(start\)--ml { float: left; }
  .Fz\(\$m\)--ml { font-size: 2rem; }
  .Fz\(\$s\)--ml { font-size: 1.6rem; }
  .Fz\(\$xs\)--ml { font-size: 1.4rem; }
  .Fz\(\$ms\)--ml { font-size: 1.8rem; }
  .H\(740px\)--ml { height: 740px; }
  .Expand--ml, .H\(100\%\)--ml { height: 100%; }
  .H\(50\%\)--ml { height: 50%; }
  .H\(100vh\)--ml { height: 100vh; }
  .H\(a\)--ml { height: auto; }
  .H\(800px\)--ml { height: 800px; }
  .H\(80\%\)\!--ml { height: 80% !important; }
  .H\(100\%\)\!--ml { height: 100% !important; }
  .H\(300px\)--ml { height: 300px; }
  .H\(400px\)--ml { height: 400px; }
  .H\(--recs-card-height\)--ml { height: var(--recs-card-height); }
  .H\(--side-nav-bar-height\)--ml { height: var(--side-nav-bar-height); }
  .H\(102px\)--ml { height: 102px; }
  .H\(255px\)--ml { height: 255px; }
  .H\(160px\)--ml { height: 160px; }
  .H\(304px\)--ml { height: 304px; }
  .H\(640px\)--ml { height: 640px; }
  .H\(120px\)--ml, .Sq\(120px\)--ml { height: 120px; }
  .H\(260px\)--ml { height: 260px; }
  .H\(136px\)--ml { height: 136px; }
  .H\(500px\)--ml { height: 500px; }
  .H\(222px\)--ml { height: 222px; }
  .H\(192px\)--ml { height: 192px; }
  .M\(0\)--ml { margin: 0px; }
  .M\(28px\)--ml { margin: 28px; }
  .M\(10px\)--ml { margin: 10px; }
  .M\(36px\)--ml { margin: 36px; }
  .Mx\(4px\)--ml { margin-left: 4px; margin-right: 4px; }
  .Mx\(28px\)--ml { margin-left: 28px; margin-right: 28px; }
  .Mstart\(24px\)--ml, .Mx\(24px\)--ml { margin-left: 24px; }
  .Mend\(24px\)--ml, .Mx\(24px\)--ml { margin-right: 24px; }
  .Mx\(16px\)--ml { margin-left: 16px; }
  .Mend\(16px\)--ml, .Mx\(16px\)--ml { margin-right: 16px; }
  .Mx\(92px\)--ml { margin-left: 92px; margin-right: 92px; }
  .Mx\(-48px\)--ml { margin-left: -48px; margin-right: -48px; }
  .Mx\(48px\)--ml { margin-left: 48px; margin-right: 48px; }
  .Mx\(10px\)--ml { margin-left: 10px; }
  .Mend\(10px\)--ml, .Mx\(10px\)--ml { margin-right: 10px; }
  .Mx\(20px\)--ml { margin-left: 20px; margin-right: 20px; }
  .Mt\(20px\)--ml, .My\(20px\)--ml { margin-top: 20px; }
  .Mb\(20px\)--ml, .My\(20px\)--ml { margin-bottom: 20px; }
  .My\(12px\)--ml { margin-top: 12px; }
  .Mb\(12px\)--ml, .My\(12px\)--ml { margin-bottom: 12px; }
  .Mt\(0\)--ml, .My\(0\)--ml { margin-top: 0px; }
  .My\(0\)--ml { margin-bottom: 0px; }
  .My\(a\)--ml { margin-bottom: auto; margin-top: auto; }
  .Mt\(28px\)--ml, .My\(28px\)--ml { margin-top: 28px; }
  .Mb\(28px\)--ml, .My\(28px\)--ml { margin-bottom: 28px; }
  .My\(16px\)--ml { margin-bottom: 16px; margin-top: 16px; }
  .Mt\(32px\)--ml, .My\(32px\)--ml { margin-top: 32px; }
  .Mb\(32px\)--ml, .My\(32px\)--ml { margin-bottom: 32px; }
  .Mt\(0px\)--ml { margin-top: 0px; }
  .Mt\(200px\)--ml { margin-top: 200px; }
  .Mt\(26px\)--ml { margin-top: 26px; }
  .Mt\(16px\)\!--ml { margin-top: 16px !important; }
  .Mt\(80px\)--ml { margin-top: 80px; }
  .Mt\(36px\)--ml { margin-top: 36px; }
  .Mt\(-10px\)--ml { margin-top: -10px; }
  .Mt\(24px\)--ml { margin-top: 24px; }
  .Mt\(25px\)--ml { margin-top: 25px; }
  .Mt\(2px\)--ml { margin-top: 2px; }
  .Mend\(60px\)--ml { margin-right: 60px; }
  .Mend\(12px\)--ml { margin-right: 12px; }
  .Mb\(80px\)--ml { margin-bottom: 80px; }
  .Mb\(24px\)--ml { margin-bottom: 24px; }
  .Mb\(-48px\)--ml { margin-bottom: -48px; }
  .Mb\(48px\)--ml { margin-bottom: 48px; }
  .Mb\(8px\)--ml { margin-bottom: 8px; }
  .Mb\(40px\)--ml { margin-bottom: 40px; }
  .Mb\(-10px\)--ml { margin-bottom: -10px; }
  .Mstart\(5px\)--ml { margin-left: 5px; }
  .Mah\(100\%\)--ml { max-height: 100%; }
  .Mah\(80\%\)--ml { max-height: 80%; }
  .Mah\(800px\)--ml { max-height: 800px; }
  .Mah\(--recs-card-height\)--ml { max-height: var(--recs-card-height); }
  .Mah\(90\%\)--ml { max-height: 90%; }
  .Mah\(96\%\)--ml { max-height: 96%; }
  .Mah\(800px\)\!--ml { max-height: 800px !important; }
  .Maw\(100\%\)\!--ml { max-width: 100% !important; }
  .Maw\(--recs-card-width\)--ml { max-width: var(--recs-card-width); }
  .Maw\(80\%\)--ml { max-width: 80%; }
  .Maw\(\$desktop-modal-width\)--ml { max-width: 392px; }
  .Maw\(328px\)--ml { max-width: 328px; }
  .Maw\(386px\)--ml { max-width: 386px; }
  .Maw\(640px\)--ml { max-width: 640px; }
  .Maw\(400px\)--ml { max-width: 400px; }
  .Maw\(440px\)--ml { max-width: 440px; }
  .Maw\(380px\)--ml { max-width: 380px; }
  .Maw\(332px\)--ml { max-width: 332px; }
  .Maw\(320px\)--ml { max-width: 320px; }
  .Maw\(100\%\)--ml { max-width: 100%; }
  .Mih\(50px\)--ml { min-height: 50px; }
  .Mih\(175px\)--ml { min-height: 175px; }
  .Mih\(600px\)--ml { min-height: 600px; }
  .Mih\(72px\)--ml { min-height: 72px; }
  .Miw\(350px\)--ml { min-width: 350px; }
  .Miw\(300px\)--ml { min-width: 300px; }
  .Miw\(240px\)--ml { min-width: 240px; }
  .T\(0\)--ml { top: 0px; }
  .T\(30px\)--ml { top: 30px; }
  .T\(-35px\)--ml { top: -35px; }
  .T\(-36px\)--ml { top: -36px; }
  .T\(10\%\)--ml { top: 10%; }
  .End\(10\%\)--ml { right: 10%; }
  .B\(0\)--ml { bottom: 0px; }
  .B\(100px\)--ml { bottom: 100px; }
  .B\(48px\)--ml { bottom: 48px; }
  .Start\(a\)--ml { left: auto; }
  .Op\(0\)--ml { opacity: 0; }
  .P\(0\)--ml { padding: 0px; }
  .P\(20px\)--ml { padding: 20px; }
  .P\(2px\)--ml { padding: 2px; }
  .P\(10px\)--ml { padding: 10px; }
  .Px\(16px\)--ml { padding-left: 16px; padding-right: 16px; }
  .Px\(24px\)--ml { padding-left: 24px; }
  .Pend\(24px\)--ml, .Px\(24px\)--ml { padding-right: 24px; }
  .Px\(32px\)--ml { padding-left: 32px; padding-right: 32px; }
  .Px\(44px\)--ml { padding-left: 44px; padding-right: 44px; }
  .Px\(60px\)--ml { padding-left: 60px; padding-right: 60px; }
  .Px\(36px\)--ml { padding-left: 36px; padding-right: 36px; }
  .Px\(48px\)--ml { padding-left: 48px; padding-right: 48px; }
  .Px\(28px\)--ml { padding-left: 28px; padding-right: 28px; }
  .Px\(20px\)--ml { padding-left: 20px; padding-right: 20px; }
  .Px\(8px\)--ml { padding-left: 8px; padding-right: 8px; }
  .Px\(64px\)--ml { padding-left: 64px; padding-right: 64px; }
  .Pstart\(10px\)--ml, .Px\(10px\)--ml { padding-left: 10px; }
  .Px\(10px\)--ml { padding-right: 10px; }
  .Px\(0\)--ml { padding-left: 0px; padding-right: 0px; }
  .Px\(12px\)--ml { padding-left: 12px; }
  .Pend\(12px\)--ml, .Px\(12px\)--ml { padding-right: 12px; }
  .Py\(80px\)--ml { padding-bottom: 80px; padding-top: 80px; }
  .Py\(12px\)--ml { padding-bottom: 12px; padding-top: 12px; }
  .Py\(8px\)--ml { padding-bottom: 8px; padding-top: 8px; }
  .Py\(2px\)--ml { padding-bottom: 2px; padding-top: 2px; }
  .Py\(28px\)--ml { padding-bottom: 28px; padding-top: 28px; }
  .Pt\(16px\)--ml, .Py\(16px\)--ml { padding-top: 16px; }
  .Pb\(16px\)--ml, .Py\(16px\)--ml { padding-bottom: 16px; }
  .Pt\(20px\)--ml, .Py\(20px\)--ml { padding-top: 20px; }
  .Pb\(20px\)--ml, .Py\(20px\)--ml { padding-bottom: 20px; }
  .Pt\(40px\)--ml, .Py\(40px\)--ml { padding-top: 40px; }
  .Py\(40px\)--ml { padding-bottom: 40px; }
  .Py\(56px\)--ml { padding-bottom: 56px; padding-top: 56px; }
  .Pt\(44px\)--ml { padding-top: 44px; }
  .Pt\(24px\)--ml { padding-top: 24px; }
  .Pt\(48px\)--ml { padding-top: 48px; }
  .Pt\(64px\)--ml { padding-top: 64px; }
  .Pb\(4px\)--ml { padding-bottom: 4px; }
  .Pb\(0\)--ml { padding-bottom: 0px; }
  .Pb\(72px\)--ml { padding-bottom: 72px; }
  .Pb\(100px\)--ml { padding-bottom: 100px; }
  .Pb\(24px\)--ml { padding-bottom: 24px; }
  .Pos\(a\)--ml { position: absolute; }
  .Pos\(r\)--ml { position: relative; }
  .Pos\(s\)--ml { position: static; }
  .Pos\(st\)--ml { position: sticky; }
  .Ta\(start\)--ml { text-align: left; }
  .Rotate\(-90deg\)\:h--ml:hover { transform: rotate(-90deg); }
  .Scale\(\.5\)--ml { transform: scale(0.5); }
  .Scale\(2\)--ml { transform: scale(2); }
  .TranslateY\(-80\%\)--ml { transform: translateY(-80%); }
  .V\(h\)--ml { visibility: hidden; }
  .W\(356px\)--ml { width: 356px; }
  .W\(640px\)--ml { width: 640px; }
  .Expand--ml, .W\(100\%\)--ml { width: 100%; }
  .W\(400px\)--ml { width: 400px; }
  .W\(440px\)--ml { width: 440px; }
  .W\(300px\)--ml { width: 300px; }
  .W\(25\%\)--ml { width: 25%; }
  .W\(a\)--ml { width: auto; }
  .W\(320px\)--ml { width: 320px; }
  .W\(80\%\)--ml { width: 80%; }
  .W\(340px\)--ml { width: 340px; }
  .W\(90\%\)--ml { width: 90%; }
  .W\(1\/5\)--ml, .W\(20\%\)--ml { width: 20%; }
  .W\(33\.3\%\)--ml { width: 33.3%; }
  .W\(--recs-card-width\)--ml { width: var(--recs-card-width); }
  .W\(600px\)--ml { width: 600px; }
  .W\(180px\)--ml { width: 180px; }
  .W\(250px\)--ml { width: 250px; }
  .W\(136px\)--ml { width: 136px; }
  .W\(190px\)--ml { width: 190px; }
  .W\(412px\)--ml { width: 412px; }
  .W\(44px\)--ml { width: 44px; }
  .BdB--ml { border-width: 0px 0px 1px; }
  .Hidden--ml { clip: rect(1px, 1px, 1px, 1px); overflow: hidden; border: 0px !important; height: 1px !important; padding: 0px !important; position: absolute !important; width: 1px !important; }
  .LineClamp\(8\,144px\)--ml { -webkit-line-clamp: 8; max-height: 144px; }
  .NetHeight\(100\%\,--side-nav-bar-height\)\!--ml { height: calc(100% - var(--side-nav-bar-height)) !important; }
  .NetHeight\(90\%\,--side-nav-bar-height\)\!--ml { height: calc(90% - var(--side-nav-bar-height)) !important; }
  .NetHeight\(192px\,20px\)--ml { height: 172px; }
  .NetMaxHeight\(100vh\,130px\)\!--ml { max-height: calc(-130px + 100vh) !important; }
  .NetMaxHeight\(100vh\,20px\)--ml { max-height: calc(-20px + 100vh); }
  .Sq\(210px\)--ml { height: 210px; width: 210px; }
  .Sq\(50px\)--ml { height: 50px; width: 50px; }
  .Sq\(144px\)--ml { height: 144px; width: 144px; }
  .Sq\(68px\)--ml { height: 68px; width: 68px; }
  .Sq\(28px\)--ml { height: 28px; width: 28px; }
  .Sq\(120px\)--ml { width: 120px; }
  .Sq\(42px\)--ml { height: 42px; width: 42px; }
  .Sq\(48px\)--ml { height: 48px; width: 48px; }
  .Typs\(display-3-strong\)--ml { font-size: var(--font-size--display-3-strong,1rem); font-weight: var(--font-weight--display-3-strong,400); letter-spacing: var(--letter-spacing--display-3-strong,0); line-height: var(--line-height--display-3-strong,1); text-transform: var(--letter-casing--display-3-strong,none); }
  .Typs\(body-2-regular\)--ml { font-size: var(--font-size--body-2-regular,1rem); font-weight: var(--font-weight--body-2-regular,400); letter-spacing: var(--letter-spacing--body-2-regular,0); line-height: var(--line-height--body-2-regular,1); text-transform: var(--letter-casing--body-2-regular,none); }
  .Typs\(display-2-strong\)--ml { font-size: var(--font-size--display-2-strong,1rem); font-weight: var(--font-weight--display-2-strong,400); letter-spacing: var(--letter-spacing--display-2-strong,0); line-height: var(--line-height--display-2-strong,1); text-transform: var(--letter-casing--display-2-strong,none); }
  .Typs\(heading-1\)--ml { font-size: var(--font-size--heading-1,1rem); font-weight: var(--font-weight--heading-1,400); letter-spacing: var(--letter-spacing--heading-1,0); line-height: var(--line-height--heading-1,1); text-transform: var(--letter-casing--heading-1,none); }
  .Typs\(body-1-regular\)--ml { font-size: var(--font-size--body-1-regular,1rem); font-weight: var(--font-weight--body-1-regular,400); letter-spacing: var(--letter-spacing--body-1-regular,0); line-height: var(--line-height--body-1-regular,1); text-transform: var(--letter-casing--body-1-regular,none); }
  .Typs\(body-3-regular\)--ml { font-size: var(--font-size--body-3-regular,1rem); font-weight: var(--font-weight--body-3-regular,400); letter-spacing: var(--letter-spacing--body-3-regular,0); line-height: var(--line-height--body-3-regular,1); text-transform: var(--letter-casing--body-3-regular,none); }
}
@media only screen and (max-width: 767px) {
  .Bdrs\(8px\)--sm { border-radius: 8px; }
  .Mah\(100vh\)--sm { max-height: 100vh; }
  .Mih\(300px\)--sm { min-height: 300px; }
  .Ovy\(s\)--sm { overflow-y: scroll; }
  .W\(100\%\)--sm { width: 100%; }
}
@media (display-mode: standalone) {
  .D\(n\)--sa { display: none; }
}
:root, .theme-light { --theme-dark: 0; --color--black: #000000; --color--blue-05: #f3faff; --color--blue-10: #e2f3ff; --color--blue-15: #c4e7ff; --color--blue-20: #a8dbff; --color--blue-30: #6fc0ff; --color--blue-40: #37a2ff; --color--blue-50: #0083f8; --color--blue-60: #0063e3; --color--blue-70: #0046c7; --color--blue-80: #002ca2; --color--blue-90: #001874; --color--blue-95: #000841; --color--brand-gradient-end: #ff6036; --color--brand-gradient-start: #fd267a; --color--brand-primary: #ff2358; --color--brand-primary-a11y: #eb0052; --color--brand-rebrand-haze: #9db9e6; --color--brand-rebrand-petal: #f5b1eb; --color--fuchsia-05: #fff7ff; --color--fuchsia-10: #ffebfe; --color--fuchsia-15: #ffd6fd; --color--fuchsia-20: #ffc0fb; --color--fuchsia-30: #fe91f9; --color--fuchsia-40: #fd54f7; --color--fuchsia-50: #e714e1; --color--fuchsia-60: #bc10b7; --color--fuchsia-70: #940b8f; --color--fuchsia-80: #6d076a; --color--fuchsia-90: #480346; --color--fuchsia-95: #260124; --color--gold-05: #fff8db; --color--gold-10: #fff2bf; --color--gold-15: #ffe8a5; --color--gold-20: #f7d472; --color--gold-30: #e6af16; --color--gold-40: #c1920f; --color--gold-50: #ae830c; --color--gold-60: #896707; --color--gold-70: #644a03; --color--gold-80: #513c02; --color--gold-90: #2c2000; --color--gold-95: #191300; --color--gold-rebrand: #edba00; --color--gray-05: #f9f9fb; --color--gray-10: #f0f1f4; --color--gray-15: #e7e9ee; --color--gray-20: #d1d4dd; --color--gray-30: #b4b9c6; --color--gray-40: #979eaf; --color--gray-50: #7d8496; --color--gray-60: #656a78; --color--gray-70: #4f525c; --color--gray-80: #393b42; --color--gray-90: #24262a; --color--gray-95: #101113; --color--gray-neutral-60: #636363; --color--gray-neutral-70: #4f4f4f; --color--green-05: #f1fee3; --color--green-10: #d7fcb4; --color--green-15: #90fb73; --color--green-20: #4af277; --color--green-30: #38d27c; --color--green-40: #2bb372; --color--green-50: #209663; --color--green-60: #167952; --color--green-70: #0e5e40; --color--green-80: #07442e; --color--green-90: #032c1c; --color--green-95: #01150b; --color--match-expiration-primary: #c6003c; --color--match-expiration-primary-on-dark: #fe004d; --color--match-expiration-secondary: #d30ab7; --color--opacity-black-05: rgba(0, 0, 0, 0.05); --color--opacity-black-10: rgba(0, 0, 0, 0.1); --color--opacity-black-15: rgba(0, 0, 0, 0.15); --color--opacity-black-20: rgba(0, 0, 0, 0.2); --color--opacity-black-30: rgba(0, 0, 0, 0.3); --color--opacity-black-40: rgba(0, 0, 0, 0.4); --color--opacity-black-50: rgba(0, 0, 0, 0.5); --color--opacity-black-60: rgba(0, 0, 0, 0.6); --color--opacity-black-70: rgba(0, 0, 0, 0.7); --color--opacity-black-80: rgba(0, 0, 0, 0.8); --color--opacity-black-90: rgba(0, 0, 0, 0.9); --color--opacity-black-95: rgba(0, 0, 0, 0.95); --color--opacity-white-05: rgba(255, 255, 255, 0.05); --color--opacity-white-10: rgba(255, 255, 255, 0.1); --color--opacity-white-15: rgba(255, 255, 255, 0.15); --color--opacity-white-20: rgba(255, 255, 255, 0.2); --color--opacity-white-30: rgba(255, 255, 255, 0.3); --color--opacity-white-40: rgba(255, 255, 255, 0.4); --color--opacity-white-50: rgba(255, 255, 255, 0.5); --color--opacity-white-60: rgba(255, 255, 255, 0.6); --color--opacity-white-70: rgba(255, 255, 255, 0.7); --color--opacity-white-80: rgba(255, 255, 255, 0.8); --color--opacity-white-90: rgba(255, 255, 255, 0.9); --color--opacity-white-95: rgba(255, 255, 255, 0.95); --color--pink-05: #fff7f9; --color--pink-10: #ffecf0; --color--pink-15: #ffd9e1; --color--pink-20: #ffc5d2; --color--pink-30: #ff9cb2; --color--pink-40: #ff6c8f; --color--pink-50: #ff2358; --color--pink-60: #eb0052; --color--pink-70: #bd0047; --color--pink-80: #85003a; --color--pink-90: #54002b; --color--pink-95: #2d000e; --color--purple-05: #fdf8ff; --color--purple-10: #faecff; --color--purple-15: #f4d9ff; --color--purple-20: #eec7ff; --color--purple-30: #e1a0ff; --color--purple-40: #ce79ff; --color--purple-50: #b650ff; --color--purple-60: #9f00fe; --color--purple-70: #7a00cd; --color--purple-80: #58009b; --color--purple-90: #39006a; --color--purple-95: #1c003a; --color--red-05: #fff8f8; --color--red-10: #ffeced; --color--red-15: #ffdada; --color--red-20: #ffc7c7; --color--red-30: #ff9ea0; --color--red-40: #ff8589; --color--red-50: #fe7074; --color--red-60: #d5092c; --color--red-70: #a70828; --color--red-80: #7b0520; --color--red-90: #520315; --color--red-95: #2b0107; --color--red-rebrand: #ec180e; --color--teal-05: #e3fffd; --color--teal-10: #affffe; --color--teal-15: #2bfbfd; --color--teal-20: #2bebef; --color--teal-30: #26ccd1; --color--teal-40: #21aeb3; --color--teal-50: #1b9296; --color--teal-60: #14767a; --color--teal-70: #0e5c5f; --color--teal-80: #074245; --color--teal-90: #032b2d; --color--teal-95: #011415; --color--third-party-facebook-primary: #1877f2; --color--third-party-line-a11y: #01ac47; --color--third-party-line-primary: #06c755; --color--third-party-noonlight-primary: #166efb; --color--third-party-noonlight-secondary: #81b1fa; --color--third-party-spotify-primary: #1db954; --color--third-party-spotify-primary-inverse: #191414; --color--transparent: #00000000; --color--vault-indigo-20: #dfd9ff; --color--vault-indigo-95: #110c2b; --color--vault-primary: #5f44ea; --color--vault-primary-light: #7d65fc; --color--white: #ffffff; --color--yellow-orange-05: #f9ffb7; --color--yellow-orange-10: #f4fa30; --color--yellow-orange-15: #f1e82a; --color--yellow-orange-20: #fad122; --color--yellow-orange-30: #fba714; --color--yellow-orange-40: #ee8109; --color--yellow-orange-50: #d76004; --color--yellow-orange-60: #b94401; --color--yellow-orange-70: #972d00; --color--yellow-orange-80: #731b00; --color--yellow-orange-90: #4e0d00; --color--yellow-orange-95: #290400; --color--accent-active: #0063e3; --color--accent-blue: #0063e3; --color--accent-boost: #9f00fe; --color--accent-boost-static: #f5b1eb; --color--accent-brand: #ff2358; --color--accent-chat: #0063e3; --color--accent-error: #d5092c; --color--accent-fuchsia: #bc10b7; --color--accent-gold: #896707; --color--accent-gold-static: #edba00; --color--accent-gold-subtle: #ffe8a5; --color--accent-green: #167952; --color--accent-like: #167952; --color--accent-like-static-dark: #ec180e; --color--accent-link: #0063e3; --color--accent-nope: #d5092c; --color--accent-nope-static-dark: #ffffff; --color--accent-platinum: #101113; --color--accent-platinum-inverse: #b4b9c6; --color--accent-platinum-subtle: #d1d4dd; --color--accent-plus: #ff2358; --color--accent-plus-subtle: #ffc7c7; --color--accent-primary: #ff2358; --color--accent-primary-a11y: #eb0052; --color--accent-purple: #9f00fe; --color--accent-red: #d5092c; --color--accent-rewind: #b94401; --color--accent-rewind-static-dark: #ffffff; --color--accent-select: #5f44ea; --color--accent-success: #167952; --color--accent-super-like: #0063e3; --color--accent-super-like-static-dark: #9db9e6; --color--accent-super-like-subtle: #c4e7ff; --color--accent-teal: #14767a; --color--accent-trust: #0063e3; --color--accent-yellow-orange: #b94401; --color--action-active: #0063e3; --color--action-inactive: #656a78; --color--action-navigation-secondary-disabled: #979eaf; --color--action-primary: #24262a; --color--action-primary-inverse: #f9f9fb; --color--action-secondary: rgba(0, 0, 0, 0.1); --color--action-secondary-inverse: rgba(255, 255, 255, 0.1); --color--action-tertiary: rgba(255, 255, 255, 0.05); --color--action-text-field-loud-active: #0063e3; --color--action-text-field-loud-inactive: #656a78; --color--action-text-field-quiet-active: #0063e3; --color--action-text-field-quiet-inactive: #656a78; --color--background-badge-brand-default: #ff2358; --color--background-badge-notification-active: #ff2358; --color--background-badge-notification-inactive: #e7e9ee; --color--background-badge-online-now-default: #90fb73; --color--background-badge-verified-default: #0063e3; --color--background-banner-default: #f0f1f4; --color--background-blue: #f3faff; --color--background-bottom-sheet-default: #ffffff; --color--background-brand: #ff2358; --color--background-button-disabled: #e7e9ee; --color--background-button-elevated: #ffffff; --color--background-button-neutral: #000000; --color--background-button-primary: #000000; --color--background-button-primary-overlay: #ffffff; --color--background-button-primary-small: #000000; --color--background-button-sparks-expand-profile: rgba(0, 0, 0, 0.6); --color--background-button-sparks-neutral: #393b42; --color--background-card-boost: #ffffff; --color--background-card-default: #ffffff; --color--background-card-passport: #ffffff; --color--background-card-sparks: #ffffff; --color--background-card-super-like: #ffffff; --color--background-chat-bubble-receive: #e7e9ee; --color--background-chat-bubble-send: #0063e3; --color--background-checkbox-disabled: #e7e9ee; --color--background-checkbox-selected-enabled: #ff2358; --color--background-datepicker-selected: #f0f1f4; --color--background-disabled: #e7e9ee; --color--background-elevated: #ffffff; --color--background-elevated-static-dark: #24262a; --color--background-error: #d5092c; --color--background-fuchsia: #fff7ff; --color--background-gamepad-primary-default: rgba(0, 0, 0, 0.8); --color--background-gamepad-primary-disabled: #24262a; --color--background-gamepad-primary-disabled-on-super-like: rgba(0, 0, 0, 0.2); --color--background-gamepad-secondary-default: #ffffff; --color--background-gamepad-secondary-disabled: #e7e9ee; --color--background-gamepad-sparks-boost-default: #ffffff; --color--background-gamepad-sparks-like-default: #ffffff; --color--background-gamepad-sparks-nope-default: #ffffff; --color--background-gamepad-sparks-rewind-default: #ffffff; --color--background-gamepad-sparks-super-like-default: #ffffff; --color--background-green: #f1fee3; --color--background-header-sparks: #ffffff; --color--background-icon-button-disabled: #e7e9ee; --color--background-icon-button-overlay-default: rgba(16, 17, 19, 0.8); --color--background-icon-button-overlay-disabled: #24262a; --color--background-icon-button-primary: #000000; --color--background-icon-button-secondary: #ffffff; --color--background-inactive: #7d8496; --color--background-menu-default: #ffffff; --color--background-modal-container-default: #ffffff; --color--background-modal-overlay-default: rgba(0, 0, 0, 0.56); --color--background-modal-overlay-recs: rgba(0, 0, 0, 0.8); --color--background-opacity-base: rgba(255, 255, 255, 0.1); --color--background-opacity-base-inverse: rgba(0, 0, 0, 0.1); --color--background-opacity-base-static-dark: rgba(0, 0, 0, 0.1); --color--background-opacity-base-static-light: rgba(255, 255, 255, 0.1); --color--background-opacity-brand: #cd130a20; --color--background-opacity-haze: #5f8bcd20; --color--background-opacity-obscure: rgba(255, 255, 255, 0.3); --color--background-opacity-obscure-inverse: rgba(0, 0, 0, 0.3); --color--background-opacity-obscure-static-dark: rgba(0, 0, 0, 0.3); --color--background-opacity-obscure-static-light: rgba(255, 255, 255, 0.3); --color--background-overlay-primary: #101113; --color--background-overlay-secondary: #24262a; --color--background-passions-edit: #4f525c; --color--background-passions-inactive-overlay: rgba(79, 82, 92, 0.8); --color--background-passions-shared: #ffffff; --color--background-passions-shared-overlay: rgba(57, 59, 66, 0.8); --color--background-passions-sparks-inactive: #f0f1f4; --color--background-passions-sparks-inactive-overlay: rgba(0, 0, 0, 0.4); --color--background-passport: #ffdada; --color--background-passport-subtle: #ffdada; --color--background-plus: #ffdada; --color--background-primary: #ffffff; --color--background-primary-inverse: #000000; --color--background-primary-static-dark: #101113; --color--background-primary-static-light: #ffffff; --color--background-progress-inactive: #f0f1f4; --color--background-purple: #fdf8ff; --color--background-radio-selected-disabled: #b4b9c6; --color--background-radio-selected-enabled: #ff2358; --color--background-radio-unselected-disabled: #e7e9ee; --color--background-read-receipts-badge: #0083f8; --color--background-rec-card-bottom-default: #000000; --color--background-rec-card-bottom-super-like: #0083f8; --color--background-rec-card-content-hidden: rgba(255, 255, 255, 0.25); --color--background-red: #fff8f8; --color--background-ripple-default: #d1d4dd; --color--background-search-default: #e7e9ee; --color--background-secondary: #f0f1f4; --color--background-secondary-inverse: #101113; --color--background-secondary-static-dark: #24262a; --color--background-secondary-static-light: #f0f1f4; --color--background-slider-alt-fill-disabled: #979eaf; --color--background-slider-alt-fill-enabled: #ff2358; --color--background-slider-alt-knob-disabled: #979eaf; --color--background-slider-alt-knob-enabled: #ff2358; --color--background-slider-alt-track-disabled: #e7e9ee; --color--background-slider-alt-track-enabled: #7d8496; --color--background-slider-default-fill-disabled: #979eaf; --color--background-slider-default-fill-enabled: #ff2358; --color--background-slider-default-knob-disabled: #ffffff; --color--background-slider-default-knob-enabled: #ffffff; --color--background-slider-default-track-disabled: #e7e9ee; --color--background-slider-default-track-enabled: #7d8496; --color--background-solid: #ffffff; --color--background-sparks-bottom-nav: #f0f1f4; --color--background-sparks-primary: #ffffff; --color--background-sparks-profile: #f0f1f4; --color--background-sparks-prompt: #f0f1f4; --color--background-sparks-top-nav: #ffffff; --color--background-switch-alt-knob-disabled: #b4b9c6; --color--background-switch-alt-knob-selected: #ff2358; --color--background-switch-alt-knob-unselected: #7d8496; --color--background-switch-alt-track-disabled: #e7e9ee; --color--background-switch-alt-track-selected: #ffeced; --color--background-switch-alt-track-unselected: #e7e9ee; --color--background-switch-default-knob-disabled: #ffffff; --color--background-switch-default-knob-selected: #ffffff; --color--background-switch-default-knob-unselected: #ffffff; --color--background-switch-default-track-disabled: #e7e9ee; --color--background-switch-default-track-selected: #ff2358; --color--background-switch-default-track-unselected: #7d8496; --color--background-table-row-default: #ffffff; --color--background-table-row-hover: rgba(16, 17, 19, 0.08); --color--background-table-row-pressed: rgba(16, 17, 19, 0.16); --color--background-tappy-container-default: rgba(240, 241, 244, 0.7); --color--background-tappy-indicator-active: #ffffff; --color--background-tappy-indicator-inactive: #4f525c; --color--background-tappy-indicator-sparks-active: #ffffff; --color--background-tappy-indicator-sparks-inactive: rgba(0, 0, 0, 0.56); --color--background-tappy-sparks: rgba(57, 59, 66, 0.7); --color--background-teal: #e3fffd; --color--background-tertiary: #e7e9ee; --color--background-tertiary-inverse: #24262a; --color--background-tertiary-static-dark: #24262a; --color--background-tertiary-static-light: #ffffff; --color--background-text-field-loud-default: #f0f1f4; --color--background-text-field-loud-highlight: #e2f3ff; --color--background-text-field-quiet-default: #ffffff; --color--background-text-field-quiet-highlight: #e2f3ff; --color--background-toast-default: #24262a; --color--background-tooltip-default: #393b42; --color--background-tooltip-revenue-default: #393b42; --color--background-tooltip-trust-default: #0063e3; --color--background-transparent: #00000000; --color--background-trust: #e2f3ff; --color--background-vault: #5f44ea; --color--background-yellow-orange: #f9ffb7; --color--border-active: #0063e3; --color--border-boost: #9f00fe; --color--border-brand: #ff2358; --color--border-button-focused: #24262a; --color--border-button-focused-overlay: #ffffff; --color--border-button-secondary: #d1d4dd; --color--border-button-secondary-overlay: #ffffff; --color--border-button-sparks-expand-profile: rgba(255, 255, 255, 0.4); --color--border-card: #968d8b00; --color--border-checkbox-unselected-disabled: #979eaf; --color--border-checkbox-unselected-enabled: #7d8496; --color--border-checkbox-unselected-error: #d5092c; --color--border-container-elevated: #968d8b00; --color--border-disabled: #979eaf; --color--border-error: #d5092c; --color--border-focus-default: #24262a; --color--border-focus-inverse: #f9f9fb; --color--border-focus-overlay: #ffffff; --color--border-gamepad-boost-default: #b650ff; --color--border-gamepad-like-default: #209663; --color--border-gamepad-nope-default: #ff2358; --color--border-gamepad-primary-disabled: #393b42; --color--border-gamepad-primary-disabled-on-super-like: #979eaf; --color--border-gamepad-rewind-default: #d76004; --color--border-gamepad-secondary-disabled: #979eaf; --color--border-gamepad-sparks-boost-default: #9f00fe; --color--border-gamepad-sparks-like-default: #2bb372; --color--border-gamepad-sparks-nope-default: #d5092c; --color--border-gamepad-sparks-rewind-default: #ee8109; --color--border-gamepad-sparks-super-like-default: #0083f8; --color--border-gamepad-super-like-active: #ffffff; --color--border-gamepad-super-like-default: #0083f8; --color--border-gamepad-super-like-disabled: #979eaf; --color--border-gold: #896707; --color--border-icon-button-disabled: #979eaf; --color--border-icon-button-primary: #ffffff; --color--border-icon-button-secondary: #d1d4dd; --color--border-like: #167952; --color--border-nope: #d5092c; --color--border-overlay: #ffffff; --color--border-passions-active: #ff2358; --color--border-passions-inactive: #d1d4dd; --color--border-passions-shared: #ff2358; --color--border-passions-shared-overlay: #ffffff; --color--border-platinum: #101113; --color--border-primary: #7d8496; --color--border-primary-inverse: #f9f9fb; --color--border-radio-selected-disabled: #979eaf; --color--border-radio-selected-enabled: #ff2358; --color--border-radio-unselected-disabled: #979eaf; --color--border-radio-unselected-enabled: #7d8496; --color--border-rec-card-content-hidden: #ffffff; --color--border-rewind: #b94401; --color--border-secondary: #d1d4dd; --color--border-secondary-overlay: #b4b9c6; --color--border-secondary-static-dark: #24262a; --color--border-slider-alt-knob-disabled: #979eaf; --color--border-slider-alt-knob-enabled: #ff2358; --color--border-slider-default-knob-disabled: #979eaf; --color--border-slider-default-knob-enabled: #7d8496; --color--border-sparks-boost: #9f00fe; --color--border-sparks-like: #2bb372; --color--border-sparks-nope: #d5092c; --color--border-sparks-rewind: #ee8109; --color--border-sparks-super-like: #0083f8; --color--border-success: #167952; --color--border-super-like: #0063e3; --color--border-switch-alt-knob-disabled: #b4b9c6; --color--border-switch-alt-knob-selected: #ff2358; --color--border-switch-alt-knob-unselected: #7d8496; --color--border-switch-alt-track-disabled: #979eaf; --color--border-switch-alt-track-selected: #ff2358; --color--border-switch-alt-track-unselected: #7d8496; --color--border-switch-default-knob-disabled: #979eaf; --color--border-switch-default-knob-selected: #ff2358; --color--border-switch-default-knob-unselected: #7d8496; --color--border-switch-default-track-disabled: #979eaf; --color--border-switch-default-track-selected: #ff2358; --color--border-switch-default-track-unselected: #7d8496; --color--border-tappy-indicator-active: #4f525c; --color--border-tappy-indicator-inactive: #7d8496; --color--border-tappy-indicator-sparks-active: #7d8496; --color--border-tappy-indicator-sparks-inactive: #7d8496; --color--border-text-field-loud-default: #7d8496; --color--border-text-field-loud-disabled: #979eaf; --color--border-text-field-loud-error: #d5092c; --color--border-text-field-loud-focus: #0063e3; --color--border-text-field-quiet-default: #7d8496; --color--border-text-field-quiet-disabled: #979eaf; --color--border-text-field-quiet-error: #d5092c; --color--border-text-field-quiet-focus: #0063e3; --color--border-timer-expired: #d1d4dd; --color--border-tooltip-default: #393b42; --color--border-tooltip-revenue-boost: #ce79ff; --color--border-tooltip-revenue-like: #2bb372; --color--border-tooltip-revenue-nope: #ff8589; --color--border-tooltip-revenue-rewind: #ee8109; --color--border-tooltip-revenue-super-like: #37a2ff; --color--border-vault: #5f44ea; --color--cursor-default: #0063e3; --color--cursor-search-input: #0063e3; --color--cursor-text-field-loud-default: #0063e3; --color--cursor-text-field-quiet-default: #0063e3; --color--device-home-indicator: #24262a; --color--device-status-bar: #24262a; --color--device-status-bar-inverse: #f9f9fb; --color--divider-banner-default: #d1d4dd; --color--divider-primary: #d1d4dd; --color--divider-sparks: #d1d4dd; --color--divider-table-row-default: #d1d4dd; --color--divider-table-row-sparks: #d1d4dd; --color--divider-tappy-sparks: rgba(231, 233, 238, 0.12); --color--foreground-blue: #0063e3; --color--foreground-border-elevated: #968d8b00; --color--foreground-border-primary: #7d8496; --color--foreground-border-secondary: #d1d4dd; --color--foreground-button-disabled: #7d8496; --color--foreground-button-neutral: #f9f9fb; --color--foreground-button-primary: #f9f9fb; --color--foreground-button-primary-overlay: #24262a; --color--foreground-button-secondary: #24262a; --color--foreground-button-secondary-overlay: #ffffff; --color--foreground-button-sparks-expand-profile: #ffffff; --color--foreground-button-tertiary: #24262a; --color--foreground-button-tertiary-overlay: #ffffff; --color--foreground-disabled: #979eaf; --color--foreground-fuchsia: #bc10b7; --color--foreground-green: #167952; --color--foreground-inactive: #656a78; --color--foreground-modal-body: #4f525c; --color--foreground-modal-heading: #24262a; --color--foreground-modal-icon: #ff2358; --color--foreground-primary: #24262a; --color--foreground-primary-inverse: #f9f9fb; --color--foreground-primary-static-dark: #24262a; --color--foreground-primary-static-light: #ffffff; --color--foreground-primary-static-on-dark: #ffffff; --color--foreground-purple: #9f00fe; --color--foreground-read-receipts-badge: #ffffff; --color--foreground-red: #d5092c; --color--foreground-secondary: #4f525c; --color--foreground-secondary-inverse: #979eaf; --color--foreground-secondary-static-dark: #4f525c; --color--foreground-secondary-static-light: #b4b9c6; --color--foreground-teal: #14767a; --color--foreground-tertiary: #7d8496; --color--foreground-yellow-orange: #b94401; --color--icon-badge-verified: #ffffff; --color--icon-banner-default: #ffffff; --color--icon-banner-dismiss: #7d8496; --color--icon-brand: #ff2358; --color--icon-chat-drawer-contact-card-active: #0063e3; --color--icon-chat-drawer-contact-card-default: #656a78; --color--icon-chat-drawer-gif-background-active: #24262a; --color--icon-chat-drawer-gif-background-default: #656a78; --color--icon-chat-drawer-gif-foreground-active: #b94401; --color--icon-chat-drawer-gif-foreground-default: #f9f9fb; --color--icon-chat-drawer-noonlight-background-active: #81b1fa; --color--icon-chat-drawer-noonlight-background-default: #979eaf; --color--icon-chat-drawer-noonlight-foreground-active: #166efb; --color--icon-chat-drawer-noonlight-foreground-default: #656a78; --color--icon-chat-drawer-spotify-background-active: #1db954; --color--icon-chat-drawer-spotify-background-default: #656a78; --color--icon-chat-drawer-spotify-foreground-active: #191414; --color--icon-chat-drawer-spotify-foreground-default: #f9f9fb; --color--icon-chat-drawer-sticker-active: #9f00fe; --color--icon-chat-drawer-sticker-default: #656a78; --color--icon-chat-drawer-vibes-default: #656a78; --color--icon-chat-heart-active: #ff2358; --color--icon-chat-heart-default: #656a78; --color--icon-checkbox-selected-disabled: #979eaf; --color--icon-checkbox-selected-enabled: #ffffff; --color--icon-disabled: #979eaf; --color--icon-disabled-static: #4f525c; --color--icon-error: #d5092c; --color--icon-form-default: #7d8496; --color--icon-form-disabled: #979eaf; --color--icon-form-error: #d5092c; --color--icon-form-success: #167952; --color--icon-gamepad-primary-disabled: #393b42; --color--icon-gamepad-primary-disabled-on-super-like: #979eaf; --color--icon-gamepad-primary-pressed: #ffffff; --color--icon-gamepad-primary-super-like-active: #ffffff; --color--icon-gamepad-primary-super-like-disabled: #979eaf; --color--icon-gamepad-secondary-disabled: #979eaf; --color--icon-gamepad-secondary-pressed: #ffffff; --color--icon-gamepad-sparks-boost-active: #f9f9fb; --color--icon-gamepad-sparks-like-active: #f9f9fb; --color--icon-gamepad-sparks-nope-active: #f9f9fb; --color--icon-gamepad-sparks-rewind-active: #f9f9fb; --color--icon-gamepad-sparks-super-like-active: #f9f9fb; --color--icon-gamepad-sparks-super-like-disabled: #979eaf; --color--icon-icon-button-disabled: #979eaf; --color--icon-icon-button-overlay-default: #ffffff; --color--icon-icon-button-overlay-disabled: #393b42; --color--icon-icon-button-primary: #f9f9fb; --color--icon-icon-button-secondary: #7d8496; --color--icon-navigation-primary-inactive: #7d8496; --color--icon-navigation-secondary-end: #0083f8; --color--icon-navigation-secondary-start: #7d8496; --color--icon-primary: #24262a; --color--icon-primary-inverse: #f9f9fb; --color--icon-primary-overlay: #ffffff; --color--icon-primary-overlay-inverse: #24262a; --color--icon-radio-selected-disabled: #e7e9ee; --color--icon-radio-selected-enabled: #f9f9fb; --color--icon-rec-card-content-hidden: #ffffff; --color--icon-search-end-action: #4f525c; --color--icon-search-start: #4f525c; --color--icon-secondary: #7d8496; --color--icon-secondary-inverse: #979eaf; --color--icon-selector-selected-disabled: #979eaf; --color--icon-selector-selected-enabled: #ff2358; --color--icon-success: #167952; --color--icon-switch-alt-disabled: #ffffff; --color--icon-switch-alt-selected: #ffffff; --color--icon-switch-alt-unselected: #ffffff; --color--icon-switch-default-disabled: #979eaf; --color--icon-switch-default-selected: #ff2358; --color--icon-switch-default-unselected: #7d8496; --color--icon-tertiary: #7d8496; --color--icon-tooltip-dismiss: #f9f9fb; --color--icon-trust: #0063e3; --color--icon-vault: #5f44ea; --color--interactive-button-neutral: rgba(240, 241, 244, 0.16); --color--interactive-button-primary: rgba(16, 17, 19, 0.16); --color--interactive-button-secondary: rgba(16, 17, 19, 0.08); --color--interactive-button-tertiary: rgba(16, 17, 19, 0.08); --color--interactive-icon-button-overlay: rgba(16, 17, 19, 0.16); --color--interactive-icon-button-primary: rgba(16, 17, 19, 0.16); --color--interactive-icon-button-secondary: rgba(240, 241, 244, 0.16); --color--interactive-on-light: rgba(240, 241, 244, 0.16); --color--interactive-primary: rgba(16, 17, 19, 0.16); --color--interactive-secondary: rgba(16, 17, 19, 0.08); --color--invertible-black: #000000; --color--invertible-blue-05: #f3faff; --color--invertible-blue-10: #e2f3ff; --color--invertible-blue-15: #c4e7ff; --color--invertible-blue-20: #a8dbff; --color--invertible-blue-30: #6fc0ff; --color--invertible-blue-40: #37a2ff; --color--invertible-blue-50: #0083f8; --color--invertible-blue-60: #0063e3; --color--invertible-blue-70: #0046c7; --color--invertible-blue-80: #002ca2; --color--invertible-blue-90: #001874; --color--invertible-blue-95: #000841; --color--invertible-fuchsia-05: #fff7ff; --color--invertible-fuchsia-10: #ffebfe; --color--invertible-fuchsia-15: #ffd6fd; --color--invertible-fuchsia-20: #ffc0fb; --color--invertible-fuchsia-30: #fe91f9; --color--invertible-fuchsia-40: #fd54f7; --color--invertible-fuchsia-50: #e714e1; --color--invertible-fuchsia-60: #bc10b7; --color--invertible-fuchsia-70: #940b8f; --color--invertible-fuchsia-80: #6d076a; --color--invertible-fuchsia-90: #480346; --color--invertible-fuchsia-95: #260124; --color--invertible-gold-05: #fff8db; --color--invertible-gold-10: #fff2bf; --color--invertible-gold-15: #ffe8a5; --color--invertible-gold-20: #f7d472; --color--invertible-gold-30: #e6af16; --color--invertible-gold-40: #c1920f; --color--invertible-gold-50: #ae830c; --color--invertible-gold-60: #896707; --color--invertible-gold-70: #644a03; --color--invertible-gold-80: #513c02; --color--invertible-gold-90: #2c2000; --color--invertible-gold-95: #191300; --color--invertible-gray-05: #f9f9fb; --color--invertible-gray-10: #f0f1f4; --color--invertible-gray-15: #e7e9ee; --color--invertible-gray-20: #d1d4dd; --color--invertible-gray-30: #b4b9c6; --color--invertible-gray-40: #979eaf; --color--invertible-gray-50: #7d8496; --color--invertible-gray-60: #656a78; --color--invertible-gray-70: #4f525c; --color--invertible-gray-80: #393b42; --color--invertible-gray-90: #24262a; --color--invertible-gray-95: #101113; --color--invertible-green-05: #f1fee3; --color--invertible-green-10: #d7fcb4; --color--invertible-green-15: #90fb73; --color--invertible-green-20: #4af277; --color--invertible-green-30: #38d27c; --color--invertible-green-40: #2bb372; --color--invertible-green-50: #209663; --color--invertible-green-60: #167952; --color--invertible-green-70: #0e5e40; --color--invertible-green-80: #07442e; --color--invertible-green-90: #032c1c; --color--invertible-green-95: #01150b; --color--invertible-purple-05: #fdf8ff; --color--invertible-purple-10: #faecff; --color--invertible-purple-15: #f4d9ff; --color--invertible-purple-20: #eec7ff; --color--invertible-purple-30: #e1a0ff; --color--invertible-purple-40: #ce79ff; --color--invertible-purple-50: #b650ff; --color--invertible-purple-60: #9f00fe; --color--invertible-purple-70: #7a00cd; --color--invertible-purple-80: #58009b; --color--invertible-purple-90: #39006a; --color--invertible-purple-95: #1c003a; --color--invertible-red-05: #fff8f8; --color--invertible-red-10: #ffeced; --color--invertible-red-15: #ffdada; --color--invertible-red-20: #ffc7c7; --color--invertible-red-30: #ff9ea0; --color--invertible-red-40: #ff8589; --color--invertible-red-50: #fe7074; --color--invertible-red-60: #d5092c; --color--invertible-red-70: #a70828; --color--invertible-red-80: #7b0520; --color--invertible-red-90: #520315; --color--invertible-red-95: #2b0107; --color--invertible-teal-05: #e3fffd; --color--invertible-teal-10: #affffe; --color--invertible-teal-15: #2bfbfd; --color--invertible-teal-20: #2bebef; --color--invertible-teal-30: #26ccd1; --color--invertible-teal-40: #21aeb3; --color--invertible-teal-50: #1b9296; --color--invertible-teal-60: #14767a; --color--invertible-teal-70: #0e5c5f; --color--invertible-teal-80: #074245; --color--invertible-teal-90: #032b2d; --color--invertible-teal-95: #011415; --color--invertible-white: #ffffff; --color--invertible-yellow-orange-05: #f9ffb7; --color--invertible-yellow-orange-10: #f4fa30; --color--invertible-yellow-orange-15: #f1e82a; --color--invertible-yellow-orange-20: #fad122; --color--invertible-yellow-orange-30: #fba714; --color--invertible-yellow-orange-40: #ee8109; --color--invertible-yellow-orange-50: #d76004; --color--invertible-yellow-orange-60: #b94401; --color--invertible-yellow-orange-70: #972d00; --color--invertible-yellow-orange-80: #731b00; --color--invertible-yellow-orange-90: #4e0d00; --color--invertible-yellow-orange-95: #290400; --color--label-gamepad-primary-count-boost: #ce79ff; --color--label-gamepad-primary-count-super-like: #37a2ff; --color--label-gamepad-secondary-count-boost: #9f00fe; --color--label-gamepad-secondary-count-super-like: #0063e3; --color--label-icon-button-disabled: #4f525c; --color--label-icon-button-overlay-default: #ffffff; --color--label-icon-button-overlay-disabled: #ffffff; --color--label-icon-button-primary: #4f525c; --color--label-icon-button-secondary: #4f525c; --color--loader-shimmer-base-default: #d1d4dd; --color--loader-shimmer-highlight-default: #ffffff; --color--loader-skeleton: #d1d4dd; --color--overlay-default: rgba(0, 0, 0, 0.56); --color--overlay-like: #b1efc633; --color--overlay-nope: #fbd4d433; --color--overlay-rewind: rgba(215, 96, 4, 0.2); --color--overlay-super-like: #dce1ee33; --color--shadow-base: #13111006; --color--shadow-container-elevated: rgba(0, 0, 0, 0.22); --color--shadow-glass: rgba(0, 0, 0, 0.1); --color--shadow-heavy: rgba(0, 0, 0, 0.3); --color--shadow-highlight: rgba(255, 255, 255, 0.1); --color--shadow-light: rgba(0, 0, 0, 0.2); --color--state-layer-focus-primary: rgba(0, 0, 0, 0.15); --color--state-layer-focus-primary-inverse: rgba(255, 255, 255, 0.15); --color--state-layer-focus-primary-static-dark: rgba(0, 0, 0, 0.15); --color--state-layer-focus-primary-static-light: rgba(255, 255, 255, 0.15); --color--static-brand-crush-base: #eb0052; --color--static-brand-crush-shade: #2d000e; --color--static-brand-crush-tint: #ffebfe; --color--static-brand-flame-base: #d5092c; --color--static-brand-flame-shade: #7b0520; --color--static-brand-flame-tint: #ffdada; --color--static-brand-haze-base: #6fc0ff; --color--static-brand-haze-shade: #24262a; --color--static-brand-haze-tint: #e2f3ff; --color--static-brand-off-white-base: #f9f9fb; --color--static-brand-petal-base: #ffc0fb; --color--static-brand-petal-shade: #260124; --color--static-brand-petal-tint: #ffd6fd; --color--static-brand-pine-base: #032c1c; --color--static-brand-pine-shade: #01150b; --color--static-brand-pine-tint: #f1fee3; --color--static-brand-romance-base: #520315; --color--static-brand-romance-shade: #2b0107; --color--static-brand-romance-tint: #f0f1f4; --color--sub-card-rec-card-sparks: #f0f1f4; --color--text-badge-notification-default: #ffffff; --color--text-badge-notification-inactive: #656a78; --color--text-banner-body: #4f525c; --color--text-banner-heading: #24262a; --color--text-boost: #9f00fe; --color--text-brand-large: #ff2358; --color--text-brand-normal: #eb0052; --color--text-chat-bubble-receive: #24262a; --color--text-chat-bubble-send: #ffffff; --color--text-datepicker-active: #24262a; --color--text-datepicker-inactive: #656a78; --color--text-disabled: #979eaf; --color--text-error: #d5092c; --color--text-form-help-default: #4f525c; --color--text-form-help-disabled: #979eaf; --color--text-form-help-error: #d5092c; --color--text-form-help-success: #167952; --color--text-form-label-default: #24262a; --color--text-gold: #896707; --color--text-highlight-background: #24262a; --color--text-highlight-foreground: #f9f9fb; --color--text-inactive: #656a78; --color--text-like: #167952; --color--text-link: #0063e3; --color--text-link-overlay: #ffffff; --color--text-passions-active: #24262a; --color--text-passions-inactive: #656a78; --color--text-passions-inactive-overlay: #ffffff; --color--text-passions-shared: #24262a; --color--text-passions-shared-overlay: #ffffff; --color--text-passions-shared-rec: #ffffff; --color--text-passport: #7b0520; --color--text-primary: #24262a; --color--text-primary-inverse: #f9f9fb; --color--text-primary-overlay: #ffffff; --color--text-primary-overlay-inverse: #24262a; --color--text-rec-card-content-hidden: #ffffff; --color--text-search-input-active: #24262a; --color--text-search-input-inactive: #24262a; --color--text-search-placeholder-inactive: #4f525c; --color--text-secondary: #4f525c; --color--text-secondary-inverse: #979eaf; --color--text-secondary-overlay: #b4b9c6; --color--text-secondary-overlay-inverse: #4f525c; --color--text-success: #167952; --color--text-super-boost: #9f00fe; --color--text-super-like: #0063e3; --color--text-tertiary: #7d8496; --color--text-text-field-loud-charactercount-default: #656a78; --color--text-text-field-loud-input-default: #24262a; --color--text-text-field-loud-input-disabled: #979eaf; --color--text-text-field-loud-label-error: #d5092c; --color--text-text-field-loud-label-optional: #4f525c; --color--text-text-field-loud-placeholder-default: #656a78; --color--text-text-field-quiet-charactercount-default: #656a78; --color--text-text-field-quiet-input-default: #24262a; --color--text-text-field-quiet-input-disabled: #979eaf; --color--text-text-field-quiet-label-error: #d5092c; --color--text-text-field-quiet-label-optional: #4f525c; --color--text-text-field-quiet-placeholder-default: #656a78; --color--text-tooltip-default: #f9f9fb; --color--text-tooltip-revenue-default: #f9f9fb; --color--text-tooltip-trust-default: #ffffff; --color--text-trust: #0063e3; --color--text-vault-large: #5f44ea; --color--text-vault-normal: #5f44ea; --gradient--brand-gradient: linear-gradient(to top right, #fd267a, #ff6036); --gradient--brand-subtle: linear-gradient(0deg, #ffffff, #ffc7c7); --gradient--brand-subtle-on-dark: linear-gradient(0deg, #101113, #2b0107); --gradient--explore-attribution-gradient: linear-gradient(90deg, #eb0052, #940b8f); --gradient--festival-mode-gradient: linear-gradient(90deg, #002ca2, #9f00fe); --gradient--gamepad-boost: linear-gradient(to top right, #9f00fe, #ce79ff); --gradient--gamepad-boost-on-dark: linear-gradient(to top right, #9f00fe, #e714e1); --gradient--gamepad-boost-subtle: linear-gradient(0deg, #ffffff, #f4d9ff); --gradient--gamepad-boost-subtle-on-dark: linear-gradient(0deg, #101113, #39006a); --gradient--gamepad-like: linear-gradient(to top right, #38d27c, #2bebef); --gradient--gamepad-like-on-dark: linear-gradient(to top right, #4af277, #2bfbfd); --gradient--gamepad-like-on-light: linear-gradient(to top right, #209663, #1b9296); --gradient--gamepad-like-subtle: linear-gradient(0deg, #ffffff, #d7fcb4); --gradient--gamepad-like-subtle-on-dark: linear-gradient(0deg, #101113, #032c1c); --gradient--gamepad-nope: linear-gradient(to top right, #fd267a, #ff6036); --gradient--gamepad-nope-on-dark: linear-gradient(to top right, #fe7074, #e714e1); --gradient--gamepad-rewind: linear-gradient(to top right, #ee8109, #f1e82a); --gradient--gamepad-rewind-on-dark: linear-gradient(to top right, #ee8109, #f1e82a); --gradient--gamepad-sparks-boost: linear-gradient(to top left, #b650ff, #fd54f7); --gradient--gamepad-sparks-like: linear-gradient(to top left, #2bb372, #f1e82a); --gradient--gamepad-sparks-nope: linear-gradient(to top left, #fe7074, #e714e1); --gradient--gamepad-sparks-rewind: linear-gradient(to top left, #ee8109, #f1e82a); --gradient--gamepad-sparks-super-like: linear-gradient(to top left, #0046c7, #2bfbfd); --gradient--gamepad-super-boost: linear-gradient(to top right, #b650ff, #fe91f9); --gradient--gamepad-super-boost-on-dark: linear-gradient(to top right, #b650ff, #fe91f9); --gradient--gamepad-super-boost-subtle: linear-gradient(0deg, #ffffff, #ffd6fd); --gradient--gamepad-super-boost-subtle-on-dark: linear-gradient(0deg, #101113, #480346); --gradient--gamepad-super-like: linear-gradient(to top right, #37a2ff, #2bebef); --gradient--gamepad-super-like-on-dark: linear-gradient(to top right, #0083f8, #2bfbfd); --gradient--gamepad-super-like-on-light: linear-gradient(to top right, #0083f8, #1b9296); --gradient--gamepad-super-like-subtle: linear-gradient(0deg, #ffffff, #c4e7ff); --gradient--gamepad-super-like-subtle-on-dark: linear-gradient(0deg, #101113, #001874); --gradient--hot-takes-gradient: linear-gradient(90deg, #58009b, #bc10b7); --gradient--match-expiration-gradient: linear-gradient(to top right, #c6003c, #d30ab7); --gradient--match-expiration-gradient-on-dark: linear-gradient(to top right, #fe004d, #e714e1); --gradient--passions-gradient: linear-gradient(90deg, #ff6036, #e714e1); --gradient--revenue-gold: linear-gradient(to top right, #e6af16, #f7d472); --gradient--revenue-gold-on-dark: linear-gradient(to top right, #e6af16, #ffe8a5); --gradient--revenue-gold-shine: linear-gradient(to top right, #e6af16, #f7d472, #e6af16); --gradient--revenue-gold-shine-animation: linear-gradient(to top right, #f7d472, #f7d472, #e6af16, #f7d472, #ffe8a5, #f7d472, #e6af16, #f7d472, #f7d472); --gradient--revenue-gold-shine-animation-on-dark: linear-gradient(to top right, #f7d472, #f7d472, #e6af16, #f7d472, #ffe8a5, #f7d472, #e6af16, #f7d472, #f7d472); --gradient--revenue-gold-shine-on-dark: linear-gradient(to top right, #e6af16, #f7d472, #e6af16); --gradient--revenue-gold-subtle: linear-gradient(0deg, #ffffff, #ffe8a5); --gradient--revenue-gold-subtle-on-dark: linear-gradient(0deg, #101113, #2c2000); --gradient--revenue-platinum: linear-gradient(to top right, #101113, #656a78); --gradient--revenue-platinum-on-dark: linear-gradient(to top right, #b4b9c6, #f0f1f4); --gradient--revenue-platinum-shine: linear-gradient(to top right, #101113, #656a78, #101113); --gradient--revenue-platinum-shine-animation: linear-gradient(to top right, #24262a, #24262a, #101113, #24262a, #393b42, #24262a, #101113, #24262a, #24262a); --gradient--revenue-platinum-shine-animation-on-dark: linear-gradient(to top right, #d1d4dd, #d1d4dd, #b4b9c6, #d1d4dd, #e7e9ee, #d1d4dd, #b4b9c6, #d1d4dd, #d1d4dd); --gradient--revenue-platinum-shine-on-dark: linear-gradient(to top right, #b4b9c6, #f0f1f4, #b4b9c6); --gradient--revenue-platinum-subtle: linear-gradient(0deg, #ffffff, #d1d4dd); --gradient--revenue-platinum-subtle-on-dark: linear-gradient(0deg, #101113, #24262a); --gradient--revenue-plus: linear-gradient(to top right, #fd267a, #ff6036); --gradient--revenue-plus-on-dark: linear-gradient(to top right, #fd267a, #ff6036); --gradient--revenue-plus-subtle: linear-gradient(0deg, #ffffff, #ffc7c7); --gradient--revenue-plus-subtle-on-dark: linear-gradient(0deg, #101113, #2b0107); --gradient--spotify-music-mode-gradient: linear-gradient(90deg, #032c1c, #0e5e40); --gradient--vault-gradient: linear-gradient(to bottom right, #9f00fe, #5f44ea, #0063e3); --gradient--vault-subtle-on-dark: linear-gradient(0deg, #101113, #110c2b); --gradient--vault-subtle-on-light: linear-gradient(0deg, #ffffff, #dfd9ff); --gradient--vibes-gradient: linear-gradient(to top right, #ee8109, #e714e1, #2bebef); --gradient--accent-boost-gradient: linear-gradient(to top right, #9f00fe, #ce79ff); --gradient--accent-brand-gradient: linear-gradient(to top right, #fd267a, #ff6036); --gradient--accent-explore-gradient: linear-gradient(90deg, #eb0052, #940b8f); --gradient--accent-festival-mode-gradient: linear-gradient(90deg, #002ca2, #9f00fe); --gradient--accent-gold-gradient: linear-gradient(to top right, #e6af16, #f7d472); --gradient--accent-gold-shine-gradient: linear-gradient(to top right, #e6af16, #f7d472, #e6af16); --gradient--accent-hot-takes-gradient: linear-gradient(90deg, #58009b, #bc10b7); --gradient--accent-like-gradient: linear-gradient(to top right, #209663, #1b9296); --gradient--accent-match-expiration-gradient: linear-gradient(to top right, #c6003c, #d30ab7); --gradient--accent-matchmaker-gradient: linear-gradient(0deg, #38d27c, #4af277); --gradient--accent-nope-gradient: linear-gradient(to top right, #fd267a, #ff6036); --gradient--accent-passions-gradient: linear-gradient(90deg, #ff6036, #e714e1); --gradient--accent-platinum-gradient: linear-gradient(to top right, #101113, #656a78); --gradient--accent-platinum-gradient-inverse: linear-gradient(to top right, #b4b9c6, #f0f1f4); --gradient--accent-platinum-shine-gradient: linear-gradient(to top right, #101113, #656a78, #101113); --gradient--accent-platinum-shine-gradient-inverse: linear-gradient(to top right, #b4b9c6, #f0f1f4, #b4b9c6); --gradient--accent-primary-gradient: linear-gradient(to top right, #fd267a, #ff6036); --gradient--accent-rewind-gradient: linear-gradient(to top right, #ee8109, #f1e82a); --gradient--accent-select-gradient: linear-gradient(to bottom right, #9f00fe, #5f44ea, #0063e3); --gradient--accent-sparks-boost-gradient: linear-gradient(to top left, #b650ff, #fd54f7); --gradient--accent-sparks-like-gradient: linear-gradient(to top left, #2bb372, #f1e82a); --gradient--accent-sparks-nope-gradient: linear-gradient(to top left, #fe7074, #e714e1); --gradient--accent-sparks-rewind-gradient: linear-gradient(to top left, #ee8109, #f1e82a); --gradient--accent-sparks-super-like-gradient: linear-gradient(to top left, #0046c7, #2bfbfd); --gradient--accent-spotify-music-mode-gradient: linear-gradient(90deg, #032c1c, #0e5e40); --gradient--accent-super-boost-gradient: linear-gradient(to top right, #b650ff, #fe91f9); --gradient--accent-super-like-gradient: linear-gradient(to top right, #0083f8, #1b9296); --gradient--accent-vibes-gradient: linear-gradient(to top right, #ee8109, #e714e1, #2bebef); --gradient--background-background-primary: linear-gradient(180deg, #f0eeee00, #f0eeee54, #f0eeee96, #f0eeeeC4, #f0eeee); --gradient--background-background-primary-variant: linear-gradient(90deg, #f0eeee00, #f0eeee); --gradient--background-boost: linear-gradient(to top right, #9f00fe, #ce79ff); --gradient--background-boost-inverse: linear-gradient(to top right, #9f00fe, #e714e1); --gradient--background-boost-subtle: linear-gradient(0deg, #ffffff, #f4d9ff); --gradient--background-brand-gradient: linear-gradient(to top right, #fd267a, #ff6036); --gradient--background-brand-subtle: linear-gradient(0deg, #ffffff, #ffc7c7); --gradient--background-card-sparks-highlight-common-1: linear-gradient(to bottom right, #9f00fe, #e714e1); --gradient--background-card-sparks-highlight-common-2: linear-gradient(to bottom right, #dce1ee, #b650ff); --gradient--background-card-sparks-highlight-common-3: linear-gradient(to bottom right, #fbd4d4, #e714e1); --gradient--background-card-sparks-highlight-uncommon-1: linear-gradient(to bottom right, rgba(0, 70, 199, 0.56), rgba(231, 20, 225, 0.28)); --gradient--background-card-sparks-highlight-uncommon-2: linear-gradient(to bottom right, rgba(231, 20, 225, 0.56), rgba(241, 232, 42, 0.28)); --gradient--background-card-sparks-highlight-uncommon-3: linear-gradient(to bottom right, rgba(159, 0, 254, 0.56), rgba(43, 179, 114, 0.28)); --gradient--background-card-sparks-icebreaker: linear-gradient(to bottom right, #dce1ee, #f5f7f7); --gradient--background-card-sparks-prompt: linear-gradient(to bottom right, #e714e1, #d5092c); --gradient--background-card-sparks-quiz: linear-gradient(to bottom right, #9f00fe, #e714e1); --gradient--background-explore-attribution: linear-gradient(90deg, #eb0052, #940b8f); --gradient--background-festival-mode: linear-gradient(90deg, #002ca2, #9f00fe); --gradient--background-gamepad-boost-pressed: linear-gradient(to top right, #9f00fe, #ce79ff); --gradient--background-gamepad-like-pressed: linear-gradient(to top right, #209663, #1b9296); --gradient--background-gamepad-nope-pressed: linear-gradient(to top right, #fd267a, #ff6036); --gradient--background-gamepad-rewind-pressed: linear-gradient(to top right, #ee8109, #f1e82a); --gradient--background-gamepad-sparks-boost-pressed: linear-gradient(to top left, #b650ff, #fd54f7); --gradient--background-gamepad-sparks-like-pressed: linear-gradient(to top left, #2bb372, #f1e82a); --gradient--background-gamepad-sparks-nope-pressed: linear-gradient(to top left, #fe7074, #e714e1); --gradient--background-gamepad-sparks-rewind-pressed: linear-gradient(to top left, #ee8109, #f1e82a); --gradient--background-gamepad-sparks-super-like-pressed: linear-gradient(to top left, #0046c7, #2bfbfd); --gradient--background-gamepad-super-like-pressed: linear-gradient(to top right, #0083f8, #1b9296); --gradient--background-gold: linear-gradient(to top right, #e6af16, #f7d472); --gradient--background-gold-inverse: linear-gradient(to top right, #e6af16, #f7d472); --gradient--background-gold-shine: linear-gradient(to top right, #e6af16, #f7d472, #e6af16); --gradient--background-gold-shine-inverse: linear-gradient(to top right, #e6af16, #f7d472, #e6af16); --gradient--background-gold-subtle: linear-gradient(0deg, #ffffff, #ffe8a5); --gradient--background-hot-takes: linear-gradient(90deg, #58009b, #bc10b7); --gradient--background-like: linear-gradient(to top right, #38d27c, #2bebef); --gradient--background-like-inverse: linear-gradient(to top right, #4af277, #2bfbfd); --gradient--background-like-subtle: linear-gradient(0deg, #ffffff, #d7fcb4); --gradient--background-match-expiration: linear-gradient(to top right, #c6003c, #d30ab7); --gradient--background-nope: linear-gradient(to top right, #fd267a, #ff6036); --gradient--background-nope-inverse: linear-gradient(to top right, #fd267a, #ff6036); --gradient--background-passions-shared-rec: linear-gradient(90deg, #ff6036, #e714e1); --gradient--background-passions-sparks-shared-overlay: linear-gradient(to top right, #fbd4d4, #e714e1); --gradient--background-platinum: linear-gradient(to top right, #101113, #656a78); --gradient--background-platinum-inverse: linear-gradient(to top right, #b4b9c6, #f0f1f4); --gradient--background-platinum-shine: linear-gradient(to top right, #101113, #656a78, #101113); --gradient--background-platinum-shine-inverse: linear-gradient(to top right, #b4b9c6, #f0f1f4, #b4b9c6); --gradient--background-platinum-subtle: linear-gradient(0deg, #ffffff, #d1d4dd); --gradient--background-plus-subtle: linear-gradient(0deg, #ffffff, #ffc7c7); --gradient--background-primary-gradient: linear-gradient(0deg, #f0eeee, #f0eeee); --gradient--background-primary-linear: linear-gradient(180deg, #f0eeee, #e3e0e0); --gradient--background-rec-card-bottom-ai-gradient: linear-gradient(180deg, #000000, #54002b, #85003a); --gradient--background-rewind: linear-gradient(to top right, #ee8109, #f1e82a); --gradient--background-rewind-inverse: linear-gradient(to top right, #ee8109, #f1e82a); --gradient--background-scripted-onboarding: linear-gradient(to bottom left, #6fc0ff, #fe91f9); --gradient--background-select-subtle: linear-gradient(0deg, #ffffff, #dfd9ff); --gradient--background-sparks-boost: linear-gradient(to top left, #b650ff, #fd54f7); --gradient--background-sparks-like: linear-gradient(to top left, #2bb372, #f1e82a); --gradient--background-sparks-nope: linear-gradient(to top left, #fe7074, #e714e1); --gradient--background-sparks-rewind: linear-gradient(to top left, #ee8109, #f1e82a); --gradient--background-sparks-super-like: linear-gradient(to top left, #0046c7, #2bfbfd); --gradient--background-spotify-music-mode: linear-gradient(90deg, #032c1c, #0e5e40); --gradient--background-super-boost: linear-gradient(to top right, #b650ff, #fe91f9); --gradient--background-super-boost-inverse: linear-gradient(to top right, #b650ff, #fe91f9); --gradient--background-super-boost-subtle: linear-gradient(0deg, #ffffff, #ffd6fd); --gradient--background-super-like: linear-gradient(to top right, #37a2ff, #2bebef); --gradient--background-super-like-inverse: linear-gradient(to top right, #0083f8, #2bfbfd); --gradient--background-super-like-subtle: linear-gradient(0deg, #ffffff, #c4e7ff); --gradient--background-swipesurge: linear-gradient(to top right, #4af277, #2bebef); --gradient--background-teal-subtle: linear-gradient(0deg, #ffffff, #affffe); --gradient--background-vault-gradient: linear-gradient(to bottom right, #9f00fe, #5f44ea, #0063e3); --gradient--background-vault-subtle: linear-gradient(0deg, #ffffff, #dfd9ff); --gradient--border-brand-gradient: linear-gradient(to top right, #fd267a, #ff6036); --gradient--border-match-expiration: linear-gradient(to top right, #c6003c, #d30ab7); --gradient--border-sparks-prompt-selected: linear-gradient(90deg, #ff6036, #e714e1); --gradient--border-vault-gradient: linear-gradient(to bottom right, #9f00fe, #5f44ea, #0063e3); --gradient--fade-bottom-to-top-primary-bold: linear-gradient(180deg, #f0eeee00, #f0eeee); --gradient--fade-bottom-to-top-primary-subtle: linear-gradient(180deg, #f0eeee00, #f0eeee66); --gradient--fade-bottom-to-top-secondary: linear-gradient(180deg, #e3e0e000, #e3e0e0); --gradient--fade-bottom-to-top-tertiary: linear-gradient(180deg, #ffffff00, #ffffff); --gradient--fade-primary-bottom-to-top: linear-gradient(0deg, #f0eeee, #f0eeee00); --gradient--fade-primary-top-to-bottom: linear-gradient(180deg, #f0eeee, #f0eeee00); --gradient--fade-top-to-bottom-primary-bold: linear-gradient(180deg, #f0eeee, #f0eeee00); --gradient--fade-top-to-bottom-primary-subtle: linear-gradient(180deg, #f0eeee66, #f0eeee00); --gradient--fade-top-to-bottom-secondary: linear-gradient(180deg, #e3e0e0, #e3e0e000); --gradient--fade-top-to-bottom-tertiary: linear-gradient(180deg, #ffffff, #ffffff00); --gradient--foreground-progress-active: linear-gradient(90deg, #ff6036, #e714e1); --gradient--icon-boost: linear-gradient(to top right, #9f00fe, #ce79ff); --gradient--icon-brand-gradient: linear-gradient(to top right, #fd267a, #ff6036); --gradient--icon-chat-drawer-vibes-active: linear-gradient(to top right, #ee8109, #e714e1, #2bebef); --gradient--icon-container-banner-default: linear-gradient(to top right, #fd267a, #ff6036); --gradient--icon-gamepad-primary-boost-default: linear-gradient(to top right, #9f00fe, #ce79ff); --gradient--icon-gamepad-primary-like-default: linear-gradient(to top right, #4af277, #2bfbfd); --gradient--icon-gamepad-primary-nope-default: linear-gradient(to top right, #fd267a, #ff6036); --gradient--icon-gamepad-primary-rewind-default: linear-gradient(to top right, #ee8109, #f1e82a); --gradient--icon-gamepad-primary-super-like-default: linear-gradient(to top right, #0083f8, #2bfbfd); --gradient--icon-gamepad-secondary-boost-default: linear-gradient(to top right, #9f00fe, #ce79ff); --gradient--icon-gamepad-secondary-like-default: linear-gradient(to top right, #209663, #1b9296); --gradient--icon-gamepad-secondary-nope-default: linear-gradient(to top right, #fd267a, #ff6036); --gradient--icon-gamepad-secondary-rewind-default: linear-gradient(to top right, #ee8109, #f1e82a); --gradient--icon-gamepad-secondary-super-like-default: linear-gradient(to top right, #0083f8, #1b9296); --gradient--icon-gamepad-sparks-boost-default: linear-gradient(to top left, #b650ff, #fd54f7); --gradient--icon-gamepad-sparks-like-default: linear-gradient(to top left, #2bb372, #f1e82a); --gradient--icon-gamepad-sparks-nope-default: linear-gradient(to top left, #fe7074, #e714e1); --gradient--icon-gamepad-sparks-rewind-default: linear-gradient(to top left, #ee8109, #f1e82a); --gradient--icon-gamepad-sparks-super-like-default: linear-gradient(to top left, #0046c7, #2bfbfd); --gradient--icon-gold: linear-gradient(to top right, #e6af16, #f7d472); --gradient--icon-like: linear-gradient(to top right, #209663, #1b9296); --gradient--icon-match-expiration: linear-gradient(to top right, #c6003c, #d30ab7); --gradient--icon-navigation-primary-active: linear-gradient(to top right, #fd267a, #ff6036); --gradient--icon-nope: linear-gradient(to top right, #fd267a, #ff6036); --gradient--icon-platinum: linear-gradient(to top right, #101113, #656a78); --gradient--icon-rewind: linear-gradient(to top right, #ee8109, #f1e82a); --gradient--icon-sparks-boost: linear-gradient(to top left, #b650ff, #fd54f7); --gradient--icon-sparks-like: linear-gradient(to top left, #2bb372, #f1e82a); --gradient--icon-sparks-matchmaker-attribution: linear-gradient(0deg, #38d27c, #4af277); --gradient--icon-sparks-nope: linear-gradient(to top left, #fe7074, #e714e1); --gradient--icon-sparks-rewind: linear-gradient(to top left, #ee8109, #f1e82a); --gradient--icon-sparks-super-like: linear-gradient(to top left, #0046c7, #2bfbfd); --gradient--icon-superlike: linear-gradient(to top right, #0083f8, #1b9296); --gradient--icon-vault-gradient: linear-gradient(to bottom right, #9f00fe, #5f44ea, #0063e3); --gradient--overlay-background-primary: linear-gradient(180deg, #f0eeee00, #f0eeee54, #f0eeee96, #f0eeeeC4, #f0eeee); --gradient--overlay-background-primary-variant: linear-gradient(90deg, #f0eeee00, #f0eeee); --gradient--overlay-card: linear-gradient(180deg, rgba(0, 0, 0, 0), #000000); --gradient--overlay-contextual-like: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7), #000000); --gradient--overlay-primary-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0), #000000); --gradient--overlay-profile-button-gamepad: linear-gradient(180deg, rgba(255, 255, 255, 0), #e7e9ee); --gradient--overlay-profile-sparks-super-like: linear-gradient(180deg, #dce1ee00, #dce1ee4F, #dce1eeB3, #dce1ee, #dce1ee); --gradient--overlay-rec-card-default: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.33), rgba(0, 0, 0, 0.59), rgba(0, 0, 0, 0.77), #000000); --gradient--overlay-rec-card-highlight: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.73), rgba(0, 0, 0, 0.87), #000000); --gradient--overlay-rec-card-intent-a: linear-gradient(180deg, rgba(0, 24, 116, 0), rgba(0, 70, 199, 0.6), rgba(0, 44, 162, 0.73), rgba(0, 24, 116, 0.87), #000000); --gradient--overlay-rec-card-intent-b: linear-gradient(180deg, rgba(3, 43, 45, 0), rgba(14, 92, 95, 0.6), rgba(7, 66, 69, 0.73), rgba(3, 43, 45, 0.87), #000000); --gradient--overlay-rec-card-intent-c: linear-gradient(180deg, rgba(3, 44, 28, 0), rgba(22, 121, 82, 0.6), rgba(7, 68, 46, 0.73), rgba(3, 44, 28, 0.87), #000000); --gradient--overlay-rec-card-intent-d: linear-gradient(180deg, rgba(78, 13, 0, 0), rgba(151, 45, 0, 0.6), rgba(115, 27, 0, 0.73), rgba(78, 13, 0, 0.87), #000000); --gradient--overlay-rec-card-intent-e: linear-gradient(180deg, rgba(82, 3, 21, 0), rgba(167, 8, 40, 0.6), rgba(123, 5, 32, 0.73), rgba(82, 3, 21, 0.87), #000000); --gradient--overlay-rec-card-intent-f: linear-gradient(180deg, rgba(57, 0, 106, 0), rgba(122, 0, 205, 0.6), rgba(88, 0, 155, 0.73), rgba(57, 0, 106, 0.87), #000000); --gradient--overlay-rec-card-sparks-super-like: linear-gradient(180deg, #dce1ee00, #dce1ee4F, #dce1eeB3, #dce1ee, #dce1ee); --gradient--overlay-rec-card-super-like: linear-gradient(180deg, rgba(0, 24, 116, 0), rgba(0, 24, 116, 0.6), rgba(0, 44, 162, 0.76), #0063e3, #0063e3); --gradient--overlay-rec-card-vault: linear-gradient(180deg, rgba(57, 0, 106, 0), rgba(57, 0, 106, 0.6), rgba(88, 0, 155, 0.8), #5f44ea, #0063e3); --gradient--overlay-secondary-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.56)); --gradient--overlay-subtle-card: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.56)); --gradient--overlay-tappy-content-bottom: linear-gradient(180deg, #101113, rgba(16, 17, 19, 0.8)); --gradient--overlay-tappy-content-top: linear-gradient(180deg, rgba(16, 17, 19, 0.8), #101113); --gradient--overlay-tappy-high-bottom: linear-gradient(180deg, rgba(16, 17, 19, 0) 0%, rgba(16, 17, 19, 0.5) 25%, rgba(16, 17, 19, 0.7) 50%, #101113 100%); --gradient--overlay-tappy-high-top-light: linear-gradient(180deg, rgba(16, 17, 19, 0.23), rgba(16, 17, 19, 0.32), rgba(16, 17, 19, 0)); --gradient--overlay-tappy-high-top-medium: linear-gradient(180deg, rgba(16, 17, 19, 0.45), rgba(16, 17, 19, 0.45), rgba(16, 17, 19, 0)); --gradient--overlay-tappy-high-top-strong: linear-gradient(180deg, rgba(16, 17, 19, 0.7), rgba(16, 17, 19, 0.7), rgba(16, 17, 19, 0)); --gradient--overlay-tappy-low-bottom: linear-gradient(180deg, rgba(79, 79, 79, 0), rgba(79, 79, 79, 0.75), rgba(79, 79, 79, 0)); --gradient--overlay-tappy-low-top: linear-gradient(180deg, #636363, rgba(99, 99, 99, 0)); --gradient--shimmer-gold: linear-gradient(to top right, #f7d472, #f7d472, #e6af16, #f7d472, #ffe8a5, #f7d472, #e6af16, #f7d472, #f7d472); --gradient--shimmer-platinum: linear-gradient(to top right, #24262a, #24262a, #101113, #24262a, #393b42, #24262a, #101113, #24262a, #24262a); --gradient--swipe-overlay-rec-card-sparks-like: linear-gradient(to top left, #2bb372, #f1e82a); --gradient--swipe-overlay-rec-card-sparks-nope: linear-gradient(to top left, #fe7074, #e714e1); --gradient--swipe-overlay-rec-card-sparks-super-like: linear-gradient(to top left, #0046c7, #2bfbfd); --gradient--text-match-expiration: linear-gradient(to top right, #c6003c, #d30ab7); --gradient--text-sparks-matchmaker-attribution: linear-gradient(0deg, #38d27c, #4af277); --fill--brand-gradient: url(#svg-fill-linear__light__gradient--brandGradient); --fill--brand-subtle: url(#svg-fill-linear__light__gradient--brandSubtle); --fill--brand-subtle-on-dark: url(#svg-fill-linear__light__gradient--brandSubtleOnDark); --fill--explore-attribution-gradient: url(#svg-fill-linear__light__gradient--exploreAttributionGradient); --fill--festival-mode-gradient: url(#svg-fill-linear__light__gradient--festivalModeGradient); --fill--gamepad-boost: url(#svg-fill-linear__light__gradient--gamepadBoost); --fill--gamepad-boost-on-dark: url(#svg-fill-linear__light__gradient--gamepadBoostOnDark); --fill--gamepad-boost-subtle: url(#svg-fill-linear__light__gradient--gamepadBoostSubtle); --fill--gamepad-boost-subtle-on-dark: url(#svg-fill-linear__light__gradient--gamepadBoostSubtleOnDark); --fill--gamepad-like: url(#svg-fill-linear__light__gradient--gamepadLike); --fill--gamepad-like-on-dark: url(#svg-fill-linear__light__gradient--gamepadLikeOnDark); --fill--gamepad-like-on-light: url(#svg-fill-linear__light__gradient--gamepadLikeOnLight); --fill--gamepad-like-subtle: url(#svg-fill-linear__light__gradient--gamepadLikeSubtle); --fill--gamepad-like-subtle-on-dark: url(#svg-fill-linear__light__gradient--gamepadLikeSubtleOnDark); --fill--gamepad-nope: url(#svg-fill-linear__light__gradient--gamepadNope); --fill--gamepad-nope-on-dark: url(#svg-fill-linear__light__gradient--gamepadNopeOnDark); --fill--gamepad-rewind: url(#svg-fill-linear__light__gradient--gamepadRewind); --fill--gamepad-rewind-on-dark: url(#svg-fill-linear__light__gradient--gamepadRewindOnDark); --fill--gamepad-sparks-boost: url(#svg-fill-linear__light__gradient--gamepadSparksBoost); --fill--gamepad-sparks-like: url(#svg-fill-linear__light__gradient--gamepadSparksLike); --fill--gamepad-sparks-nope: url(#svg-fill-linear__light__gradient--gamepadSparksNope); --fill--gamepad-sparks-rewind: url(#svg-fill-linear__light__gradient--gamepadSparksRewind); --fill--gamepad-sparks-super-like: url(#svg-fill-linear__light__gradient--gamepadSparksSuperLike); --fill--gamepad-super-boost: url(#svg-fill-linear__light__gradient--gamepadSuperBoost); --fill--gamepad-super-boost-on-dark: url(#svg-fill-linear__light__gradient--gamepadSuperBoostOnDark); --fill--gamepad-super-boost-subtle: url(#svg-fill-linear__light__gradient--gamepadSuperBoostSubtle); --fill--gamepad-super-boost-subtle-on-dark: url(#svg-fill-linear__light__gradient--gamepadSuperBoostSubtleOnDark); --fill--gamepad-super-like: url(#svg-fill-linear__light__gradient--gamepadSuperLike); --fill--gamepad-super-like-on-dark: url(#svg-fill-linear__light__gradient--gamepadSuperLikeOnDark); --fill--gamepad-super-like-on-light: url(#svg-fill-linear__light__gradient--gamepadSuperLikeOnLight); --fill--gamepad-super-like-subtle: url(#svg-fill-linear__light__gradient--gamepadSuperLikeSubtle); --fill--gamepad-super-like-subtle-on-dark: url(#svg-fill-linear__light__gradient--gamepadSuperLikeSubtleOnDark); --fill--hot-takes-gradient: url(#svg-fill-linear__light__gradient--hotTakesGradient); --fill--match-expiration-gradient: url(#svg-fill-linear__light__gradient--matchExpirationGradient); --fill--match-expiration-gradient-on-dark: url(#svg-fill-linear__light__gradient--matchExpirationGradientOnDark); --fill--passions-gradient: url(#svg-fill-linear__light__gradient--passionsGradient); --fill--revenue-gold: url(#svg-fill-linear__light__gradient--revenueGold); --fill--revenue-gold-on-dark: url(#svg-fill-linear__light__gradient--revenueGoldOnDark); --fill--revenue-gold-shine: url(#svg-fill-linear__light__gradient--revenueGoldShine); --fill--revenue-gold-shine-animation: url(#svg-fill-linear__light__gradient--revenueGoldShineAnimation); --fill--revenue-gold-shine-animation-on-dark: url(#svg-fill-linear__light__gradient--revenueGoldShineAnimationOnDark); --fill--revenue-gold-shine-on-dark: url(#svg-fill-linear__light__gradient--revenueGoldShineOnDark); --fill--revenue-gold-subtle: url(#svg-fill-linear__light__gradient--revenueGoldSubtle); --fill--revenue-gold-subtle-on-dark: url(#svg-fill-linear__light__gradient--revenueGoldSubtleOnDark); --fill--revenue-platinum: url(#svg-fill-linear__light__gradient--revenuePlatinum); --fill--revenue-platinum-on-dark: url(#svg-fill-linear__light__gradient--revenuePlatinumOnDark); --fill--revenue-platinum-shine: url(#svg-fill-linear__light__gradient--revenuePlatinumShine); --fill--revenue-platinum-shine-animation: url(#svg-fill-linear__light__gradient--revenuePlatinumShineAnimation); --fill--revenue-platinum-shine-animation-on-dark: url(#svg-fill-linear__light__gradient--revenuePlatinumShineAnimationOnDark); --fill--revenue-platinum-shine-on-dark: url(#svg-fill-linear__light__gradient--revenuePlatinumShineOnDark); --fill--revenue-platinum-subtle: url(#svg-fill-linear__light__gradient--revenuePlatinumSubtle); --fill--revenue-platinum-subtle-on-dark: url(#svg-fill-linear__light__gradient--revenuePlatinumSubtleOnDark); --fill--revenue-plus: url(#svg-fill-linear__light__gradient--revenuePlus); --fill--revenue-plus-on-dark: url(#svg-fill-linear__light__gradient--revenuePlusOnDark); --fill--revenue-plus-subtle: url(#svg-fill-linear__light__gradient--revenuePlusSubtle); --fill--revenue-plus-subtle-on-dark: url(#svg-fill-linear__light__gradient--revenuePlusSubtleOnDark); --fill--spotify-music-mode-gradient: url(#svg-fill-linear__light__gradient--spotifyMusicModeGradient); --fill--vault-gradient: url(#svg-fill-linear__light__gradient--vaultGradient); --fill--vault-subtle-on-dark: url(#svg-fill-linear__light__gradient--vaultSubtleOnDark); --fill--vault-subtle-on-light: url(#svg-fill-linear__light__gradient--vaultSubtleOnLight); --fill--vibes-gradient: url(#svg-fill-linear__light__gradient--vibesGradient); --fill--accent-boost-gradient: url(#svg-fill-linear__light__gradient--accentBoostGradient); --fill--accent-brand-gradient: url(#svg-fill-linear__light__gradient--accentBrandGradient); --fill--accent-explore-gradient: url(#svg-fill-linear__light__gradient--accentExploreGradient); --fill--accent-festival-mode-gradient: url(#svg-fill-linear__light__gradient--accentFestivalModeGradient); --fill--accent-gold-gradient: url(#svg-fill-linear__light__gradient--accentGoldGradient); --fill--accent-gold-shine-gradient: url(#svg-fill-linear__light__gradient--accentGoldShineGradient); --fill--accent-hot-takes-gradient: url(#svg-fill-linear__light__gradient--accentHotTakesGradient); --fill--accent-like-gradient: url(#svg-fill-linear__light__gradient--accentLikeGradient); --fill--accent-match-expiration-gradient: url(#svg-fill-linear__light__gradient--accentMatchExpirationGradient); --fill--accent-matchmaker-gradient: url(#svg-fill-linear__light__gradient--accentMatchmakerGradient); --fill--accent-nope-gradient: url(#svg-fill-linear__light__gradient--accentNopeGradient); --fill--accent-passions-gradient: url(#svg-fill-linear__light__gradient--accentPassionsGradient); --fill--accent-platinum-gradient: url(#svg-fill-linear__light__gradient--accentPlatinumGradient); --fill--accent-platinum-gradient-inverse: url(#svg-fill-linear__light__gradient--accentPlatinumGradientInverse); --fill--accent-platinum-shine-gradient: url(#svg-fill-linear__light__gradient--accentPlatinumShineGradient); --fill--accent-platinum-shine-gradient-inverse: url(#svg-fill-linear__light__gradient--accentPlatinumShineGradientInverse); --fill--accent-primary-gradient: url(#svg-fill-linear__light__gradient--accentPrimaryGradient); --fill--accent-rewind-gradient: url(#svg-fill-linear__light__gradient--accentRewindGradient); --fill--accent-select-gradient: url(#svg-fill-linear__light__gradient--accentSelectGradient); --fill--accent-sparks-boost-gradient: url(#svg-fill-linear__light__gradient--accentSparksBoostGradient); --fill--accent-sparks-like-gradient: url(#svg-fill-linear__light__gradient--accentSparksLikeGradient); --fill--accent-sparks-nope-gradient: url(#svg-fill-linear__light__gradient--accentSparksNopeGradient); --fill--accent-sparks-rewind-gradient: url(#svg-fill-linear__light__gradient--accentSparksRewindGradient); --fill--accent-sparks-super-like-gradient: url(#svg-fill-linear__light__gradient--accentSparksSuperLikeGradient); --fill--accent-spotify-music-mode-gradient: url(#svg-fill-linear__light__gradient--accentSpotifyMusicModeGradient); --fill--accent-super-boost-gradient: url(#svg-fill-linear__light__gradient--accentSuperBoostGradient); --fill--accent-super-like-gradient: url(#svg-fill-linear__light__gradient--accentSuperLikeGradient); --fill--accent-vibes-gradient: url(#svg-fill-linear__light__gradient--accentVibesGradient); --fill--background-background-primary: url(#svg-fill-linear__light__gradient--backgroundBackgroundPrimary); --fill--background-background-primary-variant: url(#svg-fill-linear__light__gradient--backgroundBackgroundPrimaryVariant); --fill--background-boost: url(#svg-fill-linear__light__gradient--backgroundBoost); --fill--background-boost-inverse: url(#svg-fill-linear__light__gradient--backgroundBoostInverse); --fill--background-boost-subtle: url(#svg-fill-linear__light__gradient--backgroundBoostSubtle); --fill--background-brand-gradient: url(#svg-fill-linear__light__gradient--backgroundBrandGradient); --fill--background-brand-subtle: url(#svg-fill-linear__light__gradient--backgroundBrandSubtle); --fill--background-card-sparks-highlight-common-1: url(#svg-fill-linear__light__gradient--backgroundCardSparksHighlightCommon1); --fill--background-card-sparks-highlight-common-2: url(#svg-fill-linear__light__gradient--backgroundCardSparksHighlightCommon2); --fill--background-card-sparks-highlight-common-3: url(#svg-fill-linear__light__gradient--backgroundCardSparksHighlightCommon3); --fill--background-card-sparks-highlight-uncommon-1: url(#svg-fill-linear__light__gradient--backgroundCardSparksHighlightUncommon1); --fill--background-card-sparks-highlight-uncommon-2: url(#svg-fill-linear__light__gradient--backgroundCardSparksHighlightUncommon2); --fill--background-card-sparks-highlight-uncommon-3: url(#svg-fill-linear__light__gradient--backgroundCardSparksHighlightUncommon3); --fill--background-card-sparks-icebreaker: url(#svg-fill-linear__light__gradient--backgroundCardSparksIcebreaker); --fill--background-card-sparks-prompt: url(#svg-fill-linear__light__gradient--backgroundCardSparksPrompt); --fill--background-card-sparks-quiz: url(#svg-fill-linear__light__gradient--backgroundCardSparksQuiz); --fill--background-explore-attribution: url(#svg-fill-linear__light__gradient--backgroundExploreAttribution); --fill--background-festival-mode: url(#svg-fill-linear__light__gradient--backgroundFestivalMode); --fill--background-gamepad-boost-pressed: url(#svg-fill-linear__light__gradient--backgroundGamepadBoostPressed); --fill--background-gamepad-like-pressed: url(#svg-fill-linear__light__gradient--backgroundGamepadLikePressed); --fill--background-gamepad-nope-pressed: url(#svg-fill-linear__light__gradient--backgroundGamepadNopePressed); --fill--background-gamepad-rewind-pressed: url(#svg-fill-linear__light__gradient--backgroundGamepadRewindPressed); --fill--background-gamepad-sparks-boost-pressed: url(#svg-fill-linear__light__gradient--backgroundGamepadSparksBoostPressed); --fill--background-gamepad-sparks-like-pressed: url(#svg-fill-linear__light__gradient--backgroundGamepadSparksLikePressed); --fill--background-gamepad-sparks-nope-pressed: url(#svg-fill-linear__light__gradient--backgroundGamepadSparksNopePressed); --fill--background-gamepad-sparks-rewind-pressed: url(#svg-fill-linear__light__gradient--backgroundGamepadSparksRewindPressed); --fill--background-gamepad-sparks-super-like-pressed: url(#svg-fill-linear__light__gradient--backgroundGamepadSparksSuperLikePressed); --fill--background-gamepad-super-like-pressed: url(#svg-fill-linear__light__gradient--backgroundGamepadSuperLikePressed); --fill--background-gold: url(#svg-fill-linear__light__gradient--backgroundGold); --fill--background-gold-inverse: url(#svg-fill-linear__light__gradient--backgroundGoldInverse); --fill--background-gold-shine: url(#svg-fill-linear__light__gradient--backgroundGoldShine); --fill--background-gold-shine-inverse: url(#svg-fill-linear__light__gradient--backgroundGoldShineInverse); --fill--background-gold-subtle: url(#svg-fill-linear__light__gradient--backgroundGoldSubtle); --fill--background-hot-takes: url(#svg-fill-linear__light__gradient--backgroundHotTakes); --fill--background-like: url(#svg-fill-linear__light__gradient--backgroundLike); --fill--background-like-inverse: url(#svg-fill-linear__light__gradient--backgroundLikeInverse); --fill--background-like-subtle: url(#svg-fill-linear__light__gradient--backgroundLikeSubtle); --fill--background-match-expiration: url(#svg-fill-linear__light__gradient--backgroundMatchExpiration); --fill--background-nope: url(#svg-fill-linear__light__gradient--backgroundNope); --fill--background-nope-inverse: url(#svg-fill-linear__light__gradient--backgroundNopeInverse); --fill--background-passions-shared-rec: url(#svg-fill-linear__light__gradient--backgroundPassionsSharedRec); --fill--background-passions-sparks-shared-overlay: url(#svg-fill-linear__light__gradient--backgroundPassionsSparksSharedOverlay); --fill--background-platinum: url(#svg-fill-linear__light__gradient--backgroundPlatinum); --fill--background-platinum-inverse: url(#svg-fill-linear__light__gradient--backgroundPlatinumInverse); --fill--background-platinum-shine: url(#svg-fill-linear__light__gradient--backgroundPlatinumShine); --fill--background-platinum-shine-inverse: url(#svg-fill-linear__light__gradient--backgroundPlatinumShineInverse); --fill--background-platinum-subtle: url(#svg-fill-linear__light__gradient--backgroundPlatinumSubtle); --fill--background-plus-subtle: url(#svg-fill-linear__light__gradient--backgroundPlusSubtle); --fill--background-primary-gradient: url(#svg-fill-linear__light__gradient--backgroundPrimaryGradient); --fill--background-primary-linear: url(#svg-fill-linear__light__gradient--backgroundPrimaryLinear); --fill--background-rec-card-bottom-ai-gradient: url(#svg-fill-linear__light__gradient--backgroundRecCardBottomAiGradient); --fill--background-rewind: url(#svg-fill-linear__light__gradient--backgroundRewind); --fill--background-rewind-inverse: url(#svg-fill-linear__light__gradient--backgroundRewindInverse); --fill--background-scripted-onboarding: url(#svg-fill-linear__light__gradient--backgroundScriptedOnboarding); --fill--background-select-subtle: url(#svg-fill-linear__light__gradient--backgroundSelectSubtle); --fill--background-sparks-boost: url(#svg-fill-linear__light__gradient--backgroundSparksBoost); --fill--background-sparks-like: url(#svg-fill-linear__light__gradient--backgroundSparksLike); --fill--background-sparks-nope: url(#svg-fill-linear__light__gradient--backgroundSparksNope); --fill--background-sparks-rewind: url(#svg-fill-linear__light__gradient--backgroundSparksRewind); --fill--background-sparks-super-like: url(#svg-fill-linear__light__gradient--backgroundSparksSuperLike); --fill--background-spotify-music-mode: url(#svg-fill-linear__light__gradient--backgroundSpotifyMusicMode); --fill--background-super-boost: url(#svg-fill-linear__light__gradient--backgroundSuperBoost); --fill--background-super-boost-inverse: url(#svg-fill-linear__light__gradient--backgroundSuperBoostInverse); --fill--background-super-boost-subtle: url(#svg-fill-linear__light__gradient--backgroundSuperBoostSubtle); --fill--background-super-like: url(#svg-fill-linear__light__gradient--backgroundSuperLike); --fill--background-super-like-inverse: url(#svg-fill-linear__light__gradient--backgroundSuperLikeInverse); --fill--background-super-like-subtle: url(#svg-fill-linear__light__gradient--backgroundSuperLikeSubtle); --fill--background-swipesurge: url(#svg-fill-linear__light__gradient--backgroundSwipesurge); --fill--background-teal-subtle: url(#svg-fill-linear__light__gradient--backgroundTealSubtle); --fill--background-vault-gradient: url(#svg-fill-linear__light__gradient--backgroundVaultGradient); --fill--background-vault-subtle: url(#svg-fill-linear__light__gradient--backgroundVaultSubtle); --fill--border-brand-gradient: url(#svg-fill-linear__light__gradient--borderBrandGradient); --fill--border-match-expiration: url(#svg-fill-linear__light__gradient--borderMatchExpiration); --fill--border-sparks-prompt-selected: url(#svg-fill-linear__light__gradient--borderSparksPromptSelected); --fill--border-vault-gradient: url(#svg-fill-linear__light__gradient--borderVaultGradient); --fill--fade-bottom-to-top-primary-bold: url(#svg-fill-linear__light__gradient--fadeBottomToTopPrimaryBold); --fill--fade-bottom-to-top-primary-subtle: url(#svg-fill-linear__light__gradient--fadeBottomToTopPrimarySubtle); --fill--fade-bottom-to-top-secondary: url(#svg-fill-linear__light__gradient--fadeBottomToTopSecondary); --fill--fade-bottom-to-top-tertiary: url(#svg-fill-linear__light__gradient--fadeBottomToTopTertiary); --fill--fade-primary-bottom-to-top: url(#svg-fill-linear__light__gradient--fadePrimaryBottomToTop); --fill--fade-primary-top-to-bottom: url(#svg-fill-linear__light__gradient--fadePrimaryTopToBottom); --fill--fade-top-to-bottom-primary-bold: url(#svg-fill-linear__light__gradient--fadeTopToBottomPrimaryBold); --fill--fade-top-to-bottom-primary-subtle: url(#svg-fill-linear__light__gradient--fadeTopToBottomPrimarySubtle); --fill--fade-top-to-bottom-secondary: url(#svg-fill-linear__light__gradient--fadeTopToBottomSecondary); --fill--fade-top-to-bottom-tertiary: url(#svg-fill-linear__light__gradient--fadeTopToBottomTertiary); --fill--foreground-progress-active: url(#svg-fill-linear__light__gradient--foregroundProgressActive); --fill--icon-boost: url(#svg-fill-linear__light__gradient--iconBoost); --fill--icon-brand-gradient: url(#svg-fill-linear__light__gradient--iconBrandGradient); --fill--icon-chat-drawer-vibes-active: url(#svg-fill-linear__light__gradient--iconChatDrawerVibesActive); --fill--icon-container-banner-default: url(#svg-fill-linear__light__gradient--iconContainerBannerDefault); --fill--icon-gamepad-primary-boost-default: url(#svg-fill-linear__light__gradient--iconGamepadPrimaryBoostDefault); --fill--icon-gamepad-primary-like-default: url(#svg-fill-linear__light__gradient--iconGamepadPrimaryLikeDefault); --fill--icon-gamepad-primary-nope-default: url(#svg-fill-linear__light__gradient--iconGamepadPrimaryNopeDefault); --fill--icon-gamepad-primary-rewind-default: url(#svg-fill-linear__light__gradient--iconGamepadPrimaryRewindDefault); --fill--icon-gamepad-primary-super-like-default: url(#svg-fill-linear__light__gradient--iconGamepadPrimarySuperLikeDefault); --fill--icon-gamepad-secondary-boost-default: url(#svg-fill-linear__light__gradient--iconGamepadSecondaryBoostDefault); --fill--icon-gamepad-secondary-like-default: url(#svg-fill-linear__light__gradient--iconGamepadSecondaryLikeDefault); --fill--icon-gamepad-secondary-nope-default: url(#svg-fill-linear__light__gradient--iconGamepadSecondaryNopeDefault); --fill--icon-gamepad-secondary-rewind-default: url(#svg-fill-linear__light__gradient--iconGamepadSecondaryRewindDefault); --fill--icon-gamepad-secondary-super-like-default: url(#svg-fill-linear__light__gradient--iconGamepadSecondarySuperLikeDefault); --fill--icon-gamepad-sparks-boost-default: url(#svg-fill-linear__light__gradient--iconGamepadSparksBoostDefault); --fill--icon-gamepad-sparks-like-default: url(#svg-fill-linear__light__gradient--iconGamepadSparksLikeDefault); --fill--icon-gamepad-sparks-nope-default: url(#svg-fill-linear__light__gradient--iconGamepadSparksNopeDefault); --fill--icon-gamepad-sparks-rewind-default: url(#svg-fill-linear__light__gradient--iconGamepadSparksRewindDefault); --fill--icon-gamepad-sparks-super-like-default: url(#svg-fill-linear__light__gradient--iconGamepadSparksSuperLikeDefault); --fill--icon-gold: url(#svg-fill-linear__light__gradient--iconGold); --fill--icon-like: url(#svg-fill-linear__light__gradient--iconLike); --fill--icon-match-expiration: url(#svg-fill-linear__light__gradient--iconMatchExpiration); --fill--icon-navigation-primary-active: url(#svg-fill-linear__light__gradient--iconNavigationPrimaryActive); --fill--icon-nope: url(#svg-fill-linear__light__gradient--iconNope); --fill--icon-platinum: url(#svg-fill-linear__light__gradient--iconPlatinum); --fill--icon-rewind: url(#svg-fill-linear__light__gradient--iconRewind); --fill--icon-sparks-boost: url(#svg-fill-linear__light__gradient--iconSparksBoost); --fill--icon-sparks-like: url(#svg-fill-linear__light__gradient--iconSparksLike); --fill--icon-sparks-matchmaker-attribution: url(#svg-fill-linear__light__gradient--iconSparksMatchmakerAttribution); --fill--icon-sparks-nope: url(#svg-fill-linear__light__gradient--iconSparksNope); --fill--icon-sparks-rewind: url(#svg-fill-linear__light__gradient--iconSparksRewind); --fill--icon-sparks-super-like: url(#svg-fill-linear__light__gradient--iconSparksSuperLike); --fill--icon-superlike: url(#svg-fill-linear__light__gradient--iconSuperlike); --fill--icon-vault-gradient: url(#svg-fill-linear__light__gradient--iconVaultGradient); --fill--overlay-background-primary: url(#svg-fill-linear__light__gradient--overlayBackgroundPrimary); --fill--overlay-background-primary-variant: url(#svg-fill-linear__light__gradient--overlayBackgroundPrimaryVariant); --fill--overlay-card: url(#svg-fill-linear__light__gradient--overlayCard); --fill--overlay-contextual-like: url(#svg-fill-linear__light__gradient--overlayContextualLike); --fill--overlay-primary-gradient: url(#svg-fill-linear__light__gradient--overlayPrimaryGradient); --fill--overlay-profile-button-gamepad: url(#svg-fill-linear__light__gradient--overlayProfileButtonGamepad); --fill--overlay-profile-sparks-super-like: url(#svg-fill-linear__light__gradient--overlayProfileSparksSuperLike); --fill--overlay-rec-card-default: url(#svg-fill-linear__light__gradient--overlayRecCardDefault); --fill--overlay-rec-card-highlight: url(#svg-fill-linear__light__gradient--overlayRecCardHighlight); --fill--overlay-rec-card-intent-a: url(#svg-fill-linear__light__gradient--overlayRecCardIntentA); --fill--overlay-rec-card-intent-b: url(#svg-fill-linear__light__gradient--overlayRecCardIntentB); --fill--overlay-rec-card-intent-c: url(#svg-fill-linear__light__gradient--overlayRecCardIntentC); --fill--overlay-rec-card-intent-d: url(#svg-fill-linear__light__gradient--overlayRecCardIntentD); --fill--overlay-rec-card-intent-e: url(#svg-fill-linear__light__gradient--overlayRecCardIntentE); --fill--overlay-rec-card-intent-f: url(#svg-fill-linear__light__gradient--overlayRecCardIntentF); --fill--overlay-rec-card-sparks-super-like: url(#svg-fill-linear__light__gradient--overlayRecCardSparksSuperLike); --fill--overlay-rec-card-super-like: url(#svg-fill-linear__light__gradient--overlayRecCardSuperLike); --fill--overlay-rec-card-vault: url(#svg-fill-linear__light__gradient--overlayRecCardVault); --fill--overlay-secondary-gradient: url(#svg-fill-linear__light__gradient--overlaySecondaryGradient); --fill--overlay-subtle-card: url(#svg-fill-linear__light__gradient--overlaySubtleCard); --fill--overlay-tappy-content-bottom: url(#svg-fill-linear__light__gradient--overlayTappyContentBottom); --fill--overlay-tappy-content-top: url(#svg-fill-linear__light__gradient--overlayTappyContentTop); --fill--overlay-tappy-high-bottom: url(#svg-fill-linear__light__gradient--overlayTappyHighBottom); --fill--overlay-tappy-high-top-light: url(#svg-fill-linear__light__gradient--overlayTappyHighTopLight); --fill--overlay-tappy-high-top-medium: url(#svg-fill-linear__light__gradient--overlayTappyHighTopMedium); --fill--overlay-tappy-high-top-strong: url(#svg-fill-linear__light__gradient--overlayTappyHighTopStrong); --fill--overlay-tappy-low-bottom: url(#svg-fill-linear__light__gradient--overlayTappyLowBottom); --fill--overlay-tappy-low-top: url(#svg-fill-linear__light__gradient--overlayTappyLowTop); --fill--shimmer-gold: url(#svg-fill-linear__light__gradient--shimmerGold); --fill--shimmer-platinum: url(#svg-fill-linear__light__gradient--shimmerPlatinum); --fill--swipe-overlay-rec-card-sparks-like: url(#svg-fill-linear__light__gradient--swipeOverlayRecCardSparksLike); --fill--swipe-overlay-rec-card-sparks-nope: url(#svg-fill-linear__light__gradient--swipeOverlayRecCardSparksNope); --fill--swipe-overlay-rec-card-sparks-super-like: url(#svg-fill-linear__light__gradient--swipeOverlayRecCardSparksSuperLike); --fill--text-match-expiration: url(#svg-fill-linear__light__gradient--textMatchExpiration); --fill--text-sparks-matchmaker-attribution: url(#svg-fill-linear__light__gradient--textSparksMatchmakerAttribution); --font-family--body-1-link: 'ProximaNova', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--body-1-regular: 'ProximaNova', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--body-1-sparks-semibold: 'ProximaNova', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--body-1-strong: 'ProximaNova', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--body-2-link: 'ProximaNova', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--body-2-regular: 'ProximaNova', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--body-2-sparks-semibold: 'ProximaNova', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--body-2-strong: 'ProximaNova', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--body-3-link: 'ProximaNova', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--body-3-regular: 'ProximaNova', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--body-3-strong: 'ProximaNova', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--button-1: 'ProximaNova', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--button-2: 'ProximaNova', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--caption-1-link: 'ProximaNova', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--caption-1-regular: 'ProximaNova', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--caption-1-strong: 'ProximaNova', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--caption-2-regular: 'ProximaNova', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--caption-2-strong: 'ProximaNova', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--display-1-regular: 'ProximaNova', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--display-1-strong: 'ProximaNova', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--display-2-regular: 'ProximaNova', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--display-2-sparks-regular: 'ProximaNova', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--display-2-sparks-strong: 'ProximaNova', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--display-2-strong: 'ProximaNova', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--display-3-regular: 'ProximaNova', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--display-3-strong: 'ProximaNova', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--heading-1: 'ProximaNova', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--sans-body-1-link: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--sans-body-1-regular: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--sans-body-1-strong: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--sans-body-2-link: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--sans-body-2-regular: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--sans-body-2-strong: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--sans-body-sm-link: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--sans-body-sm-regular: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--sans-body-sm-strong: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--sans-button-lg: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--sans-button-md: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--sans-button-sm: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--sans-caption-md-link: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--sans-caption-md-regular: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--sans-caption-md-strong: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--sans-caption-sm-regular: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--sans-caption-sm-strong: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--sans-display-1-regular: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--sans-display-1-strong: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--sans-display-2-regular: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--sans-display-2-strong: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--sans-display-3-base: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--sans-display-3-strong: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--sans-heading-1: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--sans-subheading-1: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--sans-subheading-2: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--serif-base-2-xl: 'Society', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--serif-base-lg: 'Society', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--serif-base-md: 'Society', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--serif-base-sm: 'Society', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--serif-base-xl: 'Society', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--serif-italic-2-xl: 'Society', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--serif-italic-lg: 'Society', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--serif-italic-md: 'Society', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--serif-italic-sm: 'Society', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--serif-italic-xl: 'Society', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--subheading-1: 'ProximaNova', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--subheading-2: 'ProximaNova', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-size--base: 10px; --font-size--body-1-link: 1.7rem; --font-size--body-1-regular: 1.7rem; --font-size--body-1-sparks-semibold: 1.7rem; --font-size--body-1-strong: 1.7rem; --font-size--body-2-link: 1.5rem; --font-size--body-2-regular: 1.5rem; --font-size--body-2-sparks-semibold: 1.5rem; --font-size--body-2-strong: 1.5rem; --font-size--body-3-link: 1.4rem; --font-size--body-3-regular: 1.4rem; --font-size--body-3-strong: 1.4rem; --font-size--button-1: 1.9rem; --font-size--button-2: 1.5rem; --font-size--caption-1-link: 1.2rem; --font-size--caption-1-regular: 1.2rem; --font-size--caption-1-strong: 1.2rem; --font-size--caption-2-regular: 0.9rem; --font-size--caption-2-strong: 0.9rem; --font-size--display-1-regular: 3.4rem; --font-size--display-1-strong: 3.4rem; --font-size--display-2-regular: 2.8rem; --font-size--display-2-sparks-regular: 2.4rem; --font-size--display-2-sparks-strong: 2.4rem; --font-size--display-2-strong: 2.8rem; --font-size--display-3-regular: 2rem; --font-size--display-3-strong: 2rem; --font-size--heading-1: 2rem; --font-size--sans-body-1-link: 1.7rem; --font-size--sans-body-1-regular: 1.7rem; --font-size--sans-body-1-strong: 1.7rem; --font-size--sans-body-2-link: 1.5rem; --font-size--sans-body-2-regular: 1.5rem; --font-size--sans-body-2-strong: 1.5rem; --font-size--sans-body-sm-link: 1.4rem; --font-size--sans-body-sm-regular: 1.4rem; --font-size--sans-body-sm-strong: 1.4rem; --font-size--sans-button-lg: 1.9rem; --font-size--sans-button-md: 1.7rem; --font-size--sans-button-sm: 1.5rem; --font-size--sans-caption-md-link: 1.2rem; --font-size--sans-caption-md-regular: 1.2rem; --font-size--sans-caption-md-strong: 1.2rem; --font-size--sans-caption-sm-regular: 0.9rem; --font-size--sans-caption-sm-strong: 0.9rem; --font-size--sans-display-1-regular: 3.4rem; --font-size--sans-display-1-strong: 3.4rem; --font-size--sans-display-2-regular: 2.8rem; --font-size--sans-display-2-strong: 2.8rem; --font-size--sans-display-3-base: 2rem; --font-size--sans-display-3-strong: 2rem; --font-size--sans-heading-1: 2rem; --font-size--sans-subheading-1: 1.7rem; --font-size--sans-subheading-2: 1.5rem; --font-size--serif-base-2-xl: 4.2rem; --font-size--serif-base-lg: 2.8rem; --font-size--serif-base-md: 2.4rem; --font-size--serif-base-sm: 2rem; --font-size--serif-base-xl: 3.4rem; --font-size--serif-italic-2-xl: 4.2rem; --font-size--serif-italic-lg: 2.8rem; --font-size--serif-italic-md: 2.4rem; --font-size--serif-italic-sm: 2rem; --font-size--serif-italic-xl: 3.4rem; --font-size--subheading-1: 1.7rem; --font-size--subheading-2: 1.5rem; --font-weight--body-1-link: 700; --font-weight--body-1-regular: 500; --font-weight--body-1-sparks-semibold: 600; --font-weight--body-1-strong: 700; --font-weight--body-2-link: 700; --font-weight--body-2-regular: 500; --font-weight--body-2-sparks-semibold: 600; --font-weight--body-2-strong: 700; --font-weight--body-3-link: 700; --font-weight--body-3-regular: 500; --font-weight--body-3-strong: 700; --font-weight--button-1: 700; --font-weight--button-2: 700; --font-weight--caption-1-link: 700; --font-weight--caption-1-regular: 500; --font-weight--caption-1-strong: 700; --font-weight--caption-2-regular: 500; --font-weight--caption-2-strong: 700; --font-weight--display-1-regular: 400; --font-weight--display-1-strong: 600; --font-weight--display-2-regular: 400; --font-weight--display-2-sparks-regular: 400; --font-weight--display-2-sparks-strong: 600; --font-weight--display-2-strong: 600; --font-weight--display-3-regular: 400; --font-weight--display-3-strong: 600; --font-weight--heading-1: 600; --font-weight--sans-body-1-link: 700; --font-weight--sans-body-1-regular: 500; --font-weight--sans-body-1-strong: 700; --font-weight--sans-body-2-link: 700; --font-weight--sans-body-2-regular: 500; --font-weight--sans-body-2-strong: 700; --font-weight--sans-body-sm-link: 700; --font-weight--sans-body-sm-regular: 500; --font-weight--sans-body-sm-strong: 700; --font-weight--sans-button-lg: 700; --font-weight--sans-button-md: 700; --font-weight--sans-button-sm: 700; --font-weight--sans-caption-md-link: 700; --font-weight--sans-caption-md-regular: 500; --font-weight--sans-caption-md-strong: 700; --font-weight--sans-caption-sm-regular: 500; --font-weight--sans-caption-sm-strong: 700; --font-weight--sans-display-1-regular: 400; --font-weight--sans-display-1-strong: 600; --font-weight--sans-display-2-regular: 400; --font-weight--sans-display-2-strong: 600; --font-weight--sans-display-3-base: 400; --font-weight--sans-display-3-strong: 600; --font-weight--sans-heading-1: 600; --font-weight--sans-subheading-1: 600; --font-weight--sans-subheading-2: 600; --font-weight--serif-base-2-xl: 700; --font-weight--serif-base-lg: 700; --font-weight--serif-base-md: 700; --font-weight--serif-base-sm: 700; --font-weight--serif-base-xl: 700; --font-weight--serif-italic-2-xl: 700; --font-weight--serif-italic-lg: 700; --font-weight--serif-italic-md: 700; --font-weight--serif-italic-sm: 700; --font-weight--serif-italic-xl: 700; --font-weight--subheading-1: 600; --font-weight--subheading-2: 600; --font-style--body-1-link: normal; --font-style--body-1-regular: normal; --font-style--body-1-sparks-semibold: normal; --font-style--body-1-strong: normal; --font-style--body-2-link: normal; --font-style--body-2-regular: normal; --font-style--body-2-sparks-semibold: normal; --font-style--body-2-strong: normal; --font-style--body-3-link: normal; --font-style--body-3-regular: normal; --font-style--body-3-strong: normal; --font-style--button-1: normal; --font-style--button-2: normal; --font-style--caption-1-link: normal; --font-style--caption-1-regular: normal; --font-style--caption-1-strong: normal; --font-style--caption-2-regular: normal; --font-style--caption-2-strong: normal; --font-style--display-1-regular: normal; --font-style--display-1-strong: normal; --font-style--display-2-regular: normal; --font-style--display-2-sparks-regular: normal; --font-style--display-2-sparks-strong: normal; --font-style--display-2-strong: normal; --font-style--display-3-regular: normal; --font-style--display-3-strong: normal; --font-style--heading-1: normal; --font-style--sans-body-1-link: normal; --font-style--sans-body-1-regular: normal; --font-style--sans-body-1-strong: normal; --font-style--sans-body-2-link: normal; --font-style--sans-body-2-regular: normal; --font-style--sans-body-2-strong: normal; --font-style--sans-body-sm-link: normal; --font-style--sans-body-sm-regular: normal; --font-style--sans-body-sm-strong: normal; --font-style--sans-button-lg: normal; --font-style--sans-button-md: normal; --font-style--sans-button-sm: normal; --font-style--sans-caption-md-link: normal; --font-style--sans-caption-md-regular: normal; --font-style--sans-caption-md-strong: normal; --font-style--sans-caption-sm-regular: normal; --font-style--sans-caption-sm-strong: normal; --font-style--sans-display-1-regular: normal; --font-style--sans-display-1-strong: normal; --font-style--sans-display-2-regular: normal; --font-style--sans-display-2-strong: normal; --font-style--sans-display-3-base: normal; --font-style--sans-display-3-strong: normal; --font-style--sans-heading-1: normal; --font-style--sans-subheading-1: normal; --font-style--sans-subheading-2: normal; --font-style--serif-base-2-xl: normal; --font-style--serif-base-lg: normal; --font-style--serif-base-md: normal; --font-style--serif-base-sm: normal; --font-style--serif-base-xl: normal; --font-style--serif-italic-2-xl: italic; --font-style--serif-italic-lg: italic; --font-style--serif-italic-md: italic; --font-style--serif-italic-sm: italic; --font-style--serif-italic-xl: italic; --font-style--subheading-1: normal; --font-style--subheading-2: normal; --line-height--body-1-link: 2.4rem; --line-height--body-1-regular: 2.4rem; --line-height--body-1-sparks-semibold: 2.4rem; --line-height--body-1-strong: 2.4rem; --line-height--body-2-link: 2rem; --line-height--body-2-regular: 2rem; --line-height--body-2-sparks-semibold: 2rem; --line-height--body-2-strong: 2rem; --line-height--body-3-link: 1.8rem; --line-height--body-3-regular: 1.8rem; --line-height--body-3-strong: 1.8rem; --line-height--button-1: 2.6rem; --line-height--button-2: 2rem; --line-height--caption-1-link: 1.6rem; --line-height--caption-1-regular: 1.6rem; --line-height--caption-1-strong: 1.6rem; --line-height--caption-2-regular: 1.3rem; --line-height--caption-2-strong: 1.3rem; --line-height--display-1-regular: 4.2rem; --line-height--display-1-strong: 4.2rem; --line-height--display-2-regular: 3.6rem; --line-height--display-2-sparks-regular: 2.4rem; --line-height--display-2-sparks-strong: 2.4rem; --line-height--display-2-strong: 3.6rem; --line-height--display-3-regular: 2.4rem; --line-height--display-3-strong: 2.4rem; --line-height--heading-1: 2.4rem; --line-height--sans-body-1-link: 2.4rem; --line-height--sans-body-1-regular: 2.4rem; --line-height--sans-body-1-strong: 2.4rem; --line-height--sans-body-2-link: 2rem; --line-height--sans-body-2-regular: 2rem; --line-height--sans-body-2-strong: 2rem; --line-height--sans-body-sm-link: 1.8rem; --line-height--sans-body-sm-regular: 1.8rem; --line-height--sans-body-sm-strong: 1.8rem; --line-height--sans-button-lg: 2.6rem; --line-height--sans-button-md: 2.4rem; --line-height--sans-button-sm: 2rem; --line-height--sans-caption-md-link: 1.6rem; --line-height--sans-caption-md-regular: 1.6rem; --line-height--sans-caption-md-strong: 1.6rem; --line-height--sans-caption-sm-regular: 1.3rem; --line-height--sans-caption-sm-strong: 1.3rem; --line-height--sans-display-1-regular: 4.2rem; --line-height--sans-display-1-strong: 4.2rem; --line-height--sans-display-2-regular: 3.6rem; --line-height--sans-display-2-strong: 3.6rem; --line-height--sans-display-3-base: 2.4rem; --line-height--sans-display-3-strong: 2.4rem; --line-height--sans-heading-1: 2.4rem; --line-height--sans-subheading-1: 2.2rem; --line-height--sans-subheading-2: 2rem; --line-height--serif-base-2-xl: 4.8rem; --line-height--serif-base-lg: 3.6rem; --line-height--serif-base-md: 2.8rem; --line-height--serif-base-sm: 2.4rem; --line-height--serif-base-xl: 4.2rem; --line-height--serif-italic-2-xl: 4.8rem; --line-height--serif-italic-lg: 3.6rem; --line-height--serif-italic-md: 2.8rem; --line-height--serif-italic-sm: 2.4rem; --line-height--serif-italic-xl: 4.2rem; --line-height--subheading-1: 2.2rem; --line-height--subheading-2: 2rem; --letter-spacing--body-1-link: 0; --letter-spacing--body-1-regular: 0; --letter-spacing--body-1-sparks-semibold: 0; --letter-spacing--body-1-strong: 0; --letter-spacing--body-2-link: 0; --letter-spacing--body-2-regular: 0; --letter-spacing--body-2-sparks-semibold: 0; --letter-spacing--body-2-strong: 0; --letter-spacing--body-3-link: 0; --letter-spacing--body-3-regular: 0; --letter-spacing--body-3-strong: 0; --letter-spacing--button-1: 0.01rem; --letter-spacing--button-2: 0.01rem; --letter-spacing--caption-1-link: 0.03rem; --letter-spacing--caption-1-regular: 0.03rem; --letter-spacing--caption-1-strong: 0.03rem; --letter-spacing--caption-2-regular: 0.03rem; --letter-spacing--caption-2-strong: 0.03rem; --letter-spacing--display-1-regular: 0.01rem; --letter-spacing--display-1-strong: 0.01rem; --letter-spacing--display-2-regular: 0; --letter-spacing--display-2-sparks-regular: 0; --letter-spacing--display-2-sparks-strong: 0; --letter-spacing--display-2-strong: 0; --letter-spacing--display-3-regular: 0; --letter-spacing--display-3-strong: 0; --letter-spacing--heading-1: 0.01rem; --letter-spacing--sans-body-1-link: 0; --letter-spacing--sans-body-1-regular: 0; --letter-spacing--sans-body-1-strong: 0; --letter-spacing--sans-body-2-link: 0; --letter-spacing--sans-body-2-regular: 0; --letter-spacing--sans-body-2-strong: 0; --letter-spacing--sans-body-sm-link: 0; --letter-spacing--sans-body-sm-regular: 0; --letter-spacing--sans-body-sm-strong: 0; --letter-spacing--sans-button-lg: 0.02rem; --letter-spacing--sans-button-md: 0.02rem; --letter-spacing--sans-button-sm: 0.02rem; --letter-spacing--sans-caption-md-link: 0.03rem; --letter-spacing--sans-caption-md-regular: 0.03rem; --letter-spacing--sans-caption-md-strong: 0.03rem; --letter-spacing--sans-caption-sm-regular: 0.03rem; --letter-spacing--sans-caption-sm-strong: 0.03rem; --letter-spacing--sans-display-1-regular: 0.01rem; --letter-spacing--sans-display-1-strong: 0.01rem; --letter-spacing--sans-display-2-regular: 0; --letter-spacing--sans-display-2-strong: 0; --letter-spacing--sans-display-3-base: 0; --letter-spacing--sans-display-3-strong: 0; --letter-spacing--sans-heading-1: 0.01rem; --letter-spacing--sans-subheading-1: 0.01rem; --letter-spacing--sans-subheading-2: 0.01rem; --letter-spacing--serif-base-2-xl: -0.05rem; --letter-spacing--serif-base-lg: -0.01rem; --letter-spacing--serif-base-md: -0.01rem; --letter-spacing--serif-base-sm: -0.01rem; --letter-spacing--serif-base-xl: -0.02rem; --letter-spacing--serif-italic-2-xl: -0.05rem; --letter-spacing--serif-italic-lg: -0.01rem; --letter-spacing--serif-italic-md: -0.01rem; --letter-spacing--serif-italic-sm: -0.01rem; --letter-spacing--serif-italic-xl: -0.02rem; --letter-spacing--subheading-1: 0.01rem; --letter-spacing--subheading-2: 0.01rem; --letter-casing--none: none; --letter-casing--body-1-link: none; --letter-casing--body-1-regular: none; --letter-casing--body-1-sparks-semibold: none; --letter-casing--body-1-strong: none; --letter-casing--body-2-link: none; --letter-casing--body-2-regular: none; --letter-casing--body-2-sparks-semibold: none; --letter-casing--body-2-strong: none; --letter-casing--body-3-link: none; --letter-casing--body-3-regular: none; --letter-casing--body-3-strong: none; --letter-casing--button-1: none; --letter-casing--button-2: none; --letter-casing--caption-1-link: none; --letter-casing--caption-1-regular: none; --letter-casing--caption-1-strong: none; --letter-casing--caption-2-regular: none; --letter-casing--caption-2-strong: none; --letter-casing--display-1-regular: none; --letter-casing--display-1-strong: none; --letter-casing--display-2-regular: none; --letter-casing--display-2-sparks-regular: none; --letter-casing--display-2-sparks-strong: none; --letter-casing--display-2-strong: none; --letter-casing--display-3-regular: none; --letter-casing--display-3-strong: none; --letter-casing--heading-1: none; --letter-casing--sans-body-1-link: none; --letter-casing--sans-body-1-regular: none; --letter-casing--sans-body-1-strong: none; --letter-casing--sans-body-2-link: none; --letter-casing--sans-body-2-regular: none; --letter-casing--sans-body-2-strong: none; --letter-casing--sans-body-sm-link: none; --letter-casing--sans-body-sm-regular: none; --letter-casing--sans-body-sm-strong: none; --letter-casing--sans-button-lg: none; --letter-casing--sans-button-md: none; --letter-casing--sans-button-sm: none; --letter-casing--sans-caption-md-link: none; --letter-casing--sans-caption-md-regular: none; --letter-casing--sans-caption-md-strong: none; --letter-casing--sans-caption-sm-regular: none; --letter-casing--sans-caption-sm-strong: none; --letter-casing--sans-display-1-regular: none; --letter-casing--sans-display-1-strong: none; --letter-casing--sans-display-2-regular: none; --letter-casing--sans-display-2-strong: none; --letter-casing--sans-display-3-base: none; --letter-casing--sans-display-3-strong: none; --letter-casing--sans-heading-1: none; --letter-casing--sans-subheading-1: none; --letter-casing--sans-subheading-2: none; --letter-casing--serif-base-2-xl: none; --letter-casing--serif-base-lg: none; --letter-casing--serif-base-md: none; --letter-casing--serif-base-sm: none; --letter-casing--serif-base-xl: none; --letter-casing--serif-italic-2-xl: none; --letter-casing--serif-italic-lg: none; --letter-casing--serif-italic-md: none; --letter-casing--serif-italic-sm: none; --letter-casing--serif-italic-xl: none; --letter-casing--subheading-1: none; --letter-casing--subheading-2: none; --sizing--0: 1px; --sizing--5: 2px; --sizing--10: 4px; --sizing--15: 6px; --sizing--20: 8px; --sizing--25: 10px; --sizing--30: 12px; --sizing--35: 14px; --sizing--40: 16px; --sizing--45: 18px; --sizing--50: 20px; --sizing--55: 22px; --sizing--60: 24px; --sizing--65: 26px; --sizing--70: 28px; --sizing--75: 30px; --sizing--80: 32px; --sizing--85: 34px; --sizing--90: 36px; --sizing--95: 38px; --sizing--100: 40px; --sizing--105: 42px; --sizing--110: 44px; --sizing--115: 46px; --sizing--120: 48px; --sizing--125: 50px; --sizing--130: 52px; --sizing--140: 56px; --sizing--150: 60px; --sizing--160: 64px; --sizing--170: 68px; --sizing--180: 72px; --sizing--190: 76px; --sizing--200: 80px; --sizing--210: 84px; --sizing--220: 88px; --sizing--230: 92px; --sizing--240: 96px; --sizing--border-radius-2-xl: 24px; --sizing--border-radius-3-xl: 28px; --sizing--border-radius-4-xl: 32px; --sizing--border-radius-5-xl: 36px; --sizing--border-radius-6-xl: 40px; --sizing--border-radius-7-xl: 44px; --sizing--border-radius-8-xl: 48px; --sizing--border-radius-large: 16px; --sizing--border-radius-medium: 12px; --sizing--border-radius-small: 8px; --sizing--border-radius-xlarge: 20px; --sizing--border-radius-xsmall: 4px; --sizing--border-radius-xxsmall: 2px; --sizing--border-width-regular: 2px; --sizing--border-width-thin: 1px; --sizing--button-border-radius: 52px; --sizing--button-border-width: 2px; --sizing--button-large-icon: 16px; --sizing--button-large-padding-horizontal: 24px; --sizing--button-large-padding-vertical: 12px; --sizing--button-medium-icon: 16px; --sizing--button-medium-padding-horizontal: 20px; --sizing--button-medium-padding-vertical: 8px; --sizing--button-small-icon: 12px; --sizing--button-small-padding-horizontal: 16px; --sizing--button-small-padding-vertical: 8px; --sizing--dimension-large: 44px; --sizing--dimension-medium: 40px; --sizing--dimension-small: 36px; --sizing--dimension-xlarge: 48px; --sizing--dimension-xsmall: 32px; --sizing--dimension-xxlarge: 52px; --sizing--dimension-xxsmall: 28px; --sizing--dimension-xxxsmall: 24px; --sizing--icon-large: 24px; --sizing--icon-medium: 20px; --sizing--icon-small: 16px; --sizing--icon-xlarge: 28px; --sizing--icon-xsmall: 12px; --sizing--padding-large: 16px; --sizing--padding-medium: 12px; --sizing--padding-small: 8px; --sizing--padding-xlarge: 20px; --sizing--padding-xsmall: 4px; --sizing--padding-xxlarge: 24px; --sizing--padding-xxsmall: 2px; }
.theme-dark { --theme-dark: 1; --color--accent-active: #0083f8; --color--accent-blue: #0083f8; --color--accent-boost: #b650ff; --color--accent-boost-static: #f5b1eb; --color--accent-brand: #ff2358; --color--accent-chat: #0063e3; --color--accent-error: #fe7074; --color--accent-fuchsia: #e714e1; --color--accent-gold: #ae830c; --color--accent-gold-static: #edba00; --color--accent-gold-subtle: #2c2000; --color--accent-green: #209663; --color--accent-like: #209663; --color--accent-like-static-dark: #ec180e; --color--accent-link: #0083f8; --color--accent-nope: #fe7074; --color--accent-nope-static-dark: #ffffff; --color--accent-platinum: #f0f1f4; --color--accent-platinum-inverse: #24262a; --color--accent-platinum-subtle: #24262a; --color--accent-plus: #ff2358; --color--accent-plus-subtle: #2b0107; --color--accent-primary: #ff2358; --color--accent-primary-a11y: #ff2358; --color--accent-purple: #b650ff; --color--accent-red: #fe7074; --color--accent-rewind: #d76004; --color--accent-rewind-static-dark: #ffffff; --color--accent-select: #7d65fc; --color--accent-success: #209663; --color--accent-super-like: #0083f8; --color--accent-super-like-static-dark: #9db9e6; --color--accent-super-like-subtle: #001874; --color--accent-teal: #1b9296; --color--accent-trust: #0083f8; --color--accent-yellow-orange: #d76004; --color--action-active: #0083f8; --color--action-inactive: #7d8496; --color--action-navigation-secondary-disabled: #4f525c; --color--action-primary: #f0f1f4; --color--action-primary-inverse: #24262a; --color--action-secondary: rgba(255, 255, 255, 0.1); --color--action-secondary-inverse: rgba(0, 0, 0, 0.1); --color--action-tertiary: #00000000; --color--action-text-field-loud-active: #0083f8; --color--action-text-field-loud-inactive: #7d8496; --color--action-text-field-quiet-active: #0083f8; --color--action-text-field-quiet-inactive: #7d8496; --color--background-badge-brand-default: #ff2358; --color--background-badge-notification-active: #ff2358; --color--background-badge-notification-inactive: #24262a; --color--background-badge-online-now-default: #90fb73; --color--background-badge-verified-default: #0083f8; --color--background-banner-default: #000000; --color--background-blue: #000841; --color--background-bottom-sheet-default: #101113; --color--background-brand: #ff2358; --color--background-button-disabled: #393b42; --color--background-button-elevated: #24262a; --color--background-button-neutral: #ffffff; --color--background-button-primary: #ffffff; --color--background-button-primary-overlay: #ffffff; --color--background-button-primary-small: #ffffff; --color--background-button-sparks-expand-profile: rgba(0, 0, 0, 0.6); --color--background-button-sparks-neutral: #393b42; --color--background-card-boost: #ffc0fb; --color--background-card-default: #24262a; --color--background-card-passport: #ffdada; --color--background-card-sparks: #101113; --color--background-card-super-like: #b4b9c6; --color--background-chat-bubble-receive: #24262a; --color--background-chat-bubble-send: #0063e3; --color--background-checkbox-disabled: #24262a; --color--background-checkbox-selected-enabled: #ff2358; --color--background-datepicker-selected: #24262a; --color--background-disabled: #24262a; --color--background-elevated: #24262a; --color--background-elevated-static-dark: #24262a; --color--background-error: #fe7074; --color--background-fuchsia: #260124; --color--background-gamepad-primary-default: rgba(0, 0, 0, 0.8); --color--background-gamepad-primary-disabled: #24262a; --color--background-gamepad-primary-disabled-on-super-like: rgba(0, 0, 0, 0.2); --color--background-gamepad-secondary-default: #101113; --color--background-gamepad-secondary-disabled: #24262a; --color--background-gamepad-sparks-boost-default: #24262a; --color--background-gamepad-sparks-like-default: #24262a; --color--background-gamepad-sparks-nope-default: #24262a; --color--background-gamepad-sparks-rewind-default: #24262a; --color--background-gamepad-sparks-super-like-default: #24262a; --color--background-green: #01150b; --color--background-header-sparks: #101113; --color--background-icon-button-disabled: #24262a; --color--background-icon-button-overlay-default: rgba(16, 17, 19, 0.8); --color--background-icon-button-overlay-disabled: #24262a; --color--background-icon-button-primary: #ffffff; --color--background-icon-button-secondary: #101113; --color--background-inactive: #656a78; --color--background-menu-default: #101113; --color--background-modal-container-default: #24262a; --color--background-modal-overlay-default: rgba(0, 0, 0, 0.56); --color--background-modal-overlay-recs: rgba(0, 0, 0, 0.8); --color--background-opacity-base: rgba(0, 0, 0, 0.1); --color--background-opacity-base-inverse: rgba(0, 0, 0, 0.1); --color--background-opacity-base-static-dark: rgba(0, 0, 0, 0.1); --color--background-opacity-base-static-light: rgba(255, 255, 255, 0.1); --color--background-opacity-brand: #cd130a30; --color--background-opacity-haze: #9db9e630; --color--background-opacity-obscure: rgba(0, 0, 0, 0.3); --color--background-opacity-obscure-inverse: rgba(0, 0, 0, 0.3); --color--background-opacity-obscure-static-dark: rgba(0, 0, 0, 0.3); --color--background-opacity-obscure-static-light: rgba(255, 255, 255, 0.3); --color--background-overlay-primary: #101113; --color--background-overlay-secondary: #24262a; --color--background-passions-edit: #656a78; --color--background-passions-inactive-overlay: rgba(79, 82, 92, 0.8); --color--background-passions-shared: #101113; --color--background-passions-shared-overlay: rgba(57, 59, 66, 0.8); --color--background-passions-sparks-inactive: #24262a; --color--background-passions-sparks-inactive-overlay: rgba(0, 0, 0, 0.4); --color--background-passport: #7b0520; --color--background-passport-subtle: #7b0520; --color--background-plus: #7b0520; --color--background-primary: #101113; --color--background-primary-inverse: #ffffff; --color--background-primary-static-dark: #101113; --color--background-primary-static-light: #ffffff; --color--background-progress-inactive: #000000; --color--background-purple: #1c003a; --color--background-radio-selected-disabled: #393b42; --color--background-radio-selected-enabled: #ff2358; --color--background-radio-unselected-disabled: #24262a; --color--background-read-receipts-badge: #0083f8; --color--background-rec-card-bottom-default: #000000; --color--background-rec-card-bottom-super-like: #0063e3; --color--background-rec-card-content-hidden: rgba(255, 255, 255, 0.25); --color--background-red: #2b0107; --color--background-ripple-default: #393b42; --color--background-search-default: #24262a; --color--background-secondary: #000000; --color--background-secondary-inverse: #f0f1f4; --color--background-secondary-static-dark: #24262a; --color--background-secondary-static-light: #f0f1f4; --color--background-slider-alt-fill-disabled: #4f525c; --color--background-slider-alt-fill-enabled: #ff2358; --color--background-slider-alt-knob-disabled: #4f525c; --color--background-slider-alt-knob-enabled: #ff2358; --color--background-slider-alt-track-disabled: #24262a; --color--background-slider-alt-track-enabled: #656a78; --color--background-slider-default-fill-disabled: #4f525c; --color--background-slider-default-fill-enabled: #ff2358; --color--background-slider-default-knob-disabled: #24262a; --color--background-slider-default-knob-enabled: #ffffff; --color--background-slider-default-track-disabled: #24262a; --color--background-slider-default-track-enabled: #656a78; --color--background-solid: #000000; --color--background-sparks-bottom-nav: #000000; --color--background-sparks-primary: #101113; --color--background-sparks-profile: #000000; --color--background-sparks-prompt: #24262a; --color--background-sparks-top-nav: #101113; --color--background-switch-alt-knob-disabled: #4f525c; --color--background-switch-alt-knob-selected: #ff2358; --color--background-switch-alt-knob-unselected: #656a78; --color--background-switch-alt-track-disabled: #24262a; --color--background-switch-alt-track-selected: #2b0107; --color--background-switch-alt-track-unselected: #24262a; --color--background-switch-default-knob-disabled: #24262a; --color--background-switch-default-knob-selected: #ffffff; --color--background-switch-default-knob-unselected: #ffffff; --color--background-switch-default-track-disabled: #24262a; --color--background-switch-default-track-selected: #ff2358; --color--background-switch-default-track-unselected: #656a78; --color--background-table-row-default: #101113; --color--background-table-row-hover: rgba(240, 241, 244, 0.08); --color--background-table-row-pressed: rgba(240, 241, 244, 0.16); --color--background-tappy-container-default: rgba(240, 241, 244, 0.7); --color--background-tappy-indicator-active: #ffffff; --color--background-tappy-indicator-inactive: #4f525c; --color--background-tappy-indicator-sparks-active: #ffffff; --color--background-tappy-indicator-sparks-inactive: rgba(0, 0, 0, 0.56); --color--background-tappy-sparks: rgba(57, 59, 66, 0.7); --color--background-teal: #011415; --color--background-tertiary: #24262a; --color--background-tertiary-inverse: #e7e9ee; --color--background-tertiary-static-dark: #24262a; --color--background-tertiary-static-light: #ffffff; --color--background-text-field-loud-default: #000000; --color--background-text-field-loud-highlight: #002ca2; --color--background-text-field-quiet-default: #101113; --color--background-text-field-quiet-highlight: #002ca2; --color--background-toast-default: #f0f1f4; --color--background-tooltip-default: #f0f1f4; --color--background-tooltip-revenue-default: #f0f1f4; --color--background-tooltip-trust-default: #0063e3; --color--background-transparent: #00000000; --color--background-trust: #000841; --color--background-vault: #7d65fc; --color--background-yellow-orange: #290400; --color--border-active: #0083f8; --color--border-boost: #b650ff; --color--border-brand: #ff2358; --color--border-button-focused: #f0f1f4; --color--border-button-focused-overlay: #ffffff; --color--border-button-secondary: #393b42; --color--border-button-secondary-overlay: #ffffff; --color--border-button-sparks-expand-profile: rgba(255, 255, 255, 0.4); --color--border-card: #7d8496; --color--border-checkbox-unselected-disabled: #4f525c; --color--border-checkbox-unselected-enabled: #7d8496; --color--border-checkbox-unselected-error: #fe7074; --color--border-container-elevated: #7d8496; --color--border-disabled: #4f525c; --color--border-error: #fe7074; --color--border-focus-default: #f0f1f4; --color--border-focus-inverse: #24262a; --color--border-focus-overlay: #ffffff; --color--border-gamepad-boost-default: #b650ff; --color--border-gamepad-like-default: #209663; --color--border-gamepad-nope-default: #ff2358; --color--border-gamepad-primary-disabled: #393b42; --color--border-gamepad-primary-disabled-on-super-like: #979eaf; --color--border-gamepad-rewind-default: #d76004; --color--border-gamepad-secondary-disabled: #4f525c; --color--border-gamepad-sparks-boost-default: #9f00fe; --color--border-gamepad-sparks-like-default: #2bb372; --color--border-gamepad-sparks-nope-default: #d5092c; --color--border-gamepad-sparks-rewind-default: #ee8109; --color--border-gamepad-sparks-super-like-default: #0083f8; --color--border-gamepad-super-like-active: #ffffff; --color--border-gamepad-super-like-default: #0083f8; --color--border-gamepad-super-like-disabled: #979eaf; --color--border-gold: #ae830c; --color--border-icon-button-disabled: #4f525c; --color--border-icon-button-primary: #ffffff; --color--border-icon-button-secondary: #393b42; --color--border-like: #209663; --color--border-nope: #fe7074; --color--border-overlay: #ffffff; --color--border-passions-active: #ff2358; --color--border-passions-inactive: #393b42; --color--border-passions-shared: #ff2358; --color--border-passions-shared-overlay: #ffffff; --color--border-platinum: #f0f1f4; --color--border-primary: #7d8496; --color--border-primary-inverse: #24262a; --color--border-radio-selected-disabled: #4f525c; --color--border-radio-selected-enabled: #ff2358; --color--border-radio-unselected-disabled: #4f525c; --color--border-radio-unselected-enabled: #7d8496; --color--border-rec-card-content-hidden: #ffffff; --color--border-rewind: #d76004; --color--border-secondary: #393b42; --color--border-secondary-overlay: #b4b9c6; --color--border-secondary-static-dark: #393b42; --color--border-slider-alt-knob-disabled: #4f525c; --color--border-slider-alt-knob-enabled: #ff2358; --color--border-slider-default-knob-disabled: #4f525c; --color--border-slider-default-knob-enabled: #7d8496; --color--border-sparks-boost: #9f00fe; --color--border-sparks-like: #2bb372; --color--border-sparks-nope: #d5092c; --color--border-sparks-rewind: #ee8109; --color--border-sparks-super-like: #0083f8; --color--border-success: #209663; --color--border-super-like: #0083f8; --color--border-switch-alt-knob-disabled: #4f525c; --color--border-switch-alt-knob-selected: #ff2358; --color--border-switch-alt-knob-unselected: #7d8496; --color--border-switch-alt-track-disabled: #4f525c; --color--border-switch-alt-track-selected: #ff2358; --color--border-switch-alt-track-unselected: #7d8496; --color--border-switch-default-knob-disabled: #4f525c; --color--border-switch-default-knob-selected: #ff2358; --color--border-switch-default-knob-unselected: #7d8496; --color--border-switch-default-track-disabled: #4f525c; --color--border-switch-default-track-selected: #ff2358; --color--border-switch-default-track-unselected: #7d8496; --color--border-tappy-indicator-active: #4f525c; --color--border-tappy-indicator-inactive: #7d8496; --color--border-tappy-indicator-sparks-active: #7d8496; --color--border-tappy-indicator-sparks-inactive: #7d8496; --color--border-text-field-loud-default: #4f525c; --color--border-text-field-loud-disabled: #4f525c; --color--border-text-field-loud-error: #fe7074; --color--border-text-field-loud-focus: #0083f8; --color--border-text-field-quiet-default: #7d8496; --color--border-text-field-quiet-disabled: #4f525c; --color--border-text-field-quiet-error: #fe7074; --color--border-text-field-quiet-focus: #0083f8; --color--border-timer-expired: #393b42; --color--border-tooltip-default: #f0f1f4; --color--border-tooltip-revenue-boost: #b650ff; --color--border-tooltip-revenue-like: #209663; --color--border-tooltip-revenue-nope: #fe7074; --color--border-tooltip-revenue-rewind: #d76004; --color--border-tooltip-revenue-super-like: #0083f8; --color--border-vault: #7d65fc; --color--cursor-default: #0083f8; --color--cursor-search-input: #0083f8; --color--cursor-text-field-loud-default: #0083f8; --color--cursor-text-field-quiet-default: #0083f8; --color--device-home-indicator: #f0f1f4; --color--device-status-bar: #f0f1f4; --color--device-status-bar-inverse: #24262a; --color--divider-banner-default: #393b42; --color--divider-primary: #393b42; --color--divider-sparks: #393b42; --color--divider-table-row-default: #393b42; --color--divider-table-row-sparks: #393b42; --color--divider-tappy-sparks: rgba(231, 233, 238, 0.12); --color--foreground-blue: #0083f8; --color--foreground-border-elevated: #7d8496; --color--foreground-border-primary: #7d8496; --color--foreground-border-secondary: #393b42; --color--foreground-button-disabled: #656a78; --color--foreground-button-neutral: #24262a; --color--foreground-button-primary: #24262a; --color--foreground-button-primary-overlay: #24262a; --color--foreground-button-secondary: #f0f1f4; --color--foreground-button-secondary-overlay: #ffffff; --color--foreground-button-sparks-expand-profile: #ffffff; --color--foreground-button-tertiary: #f0f1f4; --color--foreground-button-tertiary-overlay: #ffffff; --color--foreground-disabled: #4f525c; --color--foreground-fuchsia: #e714e1; --color--foreground-green: #209663; --color--foreground-inactive: #7d8496; --color--foreground-modal-body: #b4b9c6; --color--foreground-modal-heading: #f0f1f4; --color--foreground-modal-icon: #ff2358; --color--foreground-primary: #f0f1f4; --color--foreground-primary-inverse: #24262a; --color--foreground-primary-static-dark: #24262a; --color--foreground-primary-static-light: #ffffff; --color--foreground-primary-static-on-dark: #ffffff; --color--foreground-purple: #b650ff; --color--foreground-read-receipts-badge: #ffffff; --color--foreground-red: #fe7074; --color--foreground-secondary: #b4b9c6; --color--foreground-secondary-inverse: #656a78; --color--foreground-secondary-static-dark: #4f525c; --color--foreground-secondary-static-light: #b4b9c6; --color--foreground-teal: #1b9296; --color--foreground-tertiary: #7d8496; --color--foreground-yellow-orange: #d76004; --color--icon-badge-verified: #ffffff; --color--icon-banner-default: #ffffff; --color--icon-banner-dismiss: #7d8496; --color--icon-brand: #ff2358; --color--icon-chat-drawer-contact-card-active: #0083f8; --color--icon-chat-drawer-contact-card-default: #7d8496; --color--icon-chat-drawer-gif-background-active: #f0f1f4; --color--icon-chat-drawer-gif-background-default: #7d8496; --color--icon-chat-drawer-gif-foreground-active: #d76004; --color--icon-chat-drawer-gif-foreground-default: #24262a; --color--icon-chat-drawer-noonlight-background-active: #81b1fa; --color--icon-chat-drawer-noonlight-background-default: #4f525c; --color--icon-chat-drawer-noonlight-foreground-active: #166efb; --color--icon-chat-drawer-noonlight-foreground-default: #7d8496; --color--icon-chat-drawer-spotify-background-active: #1db954; --color--icon-chat-drawer-spotify-background-default: #7d8496; --color--icon-chat-drawer-spotify-foreground-active: #191414; --color--icon-chat-drawer-spotify-foreground-default: #24262a; --color--icon-chat-drawer-sticker-active: #b650ff; --color--icon-chat-drawer-sticker-default: #7d8496; --color--icon-chat-drawer-vibes-default: #7d8496; --color--icon-chat-heart-active: #ff2358; --color--icon-chat-heart-default: #7d8496; --color--icon-checkbox-selected-disabled: #4f525c; --color--icon-checkbox-selected-enabled: #ffffff; --color--icon-disabled: #4f525c; --color--icon-disabled-static: #4f525c; --color--icon-error: #fe7074; --color--icon-form-default: #7d8496; --color--icon-form-disabled: #4f525c; --color--icon-form-error: #fe7074; --color--icon-form-success: #209663; --color--icon-gamepad-primary-disabled: #393b42; --color--icon-gamepad-primary-disabled-on-super-like: #979eaf; --color--icon-gamepad-primary-pressed: #ffffff; --color--icon-gamepad-primary-super-like-active: #ffffff; --color--icon-gamepad-primary-super-like-disabled: #979eaf; --color--icon-gamepad-secondary-disabled: #4f525c; --color--icon-gamepad-secondary-pressed: #ffffff; --color--icon-gamepad-sparks-boost-active: #24262a; --color--icon-gamepad-sparks-like-active: #24262a; --color--icon-gamepad-sparks-nope-active: #24262a; --color--icon-gamepad-sparks-rewind-active: #24262a; --color--icon-gamepad-sparks-super-like-active: #24262a; --color--icon-gamepad-sparks-super-like-disabled: #4f525c; --color--icon-icon-button-disabled: #4f525c; --color--icon-icon-button-overlay-default: #ffffff; --color--icon-icon-button-overlay-disabled: #393b42; --color--icon-icon-button-primary: #24262a; --color--icon-icon-button-secondary: #7d8496; --color--icon-navigation-primary-inactive: #656a78; --color--icon-navigation-secondary-end: #0063e3; --color--icon-navigation-secondary-start: #7d8496; --color--icon-primary: #f0f1f4; --color--icon-primary-inverse: #24262a; --color--icon-primary-overlay: #ffffff; --color--icon-primary-overlay-inverse: #24262a; --color--icon-radio-selected-disabled: #24262a; --color--icon-radio-selected-enabled: #24262a; --color--icon-rec-card-content-hidden: #ffffff; --color--icon-search-end-action: #b4b9c6; --color--icon-search-start: #b4b9c6; --color--icon-secondary: #7d8496; --color--icon-secondary-inverse: #656a78; --color--icon-selector-selected-disabled: #4f525c; --color--icon-selector-selected-enabled: #ff2358; --color--icon-success: #209663; --color--icon-switch-alt-disabled: #ffffff; --color--icon-switch-alt-selected: #ffffff; --color--icon-switch-alt-unselected: #ffffff; --color--icon-switch-default-disabled: #4f525c; --color--icon-switch-default-selected: #ff2358; --color--icon-switch-default-unselected: #7d8496; --color--icon-tertiary: #7d8496; --color--icon-tooltip-dismiss: #24262a; --color--icon-trust: #0083f8; --color--icon-vault: #7d65fc; --color--interactive-button-neutral: rgba(16, 17, 19, 0.16); --color--interactive-button-primary: rgba(240, 241, 244, 0.16); --color--interactive-button-secondary: rgba(240, 241, 244, 0.08); --color--interactive-button-tertiary: rgba(240, 241, 244, 0.08); --color--interactive-icon-button-overlay: rgba(240, 241, 244, 0.16); --color--interactive-icon-button-primary: rgba(240, 241, 244, 0.16); --color--interactive-icon-button-secondary: rgba(16, 17, 19, 0.16); --color--interactive-on-light: rgba(16, 17, 19, 0.16); --color--interactive-primary: rgba(240, 241, 244, 0.16); --color--interactive-secondary: rgba(240, 241, 244, 0.08); --color--invertible-black: #ffffff; --color--invertible-blue-05: #000841; --color--invertible-blue-10: #000841; --color--invertible-blue-15: #001874; --color--invertible-blue-20: #002ca2; --color--invertible-blue-30: #002ca2; --color--invertible-blue-40: #0046c7; --color--invertible-blue-50: #0063e3; --color--invertible-blue-60: #0083f8; --color--invertible-blue-70: #37a2ff; --color--invertible-blue-80: #a8dbff; --color--invertible-blue-90: #c4e7ff; --color--invertible-blue-95: #e2f3ff; --color--invertible-fuchsia-05: #260124; --color--invertible-fuchsia-10: #260124; --color--invertible-fuchsia-15: #480346; --color--invertible-fuchsia-20: #6d076a; --color--invertible-fuchsia-30: #6d076a; --color--invertible-fuchsia-40: #940b8f; --color--invertible-fuchsia-50: #bc10b7; --color--invertible-fuchsia-60: #e714e1; --color--invertible-fuchsia-70: #fd54f7; --color--invertible-fuchsia-80: #ffc0fb; --color--invertible-fuchsia-90: #ffd6fd; --color--invertible-fuchsia-95: #ffebfe; --color--invertible-gold-05: #191300; --color--invertible-gold-10: #191300; --color--invertible-gold-15: #2c2000; --color--invertible-gold-20: #513c02; --color--invertible-gold-30: #513c02; --color--invertible-gold-40: #644a03; --color--invertible-gold-50: #896707; --color--invertible-gold-60: #ae830c; --color--invertible-gold-70: #c1920f; --color--invertible-gold-80: #f7d472; --color--invertible-gold-90: #ffe8a5; --color--invertible-gold-95: #fff2bf; --color--invertible-gray-05: #101113; --color--invertible-gray-10: #101113; --color--invertible-gray-15: #24262a; --color--invertible-gray-20: #393b42; --color--invertible-gray-30: #393b42; --color--invertible-gray-40: #4f525c; --color--invertible-gray-50: #656a78; --color--invertible-gray-60: #7d8496; --color--invertible-gray-70: #979eaf; --color--invertible-gray-80: #d1d4dd; --color--invertible-gray-90: #e7e9ee; --color--invertible-gray-95: #f0f1f4; --color--invertible-green-05: #01150b; --color--invertible-green-10: #01150b; --color--invertible-green-15: #032c1c; --color--invertible-green-20: #07442e; --color--invertible-green-30: #07442e; --color--invertible-green-40: #0e5e40; --color--invertible-green-50: #167952; --color--invertible-green-60: #209663; --color--invertible-green-70: #2bb372; --color--invertible-green-80: #4af277; --color--invertible-green-90: #90fb73; --color--invertible-green-95: #d7fcb4; --color--invertible-purple-05: #1c003a; --color--invertible-purple-10: #1c003a; --color--invertible-purple-15: #39006a; --color--invertible-purple-20: #58009b; --color--invertible-purple-30: #58009b; --color--invertible-purple-40: #7a00cd; --color--invertible-purple-50: #9f00fe; --color--invertible-purple-60: #b650ff; --color--invertible-purple-70: #ce79ff; --color--invertible-purple-80: #eec7ff; --color--invertible-purple-90: #f4d9ff; --color--invertible-purple-95: #faecff; --color--invertible-red-05: #2b0107; --color--invertible-red-10: #2b0107; --color--invertible-red-15: #520315; --color--invertible-red-20: #7b0520; --color--invertible-red-30: #7b0520; --color--invertible-red-40: #a70828; --color--invertible-red-50: #d5092c; --color--invertible-red-60: #fe7074; --color--invertible-red-70: #ff8589; --color--invertible-red-80: #ffc7c7; --color--invertible-red-90: #ffdada; --color--invertible-red-95: #ffeced; --color--invertible-teal-05: #011415; --color--invertible-teal-10: #011415; --color--invertible-teal-15: #032b2d; --color--invertible-teal-20: #074245; --color--invertible-teal-30: #074245; --color--invertible-teal-40: #0e5c5f; --color--invertible-teal-50: #14767a; --color--invertible-teal-60: #1b9296; --color--invertible-teal-70: #21aeb3; --color--invertible-teal-80: #2bebef; --color--invertible-teal-90: #2bfbfd; --color--invertible-teal-95: #affffe; --color--invertible-white: #000000; --color--invertible-yellow-orange-05: #290400; --color--invertible-yellow-orange-10: #290400; --color--invertible-yellow-orange-15: #4e0d00; --color--invertible-yellow-orange-20: #731b00; --color--invertible-yellow-orange-30: #731b00; --color--invertible-yellow-orange-40: #972d00; --color--invertible-yellow-orange-50: #b94401; --color--invertible-yellow-orange-60: #d76004; --color--invertible-yellow-orange-70: #ee8109; --color--invertible-yellow-orange-80: #fad122; --color--invertible-yellow-orange-90: #f1e82a; --color--invertible-yellow-orange-95: #f4fa30; --color--label-gamepad-primary-count-boost: #ce79ff; --color--label-gamepad-primary-count-super-like: #37a2ff; --color--label-gamepad-secondary-count-boost: #b650ff; --color--label-gamepad-secondary-count-super-like: #0083f8; --color--label-icon-button-disabled: #b4b9c6; --color--label-icon-button-overlay-default: #ffffff; --color--label-icon-button-overlay-disabled: #ffffff; --color--label-icon-button-primary: #b4b9c6; --color--label-icon-button-secondary: #b4b9c6; --color--loader-shimmer-base-default: #24262a; --color--loader-shimmer-highlight-default: #393b42; --color--loader-skeleton: #24262a; --color--overlay-default: rgba(0, 0, 0, 0.78); --color--overlay-like: #b1efc633; --color--overlay-nope: #fbd4d433; --color--overlay-rewind: rgba(215, 96, 4, 0.2); --color--overlay-super-like: #dce1ee33; --color--shadow-base: rgba(0, 0, 0, 0.2); --color--shadow-container-elevated: #00000000; --color--shadow-glass: rgba(0, 0, 0, 0.2); --color--shadow-heavy: rgba(0, 0, 0, 0.3); --color--shadow-highlight: rgba(255, 255, 255, 0.1); --color--shadow-light: rgba(0, 0, 0, 0.1); --color--state-layer-focus-primary: rgba(255, 255, 255, 0.15); --color--state-layer-focus-primary-inverse: rgba(0, 0, 0, 0.15); --color--state-layer-focus-primary-static-dark: rgba(0, 0, 0, 0.15); --color--state-layer-focus-primary-static-light: rgba(255, 255, 255, 0.15); --color--static-brand-crush-base: #eb0052; --color--static-brand-crush-shade: #2d000e; --color--static-brand-crush-tint: #ffebfe; --color--static-brand-flame-base: #d5092c; --color--static-brand-flame-shade: #7b0520; --color--static-brand-flame-tint: #ffdada; --color--static-brand-haze-base: #6fc0ff; --color--static-brand-haze-shade: #24262a; --color--static-brand-haze-tint: #e2f3ff; --color--static-brand-off-white-base: #f9f9fb; --color--static-brand-petal-base: #ffc0fb; --color--static-brand-petal-shade: #260124; --color--static-brand-petal-tint: #ffd6fd; --color--static-brand-pine-base: #032c1c; --color--static-brand-pine-shade: #01150b; --color--static-brand-pine-tint: #f1fee3; --color--static-brand-romance-base: #520315; --color--static-brand-romance-shade: #2b0107; --color--static-brand-romance-tint: #f0f1f4; --color--sub-card-rec-card-sparks: #000000; --color--text-badge-notification-default: #ffffff; --color--text-badge-notification-inactive: #7d8496; --color--text-banner-body: #b4b9c6; --color--text-banner-heading: #f0f1f4; --color--text-boost: #b650ff; --color--text-brand-large: #ff2358; --color--text-brand-normal: #ff2358; --color--text-chat-bubble-receive: #f0f1f4; --color--text-chat-bubble-send: #ffffff; --color--text-datepicker-active: #f0f1f4; --color--text-datepicker-inactive: #7d8496; --color--text-disabled: #4f525c; --color--text-error: #fe7074; --color--text-form-help-default: #b4b9c6; --color--text-form-help-disabled: #4f525c; --color--text-form-help-error: #fe7074; --color--text-form-help-success: #209663; --color--text-form-label-default: #f0f1f4; --color--text-gold: #ae830c; --color--text-highlight-background: #f0f1f4; --color--text-highlight-foreground: #24262a; --color--text-inactive: #7d8496; --color--text-like: #209663; --color--text-link: #0083f8; --color--text-link-overlay: #ffffff; --color--text-passions-active: #f0f1f4; --color--text-passions-inactive: #7d8496; --color--text-passions-inactive-overlay: #ffffff; --color--text-passions-shared: #f0f1f4; --color--text-passions-shared-overlay: #ffffff; --color--text-passions-shared-rec: #ffffff; --color--text-passport: #ffdada; --color--text-primary: #f0f1f4; --color--text-primary-inverse: #24262a; --color--text-primary-overlay: #ffffff; --color--text-primary-overlay-inverse: #24262a; --color--text-rec-card-content-hidden: #ffffff; --color--text-search-input-active: #f0f1f4; --color--text-search-input-inactive: #f0f1f4; --color--text-search-placeholder-inactive: #b4b9c6; --color--text-secondary: #b4b9c6; --color--text-secondary-inverse: #656a78; --color--text-secondary-overlay: #b4b9c6; --color--text-secondary-overlay-inverse: #4f525c; --color--text-success: #209663; --color--text-super-boost: #b650ff; --color--text-super-like: #0083f8; --color--text-tertiary: #7d8496; --color--text-text-field-loud-charactercount-default: #7d8496; --color--text-text-field-loud-input-default: #f0f1f4; --color--text-text-field-loud-input-disabled: #4f525c; --color--text-text-field-loud-label-error: #fe7074; --color--text-text-field-loud-label-optional: #b4b9c6; --color--text-text-field-loud-placeholder-default: #7d8496; --color--text-text-field-quiet-charactercount-default: #7d8496; --color--text-text-field-quiet-input-default: #f0f1f4; --color--text-text-field-quiet-input-disabled: #4f525c; --color--text-text-field-quiet-label-error: #fe7074; --color--text-text-field-quiet-label-optional: #b4b9c6; --color--text-text-field-quiet-placeholder-default: #7d8496; --color--text-tooltip-default: #24262a; --color--text-tooltip-revenue-default: #24262a; --color--text-tooltip-trust-default: #ffffff; --color--text-trust: #0083f8; --color--text-vault-large: #7d65fc; --color--text-vault-normal: #7d65fc; --gradient--accent-boost-gradient: linear-gradient(to top right, #9f00fe, #e714e1); --gradient--accent-brand-gradient: linear-gradient(to top right, #fd267a, #ff6036); --gradient--accent-explore-gradient: linear-gradient(90deg, #eb0052, #940b8f); --gradient--accent-festival-mode-gradient: linear-gradient(90deg, #002ca2, #9f00fe); --gradient--accent-gold-gradient: linear-gradient(to top right, #e6af16, #ffe8a5); --gradient--accent-gold-shine-gradient: linear-gradient(to top right, #e6af16, #f7d472, #e6af16); --gradient--accent-hot-takes-gradient: linear-gradient(90deg, #58009b, #bc10b7); --gradient--accent-like-gradient: linear-gradient(to top right, #4af277, #2bfbfd); --gradient--accent-match-expiration-gradient: linear-gradient(to top right, #fe004d, #e714e1); --gradient--accent-matchmaker-gradient: linear-gradient(0deg, #38d27c, #4af277); --gradient--accent-nope-gradient: linear-gradient(to top right, #fe7074, #e714e1); --gradient--accent-passions-gradient: linear-gradient(90deg, #ff6036, #e714e1); --gradient--accent-platinum-gradient: linear-gradient(to top right, #b4b9c6, #f0f1f4); --gradient--accent-platinum-gradient-inverse: linear-gradient(to top right, #101113, #656a78); --gradient--accent-platinum-shine-gradient: linear-gradient(to top right, #b4b9c6, #f0f1f4, #b4b9c6); --gradient--accent-platinum-shine-gradient-inverse: linear-gradient(to top right, #101113, #656a78, #101113); --gradient--accent-primary-gradient: linear-gradient(to top right, #fd267a, #ff6036); --gradient--accent-rewind-gradient: linear-gradient(to top right, #ee8109, #f1e82a); --gradient--accent-select-gradient: linear-gradient(to bottom right, #9f00fe, #5f44ea, #0063e3); --gradient--accent-sparks-boost-gradient: linear-gradient(to top left, #b650ff, #fd54f7); --gradient--accent-sparks-like-gradient: linear-gradient(to top left, #2bb372, #f1e82a); --gradient--accent-sparks-nope-gradient: linear-gradient(to top left, #fe7074, #e714e1); --gradient--accent-sparks-rewind-gradient: linear-gradient(to top left, #ee8109, #f1e82a); --gradient--accent-sparks-super-like-gradient: linear-gradient(to top left, #0046c7, #2bfbfd); --gradient--accent-spotify-music-mode-gradient: linear-gradient(90deg, #032c1c, #0e5e40); --gradient--accent-super-boost-gradient: linear-gradient(to top right, #b650ff, #fe91f9); --gradient--accent-super-like-gradient: linear-gradient(to top right, #0083f8, #2bfbfd); --gradient--accent-vibes-gradient: linear-gradient(to top right, #ee8109, #e714e1, #2bebef); --gradient--background-background-primary: linear-gradient(180deg, #13111000, #13111054, #13111096, #131110C4, #131110); --gradient--background-background-primary-variant: linear-gradient(90deg, #13111000, #131110); --gradient--background-boost: linear-gradient(to top right, #9f00fe, #e714e1); --gradient--background-boost-inverse: linear-gradient(to top right, #9f00fe, #ce79ff); --gradient--background-boost-subtle: linear-gradient(0deg, #101113, #39006a); --gradient--background-brand-gradient: linear-gradient(to top right, #fd267a, #ff6036); --gradient--background-brand-subtle: linear-gradient(0deg, #101113, #2b0107); --gradient--background-card-sparks-highlight-common-1: linear-gradient(to bottom right, #9f00fe, #e714e1); --gradient--background-card-sparks-highlight-common-2: linear-gradient(to bottom right, #dce1ee, #b650ff); --gradient--background-card-sparks-highlight-common-3: linear-gradient(to bottom right, #fbd4d4, #e714e1); --gradient--background-card-sparks-highlight-uncommon-1: linear-gradient(to bottom right, rgba(0, 70, 199, 0.56), rgba(231, 20, 225, 0.28)); --gradient--background-card-sparks-highlight-uncommon-2: linear-gradient(to bottom right, rgba(231, 20, 225, 0.56), rgba(241, 232, 42, 0.28)); --gradient--background-card-sparks-highlight-uncommon-3: linear-gradient(to bottom right, rgba(159, 0, 254, 0.56), rgba(43, 179, 114, 0.28)); --gradient--background-card-sparks-icebreaker: linear-gradient(to bottom right, #dce1ee, #f5f7f7); --gradient--background-card-sparks-prompt: linear-gradient(to bottom right, #e714e1, #d5092c); --gradient--background-card-sparks-quiz: linear-gradient(to bottom right, #9f00fe, #e714e1); --gradient--background-explore-attribution: linear-gradient(90deg, #eb0052, #940b8f); --gradient--background-festival-mode: linear-gradient(90deg, #002ca2, #9f00fe); --gradient--background-gamepad-boost-pressed: linear-gradient(to top right, #9f00fe, #ce79ff); --gradient--background-gamepad-like-pressed: linear-gradient(to top right, #209663, #1b9296); --gradient--background-gamepad-nope-pressed: linear-gradient(to top right, #fd267a, #ff6036); --gradient--background-gamepad-rewind-pressed: linear-gradient(to top right, #ee8109, #f1e82a); --gradient--background-gamepad-sparks-boost-pressed: linear-gradient(to top left, #b650ff, #fd54f7); --gradient--background-gamepad-sparks-like-pressed: linear-gradient(to top left, #2bb372, #f1e82a); --gradient--background-gamepad-sparks-nope-pressed: linear-gradient(to top left, #fe7074, #e714e1); --gradient--background-gamepad-sparks-rewind-pressed: linear-gradient(to top left, #ee8109, #f1e82a); --gradient--background-gamepad-sparks-super-like-pressed: linear-gradient(to top left, #0046c7, #2bfbfd); --gradient--background-gamepad-super-like-pressed: linear-gradient(to top right, #0083f8, #1b9296); --gradient--background-gold: linear-gradient(to top right, #e6af16, #ffe8a5); --gradient--background-gold-inverse: linear-gradient(to top right, #e6af16, #ffe8a5); --gradient--background-gold-shine: linear-gradient(to top right, #e6af16, #f7d472, #e6af16); --gradient--background-gold-shine-inverse: linear-gradient(to top right, #e6af16, #f7d472, #e6af16); --gradient--background-gold-subtle: linear-gradient(0deg, #101113, #2c2000); --gradient--background-hot-takes: linear-gradient(90deg, #58009b, #bc10b7); --gradient--background-like: linear-gradient(to top right, #4af277, #2bfbfd); --gradient--background-like-inverse: linear-gradient(to top right, #38d27c, #2bebef); --gradient--background-like-subtle: linear-gradient(0deg, #101113, #032c1c); --gradient--background-match-expiration: linear-gradient(to top right, #fe004d, #e714e1); --gradient--background-nope: linear-gradient(to top right, #fe7074, #e714e1); --gradient--background-nope-inverse: linear-gradient(to top right, #fe7074, #e714e1); --gradient--background-passions-shared-rec: linear-gradient(90deg, #ff6036, #e714e1); --gradient--background-passions-sparks-shared-overlay: linear-gradient(to top right, #fbd4d4, #e714e1); --gradient--background-platinum: linear-gradient(to top right, #b4b9c6, #f0f1f4); --gradient--background-platinum-inverse: linear-gradient(to top right, #101113, #656a78); --gradient--background-platinum-shine: linear-gradient(to top right, #b4b9c6, #f0f1f4, #b4b9c6); --gradient--background-platinum-shine-inverse: linear-gradient(to top right, #101113, #656a78, #101113); --gradient--background-platinum-subtle: linear-gradient(0deg, #101113, #24262a); --gradient--background-plus-subtle: linear-gradient(0deg, #101113, #2b0107); --gradient--background-primary-gradient: linear-gradient(0deg, #131110, #131110); --gradient--background-primary-linear: linear-gradient(180deg, #131110, #000000); --gradient--background-rec-card-bottom-ai-gradient: linear-gradient(180deg, #000000, #54002b, #85003a); --gradient--background-rewind: linear-gradient(to top right, #ee8109, #f1e82a); --gradient--background-rewind-inverse: linear-gradient(to top right, #ee8109, #f1e82a); --gradient--background-scripted-onboarding: linear-gradient(to bottom left, #6fc0ff, #fe91f9); --gradient--background-select-subtle: linear-gradient(0deg, #101113, #110c2b); --gradient--background-sparks-boost: linear-gradient(to top left, #b650ff, #fd54f7); --gradient--background-sparks-like: linear-gradient(to top left, #2bb372, #f1e82a); --gradient--background-sparks-nope: linear-gradient(to top left, #fe7074, #e714e1); --gradient--background-sparks-rewind: linear-gradient(to top left, #ee8109, #f1e82a); --gradient--background-sparks-super-like: linear-gradient(to top left, #0046c7, #2bfbfd); --gradient--background-spotify-music-mode: linear-gradient(90deg, #032c1c, #0e5e40); --gradient--background-super-boost: linear-gradient(to top right, #b650ff, #fe91f9); --gradient--background-super-boost-inverse: linear-gradient(to top right, #b650ff, #fe91f9); --gradient--background-super-boost-subtle: linear-gradient(0deg, #101113, #480346); --gradient--background-super-like: linear-gradient(to top right, #0083f8, #2bfbfd); --gradient--background-super-like-inverse: linear-gradient(to top right, #37a2ff, #2bebef); --gradient--background-super-like-subtle: linear-gradient(0deg, #101113, #001874); --gradient--background-swipesurge: linear-gradient(to top right, #4af277, #2bebef); --gradient--background-teal-subtle: linear-gradient(0deg, #101113, #032b2d); --gradient--background-vault-gradient: linear-gradient(to bottom right, #9f00fe, #5f44ea, #0063e3); --gradient--background-vault-subtle: linear-gradient(0deg, #101113, #110c2b); --gradient--border-brand-gradient: linear-gradient(to top right, #fd267a, #ff6036); --gradient--border-match-expiration: linear-gradient(to top right, #fe004d, #e714e1); --gradient--border-sparks-prompt-selected: linear-gradient(90deg, #ff6036, #e714e1); --gradient--border-vault-gradient: linear-gradient(to bottom right, #9f00fe, #5f44ea, #0063e3); --gradient--fade-bottom-to-top-primary-bold: linear-gradient(180deg, #13111000, #131110); --gradient--fade-bottom-to-top-primary-subtle: linear-gradient(180deg, #13111000, #13111066); --gradient--fade-bottom-to-top-secondary: linear-gradient(180deg, rgba(0, 0, 0, 0), #000000); --gradient--fade-bottom-to-top-tertiary: linear-gradient(180deg, #24202000, #242020); --gradient--fade-primary-bottom-to-top: linear-gradient(0deg, #131110, #13111000); --gradient--fade-primary-top-to-bottom: linear-gradient(180deg, #131110, #13111000); --gradient--fade-top-to-bottom-primary-bold: linear-gradient(180deg, #131110, #13111000); --gradient--fade-top-to-bottom-primary-subtle: linear-gradient(180deg, #13111066, #13111000); --gradient--fade-top-to-bottom-secondary: linear-gradient(180deg, #000000, rgba(0, 0, 0, 0)); --gradient--fade-top-to-bottom-tertiary: linear-gradient(180deg, #242020, #24202000); --gradient--foreground-progress-active: linear-gradient(90deg, #ff6036, #e714e1); --gradient--icon-boost: linear-gradient(to top right, #9f00fe, #e714e1); --gradient--icon-brand-gradient: linear-gradient(to top right, #fd267a, #ff6036); --gradient--icon-chat-drawer-vibes-active: linear-gradient(to top right, #ee8109, #e714e1, #2bebef); --gradient--icon-container-banner-default: linear-gradient(to top right, #fd267a, #ff6036); --gradient--icon-gamepad-primary-boost-default: linear-gradient(to top right, #9f00fe, #e714e1); --gradient--icon-gamepad-primary-like-default: linear-gradient(to top right, #4af277, #2bfbfd); --gradient--icon-gamepad-primary-nope-default: linear-gradient(to top right, #fd267a, #ff6036); --gradient--icon-gamepad-primary-rewind-default: linear-gradient(to top right, #ee8109, #f1e82a); --gradient--icon-gamepad-primary-super-like-default: linear-gradient(to top right, #0083f8, #2bfbfd); --gradient--icon-gamepad-secondary-boost-default: linear-gradient(to top right, #9f00fe, #ce79ff); --gradient--icon-gamepad-secondary-like-default: linear-gradient(to top right, #4af277, #2bfbfd); --gradient--icon-gamepad-secondary-nope-default: linear-gradient(to top right, #fd267a, #ff6036); --gradient--icon-gamepad-secondary-rewind-default: linear-gradient(to top right, #ee8109, #f1e82a); --gradient--icon-gamepad-secondary-super-like-default: linear-gradient(to top right, #0083f8, #2bfbfd); --gradient--icon-gamepad-sparks-boost-default: linear-gradient(to top left, #b650ff, #fd54f7); --gradient--icon-gamepad-sparks-like-default: linear-gradient(to top left, #2bb372, #f1e82a); --gradient--icon-gamepad-sparks-nope-default: linear-gradient(to top left, #fe7074, #e714e1); --gradient--icon-gamepad-sparks-rewind-default: linear-gradient(to top left, #ee8109, #f1e82a); --gradient--icon-gamepad-sparks-super-like-default: linear-gradient(to top left, #0046c7, #2bfbfd); --gradient--icon-gold: linear-gradient(to top right, #e6af16, #ffe8a5); --gradient--icon-like: linear-gradient(to top right, #4af277, #2bfbfd); --gradient--icon-match-expiration: linear-gradient(to top right, #fe004d, #e714e1); --gradient--icon-navigation-primary-active: linear-gradient(to top right, #fd267a, #ff6036); --gradient--icon-nope: linear-gradient(to top right, #fe7074, #e714e1); --gradient--icon-platinum: linear-gradient(to top right, #b4b9c6, #f0f1f4); --gradient--icon-rewind: linear-gradient(to top right, #ee8109, #f1e82a); --gradient--icon-sparks-boost: linear-gradient(to top left, #b650ff, #fd54f7); --gradient--icon-sparks-like: linear-gradient(to top left, #2bb372, #f1e82a); --gradient--icon-sparks-matchmaker-attribution: linear-gradient(0deg, #38d27c, #4af277); --gradient--icon-sparks-nope: linear-gradient(to top left, #fe7074, #e714e1); --gradient--icon-sparks-rewind: linear-gradient(to top left, #ee8109, #f1e82a); --gradient--icon-sparks-super-like: linear-gradient(to top left, #0046c7, #2bfbfd); --gradient--icon-superlike: linear-gradient(to top right, #0083f8, #2bfbfd); --gradient--icon-vault-gradient: linear-gradient(to bottom right, #9f00fe, #5f44ea, #0063e3); --gradient--overlay-background-primary: linear-gradient(180deg, #13111000, #13111054, #13111096, #131110C4, #131110); --gradient--overlay-background-primary-variant: linear-gradient(90deg, #13111000, #131110); --gradient--overlay-card: linear-gradient(180deg, rgba(0, 0, 0, 0), #000000); --gradient--overlay-contextual-like: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7), #000000); --gradient--overlay-primary-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0), #000000); --gradient--overlay-profile-button-gamepad: linear-gradient(180deg, rgba(16, 17, 19, 0), #000000); --gradient--overlay-profile-sparks-super-like: linear-gradient(180deg, rgba(0, 99, 227, 0), rgba(0, 99, 227, 0.31), rgba(0, 99, 227, 0.7), #0063e3, #0063e3); --gradient--overlay-rec-card-default: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.33), rgba(0, 0, 0, 0.59), rgba(0, 0, 0, 0.77), #000000); --gradient--overlay-rec-card-highlight: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.73), rgba(0, 0, 0, 0.87), #000000); --gradient--overlay-rec-card-intent-a: linear-gradient(180deg, rgba(0, 24, 116, 0), rgba(0, 70, 199, 0.6), rgba(0, 44, 162, 0.73), rgba(0, 24, 116, 0.87), #000000); --gradient--overlay-rec-card-intent-b: linear-gradient(180deg, rgba(3, 43, 45, 0), rgba(14, 92, 95, 0.6), rgba(7, 66, 69, 0.73), rgba(3, 43, 45, 0.87), #000000); --gradient--overlay-rec-card-intent-c: linear-gradient(180deg, rgba(3, 44, 28, 0), rgba(22, 121, 82, 0.6), rgba(7, 68, 46, 0.73), rgba(3, 44, 28, 0.87), #000000); --gradient--overlay-rec-card-intent-d: linear-gradient(180deg, rgba(78, 13, 0, 0), rgba(151, 45, 0, 0.6), rgba(115, 27, 0, 0.73), rgba(78, 13, 0, 0.87), #000000); --gradient--overlay-rec-card-intent-e: linear-gradient(180deg, rgba(82, 3, 21, 0), rgba(167, 8, 40, 0.6), rgba(123, 5, 32, 0.73), rgba(82, 3, 21, 0.87), #000000); --gradient--overlay-rec-card-intent-f: linear-gradient(180deg, rgba(57, 0, 106, 0), rgba(122, 0, 205, 0.6), rgba(88, 0, 155, 0.73), rgba(57, 0, 106, 0.87), #000000); --gradient--overlay-rec-card-sparks-super-like: linear-gradient(180deg, rgba(0, 99, 227, 0), rgba(0, 99, 227, 0.31), rgba(0, 99, 227, 0.7), #0063e3, #0063e3); --gradient--overlay-rec-card-super-like: linear-gradient(180deg, rgba(0, 24, 116, 0), rgba(0, 24, 116, 0.6), rgba(0, 44, 162, 0.76), #0063e3, #0063e3); --gradient--overlay-rec-card-vault: linear-gradient(180deg, rgba(57, 0, 106, 0), rgba(57, 0, 106, 0.6), rgba(88, 0, 155, 0.8), #5f44ea, #0063e3); --gradient--overlay-secondary-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.56)); --gradient--overlay-subtle-card: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.56)); --gradient--overlay-tappy-content-bottom: linear-gradient(180deg, #101113, rgba(16, 17, 19, 0.8)); --gradient--overlay-tappy-content-top: linear-gradient(180deg, rgba(16, 17, 19, 0.8), #101113); --gradient--overlay-tappy-high-bottom: linear-gradient(180deg, rgba(16, 17, 19, 0) 0%, rgba(16, 17, 19, 0.5) 25%, rgba(16, 17, 19, 0.7) 50%, #101113 100%); --gradient--overlay-tappy-high-top-light: linear-gradient(180deg, rgba(16, 17, 19, 0.23), rgba(16, 17, 19, 0.32), rgba(16, 17, 19, 0)); --gradient--overlay-tappy-high-top-medium: linear-gradient(180deg, rgba(16, 17, 19, 0.45), rgba(16, 17, 19, 0.45), rgba(16, 17, 19, 0)); --gradient--overlay-tappy-high-top-strong: linear-gradient(180deg, rgba(16, 17, 19, 0.7), rgba(16, 17, 19, 0.7), rgba(16, 17, 19, 0)); --gradient--overlay-tappy-low-bottom: linear-gradient(180deg, rgba(79, 79, 79, 0), rgba(79, 79, 79, 0.75), rgba(79, 79, 79, 0)); --gradient--overlay-tappy-low-top: linear-gradient(180deg, #636363, rgba(99, 99, 99, 0)); --gradient--shimmer-gold: linear-gradient(to top right, #f7d472, #f7d472, #e6af16, #f7d472, #ffe8a5, #f7d472, #e6af16, #f7d472, #f7d472); --gradient--shimmer-platinum: linear-gradient(to top right, #d1d4dd, #d1d4dd, #b4b9c6, #d1d4dd, #e7e9ee, #d1d4dd, #b4b9c6, #d1d4dd, #d1d4dd); --gradient--swipe-overlay-rec-card-sparks-like: linear-gradient(to top left, #2bb372, #f1e82a); --gradient--swipe-overlay-rec-card-sparks-nope: linear-gradient(to top left, #fe7074, #e714e1); --gradient--swipe-overlay-rec-card-sparks-super-like: linear-gradient(to top left, #0046c7, #2bfbfd); --gradient--text-match-expiration: linear-gradient(to top right, #fe004d, #e714e1); --gradient--text-sparks-matchmaker-attribution: linear-gradient(0deg, #38d27c, #4af277); --fill--accent-boost-gradient: url(#svg-fill-linear__dark__gradient--accentBoostGradient); --fill--accent-brand-gradient: url(#svg-fill-linear__dark__gradient--accentBrandGradient); --fill--accent-explore-gradient: url(#svg-fill-linear__dark__gradient--accentExploreGradient); --fill--accent-festival-mode-gradient: url(#svg-fill-linear__dark__gradient--accentFestivalModeGradient); --fill--accent-gold-gradient: url(#svg-fill-linear__dark__gradient--accentGoldGradient); --fill--accent-gold-shine-gradient: url(#svg-fill-linear__dark__gradient--accentGoldShineGradient); --fill--accent-hot-takes-gradient: url(#svg-fill-linear__dark__gradient--accentHotTakesGradient); --fill--accent-like-gradient: url(#svg-fill-linear__dark__gradient--accentLikeGradient); --fill--accent-match-expiration-gradient: url(#svg-fill-linear__dark__gradient--accentMatchExpirationGradient); --fill--accent-matchmaker-gradient: url(#svg-fill-linear__dark__gradient--accentMatchmakerGradient); --fill--accent-nope-gradient: url(#svg-fill-linear__dark__gradient--accentNopeGradient); --fill--accent-passions-gradient: url(#svg-fill-linear__dark__gradient--accentPassionsGradient); --fill--accent-platinum-gradient: url(#svg-fill-linear__dark__gradient--accentPlatinumGradient); --fill--accent-platinum-gradient-inverse: url(#svg-fill-linear__dark__gradient--accentPlatinumGradientInverse); --fill--accent-platinum-shine-gradient: url(#svg-fill-linear__dark__gradient--accentPlatinumShineGradient); --fill--accent-platinum-shine-gradient-inverse: url(#svg-fill-linear__dark__gradient--accentPlatinumShineGradientInverse); --fill--accent-primary-gradient: url(#svg-fill-linear__dark__gradient--accentPrimaryGradient); --fill--accent-rewind-gradient: url(#svg-fill-linear__dark__gradient--accentRewindGradient); --fill--accent-select-gradient: url(#svg-fill-linear__dark__gradient--accentSelectGradient); --fill--accent-sparks-boost-gradient: url(#svg-fill-linear__dark__gradient--accentSparksBoostGradient); --fill--accent-sparks-like-gradient: url(#svg-fill-linear__dark__gradient--accentSparksLikeGradient); --fill--accent-sparks-nope-gradient: url(#svg-fill-linear__dark__gradient--accentSparksNopeGradient); --fill--accent-sparks-rewind-gradient: url(#svg-fill-linear__dark__gradient--accentSparksRewindGradient); --fill--accent-sparks-super-like-gradient: url(#svg-fill-linear__dark__gradient--accentSparksSuperLikeGradient); --fill--accent-spotify-music-mode-gradient: url(#svg-fill-linear__dark__gradient--accentSpotifyMusicModeGradient); --fill--accent-super-boost-gradient: url(#svg-fill-linear__dark__gradient--accentSuperBoostGradient); --fill--accent-super-like-gradient: url(#svg-fill-linear__dark__gradient--accentSuperLikeGradient); --fill--accent-vibes-gradient: url(#svg-fill-linear__dark__gradient--accentVibesGradient); --fill--background-background-primary: url(#svg-fill-linear__dark__gradient--backgroundBackgroundPrimary); --fill--background-background-primary-variant: url(#svg-fill-linear__dark__gradient--backgroundBackgroundPrimaryVariant); --fill--background-boost: url(#svg-fill-linear__dark__gradient--backgroundBoost); --fill--background-boost-inverse: url(#svg-fill-linear__dark__gradient--backgroundBoostInverse); --fill--background-boost-subtle: url(#svg-fill-linear__dark__gradient--backgroundBoostSubtle); --fill--background-brand-gradient: url(#svg-fill-linear__dark__gradient--backgroundBrandGradient); --fill--background-brand-subtle: url(#svg-fill-linear__dark__gradient--backgroundBrandSubtle); --fill--background-card-sparks-highlight-common-1: url(#svg-fill-linear__dark__gradient--backgroundCardSparksHighlightCommon1); --fill--background-card-sparks-highlight-common-2: url(#svg-fill-linear__dark__gradient--backgroundCardSparksHighlightCommon2); --fill--background-card-sparks-highlight-common-3: url(#svg-fill-linear__dark__gradient--backgroundCardSparksHighlightCommon3); --fill--background-card-sparks-highlight-uncommon-1: url(#svg-fill-linear__dark__gradient--backgroundCardSparksHighlightUncommon1); --fill--background-card-sparks-highlight-uncommon-2: url(#svg-fill-linear__dark__gradient--backgroundCardSparksHighlightUncommon2); --fill--background-card-sparks-highlight-uncommon-3: url(#svg-fill-linear__dark__gradient--backgroundCardSparksHighlightUncommon3); --fill--background-card-sparks-icebreaker: url(#svg-fill-linear__dark__gradient--backgroundCardSparksIcebreaker); --fill--background-card-sparks-prompt: url(#svg-fill-linear__dark__gradient--backgroundCardSparksPrompt); --fill--background-card-sparks-quiz: url(#svg-fill-linear__dark__gradient--backgroundCardSparksQuiz); --fill--background-explore-attribution: url(#svg-fill-linear__dark__gradient--backgroundExploreAttribution); --fill--background-festival-mode: url(#svg-fill-linear__dark__gradient--backgroundFestivalMode); --fill--background-gamepad-boost-pressed: url(#svg-fill-linear__dark__gradient--backgroundGamepadBoostPressed); --fill--background-gamepad-like-pressed: url(#svg-fill-linear__dark__gradient--backgroundGamepadLikePressed); --fill--background-gamepad-nope-pressed: url(#svg-fill-linear__dark__gradient--backgroundGamepadNopePressed); --fill--background-gamepad-rewind-pressed: url(#svg-fill-linear__dark__gradient--backgroundGamepadRewindPressed); --fill--background-gamepad-sparks-boost-pressed: url(#svg-fill-linear__dark__gradient--backgroundGamepadSparksBoostPressed); --fill--background-gamepad-sparks-like-pressed: url(#svg-fill-linear__dark__gradient--backgroundGamepadSparksLikePressed); --fill--background-gamepad-sparks-nope-pressed: url(#svg-fill-linear__dark__gradient--backgroundGamepadSparksNopePressed); --fill--background-gamepad-sparks-rewind-pressed: url(#svg-fill-linear__dark__gradient--backgroundGamepadSparksRewindPressed); --fill--background-gamepad-sparks-super-like-pressed: url(#svg-fill-linear__dark__gradient--backgroundGamepadSparksSuperLikePressed); --fill--background-gamepad-super-like-pressed: url(#svg-fill-linear__dark__gradient--backgroundGamepadSuperLikePressed); --fill--background-gold: url(#svg-fill-linear__dark__gradient--backgroundGold); --fill--background-gold-inverse: url(#svg-fill-linear__dark__gradient--backgroundGoldInverse); --fill--background-gold-shine: url(#svg-fill-linear__dark__gradient--backgroundGoldShine); --fill--background-gold-shine-inverse: url(#svg-fill-linear__dark__gradient--backgroundGoldShineInverse); --fill--background-gold-subtle: url(#svg-fill-linear__dark__gradient--backgroundGoldSubtle); --fill--background-hot-takes: url(#svg-fill-linear__dark__gradient--backgroundHotTakes); --fill--background-like: url(#svg-fill-linear__dark__gradient--backgroundLike); --fill--background-like-inverse: url(#svg-fill-linear__dark__gradient--backgroundLikeInverse); --fill--background-like-subtle: url(#svg-fill-linear__dark__gradient--backgroundLikeSubtle); --fill--background-match-expiration: url(#svg-fill-linear__dark__gradient--backgroundMatchExpiration); --fill--background-nope: url(#svg-fill-linear__dark__gradient--backgroundNope); --fill--background-nope-inverse: url(#svg-fill-linear__dark__gradient--backgroundNopeInverse); --fill--background-passions-shared-rec: url(#svg-fill-linear__dark__gradient--backgroundPassionsSharedRec); --fill--background-passions-sparks-shared-overlay: url(#svg-fill-linear__dark__gradient--backgroundPassionsSparksSharedOverlay); --fill--background-platinum: url(#svg-fill-linear__dark__gradient--backgroundPlatinum); --fill--background-platinum-inverse: url(#svg-fill-linear__dark__gradient--backgroundPlatinumInverse); --fill--background-platinum-shine: url(#svg-fill-linear__dark__gradient--backgroundPlatinumShine); --fill--background-platinum-shine-inverse: url(#svg-fill-linear__dark__gradient--backgroundPlatinumShineInverse); --fill--background-platinum-subtle: url(#svg-fill-linear__dark__gradient--backgroundPlatinumSubtle); --fill--background-plus-subtle: url(#svg-fill-linear__dark__gradient--backgroundPlusSubtle); --fill--background-primary-gradient: url(#svg-fill-linear__dark__gradient--backgroundPrimaryGradient); --fill--background-primary-linear: url(#svg-fill-linear__dark__gradient--backgroundPrimaryLinear); --fill--background-rec-card-bottom-ai-gradient: url(#svg-fill-linear__dark__gradient--backgroundRecCardBottomAiGradient); --fill--background-rewind: url(#svg-fill-linear__dark__gradient--backgroundRewind); --fill--background-rewind-inverse: url(#svg-fill-linear__dark__gradient--backgroundRewindInverse); --fill--background-scripted-onboarding: url(#svg-fill-linear__dark__gradient--backgroundScriptedOnboarding); --fill--background-select-subtle: url(#svg-fill-linear__dark__gradient--backgroundSelectSubtle); --fill--background-sparks-boost: url(#svg-fill-linear__dark__gradient--backgroundSparksBoost); --fill--background-sparks-like: url(#svg-fill-linear__dark__gradient--backgroundSparksLike); --fill--background-sparks-nope: url(#svg-fill-linear__dark__gradient--backgroundSparksNope); --fill--background-sparks-rewind: url(#svg-fill-linear__dark__gradient--backgroundSparksRewind); --fill--background-sparks-super-like: url(#svg-fill-linear__dark__gradient--backgroundSparksSuperLike); --fill--background-spotify-music-mode: url(#svg-fill-linear__dark__gradient--backgroundSpotifyMusicMode); --fill--background-super-boost: url(#svg-fill-linear__dark__gradient--backgroundSuperBoost); --fill--background-super-boost-inverse: url(#svg-fill-linear__dark__gradient--backgroundSuperBoostInverse); --fill--background-super-boost-subtle: url(#svg-fill-linear__dark__gradient--backgroundSuperBoostSubtle); --fill--background-super-like: url(#svg-fill-linear__dark__gradient--backgroundSuperLike); --fill--background-super-like-inverse: url(#svg-fill-linear__dark__gradient--backgroundSuperLikeInverse); --fill--background-super-like-subtle: url(#svg-fill-linear__dark__gradient--backgroundSuperLikeSubtle); --fill--background-swipesurge: url(#svg-fill-linear__dark__gradient--backgroundSwipesurge); --fill--background-teal-subtle: url(#svg-fill-linear__dark__gradient--backgroundTealSubtle); --fill--background-vault-gradient: url(#svg-fill-linear__dark__gradient--backgroundVaultGradient); --fill--background-vault-subtle: url(#svg-fill-linear__dark__gradient--backgroundVaultSubtle); --fill--border-brand-gradient: url(#svg-fill-linear__dark__gradient--borderBrandGradient); --fill--border-match-expiration: url(#svg-fill-linear__dark__gradient--borderMatchExpiration); --fill--border-sparks-prompt-selected: url(#svg-fill-linear__dark__gradient--borderSparksPromptSelected); --fill--border-vault-gradient: url(#svg-fill-linear__dark__gradient--borderVaultGradient); --fill--fade-bottom-to-top-primary-bold: url(#svg-fill-linear__dark__gradient--fadeBottomToTopPrimaryBold); --fill--fade-bottom-to-top-primary-subtle: url(#svg-fill-linear__dark__gradient--fadeBottomToTopPrimarySubtle); --fill--fade-bottom-to-top-secondary: url(#svg-fill-linear__dark__gradient--fadeBottomToTopSecondary); --fill--fade-bottom-to-top-tertiary: url(#svg-fill-linear__dark__gradient--fadeBottomToTopTertiary); --fill--fade-primary-bottom-to-top: url(#svg-fill-linear__dark__gradient--fadePrimaryBottomToTop); --fill--fade-primary-top-to-bottom: url(#svg-fill-linear__dark__gradient--fadePrimaryTopToBottom); --fill--fade-top-to-bottom-primary-bold: url(#svg-fill-linear__dark__gradient--fadeTopToBottomPrimaryBold); --fill--fade-top-to-bottom-primary-subtle: url(#svg-fill-linear__dark__gradient--fadeTopToBottomPrimarySubtle); --fill--fade-top-to-bottom-secondary: url(#svg-fill-linear__dark__gradient--fadeTopToBottomSecondary); --fill--fade-top-to-bottom-tertiary: url(#svg-fill-linear__dark__gradient--fadeTopToBottomTertiary); --fill--foreground-progress-active: url(#svg-fill-linear__dark__gradient--foregroundProgressActive); --fill--icon-boost: url(#svg-fill-linear__dark__gradient--iconBoost); --fill--icon-brand-gradient: url(#svg-fill-linear__dark__gradient--iconBrandGradient); --fill--icon-chat-drawer-vibes-active: url(#svg-fill-linear__dark__gradient--iconChatDrawerVibesActive); --fill--icon-container-banner-default: url(#svg-fill-linear__dark__gradient--iconContainerBannerDefault); --fill--icon-gamepad-primary-boost-default: url(#svg-fill-linear__dark__gradient--iconGamepadPrimaryBoostDefault); --fill--icon-gamepad-primary-like-default: url(#svg-fill-linear__dark__gradient--iconGamepadPrimaryLikeDefault); --fill--icon-gamepad-primary-nope-default: url(#svg-fill-linear__dark__gradient--iconGamepadPrimaryNopeDefault); --fill--icon-gamepad-primary-rewind-default: url(#svg-fill-linear__dark__gradient--iconGamepadPrimaryRewindDefault); --fill--icon-gamepad-primary-super-like-default: url(#svg-fill-linear__dark__gradient--iconGamepadPrimarySuperLikeDefault); --fill--icon-gamepad-secondary-boost-default: url(#svg-fill-linear__dark__gradient--iconGamepadSecondaryBoostDefault); --fill--icon-gamepad-secondary-like-default: url(#svg-fill-linear__dark__gradient--iconGamepadSecondaryLikeDefault); --fill--icon-gamepad-secondary-nope-default: url(#svg-fill-linear__dark__gradient--iconGamepadSecondaryNopeDefault); --fill--icon-gamepad-secondary-rewind-default: url(#svg-fill-linear__dark__gradient--iconGamepadSecondaryRewindDefault); --fill--icon-gamepad-secondary-super-like-default: url(#svg-fill-linear__dark__gradient--iconGamepadSecondarySuperLikeDefault); --fill--icon-gamepad-sparks-boost-default: url(#svg-fill-linear__dark__gradient--iconGamepadSparksBoostDefault); --fill--icon-gamepad-sparks-like-default: url(#svg-fill-linear__dark__gradient--iconGamepadSparksLikeDefault); --fill--icon-gamepad-sparks-nope-default: url(#svg-fill-linear__dark__gradient--iconGamepadSparksNopeDefault); --fill--icon-gamepad-sparks-rewind-default: url(#svg-fill-linear__dark__gradient--iconGamepadSparksRewindDefault); --fill--icon-gamepad-sparks-super-like-default: url(#svg-fill-linear__dark__gradient--iconGamepadSparksSuperLikeDefault); --fill--icon-gold: url(#svg-fill-linear__dark__gradient--iconGold); --fill--icon-like: url(#svg-fill-linear__dark__gradient--iconLike); --fill--icon-match-expiration: url(#svg-fill-linear__dark__gradient--iconMatchExpiration); --fill--icon-navigation-primary-active: url(#svg-fill-linear__dark__gradient--iconNavigationPrimaryActive); --fill--icon-nope: url(#svg-fill-linear__dark__gradient--iconNope); --fill--icon-platinum: url(#svg-fill-linear__dark__gradient--iconPlatinum); --fill--icon-rewind: url(#svg-fill-linear__dark__gradient--iconRewind); --fill--icon-sparks-boost: url(#svg-fill-linear__dark__gradient--iconSparksBoost); --fill--icon-sparks-like: url(#svg-fill-linear__dark__gradient--iconSparksLike); --fill--icon-sparks-matchmaker-attribution: url(#svg-fill-linear__dark__gradient--iconSparksMatchmakerAttribution); --fill--icon-sparks-nope: url(#svg-fill-linear__dark__gradient--iconSparksNope); --fill--icon-sparks-rewind: url(#svg-fill-linear__dark__gradient--iconSparksRewind); --fill--icon-sparks-super-like: url(#svg-fill-linear__dark__gradient--iconSparksSuperLike); --fill--icon-superlike: url(#svg-fill-linear__dark__gradient--iconSuperlike); --fill--icon-vault-gradient: url(#svg-fill-linear__dark__gradient--iconVaultGradient); --fill--overlay-background-primary: url(#svg-fill-linear__dark__gradient--overlayBackgroundPrimary); --fill--overlay-background-primary-variant: url(#svg-fill-linear__dark__gradient--overlayBackgroundPrimaryVariant); --fill--overlay-card: url(#svg-fill-linear__dark__gradient--overlayCard); --fill--overlay-contextual-like: url(#svg-fill-linear__dark__gradient--overlayContextualLike); --fill--overlay-primary-gradient: url(#svg-fill-linear__dark__gradient--overlayPrimaryGradient); --fill--overlay-profile-button-gamepad: url(#svg-fill-linear__dark__gradient--overlayProfileButtonGamepad); --fill--overlay-profile-sparks-super-like: url(#svg-fill-linear__dark__gradient--overlayProfileSparksSuperLike); --fill--overlay-rec-card-default: url(#svg-fill-linear__dark__gradient--overlayRecCardDefault); --fill--overlay-rec-card-highlight: url(#svg-fill-linear__dark__gradient--overlayRecCardHighlight); --fill--overlay-rec-card-intent-a: url(#svg-fill-linear__dark__gradient--overlayRecCardIntentA); --fill--overlay-rec-card-intent-b: url(#svg-fill-linear__dark__gradient--overlayRecCardIntentB); --fill--overlay-rec-card-intent-c: url(#svg-fill-linear__dark__gradient--overlayRecCardIntentC); --fill--overlay-rec-card-intent-d: url(#svg-fill-linear__dark__gradient--overlayRecCardIntentD); --fill--overlay-rec-card-intent-e: url(#svg-fill-linear__dark__gradient--overlayRecCardIntentE); --fill--overlay-rec-card-intent-f: url(#svg-fill-linear__dark__gradient--overlayRecCardIntentF); --fill--overlay-rec-card-sparks-super-like: url(#svg-fill-linear__dark__gradient--overlayRecCardSparksSuperLike); --fill--overlay-rec-card-super-like: url(#svg-fill-linear__dark__gradient--overlayRecCardSuperLike); --fill--overlay-rec-card-vault: url(#svg-fill-linear__dark__gradient--overlayRecCardVault); --fill--overlay-secondary-gradient: url(#svg-fill-linear__dark__gradient--overlaySecondaryGradient); --fill--overlay-subtle-card: url(#svg-fill-linear__dark__gradient--overlaySubtleCard); --fill--overlay-tappy-content-bottom: url(#svg-fill-linear__dark__gradient--overlayTappyContentBottom); --fill--overlay-tappy-content-top: url(#svg-fill-linear__dark__gradient--overlayTappyContentTop); --fill--overlay-tappy-high-bottom: url(#svg-fill-linear__dark__gradient--overlayTappyHighBottom); --fill--overlay-tappy-high-top-light: url(#svg-fill-linear__dark__gradient--overlayTappyHighTopLight); --fill--overlay-tappy-high-top-medium: url(#svg-fill-linear__dark__gradient--overlayTappyHighTopMedium); --fill--overlay-tappy-high-top-strong: url(#svg-fill-linear__dark__gradient--overlayTappyHighTopStrong); --fill--overlay-tappy-low-bottom: url(#svg-fill-linear__dark__gradient--overlayTappyLowBottom); --fill--overlay-tappy-low-top: url(#svg-fill-linear__dark__gradient--overlayTappyLowTop); --fill--shimmer-gold: url(#svg-fill-linear__dark__gradient--shimmerGold); --fill--shimmer-platinum: url(#svg-fill-linear__dark__gradient--shimmerPlatinum); --fill--swipe-overlay-rec-card-sparks-like: url(#svg-fill-linear__dark__gradient--swipeOverlayRecCardSparksLike); --fill--swipe-overlay-rec-card-sparks-nope: url(#svg-fill-linear__dark__gradient--swipeOverlayRecCardSparksNope); --fill--swipe-overlay-rec-card-sparks-super-like: url(#svg-fill-linear__dark__gradient--swipeOverlayRecCardSparksSuperLike); --fill--text-match-expiration: url(#svg-fill-linear__dark__gradient--textMatchExpiration); --fill--text-sparks-matchmaker-attribution: url(#svg-fill-linear__dark__gradient--textSparksMatchmakerAttribution); }
.theme-rebrand-light { --theme-dark: 0; --color--blue-100: #c9d2e8; --color--blue-1000: #043e65; --color--blue-1100: #012f4d; --color--blue-1200: #00233c; --color--blue-1300: #001a2e; --color--blue-1400: #001324; --color--blue-15: #f7f7fa; --color--blue-200: #b1c0e5; --color--blue-25: #eceff5; --color--blue-300: #94b2e7; --color--blue-400: #70a1ea; --color--blue-5: #fbfbfc; --color--blue-50: #dce1ee; --color--blue-500: #4592e3; --color--blue-600: #3581c6; --color--blue-700: #2872b0; --color--blue-800: #1a6097; --color--blue-900: #0f4f7d; --color--brand-base: #cd130a; --color--brand-crush-base: #fe009b; --color--brand-crush-shade: #350322; --color--brand-crush-tint: #ffe8f7; --color--brand-flame-base: #cd130a; --color--brand-flame-shade: #600504; --color--brand-flame-tint: #fbd4d4; --color--brand-gradient-end: #cd130a; --color--brand-gradient-start: #cd130a; --color--brand-haze-base: #9db9e6; --color--brand-haze-shade: #1c212e; --color--brand-haze-tint: #dfe7f6; --color--brand-off-white-base: #f1e6ef; --color--brand-petal-base: #f5b1eb; --color--brand-petal-shade: #2a1d28; --color--brand-petal-tint: #fbdaf6; --color--brand-pine-base: #002622; --color--brand-pine-shade: #001513; --color--brand-pine-tint: #e8f0ef; --color--brand-primary: #cd130a; --color--brand-primary-a11y: #ec180e; --color--brand-romance-base: #5a000f; --color--brand-romance-shade: #2d0007; --color--brand-romance-tint: #f2ebec; --color--deepred-100: #e4cccd; --color--deepred-1000: #801523; --color--deepred-1100: #6f0715; --color--deepred-1200: #5a000f; --color--deepred-1300: #42000a; --color--deepred-1400: #2d0007; --color--deepred-15: #f9f6f7; --color--deepred-200: #deb8b8; --color--deepred-25: #f2ebec; --color--deepred-300: #dba3a2; --color--deepred-400: #d98b8b; --color--deepred-5: #fcfbfb; --color--deepred-50: #ebdedf; --color--deepred-500: #d9706f; --color--deepred-600: #d94e50; --color--deepred-700: #c84044; --color--deepred-800: #b33138; --color--deepred-900: #9a222f; --color--green-100: #98e2b1; --color--green-1000: #034618; --color--green-1100: #01350e; --color--green-1200: #002809; --color--green-1300: #001e05; --color--green-1400: #001604; --color--green-15: #effaf3; --color--green-200: #7ed29c; --color--green-25: #dbf5e2; --color--green-300: #64c484; --color--green-400: #4cb370; --color--green-5: #f8fcf9; --color--green-50: #b1efc6; --color--green-500: #3aa25c; --color--green-600: #2c8f49; --color--green-700: #207e3c; --color--green-800: #146b2f; --color--green-900: #0b5822; --color--grey-100: #d4d1d0; --color--grey-1000: #403b3a; --color--grey-1100: #302c2b; --color--grey-1200: #242020; --color--grey-1300: #1b1817; --color--grey-1400: #131110; --color--grey-15: #f8f7f7; --color--grey-200: #c4c0bf; --color--grey-25: #f0eeee; --color--grey-300: #b5b0af; --color--grey-400: #a69e9d; --color--grey-5: #fbfbfb; --color--grey-50: #e3e0e0; --color--grey-500: #968d8b; --color--grey-600: #857c7a; --color--grey-700: #756c6b; --color--grey-800: #625b5a; --color--grey-900: #514b4a; --color--lightblue-100: #b4c8eb; --color--lightblue-1000: #303b59; --color--lightblue-1100: #252c41; --color--lightblue-1200: #1c212e; --color--lightblue-1300: #161821; --color--lightblue-1400: #101115; --color--lightblue-15: #eef2fa; --color--lightblue-200: #9db9e6; --color--lightblue-25: #dfe7f6; --color--lightblue-300: #87abe1; --color--lightblue-400: #749ddc; --color--lightblue-5: #f6f8fc; --color--lightblue-50: #ccdaf1; --color--lightblue-500: #5f8bcd; --color--lightblue-600: #5579b7; --color--lightblue-700: #4d69a2; --color--lightblue-800: #44598a; --color--lightblue-900: #3c4b73; --color--lightpurple-100: #f5b1eb; --color--lightpurple-1000: #50314c; --color--lightpurple-1100: #3b2638; --color--lightpurple-1200: #2a1d28; --color--lightpurple-1300: #1e161d; --color--lightpurple-1400: #141013; --color--lightpurple-15: #fde8fa; --color--lightpurple-200: #ef9be4; --color--lightpurple-25: #fbdaf6; --color--lightpurple-300: #e887dc; --color--lightpurple-400: #e073d2; --color--lightpurple-5: #fef4fc; --color--lightpurple-50: #f9c5f1; --color--lightpurple-500: #d260c5; --color--lightpurple-600: #b95aae; --color--lightpurple-700: #a05296; --color--lightpurple-800: #83487c; --color--lightpurple-900: #693d63; --color--neutral-100: #daced8; --color--neutral-1000: #403a3f; --color--neutral-1100: #312b30; --color--neutral-1200: #252024; --color--neutral-1300: #1c171b; --color--neutral-1400: #150f14; --color--neutral-15: #f9f3f8; --color--neutral-200: #c9bdc7; --color--neutral-25: #f1e6ef; --color--neutral-300: #b8aeb6; --color--neutral-400: #a69da4; --color--neutral-5: #fdfafa; --color--neutral-50: #e6dae4; --color--neutral-500: #968c94; --color--neutral-600: #847b82; --color--neutral-700: #736c72; --color--neutral-800: #625b61; --color--neutral-900: #514a50; --color--opacity-shade-0: #00000000; --color--opacity-shade-10: #0000001a; --color--opacity-shade-15: #00000026; --color--opacity-shade-20: #00000033; --color--opacity-shade-25: #00000040; --color--opacity-shade-30: #0000004d; --color--opacity-shade-35: #00000059; --color--opacity-shade-40: #00000066; --color--opacity-shade-45: #00000073; --color--opacity-shade-5: #0000000d; --color--opacity-shade-50: #00000080; --color--opacity-shade-55: #0000008c; --color--opacity-shade-60: #00000099; --color--opacity-shade-65: #000000a6; --color--opacity-shade-70: #000000b3; --color--opacity-shade-75: #000000bf; --color--opacity-shade-80: #000000cc; --color--opacity-shade-85: #000000d9; --color--opacity-shade-90: #000000e6; --color--opacity-shade-95: #000000f2; --color--opacity-shade-black: #000000; --color--opacity-tint-0: #ffffff00; --color--opacity-tint-10: #ffffff1a; --color--opacity-tint-15: #ffffff26; --color--opacity-tint-25: #ffffff40; --color--opacity-tint-30: #ffffff4d; --color--opacity-tint-35: #ffffff59; --color--opacity-tint-40: #ffffff66; --color--opacity-tint-45: #ffffff73; --color--opacity-tint-5: #ffffff0d; --color--opacity-tint-50: #ffffff80; --color--opacity-tint-55: #ffffff8c; --color--opacity-tint-60: #ffffff99; --color--opacity-tint-65: #ffffffa6; --color--opacity-tint-70: #ffffffb3; --color--opacity-tint-75: #ffffffbf; --color--opacity-tint-80: #ffffffcc; --color--opacity-tint-85: #ffffffd9; --color--opacity-tint-90: #ffffffe6; --color--opacity-tint-95: #fffffff2; --color--opacity-tint-white: #ffffff; --color--orange-100: #ffc3bb; --color--orange-1000: #6d2304; --color--orange-1100: #531a04; --color--orange-1200: #3f1304; --color--orange-1300: #300d03; --color--orange-1400: #240903; --color--orange-15: #fff5f4; --color--orange-200: #ffac9e; --color--orange-25: #ffeae7; --color--orange-300: #ff947f; --color--orange-400: #ff7653; --color--orange-5: #fffaf9; --color--orange-50: #ffd8d3; --color--orange-500: #f95900; --color--orange-600: #dc4e00; --color--orange-700: #c34400; --color--orange-800: #a53802; --color--orange-900: #892e02; --color--pink-100: #ffc2e8; --color--pink-1000: #78004a; --color--pink-1100: #5c0239; --color--pink-1200: #46022c; --color--pink-1300: #350322; --color--pink-1400: #270319; --color--pink-15: #fff4fb; --color--pink-200: #ffaedd; --color--pink-25: #ffe8f7; --color--pink-300: #ff95d1; --color--pink-400: #ff79bf; --color--pink-5: #fffafd; --color--pink-50: #ffd5f0; --color--pink-500: #ff57a9; --color--pink-600: #fe009b; --color--pink-700: #da0086; --color--pink-800: #bb0072; --color--pink-900: #96005c; --color--red-100: #fabfbf; --color--red-1000: #740c06; --color--red-1100: #600504; --color--red-1200: #480603; --color--red-1300: #390302; --color--red-1400: #2a0301; --color--red-15: #fbeded; --color--red-200: #faa7a7; --color--red-25: #fbe3e3; --color--red-300: #fb9090; --color--red-400: #fc6e6e; --color--red-5: #fcf4f4; --color--red-50: #fbd4d4; --color--red-500: #fc423b; --color--red-600: #ec180e; --color--red-700: #cd130a; --color--red-800: #af1509; --color--red-900: #901108; --color--teal-100: #bdd7d4; --color--teal-1000: #0b433d; --color--teal-1100: #02332f; --color--teal-1200: #002622; --color--teal-1300: #001d1a; --color--teal-1400: #001513; --color--teal-15: #f5f7f7; --color--teal-200: #a6c7c3; --color--teal-25: #e8f0ef; --color--teal-300: #90b9b4; --color--teal-400: #7aa8a3; --color--teal-5: #fafbfb; --color--teal-50: #d2e5e3; --color--teal-500: #649892; --color--teal-600: #508781; --color--teal-700: #3d7871; --color--teal-800: #2c665f; --color--teal-900: #1b554e; --color--yellow-100: #f9cd00; --color--yellow-1000: #4f3804; --color--yellow-1100: #3b2a04; --color--yellow-1200: #2d1f04; --color--yellow-1300: #221603; --color--yellow-1400: #181003; --color--yellow-15: #fff7e0; --color--yellow-200: #edba00; --color--yellow-25: #ffedc2; --color--yellow-300: #e2a700; --color--yellow-400: #d09500; --color--yellow-5: #fffbf0; --color--yellow-50: #ffdf7a; --color--yellow-500: #bb8500; --color--yellow-600: #a37600; --color--yellow-700: #8f6800; --color--yellow-800: #785702; --color--yellow-900: #634702; --color--accent-active: #5f8bcd; --color--accent-blue: #2872b0; --color--accent-boost: #d260c5; --color--accent-boost-static: #f5b1eb; --color--accent-brand: #cd130a; --color--accent-chat: #5a000f; --color--accent-error: #cd130a; --color--accent-fuchsia: #da0086; --color--accent-gold: #8f6800; --color--accent-gold-static: #edba00; --color--accent-gold-subtle: #ffedc2; --color--accent-green: #207e3c; --color--accent-like: #cd130a; --color--accent-like-static-dark: #ec180e; --color--accent-link: #2872b0; --color--accent-nope: #1b1817; --color--accent-nope-static-dark: #fbfbfb; --color--accent-platinum: #302c2b; --color--accent-platinum-inverse: #c4c0bf; --color--accent-platinum-subtle: #d4d1d0; --color--accent-plus: #cd130a; --color--accent-plus-subtle: #fbd4d4; --color--accent-primary: #cd130a; --color--accent-primary-a11y: #ec180e; --color--accent-purple: #da0086; --color--accent-red: #cd130a; --color--accent-rewind: #1b1817; --color--accent-rewind-static-dark: #fbfbfb; --color--accent-select: #fe009b; --color--accent-success: #207e3c; --color--accent-super-like: #5f8bcd; --color--accent-super-like-static-dark: #9db9e6; --color--accent-super-like-subtle: #9db9e6; --color--accent-teal: #3d7871; --color--accent-trust: #2872b0; --color--accent-yellow-orange: #c34400; --color--action-active: #5f8bcd; --color--action-inactive: #968d8b; --color--action-navigation-secondary-disabled: #979eaf; --color--action-primary: #1b1817; --color--action-primary-inverse: #fbfbfb; --color--action-secondary: #0000001a; --color--action-secondary-inverse: #ffffff1a; --color--action-tertiary: #ffffff00; --color--action-text-field-loud-active: #0063e3; --color--action-text-field-loud-inactive: #656a78; --color--action-text-field-quiet-active: #0063e3; --color--action-text-field-quiet-inactive: #656a78; --color--background-badge-brand-default: #ff2358; --color--background-badge-notification-active: #ff2358; --color--background-badge-notification-inactive: #e7e9ee; --color--background-badge-online-now-default: #207e3c; --color--background-badge-verified-default: #0063e3; --color--background-banner-default: #f0f1f4; --color--background-blue: #eceff5; --color--background-bottom-sheet-default: #f0eeee; --color--background-brand: #cd130a; --color--background-button-disabled: #e7e9ee; --color--background-button-elevated: #ffffff; --color--background-button-neutral: #000000; --color--background-button-primary: #000000; --color--background-button-primary-overlay: #ffffff; --color--background-button-primary-small: #000000; --color--background-button-sparks-expand-profile: #1b1817; --color--background-button-sparks-neutral: #1b1817; --color--background-card-boost: #ffffff; --color--background-card-default: #ffffff; --color--background-card-passport: #ffffff; --color--background-card-sparks: #f0eeee; --color--background-card-super-like: #ffffff; --color--background-chat-bubble-receive: #e3e0e0; --color--background-chat-bubble-send: #2d0007; --color--background-checkbox-disabled: #e7e9ee; --color--background-checkbox-selected-enabled: #ff2358; --color--background-datepicker-selected: #f0f1f4; --color--background-disabled: #d4d1d0; --color--background-elevated: #ffffff; --color--background-elevated-static-dark: #242020; --color--background-error: #cd130a; --color--background-fuchsia: #ffe8f7; --color--background-gamepad-primary-default: #000000cc; --color--background-gamepad-primary-disabled: #24262a; --color--background-gamepad-primary-disabled-on-super-like: #0000004d; --color--background-gamepad-secondary-default: #ffffff; --color--background-gamepad-secondary-disabled: #e7e9ee; --color--background-gamepad-sparks-boost-default: #ffffff; --color--background-gamepad-sparks-like-default: #ffffff; --color--background-gamepad-sparks-nope-default: #ffffff; --color--background-gamepad-sparks-rewind-default: #ffffff; --color--background-gamepad-sparks-super-like-default: #ffffff; --color--background-green: #dbf5e2; --color--background-header-sparks: #f0eeee; --color--background-icon-button-disabled: #e7e9ee; --color--background-icon-button-overlay-default: #00000059; --color--background-icon-button-overlay-disabled: #24262a; --color--background-icon-button-primary: #000000; --color--background-icon-button-secondary: #ffffff; --color--background-inactive: #857c7a; --color--background-menu-default: #f0eeee; --color--background-modal-container-default: #ffffff; --color--background-modal-overlay-default: #0000008c; --color--background-modal-overlay-recs: #000000cc; --color--background-opacity-base: #ffffff1a; --color--background-opacity-base-inverse: #0000001a; --color--background-opacity-base-static-dark: #0000001a; --color--background-opacity-base-static-light: #ffffff1a; --color--background-opacity-brand: #cd130a20; --color--background-opacity-haze: #9db9e620; --color--background-opacity-obscure: #ffffff59; --color--background-opacity-obscure-inverse: #00000059; --color--background-opacity-obscure-static-dark: #00000059; --color--background-opacity-obscure-static-light: #ffffff59; --color--background-overlay-primary: #131110; --color--background-overlay-secondary: #000000; --color--background-passions-edit: #514b4a; --color--background-passions-inactive-overlay: #968d8b; --color--background-passions-shared: #ffffff; --color--background-passions-shared-overlay: #131110; --color--background-passions-sparks-inactive: #f0f1f4; --color--background-passions-sparks-inactive-overlay: #000000a6; --color--background-passport: #fbd4d4; --color--background-passport-subtle: #fbd4d4; --color--background-plus: #fbd4d4; --color--background-primary: #f0eeee; --color--background-primary-inverse: #131110; --color--background-primary-static-dark: #131110; --color--background-primary-static-light: #f0eeee; --color--background-progress-inactive: #f0f1f4; --color--background-purple: #ffe8f7; --color--background-radio-selected-disabled: #968d8b; --color--background-radio-selected-enabled: #ff2358; --color--background-radio-unselected-disabled: #e7e9ee; --color--background-read-receipts-badge: #2872b0; --color--background-rec-card-bottom-default: #000000; --color--background-rec-card-bottom-super-like: #303b59; --color--background-rec-card-content-hidden: #ffffff40; --color--background-red: #fbd4d4; --color--background-ripple-default: #c4c0bf; --color--background-search-default: #e7e9ee; --color--background-secondary: #e3e0e0; --color--background-secondary-inverse: #000000; --color--background-secondary-static-dark: #000000; --color--background-secondary-static-light: #e3e0e0; --color--background-slider-alt-fill-disabled: #979eaf; --color--background-slider-alt-fill-enabled: #ff2358; --color--background-slider-alt-knob-disabled: #979eaf; --color--background-slider-alt-knob-enabled: #ff2358; --color--background-slider-alt-track-disabled: #e7e9ee; --color--background-slider-alt-track-enabled: #7d8496; --color--background-slider-default-fill-disabled: #979eaf; --color--background-slider-default-fill-enabled: #ff2358; --color--background-slider-default-knob-disabled: #ffffff; --color--background-slider-default-knob-enabled: #ffffff; --color--background-slider-default-track-disabled: #e7e9ee; --color--background-slider-default-track-enabled: #7d8496; --color--background-solid: #f0eeee; --color--background-sparks-bottom-nav: #f0eeee; --color--background-sparks-primary: #f0eeee; --color--background-sparks-profile: #e3e0e0; --color--background-sparks-prompt: #f0eeee; --color--background-sparks-top-nav: #f0eeee; --color--background-switch-alt-knob-disabled: #b4b9c6; --color--background-switch-alt-knob-selected: #ff2358; --color--background-switch-alt-knob-unselected: #7d8496; --color--background-switch-alt-track-disabled: #e7e9ee; --color--background-switch-alt-track-selected: #cd130a; --color--background-switch-alt-track-unselected: #e7e9ee; --color--background-switch-default-knob-disabled: #ffffff; --color--background-switch-default-knob-selected: #ffffff; --color--background-switch-default-knob-unselected: #ffffff; --color--background-switch-default-track-disabled: #e7e9ee; --color--background-switch-default-track-selected: #ff2358; --color--background-switch-default-track-unselected: #7d8496; --color--background-table-row-default: #ffffff; --color--background-table-row-hover: rgba(16, 17, 19, 0.08); --color--background-table-row-pressed: rgba(16, 17, 19, 0.16); --color--background-tappy-container-default: #ffffff1a; --color--background-tappy-indicator-active: #ffffff; --color--background-tappy-indicator-inactive: #4f525c; --color--background-tappy-indicator-sparks-active: #ffffff; --color--background-tappy-indicator-sparks-inactive: #0000008c; --color--background-tappy-sparks: #00000059; --color--background-teal: #e8f0ef; --color--background-tertiary: #ffffff; --color--background-tertiary-inverse: #242020; --color--background-tertiary-static-dark: #242020; --color--background-tertiary-static-light: #ffffff; --color--background-text-field-loud-default: #f0f1f4; --color--background-text-field-loud-highlight: #f0eeee; --color--background-text-field-quiet-default: #ffffff; --color--background-text-field-quiet-highlight: #f0eeee; --color--background-toast-default: #24262a; --color--background-tooltip-default: #ffffff; --color--background-tooltip-revenue-default: #ffffff; --color--background-tooltip-trust-default: #0063e3; --color--background-transparent: #f0eeee; --color--background-trust: #eceff5; --color--background-vault: #f0eeee; --color--background-yellow-orange: #ffeae7; --color--border-active: #2872b0; --color--border-boost: #d260c5; --color--border-brand: #cd130a; --color--border-button-focused: #24262a; --color--border-button-focused-overlay: #ffffff; --color--border-button-secondary: #d1d4dd; --color--border-button-secondary-overlay: #ffffff; --color--border-button-sparks-expand-profile: #ffffffa6; --color--border-card: #968d8b00; --color--border-checkbox-unselected-disabled: #979eaf; --color--border-checkbox-unselected-enabled: #7d8496; --color--border-checkbox-unselected-error: #d5092c; --color--border-container-elevated: #ffffff00; --color--border-disabled: #a69e9d; --color--border-error: #cd130a; --color--border-focus-default: #1b1817; --color--border-focus-inverse: #fbfbfb; --color--border-focus-overlay: #fbfbfb; --color--border-gamepad-boost-default: #d260c5; --color--border-gamepad-like-default: #cd130a; --color--border-gamepad-nope-default: #ff2358; --color--border-gamepad-primary-disabled: #00000059; --color--border-gamepad-primary-disabled-on-super-like: #0000001a; --color--border-gamepad-rewind-default: #0000001a; --color--border-gamepad-secondary-disabled: #979eaf; --color--border-gamepad-sparks-boost-default: #9f00fe; --color--border-gamepad-sparks-like-default: #2bb372; --color--border-gamepad-sparks-nope-default: #d5092c; --color--border-gamepad-sparks-rewind-default: #ee8109; --color--border-gamepad-sparks-super-like-default: #0083f8; --color--border-gamepad-super-like-active: #ffffff; --color--border-gamepad-super-like-default: #0083f8; --color--border-gamepad-super-like-disabled: #0000001a; --color--border-gold: #8f6800; --color--border-icon-button-disabled: #979eaf; --color--border-icon-button-primary: #ffffff; --color--border-icon-button-secondary: #d1d4dd; --color--border-like: #cd130a; --color--border-nope: #1b1817; --color--border-overlay: #fbfbfb; --color--border-passions-active: #ff2358; --color--border-passions-inactive: #d1d4dd; --color--border-passions-shared: #ff2358; --color--border-passions-shared-overlay: #ffffff; --color--border-platinum: #302c2b; --color--border-primary: #968d8b; --color--border-primary-inverse: #fbfbfb; --color--border-radio-selected-disabled: #979eaf; --color--border-radio-selected-enabled: #ff2358; --color--border-radio-unselected-disabled: #979eaf; --color--border-radio-unselected-enabled: #7d8496; --color--border-rec-card-content-hidden: #ffffff; --color--border-rewind: #1b1817; --color--border-secondary: #e3e0e0; --color--border-secondary-overlay: #c4c0bf; --color--border-secondary-static-dark: #302c2b; --color--border-slider-alt-knob-disabled: #979eaf; --color--border-slider-alt-knob-enabled: #ff2358; --color--border-slider-default-knob-disabled: #979eaf; --color--border-slider-default-knob-enabled: #7d8496; --color--border-sparks-boost: #d260c5; --color--border-sparks-like: #cd130a; --color--border-sparks-nope: #1b1817; --color--border-sparks-rewind: #1b1817; --color--border-sparks-super-like: #5f8bcd; --color--border-success: #207e3c; --color--border-super-like: #5f8bcd; --color--border-switch-alt-knob-disabled: #b4b9c6; --color--border-switch-alt-knob-selected: #ff2358; --color--border-switch-alt-knob-unselected: #7d8496; --color--border-switch-alt-track-disabled: #979eaf; --color--border-switch-alt-track-selected: #ff2358; --color--border-switch-alt-track-unselected: #7d8496; --color--border-switch-default-knob-disabled: #979eaf; --color--border-switch-default-knob-selected: #ff2358; --color--border-switch-default-knob-unselected: #7d8496; --color--border-switch-default-track-disabled: #979eaf; --color--border-switch-default-track-selected: #ff2358; --color--border-switch-default-track-unselected: #7d8496; --color--border-tappy-indicator-active: #4f525c; --color--border-tappy-indicator-inactive: #7d8496; --color--border-tappy-indicator-sparks-active: #7d8496; --color--border-tappy-indicator-sparks-inactive: #7d8496; --color--border-text-field-loud-default: #7d8496; --color--border-text-field-loud-disabled: #979eaf; --color--border-text-field-loud-error: #d5092c; --color--border-text-field-loud-focus: #0063e3; --color--border-text-field-quiet-default: #7d8496; --color--border-text-field-quiet-disabled: #979eaf; --color--border-text-field-quiet-error: #d5092c; --color--border-text-field-quiet-focus: #0063e3; --color--border-timer-expired: #e3e0e0; --color--border-tooltip-default: #ffffff; --color--border-tooltip-revenue-boost: #d260c5; --color--border-tooltip-revenue-like: #cd130a; --color--border-tooltip-revenue-nope: #1b1817; --color--border-tooltip-revenue-rewind: #1b1817; --color--border-tooltip-revenue-super-like: #5f8bcd; --color--border-vault: #fe009b; --color--cursor-default: #1b1817; --color--cursor-search-input: #0063e3; --color--cursor-text-field-loud-default: #0063e3; --color--cursor-text-field-quiet-default: #0063e3; --color--device-home-indicator: #1b1817; --color--device-status-bar: #1b1817; --color--device-status-bar-inverse: #fbfbfb; --color--divider-banner-default: #d1d4dd; --color--divider-primary: #e3e0e0; --color--divider-sparks: #e3e0e0; --color--divider-table-row-default: #d1d4dd; --color--divider-table-row-sparks: #d1d4dd; --color--divider-tappy-sparks: #ffffff1a; --color--foreground-blue: #2872b0; --color--foreground-border-elevated: #ffffff00; --color--foreground-border-primary: #968d8b; --color--foreground-border-secondary: #e3e0e0; --color--foreground-button-disabled: #7d8496; --color--foreground-button-neutral: #f9f9fb; --color--foreground-button-primary: #f9f9fb; --color--foreground-button-primary-overlay: #24262a; --color--foreground-button-secondary: #24262a; --color--foreground-button-secondary-overlay: #ffffff; --color--foreground-button-sparks-expand-profile: #ffffff; --color--foreground-button-tertiary: #24262a; --color--foreground-button-tertiary-overlay: #ffffff; --color--foreground-disabled: #a69e9d; --color--foreground-fuchsia: #da0086; --color--foreground-green: #207e3c; --color--foreground-inactive: #968d8b; --color--foreground-modal-body: #4f525c; --color--foreground-modal-heading: #24262a; --color--foreground-modal-icon: #ff2358; --color--foreground-primary: #1b1817; --color--foreground-primary-inverse: #fbfbfb; --color--foreground-primary-static-dark: #1b1817; --color--foreground-primary-static-light: #fbfbfb; --color--foreground-primary-static-on-dark: #fbfbfb; --color--foreground-purple: #da0086; --color--foreground-read-receipts-badge: #fbfbfb; --color--foreground-red: #cd130a; --color--foreground-secondary: #514b4a; --color--foreground-secondary-inverse: #e3e0e0; --color--foreground-secondary-static-dark: #514b4a; --color--foreground-secondary-static-light: #c4c0bf; --color--foreground-teal: #3d7871; --color--foreground-tertiary: #857c7a; --color--foreground-yellow-orange: #c34400; --color--icon-badge-verified: #ffffff; --color--icon-banner-default: #ffffff; --color--icon-banner-dismiss: #7d8496; --color--icon-brand: #cd130a; --color--icon-chat-drawer-contact-card-active: #2872b0; --color--icon-chat-drawer-contact-card-default: #968d8b; --color--icon-chat-drawer-gif-background-active: #1b1817; --color--icon-chat-drawer-gif-background-default: #968d8b; --color--icon-chat-drawer-gif-foreground-active: #c34400; --color--icon-chat-drawer-gif-foreground-default: #fbfbfb; --color--icon-chat-drawer-noonlight-background-active: #81b1fa; --color--icon-chat-drawer-noonlight-background-default: #a69e9d; --color--icon-chat-drawer-noonlight-foreground-active: #166efb; --color--icon-chat-drawer-noonlight-foreground-default: #968d8b; --color--icon-chat-drawer-spotify-background-active: #1db954; --color--icon-chat-drawer-spotify-background-default: #968d8b; --color--icon-chat-drawer-spotify-foreground-active: #1b1817; --color--icon-chat-drawer-spotify-foreground-default: #fbfbfb; --color--icon-chat-drawer-sticker-active: #da0086; --color--icon-chat-drawer-sticker-default: #968d8b; --color--icon-chat-drawer-vibes-default: #968d8b; --color--icon-chat-heart-active: #cd130a; --color--icon-chat-heart-default: #968d8b; --color--icon-checkbox-selected-disabled: #979eaf; --color--icon-checkbox-selected-enabled: #ffffff; --color--icon-disabled: #a69e9d; --color--icon-disabled-static: #756c6b; --color--icon-error: #cd130a; --color--icon-form-default: #7d8496; --color--icon-form-disabled: #979eaf; --color--icon-form-error: #d5092c; --color--icon-form-success: #167952; --color--icon-gamepad-primary-disabled: #00000059; --color--icon-gamepad-primary-disabled-on-super-like: #0000001a; --color--icon-gamepad-primary-pressed: #ffffff; --color--icon-gamepad-primary-super-like-active: #ffffff; --color--icon-gamepad-primary-super-like-disabled: #0000001a; --color--icon-gamepad-secondary-disabled: #979eaf; --color--icon-gamepad-secondary-pressed: #ffffff; --color--icon-gamepad-sparks-boost-active: #f9f9fb; --color--icon-gamepad-sparks-like-active: #f9f9fb; --color--icon-gamepad-sparks-nope-active: #f9f9fb; --color--icon-gamepad-sparks-rewind-active: #f9f9fb; --color--icon-gamepad-sparks-super-like-active: #f9f9fb; --color--icon-gamepad-sparks-super-like-disabled: #979eaf; --color--icon-icon-button-disabled: #979eaf; --color--icon-icon-button-overlay-default: #ffffff; --color--icon-icon-button-overlay-disabled: #00000059; --color--icon-icon-button-primary: #f9f9fb; --color--icon-icon-button-secondary: #7d8496; --color--icon-navigation-primary-inactive: #7d8496; --color--icon-navigation-secondary-end: #cd130a; --color--icon-navigation-secondary-start: #7d8496; --color--icon-primary: #1b1817; --color--icon-primary-inverse: #fbfbfb; --color--icon-primary-overlay: #fbfbfb; --color--icon-primary-overlay-inverse: #1b1817; --color--icon-radio-selected-disabled: #e7e9ee; --color--icon-radio-selected-enabled: #f9f9fb; --color--icon-rec-card-content-hidden: #ffffff; --color--icon-search-end-action: #4f525c; --color--icon-search-start: #4f525c; --color--icon-secondary: #514b4a; --color--icon-secondary-inverse: #e3e0e0; --color--icon-selector-selected-disabled: #979eaf; --color--icon-selector-selected-enabled: #ff2358; --color--icon-success: #207e3c; --color--icon-switch-alt-disabled: #ffffff; --color--icon-switch-alt-selected: #ffffff; --color--icon-switch-alt-unselected: #ffffff; --color--icon-switch-default-disabled: #979eaf; --color--icon-switch-default-selected: #ff2358; --color--icon-switch-default-unselected: #7d8496; --color--icon-tertiary: #857c7a; --color--icon-tooltip-dismiss: #f9f9fb; --color--icon-trust: #2872b0; --color--icon-vault: #fe009b; --color--interactive-button-neutral: rgba(240, 241, 244, 0.16); --color--interactive-button-primary: rgba(16, 17, 19, 0.16); --color--interactive-button-secondary: rgba(16, 17, 19, 0.08); --color--interactive-button-tertiary: rgba(16, 17, 19, 0.08); --color--interactive-icon-button-overlay: rgba(16, 17, 19, 0.16); --color--interactive-icon-button-primary: rgba(16, 17, 19, 0.16); --color--interactive-icon-button-secondary: rgba(240, 241, 244, 0.16); --color--interactive-on-light: #ffffff26; --color--interactive-primary: #00000026; --color--interactive-secondary: #0000000d; --color--invertible-black: #000000; --color--invertible-blue-05: #f3faff; --color--invertible-blue-10: #e2f3ff; --color--invertible-blue-15: #c4e7ff; --color--invertible-blue-20: #a8dbff; --color--invertible-blue-30: #6fc0ff; --color--invertible-blue-40: #37a2ff; --color--invertible-blue-50: #0083f8; --color--invertible-blue-60: #0063e3; --color--invertible-blue-70: #0046c7; --color--invertible-blue-80: #002ca2; --color--invertible-blue-90: #001874; --color--invertible-blue-95: #000841; --color--invertible-fuchsia-05: #fff7ff; --color--invertible-fuchsia-10: #ffebfe; --color--invertible-fuchsia-15: #ffd6fd; --color--invertible-fuchsia-20: #ffc0fb; --color--invertible-fuchsia-30: #fe91f9; --color--invertible-fuchsia-40: #fd54f7; --color--invertible-fuchsia-50: #e714e1; --color--invertible-fuchsia-60: #bc10b7; --color--invertible-fuchsia-70: #940b8f; --color--invertible-fuchsia-80: #6d076a; --color--invertible-fuchsia-90: #480346; --color--invertible-fuchsia-95: #260124; --color--invertible-gold-05: #fff8db; --color--invertible-gold-10: #fff2bf; --color--invertible-gold-15: #ffe8a5; --color--invertible-gold-20: #f7d472; --color--invertible-gold-30: #e6af16; --color--invertible-gold-40: #c1920f; --color--invertible-gold-50: #ae830c; --color--invertible-gold-60: #896707; --color--invertible-gold-70: #644a03; --color--invertible-gold-80: #513c02; --color--invertible-gold-90: #2c2000; --color--invertible-gold-95: #191300; --color--invertible-gray-05: #f9f9fb; --color--invertible-gray-10: #f0f1f4; --color--invertible-gray-15: #e7e9ee; --color--invertible-gray-20: #d1d4dd; --color--invertible-gray-30: #b4b9c6; --color--invertible-gray-40: #979eaf; --color--invertible-gray-50: #7d8496; --color--invertible-gray-60: #656a78; --color--invertible-gray-70: #4f525c; --color--invertible-gray-80: #393b42; --color--invertible-gray-90: #24262a; --color--invertible-gray-95: #101113; --color--invertible-green-05: #f1fee3; --color--invertible-green-10: #d7fcb4; --color--invertible-green-15: #90fb73; --color--invertible-green-20: #4af277; --color--invertible-green-30: #38d27c; --color--invertible-green-40: #2bb372; --color--invertible-green-50: #209663; --color--invertible-green-60: #167952; --color--invertible-green-70: #0e5e40; --color--invertible-green-80: #07442e; --color--invertible-green-90: #032c1c; --color--invertible-green-95: #01150b; --color--invertible-purple-05: #fdf8ff; --color--invertible-purple-10: #faecff; --color--invertible-purple-15: #f4d9ff; --color--invertible-purple-20: #eec7ff; --color--invertible-purple-30: #e1a0ff; --color--invertible-purple-40: #ce79ff; --color--invertible-purple-50: #b650ff; --color--invertible-purple-60: #9f00fe; --color--invertible-purple-70: #7a00cd; --color--invertible-purple-80: #58009b; --color--invertible-purple-90: #39006a; --color--invertible-purple-95: #1c003a; --color--invertible-red-05: #fff8f8; --color--invertible-red-10: #ffeced; --color--invertible-red-15: #ffdada; --color--invertible-red-20: #ffc7c7; --color--invertible-red-30: #ff9ea0; --color--invertible-red-40: #ff8589; --color--invertible-red-50: #fe7074; --color--invertible-red-60: #d5092c; --color--invertible-red-70: #a70828; --color--invertible-red-80: #7b0520; --color--invertible-red-90: #520315; --color--invertible-red-95: #2b0107; --color--invertible-teal-05: #e3fffd; --color--invertible-teal-10: #affffe; --color--invertible-teal-15: #2bfbfd; --color--invertible-teal-20: #2bebef; --color--invertible-teal-30: #26ccd1; --color--invertible-teal-40: #21aeb3; --color--invertible-teal-50: #1b9296; --color--invertible-teal-60: #14767a; --color--invertible-teal-70: #0e5c5f; --color--invertible-teal-80: #074245; --color--invertible-teal-90: #032b2d; --color--invertible-teal-95: #011415; --color--invertible-white: #ffffff; --color--invertible-yellow-orange-05: #f9ffb7; --color--invertible-yellow-orange-10: #f4fa30; --color--invertible-yellow-orange-15: #f1e82a; --color--invertible-yellow-orange-20: #fad122; --color--invertible-yellow-orange-30: #fba714; --color--invertible-yellow-orange-40: #ee8109; --color--invertible-yellow-orange-50: #d76004; --color--invertible-yellow-orange-60: #b94401; --color--invertible-yellow-orange-70: #972d00; --color--invertible-yellow-orange-80: #731b00; --color--invertible-yellow-orange-90: #4e0d00; --color--invertible-yellow-orange-95: #290400; --color--label-gamepad-primary-count-boost: #d260c5; --color--label-gamepad-primary-count-super-like: #5f8bcd; --color--label-gamepad-secondary-count-boost: #9f00fe; --color--label-gamepad-secondary-count-super-like: #0063e3; --color--label-icon-button-disabled: #4f525c; --color--label-icon-button-overlay-default: #ffffff; --color--label-icon-button-overlay-disabled: #ffffff; --color--label-icon-button-primary: #4f525c; --color--label-icon-button-secondary: #4f525c; --color--loader-shimmer-base-default: #c4c0bf; --color--loader-shimmer-highlight-default: #f0eeee; --color--loader-skeleton: #c4c0bf; --color--overlay-default: #00000099; --color--overlay-like: #cd130a20; --color--overlay-nope: #00000026; --color--overlay-rewind: #24262a20; --color--overlay-super-like: #5f8bcd40; --color--shadow-base: #131110; --color--shadow-container-elevated: #00000033; --color--shadow-glass: #0000001a; --color--shadow-heavy: #0000004d; --color--shadow-highlight: #ffffff1a; --color--shadow-light: #00000033; --color--state-layer-focus-primary: rgba(0, 0, 0, 0.15); --color--state-layer-focus-primary-inverse: rgba(255, 255, 255, 0.15); --color--state-layer-focus-primary-static-dark: rgba(0, 0, 0, 0.15); --color--state-layer-focus-primary-static-light: rgba(255, 255, 255, 0.15); --color--static-brand-crush-base: #fe009b; --color--static-brand-crush-shade: #350322; --color--static-brand-crush-tint: #ffe8f7; --color--static-brand-flame-base: #cd130a; --color--static-brand-flame-shade: #600504; --color--static-brand-flame-tint: #fbd4d4; --color--static-brand-haze-base: #9db9e6; --color--static-brand-haze-shade: #1c212e; --color--static-brand-haze-tint: #dfe7f6; --color--static-brand-off-white-base: #f1e6ef; --color--static-brand-petal-base: #f5b1eb; --color--static-brand-petal-shade: #2a1d28; --color--static-brand-petal-tint: #fbdaf6; --color--static-brand-pine-base: #002622; --color--static-brand-pine-shade: #001513; --color--static-brand-pine-tint: #e8f0ef; --color--static-brand-romance-base: #5a000f; --color--static-brand-romance-shade: #2d0007; --color--static-brand-romance-tint: #f2ebec; --color--sub-card-rec-card-sparks: #f0f1f4; --color--text-badge-notification-default: #ffffff; --color--text-badge-notification-inactive: #656a78; --color--text-banner-body: #4f525c; --color--text-banner-heading: #24262a; --color--text-boost: #2a1d28; --color--text-brand-large: #cd130a; --color--text-brand-normal: #cd130a; --color--text-chat-bubble-receive: #24262a; --color--text-chat-bubble-send: #fbfbfb; --color--text-datepicker-active: #24262a; --color--text-datepicker-inactive: #656a78; --color--text-disabled: #a69e9d; --color--text-error: #cd130a; --color--text-form-help-default: #4f525c; --color--text-form-help-disabled: #979eaf; --color--text-form-help-error: #d5092c; --color--text-form-help-success: #167952; --color--text-form-label-default: #24262a; --color--text-gold: #8f6800; --color--text-highlight-background: #1b1817; --color--text-highlight-foreground: #fbfbfb; --color--text-inactive: #968d8b; --color--text-like: #cd130a; --color--text-link: #2872b0; --color--text-link-overlay: #fbfbfb; --color--text-passions-active: #24262a; --color--text-passions-inactive: #656a78; --color--text-passions-inactive-overlay: #ffffff; --color--text-passions-shared: #24262a; --color--text-passions-shared-overlay: #ffffff; --color--text-passions-shared-rec: #ffffff; --color--text-passport: #600504; --color--text-primary: #1b1817; --color--text-primary-inverse: #fbfbfb; --color--text-primary-overlay: #fbfbfb; --color--text-primary-overlay-inverse: #1b1817; --color--text-rec-card-content-hidden: #ffffff; --color--text-search-input-active: #24262a; --color--text-search-input-inactive: #24262a; --color--text-search-placeholder-inactive: #4f525c; --color--text-secondary: #514b4a; --color--text-secondary-inverse: #e3e0e0; --color--text-secondary-overlay: #c4c0bf; --color--text-secondary-overlay-inverse: #514b4a; --color--text-success: #207e3c; --color--text-super-boost: #2a1d28; --color--text-super-like: #1c212e; --color--text-tertiary: #857c7a; --color--text-text-field-loud-charactercount-default: #656a78; --color--text-text-field-loud-input-default: #24262a; --color--text-text-field-loud-input-disabled: #979eaf; --color--text-text-field-loud-label-error: #d5092c; --color--text-text-field-loud-label-optional: #4f525c; --color--text-text-field-loud-placeholder-default: #656a78; --color--text-text-field-quiet-charactercount-default: #656a78; --color--text-text-field-quiet-input-default: #24262a; --color--text-text-field-quiet-input-disabled: #979eaf; --color--text-text-field-quiet-label-error: #d5092c; --color--text-text-field-quiet-label-optional: #4f525c; --color--text-text-field-quiet-placeholder-default: #656a78; --color--text-tooltip-default: #1b1817; --color--text-tooltip-revenue-default: #1b1817; --color--text-tooltip-trust-default: #ffffff; --color--text-trust: #2872b0; --color--text-vault-large: #1b1817; --color--text-vault-normal: #1b1817; --gradient--brand-gradient: linear-gradient(to top right, #fbd4d4, #fbd4d4); --gradient--brand-subtle: linear-gradient(0deg, #fbd4d4, #fbd4d4); --gradient--brand-subtle-on-dark: linear-gradient(0deg, #600504, #600504); --gradient--explore-attribution-gradient: linear-gradient(90deg, #cd130a, #cd130a); --gradient--festival-mode-gradient: linear-gradient(90deg, #fe009b, #fe009b); --gradient--gamepad-boost: linear-gradient(to top right, #f5b1eb, #f5b1eb); --gradient--gamepad-boost-on-dark: linear-gradient(to top right, #f5b1eb, #f5b1eb); --gradient--gamepad-boost-subtle: linear-gradient(0deg, #fbdaf6, #fbdaf6); --gradient--gamepad-boost-subtle-on-dark: linear-gradient(0deg, #2a1d28, #2a1d28); --gradient--gamepad-like: linear-gradient(to top right, #cd130a, #cd130a); --gradient--gamepad-like-on-dark: linear-gradient(to top right, #cd130a, #cd130a); --gradient--gamepad-like-on-light: linear-gradient(to top right, #cd130a, #cd130a); --gradient--gamepad-like-subtle: linear-gradient(0deg, #fbd4d4, #fbd4d4); --gradient--gamepad-like-subtle-on-dark: linear-gradient(0deg, #600504, #600504); --gradient--gamepad-nope: linear-gradient(to top right, #ffffff66, #ffffff66); --gradient--gamepad-nope-on-dark: linear-gradient(to top right, #ffffff66, #ffffff66); --gradient--gamepad-rewind: linear-gradient(to top right, #ffffff66, #ffffff66); --gradient--gamepad-rewind-on-dark: linear-gradient(to top right, #ffffff66, #ffffff66); --gradient--gamepad-sparks-boost: linear-gradient(to top right, #f5b1eb, #f5b1eb); --gradient--gamepad-sparks-like: linear-gradient(to top right, #cd130a, #cd130a); --gradient--gamepad-sparks-nope: linear-gradient(to top right, #ffffff66, #ffffff66); --gradient--gamepad-sparks-rewind: linear-gradient(to top right, #ffffff66, #ffffff66); --gradient--gamepad-sparks-super-like: linear-gradient(to top right, #9db9e6, #9db9e6); --gradient--gamepad-super-boost: linear-gradient(to top right, #f5b1eb, #f5b1eb); --gradient--gamepad-super-boost-on-dark: linear-gradient(to top right, #f5b1eb, #f5b1eb); --gradient--gamepad-super-boost-subtle: linear-gradient(0deg, #fbdaf6, #fbdaf6); --gradient--gamepad-super-boost-subtle-on-dark: linear-gradient(0deg, #2a1d28, #2a1d28); --gradient--gamepad-super-like: linear-gradient(to top right, #9db9e6, #9db9e6); --gradient--gamepad-super-like-on-dark: linear-gradient(to top right, #9db9e6, #9db9e6); --gradient--gamepad-super-like-on-light: linear-gradient(to top right, #9db9e6, #9db9e6); --gradient--gamepad-super-like-subtle: linear-gradient(0deg, #dfe7f6, #dfe7f6); --gradient--gamepad-super-like-subtle-on-dark: linear-gradient(0deg, #161821, #161821); --gradient--hot-takes-gradient: linear-gradient(90deg, #fe009b, #fe009b); --gradient--match-expiration-gradient: linear-gradient(to top right, #fe009b, #fe009b); --gradient--match-expiration-gradient-on-dark: linear-gradient(to top right, #fe009b, #fe009b); --gradient--passions-gradient: linear-gradient(90deg, #fe009b, #fe009b); --gradient--revenue-gold: linear-gradient(to top right, #8f6800, #8f6800); --gradient--revenue-gold-on-dark: linear-gradient(to top right, #edba00, #edba00); --gradient--revenue-gold-shine: linear-gradient(to top right, #8f6800, #8f6800, #8f6800); --gradient--revenue-gold-shine-animation: linear-gradient(to top right, #8f6800, #8f6800, #8f6800, #8f6800, #8f6800, #8f6800, #8f6800, #8f6800, #8f6800); --gradient--revenue-gold-shine-animation-on-dark: linear-gradient(to top right, #edba00, #edba00, #edba00, #edba00, #edba00, #edba00, #edba00, #edba00, #edba00); --gradient--revenue-gold-shine-on-dark: linear-gradient(to top right, #edba00, #edba00, #edba00); --gradient--revenue-gold-subtle: linear-gradient(0deg, #ffedc2, #ffedc2); --gradient--revenue-gold-subtle-on-dark: linear-gradient(0deg, #8f6800, #8f6800); --gradient--revenue-platinum: linear-gradient(to top right, #302c2b, #302c2b); --gradient--revenue-platinum-on-dark: linear-gradient(to top right, #c4c0bf, #c4c0bf); --gradient--revenue-platinum-shine: linear-gradient(to top right, #302c2b, #302c2b, #302c2b); --gradient--revenue-platinum-shine-animation: linear-gradient(to top right, #302c2b, #302c2b, #302c2b, #302c2b, #302c2b, #302c2b, #302c2b, #302c2b, #302c2b); --gradient--revenue-platinum-shine-animation-on-dark: linear-gradient(to top right, #c4c0bf, #c4c0bf, #c4c0bf, #c4c0bf, #c4c0bf, #c4c0bf, #c4c0bf, #c4c0bf, #c4c0bf); --gradient--revenue-platinum-shine-on-dark: linear-gradient(to top right, #c4c0bf, #c4c0bf, #c4c0bf); --gradient--revenue-platinum-subtle: linear-gradient(0deg, #c4c0bf, #c4c0bf); --gradient--revenue-platinum-subtle-on-dark: linear-gradient(0deg, #514b4a, #514b4a); --gradient--revenue-plus: linear-gradient(to top right, #cd130a, #cd130a); --gradient--revenue-plus-on-dark: linear-gradient(to top right, #fc423b, #fc423b); --gradient--revenue-plus-subtle: linear-gradient(0deg, #fbd4d4, #fbd4d4); --gradient--revenue-plus-subtle-on-dark: linear-gradient(0deg, #600504, #600504); --gradient--sparks-background-gradient: linear-gradient(0deg, #fe009b, #fe009b); --gradient--sparks-background-gradient-dark: linear-gradient(0deg, #fe009b, #fe009b); --gradient--sparks-matchmaker-attribution: linear-gradient(to top left, #fe009b, #fe009b); --gradient--spotify-music-mode-gradient: linear-gradient(90deg, #1c171b, #1c171b); --gradient--vault-gradient: linear-gradient(to bottom right, #fe009b, #fe009b, #fe009b); --gradient--vault-subtle-on-dark: linear-gradient(0deg, #350322, #350322); --gradient--vault-subtle-on-light: linear-gradient(0deg, #ffe8f7, #ffe8f7); --gradient--vibes-gradient: linear-gradient(to top right, #fe009b, #fe009b, #fe009b); --gradient--accent-boost-gradient: linear-gradient(180deg, #d260c5, #d260c5); --gradient--accent-brand-gradient: linear-gradient(180deg, #cd130a, #cd130a); --gradient--accent-explore-gradient: linear-gradient(180deg, #cd130a, #cd130a); --gradient--accent-festival-mode-gradient: linear-gradient(180deg, #da0086, #da0086); --gradient--accent-gold-gradient: linear-gradient(to top right, #8f6800, #8f6800); --gradient--accent-gold-shine-gradient: linear-gradient(to top right, #8f6800, #8f6800, #8f6800); --gradient--accent-hot-takes-gradient: linear-gradient(180deg, #da0086, #da0086); --gradient--accent-like-gradient: linear-gradient(180deg, #cd130a, #cd130a); --gradient--accent-match-expiration-gradient: linear-gradient(180deg, #cd130a, #cd130a); --gradient--accent-matchmaker-gradient: linear-gradient(180deg, #da0086, #da0086); --gradient--accent-nope-gradient: linear-gradient(180deg, #24262a, #24262a); --gradient--accent-passions-gradient: linear-gradient(180deg, #da0086, #da0086); --gradient--accent-platinum-gradient: linear-gradient(to top right, #302c2b, #302c2b); --gradient--accent-platinum-gradient-inverse: linear-gradient(to top right, #c4c0bf, #c4c0bf); --gradient--accent-platinum-shine-gradient: linear-gradient(to top right, #302c2b, #302c2b, #302c2b); --gradient--accent-platinum-shine-gradient-inverse: linear-gradient(to top right, #c4c0bf, #c4c0bf, #c4c0bf); --gradient--accent-primary-gradient: linear-gradient(180deg, #cd130a, #cd130a); --gradient--accent-rewind-gradient: linear-gradient(180deg, #24262a, #24262a); --gradient--accent-select-gradient: linear-gradient(to bottom right, #fe009b, #fe009b, #fe009b); --gradient--accent-sparks-boost-gradient: linear-gradient(180deg, #d260c5, #d260c5); --gradient--accent-sparks-like-gradient: linear-gradient(180deg, #cd130a, #cd130a); --gradient--accent-sparks-nope-gradient: linear-gradient(180deg, #24262a, #24262a); --gradient--accent-sparks-rewind-gradient: linear-gradient(180deg, #24262a, #24262a); --gradient--accent-sparks-super-like-gradient: linear-gradient(180deg, #5f8bcd, #5f8bcd); --gradient--accent-spotify-music-mode-gradient: linear-gradient(180deg, #131110, #131110); --gradient--accent-super-boost-gradient: linear-gradient(180deg, #d260c5, #d260c5); --gradient--accent-super-like-gradient: linear-gradient(180deg, #5f8bcd, #5f8bcd); --gradient--accent-vibes-gradient: linear-gradient(to top right, #fe009b, #fe009b, #fe009b); --gradient--background-background-primary: linear-gradient(180deg, #f0eeee00, #f0eeee54, #f0eeee96, #f0eeeeC4, #f0eeee); --gradient--background-background-primary-variant: linear-gradient(90deg, #f0eeee00, #f0eeee); --gradient--background-boost: linear-gradient(180deg, #f5b1eb, #f5b1eb); --gradient--background-boost-inverse: linear-gradient(180deg, #2a1d28, #2a1d28); --gradient--background-boost-subtle: linear-gradient(180deg, #fbdaf6, #fbdaf6); --gradient--background-brand-gradient: linear-gradient(180deg, #ff2358, #ff2358); --gradient--background-brand-subtle: linear-gradient(180deg, #f0eeee, #f0eeee); --gradient--background-card-sparks-highlight-common-1: linear-gradient(to bottom right, #131110, #131110); --gradient--background-card-sparks-highlight-common-2: linear-gradient(to bottom right, #131110, #131110); --gradient--background-card-sparks-highlight-common-3: linear-gradient(to bottom right, #131110, #131110); --gradient--background-card-sparks-highlight-uncommon-1: linear-gradient(to bottom right, #131110, #131110); --gradient--background-card-sparks-highlight-uncommon-2: linear-gradient(to bottom right, #131110, #131110); --gradient--background-card-sparks-highlight-uncommon-3: linear-gradient(to bottom right, #131110, #131110); --gradient--background-card-sparks-icebreaker: linear-gradient(to bottom right, #131110, #131110); --gradient--background-card-sparks-prompt: linear-gradient(to bottom right, #131110, #131110); --gradient--background-card-sparks-quiz: linear-gradient(to bottom right, #131110, #131110); --gradient--background-explore-attribution: linear-gradient(180deg, #ff2358, #ff2358); --gradient--background-festival-mode: linear-gradient(90deg, #002ca2, #9f00fe); --gradient--background-gamepad-boost-pressed: linear-gradient(to top right, #d260c5, #d260c5); --gradient--background-gamepad-like-pressed: linear-gradient(to top right, #cd130a, #cd130a); --gradient--background-gamepad-nope-pressed: linear-gradient(to top right, #131110, #131110); --gradient--background-gamepad-rewind-pressed: linear-gradient(to top right, #131110, #131110); --gradient--background-gamepad-sparks-boost-pressed: linear-gradient(to top right, #d260c5, #d260c5); --gradient--background-gamepad-sparks-like-pressed: linear-gradient(to top right, #cd130a, #cd130a); --gradient--background-gamepad-sparks-nope-pressed: linear-gradient(to top right, #f0eeee, #f0eeee); --gradient--background-gamepad-sparks-rewind-pressed: linear-gradient(to top right, #131110, #131110); --gradient--background-gamepad-sparks-super-like-pressed: linear-gradient(to top right, #5f8bcd, #5f8bcd); --gradient--background-gamepad-super-like-pressed: linear-gradient(to top right, #5f8bcd, #5f8bcd); --gradient--background-gold: linear-gradient(180deg, #ffedc2, #ffedc2); --gradient--background-gold-inverse: linear-gradient(180deg, #8f6800, #8f6800); --gradient--background-gold-shine: linear-gradient(to top right, #8f6800, #8f6800, #8f6800); --gradient--background-gold-shine-inverse: linear-gradient(to top right, #8f6800, #8f6800, #8f6800); --gradient--background-gold-subtle: linear-gradient(0deg, #ffedc2, #ffedc2); --gradient--background-hot-takes: linear-gradient(180deg, #da0086, #da0086); --gradient--background-like: linear-gradient(180deg, #cd130a, #cd130a); --gradient--background-like-inverse: linear-gradient(180deg, #cd130a, #cd130a); --gradient--background-like-subtle: linear-gradient(180deg, #f0eeee, #f0eeee); --gradient--background-match-expiration: linear-gradient(to top right, #c6003c, #d30ab7); --gradient--background-nope: linear-gradient(180deg, #da0086, #da0086); --gradient--background-nope-inverse: linear-gradient(180deg, #24262a, #24262a); --gradient--background-passions-shared-rec: linear-gradient(to top right, #fe009b, #fe009b); --gradient--background-passions-sparks-shared-overlay: linear-gradient(to top right, #fe009b, #fe009b); --gradient--background-platinum: linear-gradient(180deg, #c4c0bf, #c4c0bf); --gradient--background-platinum-inverse: linear-gradient(180deg, #514b4a, #514b4a); --gradient--background-platinum-shine: linear-gradient(to top right, #302c2b, #302c2b, #302c2b); --gradient--background-platinum-shine-inverse: linear-gradient(to top right, #c4c0bf, #c4c0bf, #c4c0bf); --gradient--background-platinum-subtle: linear-gradient(0deg, #c4c0bf, #c4c0bf); --gradient--background-plus-subtle: linear-gradient(0deg, #fbd4d4, #fbd4d4); --gradient--background-primary-gradient: linear-gradient(180deg, #cd130a, #cd130a); --gradient--background-primary-linear: linear-gradient(180deg, #f0eeee, #f0eeee); --gradient--background-rec-card-bottom-ai-gradient: linear-gradient(180deg, #ffffff00, #ffffff00, #ffffff00); --gradient--background-rewind: linear-gradient(180deg, #24262a, #24262a); --gradient--background-rewind-inverse: linear-gradient(180deg, #24262a, #24262a); --gradient--background-scripted-onboarding: linear-gradient(180deg, #f0eeee, #f0eeee); --gradient--background-select-subtle: linear-gradient(180deg, #f0eeee, #f0eeee); --gradient--background-sparks-boost: linear-gradient(180deg, #f5b1eb, #f5b1eb); --gradient--background-sparks-like: linear-gradient(180deg, #cd130a, #cd130a); --gradient--background-sparks-nope: linear-gradient(180deg, #24262a, #24262a); --gradient--background-sparks-rewind: linear-gradient(180deg, #24262a, #24262a); --gradient--background-sparks-super-like: linear-gradient(180deg, #9db9e6, #9db9e6); --gradient--background-spotify-music-mode: linear-gradient(180deg, #131110, #131110); --gradient--background-super-boost: linear-gradient(180deg, #f5b1eb, #f5b1eb); --gradient--background-super-boost-inverse: linear-gradient(180deg, #2a1d28, #2a1d28); --gradient--background-super-boost-subtle: linear-gradient(180deg, #fbdaf6, #fbdaf6); --gradient--background-super-like: linear-gradient(180deg, #9db9e6, #9db9e6); --gradient--background-super-like-inverse: linear-gradient(180deg, #1c212e, #1c212e); --gradient--background-super-like-subtle: linear-gradient(180deg, #dfe7f6, #dfe7f6); --gradient--background-swipesurge: linear-gradient(180deg, #f0eeee, #f0eeee); --gradient--background-teal-subtle: linear-gradient(180deg, #f0eeee, #f0eeee); --gradient--background-vault-gradient: linear-gradient(to bottom right, #fe009b, #fe009b, #fe009b); --gradient--background-vault-subtle: linear-gradient(180deg, #f0eeee, #f0eeee); --gradient--border-brand-gradient: linear-gradient(180deg, #cd130a, #cd130a); --gradient--border-match-expiration: linear-gradient(180deg, #da0086, #da0086); --gradient--border-sparks-prompt-selected: linear-gradient(180deg, #da0086, #da0086); --gradient--border-vault-gradient: linear-gradient(to bottom right, #fe009b, #fe009b, #fe009b); --gradient--fade-bottom-to-top-primary-bold: linear-gradient(180deg, #f0eeee00, #f0eeee); --gradient--fade-bottom-to-top-primary-subtle: linear-gradient(180deg, #f0eeee00, #f0eeee66); --gradient--fade-bottom-to-top-secondary: linear-gradient(180deg, #e3e0e000, #e3e0e0); --gradient--fade-bottom-to-top-tertiary: linear-gradient(180deg, #ffffff00, #ffffff); --gradient--fade-primary-bottom-to-top: linear-gradient(180deg, #f0eeee00, #f0eeee); --gradient--fade-primary-top-to-bottom: linear-gradient(180deg, #f0eeee, #f0eeee00); --gradient--fade-top-to-bottom-primary-bold: linear-gradient(180deg, #f0eeee, #f0eeee00); --gradient--fade-top-to-bottom-primary-subtle: linear-gradient(180deg, #f0eeee66, #f0eeee00); --gradient--fade-top-to-bottom-secondary: linear-gradient(180deg, #e3e0e0, #e3e0e000); --gradient--fade-top-to-bottom-tertiary: linear-gradient(180deg, #ffffff, #ffffff00); --gradient--foreground-progress-active: linear-gradient(90deg, #cd130a, #cd130a); --gradient--icon-boost: linear-gradient(180deg, #d260c5, #d260c5); --gradient--icon-brand-gradient: linear-gradient(180deg, #cd130a, #cd130a); --gradient--icon-chat-drawer-vibes-active: linear-gradient(to top right, #fe009b, #fe009b, #fe009b); --gradient--icon-container-banner-default: linear-gradient(to top right, #d260c5, #d260c5); --gradient--icon-gamepad-primary-boost-default: linear-gradient(to top right, #d260c5, #d260c5); --gradient--icon-gamepad-primary-like-default: linear-gradient(to top right, #cd130a, #cd130a); --gradient--icon-gamepad-primary-nope-default: linear-gradient(to top right, #24262a, #24262a); --gradient--icon-gamepad-primary-rewind-default: linear-gradient(to top right, #24262a, #24262a); --gradient--icon-gamepad-primary-super-like-default: linear-gradient(to top right, #5f8bcd, #5f8bcd); --gradient--icon-gamepad-secondary-boost-default: linear-gradient(to top right, #d260c5, #d260c5); --gradient--icon-gamepad-secondary-like-default: linear-gradient(to top right, #cd130a, #cd130a); --gradient--icon-gamepad-secondary-nope-default: linear-gradient(to top right, #24262a, #24262a); --gradient--icon-gamepad-secondary-rewind-default: linear-gradient(to top right, #24262a, #24262a); --gradient--icon-gamepad-secondary-super-like-default: linear-gradient(to top right, #5f8bcd, #5f8bcd); --gradient--icon-gamepad-sparks-boost-default: linear-gradient(to top right, #d260c5, #d260c5); --gradient--icon-gamepad-sparks-like-default: linear-gradient(to top right, #cd130a, #cd130a); --gradient--icon-gamepad-sparks-nope-default: linear-gradient(to top right, #24262a, #24262a); --gradient--icon-gamepad-sparks-rewind-default: linear-gradient(to top right, #24262a, #24262a); --gradient--icon-gamepad-sparks-super-like-default: linear-gradient(to top right, #5f8bcd, #5f8bcd); --gradient--icon-gold: linear-gradient(180deg, #8f6800, #8f6800); --gradient--icon-like: linear-gradient(180deg, #cd130a, #cd130a); --gradient--icon-match-expiration: linear-gradient(180deg, #da0086, #da0086); --gradient--icon-navigation-primary-active: linear-gradient(90deg, #cd130a, #cd130a); --gradient--icon-nope: linear-gradient(180deg, #24262a, #24262a); --gradient--icon-platinum: linear-gradient(180deg, #302c2b, #302c2b); --gradient--icon-rewind: linear-gradient(180deg, #24262a, #24262a); --gradient--icon-sparks-boost: linear-gradient(180deg, #d260c5, #d260c5); --gradient--icon-sparks-like: linear-gradient(180deg, #cd130a, #cd130a); --gradient--icon-sparks-matchmaker-attribution: linear-gradient(180deg, #da0086, #da0086); --gradient--icon-sparks-nope: linear-gradient(180deg, #24262a, #24262a); --gradient--icon-sparks-rewind: linear-gradient(180deg, #24262a, #24262a); --gradient--icon-sparks-super-like: linear-gradient(180deg, #5f8bcd, #5f8bcd); --gradient--icon-superlike: linear-gradient(180deg, #5f8bcd, #5f8bcd); --gradient--icon-vault-gradient: linear-gradient(to bottom right, #fe009b, #fe009b, #fe009b); --gradient--overlay-background-primary: linear-gradient(180deg, #f0eeee00, #f0eeee54, #f0eeee96, #f0eeeeC4, #f0eeee); --gradient--overlay-background-primary-variant: linear-gradient(90deg, #f0eeee00, #f0eeee); --gradient--overlay-card: linear-gradient(180deg, #ffffff00, #ffffff00); --gradient--overlay-contextual-like: linear-gradient(180deg, #000000f2, #000000bf, #000000); --gradient--overlay-primary-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0), #000000); --gradient--overlay-profile-button-gamepad: linear-gradient(180deg, rgba(255, 255, 255, 0), #e7e9ee); --gradient--overlay-profile-sparks-super-like: linear-gradient(180deg, #dce1ee00, #dce1ee4F, #dce1eeB3, #dce1ee, #dce1ee); --gradient--overlay-rec-card-default: linear-gradient(180deg, #00000000, #00000059, #0000008c, #000000bf, #000000); --gradient--overlay-rec-card-highlight: linear-gradient(180deg, #ffffff00, #ffffff93, #ffffffba, #ffffffdd, #ffffff00); --gradient--overlay-rec-card-intent-a: linear-gradient(180deg, #ffffff00, #ffffff99, #ffffffba, #ffffffdd, #ffffff00); --gradient--overlay-rec-card-intent-b: linear-gradient(180deg, #ffffff00, #ffffff99, #ffffffba, #ffffffdd, #ffffff00); --gradient--overlay-rec-card-intent-c: linear-gradient(180deg, #5f8bcd00, #5f8bcd99, #5f8bcdba, #5f8bcddd, #5f8bcd); --gradient--overlay-rec-card-intent-d: linear-gradient(180deg, #ffffff00, #ffffff99, #ffffffba, #ffffffdd, #ffffff00); --gradient--overlay-rec-card-intent-e: linear-gradient(180deg, #ffffff00, #ffffff99, #ffffffba, #ffffffdd, #ffffff00); --gradient--overlay-rec-card-intent-f: linear-gradient(180deg, #ffffff00, #ffffff99, #ffffffba, #ffffffdd, #ffffff00); --gradient--overlay-rec-card-sparks-super-like: linear-gradient(180deg, #303b5900, #303b5940, #303b5980, #303b59BF, #303b59); --gradient--overlay-rec-card-super-like: linear-gradient(180deg, #303b5900, #303b5940, #303b5980, #303b59BF, #303b59); --gradient--overlay-rec-card-vault: linear-gradient(180deg, #ffffff00, #ffffff99, #ffffffcc, #ffffff00, #ffffff00); --gradient--overlay-secondary-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.56)); --gradient--overlay-subtle-card: linear-gradient(180deg, #ffffff00, #ffffff00); --gradient--overlay-tappy-content-bottom: linear-gradient(180deg, #101113, rgba(16, 17, 19, 0.8)); --gradient--overlay-tappy-content-top: linear-gradient(180deg, rgba(16, 17, 19, 0.8), #101113); --gradient--overlay-tappy-high-bottom: linear-gradient(180deg, rgba(16, 17, 19, 0) 0%, rgba(16, 17, 19, 0.5) 25%, rgba(16, 17, 19, 0.7) 50%, #101113 100%); --gradient--overlay-tappy-high-top-light: linear-gradient(180deg, rgba(16, 17, 19, 0.23), rgba(16, 17, 19, 0.32), rgba(16, 17, 19, 0)); --gradient--overlay-tappy-high-top-medium: linear-gradient(180deg, rgba(16, 17, 19, 0.45), rgba(16, 17, 19, 0.45), rgba(16, 17, 19, 0)); --gradient--overlay-tappy-high-top-strong: linear-gradient(180deg, rgba(16, 17, 19, 0.7), rgba(16, 17, 19, 0.7), rgba(16, 17, 19, 0)); --gradient--overlay-tappy-low-bottom: linear-gradient(180deg, rgba(79, 79, 79, 0), rgba(79, 79, 79, 0.75), rgba(79, 79, 79, 0)); --gradient--overlay-tappy-low-top: linear-gradient(180deg, #636363, rgba(99, 99, 99, 0)); --gradient--shimmer-gold: linear-gradient(to top right, #f7d472, #f7d472, #e6af16, #f7d472, #ffe8a5, #f7d472, #e6af16, #f7d472, #f7d472); --gradient--shimmer-platinum: linear-gradient(to top right, #24262a, #24262a, #101113, #24262a, #393b42, #24262a, #101113, #24262a, #24262a); --gradient--swipe-overlay-rec-card-sparks-like: linear-gradient(to top right, #cd130a00, #cd130a66); --gradient--swipe-overlay-rec-card-sparks-nope: linear-gradient(to top right, #131110, #131110); --gradient--swipe-overlay-rec-card-sparks-super-like: linear-gradient(to top right, #303b5900, #303b59); --gradient--text-match-expiration: linear-gradient(180deg, #24262a, #24262a); --gradient--text-sparks-matchmaker-attribution: linear-gradient(180deg, #24262a, #24262a); --fill--brand-gradient: url(#svg-fill-linear__rebrand-light__gradient--brandGradient); --fill--brand-subtle: url(#svg-fill-linear__rebrand-light__gradient--brandSubtle); --fill--brand-subtle-on-dark: url(#svg-fill-linear__rebrand-light__gradient--brandSubtleOnDark); --fill--explore-attribution-gradient: url(#svg-fill-linear__rebrand-light__gradient--exploreAttributionGradient); --fill--festival-mode-gradient: url(#svg-fill-linear__rebrand-light__gradient--festivalModeGradient); --fill--gamepad-boost: url(#svg-fill-linear__rebrand-light__gradient--gamepadBoost); --fill--gamepad-boost-on-dark: url(#svg-fill-linear__rebrand-light__gradient--gamepadBoostOnDark); --fill--gamepad-boost-subtle: url(#svg-fill-linear__rebrand-light__gradient--gamepadBoostSubtle); --fill--gamepad-boost-subtle-on-dark: url(#svg-fill-linear__rebrand-light__gradient--gamepadBoostSubtleOnDark); --fill--gamepad-like: url(#svg-fill-linear__rebrand-light__gradient--gamepadLike); --fill--gamepad-like-on-dark: url(#svg-fill-linear__rebrand-light__gradient--gamepadLikeOnDark); --fill--gamepad-like-on-light: url(#svg-fill-linear__rebrand-light__gradient--gamepadLikeOnLight); --fill--gamepad-like-subtle: url(#svg-fill-linear__rebrand-light__gradient--gamepadLikeSubtle); --fill--gamepad-like-subtle-on-dark: url(#svg-fill-linear__rebrand-light__gradient--gamepadLikeSubtleOnDark); --fill--gamepad-nope: url(#svg-fill-linear__rebrand-light__gradient--gamepadNope); --fill--gamepad-nope-on-dark: url(#svg-fill-linear__rebrand-light__gradient--gamepadNopeOnDark); --fill--gamepad-rewind: url(#svg-fill-linear__rebrand-light__gradient--gamepadRewind); --fill--gamepad-rewind-on-dark: url(#svg-fill-linear__rebrand-light__gradient--gamepadRewindOnDark); --fill--gamepad-sparks-boost: url(#svg-fill-linear__rebrand-light__gradient--gamepadSparksBoost); --fill--gamepad-sparks-like: url(#svg-fill-linear__rebrand-light__gradient--gamepadSparksLike); --fill--gamepad-sparks-nope: url(#svg-fill-linear__rebrand-light__gradient--gamepadSparksNope); --fill--gamepad-sparks-rewind: url(#svg-fill-linear__rebrand-light__gradient--gamepadSparksRewind); --fill--gamepad-sparks-super-like: url(#svg-fill-linear__rebrand-light__gradient--gamepadSparksSuperLike); --fill--gamepad-super-boost: url(#svg-fill-linear__rebrand-light__gradient--gamepadSuperBoost); --fill--gamepad-super-boost-on-dark: url(#svg-fill-linear__rebrand-light__gradient--gamepadSuperBoostOnDark); --fill--gamepad-super-boost-subtle: url(#svg-fill-linear__rebrand-light__gradient--gamepadSuperBoostSubtle); --fill--gamepad-super-boost-subtle-on-dark: url(#svg-fill-linear__rebrand-light__gradient--gamepadSuperBoostSubtleOnDark); --fill--gamepad-super-like: url(#svg-fill-linear__rebrand-light__gradient--gamepadSuperLike); --fill--gamepad-super-like-on-dark: url(#svg-fill-linear__rebrand-light__gradient--gamepadSuperLikeOnDark); --fill--gamepad-super-like-on-light: url(#svg-fill-linear__rebrand-light__gradient--gamepadSuperLikeOnLight); --fill--gamepad-super-like-subtle: url(#svg-fill-linear__rebrand-light__gradient--gamepadSuperLikeSubtle); --fill--gamepad-super-like-subtle-on-dark: url(#svg-fill-linear__rebrand-light__gradient--gamepadSuperLikeSubtleOnDark); --fill--hot-takes-gradient: url(#svg-fill-linear__rebrand-light__gradient--hotTakesGradient); --fill--match-expiration-gradient: url(#svg-fill-linear__rebrand-light__gradient--matchExpirationGradient); --fill--match-expiration-gradient-on-dark: url(#svg-fill-linear__rebrand-light__gradient--matchExpirationGradientOnDark); --fill--passions-gradient: url(#svg-fill-linear__rebrand-light__gradient--passionsGradient); --fill--revenue-gold: url(#svg-fill-linear__rebrand-light__gradient--revenueGold); --fill--revenue-gold-on-dark: url(#svg-fill-linear__rebrand-light__gradient--revenueGoldOnDark); --fill--revenue-gold-shine: url(#svg-fill-linear__rebrand-light__gradient--revenueGoldShine); --fill--revenue-gold-shine-animation: url(#svg-fill-linear__rebrand-light__gradient--revenueGoldShineAnimation); --fill--revenue-gold-shine-animation-on-dark: url(#svg-fill-linear__rebrand-light__gradient--revenueGoldShineAnimationOnDark); --fill--revenue-gold-shine-on-dark: url(#svg-fill-linear__rebrand-light__gradient--revenueGoldShineOnDark); --fill--revenue-gold-subtle: url(#svg-fill-linear__rebrand-light__gradient--revenueGoldSubtle); --fill--revenue-gold-subtle-on-dark: url(#svg-fill-linear__rebrand-light__gradient--revenueGoldSubtleOnDark); --fill--revenue-platinum: url(#svg-fill-linear__rebrand-light__gradient--revenuePlatinum); --fill--revenue-platinum-on-dark: url(#svg-fill-linear__rebrand-light__gradient--revenuePlatinumOnDark); --fill--revenue-platinum-shine: url(#svg-fill-linear__rebrand-light__gradient--revenuePlatinumShine); --fill--revenue-platinum-shine-animation: url(#svg-fill-linear__rebrand-light__gradient--revenuePlatinumShineAnimation); --fill--revenue-platinum-shine-animation-on-dark: url(#svg-fill-linear__rebrand-light__gradient--revenuePlatinumShineAnimationOnDark); --fill--revenue-platinum-shine-on-dark: url(#svg-fill-linear__rebrand-light__gradient--revenuePlatinumShineOnDark); --fill--revenue-platinum-subtle: url(#svg-fill-linear__rebrand-light__gradient--revenuePlatinumSubtle); --fill--revenue-platinum-subtle-on-dark: url(#svg-fill-linear__rebrand-light__gradient--revenuePlatinumSubtleOnDark); --fill--revenue-plus: url(#svg-fill-linear__rebrand-light__gradient--revenuePlus); --fill--revenue-plus-on-dark: url(#svg-fill-linear__rebrand-light__gradient--revenuePlusOnDark); --fill--revenue-plus-subtle: url(#svg-fill-linear__rebrand-light__gradient--revenuePlusSubtle); --fill--revenue-plus-subtle-on-dark: url(#svg-fill-linear__rebrand-light__gradient--revenuePlusSubtleOnDark); --fill--sparks-background-gradient: url(#svg-fill-linear__rebrand-light__gradient--sparksBackgroundGradient); --fill--sparks-background-gradient-dark: url(#svg-fill-linear__rebrand-light__gradient--sparksBackgroundGradientDark); --fill--sparks-matchmaker-attribution: url(#svg-fill-linear__rebrand-light__gradient--sparksMatchmakerAttribution); --fill--spotify-music-mode-gradient: url(#svg-fill-linear__rebrand-light__gradient--spotifyMusicModeGradient); --fill--vault-gradient: url(#svg-fill-linear__rebrand-light__gradient--vaultGradient); --fill--vault-subtle-on-dark: url(#svg-fill-linear__rebrand-light__gradient--vaultSubtleOnDark); --fill--vault-subtle-on-light: url(#svg-fill-linear__rebrand-light__gradient--vaultSubtleOnLight); --fill--vibes-gradient: url(#svg-fill-linear__rebrand-light__gradient--vibesGradient); --fill--accent-boost-gradient: url(#svg-fill-linear__rebrand-light__gradient--accentBoostGradient); --fill--accent-brand-gradient: url(#svg-fill-linear__rebrand-light__gradient--accentBrandGradient); --fill--accent-explore-gradient: url(#svg-fill-linear__rebrand-light__gradient--accentExploreGradient); --fill--accent-festival-mode-gradient: url(#svg-fill-linear__rebrand-light__gradient--accentFestivalModeGradient); --fill--accent-gold-gradient: url(#svg-fill-linear__rebrand-light__gradient--accentGoldGradient); --fill--accent-gold-shine-gradient: url(#svg-fill-linear__rebrand-light__gradient--accentGoldShineGradient); --fill--accent-hot-takes-gradient: url(#svg-fill-linear__rebrand-light__gradient--accentHotTakesGradient); --fill--accent-like-gradient: url(#svg-fill-linear__rebrand-light__gradient--accentLikeGradient); --fill--accent-match-expiration-gradient: url(#svg-fill-linear__rebrand-light__gradient--accentMatchExpirationGradient); --fill--accent-matchmaker-gradient: url(#svg-fill-linear__rebrand-light__gradient--accentMatchmakerGradient); --fill--accent-nope-gradient: url(#svg-fill-linear__rebrand-light__gradient--accentNopeGradient); --fill--accent-passions-gradient: url(#svg-fill-linear__rebrand-light__gradient--accentPassionsGradient); --fill--accent-platinum-gradient: url(#svg-fill-linear__rebrand-light__gradient--accentPlatinumGradient); --fill--accent-platinum-gradient-inverse: url(#svg-fill-linear__rebrand-light__gradient--accentPlatinumGradientInverse); --fill--accent-platinum-shine-gradient: url(#svg-fill-linear__rebrand-light__gradient--accentPlatinumShineGradient); --fill--accent-platinum-shine-gradient-inverse: url(#svg-fill-linear__rebrand-light__gradient--accentPlatinumShineGradientInverse); --fill--accent-primary-gradient: url(#svg-fill-linear__rebrand-light__gradient--accentPrimaryGradient); --fill--accent-rewind-gradient: url(#svg-fill-linear__rebrand-light__gradient--accentRewindGradient); --fill--accent-select-gradient: url(#svg-fill-linear__rebrand-light__gradient--accentSelectGradient); --fill--accent-sparks-boost-gradient: url(#svg-fill-linear__rebrand-light__gradient--accentSparksBoostGradient); --fill--accent-sparks-like-gradient: url(#svg-fill-linear__rebrand-light__gradient--accentSparksLikeGradient); --fill--accent-sparks-nope-gradient: url(#svg-fill-linear__rebrand-light__gradient--accentSparksNopeGradient); --fill--accent-sparks-rewind-gradient: url(#svg-fill-linear__rebrand-light__gradient--accentSparksRewindGradient); --fill--accent-sparks-super-like-gradient: url(#svg-fill-linear__rebrand-light__gradient--accentSparksSuperLikeGradient); --fill--accent-spotify-music-mode-gradient: url(#svg-fill-linear__rebrand-light__gradient--accentSpotifyMusicModeGradient); --fill--accent-super-boost-gradient: url(#svg-fill-linear__rebrand-light__gradient--accentSuperBoostGradient); --fill--accent-super-like-gradient: url(#svg-fill-linear__rebrand-light__gradient--accentSuperLikeGradient); --fill--accent-vibes-gradient: url(#svg-fill-linear__rebrand-light__gradient--accentVibesGradient); --fill--background-background-primary: url(#svg-fill-linear__rebrand-light__gradient--backgroundBackgroundPrimary); --fill--background-background-primary-variant: url(#svg-fill-linear__rebrand-light__gradient--backgroundBackgroundPrimaryVariant); --fill--background-boost: url(#svg-fill-linear__rebrand-light__gradient--backgroundBoost); --fill--background-boost-inverse: url(#svg-fill-linear__rebrand-light__gradient--backgroundBoostInverse); --fill--background-boost-subtle: url(#svg-fill-linear__rebrand-light__gradient--backgroundBoostSubtle); --fill--background-brand-gradient: url(#svg-fill-linear__rebrand-light__gradient--backgroundBrandGradient); --fill--background-brand-subtle: url(#svg-fill-linear__rebrand-light__gradient--backgroundBrandSubtle); --fill--background-card-sparks-highlight-common-1: url(#svg-fill-linear__rebrand-light__gradient--backgroundCardSparksHighlightCommon1); --fill--background-card-sparks-highlight-common-2: url(#svg-fill-linear__rebrand-light__gradient--backgroundCardSparksHighlightCommon2); --fill--background-card-sparks-highlight-common-3: url(#svg-fill-linear__rebrand-light__gradient--backgroundCardSparksHighlightCommon3); --fill--background-card-sparks-highlight-uncommon-1: url(#svg-fill-linear__rebrand-light__gradient--backgroundCardSparksHighlightUncommon1); --fill--background-card-sparks-highlight-uncommon-2: url(#svg-fill-linear__rebrand-light__gradient--backgroundCardSparksHighlightUncommon2); --fill--background-card-sparks-highlight-uncommon-3: url(#svg-fill-linear__rebrand-light__gradient--backgroundCardSparksHighlightUncommon3); --fill--background-card-sparks-icebreaker: url(#svg-fill-linear__rebrand-light__gradient--backgroundCardSparksIcebreaker); --fill--background-card-sparks-prompt: url(#svg-fill-linear__rebrand-light__gradient--backgroundCardSparksPrompt); --fill--background-card-sparks-quiz: url(#svg-fill-linear__rebrand-light__gradient--backgroundCardSparksQuiz); --fill--background-explore-attribution: url(#svg-fill-linear__rebrand-light__gradient--backgroundExploreAttribution); --fill--background-festival-mode: url(#svg-fill-linear__rebrand-light__gradient--backgroundFestivalMode); --fill--background-gamepad-boost-pressed: url(#svg-fill-linear__rebrand-light__gradient--backgroundGamepadBoostPressed); --fill--background-gamepad-like-pressed: url(#svg-fill-linear__rebrand-light__gradient--backgroundGamepadLikePressed); --fill--background-gamepad-nope-pressed: url(#svg-fill-linear__rebrand-light__gradient--backgroundGamepadNopePressed); --fill--background-gamepad-rewind-pressed: url(#svg-fill-linear__rebrand-light__gradient--backgroundGamepadRewindPressed); --fill--background-gamepad-sparks-boost-pressed: url(#svg-fill-linear__rebrand-light__gradient--backgroundGamepadSparksBoostPressed); --fill--background-gamepad-sparks-like-pressed: url(#svg-fill-linear__rebrand-light__gradient--backgroundGamepadSparksLikePressed); --fill--background-gamepad-sparks-nope-pressed: url(#svg-fill-linear__rebrand-light__gradient--backgroundGamepadSparksNopePressed); --fill--background-gamepad-sparks-rewind-pressed: url(#svg-fill-linear__rebrand-light__gradient--backgroundGamepadSparksRewindPressed); --fill--background-gamepad-sparks-super-like-pressed: url(#svg-fill-linear__rebrand-light__gradient--backgroundGamepadSparksSuperLikePressed); --fill--background-gamepad-super-like-pressed: url(#svg-fill-linear__rebrand-light__gradient--backgroundGamepadSuperLikePressed); --fill--background-gold: url(#svg-fill-linear__rebrand-light__gradient--backgroundGold); --fill--background-gold-inverse: url(#svg-fill-linear__rebrand-light__gradient--backgroundGoldInverse); --fill--background-gold-shine: url(#svg-fill-linear__rebrand-light__gradient--backgroundGoldShine); --fill--background-gold-shine-inverse: url(#svg-fill-linear__rebrand-light__gradient--backgroundGoldShineInverse); --fill--background-gold-subtle: url(#svg-fill-linear__rebrand-light__gradient--backgroundGoldSubtle); --fill--background-hot-takes: url(#svg-fill-linear__rebrand-light__gradient--backgroundHotTakes); --fill--background-like: url(#svg-fill-linear__rebrand-light__gradient--backgroundLike); --fill--background-like-inverse: url(#svg-fill-linear__rebrand-light__gradient--backgroundLikeInverse); --fill--background-like-subtle: url(#svg-fill-linear__rebrand-light__gradient--backgroundLikeSubtle); --fill--background-match-expiration: url(#svg-fill-linear__rebrand-light__gradient--backgroundMatchExpiration); --fill--background-nope: url(#svg-fill-linear__rebrand-light__gradient--backgroundNope); --fill--background-nope-inverse: url(#svg-fill-linear__rebrand-light__gradient--backgroundNopeInverse); --fill--background-passions-shared-rec: url(#svg-fill-linear__rebrand-light__gradient--backgroundPassionsSharedRec); --fill--background-passions-sparks-shared-overlay: url(#svg-fill-linear__rebrand-light__gradient--backgroundPassionsSparksSharedOverlay); --fill--background-platinum: url(#svg-fill-linear__rebrand-light__gradient--backgroundPlatinum); --fill--background-platinum-inverse: url(#svg-fill-linear__rebrand-light__gradient--backgroundPlatinumInverse); --fill--background-platinum-shine: url(#svg-fill-linear__rebrand-light__gradient--backgroundPlatinumShine); --fill--background-platinum-shine-inverse: url(#svg-fill-linear__rebrand-light__gradient--backgroundPlatinumShineInverse); --fill--background-platinum-subtle: url(#svg-fill-linear__rebrand-light__gradient--backgroundPlatinumSubtle); --fill--background-plus-subtle: url(#svg-fill-linear__rebrand-light__gradient--backgroundPlusSubtle); --fill--background-primary-gradient: url(#svg-fill-linear__rebrand-light__gradient--backgroundPrimaryGradient); --fill--background-primary-linear: url(#svg-fill-linear__rebrand-light__gradient--backgroundPrimaryLinear); --fill--background-rec-card-bottom-ai-gradient: url(#svg-fill-linear__rebrand-light__gradient--backgroundRecCardBottomAiGradient); --fill--background-rewind: url(#svg-fill-linear__rebrand-light__gradient--backgroundRewind); --fill--background-rewind-inverse: url(#svg-fill-linear__rebrand-light__gradient--backgroundRewindInverse); --fill--background-scripted-onboarding: url(#svg-fill-linear__rebrand-light__gradient--backgroundScriptedOnboarding); --fill--background-select-subtle: url(#svg-fill-linear__rebrand-light__gradient--backgroundSelectSubtle); --fill--background-sparks-boost: url(#svg-fill-linear__rebrand-light__gradient--backgroundSparksBoost); --fill--background-sparks-like: url(#svg-fill-linear__rebrand-light__gradient--backgroundSparksLike); --fill--background-sparks-nope: url(#svg-fill-linear__rebrand-light__gradient--backgroundSparksNope); --fill--background-sparks-rewind: url(#svg-fill-linear__rebrand-light__gradient--backgroundSparksRewind); --fill--background-sparks-super-like: url(#svg-fill-linear__rebrand-light__gradient--backgroundSparksSuperLike); --fill--background-spotify-music-mode: url(#svg-fill-linear__rebrand-light__gradient--backgroundSpotifyMusicMode); --fill--background-super-boost: url(#svg-fill-linear__rebrand-light__gradient--backgroundSuperBoost); --fill--background-super-boost-inverse: url(#svg-fill-linear__rebrand-light__gradient--backgroundSuperBoostInverse); --fill--background-super-boost-subtle: url(#svg-fill-linear__rebrand-light__gradient--backgroundSuperBoostSubtle); --fill--background-super-like: url(#svg-fill-linear__rebrand-light__gradient--backgroundSuperLike); --fill--background-super-like-inverse: url(#svg-fill-linear__rebrand-light__gradient--backgroundSuperLikeInverse); --fill--background-super-like-subtle: url(#svg-fill-linear__rebrand-light__gradient--backgroundSuperLikeSubtle); --fill--background-swipesurge: url(#svg-fill-linear__rebrand-light__gradient--backgroundSwipesurge); --fill--background-teal-subtle: url(#svg-fill-linear__rebrand-light__gradient--backgroundTealSubtle); --fill--background-vault-gradient: url(#svg-fill-linear__rebrand-light__gradient--backgroundVaultGradient); --fill--background-vault-subtle: url(#svg-fill-linear__rebrand-light__gradient--backgroundVaultSubtle); --fill--border-brand-gradient: url(#svg-fill-linear__rebrand-light__gradient--borderBrandGradient); --fill--border-match-expiration: url(#svg-fill-linear__rebrand-light__gradient--borderMatchExpiration); --fill--border-sparks-prompt-selected: url(#svg-fill-linear__rebrand-light__gradient--borderSparksPromptSelected); --fill--border-vault-gradient: url(#svg-fill-linear__rebrand-light__gradient--borderVaultGradient); --fill--fade-bottom-to-top-primary-bold: url(#svg-fill-linear__rebrand-light__gradient--fadeBottomToTopPrimaryBold); --fill--fade-bottom-to-top-primary-subtle: url(#svg-fill-linear__rebrand-light__gradient--fadeBottomToTopPrimarySubtle); --fill--fade-bottom-to-top-secondary: url(#svg-fill-linear__rebrand-light__gradient--fadeBottomToTopSecondary); --fill--fade-bottom-to-top-tertiary: url(#svg-fill-linear__rebrand-light__gradient--fadeBottomToTopTertiary); --fill--fade-primary-bottom-to-top: url(#svg-fill-linear__rebrand-light__gradient--fadePrimaryBottomToTop); --fill--fade-primary-top-to-bottom: url(#svg-fill-linear__rebrand-light__gradient--fadePrimaryTopToBottom); --fill--fade-top-to-bottom-primary-bold: url(#svg-fill-linear__rebrand-light__gradient--fadeTopToBottomPrimaryBold); --fill--fade-top-to-bottom-primary-subtle: url(#svg-fill-linear__rebrand-light__gradient--fadeTopToBottomPrimarySubtle); --fill--fade-top-to-bottom-secondary: url(#svg-fill-linear__rebrand-light__gradient--fadeTopToBottomSecondary); --fill--fade-top-to-bottom-tertiary: url(#svg-fill-linear__rebrand-light__gradient--fadeTopToBottomTertiary); --fill--foreground-progress-active: url(#svg-fill-linear__rebrand-light__gradient--foregroundProgressActive); --fill--icon-boost: url(#svg-fill-linear__rebrand-light__gradient--iconBoost); --fill--icon-brand-gradient: url(#svg-fill-linear__rebrand-light__gradient--iconBrandGradient); --fill--icon-chat-drawer-vibes-active: url(#svg-fill-linear__rebrand-light__gradient--iconChatDrawerVibesActive); --fill--icon-container-banner-default: url(#svg-fill-linear__rebrand-light__gradient--iconContainerBannerDefault); --fill--icon-gamepad-primary-boost-default: url(#svg-fill-linear__rebrand-light__gradient--iconGamepadPrimaryBoostDefault); --fill--icon-gamepad-primary-like-default: url(#svg-fill-linear__rebrand-light__gradient--iconGamepadPrimaryLikeDefault); --fill--icon-gamepad-primary-nope-default: url(#svg-fill-linear__rebrand-light__gradient--iconGamepadPrimaryNopeDefault); --fill--icon-gamepad-primary-rewind-default: url(#svg-fill-linear__rebrand-light__gradient--iconGamepadPrimaryRewindDefault); --fill--icon-gamepad-primary-super-like-default: url(#svg-fill-linear__rebrand-light__gradient--iconGamepadPrimarySuperLikeDefault); --fill--icon-gamepad-secondary-boost-default: url(#svg-fill-linear__rebrand-light__gradient--iconGamepadSecondaryBoostDefault); --fill--icon-gamepad-secondary-like-default: url(#svg-fill-linear__rebrand-light__gradient--iconGamepadSecondaryLikeDefault); --fill--icon-gamepad-secondary-nope-default: url(#svg-fill-linear__rebrand-light__gradient--iconGamepadSecondaryNopeDefault); --fill--icon-gamepad-secondary-rewind-default: url(#svg-fill-linear__rebrand-light__gradient--iconGamepadSecondaryRewindDefault); --fill--icon-gamepad-secondary-super-like-default: url(#svg-fill-linear__rebrand-light__gradient--iconGamepadSecondarySuperLikeDefault); --fill--icon-gamepad-sparks-boost-default: url(#svg-fill-linear__rebrand-light__gradient--iconGamepadSparksBoostDefault); --fill--icon-gamepad-sparks-like-default: url(#svg-fill-linear__rebrand-light__gradient--iconGamepadSparksLikeDefault); --fill--icon-gamepad-sparks-nope-default: url(#svg-fill-linear__rebrand-light__gradient--iconGamepadSparksNopeDefault); --fill--icon-gamepad-sparks-rewind-default: url(#svg-fill-linear__rebrand-light__gradient--iconGamepadSparksRewindDefault); --fill--icon-gamepad-sparks-super-like-default: url(#svg-fill-linear__rebrand-light__gradient--iconGamepadSparksSuperLikeDefault); --fill--icon-gold: url(#svg-fill-linear__rebrand-light__gradient--iconGold); --fill--icon-like: url(#svg-fill-linear__rebrand-light__gradient--iconLike); --fill--icon-match-expiration: url(#svg-fill-linear__rebrand-light__gradient--iconMatchExpiration); --fill--icon-navigation-primary-active: url(#svg-fill-linear__rebrand-light__gradient--iconNavigationPrimaryActive); --fill--icon-nope: url(#svg-fill-linear__rebrand-light__gradient--iconNope); --fill--icon-platinum: url(#svg-fill-linear__rebrand-light__gradient--iconPlatinum); --fill--icon-rewind: url(#svg-fill-linear__rebrand-light__gradient--iconRewind); --fill--icon-sparks-boost: url(#svg-fill-linear__rebrand-light__gradient--iconSparksBoost); --fill--icon-sparks-like: url(#svg-fill-linear__rebrand-light__gradient--iconSparksLike); --fill--icon-sparks-matchmaker-attribution: url(#svg-fill-linear__rebrand-light__gradient--iconSparksMatchmakerAttribution); --fill--icon-sparks-nope: url(#svg-fill-linear__rebrand-light__gradient--iconSparksNope); --fill--icon-sparks-rewind: url(#svg-fill-linear__rebrand-light__gradient--iconSparksRewind); --fill--icon-sparks-super-like: url(#svg-fill-linear__rebrand-light__gradient--iconSparksSuperLike); --fill--icon-superlike: url(#svg-fill-linear__rebrand-light__gradient--iconSuperlike); --fill--icon-vault-gradient: url(#svg-fill-linear__rebrand-light__gradient--iconVaultGradient); --fill--overlay-background-primary: url(#svg-fill-linear__rebrand-light__gradient--overlayBackgroundPrimary); --fill--overlay-background-primary-variant: url(#svg-fill-linear__rebrand-light__gradient--overlayBackgroundPrimaryVariant); --fill--overlay-card: url(#svg-fill-linear__rebrand-light__gradient--overlayCard); --fill--overlay-contextual-like: url(#svg-fill-linear__rebrand-light__gradient--overlayContextualLike); --fill--overlay-primary-gradient: url(#svg-fill-linear__rebrand-light__gradient--overlayPrimaryGradient); --fill--overlay-profile-button-gamepad: url(#svg-fill-linear__rebrand-light__gradient--overlayProfileButtonGamepad); --fill--overlay-profile-sparks-super-like: url(#svg-fill-linear__rebrand-light__gradient--overlayProfileSparksSuperLike); --fill--overlay-rec-card-default: url(#svg-fill-linear__rebrand-light__gradient--overlayRecCardDefault); --fill--overlay-rec-card-highlight: url(#svg-fill-linear__rebrand-light__gradient--overlayRecCardHighlight); --fill--overlay-rec-card-intent-a: url(#svg-fill-linear__rebrand-light__gradient--overlayRecCardIntentA); --fill--overlay-rec-card-intent-b: url(#svg-fill-linear__rebrand-light__gradient--overlayRecCardIntentB); --fill--overlay-rec-card-intent-c: url(#svg-fill-linear__rebrand-light__gradient--overlayRecCardIntentC); --fill--overlay-rec-card-intent-d: url(#svg-fill-linear__rebrand-light__gradient--overlayRecCardIntentD); --fill--overlay-rec-card-intent-e: url(#svg-fill-linear__rebrand-light__gradient--overlayRecCardIntentE); --fill--overlay-rec-card-intent-f: url(#svg-fill-linear__rebrand-light__gradient--overlayRecCardIntentF); --fill--overlay-rec-card-sparks-super-like: url(#svg-fill-linear__rebrand-light__gradient--overlayRecCardSparksSuperLike); --fill--overlay-rec-card-super-like: url(#svg-fill-linear__rebrand-light__gradient--overlayRecCardSuperLike); --fill--overlay-rec-card-vault: url(#svg-fill-linear__rebrand-light__gradient--overlayRecCardVault); --fill--overlay-secondary-gradient: url(#svg-fill-linear__rebrand-light__gradient--overlaySecondaryGradient); --fill--overlay-subtle-card: url(#svg-fill-linear__rebrand-light__gradient--overlaySubtleCard); --fill--overlay-tappy-content-bottom: url(#svg-fill-linear__rebrand-light__gradient--overlayTappyContentBottom); --fill--overlay-tappy-content-top: url(#svg-fill-linear__rebrand-light__gradient--overlayTappyContentTop); --fill--overlay-tappy-high-bottom: url(#svg-fill-linear__rebrand-light__gradient--overlayTappyHighBottom); --fill--overlay-tappy-high-top-light: url(#svg-fill-linear__rebrand-light__gradient--overlayTappyHighTopLight); --fill--overlay-tappy-high-top-medium: url(#svg-fill-linear__rebrand-light__gradient--overlayTappyHighTopMedium); --fill--overlay-tappy-high-top-strong: url(#svg-fill-linear__rebrand-light__gradient--overlayTappyHighTopStrong); --fill--overlay-tappy-low-bottom: url(#svg-fill-linear__rebrand-light__gradient--overlayTappyLowBottom); --fill--overlay-tappy-low-top: url(#svg-fill-linear__rebrand-light__gradient--overlayTappyLowTop); --fill--shimmer-gold: url(#svg-fill-linear__rebrand-light__gradient--shimmerGold); --fill--shimmer-platinum: url(#svg-fill-linear__rebrand-light__gradient--shimmerPlatinum); --fill--swipe-overlay-rec-card-sparks-like: url(#svg-fill-linear__rebrand-light__gradient--swipeOverlayRecCardSparksLike); --fill--swipe-overlay-rec-card-sparks-nope: url(#svg-fill-linear__rebrand-light__gradient--swipeOverlayRecCardSparksNope); --fill--swipe-overlay-rec-card-sparks-super-like: url(#svg-fill-linear__rebrand-light__gradient--swipeOverlayRecCardSparksSuperLike); --fill--text-match-expiration: url(#svg-fill-linear__rebrand-light__gradient--textMatchExpiration); --fill--text-sparks-matchmaker-attribution: url(#svg-fill-linear__rebrand-light__gradient--textSparksMatchmakerAttribution); --font-family--body-1-link: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--body-1-regular: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--body-1-sparks-semibold: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--body-1-strong: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--body-2-link: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--body-2-regular: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--body-2-sparks-semibold: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--body-2-strong: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--body-3-link: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--body-3-regular: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--body-3-strong: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--button-1: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--button-2: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--caption-1-link: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--caption-1-regular: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--caption-1-strong: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--caption-2-regular: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--caption-2-strong: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--display-1-regular: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--display-1-strong: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--display-2-regular: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--display-2-sparks-regular: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--display-2-sparks-strong: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--display-2-strong: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--display-3-regular: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--display-3-strong: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--heading-1: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--subheading-1: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--subheading-2: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; }
.theme-rebrand-dark { --theme-dark: 1; --color--blue-100: #c9d2e8; --color--blue-1000: #043e65; --color--blue-1100: #012f4d; --color--blue-1200: #00233c; --color--blue-1300: #001a2e; --color--blue-1400: #001324; --color--blue-15: #f7f7fa; --color--blue-200: #b1c0e5; --color--blue-25: #eceff5; --color--blue-300: #94b2e7; --color--blue-400: #70a1ea; --color--blue-5: #fbfbfc; --color--blue-50: #dce1ee; --color--blue-500: #4592e3; --color--blue-600: #3581c6; --color--blue-700: #2872b0; --color--blue-800: #1a6097; --color--blue-900: #0f4f7d; --color--brand-base: #cd130a; --color--brand-crush-base: #fe009b; --color--brand-crush-shade: #350322; --color--brand-crush-tint: #ffe8f7; --color--brand-flame-base: #cd130a; --color--brand-flame-shade: #600504; --color--brand-flame-tint: #fbd4d4; --color--brand-gradient-end: #cd130a; --color--brand-gradient-start: #cd130a; --color--brand-haze-base: #9db9e6; --color--brand-haze-shade: #1c212e; --color--brand-haze-tint: #dfe7f6; --color--brand-off-white-base: #f1e6ef; --color--brand-petal-base: #f5b1eb; --color--brand-petal-shade: #2a1d28; --color--brand-petal-tint: #fbdaf6; --color--brand-pine-base: #002622; --color--brand-pine-shade: #001513; --color--brand-pine-tint: #e8f0ef; --color--brand-primary: #cd130a; --color--brand-primary-a11y: #ec180e; --color--brand-romance-base: #5a000f; --color--brand-romance-shade: #2d0007; --color--brand-romance-tint: #f2ebec; --color--deepred-100: #e4cccd; --color--deepred-1000: #801523; --color--deepred-1100: #6f0715; --color--deepred-1200: #5a000f; --color--deepred-1300: #42000a; --color--deepred-1400: #2d0007; --color--deepred-15: #f9f6f7; --color--deepred-200: #deb8b8; --color--deepred-25: #f2ebec; --color--deepred-300: #dba3a2; --color--deepred-400: #d98b8b; --color--deepred-5: #fcfbfb; --color--deepred-50: #ebdedf; --color--deepred-500: #d9706f; --color--deepred-600: #d94e50; --color--deepred-700: #c84044; --color--deepred-800: #b33138; --color--deepred-900: #9a222f; --color--green-100: #98e2b1; --color--green-1000: #034618; --color--green-1100: #01350e; --color--green-1200: #002809; --color--green-1300: #001e05; --color--green-1400: #001604; --color--green-15: #effaf3; --color--green-200: #7ed29c; --color--green-25: #dbf5e2; --color--green-300: #64c484; --color--green-400: #4cb370; --color--green-5: #f8fcf9; --color--green-50: #b1efc6; --color--green-500: #3aa25c; --color--green-600: #2c8f49; --color--green-700: #207e3c; --color--green-800: #146b2f; --color--green-900: #0b5822; --color--grey-100: #d4d1d0; --color--grey-1000: #403b3a; --color--grey-1100: #302c2b; --color--grey-1200: #242020; --color--grey-1300: #1b1817; --color--grey-1400: #131110; --color--grey-15: #f8f7f7; --color--grey-200: #c4c0bf; --color--grey-25: #f0eeee; --color--grey-300: #b5b0af; --color--grey-400: #a69e9d; --color--grey-5: #fbfbfb; --color--grey-50: #e3e0e0; --color--grey-500: #968d8b; --color--grey-600: #857c7a; --color--grey-700: #756c6b; --color--grey-800: #625b5a; --color--grey-900: #514b4a; --color--lightblue-100: #b4c8eb; --color--lightblue-1000: #303b59; --color--lightblue-1100: #252c41; --color--lightblue-1200: #1c212e; --color--lightblue-1300: #161821; --color--lightblue-1400: #101115; --color--lightblue-15: #eef2fa; --color--lightblue-200: #9db9e6; --color--lightblue-25: #dfe7f6; --color--lightblue-300: #87abe1; --color--lightblue-400: #749ddc; --color--lightblue-5: #f6f8fc; --color--lightblue-50: #ccdaf1; --color--lightblue-500: #5f8bcd; --color--lightblue-600: #5579b7; --color--lightblue-700: #4d69a2; --color--lightblue-800: #44598a; --color--lightblue-900: #3c4b73; --color--lightpurple-100: #f5b1eb; --color--lightpurple-1000: #50314c; --color--lightpurple-1100: #3b2638; --color--lightpurple-1200: #2a1d28; --color--lightpurple-1300: #1e161d; --color--lightpurple-1400: #141013; --color--lightpurple-15: #fde8fa; --color--lightpurple-200: #ef9be4; --color--lightpurple-25: #fbdaf6; --color--lightpurple-300: #e887dc; --color--lightpurple-400: #e073d2; --color--lightpurple-5: #fef4fc; --color--lightpurple-50: #f9c5f1; --color--lightpurple-500: #d260c5; --color--lightpurple-600: #b95aae; --color--lightpurple-700: #a05296; --color--lightpurple-800: #83487c; --color--lightpurple-900: #693d63; --color--neutral-100: #daced8; --color--neutral-1000: #403a3f; --color--neutral-1100: #312b30; --color--neutral-1200: #252024; --color--neutral-1300: #1c171b; --color--neutral-1400: #150f14; --color--neutral-15: #f9f3f8; --color--neutral-200: #c9bdc7; --color--neutral-25: #f1e6ef; --color--neutral-300: #b8aeb6; --color--neutral-400: #a69da4; --color--neutral-5: #fdfafa; --color--neutral-50: #e6dae4; --color--neutral-500: #968c94; --color--neutral-600: #847b82; --color--neutral-700: #736c72; --color--neutral-800: #625b61; --color--neutral-900: #514a50; --color--opacity-shade-0: #00000000; --color--opacity-shade-10: #0000001a; --color--opacity-shade-15: #00000026; --color--opacity-shade-20: #00000033; --color--opacity-shade-25: #00000040; --color--opacity-shade-30: #0000004d; --color--opacity-shade-35: #00000059; --color--opacity-shade-40: #00000066; --color--opacity-shade-45: #00000073; --color--opacity-shade-5: #0000000d; --color--opacity-shade-50: #00000080; --color--opacity-shade-55: #0000008c; --color--opacity-shade-60: #00000099; --color--opacity-shade-65: #000000a6; --color--opacity-shade-70: #000000b3; --color--opacity-shade-75: #000000bf; --color--opacity-shade-80: #000000cc; --color--opacity-shade-85: #000000d9; --color--opacity-shade-90: #000000e6; --color--opacity-shade-95: #000000f2; --color--opacity-shade-black: #000000; --color--opacity-tint-0: #ffffff00; --color--opacity-tint-10: #ffffff1a; --color--opacity-tint-15: #ffffff26; --color--opacity-tint-25: #ffffff40; --color--opacity-tint-30: #ffffff4d; --color--opacity-tint-35: #ffffff59; --color--opacity-tint-40: #ffffff66; --color--opacity-tint-45: #ffffff73; --color--opacity-tint-5: #ffffff0d; --color--opacity-tint-50: #ffffff80; --color--opacity-tint-55: #ffffff8c; --color--opacity-tint-60: #ffffff99; --color--opacity-tint-65: #ffffffa6; --color--opacity-tint-70: #ffffffb3; --color--opacity-tint-75: #ffffffbf; --color--opacity-tint-80: #ffffffcc; --color--opacity-tint-85: #ffffffd9; --color--opacity-tint-90: #ffffffe6; --color--opacity-tint-95: #fffffff2; --color--opacity-tint-white: #ffffff; --color--orange-100: #ffc3bb; --color--orange-1000: #6d2304; --color--orange-1100: #531a04; --color--orange-1200: #3f1304; --color--orange-1300: #300d03; --color--orange-1400: #240903; --color--orange-15: #fff5f4; --color--orange-200: #ffac9e; --color--orange-25: #ffeae7; --color--orange-300: #ff947f; --color--orange-400: #ff7653; --color--orange-5: #fffaf9; --color--orange-50: #ffd8d3; --color--orange-500: #f95900; --color--orange-600: #dc4e00; --color--orange-700: #c34400; --color--orange-800: #a53802; --color--orange-900: #892e02; --color--pink-100: #ffc2e8; --color--pink-1000: #78004a; --color--pink-1100: #5c0239; --color--pink-1200: #46022c; --color--pink-1300: #350322; --color--pink-1400: #270319; --color--pink-15: #fff4fb; --color--pink-200: #ffaedd; --color--pink-25: #ffe8f7; --color--pink-300: #ff95d1; --color--pink-400: #ff79bf; --color--pink-5: #fffafd; --color--pink-50: #ffd5f0; --color--pink-500: #ff57a9; --color--pink-600: #fe009b; --color--pink-700: #da0086; --color--pink-800: #bb0072; --color--pink-900: #96005c; --color--red-100: #fabfbf; --color--red-1000: #740c06; --color--red-1100: #600504; --color--red-1200: #480603; --color--red-1300: #390302; --color--red-1400: #2a0301; --color--red-15: #fbeded; --color--red-200: #faa7a7; --color--red-25: #fbe3e3; --color--red-300: #fb9090; --color--red-400: #fc6e6e; --color--red-5: #fcf4f4; --color--red-50: #fbd4d4; --color--red-500: #fc423b; --color--red-600: #ec180e; --color--red-700: #cd130a; --color--red-800: #af1509; --color--red-900: #901108; --color--teal-100: #bdd7d4; --color--teal-1000: #0b433d; --color--teal-1100: #02332f; --color--teal-1200: #002622; --color--teal-1300: #001d1a; --color--teal-1400: #001513; --color--teal-15: #f5f7f7; --color--teal-200: #a6c7c3; --color--teal-25: #e8f0ef; --color--teal-300: #90b9b4; --color--teal-400: #7aa8a3; --color--teal-5: #fafbfb; --color--teal-50: #d2e5e3; --color--teal-500: #649892; --color--teal-600: #508781; --color--teal-700: #3d7871; --color--teal-800: #2c665f; --color--teal-900: #1b554e; --color--yellow-100: #f9cd00; --color--yellow-1000: #4f3804; --color--yellow-1100: #3b2a04; --color--yellow-1200: #2d1f04; --color--yellow-1300: #221603; --color--yellow-1400: #181003; --color--yellow-15: #fff7e0; --color--yellow-200: #edba00; --color--yellow-25: #ffedc2; --color--yellow-300: #e2a700; --color--yellow-400: #d09500; --color--yellow-5: #fffbf0; --color--yellow-50: #ffdf7a; --color--yellow-500: #bb8500; --color--yellow-600: #a37600; --color--yellow-700: #8f6800; --color--yellow-800: #785702; --color--yellow-900: #634702; --color--accent-active: #94b2e7; --color--accent-blue: #4592e3; --color--accent-boost: #f5b1eb; --color--accent-boost-static: #f5b1eb; --color--accent-brand: #cd130a; --color--accent-chat: #f2ebec; --color--accent-error: #fc423b; --color--accent-fuchsia: #fe009b; --color--accent-gold: #edba00; --color--accent-gold-static: #edba00; --color--accent-gold-subtle: #8f6800; --color--accent-green: #3aa25c; --color--accent-like: #ec180e; --color--accent-like-static-dark: #ec180e; --color--accent-link: #4592e3; --color--accent-nope: #fbfbfb; --color--accent-nope-static-dark: #fbfbfb; --color--accent-platinum: #c4c0bf; --color--accent-platinum-inverse: #302c2b; --color--accent-platinum-subtle: #514b4a; --color--accent-plus: #fc423b; --color--accent-plus-subtle: #600504; --color--accent-primary: #cd130a; --color--accent-primary-a11y: #ec180e; --color--accent-purple: #fe009b; --color--accent-red: #fc423b; --color--accent-rewind: #fbfbfb; --color--accent-rewind-static-dark: #fbfbfb; --color--accent-select: #fe009b; --color--accent-success: #3aa25c; --color--accent-super-like: #9db9e6; --color--accent-super-like-static-dark: #9db9e6; --color--accent-super-like-subtle: #9db9e6; --color--accent-teal: #649892; --color--accent-trust: #4592e3; --color--accent-yellow-orange: #f95900; --color--action-active: #94b2e7; --color--action-inactive: #756c6b; --color--action-navigation-secondary-disabled: #4f525c; --color--action-primary: #fbfbfb; --color--action-primary-inverse: #1b1817; --color--action-secondary: #ffffff1a; --color--action-secondary-inverse: #0000001a; --color--action-tertiary: #00000000; --color--action-text-field-loud-active: #0083f8; --color--action-text-field-loud-inactive: #7d8496; --color--action-text-field-quiet-active: #0083f8; --color--action-text-field-quiet-inactive: #7d8496; --color--background-badge-brand-default: #ff2358; --color--background-badge-notification-active: #ff2358; --color--background-badge-notification-inactive: #24262a; --color--background-badge-online-now-default: #3aa25c; --color--background-badge-verified-default: #0083f8; --color--background-banner-default: #000000; --color--background-blue: #1c212e; --color--background-bottom-sheet-default: #131110; --color--background-brand: #cd130a; --color--background-button-disabled: #393b42; --color--background-button-elevated: #24262a; --color--background-button-neutral: #ffffff; --color--background-button-primary: #ffffff; --color--background-button-primary-overlay: #ffffff; --color--background-button-primary-small: #ffffff; --color--background-button-sparks-expand-profile: #1b1817; --color--background-button-sparks-neutral: #1b1817; --color--background-card-boost: #f5b1eb; --color--background-card-default: #242020; --color--background-card-passport: #fbd4d4; --color--background-card-sparks: #131110; --color--background-card-super-like: #9db9e6; --color--background-chat-bubble-receive: #000000; --color--background-chat-bubble-send: #ebdedf; --color--background-checkbox-disabled: #24262a; --color--background-checkbox-selected-enabled: #ff2358; --color--background-datepicker-selected: #24262a; --color--background-disabled: #403b3a; --color--background-elevated: #242020; --color--background-elevated-static-dark: #242020; --color--background-error: #fc423b; --color--background-fuchsia: #350322; --color--background-gamepad-primary-default: #000000cc; --color--background-gamepad-primary-disabled: #24262a; --color--background-gamepad-primary-disabled-on-super-like: #0000004d; --color--background-gamepad-secondary-default: #101113; --color--background-gamepad-secondary-disabled: #24262a; --color--background-gamepad-sparks-boost-default: #24262a; --color--background-gamepad-sparks-like-default: #24262a; --color--background-gamepad-sparks-nope-default: #24262a; --color--background-gamepad-sparks-rewind-default: #24262a; --color--background-gamepad-sparks-super-like-default: #24262a; --color--background-green: #001513; --color--background-header-sparks: #131110; --color--background-icon-button-disabled: #24262a; --color--background-icon-button-overlay-default: #00000059; --color--background-icon-button-overlay-disabled: #24262a; --color--background-icon-button-primary: #ffffff; --color--background-icon-button-secondary: #101113; --color--background-inactive: #756c6b; --color--background-menu-default: #131110; --color--background-modal-container-default: #24262a; --color--background-modal-overlay-default: #0000008c; --color--background-modal-overlay-recs: #000000cc; --color--background-opacity-base: #0000001a; --color--background-opacity-base-inverse: #ffffff1a; --color--background-opacity-base-static-dark: #0000001a; --color--background-opacity-base-static-light: #ffffff1a; --color--background-opacity-brand: #cd130a30; --color--background-opacity-haze: #9db9e630; --color--background-opacity-obscure: #00000059; --color--background-opacity-obscure-inverse: #00000059; --color--background-opacity-obscure-static-dark: #00000059; --color--background-opacity-obscure-static-light: #ffffff59; --color--background-overlay-primary: #131110; --color--background-overlay-secondary: #000000; --color--background-passions-edit: #514b4a; --color--background-passions-inactive-overlay: #756c6b; --color--background-passions-shared: #101113; --color--background-passions-shared-overlay: #131110; --color--background-passions-sparks-inactive: #24262a; --color--background-passions-sparks-inactive-overlay: #000000a6; --color--background-passport: #600504; --color--background-passport-subtle: #600504; --color--background-plus: #600504; --color--background-primary: #131110; --color--background-primary-inverse: #f0eeee; --color--background-primary-static-dark: #131110; --color--background-primary-static-light: #f0eeee; --color--background-progress-inactive: #000000; --color--background-purple: #350322; --color--background-radio-selected-disabled: #756c6b; --color--background-radio-selected-enabled: #ff2358; --color--background-radio-unselected-disabled: #24262a; --color--background-read-receipts-badge: #4592e3; --color--background-rec-card-bottom-default: #000000; --color--background-rec-card-bottom-super-like: #303b59; --color--background-rec-card-content-hidden: #ffffff40; --color--background-red: #600504; --color--background-ripple-default: #403b3a; --color--background-search-default: #24262a; --color--background-secondary: #000000; --color--background-secondary-inverse: #e3e0e0; --color--background-secondary-static-dark: #000000; --color--background-secondary-static-light: #e3e0e0; --color--background-slider-alt-fill-disabled: #4f525c; --color--background-slider-alt-fill-enabled: #ff2358; --color--background-slider-alt-knob-disabled: #4f525c; --color--background-slider-alt-knob-enabled: #ff2358; --color--background-slider-alt-track-disabled: #24262a; --color--background-slider-alt-track-enabled: #656a78; --color--background-slider-default-fill-disabled: #4f525c; --color--background-slider-default-fill-enabled: #ff2358; --color--background-slider-default-knob-disabled: #24262a; --color--background-slider-default-knob-enabled: #ffffff; --color--background-slider-default-track-disabled: #24262a; --color--background-slider-default-track-enabled: #656a78; --color--background-solid: #131110; --color--background-sparks-bottom-nav: #131110; --color--background-sparks-primary: #131110; --color--background-sparks-profile: #000000; --color--background-sparks-prompt: #131110; --color--background-sparks-top-nav: #131110; --color--background-switch-alt-knob-disabled: #4f525c; --color--background-switch-alt-knob-selected: #ff2358; --color--background-switch-alt-knob-unselected: #656a78; --color--background-switch-alt-track-disabled: #24262a; --color--background-switch-alt-track-selected: #cd130a; --color--background-switch-alt-track-unselected: #24262a; --color--background-switch-default-knob-disabled: #24262a; --color--background-switch-default-knob-selected: #ffffff; --color--background-switch-default-knob-unselected: #ffffff; --color--background-switch-default-track-disabled: #24262a; --color--background-switch-default-track-selected: #ff2358; --color--background-switch-default-track-unselected: #656a78; --color--background-table-row-default: #101113; --color--background-table-row-hover: rgba(240, 241, 244, 0.08); --color--background-table-row-pressed: rgba(240, 241, 244, 0.16); --color--background-tappy-container-default: #ffffff1a; --color--background-tappy-indicator-active: #ffffff; --color--background-tappy-indicator-inactive: #4f525c; --color--background-tappy-indicator-sparks-active: #ffffff; --color--background-tappy-indicator-sparks-inactive: #0000008c; --color--background-tappy-sparks: #00000059; --color--background-teal: #001513; --color--background-tertiary: #242020; --color--background-tertiary-inverse: #ffffff; --color--background-tertiary-static-dark: #242020; --color--background-tertiary-static-light: #ffffff; --color--background-text-field-loud-default: #000000; --color--background-text-field-loud-highlight: #131110; --color--background-text-field-quiet-default: #101113; --color--background-text-field-quiet-highlight: #131110; --color--background-toast-default: #f0f1f4; --color--background-tooltip-default: #242020; --color--background-tooltip-revenue-default: #242020; --color--background-tooltip-trust-default: #0063e3; --color--background-transparent: #131110; --color--background-trust: #1c212e; --color--background-vault: #131110; --color--background-yellow-orange: #3f1304; --color--border-active: #94b2e7; --color--border-boost: #f5b1eb; --color--border-brand: #cd130a; --color--border-button-focused: #f0f1f4; --color--border-button-focused-overlay: #ffffff; --color--border-button-secondary: #393b42; --color--border-button-secondary-overlay: #ffffff; --color--border-button-sparks-expand-profile: #ffffffa6; --color--border-card: #7d8496; --color--border-checkbox-unselected-disabled: #4f525c; --color--border-checkbox-unselected-enabled: #7d8496; --color--border-checkbox-unselected-error: #fe7074; --color--border-container-elevated: #756c6b; --color--border-disabled: #756c6b; --color--border-error: #fc423b; --color--border-focus-default: #fbfbfb; --color--border-focus-inverse: #1b1817; --color--border-focus-overlay: #fbfbfb; --color--border-gamepad-boost-default: #f5b1eb; --color--border-gamepad-like-default: #ec180e; --color--border-gamepad-nope-default: #ff2358; --color--border-gamepad-primary-disabled: #00000059; --color--border-gamepad-primary-disabled-on-super-like: #0000001a; --color--border-gamepad-rewind-default: #0000001a; --color--border-gamepad-secondary-disabled: #4f525c; --color--border-gamepad-sparks-boost-default: #9f00fe; --color--border-gamepad-sparks-like-default: #2bb372; --color--border-gamepad-sparks-nope-default: #d5092c; --color--border-gamepad-sparks-rewind-default: #ee8109; --color--border-gamepad-sparks-super-like-default: #0083f8; --color--border-gamepad-super-like-active: #ffffff; --color--border-gamepad-super-like-default: #0083f8; --color--border-gamepad-super-like-disabled: #0000001a; --color--border-gold: #edba00; --color--border-icon-button-disabled: #4f525c; --color--border-icon-button-primary: #ffffff; --color--border-icon-button-secondary: #393b42; --color--border-like: #ec180e; --color--border-nope: #fbfbfb; --color--border-overlay: #fbfbfb; --color--border-passions-active: #ff2358; --color--border-passions-inactive: #393b42; --color--border-passions-shared: #ff2358; --color--border-passions-shared-overlay: #ffffff; --color--border-platinum: #c4c0bf; --color--border-primary: #756c6b; --color--border-primary-inverse: #1b1817; --color--border-radio-selected-disabled: #4f525c; --color--border-radio-selected-enabled: #ff2358; --color--border-radio-unselected-disabled: #4f525c; --color--border-radio-unselected-enabled: #7d8496; --color--border-rec-card-content-hidden: #ffffff; --color--border-rewind: #fbfbfb; --color--border-secondary: #302c2b; --color--border-secondary-overlay: #c4c0bf; --color--border-secondary-static-dark: #302c2b; --color--border-slider-alt-knob-disabled: #4f525c; --color--border-slider-alt-knob-enabled: #ff2358; --color--border-slider-default-knob-disabled: #4f525c; --color--border-slider-default-knob-enabled: #7d8496; --color--border-sparks-boost: #f5b1eb; --color--border-sparks-like: #ec180e; --color--border-sparks-nope: #fbfbfb; --color--border-sparks-rewind: #fbfbfb; --color--border-sparks-super-like: #9db9e6; --color--border-success: #3aa25c; --color--border-super-like: #9db9e6; --color--border-switch-alt-knob-disabled: #4f525c; --color--border-switch-alt-knob-selected: #ff2358; --color--border-switch-alt-knob-unselected: #7d8496; --color--border-switch-alt-track-disabled: #4f525c; --color--border-switch-alt-track-selected: #ff2358; --color--border-switch-alt-track-unselected: #7d8496; --color--border-switch-default-knob-disabled: #4f525c; --color--border-switch-default-knob-selected: #ff2358; --color--border-switch-default-knob-unselected: #7d8496; --color--border-switch-default-track-disabled: #4f525c; --color--border-switch-default-track-selected: #ff2358; --color--border-switch-default-track-unselected: #7d8496; --color--border-tappy-indicator-active: #4f525c; --color--border-tappy-indicator-inactive: #7d8496; --color--border-tappy-indicator-sparks-active: #7d8496; --color--border-tappy-indicator-sparks-inactive: #7d8496; --color--border-text-field-loud-default: #4f525c; --color--border-text-field-loud-disabled: #4f525c; --color--border-text-field-loud-error: #fe7074; --color--border-text-field-loud-focus: #0083f8; --color--border-text-field-quiet-default: #7d8496; --color--border-text-field-quiet-disabled: #4f525c; --color--border-text-field-quiet-error: #fe7074; --color--border-text-field-quiet-focus: #0083f8; --color--border-timer-expired: #302c2b; --color--border-tooltip-default: #242020; --color--border-tooltip-revenue-boost: #f5b1eb; --color--border-tooltip-revenue-like: #ec180e; --color--border-tooltip-revenue-nope: #fbfbfb; --color--border-tooltip-revenue-rewind: #fbfbfb; --color--border-tooltip-revenue-super-like: #9db9e6; --color--border-vault: #fe009b; --color--cursor-default: #fbfbfb; --color--cursor-search-input: #0083f8; --color--cursor-text-field-loud-default: #0083f8; --color--cursor-text-field-quiet-default: #0083f8; --color--device-home-indicator: #fbfbfb; --color--device-status-bar: #fbfbfb; --color--device-status-bar-inverse: #1b1817; --color--divider-banner-default: #393b42; --color--divider-primary: #302c2b; --color--divider-sparks: #302c2b; --color--divider-table-row-default: #393b42; --color--divider-table-row-sparks: #393b42; --color--divider-tappy-sparks: #ffffff1a; --color--foreground-blue: #4592e3; --color--foreground-border-elevated: #756c6b; --color--foreground-border-primary: #756c6b; --color--foreground-border-secondary: #302c2b; --color--foreground-button-disabled: #656a78; --color--foreground-button-neutral: #24262a; --color--foreground-button-primary: #24262a; --color--foreground-button-primary-overlay: #24262a; --color--foreground-button-secondary: #f0f1f4; --color--foreground-button-secondary-overlay: #ffffff; --color--foreground-button-sparks-expand-profile: #ffffff; --color--foreground-button-tertiary: #f0f1f4; --color--foreground-button-tertiary-overlay: #ffffff; --color--foreground-disabled: #756c6b; --color--foreground-fuchsia: #fe009b; --color--foreground-green: #3aa25c; --color--foreground-inactive: #756c6b; --color--foreground-modal-body: #b4b9c6; --color--foreground-modal-heading: #f0f1f4; --color--foreground-modal-icon: #ff2358; --color--foreground-primary: #fbfbfb; --color--foreground-primary-inverse: #1b1817; --color--foreground-primary-static-dark: #1b1817; --color--foreground-primary-static-light: #fbfbfb; --color--foreground-primary-static-on-dark: #fbfbfb; --color--foreground-purple: #fe009b; --color--foreground-read-receipts-badge: #fbfbfb; --color--foreground-red: #fc423b; --color--foreground-secondary: #c4c0bf; --color--foreground-secondary-inverse: #514b4a; --color--foreground-secondary-static-dark: #514b4a; --color--foreground-secondary-static-light: #c4c0bf; --color--foreground-teal: #649892; --color--foreground-tertiary: #857c7a; --color--foreground-yellow-orange: #f95900; --color--icon-badge-verified: #ffffff; --color--icon-banner-default: #ffffff; --color--icon-banner-dismiss: #7d8496; --color--icon-brand: #cd130a; --color--icon-chat-drawer-contact-card-active: #4592e3; --color--icon-chat-drawer-contact-card-default: #756c6b; --color--icon-chat-drawer-gif-background-active: #fbfbfb; --color--icon-chat-drawer-gif-background-default: #756c6b; --color--icon-chat-drawer-gif-foreground-active: #f95900; --color--icon-chat-drawer-gif-foreground-default: #1b1817; --color--icon-chat-drawer-noonlight-background-active: #81b1fa; --color--icon-chat-drawer-noonlight-background-default: #756c6b; --color--icon-chat-drawer-noonlight-foreground-active: #166efb; --color--icon-chat-drawer-noonlight-foreground-default: #756c6b; --color--icon-chat-drawer-spotify-background-active: #1db954; --color--icon-chat-drawer-spotify-background-default: #756c6b; --color--icon-chat-drawer-spotify-foreground-active: #1b1817; --color--icon-chat-drawer-spotify-foreground-default: #1b1817; --color--icon-chat-drawer-sticker-active: #fe009b; --color--icon-chat-drawer-sticker-default: #756c6b; --color--icon-chat-drawer-vibes-default: #756c6b; --color--icon-chat-heart-active: #cd130a; --color--icon-chat-heart-default: #756c6b; --color--icon-checkbox-selected-disabled: #4f525c; --color--icon-checkbox-selected-enabled: #ffffff; --color--icon-disabled: #756c6b; --color--icon-disabled-static: #756c6b; --color--icon-error: #fc423b; --color--icon-form-default: #7d8496; --color--icon-form-disabled: #4f525c; --color--icon-form-error: #fe7074; --color--icon-form-success: #209663; --color--icon-gamepad-primary-disabled: #00000059; --color--icon-gamepad-primary-disabled-on-super-like: #0000001a; --color--icon-gamepad-primary-pressed: #ffffff; --color--icon-gamepad-primary-super-like-active: #ffffff; --color--icon-gamepad-primary-super-like-disabled: #0000001a; --color--icon-gamepad-secondary-disabled: #4f525c; --color--icon-gamepad-secondary-pressed: #ffffff; --color--icon-gamepad-sparks-boost-active: #24262a; --color--icon-gamepad-sparks-like-active: #24262a; --color--icon-gamepad-sparks-nope-active: #24262a; --color--icon-gamepad-sparks-rewind-active: #24262a; --color--icon-gamepad-sparks-super-like-active: #24262a; --color--icon-gamepad-sparks-super-like-disabled: #4f525c; --color--icon-icon-button-disabled: #4f525c; --color--icon-icon-button-overlay-default: #ffffff; --color--icon-icon-button-overlay-disabled: #00000059; --color--icon-icon-button-primary: #24262a; --color--icon-icon-button-secondary: #7d8496; --color--icon-navigation-primary-inactive: #656a78; --color--icon-navigation-secondary-end: #cd130a; --color--icon-navigation-secondary-start: #7d8496; --color--icon-primary: #fbfbfb; --color--icon-primary-inverse: #1b1817; --color--icon-primary-overlay: #fbfbfb; --color--icon-primary-overlay-inverse: #1b1817; --color--icon-radio-selected-disabled: #24262a; --color--icon-radio-selected-enabled: #24262a; --color--icon-rec-card-content-hidden: #ffffff; --color--icon-search-end-action: #b4b9c6; --color--icon-search-start: #b4b9c6; --color--icon-secondary: #c4c0bf; --color--icon-secondary-inverse: #514b4a; --color--icon-selector-selected-disabled: #4f525c; --color--icon-selector-selected-enabled: #ff2358; --color--icon-success: #3aa25c; --color--icon-switch-alt-disabled: #ffffff; --color--icon-switch-alt-selected: #ffffff; --color--icon-switch-alt-unselected: #ffffff; --color--icon-switch-default-disabled: #4f525c; --color--icon-switch-default-selected: #ff2358; --color--icon-switch-default-unselected: #7d8496; --color--icon-tertiary: #857c7a; --color--icon-tooltip-dismiss: #24262a; --color--icon-trust: #4592e3; --color--icon-vault: #fe009b; --color--interactive-button-neutral: rgba(16, 17, 19, 0.16); --color--interactive-button-primary: rgba(240, 241, 244, 0.16); --color--interactive-button-secondary: rgba(240, 241, 244, 0.08); --color--interactive-button-tertiary: rgba(240, 241, 244, 0.08); --color--interactive-icon-button-overlay: rgba(240, 241, 244, 0.16); --color--interactive-icon-button-primary: rgba(240, 241, 244, 0.16); --color--interactive-icon-button-secondary: rgba(16, 17, 19, 0.16); --color--interactive-on-light: #00000026; --color--interactive-primary: #ffffff26; --color--interactive-secondary: #ffffff0d; --color--invertible-black: #ffffff; --color--invertible-blue-05: #000841; --color--invertible-blue-10: #000841; --color--invertible-blue-15: #001874; --color--invertible-blue-20: #002ca2; --color--invertible-blue-30: #002ca2; --color--invertible-blue-40: #0046c7; --color--invertible-blue-50: #0063e3; --color--invertible-blue-60: #0083f8; --color--invertible-blue-70: #37a2ff; --color--invertible-blue-80: #a8dbff; --color--invertible-blue-90: #c4e7ff; --color--invertible-blue-95: #e2f3ff; --color--invertible-fuchsia-05: #260124; --color--invertible-fuchsia-10: #260124; --color--invertible-fuchsia-15: #480346; --color--invertible-fuchsia-20: #6d076a; --color--invertible-fuchsia-30: #6d076a; --color--invertible-fuchsia-40: #940b8f; --color--invertible-fuchsia-50: #bc10b7; --color--invertible-fuchsia-60: #e714e1; --color--invertible-fuchsia-70: #fd54f7; --color--invertible-fuchsia-80: #ffc0fb; --color--invertible-fuchsia-90: #ffd6fd; --color--invertible-fuchsia-95: #ffebfe; --color--invertible-gold-05: #191300; --color--invertible-gold-10: #191300; --color--invertible-gold-15: #2c2000; --color--invertible-gold-20: #513c02; --color--invertible-gold-30: #513c02; --color--invertible-gold-40: #644a03; --color--invertible-gold-50: #896707; --color--invertible-gold-60: #ae830c; --color--invertible-gold-70: #c1920f; --color--invertible-gold-80: #f7d472; --color--invertible-gold-90: #ffe8a5; --color--invertible-gold-95: #fff2bf; --color--invertible-gray-05: #101113; --color--invertible-gray-10: #101113; --color--invertible-gray-15: #24262a; --color--invertible-gray-20: #393b42; --color--invertible-gray-30: #393b42; --color--invertible-gray-40: #4f525c; --color--invertible-gray-50: #656a78; --color--invertible-gray-60: #7d8496; --color--invertible-gray-70: #979eaf; --color--invertible-gray-80: #d1d4dd; --color--invertible-gray-90: #e7e9ee; --color--invertible-gray-95: #f0f1f4; --color--invertible-green-05: #01150b; --color--invertible-green-10: #01150b; --color--invertible-green-15: #032c1c; --color--invertible-green-20: #07442e; --color--invertible-green-30: #07442e; --color--invertible-green-40: #0e5e40; --color--invertible-green-50: #167952; --color--invertible-green-60: #209663; --color--invertible-green-70: #2bb372; --color--invertible-green-80: #4af277; --color--invertible-green-90: #90fb73; --color--invertible-green-95: #d7fcb4; --color--invertible-purple-05: #1c003a; --color--invertible-purple-10: #1c003a; --color--invertible-purple-15: #39006a; --color--invertible-purple-20: #58009b; --color--invertible-purple-30: #58009b; --color--invertible-purple-40: #7a00cd; --color--invertible-purple-50: #9f00fe; --color--invertible-purple-60: #b650ff; --color--invertible-purple-70: #ce79ff; --color--invertible-purple-80: #eec7ff; --color--invertible-purple-90: #f4d9ff; --color--invertible-purple-95: #faecff; --color--invertible-red-05: #2b0107; --color--invertible-red-10: #2b0107; --color--invertible-red-15: #520315; --color--invertible-red-20: #7b0520; --color--invertible-red-30: #7b0520; --color--invertible-red-40: #a70828; --color--invertible-red-50: #d5092c; --color--invertible-red-60: #fe7074; --color--invertible-red-70: #ff8589; --color--invertible-red-80: #ffc7c7; --color--invertible-red-90: #ffdada; --color--invertible-red-95: #ffeced; --color--invertible-teal-05: #011415; --color--invertible-teal-10: #011415; --color--invertible-teal-15: #032b2d; --color--invertible-teal-20: #074245; --color--invertible-teal-30: #074245; --color--invertible-teal-40: #0e5c5f; --color--invertible-teal-50: #14767a; --color--invertible-teal-60: #1b9296; --color--invertible-teal-70: #21aeb3; --color--invertible-teal-80: #2bebef; --color--invertible-teal-90: #2bfbfd; --color--invertible-teal-95: #affffe; --color--invertible-white: #000000; --color--invertible-yellow-orange-05: #290400; --color--invertible-yellow-orange-10: #290400; --color--invertible-yellow-orange-15: #4e0d00; --color--invertible-yellow-orange-20: #731b00; --color--invertible-yellow-orange-30: #731b00; --color--invertible-yellow-orange-40: #972d00; --color--invertible-yellow-orange-50: #b94401; --color--invertible-yellow-orange-60: #d76004; --color--invertible-yellow-orange-70: #ee8109; --color--invertible-yellow-orange-80: #fad122; --color--invertible-yellow-orange-90: #f1e82a; --color--invertible-yellow-orange-95: #f4fa30; --color--label-gamepad-primary-count-boost: #f5b1eb; --color--label-gamepad-primary-count-super-like: #9db9e6; --color--label-gamepad-secondary-count-boost: #b650ff; --color--label-gamepad-secondary-count-super-like: #0083f8; --color--label-icon-button-disabled: #b4b9c6; --color--label-icon-button-overlay-default: #ffffff; --color--label-icon-button-overlay-disabled: #ffffff; --color--label-icon-button-primary: #b4b9c6; --color--label-icon-button-secondary: #b4b9c6; --color--loader-shimmer-base-default: #403b3a; --color--loader-shimmer-highlight-default: #1b1817; --color--loader-skeleton: #403b3a; --color--overlay-default: #000000cc; --color--overlay-like: #ec180e20; --color--overlay-nope: #00000026; --color--overlay-rewind: #f0f1f410; --color--overlay-super-like: #9db9e620; --color--shadow-base: #00000033; --color--shadow-container-elevated: #00000000; --color--shadow-glass: #00000033; --color--shadow-heavy: #0000004d; --color--shadow-highlight: #ffffff1a; --color--shadow-light: #0000001a; --color--state-layer-focus-primary: rgba(255, 255, 255, 0.15); --color--state-layer-focus-primary-inverse: rgba(0, 0, 0, 0.15); --color--state-layer-focus-primary-static-dark: rgba(0, 0, 0, 0.15); --color--state-layer-focus-primary-static-light: rgba(255, 255, 255, 0.15); --color--static-brand-crush-base: #fe009b; --color--static-brand-crush-shade: #350322; --color--static-brand-crush-tint: #ffe8f7; --color--static-brand-flame-base: #cd130a; --color--static-brand-flame-shade: #600504; --color--static-brand-flame-tint: #fbd4d4; --color--static-brand-haze-base: #9db9e6; --color--static-brand-haze-shade: #1c212e; --color--static-brand-haze-tint: #dfe7f6; --color--static-brand-off-white-base: #f1e6ef; --color--static-brand-petal-base: #f5b1eb; --color--static-brand-petal-shade: #2a1d28; --color--static-brand-petal-tint: #fbdaf6; --color--static-brand-pine-base: #002622; --color--static-brand-pine-shade: #001513; --color--static-brand-pine-tint: #e8f0ef; --color--static-brand-romance-base: #5a000f; --color--static-brand-romance-shade: #2d0007; --color--static-brand-romance-tint: #f2ebec; --color--sub-card-rec-card-sparks: #000000; --color--text-badge-notification-default: #ffffff; --color--text-badge-notification-inactive: #7d8496; --color--text-banner-body: #b4b9c6; --color--text-banner-heading: #f0f1f4; --color--text-boost: #f5b1eb; --color--text-brand-large: #ec180e; --color--text-brand-normal: #fc423b; --color--text-chat-bubble-receive: #f0f1f4; --color--text-chat-bubble-send: #1b1817; --color--text-datepicker-active: #f0f1f4; --color--text-datepicker-inactive: #7d8496; --color--text-disabled: #756c6b; --color--text-error: #fc423b; --color--text-form-help-default: #b4b9c6; --color--text-form-help-disabled: #4f525c; --color--text-form-help-error: #fe7074; --color--text-form-help-success: #209663; --color--text-form-label-default: #f0f1f4; --color--text-gold: #edba00; --color--text-highlight-background: #fbfbfb; --color--text-highlight-foreground: #1b1817; --color--text-inactive: #756c6b; --color--text-like: #ec180e; --color--text-link: #4592e3; --color--text-link-overlay: #fbfbfb; --color--text-passions-active: #f0f1f4; --color--text-passions-inactive: #7d8496; --color--text-passions-inactive-overlay: #ffffff; --color--text-passions-shared: #f0f1f4; --color--text-passions-shared-overlay: #ffffff; --color--text-passions-shared-rec: #ffffff; --color--text-passport: #fbd4d4; --color--text-primary: #fbfbfb; --color--text-primary-inverse: #1b1817; --color--text-primary-overlay: #fbfbfb; --color--text-primary-overlay-inverse: #1b1817; --color--text-rec-card-content-hidden: #ffffff; --color--text-search-input-active: #f0f1f4; --color--text-search-input-inactive: #f0f1f4; --color--text-search-placeholder-inactive: #b4b9c6; --color--text-secondary: #c4c0bf; --color--text-secondary-inverse: #514b4a; --color--text-secondary-overlay: #c4c0bf; --color--text-secondary-overlay-inverse: #514b4a; --color--text-success: #3aa25c; --color--text-super-boost: #f5b1eb; --color--text-super-like: #9db9e6; --color--text-tertiary: #857c7a; --color--text-text-field-loud-charactercount-default: #7d8496; --color--text-text-field-loud-input-default: #f0f1f4; --color--text-text-field-loud-input-disabled: #4f525c; --color--text-text-field-loud-label-error: #fe7074; --color--text-text-field-loud-label-optional: #b4b9c6; --color--text-text-field-loud-placeholder-default: #7d8496; --color--text-text-field-quiet-charactercount-default: #7d8496; --color--text-text-field-quiet-input-default: #f0f1f4; --color--text-text-field-quiet-input-disabled: #4f525c; --color--text-text-field-quiet-label-error: #fe7074; --color--text-text-field-quiet-label-optional: #b4b9c6; --color--text-text-field-quiet-placeholder-default: #7d8496; --color--text-tooltip-default: #fbfbfb; --color--text-tooltip-revenue-default: #fbfbfb; --color--text-tooltip-trust-default: #ffffff; --color--text-trust: #4592e3; --color--text-vault-large: #fbfbfb; --color--text-vault-normal: #fbfbfb; --gradient--brand-gradient: linear-gradient(to top right, #fbd4d4, #fbd4d4); --gradient--brand-subtle: linear-gradient(0deg, #fbd4d4, #fbd4d4); --gradient--brand-subtle-on-dark: linear-gradient(0deg, #600504, #600504); --gradient--explore-attribution-gradient: linear-gradient(90deg, #cd130a, #cd130a); --gradient--festival-mode-gradient: linear-gradient(90deg, #fe009b, #fe009b); --gradient--gamepad-boost: linear-gradient(to top right, #f5b1eb, #f5b1eb); --gradient--gamepad-boost-on-dark: linear-gradient(to top right, #f5b1eb, #f5b1eb); --gradient--gamepad-boost-subtle: linear-gradient(0deg, #fbdaf6, #fbdaf6); --gradient--gamepad-boost-subtle-on-dark: linear-gradient(0deg, #2a1d28, #2a1d28); --gradient--gamepad-like: linear-gradient(to top right, #cd130a, #cd130a); --gradient--gamepad-like-on-dark: linear-gradient(to top right, #cd130a, #cd130a); --gradient--gamepad-like-on-light: linear-gradient(to top right, #cd130a, #cd130a); --gradient--gamepad-like-subtle: linear-gradient(0deg, #fbd4d4, #fbd4d4); --gradient--gamepad-like-subtle-on-dark: linear-gradient(0deg, #600504, #600504); --gradient--gamepad-nope: linear-gradient(to top right, #ffffff66, #ffffff66); --gradient--gamepad-nope-on-dark: linear-gradient(to top right, #ffffff66, #ffffff66); --gradient--gamepad-rewind: linear-gradient(to top right, #ffffff66, #ffffff66); --gradient--gamepad-rewind-on-dark: linear-gradient(to top right, #ffffff66, #ffffff66); --gradient--gamepad-sparks-boost: linear-gradient(to top right, #f5b1eb, #f5b1eb); --gradient--gamepad-sparks-like: linear-gradient(to top right, #cd130a, #cd130a); --gradient--gamepad-sparks-nope: linear-gradient(to top right, #ffffff66, #ffffff66); --gradient--gamepad-sparks-rewind: linear-gradient(to top right, #ffffff66, #ffffff66); --gradient--gamepad-sparks-super-like: linear-gradient(to top right, #9db9e6, #9db9e6); --gradient--gamepad-super-boost: linear-gradient(to top right, #f5b1eb, #f5b1eb); --gradient--gamepad-super-boost-on-dark: linear-gradient(to top right, #f5b1eb, #f5b1eb); --gradient--gamepad-super-boost-subtle: linear-gradient(0deg, #fbdaf6, #fbdaf6); --gradient--gamepad-super-boost-subtle-on-dark: linear-gradient(0deg, #2a1d28, #2a1d28); --gradient--gamepad-super-like: linear-gradient(to top right, #9db9e6, #9db9e6); --gradient--gamepad-super-like-on-dark: linear-gradient(to top right, #9db9e6, #9db9e6); --gradient--gamepad-super-like-on-light: linear-gradient(to top right, #9db9e6, #9db9e6); --gradient--gamepad-super-like-subtle: linear-gradient(0deg, #dfe7f6, #dfe7f6); --gradient--gamepad-super-like-subtle-on-dark: linear-gradient(0deg, #161821, #161821); --gradient--hot-takes-gradient: linear-gradient(90deg, #fe009b, #fe009b); --gradient--match-expiration-gradient: linear-gradient(to top right, #fe009b, #fe009b); --gradient--match-expiration-gradient-on-dark: linear-gradient(to top right, #fe009b, #fe009b); --gradient--passions-gradient: linear-gradient(90deg, #fe009b, #fe009b); --gradient--revenue-gold: linear-gradient(to top right, #8f6800, #8f6800); --gradient--revenue-gold-on-dark: linear-gradient(to top right, #edba00, #edba00); --gradient--revenue-gold-shine: linear-gradient(to top right, #8f6800, #8f6800, #8f6800); --gradient--revenue-gold-shine-animation: linear-gradient(to top right, #8f6800, #8f6800, #8f6800, #8f6800, #8f6800, #8f6800, #8f6800, #8f6800, #8f6800); --gradient--revenue-gold-shine-animation-on-dark: linear-gradient(to top right, #edba00, #edba00, #edba00, #edba00, #edba00, #edba00, #edba00, #edba00, #edba00); --gradient--revenue-gold-shine-on-dark: linear-gradient(to top right, #edba00, #edba00, #edba00); --gradient--revenue-gold-subtle: linear-gradient(0deg, #ffedc2, #ffedc2); --gradient--revenue-gold-subtle-on-dark: linear-gradient(0deg, #8f6800, #8f6800); --gradient--revenue-platinum: linear-gradient(to top right, #302c2b, #302c2b); --gradient--revenue-platinum-on-dark: linear-gradient(to top right, #c4c0bf, #c4c0bf); --gradient--revenue-platinum-shine: linear-gradient(to top right, #302c2b, #302c2b, #302c2b); --gradient--revenue-platinum-shine-animation: linear-gradient(to top right, #302c2b, #302c2b, #302c2b, #302c2b, #302c2b, #302c2b, #302c2b, #302c2b, #302c2b); --gradient--revenue-platinum-shine-animation-on-dark: linear-gradient(to top right, #c4c0bf, #c4c0bf, #c4c0bf, #c4c0bf, #c4c0bf, #c4c0bf, #c4c0bf, #c4c0bf, #c4c0bf); --gradient--revenue-platinum-shine-on-dark: linear-gradient(to top right, #c4c0bf, #c4c0bf, #c4c0bf); --gradient--revenue-platinum-subtle: linear-gradient(0deg, #c4c0bf, #c4c0bf); --gradient--revenue-platinum-subtle-on-dark: linear-gradient(0deg, #514b4a, #514b4a); --gradient--revenue-plus: linear-gradient(to top right, #cd130a, #cd130a); --gradient--revenue-plus-on-dark: linear-gradient(to top right, #fc423b, #fc423b); --gradient--revenue-plus-subtle: linear-gradient(0deg, #fbd4d4, #fbd4d4); --gradient--revenue-plus-subtle-on-dark: linear-gradient(0deg, #600504, #600504); --gradient--sparks-background-gradient: linear-gradient(0deg, #fe009b, #fe009b); --gradient--sparks-background-gradient-dark: linear-gradient(0deg, #fe009b, #fe009b); --gradient--sparks-matchmaker-attribution: linear-gradient(to top left, #fe009b, #fe009b); --gradient--spotify-music-mode-gradient: linear-gradient(90deg, #1c171b, #1c171b); --gradient--vault-gradient: linear-gradient(to bottom right, #fe009b, #fe009b, #fe009b); --gradient--vault-subtle-on-dark: linear-gradient(0deg, #350322, #350322); --gradient--vault-subtle-on-light: linear-gradient(0deg, #ffe8f7, #ffe8f7); --gradient--vibes-gradient: linear-gradient(to top right, #fe009b, #fe009b, #fe009b); --gradient--accent-boost-gradient: linear-gradient(180deg, #f5b1eb, #f5b1eb); --gradient--accent-brand-gradient: linear-gradient(180deg, #cd130a, #cd130a); --gradient--accent-explore-gradient: linear-gradient(180deg, #cd130a, #cd130a); --gradient--accent-festival-mode-gradient: linear-gradient(180deg, #fe009b, #fe009b); --gradient--accent-gold-gradient: linear-gradient(to top right, #edba00, #edba00); --gradient--accent-gold-shine-gradient: linear-gradient(to top right, #edba00, #edba00, #edba00); --gradient--accent-hot-takes-gradient: linear-gradient(180deg, #fe009b, #fe009b); --gradient--accent-like-gradient: linear-gradient(180deg, #ec180e, #ec180e); --gradient--accent-match-expiration-gradient: linear-gradient(180deg, #cd130a, #cd130a); --gradient--accent-matchmaker-gradient: linear-gradient(180deg, #fe009b, #fe009b); --gradient--accent-nope-gradient: linear-gradient(180deg, #f0f1f4, #f0f1f4); --gradient--accent-passions-gradient: linear-gradient(180deg, #fe009b, #fe009b); --gradient--accent-platinum-gradient: linear-gradient(to top right, #c4c0bf, #c4c0bf); --gradient--accent-platinum-gradient-inverse: linear-gradient(to top right, #302c2b, #302c2b); --gradient--accent-platinum-shine-gradient: linear-gradient(to top right, #c4c0bf, #c4c0bf, #c4c0bf); --gradient--accent-platinum-shine-gradient-inverse: linear-gradient(to top right, #302c2b, #302c2b, #302c2b); --gradient--accent-primary-gradient: linear-gradient(180deg, #cd130a, #cd130a); --gradient--accent-rewind-gradient: linear-gradient(180deg, #f0f1f4, #f0f1f4); --gradient--accent-select-gradient: linear-gradient(to bottom right, #fe009b, #fe009b, #fe009b); --gradient--accent-sparks-boost-gradient: linear-gradient(180deg, #f5b1eb, #f5b1eb); --gradient--accent-sparks-like-gradient: linear-gradient(180deg, #ec180e, #ec180e); --gradient--accent-sparks-nope-gradient: linear-gradient(180deg, #f0f1f4, #f0f1f4); --gradient--accent-sparks-rewind-gradient: linear-gradient(180deg, #f0f1f4, #f0f1f4); --gradient--accent-sparks-super-like-gradient: linear-gradient(180deg, #9db9e6, #9db9e6); --gradient--accent-spotify-music-mode-gradient: linear-gradient(180deg, #f0eeee, #f0eeee); --gradient--accent-super-boost-gradient: linear-gradient(180deg, #f5b1eb, #f5b1eb); --gradient--accent-super-like-gradient: linear-gradient(180deg, #9db9e6, #9db9e6); --gradient--accent-vibes-gradient: linear-gradient(to top right, #fe009b, #fe009b, #fe009b); --gradient--background-background-primary: linear-gradient(180deg, #13111000, #13111054, #13111096, #131110C4, #131110); --gradient--background-background-primary-variant: linear-gradient(90deg, #13111000, #131110); --gradient--background-boost: linear-gradient(180deg, #2a1d28, #2a1d28); --gradient--background-boost-inverse: linear-gradient(180deg, #fbdaf6, #fbdaf6); --gradient--background-boost-subtle: linear-gradient(180deg, #2a1d28, #2a1d28); --gradient--background-brand-gradient: linear-gradient(180deg, #ff2358, #ff2358); --gradient--background-brand-subtle: linear-gradient(180deg, #131110, #131110); --gradient--background-card-sparks-highlight-common-1: linear-gradient(to bottom right, #131110, #131110); --gradient--background-card-sparks-highlight-common-2: linear-gradient(to bottom right, #131110, #131110); --gradient--background-card-sparks-highlight-common-3: linear-gradient(to bottom right, #131110, #131110); --gradient--background-card-sparks-highlight-uncommon-1: linear-gradient(to bottom right, #131110, #131110); --gradient--background-card-sparks-highlight-uncommon-2: linear-gradient(to bottom right, #131110, #131110); --gradient--background-card-sparks-highlight-uncommon-3: linear-gradient(to bottom right, #131110, #131110); --gradient--background-card-sparks-icebreaker: linear-gradient(to bottom right, #131110, #131110); --gradient--background-card-sparks-prompt: linear-gradient(to bottom right, #131110, #131110); --gradient--background-card-sparks-quiz: linear-gradient(to bottom right, #131110, #131110); --gradient--background-explore-attribution: linear-gradient(180deg, #ff2358, #ff2358); --gradient--background-festival-mode: linear-gradient(90deg, #002ca2, #9f00fe); --gradient--background-gamepad-boost-pressed: linear-gradient(to top right, #f5b1eb, #f5b1eb); --gradient--background-gamepad-like-pressed: linear-gradient(to top right, #ec180e, #ec180e); --gradient--background-gamepad-nope-pressed: linear-gradient(to top right, #f0eeee, #f0eeee); --gradient--background-gamepad-rewind-pressed: linear-gradient(to top right, #f0eeee, #f0eeee); --gradient--background-gamepad-sparks-boost-pressed: linear-gradient(to top right, #f5b1eb, #f5b1eb); --gradient--background-gamepad-sparks-like-pressed: linear-gradient(to top right, #ec180e, #ec180e); --gradient--background-gamepad-sparks-nope-pressed: linear-gradient(to top right, #f0eeee, #f0eeee); --gradient--background-gamepad-sparks-rewind-pressed: linear-gradient(to top right, #f0eeee, #f0eeee); --gradient--background-gamepad-sparks-super-like-pressed: linear-gradient(to top right, #9db9e6, #9db9e6); --gradient--background-gamepad-super-like-pressed: linear-gradient(to top right, #9db9e6, #9db9e6); --gradient--background-gold: linear-gradient(180deg, #8f6800, #8f6800); --gradient--background-gold-inverse: linear-gradient(180deg, #ffedc2, #ffedc2); --gradient--background-gold-shine: linear-gradient(to top right, #edba00, #edba00, #edba00); --gradient--background-gold-shine-inverse: linear-gradient(to top right, #edba00, #edba00, #edba00); --gradient--background-gold-subtle: linear-gradient(0deg, #ffedc2, #ffedc2); --gradient--background-hot-takes: linear-gradient(180deg, #fe009b, #fe009b); --gradient--background-like: linear-gradient(180deg, #ec180e, #ec180e); --gradient--background-like-inverse: linear-gradient(180deg, #ec180e, #ec180e); --gradient--background-like-subtle: linear-gradient(180deg, #131110, #131110); --gradient--background-match-expiration: linear-gradient(to top right, #fe004d, #e714e1); --gradient--background-nope: linear-gradient(180deg, #fe009b, #fe009b); --gradient--background-nope-inverse: linear-gradient(180deg, #f0f1f4, #f0f1f4); --gradient--background-passions-shared-rec: linear-gradient(to top right, #fe009b, #fe009b); --gradient--background-passions-sparks-shared-overlay: linear-gradient(to top right, #fe009b, #fe009b); --gradient--background-platinum: linear-gradient(180deg, #514b4a, #514b4a); --gradient--background-platinum-inverse: linear-gradient(180deg, #c4c0bf, #c4c0bf); --gradient--background-platinum-shine: linear-gradient(to top right, #c4c0bf, #c4c0bf, #c4c0bf); --gradient--background-platinum-shine-inverse: linear-gradient(to top right, #302c2b, #302c2b, #302c2b); --gradient--background-platinum-subtle: linear-gradient(0deg, #c4c0bf, #c4c0bf); --gradient--background-plus-subtle: linear-gradient(0deg, #600504, #600504); --gradient--background-primary-gradient: linear-gradient(180deg, #cd130a, #cd130a); --gradient--background-primary-linear: linear-gradient(180deg, #131110, #131110); --gradient--background-rec-card-bottom-ai-gradient: linear-gradient(180deg, #ffffff00, #ffffff00, #ffffff00); --gradient--background-rewind: linear-gradient(180deg, #f0f1f4, #f0f1f4); --gradient--background-rewind-inverse: linear-gradient(180deg, #f0f1f4, #f0f1f4); --gradient--background-scripted-onboarding: linear-gradient(180deg, #131110, #131110); --gradient--background-select-subtle: linear-gradient(180deg, #131110, #131110); --gradient--background-sparks-boost: linear-gradient(180deg, #2a1d28, #2a1d28); --gradient--background-sparks-like: linear-gradient(180deg, #ec180e, #ec180e); --gradient--background-sparks-nope: linear-gradient(180deg, #f0f1f4, #f0f1f4); --gradient--background-sparks-rewind: linear-gradient(180deg, #f0f1f4, #f0f1f4); --gradient--background-sparks-super-like: linear-gradient(180deg, #1c212e, #1c212e); --gradient--background-spotify-music-mode: linear-gradient(180deg, #f0eeee, #f0eeee); --gradient--background-super-boost: linear-gradient(180deg, #2a1d28, #2a1d28); --gradient--background-super-boost-inverse: linear-gradient(180deg, #fbdaf6, #fbdaf6); --gradient--background-super-boost-subtle: linear-gradient(180deg, #2a1d28, #2a1d28); --gradient--background-super-like: linear-gradient(180deg, #1c212e, #1c212e); --gradient--background-super-like-inverse: linear-gradient(180deg, #dfe7f6, #dfe7f6); --gradient--background-super-like-subtle: linear-gradient(180deg, #1c212e, #1c212e); --gradient--background-swipesurge: linear-gradient(180deg, #131110, #131110); --gradient--background-teal-subtle: linear-gradient(180deg, #131110, #131110); --gradient--background-vault-gradient: linear-gradient(to bottom right, #fe009b, #fe009b, #fe009b); --gradient--background-vault-subtle: linear-gradient(180deg, #131110, #131110); --gradient--border-brand-gradient: linear-gradient(180deg, #cd130a, #cd130a); --gradient--border-match-expiration: linear-gradient(180deg, #fe009b, #fe009b); --gradient--border-sparks-prompt-selected: linear-gradient(180deg, #fe009b, #fe009b); --gradient--border-vault-gradient: linear-gradient(to bottom right, #fe009b, #fe009b, #fe009b); --gradient--fade-bottom-to-top-primary-bold: linear-gradient(180deg, #13111000, #131110); --gradient--fade-bottom-to-top-primary-subtle: linear-gradient(180deg, #13111000, #13111066); --gradient--fade-bottom-to-top-secondary: linear-gradient(180deg, #00000000, #000000); --gradient--fade-bottom-to-top-tertiary: linear-gradient(180deg, #24202000, #242020); --gradient--fade-primary-bottom-to-top: linear-gradient(180deg, #13111000, #131110); --gradient--fade-primary-top-to-bottom: linear-gradient(180deg, #131110, #13111000); --gradient--fade-top-to-bottom-primary-bold: linear-gradient(180deg, #131110, #13111000); --gradient--fade-top-to-bottom-primary-subtle: linear-gradient(180deg, #13111066, #13111000); --gradient--fade-top-to-bottom-secondary: linear-gradient(180deg, #000000, #00000000); --gradient--fade-top-to-bottom-tertiary: linear-gradient(180deg, #242020, #24202000); --gradient--foreground-progress-active: linear-gradient(90deg, #cd130a, #cd130a); --gradient--icon-boost: linear-gradient(180deg, #2a1d28, #2a1d28); --gradient--icon-brand-gradient: linear-gradient(180deg, #cd130a, #cd130a); --gradient--icon-chat-drawer-vibes-active: linear-gradient(to top right, #fe009b, #fe009b, #fe009b); --gradient--icon-container-banner-default: linear-gradient(to top right, #f5b1eb, #f5b1eb); --gradient--icon-gamepad-primary-boost-default: linear-gradient(to top right, #f5b1eb, #f5b1eb); --gradient--icon-gamepad-primary-like-default: linear-gradient(to top right, #ec180e, #ec180e); --gradient--icon-gamepad-primary-nope-default: linear-gradient(to top right, #f0f1f4, #f0f1f4); --gradient--icon-gamepad-primary-rewind-default: linear-gradient(to top right, #f0f1f4, #f0f1f4); --gradient--icon-gamepad-primary-super-like-default: linear-gradient(to top right, #9db9e6, #9db9e6); --gradient--icon-gamepad-secondary-boost-default: linear-gradient(to top right, #f5b1eb, #f5b1eb); --gradient--icon-gamepad-secondary-like-default: linear-gradient(to top right, #ec180e, #ec180e); --gradient--icon-gamepad-secondary-nope-default: linear-gradient(to top right, #f0f1f4, #f0f1f4); --gradient--icon-gamepad-secondary-rewind-default: linear-gradient(to top right, #f0f1f4, #f0f1f4); --gradient--icon-gamepad-secondary-super-like-default: linear-gradient(to top right, #9db9e6, #9db9e6); --gradient--icon-gamepad-sparks-boost-default: linear-gradient(to top right, #f5b1eb, #f5b1eb); --gradient--icon-gamepad-sparks-like-default: linear-gradient(to top right, #ec180e, #ec180e); --gradient--icon-gamepad-sparks-nope-default: linear-gradient(to top right, #f0f1f4, #f0f1f4); --gradient--icon-gamepad-sparks-rewind-default: linear-gradient(to top right, #f0f1f4, #f0f1f4); --gradient--icon-gamepad-sparks-super-like-default: linear-gradient(to top right, #9db9e6, #9db9e6); --gradient--icon-gold: linear-gradient(180deg, #edba00, #edba00); --gradient--icon-like: linear-gradient(180deg, #ec180e, #ec180e); --gradient--icon-match-expiration: linear-gradient(180deg, #fe009b, #fe009b); --gradient--icon-navigation-primary-active: linear-gradient(90deg, #cd130a, #cd130a); --gradient--icon-nope: linear-gradient(180deg, #f0f1f4, #f0f1f4); --gradient--icon-platinum: linear-gradient(180deg, #c4c0bf, #c4c0bf); --gradient--icon-rewind: linear-gradient(180deg, #f0f1f4, #f0f1f4); --gradient--icon-sparks-boost: linear-gradient(180deg, #2a1d28, #2a1d28); --gradient--icon-sparks-like: linear-gradient(180deg, #ec180e, #ec180e); --gradient--icon-sparks-matchmaker-attribution: linear-gradient(180deg, #fe009b, #fe009b); --gradient--icon-sparks-nope: linear-gradient(180deg, #f0f1f4, #f0f1f4); --gradient--icon-sparks-rewind: linear-gradient(180deg, #f0f1f4, #f0f1f4); --gradient--icon-sparks-super-like: linear-gradient(180deg, #9db9e6, #9db9e6); --gradient--icon-superlike: linear-gradient(180deg, #9db9e6, #9db9e6); --gradient--icon-vault-gradient: linear-gradient(to bottom right, #fe009b, #fe009b, #fe009b); --gradient--overlay-background-primary: linear-gradient(180deg, #13111000, #13111054, #13111096, #131110C4, #131110); --gradient--overlay-background-primary-variant: linear-gradient(90deg, #13111000, #131110); --gradient--overlay-card: linear-gradient(180deg, #ffffff00, #ffffff00); --gradient--overlay-contextual-like: linear-gradient(180deg, #000000f2, #000000bf, #000000); --gradient--overlay-primary-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0), #000000); --gradient--overlay-profile-button-gamepad: linear-gradient(180deg, rgba(16, 17, 19, 0), #000000); --gradient--overlay-profile-sparks-super-like: linear-gradient(180deg, rgba(0, 99, 227, 0), rgba(0, 99, 227, 0.31), rgba(0, 99, 227, 0.7), #0063e3, #0063e3); --gradient--overlay-rec-card-default: linear-gradient(180deg, #00000000, #00000059, #0000008c, #000000bf, #000000); --gradient--overlay-rec-card-highlight: linear-gradient(180deg, #ffffff00, #ffffff93, #ffffffba, #ffffffdd, #ffffff00); --gradient--overlay-rec-card-intent-a: linear-gradient(180deg, #ffffff00, #ffffff99, #ffffffba, #ffffffdd, #ffffff00); --gradient--overlay-rec-card-intent-b: linear-gradient(180deg, #ffffff00, #ffffff99, #ffffffba, #ffffffdd, #ffffff00); --gradient--overlay-rec-card-intent-c: linear-gradient(180deg, #5f8bcd00, #5f8bcd99, #5f8bcdba, #5f8bcddd, #5f8bcd); --gradient--overlay-rec-card-intent-d: linear-gradient(180deg, #ffffff00, #ffffff99, #ffffffba, #ffffffdd, #ffffff00); --gradient--overlay-rec-card-intent-e: linear-gradient(180deg, #ffffff00, #ffffff99, #ffffffba, #ffffffdd, #ffffff00); --gradient--overlay-rec-card-intent-f: linear-gradient(180deg, #ffffff00, #ffffff99, #ffffffba, #ffffffdd, #ffffff00); --gradient--overlay-rec-card-sparks-super-like: linear-gradient(180deg, #303b5900, #303b5940, #303b5980, #303b59BF, #303b59); --gradient--overlay-rec-card-super-like: linear-gradient(180deg, #303b5900, #303b5940, #303b5980, #303b59BF, #303b59); --gradient--overlay-rec-card-vault: linear-gradient(180deg, #ffffff00, #ffffff99, #ffffffcc, #ffffff00, #ffffff00); --gradient--overlay-secondary-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.56)); --gradient--overlay-subtle-card: linear-gradient(180deg, #ffffff00, #ffffff00); --gradient--overlay-tappy-content-bottom: linear-gradient(180deg, #101113, rgba(16, 17, 19, 0.8)); --gradient--overlay-tappy-content-top: linear-gradient(180deg, rgba(16, 17, 19, 0.8), #101113); --gradient--overlay-tappy-high-bottom: linear-gradient(180deg, rgba(16, 17, 19, 0) 0%, rgba(16, 17, 19, 0.5) 25%, rgba(16, 17, 19, 0.7) 50%, #101113 100%); --gradient--overlay-tappy-high-top-light: linear-gradient(180deg, rgba(16, 17, 19, 0.23), rgba(16, 17, 19, 0.32), rgba(16, 17, 19, 0)); --gradient--overlay-tappy-high-top-medium: linear-gradient(180deg, rgba(16, 17, 19, 0.45), rgba(16, 17, 19, 0.45), rgba(16, 17, 19, 0)); --gradient--overlay-tappy-high-top-strong: linear-gradient(180deg, rgba(16, 17, 19, 0.7), rgba(16, 17, 19, 0.7), rgba(16, 17, 19, 0)); --gradient--overlay-tappy-low-bottom: linear-gradient(180deg, rgba(79, 79, 79, 0), rgba(79, 79, 79, 0.75), rgba(79, 79, 79, 0)); --gradient--overlay-tappy-low-top: linear-gradient(180deg, #636363, rgba(99, 99, 99, 0)); --gradient--shimmer-gold: linear-gradient(to top right, #f7d472, #f7d472, #e6af16, #f7d472, #ffe8a5, #f7d472, #e6af16, #f7d472, #f7d472); --gradient--shimmer-platinum: linear-gradient(to top right, #d1d4dd, #d1d4dd, #b4b9c6, #d1d4dd, #e7e9ee, #d1d4dd, #b4b9c6, #d1d4dd, #d1d4dd); --gradient--swipe-overlay-rec-card-sparks-like: linear-gradient(to top right, #ec180e00, #ec180e66); --gradient--swipe-overlay-rec-card-sparks-nope: linear-gradient(to top right, #131110, #131110); --gradient--swipe-overlay-rec-card-sparks-super-like: linear-gradient(to top right, #303b5900, #303b59); --gradient--text-match-expiration: linear-gradient(180deg, #f0f1f4, #f0f1f4); --gradient--text-sparks-matchmaker-attribution: linear-gradient(180deg, #f0f1f4, #f0f1f4); --fill--brand-gradient: url(#svg-fill-linear__rebrand-dark__gradient--brandGradient); --fill--brand-subtle: url(#svg-fill-linear__rebrand-dark__gradient--brandSubtle); --fill--brand-subtle-on-dark: url(#svg-fill-linear__rebrand-dark__gradient--brandSubtleOnDark); --fill--explore-attribution-gradient: url(#svg-fill-linear__rebrand-dark__gradient--exploreAttributionGradient); --fill--festival-mode-gradient: url(#svg-fill-linear__rebrand-dark__gradient--festivalModeGradient); --fill--gamepad-boost: url(#svg-fill-linear__rebrand-dark__gradient--gamepadBoost); --fill--gamepad-boost-on-dark: url(#svg-fill-linear__rebrand-dark__gradient--gamepadBoostOnDark); --fill--gamepad-boost-subtle: url(#svg-fill-linear__rebrand-dark__gradient--gamepadBoostSubtle); --fill--gamepad-boost-subtle-on-dark: url(#svg-fill-linear__rebrand-dark__gradient--gamepadBoostSubtleOnDark); --fill--gamepad-like: url(#svg-fill-linear__rebrand-dark__gradient--gamepadLike); --fill--gamepad-like-on-dark: url(#svg-fill-linear__rebrand-dark__gradient--gamepadLikeOnDark); --fill--gamepad-like-on-light: url(#svg-fill-linear__rebrand-dark__gradient--gamepadLikeOnLight); --fill--gamepad-like-subtle: url(#svg-fill-linear__rebrand-dark__gradient--gamepadLikeSubtle); --fill--gamepad-like-subtle-on-dark: url(#svg-fill-linear__rebrand-dark__gradient--gamepadLikeSubtleOnDark); --fill--gamepad-nope: url(#svg-fill-linear__rebrand-dark__gradient--gamepadNope); --fill--gamepad-nope-on-dark: url(#svg-fill-linear__rebrand-dark__gradient--gamepadNopeOnDark); --fill--gamepad-rewind: url(#svg-fill-linear__rebrand-dark__gradient--gamepadRewind); --fill--gamepad-rewind-on-dark: url(#svg-fill-linear__rebrand-dark__gradient--gamepadRewindOnDark); --fill--gamepad-sparks-boost: url(#svg-fill-linear__rebrand-dark__gradient--gamepadSparksBoost); --fill--gamepad-sparks-like: url(#svg-fill-linear__rebrand-dark__gradient--gamepadSparksLike); --fill--gamepad-sparks-nope: url(#svg-fill-linear__rebrand-dark__gradient--gamepadSparksNope); --fill--gamepad-sparks-rewind: url(#svg-fill-linear__rebrand-dark__gradient--gamepadSparksRewind); --fill--gamepad-sparks-super-like: url(#svg-fill-linear__rebrand-dark__gradient--gamepadSparksSuperLike); --fill--gamepad-super-boost: url(#svg-fill-linear__rebrand-dark__gradient--gamepadSuperBoost); --fill--gamepad-super-boost-on-dark: url(#svg-fill-linear__rebrand-dark__gradient--gamepadSuperBoostOnDark); --fill--gamepad-super-boost-subtle: url(#svg-fill-linear__rebrand-dark__gradient--gamepadSuperBoostSubtle); --fill--gamepad-super-boost-subtle-on-dark: url(#svg-fill-linear__rebrand-dark__gradient--gamepadSuperBoostSubtleOnDark); --fill--gamepad-super-like: url(#svg-fill-linear__rebrand-dark__gradient--gamepadSuperLike); --fill--gamepad-super-like-on-dark: url(#svg-fill-linear__rebrand-dark__gradient--gamepadSuperLikeOnDark); --fill--gamepad-super-like-on-light: url(#svg-fill-linear__rebrand-dark__gradient--gamepadSuperLikeOnLight); --fill--gamepad-super-like-subtle: url(#svg-fill-linear__rebrand-dark__gradient--gamepadSuperLikeSubtle); --fill--gamepad-super-like-subtle-on-dark: url(#svg-fill-linear__rebrand-dark__gradient--gamepadSuperLikeSubtleOnDark); --fill--hot-takes-gradient: url(#svg-fill-linear__rebrand-dark__gradient--hotTakesGradient); --fill--match-expiration-gradient: url(#svg-fill-linear__rebrand-dark__gradient--matchExpirationGradient); --fill--match-expiration-gradient-on-dark: url(#svg-fill-linear__rebrand-dark__gradient--matchExpirationGradientOnDark); --fill--passions-gradient: url(#svg-fill-linear__rebrand-dark__gradient--passionsGradient); --fill--revenue-gold: url(#svg-fill-linear__rebrand-dark__gradient--revenueGold); --fill--revenue-gold-on-dark: url(#svg-fill-linear__rebrand-dark__gradient--revenueGoldOnDark); --fill--revenue-gold-shine: url(#svg-fill-linear__rebrand-dark__gradient--revenueGoldShine); --fill--revenue-gold-shine-animation: url(#svg-fill-linear__rebrand-dark__gradient--revenueGoldShineAnimation); --fill--revenue-gold-shine-animation-on-dark: url(#svg-fill-linear__rebrand-dark__gradient--revenueGoldShineAnimationOnDark); --fill--revenue-gold-shine-on-dark: url(#svg-fill-linear__rebrand-dark__gradient--revenueGoldShineOnDark); --fill--revenue-gold-subtle: url(#svg-fill-linear__rebrand-dark__gradient--revenueGoldSubtle); --fill--revenue-gold-subtle-on-dark: url(#svg-fill-linear__rebrand-dark__gradient--revenueGoldSubtleOnDark); --fill--revenue-platinum: url(#svg-fill-linear__rebrand-dark__gradient--revenuePlatinum); --fill--revenue-platinum-on-dark: url(#svg-fill-linear__rebrand-dark__gradient--revenuePlatinumOnDark); --fill--revenue-platinum-shine: url(#svg-fill-linear__rebrand-dark__gradient--revenuePlatinumShine); --fill--revenue-platinum-shine-animation: url(#svg-fill-linear__rebrand-dark__gradient--revenuePlatinumShineAnimation); --fill--revenue-platinum-shine-animation-on-dark: url(#svg-fill-linear__rebrand-dark__gradient--revenuePlatinumShineAnimationOnDark); --fill--revenue-platinum-shine-on-dark: url(#svg-fill-linear__rebrand-dark__gradient--revenuePlatinumShineOnDark); --fill--revenue-platinum-subtle: url(#svg-fill-linear__rebrand-dark__gradient--revenuePlatinumSubtle); --fill--revenue-platinum-subtle-on-dark: url(#svg-fill-linear__rebrand-dark__gradient--revenuePlatinumSubtleOnDark); --fill--revenue-plus: url(#svg-fill-linear__rebrand-dark__gradient--revenuePlus); --fill--revenue-plus-on-dark: url(#svg-fill-linear__rebrand-dark__gradient--revenuePlusOnDark); --fill--revenue-plus-subtle: url(#svg-fill-linear__rebrand-dark__gradient--revenuePlusSubtle); --fill--revenue-plus-subtle-on-dark: url(#svg-fill-linear__rebrand-dark__gradient--revenuePlusSubtleOnDark); --fill--sparks-background-gradient: url(#svg-fill-linear__rebrand-dark__gradient--sparksBackgroundGradient); --fill--sparks-background-gradient-dark: url(#svg-fill-linear__rebrand-dark__gradient--sparksBackgroundGradientDark); --fill--sparks-matchmaker-attribution: url(#svg-fill-linear__rebrand-dark__gradient--sparksMatchmakerAttribution); --fill--spotify-music-mode-gradient: url(#svg-fill-linear__rebrand-dark__gradient--spotifyMusicModeGradient); --fill--vault-gradient: url(#svg-fill-linear__rebrand-dark__gradient--vaultGradient); --fill--vault-subtle-on-dark: url(#svg-fill-linear__rebrand-dark__gradient--vaultSubtleOnDark); --fill--vault-subtle-on-light: url(#svg-fill-linear__rebrand-dark__gradient--vaultSubtleOnLight); --fill--vibes-gradient: url(#svg-fill-linear__rebrand-dark__gradient--vibesGradient); --fill--accent-boost-gradient: url(#svg-fill-linear__rebrand-dark__gradient--accentBoostGradient); --fill--accent-brand-gradient: url(#svg-fill-linear__rebrand-dark__gradient--accentBrandGradient); --fill--accent-explore-gradient: url(#svg-fill-linear__rebrand-dark__gradient--accentExploreGradient); --fill--accent-festival-mode-gradient: url(#svg-fill-linear__rebrand-dark__gradient--accentFestivalModeGradient); --fill--accent-gold-gradient: url(#svg-fill-linear__rebrand-dark__gradient--accentGoldGradient); --fill--accent-gold-shine-gradient: url(#svg-fill-linear__rebrand-dark__gradient--accentGoldShineGradient); --fill--accent-hot-takes-gradient: url(#svg-fill-linear__rebrand-dark__gradient--accentHotTakesGradient); --fill--accent-like-gradient: url(#svg-fill-linear__rebrand-dark__gradient--accentLikeGradient); --fill--accent-match-expiration-gradient: url(#svg-fill-linear__rebrand-dark__gradient--accentMatchExpirationGradient); --fill--accent-matchmaker-gradient: url(#svg-fill-linear__rebrand-dark__gradient--accentMatchmakerGradient); --fill--accent-nope-gradient: url(#svg-fill-linear__rebrand-dark__gradient--accentNopeGradient); --fill--accent-passions-gradient: url(#svg-fill-linear__rebrand-dark__gradient--accentPassionsGradient); --fill--accent-platinum-gradient: url(#svg-fill-linear__rebrand-dark__gradient--accentPlatinumGradient); --fill--accent-platinum-gradient-inverse: url(#svg-fill-linear__rebrand-dark__gradient--accentPlatinumGradientInverse); --fill--accent-platinum-shine-gradient: url(#svg-fill-linear__rebrand-dark__gradient--accentPlatinumShineGradient); --fill--accent-platinum-shine-gradient-inverse: url(#svg-fill-linear__rebrand-dark__gradient--accentPlatinumShineGradientInverse); --fill--accent-primary-gradient: url(#svg-fill-linear__rebrand-dark__gradient--accentPrimaryGradient); --fill--accent-rewind-gradient: url(#svg-fill-linear__rebrand-dark__gradient--accentRewindGradient); --fill--accent-select-gradient: url(#svg-fill-linear__rebrand-dark__gradient--accentSelectGradient); --fill--accent-sparks-boost-gradient: url(#svg-fill-linear__rebrand-dark__gradient--accentSparksBoostGradient); --fill--accent-sparks-like-gradient: url(#svg-fill-linear__rebrand-dark__gradient--accentSparksLikeGradient); --fill--accent-sparks-nope-gradient: url(#svg-fill-linear__rebrand-dark__gradient--accentSparksNopeGradient); --fill--accent-sparks-rewind-gradient: url(#svg-fill-linear__rebrand-dark__gradient--accentSparksRewindGradient); --fill--accent-sparks-super-like-gradient: url(#svg-fill-linear__rebrand-dark__gradient--accentSparksSuperLikeGradient); --fill--accent-spotify-music-mode-gradient: url(#svg-fill-linear__rebrand-dark__gradient--accentSpotifyMusicModeGradient); --fill--accent-super-boost-gradient: url(#svg-fill-linear__rebrand-dark__gradient--accentSuperBoostGradient); --fill--accent-super-like-gradient: url(#svg-fill-linear__rebrand-dark__gradient--accentSuperLikeGradient); --fill--accent-vibes-gradient: url(#svg-fill-linear__rebrand-dark__gradient--accentVibesGradient); --fill--background-background-primary: url(#svg-fill-linear__rebrand-dark__gradient--backgroundBackgroundPrimary); --fill--background-background-primary-variant: url(#svg-fill-linear__rebrand-dark__gradient--backgroundBackgroundPrimaryVariant); --fill--background-boost: url(#svg-fill-linear__rebrand-dark__gradient--backgroundBoost); --fill--background-boost-inverse: url(#svg-fill-linear__rebrand-dark__gradient--backgroundBoostInverse); --fill--background-boost-subtle: url(#svg-fill-linear__rebrand-dark__gradient--backgroundBoostSubtle); --fill--background-brand-gradient: url(#svg-fill-linear__rebrand-dark__gradient--backgroundBrandGradient); --fill--background-brand-subtle: url(#svg-fill-linear__rebrand-dark__gradient--backgroundBrandSubtle); --fill--background-card-sparks-highlight-common-1: url(#svg-fill-linear__rebrand-dark__gradient--backgroundCardSparksHighlightCommon1); --fill--background-card-sparks-highlight-common-2: url(#svg-fill-linear__rebrand-dark__gradient--backgroundCardSparksHighlightCommon2); --fill--background-card-sparks-highlight-common-3: url(#svg-fill-linear__rebrand-dark__gradient--backgroundCardSparksHighlightCommon3); --fill--background-card-sparks-highlight-uncommon-1: url(#svg-fill-linear__rebrand-dark__gradient--backgroundCardSparksHighlightUncommon1); --fill--background-card-sparks-highlight-uncommon-2: url(#svg-fill-linear__rebrand-dark__gradient--backgroundCardSparksHighlightUncommon2); --fill--background-card-sparks-highlight-uncommon-3: url(#svg-fill-linear__rebrand-dark__gradient--backgroundCardSparksHighlightUncommon3); --fill--background-card-sparks-icebreaker: url(#svg-fill-linear__rebrand-dark__gradient--backgroundCardSparksIcebreaker); --fill--background-card-sparks-prompt: url(#svg-fill-linear__rebrand-dark__gradient--backgroundCardSparksPrompt); --fill--background-card-sparks-quiz: url(#svg-fill-linear__rebrand-dark__gradient--backgroundCardSparksQuiz); --fill--background-explore-attribution: url(#svg-fill-linear__rebrand-dark__gradient--backgroundExploreAttribution); --fill--background-festival-mode: url(#svg-fill-linear__rebrand-dark__gradient--backgroundFestivalMode); --fill--background-gamepad-boost-pressed: url(#svg-fill-linear__rebrand-dark__gradient--backgroundGamepadBoostPressed); --fill--background-gamepad-like-pressed: url(#svg-fill-linear__rebrand-dark__gradient--backgroundGamepadLikePressed); --fill--background-gamepad-nope-pressed: url(#svg-fill-linear__rebrand-dark__gradient--backgroundGamepadNopePressed); --fill--background-gamepad-rewind-pressed: url(#svg-fill-linear__rebrand-dark__gradient--backgroundGamepadRewindPressed); --fill--background-gamepad-sparks-boost-pressed: url(#svg-fill-linear__rebrand-dark__gradient--backgroundGamepadSparksBoostPressed); --fill--background-gamepad-sparks-like-pressed: url(#svg-fill-linear__rebrand-dark__gradient--backgroundGamepadSparksLikePressed); --fill--background-gamepad-sparks-nope-pressed: url(#svg-fill-linear__rebrand-dark__gradient--backgroundGamepadSparksNopePressed); --fill--background-gamepad-sparks-rewind-pressed: url(#svg-fill-linear__rebrand-dark__gradient--backgroundGamepadSparksRewindPressed); --fill--background-gamepad-sparks-super-like-pressed: url(#svg-fill-linear__rebrand-dark__gradient--backgroundGamepadSparksSuperLikePressed); --fill--background-gamepad-super-like-pressed: url(#svg-fill-linear__rebrand-dark__gradient--backgroundGamepadSuperLikePressed); --fill--background-gold: url(#svg-fill-linear__rebrand-dark__gradient--backgroundGold); --fill--background-gold-inverse: url(#svg-fill-linear__rebrand-dark__gradient--backgroundGoldInverse); --fill--background-gold-shine: url(#svg-fill-linear__rebrand-dark__gradient--backgroundGoldShine); --fill--background-gold-shine-inverse: url(#svg-fill-linear__rebrand-dark__gradient--backgroundGoldShineInverse); --fill--background-gold-subtle: url(#svg-fill-linear__rebrand-dark__gradient--backgroundGoldSubtle); --fill--background-hot-takes: url(#svg-fill-linear__rebrand-dark__gradient--backgroundHotTakes); --fill--background-like: url(#svg-fill-linear__rebrand-dark__gradient--backgroundLike); --fill--background-like-inverse: url(#svg-fill-linear__rebrand-dark__gradient--backgroundLikeInverse); --fill--background-like-subtle: url(#svg-fill-linear__rebrand-dark__gradient--backgroundLikeSubtle); --fill--background-match-expiration: url(#svg-fill-linear__rebrand-dark__gradient--backgroundMatchExpiration); --fill--background-nope: url(#svg-fill-linear__rebrand-dark__gradient--backgroundNope); --fill--background-nope-inverse: url(#svg-fill-linear__rebrand-dark__gradient--backgroundNopeInverse); --fill--background-passions-shared-rec: url(#svg-fill-linear__rebrand-dark__gradient--backgroundPassionsSharedRec); --fill--background-passions-sparks-shared-overlay: url(#svg-fill-linear__rebrand-dark__gradient--backgroundPassionsSparksSharedOverlay); --fill--background-platinum: url(#svg-fill-linear__rebrand-dark__gradient--backgroundPlatinum); --fill--background-platinum-inverse: url(#svg-fill-linear__rebrand-dark__gradient--backgroundPlatinumInverse); --fill--background-platinum-shine: url(#svg-fill-linear__rebrand-dark__gradient--backgroundPlatinumShine); --fill--background-platinum-shine-inverse: url(#svg-fill-linear__rebrand-dark__gradient--backgroundPlatinumShineInverse); --fill--background-platinum-subtle: url(#svg-fill-linear__rebrand-dark__gradient--backgroundPlatinumSubtle); --fill--background-plus-subtle: url(#svg-fill-linear__rebrand-dark__gradient--backgroundPlusSubtle); --fill--background-primary-gradient: url(#svg-fill-linear__rebrand-dark__gradient--backgroundPrimaryGradient); --fill--background-primary-linear: url(#svg-fill-linear__rebrand-dark__gradient--backgroundPrimaryLinear); --fill--background-rec-card-bottom-ai-gradient: url(#svg-fill-linear__rebrand-dark__gradient--backgroundRecCardBottomAiGradient); --fill--background-rewind: url(#svg-fill-linear__rebrand-dark__gradient--backgroundRewind); --fill--background-rewind-inverse: url(#svg-fill-linear__rebrand-dark__gradient--backgroundRewindInverse); --fill--background-scripted-onboarding: url(#svg-fill-linear__rebrand-dark__gradient--backgroundScriptedOnboarding); --fill--background-select-subtle: url(#svg-fill-linear__rebrand-dark__gradient--backgroundSelectSubtle); --fill--background-sparks-boost: url(#svg-fill-linear__rebrand-dark__gradient--backgroundSparksBoost); --fill--background-sparks-like: url(#svg-fill-linear__rebrand-dark__gradient--backgroundSparksLike); --fill--background-sparks-nope: url(#svg-fill-linear__rebrand-dark__gradient--backgroundSparksNope); --fill--background-sparks-rewind: url(#svg-fill-linear__rebrand-dark__gradient--backgroundSparksRewind); --fill--background-sparks-super-like: url(#svg-fill-linear__rebrand-dark__gradient--backgroundSparksSuperLike); --fill--background-spotify-music-mode: url(#svg-fill-linear__rebrand-dark__gradient--backgroundSpotifyMusicMode); --fill--background-super-boost: url(#svg-fill-linear__rebrand-dark__gradient--backgroundSuperBoost); --fill--background-super-boost-inverse: url(#svg-fill-linear__rebrand-dark__gradient--backgroundSuperBoostInverse); --fill--background-super-boost-subtle: url(#svg-fill-linear__rebrand-dark__gradient--backgroundSuperBoostSubtle); --fill--background-super-like: url(#svg-fill-linear__rebrand-dark__gradient--backgroundSuperLike); --fill--background-super-like-inverse: url(#svg-fill-linear__rebrand-dark__gradient--backgroundSuperLikeInverse); --fill--background-super-like-subtle: url(#svg-fill-linear__rebrand-dark__gradient--backgroundSuperLikeSubtle); --fill--background-swipesurge: url(#svg-fill-linear__rebrand-dark__gradient--backgroundSwipesurge); --fill--background-teal-subtle: url(#svg-fill-linear__rebrand-dark__gradient--backgroundTealSubtle); --fill--background-vault-gradient: url(#svg-fill-linear__rebrand-dark__gradient--backgroundVaultGradient); --fill--background-vault-subtle: url(#svg-fill-linear__rebrand-dark__gradient--backgroundVaultSubtle); --fill--border-brand-gradient: url(#svg-fill-linear__rebrand-dark__gradient--borderBrandGradient); --fill--border-match-expiration: url(#svg-fill-linear__rebrand-dark__gradient--borderMatchExpiration); --fill--border-sparks-prompt-selected: url(#svg-fill-linear__rebrand-dark__gradient--borderSparksPromptSelected); --fill--border-vault-gradient: url(#svg-fill-linear__rebrand-dark__gradient--borderVaultGradient); --fill--fade-bottom-to-top-primary-bold: url(#svg-fill-linear__rebrand-dark__gradient--fadeBottomToTopPrimaryBold); --fill--fade-bottom-to-top-primary-subtle: url(#svg-fill-linear__rebrand-dark__gradient--fadeBottomToTopPrimarySubtle); --fill--fade-bottom-to-top-secondary: url(#svg-fill-linear__rebrand-dark__gradient--fadeBottomToTopSecondary); --fill--fade-bottom-to-top-tertiary: url(#svg-fill-linear__rebrand-dark__gradient--fadeBottomToTopTertiary); --fill--fade-primary-bottom-to-top: url(#svg-fill-linear__rebrand-dark__gradient--fadePrimaryBottomToTop); --fill--fade-primary-top-to-bottom: url(#svg-fill-linear__rebrand-dark__gradient--fadePrimaryTopToBottom); --fill--fade-top-to-bottom-primary-bold: url(#svg-fill-linear__rebrand-dark__gradient--fadeTopToBottomPrimaryBold); --fill--fade-top-to-bottom-primary-subtle: url(#svg-fill-linear__rebrand-dark__gradient--fadeTopToBottomPrimarySubtle); --fill--fade-top-to-bottom-secondary: url(#svg-fill-linear__rebrand-dark__gradient--fadeTopToBottomSecondary); --fill--fade-top-to-bottom-tertiary: url(#svg-fill-linear__rebrand-dark__gradient--fadeTopToBottomTertiary); --fill--foreground-progress-active: url(#svg-fill-linear__rebrand-dark__gradient--foregroundProgressActive); --fill--icon-boost: url(#svg-fill-linear__rebrand-dark__gradient--iconBoost); --fill--icon-brand-gradient: url(#svg-fill-linear__rebrand-dark__gradient--iconBrandGradient); --fill--icon-chat-drawer-vibes-active: url(#svg-fill-linear__rebrand-dark__gradient--iconChatDrawerVibesActive); --fill--icon-container-banner-default: url(#svg-fill-linear__rebrand-dark__gradient--iconContainerBannerDefault); --fill--icon-gamepad-primary-boost-default: url(#svg-fill-linear__rebrand-dark__gradient--iconGamepadPrimaryBoostDefault); --fill--icon-gamepad-primary-like-default: url(#svg-fill-linear__rebrand-dark__gradient--iconGamepadPrimaryLikeDefault); --fill--icon-gamepad-primary-nope-default: url(#svg-fill-linear__rebrand-dark__gradient--iconGamepadPrimaryNopeDefault); --fill--icon-gamepad-primary-rewind-default: url(#svg-fill-linear__rebrand-dark__gradient--iconGamepadPrimaryRewindDefault); --fill--icon-gamepad-primary-super-like-default: url(#svg-fill-linear__rebrand-dark__gradient--iconGamepadPrimarySuperLikeDefault); --fill--icon-gamepad-secondary-boost-default: url(#svg-fill-linear__rebrand-dark__gradient--iconGamepadSecondaryBoostDefault); --fill--icon-gamepad-secondary-like-default: url(#svg-fill-linear__rebrand-dark__gradient--iconGamepadSecondaryLikeDefault); --fill--icon-gamepad-secondary-nope-default: url(#svg-fill-linear__rebrand-dark__gradient--iconGamepadSecondaryNopeDefault); --fill--icon-gamepad-secondary-rewind-default: url(#svg-fill-linear__rebrand-dark__gradient--iconGamepadSecondaryRewindDefault); --fill--icon-gamepad-secondary-super-like-default: url(#svg-fill-linear__rebrand-dark__gradient--iconGamepadSecondarySuperLikeDefault); --fill--icon-gamepad-sparks-boost-default: url(#svg-fill-linear__rebrand-dark__gradient--iconGamepadSparksBoostDefault); --fill--icon-gamepad-sparks-like-default: url(#svg-fill-linear__rebrand-dark__gradient--iconGamepadSparksLikeDefault); --fill--icon-gamepad-sparks-nope-default: url(#svg-fill-linear__rebrand-dark__gradient--iconGamepadSparksNopeDefault); --fill--icon-gamepad-sparks-rewind-default: url(#svg-fill-linear__rebrand-dark__gradient--iconGamepadSparksRewindDefault); --fill--icon-gamepad-sparks-super-like-default: url(#svg-fill-linear__rebrand-dark__gradient--iconGamepadSparksSuperLikeDefault); --fill--icon-gold: url(#svg-fill-linear__rebrand-dark__gradient--iconGold); --fill--icon-like: url(#svg-fill-linear__rebrand-dark__gradient--iconLike); --fill--icon-match-expiration: url(#svg-fill-linear__rebrand-dark__gradient--iconMatchExpiration); --fill--icon-navigation-primary-active: url(#svg-fill-linear__rebrand-dark__gradient--iconNavigationPrimaryActive); --fill--icon-nope: url(#svg-fill-linear__rebrand-dark__gradient--iconNope); --fill--icon-platinum: url(#svg-fill-linear__rebrand-dark__gradient--iconPlatinum); --fill--icon-rewind: url(#svg-fill-linear__rebrand-dark__gradient--iconRewind); --fill--icon-sparks-boost: url(#svg-fill-linear__rebrand-dark__gradient--iconSparksBoost); --fill--icon-sparks-like: url(#svg-fill-linear__rebrand-dark__gradient--iconSparksLike); --fill--icon-sparks-matchmaker-attribution: url(#svg-fill-linear__rebrand-dark__gradient--iconSparksMatchmakerAttribution); --fill--icon-sparks-nope: url(#svg-fill-linear__rebrand-dark__gradient--iconSparksNope); --fill--icon-sparks-rewind: url(#svg-fill-linear__rebrand-dark__gradient--iconSparksRewind); --fill--icon-sparks-super-like: url(#svg-fill-linear__rebrand-dark__gradient--iconSparksSuperLike); --fill--icon-superlike: url(#svg-fill-linear__rebrand-dark__gradient--iconSuperlike); --fill--icon-vault-gradient: url(#svg-fill-linear__rebrand-dark__gradient--iconVaultGradient); --fill--overlay-background-primary: url(#svg-fill-linear__rebrand-dark__gradient--overlayBackgroundPrimary); --fill--overlay-background-primary-variant: url(#svg-fill-linear__rebrand-dark__gradient--overlayBackgroundPrimaryVariant); --fill--overlay-card: url(#svg-fill-linear__rebrand-dark__gradient--overlayCard); --fill--overlay-contextual-like: url(#svg-fill-linear__rebrand-dark__gradient--overlayContextualLike); --fill--overlay-primary-gradient: url(#svg-fill-linear__rebrand-dark__gradient--overlayPrimaryGradient); --fill--overlay-profile-button-gamepad: url(#svg-fill-linear__rebrand-dark__gradient--overlayProfileButtonGamepad); --fill--overlay-profile-sparks-super-like: url(#svg-fill-linear__rebrand-dark__gradient--overlayProfileSparksSuperLike); --fill--overlay-rec-card-default: url(#svg-fill-linear__rebrand-dark__gradient--overlayRecCardDefault); --fill--overlay-rec-card-highlight: url(#svg-fill-linear__rebrand-dark__gradient--overlayRecCardHighlight); --fill--overlay-rec-card-intent-a: url(#svg-fill-linear__rebrand-dark__gradient--overlayRecCardIntentA); --fill--overlay-rec-card-intent-b: url(#svg-fill-linear__rebrand-dark__gradient--overlayRecCardIntentB); --fill--overlay-rec-card-intent-c: url(#svg-fill-linear__rebrand-dark__gradient--overlayRecCardIntentC); --fill--overlay-rec-card-intent-d: url(#svg-fill-linear__rebrand-dark__gradient--overlayRecCardIntentD); --fill--overlay-rec-card-intent-e: url(#svg-fill-linear__rebrand-dark__gradient--overlayRecCardIntentE); --fill--overlay-rec-card-intent-f: url(#svg-fill-linear__rebrand-dark__gradient--overlayRecCardIntentF); --fill--overlay-rec-card-sparks-super-like: url(#svg-fill-linear__rebrand-dark__gradient--overlayRecCardSparksSuperLike); --fill--overlay-rec-card-super-like: url(#svg-fill-linear__rebrand-dark__gradient--overlayRecCardSuperLike); --fill--overlay-rec-card-vault: url(#svg-fill-linear__rebrand-dark__gradient--overlayRecCardVault); --fill--overlay-secondary-gradient: url(#svg-fill-linear__rebrand-dark__gradient--overlaySecondaryGradient); --fill--overlay-subtle-card: url(#svg-fill-linear__rebrand-dark__gradient--overlaySubtleCard); --fill--overlay-tappy-content-bottom: url(#svg-fill-linear__rebrand-dark__gradient--overlayTappyContentBottom); --fill--overlay-tappy-content-top: url(#svg-fill-linear__rebrand-dark__gradient--overlayTappyContentTop); --fill--overlay-tappy-high-bottom: url(#svg-fill-linear__rebrand-dark__gradient--overlayTappyHighBottom); --fill--overlay-tappy-high-top-light: url(#svg-fill-linear__rebrand-dark__gradient--overlayTappyHighTopLight); --fill--overlay-tappy-high-top-medium: url(#svg-fill-linear__rebrand-dark__gradient--overlayTappyHighTopMedium); --fill--overlay-tappy-high-top-strong: url(#svg-fill-linear__rebrand-dark__gradient--overlayTappyHighTopStrong); --fill--overlay-tappy-low-bottom: url(#svg-fill-linear__rebrand-dark__gradient--overlayTappyLowBottom); --fill--overlay-tappy-low-top: url(#svg-fill-linear__rebrand-dark__gradient--overlayTappyLowTop); --fill--shimmer-gold: url(#svg-fill-linear__rebrand-dark__gradient--shimmerGold); --fill--shimmer-platinum: url(#svg-fill-linear__rebrand-dark__gradient--shimmerPlatinum); --fill--swipe-overlay-rec-card-sparks-like: url(#svg-fill-linear__rebrand-dark__gradient--swipeOverlayRecCardSparksLike); --fill--swipe-overlay-rec-card-sparks-nope: url(#svg-fill-linear__rebrand-dark__gradient--swipeOverlayRecCardSparksNope); --fill--swipe-overlay-rec-card-sparks-super-like: url(#svg-fill-linear__rebrand-dark__gradient--swipeOverlayRecCardSparksSuperLike); --fill--text-match-expiration: url(#svg-fill-linear__rebrand-dark__gradient--textMatchExpiration); --fill--text-sparks-matchmaker-attribution: url(#svg-fill-linear__rebrand-dark__gradient--textSparksMatchmakerAttribution); --font-family--body-1-link: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--body-1-regular: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--body-1-sparks-semibold: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--body-1-strong: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--body-2-link: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--body-2-regular: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--body-2-sparks-semibold: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--body-2-strong: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--body-3-link: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--body-3-regular: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--body-3-strong: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--button-1: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--button-2: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--caption-1-link: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--caption-1-regular: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--caption-1-strong: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--caption-2-regular: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--caption-2-strong: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--display-1-regular: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--display-1-strong: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--display-2-regular: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--display-2-sparks-regular: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--display-2-sparks-strong: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--display-2-strong: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--display-3-regular: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--display-3-strong: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--heading-1: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--subheading-1: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; --font-family--subheading-2: 'Regola', 'Helvetica Neue', Arial, Helvetica, sans-serif; }
:root { --side-nav-bar-height: 79px; --top-nav-bar-height: 48px; --nav-bar-height: 48px; --recs-card-height: 667px; --recs-card-width: 375px; --recs-gamepad-height: 83px; }
@media only screen and (min-width: 1025px) {
  :root { --side-nav-bar-height: 87px; }
}
@media only screen and (max-height: 768px) and (min-width: 1025px) {
  :root { --recs-card-height: 600px; --recs-card-width: 360px; }
}
@media only screen and (min-width: 896px) {
  :root { --recs-gamepad-height: 101px; }
}
.notificationManager { left: var(--safe-area-inset-left,0); right: var(--safe-area-inset-right,0); top: var(--safe-area-inset-top,0); }
@media only screen and (min-width: 896px) {
  .inAppNotification { width: 320px; }
}
.inAppNotification .avatar { box-shadow: rgba(109, 109, 109, 0.56) 0px 1px 5px 0px; }
.notification { animation-name: slideInDown; box-shadow: rgba(130, 130, 130, 0.32) 0px 2px 15px 0px; }
@media only screen and (min-width: 896px) {
  .notification { animation-name: slideInSide; }
}
@keyframes slideInSide { 
  0% { transform: translate3d(320px, 0px, 0px); }
  100% { transform: translateZ(0px); }
}
@keyframes confettiMovement { 
  0% { top: 0px; }
  80% { transform: translateY(400px); }
  100% { transform: translateY(600px); }
}
.animn-confetti { animation-name: confettiMovement; }