/*
customize based on tailwind@3.4.3
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
:where(.tw-only),
:where(.tw-only) *,
:where(.tw-only) ::before,
:where(.tw-only)::before,
:where(.tw-only) ::after,
:where(.tw-only)::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}
:where(.tw-only) ::before,
:where(.tw-only) ::after,
:where(.tw-only)::before,
:where(.tw-only)::after {
  --tw-content: '';
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
:where(.tw-only) hr,
hr:where(.tw-only) {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
:where(.tw-only) abbr:where([title]),
abbr:where([title]):where(.tw-only) {
  text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
:where(.tw-only) h1,
:where(.tw-only) h2,
:where(.tw-only) h3,
:where(.tw-only) h4,
:where(.tw-only) h5,
:where(.tw-only) h6,
h1:where(.tw-only),
h2:where(.tw-only),
h3:where(.tw-only),
h4:where(.tw-only),
h5:where(.tw-only),
h6:where(.tw-only) {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
:where(.tw-only) a,
a:where(.tw-only) {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
:where(.tw-only) b,
:where(.tw-only) strong,
b:where(.tw-only),
strong:where(.tw-only) {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
:where(.tw-only) code,
:where(.tw-only) kbd,
:where(.tw-only) samp,
:where(.tw-only) pre,
code:where(.tw-only),
kbd:where(.tw-only),
samp:where(.tw-only),
pre:where(.tw-only) {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
:where(.tw-only) small,
small:where(.tw-only) {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
:where(.tw-only) sub,
:where(.tw-only) sup,
sub:where(.tw-only),
sup:where(.tw-only) {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
:where(.tw-only) sub,
sub:where(.tw-only) {
  bottom: -0.25em;
}
:where(.tw-only) sup,
sup:where(.tw-only) {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
:where(.tw-only) table,
table:where(.tw-only) {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
:where(.tw-only) button,
:where(.tw-only) input,
:where(.tw-only) optgroup,
:where(.tw-only) select,
:where(.tw-only) textarea,
button:where(.tw-only),
input:where(.tw-only),
optgroup:where(.tw-only),
select:where(.tw-only),
textarea:where(.tw-only) {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
:where(.tw-only) button,
:where(.tw-only) select,
button:where(.tw-only),
select:where(.tw-only) {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
:where(.tw-only) button,
:where(.tw-only) input:where([type='button']),
:where(.tw-only) input:where([type='reset']),
:where(.tw-only) input:where([type='submit']),
button:where(.tw-only),
input:where(.tw-only):where([type='button']),
input:where(.tw-only):where([type='reset']),
input:where(.tw-only):where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:where(.tw-only) :-moz-focusring,
:where(.tw-only):-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:where(.tw-only) :-moz-ui-invalid,
:where(.tw-only):-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
:where(.tw-only) progress,
progress:where(.tw-only) {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
:where(.tw-only) ::-webkit-inner-spin-button,
:where(.tw-only)::-webkit-inner-spin-button,
:where(.tw-only) ::-webkit-outer-spin-button,
:where(.tw-only)::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
:where(.tw-only) [type='search'],
:where(.tw-only)[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
:where(.tw-only) ::-webkit-search-decoration,
:where(.tw-only)::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
:where(.tw-only) ::-webkit-file-upload-button,
:where(.tw-only)::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
:where(.tw-only) summary,
summary:where(.tw-only) {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
:where(.tw-only) blockquote,
:where(.tw-only) dl,
:where(.tw-only) dd,
:where(.tw-only) h1,
:where(.tw-only) h2,
:where(.tw-only) h3,
:where(.tw-only) h4,
:where(.tw-only) h5,
:where(.tw-only) h6,
:where(.tw-only) hr,
:where(.tw-only) figure,
:where(.tw-only) p,
:where(.tw-only) pre,
blockquote:where(.tw-only),
dl:where(.tw-only),
dd:where(.tw-only),
h1:where(.tw-only),
h2:where(.tw-only),
h3:where(.tw-only),
h4:where(.tw-only),
h5:where(.tw-only),
h6:where(.tw-only),
hr:where(.tw-only),
figure:where(.tw-only),
p:where(.tw-only),
pre:where(.tw-only) {
  margin: 0;
}
:where(.tw-only) fieldset,
fieldset:where(.tw-only) {
  margin: 0;
  padding: 0;
}
:where(.tw-only) legend,
legend:where(.tw-only) {
  padding: 0;
}
:where(.tw-only) ol,
:where(.tw-only) ul,
:where(.tw-only) menu,
ol:where(.tw-only),
ul:where(.tw-only),
menu:where(.tw-only) {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
:where(.tw-only) dialog,
dialog:where(.tw-only) {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
:where(.tw-only) textarea,
textarea:where(.tw-only) {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
:where(.tw-only) input::placeholder,
:where(.tw-only) textarea::placeholder,
input:where(.tw-only)::placeholder,
textarea:where(.tw-only)::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
:where(.tw-only) button,
:where(.tw-only) [role='button'],
button:where(.tw-only),
:where(.tw-only)[role='button'] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:where(.tw-only) :disabled,
:where(.tw-only):disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
:where(.tw-only) img,
:where(.tw-only) svg,
:where(.tw-only) video,
:where(.tw-only) canvas,
:where(.tw-only) audio,
:where(.tw-only) iframe,
:where(.tw-only) embed,
:where(.tw-only) object,
img:where(.tw-only),
svg:where(.tw-only),
video:where(.tw-only),
canvas:where(.tw-only),
audio:where(.tw-only),
iframe:where(.tw-only),
embed:where(.tw-only),
object:where(.tw-only) {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
:where(.tw-only) img,
:where(.tw-only) video,
img:where(.tw-only),
video:where(.tw-only) {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
:where(.tw-only) [hidden],
:where(.tw-only)[hidden] {
  display: none;
}
.transform {
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
}
.blur, .drop-shadow, .grayscale, .filter {
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
}
:root {
  --assist-color-active-green: #1dd765;
  --assist-color-active-green-text: #00a545;
  --assist-color-ai-blue: #00b5ee;
  --assist-color-azure: #2b5db9;
  --assist-color-blue: #4b5dc2;
  --assist-color-brown: #9b6016;
  --assist-color-celulean: #408d9f;
  --assist-color-green: #3b824a;
  --assist-color-orange: #fc9c0c;
  --assist-color-purple: #5e39d0;
  --assist-color-red: #e54a82;
  --assist-color-resso: #ff005c;
  --assist-color-yellow: #face15;
  --assist-ui-shape-blue: rgba(0, 162, 201, 0.12);
  --assist-ui-text-blue: #004d58;
  --bg-base: #f5f5f5;
  --bg-brand: rgba(254, 44, 85, 0.06);
  --bg-const-overlay-dark-gray-3-4: rgba(37, 37, 37, 0.34);
  --bg-creation: #121212;
  --bg-creation-2: #1b1b1b;
  --bg-creation-3: #f8f8f8;
  --bg-creation-5: rgba(0, 0, 0, 0.15);
  --bg-hover: rgba(22, 24, 35, 0.1);
  --bg-input: rgba(22, 24, 35, 0.06);
  --bg-input-2: rgba(22, 24, 35, 0.06);
  --bg-inverse-3: rgba(37, 37, 37, 0.6);
  --bg-levitation: #fff;
  --bg-placeholder-default: rgba(22, 24, 35, 0.06);
  --bg-placeholder-opaque: #f1f1f1;
  --bg-primary: #fff;
  --bg-primary-2: #fff;
  --bg-quaternary: #fff;
  --bg-quinary: #fff;
  --bg-reverse: #fff;
  --bg-reverse-2: rgba(255, 255, 255, 0.9);
  --bg-secondary: #fff;
  --bg-secondary-2: #fff;
  --bg-tertiary: #fff;
  --bg-tertiary-2: #fff;
  --bg-view: rgba(22, 24, 35, 0.03);
  --bg-view-2: rgba(22, 24, 35, 0.03);
  --const-bg-brand: rgba(254, 44, 85, 0.5);
  --const-bg-container: rgba(255, 255, 255, 0.12);
  --const-bg-container-2: rgba(255, 255, 255, 0.08);
  --const-bg-container-3: rgba(255, 255, 255, 0.04);
  --const-bg-inverse: #000;
  --const-bg-inverse-1: rgba(56, 56, 56, 0.95);
  --const-bg-inverse-2: rgba(0, 0, 0, 0.6);
  --const-bg-inverse-3: rgba(37, 37, 37, 0.6);
  --const-bg-inverse-4: rgba(84, 84, 84, 0.5);
  --const-bg-inverse-5: rgba(0, 0, 0, 0.2);
  --const-bg-inverse-opaque: #2e2e2e;
  --const-bg-mat: rgba(255, 255, 255, 0.34);
  --const-bg-mat-2: rgba(255, 255, 255, 0.2);
  --const-bg-overlay-dark-gray-3-4: rgba(37, 37, 37, 0.34);
  --const-bg-placeholder-opaque: #f1f1f1;
  --const-bg-secondary: rgba(32, 213, 236, 0.05);
  --const-interact-state-pressed-mask-light-inverse: rgba(22, 24, 35, 0.1);
  --const-interact-state-pressed-mask-strong-inverse: rgba(22, 24, 35, 0.3);
  --const-line-inverse: rgba(255, 255, 255, 0.2);
  --const-line-inverse-2: rgba(255, 255, 255, 0.12);
  --const-sd-secondary: rgba(0, 0, 0, 0.5);
  --const-text-inverse: #fff;
  --const-text-inverse-2: rgba(255, 255, 255, 0.9);
  --const-text-inverse-3: rgba(255, 255, 255, 0.75);
  --const-text-inverse-4: rgba(255, 255, 255, 0.5);
  --const-text-inverse-5: rgba(255, 255, 255, 0.34);
  --const-text-primary: #161823;
  --interact-state-pressed-mask-light: rgba(22, 24, 35, 0.1);
  --line-darker: rgba(22, 24, 35, 0.03);
  --line-input: rgba(22, 24, 35, 0.5);
  --line-inverse: rgba(22, 24, 35, 0.2);
  --line-primary: rgba(22, 24, 35, 0.2);
  --line-primary-2: rgba(22, 24, 35, 0.2);
  --line-reverse-2: rgba(22, 24, 35, 0.12);
  --line-reverse-3: rgba(22, 24, 35, 0.12);
  --line-secondary: rgba(22, 24, 35, 0.12);
  --line-secondary-2: rgba(22, 24, 35, 0.12);
  --line-secondary-3: rgba(22, 24, 35, 0.12);
  --link: #fe2c55;
  --link-2: #fe2c55;
  --link-3: #fe2c55;
  --live-color-end: #ed3495;
  --live-color-start: #ff1764;
  --negative: #ff4c3a;
  --positive: #0be09b;
  --positive-2: #4fab7e;
  --primary: #fe2c55;
  --primary-2: #161823;
  --sd-primary: rgba(0, 0, 0, 0.8);
  --sd-secondary: rgba(0, 0, 0, 0.5);
  --sd-tertiary: rgba(0, 0, 0, 0.2);
  --secondary: #20d5ec;
  --secondary-2: #10a2c5;
  --shadow-primary: rgba(0, 0, 0, 0.12);
  --shadow-secondary: rgba(0, 0, 0, 0.06);
  --story-color-end: #1ae3c6;
  --story-color-middle: #20d5ec;
  --story-color-start: #15c0f9;
  --tag-brown-bg: #f5f0f0;
  --tag-brown-text: #805959;
  --tag-green-bg: #eff5f2;
  --tag-green-text: #59806c;
  --tag-purple-bg: #f6f0f5;
  --tag-purple-text: #805979;
  --text-primary: #000;
  --text-quaternary: rgba(0, 0, 0, 0.32);
  --text-reverse: #000;
  --text-reverse-2: rgba(0, 0, 0, 0.72);
  --text-reverse-3: rgba(0, 0, 0, 0.46);
  --text-reverse-4: rgba(0, 0, 0, 0.32);
  --text-secondary: rgba(0, 0, 0, 0.72);
  --text-tertiary: rgba(0, 0, 0, 0.56);
  --text-tertiary-2: rgba(0, 0, 0, 0.46);
  --text-tertiary-alt: rgba(0, 0, 0, 0.56);
  --toast-default: rgba(84, 84, 84, 0.92);
  --toast-negative: rgba(255, 76, 58, 0.92);
  --brand-ai-1: #8470ff;
  --brand-color: #fff;
  --brand-oscar-gold: #ba9e5e;
  --brand-tako-1: #00b5ee;
  --brand-tako-2: #000;
  --brand-tik-tok-plus-1: #ffc804;
  --brand-tik-tok-plus-2: #e5a500;
  --brand-tik-tok-background: #fff;
  --brand-tik-tok-background-element: #000;
  --brand-tik-tok-black: #000;
  --brand-tik-tok-razzmatazz: #fe2c55;
  --brand-tik-tok-splash: #25f4ee;
  --brand-tik-tok-spotlight: #000;
  --brand-tik-tok-subject-in-spotlight: #fff;
  --brand-tik-tok-white: #fff;
  --brand-tik-tok-photos-1: #64facd;
  --brand-tik-tok-photos-2: #00aa96;
  --brand-tokopedia-1: #00aa5b;
  --creation-adjust-background: #ffb2d7;
  --creation-adjust-hsl-blue: #3298f6;
  --creation-adjust-hsl-cyan: #35e1e1;
  --creation-adjust-hsl-fuchsia: #c92eff;
  --creation-adjust-hsl-green: #78c25e;
  --creation-adjust-hsl-indigo: #5856d6;
  --creation-adjust-hsl-orange: #ff933d;
  --creation-adjust-hsl-red: #ff5252;
  --creation-adjust-hsl-yellow: #f2cd46;
  --creation-adjust-label: #8e1f54;
  --creation-filter-background: #ffbfbf;
  --creation-filter-label: #8b2329;
  --creation-first-comment-gradient-red-1: #ff3b86;
  --creation-first-comment-gradient-red-2: #ff955a;
  --creation-flash-light-cold: #d3eaff;
  --creation-flash-light-warm: #fff2cd;
  --creation-glance-watermark: #fff85a;
  --creation-pill-overlay: rgba(230, 230, 230, 0.3199999928474426);
  --ec-black-text-1: #000;
  --ec-black-text-2: rgba(0, 0, 0, 0.6499999761581421);
  --ec-black-text-3: rgba(0, 0, 0, 0.47999998927116394);
  --ec-cyan-banner: #f0fbfb;
  --ec-cyan-border: rgba(8, 146, 146, 0.14000000059604645);
  --ec-cyan-main: #00b8b9;
  --ec-cyan-tag: rgba(0, 184, 185, 0.11999999731779099);
  --ec-cyan-text: #089292;
  --ec-cyan-text-on-tag: #089292;
  --ec-gold-main: #fdca5e;
  --ec-gold-tag: rgba(253, 202, 94, 0.20000000298023224);
  --ec-gold-text: #a46c00;
  --ec-gold-text-on-tag: #a46c00;
  --ec-neutral-tag: rgba(0, 0, 0, 0.05000000074505806);
  --ec-neutral-text: #6b6b6b;
  --ec-neutral-text-on-tag: #6b6b6b;
  --ec-primary-banner: #fff2f5;
  --ec-primary-border: rgba(225, 5, 67, 0.10000000149011612);
  --ec-primary-tag: rgba(254, 44, 85, 0.11999999731779099);
  --ec-primary-text-on-tag: #e10543;
  --ec-white-text-1: #fff;
  --ec-white-text-2: rgba(255, 255, 255, 0.8799999952316284);
  --ec-white-text-3: rgba(255, 255, 255, 0.6000000238418579);
  --effect-platform-capability-3d: #9fdaf8;
  --effect-platform-capability-audio: #a3a3ff;
  --effect-platform-capability-face: #e5b2f1;
  --effect-platform-capability-other: #fff;
  --effect-platform-capability-render: #fce08b;
  --effect-platform-capability-screen: #45cca7;
  --effect-platform-capability-tracker: #f28d97;
  --feed-anchor-bg: rgba(37, 37, 37, 0.3400000035762787);
  --feed-components-text-backdrop: rgba(77, 77, 77, 0.5);
  --feed-top-tab-text-shadow-a-3-0: rgba(0, 0, 0, 0.30000001192092896);
  --feed-top-tab-text-shadow-a-4-0: rgba(0, 0, 0, 0.4000000059604645);
  --feed-top-tab-text-shadow-a-5-0: rgba(0, 0, 0, 0.5);
  --feed-top-tab-text-shadow-a-6-6: rgba(0, 0, 0, 0.6600000262260437);
  --feed-top-tab-text-shadow-a-8-3: rgba(0, 0, 0, 0.8299999833106995);
  --inbox-filter-highlight: rgba(21, 192, 249, 0.1599999964237213);
  --inbox-filter-text-on-highlight: #0d829e;
  --live-brand-1: #ff1764;
  --live-brand-2: #ed3495;
  --local-service-poi: #13bd90;
  --local-service-poi-background: rgba(19, 189, 144, 0.11999999731779099);
  --misc-online-shape: #1dd765;
  --misc-online-shape-4: rgba(29, 215, 101, 0.1599999964237213);
  --misc-online-text: #00a545;
  --misc-rating-star-selected-fill: #face15;
  --misc-verified-badge-1: #20d5ec;
  --misc-verified-badge-2: #fff;
  --profile-icon-background-dark-gray: rgba(124, 124, 124, 0.8999999761581421);
  --social-avatar-brand-1: #7059ff;
  --social-avatar-profile-0-1-1: #ded2fa;
  --social-avatar-profile-0-1-2: #1a1312;
  --social-avatar-profile-0-2-1: #625fff;
  --social-avatar-profile-0-2-2: #fcdd49;
  --social-avatar-profile-0-3-1: #726d90;
  --social-avatar-profile-0-3-2: #efe5cc;
  --social-avatar-profile-0-4-1: #fbc436;
  --social-avatar-profile-0-4-2: #3d3d3d;
  --social-avatar-profile-0-5-1: #f86363;
  --social-avatar-profile-0-5-2: #3d4b94;
  --social-avatar-profile-0-6-1: #eae8e0;
  --social-avatar-profile-0-6-2: #737f96;
  --social-chat-gradient-blue-1: #00b8d3;
  --social-chat-gradient-blue-2: #00add2;
  --social-chat-gradient-blue-3: #1787d9;
  --social-snail-1: #dd0f88;
  --social-story-gradient-green-1: #0094ff;
  --social-story-gradient-green-2: #20d5ec;
  --social-story-gradient-green-3: #00ffa3;
  --social-story-gradient-purple-1: #5f7cff;
  --social-story-gradient-purple-2: #7366fe;
  --social-story-gradient-purple-3: #835af7;
  --social-story-shape-purple: rgba(124, 92, 253, 0.6600000262260437);
  --social-text-streak: #ff6613;
  --ui-image-overlay-black: #000;
  --ui-image-overlay-black-a-1-5: rgba(0, 0, 0, 0.15000000596046448);
  --ui-image-overlay-black-a-2-5: rgba(0, 0, 0, 0.25);
  --ui-image-overlay-black-a-5-0: rgba(0, 0, 0, 0.5);
  --ui-image-overlay-black-a-8-0: rgba(0, 0, 0, 0.800000011920929);
  --ui-image-overlay-dark-gray-a-3-0: rgba(51, 51, 51, 0.30000001192092896);
  --ui-image-overlay-dark-gray-a-6-0: rgba(51, 51, 51, 0.6000000238418579);
  --ui-image-overlay-dark-gray-a-8-5: rgba(51, 51, 51, 0.8500000238418579);
  --ui-image-overlay-white: #fff;
  --ui-image-overlay-white-a-2-0: rgba(255, 255, 255, 0.20000000298023224);
  --ui-image-overlay-white-a-4-0: rgba(255, 255, 255, 0.4000000059604645);
  --ui-image-overlay-white-a-7-5: rgba(255, 255, 255, 0.75);
  --ui-page-flat-1: #fff;
  --ui-page-flat-2: #f8f8f8;
  --ui-page-flat-3: #fff;
  --ui-page-grouped-1: #f5f5f5;
  --ui-page-grouped-2: #fff;
  --ui-page-grouped-3: #f8f8f8;
  --ui-shape-danger: #ff4c3a;
  --ui-shape-danger-2: rgba(255, 76, 58, 0.3199999928474426);
  --ui-shape-danger-3: rgba(255, 76, 58, 0.20999999344348907);
  --ui-shape-danger-4: rgba(255, 76, 58, 0.09000000357627869);
  --ui-shape-info: #0075dc;
  --ui-shape-info-2: rgba(0, 117, 220, 0.30000001192092896);
  --ui-shape-info-3: rgba(0, 117, 220, 0.1899999976158142);
  --ui-shape-info-4: rgba(0, 117, 220, 0.10000000149011612);
  --ui-shape-neutral: #000;
  --ui-shape-neutral-2: rgba(0, 0, 0, 0.17000000178813934);
  --ui-shape-neutral-3: rgba(0, 0, 0, 0.11999999731779099);
  --ui-shape-neutral-4: rgba(0, 0, 0, 0.05000000074505806);
  --ui-shape-primary: #fe2c55;
  --ui-shape-primary-2: rgba(254, 44, 85, 0.3100000023841858);
  --ui-shape-primary-3: rgba(254, 44, 85, 0.18000000715255737);
  --ui-shape-primary-4: rgba(254, 44, 85, 0.07000000029802322);
  --ui-shape-secondary: #20d5ec;
  --ui-shape-secondary-2: rgba(32, 213, 236, 0.5);
  --ui-shape-secondary-3: rgba(32, 213, 236, 0.3199999928474426);
  --ui-shape-secondary-4: rgba(32, 213, 236, 0.12999999523162842);
  --ui-shape-secondary-5: rgba(32, 213, 236, 0.05000000074505806);
  --ui-shape-secondary-muted: #00a2c9;
  --ui-shape-secondary-muted-2: rgba(0, 162, 201, 0.33000001311302185);
  --ui-shape-secondary-muted-3: rgba(0, 162, 201, 0.23999999463558197);
  --ui-shape-secondary-muted-4: rgba(0, 162, 201, 0.11999999731779099);
  --ui-shape-secondary-muted-5: rgba(0, 162, 201, 0.05000000074505806);
  --ui-shape-success: #0be09b;
  --ui-shape-success-2: rgba(11, 224, 155, 0.47999998927116394);
  --ui-shape-success-3: rgba(11, 224, 155, 0.2800000011920929);
  --ui-shape-success-4: rgba(11, 224, 155, 0.11999999731779099);
  --ui-shape-text-1-on-danger: #fff;
  --ui-shape-text-1-on-info: #e7f4ff;
  --ui-shape-text-1-on-neutral: #fff;
  --ui-shape-text-1-on-primary: #fff;
  --ui-shape-text-1-on-secondary: #00343c;
  --ui-shape-text-1-on-secondary-muted: #fff;
  --ui-shape-text-1-on-success: #003628;
  --ui-shape-text-1-on-warning: #2d1200;
  --ui-shape-text-2-on-danger: #ffcbbe;
  --ui-shape-text-2-on-info: #8ecaff;
  --ui-shape-text-2-on-neutral: rgba(255, 255, 255, 0.6000000238418579);
  --ui-shape-text-2-on-primary: #ffd9da;
  --ui-shape-text-2-on-secondary: #006674;
  --ui-shape-text-2-on-secondary-muted: #b1f0ff;
  --ui-shape-text-2-on-success: #008568;
  --ui-shape-text-2-on-warning: #904a00;
  --ui-shape-text-on-secondary-2-or-3: #01434b;
  --ui-shape-text-on-secondary-4-or-5: #026d7a;
  --ui-shape-text-on-secondary-muted-2-or-3: #0a4151;
  --ui-shape-text-on-secondary-muted-4-or-5: #176a83;
  --ui-shape-warning: #ff9500;
  --ui-shape-warning-2: rgba(255, 149, 0, 0.47999998927116394);
  --ui-shape-warning-3: rgba(255, 149, 0, 0.2800000011920929);
  --ui-shape-warning-4: rgba(255, 149, 0, 0.11999999731779099);
  --ui-sheet-backdrop-1: rgba(0, 0, 0, 0.5);
  --ui-sheet-backdrop-2: rgba(0, 0, 0, 0.20000000298023224);
  --ui-sheet-flat-1: #fff;
  --ui-sheet-flat-2: #f8f8f8;
  --ui-sheet-flat-3: #fff;
  --ui-sheet-grouped-1: #f5f5f5;
  --ui-sheet-grouped-2: #fff;
  --ui-sheet-grouped-3: #f8f8f8;
  --ui-text-1: #000;
  --ui-text-1-display: #202020;
  --ui-text-2: rgba(0, 0, 0, 0.6499999761581421);
  --ui-text-3: rgba(0, 0, 0, 0.47999998927116394);
  --ui-text-danger: #da3123;
  --ui-text-danger-display: #ff4c3a;
  --ui-text-info: #2b5db9;
  --ui-text-info-display: #0075db;
  --ui-text-placeholder: rgba(0, 0, 0, 0.3400000035762787);
  --ui-text-primary: #e10543;
  --ui-text-primary-display: #fe2c55;
  --ui-text-secondary: #009eb2;
  --ui-text-secondary-display: #00bad0;
  --ui-text-success: #008568;
  --ui-text-success-display: #00c39b;
  --ui-text-warning: #b36000;
  --ui-text-warning-display: #ff9500;
}
[data-theme="dark"] {
  --assist-color-active-green: #1dd765;
  --assist-color-active-green-text: #22c660;
  --assist-color-ai-blue: #00b5ee;
  --assist-color-azure: #8fbee9;
  --assist-color-blue: #4b5dc2;
  --assist-color-brown: #c7893d;
  --assist-color-celulean: #7ebbc9;
  --assist-color-green: #3b824a;
  --assist-color-orange: #fc9c0c;
  --assist-color-purple: #5e39d0;
  --assist-color-red: #e54a82;
  --assist-color-resso: #ff005c;
  --assist-color-yellow: #face15;
  --assist-ui-shape-blue: rgba(0, 162, 201, 0.27);
  --assist-ui-text-blue: #83f7ff;
  --bg-base: #000;
  --bg-brand: rgba(254, 44, 85, 0.24);
  --bg-const-overlay-dark-gray-3-4: rgba(37, 37, 37, 0.34);
  --bg-creation: #121212;
  --bg-creation-2: #1b1b1b;
  --bg-creation-3: #121212;
  --bg-creation-5: rgba(0, 0, 0, 0.15);
  --bg-hover: rgba(255, 255, 255, 0.1);
  --bg-input: rgba(255, 255, 255, 0.12);
  --bg-input-2: rgba(255, 255, 255, 0.08);
  --bg-inverse-3: rgba(37, 37, 37, 0.6);
  --bg-levitation: #191919;
  --bg-placeholder-default: rgba(255, 255, 255, 0.08);
  --bg-placeholder-opaque: #252525;
  --bg-primary: #121212;
  --bg-primary-2: rgba(255, 255, 255, 0.04);
  --bg-quaternary: #383838;
  --bg-quinary: #4b4b4b;
  --bg-reverse: #121212;
  --bg-reverse-2: rgba(18, 18, 18, 0.9);
  --bg-secondary: #252525;
  --bg-secondary-2: rgba(255, 255, 255, 0.08);
  --bg-tertiary: #2e2e2e;
  --bg-tertiary-2: rgba(255, 255, 255, 0.12);
  --bg-view: rgba(255, 255, 255, 0.04);
  --bg-view-2: rgba(0, 0, 0, 0);
  --const-bg-brand: rgba(254, 44, 85, 0.5);
  --const-bg-container: rgba(255, 255, 255, 0.12);
  --const-bg-container-2: rgba(255, 255, 255, 0.08);
  --const-bg-container-3: rgba(255, 255, 255, 0.04);
  --const-bg-inverse: #000;
  --const-bg-inverse-1: rgba(56, 56, 56, 0.95);
  --const-bg-inverse-2: rgba(0, 0, 0, 0.6);
  --const-bg-inverse-3: rgba(37, 37, 37, 0.6);
  --const-bg-inverse-4: rgba(84, 84, 84, 0.5);
  --const-bg-inverse-5: rgba(0, 0, 0, 0.2);
  --const-bg-inverse-opaque: #2e2e2e;
  --const-bg-mat: rgba(255, 255, 255, 0.34);
  --const-bg-mat-2: rgba(255, 255, 255, 0.2);
  --const-bg-overlay-dark-gray-3-4: rgba(37, 37, 37, 0.34);
  --const-bg-placeholder-opaque: #f1f1f1;
  --const-bg-secondary: rgba(32, 213, 236, 0.05);
  --const-interact-state-pressed-mask-light-inverse: rgba(22, 24, 35, 0.1);
  --const-interact-state-pressed-mask-strong-inverse: rgba(22, 24, 35, 0.3);
  --const-line-inverse: rgba(255, 255, 255, 0.2);
  --const-line-inverse-2: rgba(255, 255, 255, 0.12);
  --const-sd-secondary: rgba(0, 0, 0, 0.5);
  --const-text-inverse: #fff;
  --const-text-inverse-2: rgba(255, 255, 255, 0.9);
  --const-text-inverse-3: rgba(255, 255, 255, 0.75);
  --const-text-inverse-4: rgba(255, 255, 255, 0.5);
  --const-text-inverse-5: rgba(255, 255, 255, 0.34);
  --const-text-primary: #161823;
  --interact-state-pressed-mask-light: rgba(255, 255, 255, 0.1);
  --line-darker: rgba(0, 0, 0, 0.35);
  --line-input: rgba(255, 255, 255, 0.5);
  --line-inverse: rgba(0, 0, 0, 0);
  --line-primary: rgba(0, 0, 0, 0);
  --line-primary-2: rgba(255, 255, 255, 0.2);
  --line-reverse-2: rgba(255, 255, 255, 0.12);
  --line-reverse-3: rgba(0, 0, 0, 0);
  --line-secondary: rgba(255, 255, 255, 0.12);
  --line-secondary-2: rgba(0, 0, 0, 0);
  --line-secondary-3: rgba(255, 255, 255, 0.5);
  --link: #ff3b5c;
  --link-2: #ff3b5c;
  --link-3: #ff3b5c;
  --live-color-end: #ed3495;
  --live-color-start: #ff1764;
  --negative: #ff4c3a;
  --positive: #0be09b;
  --positive-2: #4fab7e;
  --primary: #ff3b5c;
  --primary-2: rgba(255, 255, 255, 0.9);
  --sd-primary: rgba(0, 0, 0, 0.8);
  --sd-secondary: rgba(0, 0, 0, 0.68);
  --sd-tertiary: rgba(0, 0, 0, 0.5);
  --secondary: #20d5ec;
  --secondary-2: #10a2c5;
  --shadow-primary: rgba(0, 0, 0, 0.12);
  --shadow-secondary: rgba(0, 0, 0, 0.06);
  --story-color-end: #1ae3c6;
  --story-color-middle: #20d5ec;
  --story-color-start: #15c0f9;
  --tag-brown-bg: #805959;
  --tag-brown-text: #ffb3b3;
  --tag-green-bg: #598066;
  --tag-green-text: #b2ffd9;
  --tag-purple-bg: #80596c;
  --tag-purple-text: #ffb2d9;
  --text-primary: rgba(255, 255, 255, 0.9);
  --text-quaternary: rgba(255, 255, 255, 0.34);
  --text-reverse: rgba(255, 255, 255, 0.9);
  --text-reverse-2: rgba(255, 255, 255, 0.75);
  --text-reverse-3: rgba(255, 255, 255, 0.5);
  --text-reverse-4: rgba(255, 255, 255, 0.34);
  --text-secondary: rgba(255, 255, 255, 0.75);
  --text-tertiary: rgba(255, 255, 255, 0.5);
  --text-tertiary-2: rgba(255, 255, 255, 0.75);
  --text-tertiary-alt: rgba(255, 255, 255, 0.6);
  --toast-default: rgba(84, 84, 84, 0.92);
  --toast-negative: rgba(255, 76, 58, 0.92);
  --brand-ai-1: #8470ff;
  --brand-color: #fff;
  --brand-oscar-gold: #ba9e5e;
  --brand-tako-1: #00b5ee;
  --brand-tako-2: #fff;
  --brand-tik-tok-plus-1: #ffc804;
  --brand-tik-tok-plus-2: #e5a500;
  --brand-tik-tok-background: #000;
  --brand-tik-tok-background-element: #fff;
  --brand-tik-tok-black: #000;
  --brand-tik-tok-razzmatazz: #fe2c55;
  --brand-tik-tok-splash: #25f4ee;
  --brand-tik-tok-spotlight: #fff;
  --brand-tik-tok-subject-in-spotlight: #000;
  --brand-tik-tok-white: #fff;
  --brand-tik-tok-photos-1: #64facd;
  --brand-tik-tok-photos-2: #00aa96;
  --brand-tokopedia-1: #00aa5b;
  --creation-adjust-background: #ffb2d7;
  --creation-adjust-hsl-blue: #3298f6;
  --creation-adjust-hsl-cyan: #35e1e1;
  --creation-adjust-hsl-fuchsia: #c92eff;
  --creation-adjust-hsl-green: #78c25e;
  --creation-adjust-hsl-indigo: #5856d6;
  --creation-adjust-hsl-orange: #ff933d;
  --creation-adjust-hsl-red: #ff5252;
  --creation-adjust-hsl-yellow: #f2cd46;
  --creation-adjust-label: #8e1f54;
  --creation-filter-background: #ffbfbf;
  --creation-filter-label: #8b2329;
  --creation-first-comment-gradient-red-1: #ff3b86;
  --creation-first-comment-gradient-red-2: #ff955a;
  --creation-flash-light-cold: #d3eaff;
  --creation-flash-light-warm: #fff2cd;
  --creation-glance-watermark: #fff85a;
  --creation-pill-overlay: rgba(230, 230, 230, 0.3199999928474426);
  --ec-black-text-1: #000;
  --ec-black-text-2: rgba(0, 0, 0, 0.6499999761581421);
  --ec-black-text-3: rgba(0, 0, 0, 0.47999998927116394);
  --ec-cyan-banner: #1a3031;
  --ec-cyan-border: rgba(168, 231, 231, 0.14000000059604645);
  --ec-cyan-main: #00b8b9;
  --ec-cyan-tag: rgba(0, 184, 185, 0.3400000035762787);
  --ec-cyan-text: #00b8b9;
  --ec-cyan-text-on-tag: #a8e7e7;
  --ec-gold-main: #fdca5e;
  --ec-gold-tag: rgba(253, 202, 94, 0.3199999928474426);
  --ec-gold-text: #fdca5e;
  --ec-gold-text-on-tag: #fad8a7;
  --ec-neutral-tag: rgba(255, 255, 255, 0.20000000298023224);
  --ec-neutral-text: #c1c1c1;
  --ec-neutral-text-on-tag: #dddddd;
  --ec-primary-banner: #392125;
  --ec-primary-border: rgba(255, 183, 197, 0.11999999731779099);
  --ec-primary-tag: rgba(255, 59, 92, 0.3400000035762787);
  --ec-primary-text-on-tag: #ffcdce;
  --ec-white-text-1: #fff;
  --ec-white-text-2: rgba(255, 255, 255, 0.8799999952316284);
  --ec-white-text-3: rgba(255, 255, 255, 0.6000000238418579);
  --effect-platform-capability-3d: #9fdaf8;
  --effect-platform-capability-audio: #a3a3ff;
  --effect-platform-capability-face: #e5b2f1;
  --effect-platform-capability-other: #fff;
  --effect-platform-capability-render: #fce08b;
  --effect-platform-capability-screen: #45cca7;
  --effect-platform-capability-tracker: #f28d97;
  --feed-anchor-bg: rgba(37, 37, 37, 0.3400000035762787);
  --feed-components-text-backdrop: rgba(77, 77, 77, 0.5);
  --feed-top-tab-text-shadow-a-3-0: rgba(0, 0, 0, 0.30000001192092896);
  --feed-top-tab-text-shadow-a-4-0: rgba(0, 0, 0, 0.4000000059604645);
  --feed-top-tab-text-shadow-a-5-0: rgba(0, 0, 0, 0.5);
  --feed-top-tab-text-shadow-a-6-6: rgba(0, 0, 0, 0.6600000262260437);
  --feed-top-tab-text-shadow-a-8-3: rgba(0, 0, 0, 0.8299999833106995);
  --inbox-filter-highlight: rgba(21, 192, 249, 0.23999999463558197);
  --inbox-filter-text-on-highlight: #11bad4;
  --live-brand-1: #ff1764;
  --live-brand-2: #ed3495;
  --local-service-poi: #13bd90;
  --local-service-poi-background: rgba(19, 189, 144, 0.20000000298023224);
  --misc-online-shape: #1dd765;
  --misc-online-shape-4: rgba(29, 215, 101, 0.25);
  --misc-online-text: #22c660;
  --misc-rating-star-selected-fill: #face15;
  --misc-verified-badge-1: #20d5ec;
  --misc-verified-badge-2: #fff;
  --profile-icon-background-dark-gray: rgba(124, 124, 124, 0.8999999761581421);
  --social-avatar-brand-1: #7059ff;
  --social-avatar-profile-0-1-1: #ded2fa;
  --social-avatar-profile-0-1-2: #1a1312;
  --social-avatar-profile-0-2-1: #625fff;
  --social-avatar-profile-0-2-2: #fcdd49;
  --social-avatar-profile-0-3-1: #726d90;
  --social-avatar-profile-0-3-2: #efe5cc;
  --social-avatar-profile-0-4-1: #fbc436;
  --social-avatar-profile-0-4-2: #3d3d3d;
  --social-avatar-profile-0-5-1: #f86363;
  --social-avatar-profile-0-5-2: #3d4b94;
  --social-avatar-profile-0-6-1: #eae8e0;
  --social-avatar-profile-0-6-2: #737f96;
  --social-chat-gradient-blue-1: #00b8d3;
  --social-chat-gradient-blue-2: #00add2;
  --social-chat-gradient-blue-3: #1787d9;
  --social-snail-1: #dd0f88;
  --social-story-gradient-green-1: #0094ff;
  --social-story-gradient-green-2: #20d5ec;
  --social-story-gradient-green-3: #00ffa3;
  --social-story-gradient-purple-1: #5f7cff;
  --social-story-gradient-purple-2: #7366fe;
  --social-story-gradient-purple-3: #835af7;
  --social-story-shape-purple: rgba(124, 92, 253, 0.6600000262260437);
  --social-text-streak: #ff6612;
  --ui-image-overlay-black: #000;
  --ui-image-overlay-black-a-1-5: rgba(0, 0, 0, 0.15000000596046448);
  --ui-image-overlay-black-a-2-5: rgba(0, 0, 0, 0.25);
  --ui-image-overlay-black-a-5-0: rgba(0, 0, 0, 0.5);
  --ui-image-overlay-black-a-8-0: rgba(0, 0, 0, 0.800000011920929);
  --ui-image-overlay-dark-gray-a-3-0: rgba(51, 51, 51, 0.30000001192092896);
  --ui-image-overlay-dark-gray-a-6-0: rgba(51, 51, 51, 0.6000000238418579);
  --ui-image-overlay-dark-gray-a-8-5: rgba(51, 51, 51, 0.8500000238418579);
  --ui-image-overlay-white: #fff;
  --ui-image-overlay-white-a-2-0: rgba(255, 255, 255, 0.20000000298023224);
  --ui-image-overlay-white-a-4-0: rgba(255, 255, 255, 0.4000000059604645);
  --ui-image-overlay-white-a-7-5: rgba(255, 255, 255, 0.75);
  --ui-page-flat-1: #000;
  --ui-page-flat-2: #1e1e1e;
  --ui-page-flat-3: #2c2c2c;
  --ui-page-grouped-1: #000;
  --ui-page-grouped-2: #1e1e1e;
  --ui-page-grouped-3: #2c2c2c;
  --ui-shape-danger: #ff4c3a;
  --ui-shape-danger-2: rgba(255, 76, 58, 0.6800000071525574);
  --ui-shape-danger-3: rgba(255, 76, 58, 0.5);
  --ui-shape-danger-4: rgba(255, 76, 58, 0.28999999165534973);
  --ui-shape-info: #0075dc;
  --ui-shape-info-2: rgba(32, 151, 255, 0.6000000238418579);
  --ui-shape-info-3: rgba(32, 151, 255, 0.4699999988079071);
  --ui-shape-info-4: rgba(32, 151, 255, 0.28999999165534973);
  --ui-shape-neutral: #fafafa;
  --ui-shape-neutral-2: rgba(255, 255, 255, 0.3199999928474426);
  --ui-shape-neutral-3: rgba(255, 255, 255, 0.1899999976158142);
  --ui-shape-neutral-4: rgba(255, 255, 255, 0.12999999523162842);
  --ui-shape-primary: #fe2c55;
  --ui-shape-primary-2: rgba(254, 44, 85, 0.6000000238418579);
  --ui-shape-primary-3: rgba(254, 44, 85, 0.4300000071525574);
  --ui-shape-primary-4: rgba(254, 44, 85, 0.27000001072883606);
  --ui-shape-secondary: #20d5ec;
  --ui-shape-secondary-2: rgba(32, 213, 236, 0.5);
  --ui-shape-secondary-3: rgba(32, 213, 236, 0.3199999928474426);
  --ui-shape-secondary-4: rgba(32, 213, 236, 0.20999999344348907);
  --ui-shape-secondary-5: rgba(32, 213, 236, 0.12999999523162842);
  --ui-shape-secondary-muted: #00a2c9;
  --ui-shape-secondary-muted-2: rgba(0, 162, 201, 0.6600000262260437);
  --ui-shape-secondary-muted-3: rgba(0, 162, 201, 0.46000000834465027);
  --ui-shape-secondary-muted-4: rgba(0, 162, 201, 0.30000001192092896);
  --ui-shape-secondary-muted-5: rgba(0, 162, 201, 0.12999999523162842);
  --ui-shape-success: #0be09b;
  --ui-shape-success-2: rgba(11, 224, 155, 0.6600000262260437);
  --ui-shape-success-3: rgba(11, 224, 155, 0.46000000834465027);
  --ui-shape-success-4: rgba(11, 224, 155, 0.25);
  --ui-shape-text-1-on-danger: #fff;
  --ui-shape-text-1-on-info: #e7f4ff;
  --ui-shape-text-1-on-neutral: #000;
  --ui-shape-text-1-on-primary: #fff;
  --ui-shape-text-1-on-secondary: #00343c;
  --ui-shape-text-1-on-secondary-muted: #fff;
  --ui-shape-text-1-on-success: #003628;
  --ui-shape-text-1-on-warning: #2d1200;
  --ui-shape-text-2-on-danger: #ffcbbe;
  --ui-shape-text-2-on-info: #8ecaff;
  --ui-shape-text-2-on-neutral: rgba(0, 0, 0, 0.47999998927116394);
  --ui-shape-text-2-on-primary: #ffd9da;
  --ui-shape-text-2-on-secondary: #006674;
  --ui-shape-text-2-on-secondary-muted: #b1f0ff;
  --ui-shape-text-2-on-success: #008568;
  --ui-shape-text-2-on-warning: #904a00;
  --ui-shape-text-on-secondary-2-or-3: #a0edfa;
  --ui-shape-text-on-secondary-4-or-5: #81ccd8;
  --ui-shape-text-on-secondary-muted-2-or-3: #ade9ff;
  --ui-shape-text-on-secondary-muted-4-or-5: #86c9e2;
  --ui-shape-warning: #ff9500;
  --ui-shape-warning-2: rgba(255, 149, 0, 0.6700000166893005);
  --ui-shape-warning-3: rgba(255, 149, 0, 0.5099999904632568);
  --ui-shape-warning-4: rgba(255, 149, 0, 0.2800000011920929);
  --ui-sheet-backdrop-1: rgba(0, 0, 0, 0.699999988079071);
  --ui-sheet-backdrop-2: rgba(0, 0, 0, 0.5);
  --ui-sheet-flat-1: #1e1e1e;
  --ui-sheet-flat-2: #2d2d2d;
  --ui-sheet-flat-3: #3a3a3a;
  --ui-sheet-grouped-1: #1e1e1e;
  --ui-sheet-grouped-2: #2d2d2d;
  --ui-sheet-grouped-3: #3a3a3a;
  --ui-text-1: #f6f6f6;
  --ui-text-1-display: #f0f0f0;
  --ui-text-2: rgba(255, 255, 255, 0.8799999952316284);
  --ui-text-3: rgba(255, 255, 255, 0.6000000238418579);
  --ui-text-danger: #ff7660;
  --ui-text-danger-display: #ff5b48;
  --ui-text-info: #60b3ff;
  --ui-text-info-display: #60b3ff;
  --ui-text-placeholder: rgba(255, 255, 255, 0.4000000059604645);
  --ui-text-primary: #ff576f;
  --ui-text-primary-display: #ff3b5c;
  --ui-text-secondary: #20d5ec;
  --ui-text-secondary-display: #20d5ec;
  --ui-text-success: #0be09b;
  --ui-text-success-display: #0be09b;
  --ui-text-warning: #ffb554;
  --ui-text-warning-display: #ff9500;
}
@font-face {
  font-family: TikTokFont;
  src: local("TikTokFont-Regular"), url(https://sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/tiktok_fonts/TikTokFont-Regular.woff2?_default_font=1&v=2)
        format("woff2"),
    url(https://sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/tiktok_fonts/TikTokFont-Regular.woff?_default_font=1&v=2)
        format("woff"),
    url(https://sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/tiktok_fonts/TikTokFont-Regular.otf?_default_font=1&v=2)
        format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: TikTokFont;
  src: local("TikTokFont-Medium"), url(https://sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/tiktok_fonts/TikTokFont-Semibold.woff2?_default_font=1&v=2)
        format("woff2"),
    url(https://sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/tiktok_fonts/TikTokFont-Semibold.woff?_default_font=1&v=2)
        format("woff"),
    url(https://sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/tiktok_fonts/TikTokFont-Semibold.otf?_default_font=1&v=2)
        format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: TikTokFont;
  src: local("TikTokFont-Medium"), url(https://sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/tiktok_fonts/TikTokFont-Semibold.woff2?_default_font=1&v=2)
        format("woff2"),
    url(https://sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/tiktok_fonts/TikTokFont-Semibold.woff?_default_font=1&v=2)
        format("woff"),
    url(https://sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/tiktok_fonts/TikTokFont-Semibold.otf?_default_font=1&v=2)
        format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: TikTokFont;
  src: local("TikTokFont-Bold"), url(https://sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/tiktok_fonts/TikTokFont-Bold.woff2?_default_font=1&v=2)
        format("woff2"),
    url(https://sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/tiktok_fonts/TikTokFont-Bold.woff?_default_font=1&v=2)
        format("woff"),
    url(https://sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/tiktok_fonts/TikTokFont-Bold.otf?_default_font=1&v=2)
        format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: TikTokDisplayFont;
  src: url(https://sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/tiktok_fonts/TikTokDisplayFont-Regular.woff2?_default_font=1&v=2)
        format("woff2"),
    url(https://sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/tiktok_fonts/TikTokDisplayFont-Regular.woff?_default_font=1&v=2)
        format("woff"),
    url(https://sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/tiktok_fonts/TikTokDisplayFont-Regular.otf?_default_font=1&v=2)
        format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: TikTokDisplayFont;
  src: url(https://sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/tiktok_fonts/TikTokDisplayFont-Semibold.woff2?_default_font=1&v=2)
        format("woff2"),
    url(https://sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/tiktok_fonts/TikTokDisplayFont-Semibold.woff?_default_font=1&v=2)
        format("woff"),
    url(https://sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/tiktok_fonts/TikTokDisplayFont-Semibold.otf?_default_font=1&v=2)
        format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: TikTokDisplayFont;
  src: url(https://sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/tiktok_fonts/TikTokDisplayFont-Semibold.woff2?_default_font=1&v=2)
        format("woff2"),
    url(https://sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/tiktok_fonts/TikTokDisplayFont-Semibold.woff?_default_font=1&v=2)
        format("woff"),
    url(https://sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/tiktok_fonts/TikTokDisplayFont-Semibold.otf?_default_font=1&v=2)
        format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: TikTokDisplayFont;
  src: url(https://sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/tiktok_fonts/TikTokDisplayFont-Bold.woff2?_default_font=1&v=2)
        format("woff2"),
    url(https://sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/tiktok_fonts/TikTokDisplayFont-Bold.woff?_default_font=1&v=2)
        format("woff"),
    url(https://sf16-website-login.neutral.ttwstatic.com/obj/tiktok_web_login_static/tiktok_fonts/TikTokDisplayFont-Bold.otf?_default_font=1&v=2)
        format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: fallback;
}
:root {
  --tiktok-font-display: TikTokDisplayFont, system-ui, -apple-system, 'Roboto', 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --tiktok-font: TikTokFont, system-ui, -apple-system, 'Roboto', 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-family: var(--tiktok-font);
}
@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYXgKVElMYYaJe8bpLHnCwDKhdzeFaxOedfTDw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYXgKVElMYYaJe8bpLHnCwDKhdXeFaxOedfTDw.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYXgKVElMYYaJe8bpLHnCwDKhdLeFaxOedfTDw.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYXgKVElMYYaJe8bpLHnCwDKhd7eFaxOedfTDw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYXgKVElMYYaJe8bpLHnCwDKhd_eFaxOedfTDw.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYXgKVElMYYaJe8bpLHnCwDKhdHeFaxOedc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 500;
  font-display: fallback;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjSL9AIxsdP3pBmtF8A.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 500;
  font-display: fallback;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjSL9AIVsdP3pBmtF8A.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 500;
  font-display: fallback;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjSL9AIJsdP3pBmtF8A.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 500;
  font-display: fallback;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjSL9AI5sdP3pBmtF8A.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 500;
  font-display: fallback;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjSL9AI9sdP3pBmtF8A.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 500;
  font-display: fallback;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjSL9AIFsdP3pBms.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 600;
  font-display: fallback;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIxsdP3pBmtF8A.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 600;
  font-display: fallback;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIVsdP3pBmtF8A.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 600;
  font-display: fallback;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIJsdP3pBmtF8A.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 600;
  font-display: fallback;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjQ76AI5sdP3pBmtF8A.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 600;
  font-display: fallback;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjQ76AI9sdP3pBmtF8A.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 600;
  font-display: fallback;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjQ76AIFsdP3pBms.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 700;
  font-display: fallback;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjWr7AIxsdP3pBmtF8A.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 700;
  font-display: fallback;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjWr7AIVsdP3pBmtF8A.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 700;
  font-display: fallback;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjWr7AIJsdP3pBmtF8A.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 700;
  font-display: fallback;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjWr7AI5sdP3pBmtF8A.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 700;
  font-display: fallback;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjWr7AI9sdP3pBmtF8A.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: IBM Plex Sans;
  font-style: normal;
  font-weight: 700;
  font-display: fallback;
  src: url(https://fonts.gstatic.com/s/ibmplexsans/v19/zYX9KVElMYYaJe8bpLHnCwDKjWr7AIFsdP3pBms.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root:lang(vi) {
  --tiktok-font-display: 'IBM Plex Sans', TikTokDisplayFont, system-ui, -apple-system, 'Roboto', 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --tiktok-font: 'IBM Plex Sans', TikTokFont, system-ui, -apple-system, 'Roboto', 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-family: var(--tiktok-font);
}
.\!container {
  width: 100% !important;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {
  .\!container {
    max-width: 640px !important;
  }
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .\!container {
    max-width: 768px !important;
  }
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .\!container {
    max-width: 1024px !important;
  }
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .\!container {
    max-width: 1280px !important;
  }
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .\!container {
    max-width: 1536px !important;
  }
  .container {
    max-width: 1536px;
  }
}
.P1-Bold {
  line-height: 130%;
  letter-spacing: -0.168px;
  font-size: 24px;
  font-weight: 700;
  font-family: var(--tiktok-font);
}
.P2-Bold {
  line-height: 130%;
  letter-spacing: -0.0288px;
  font-size: 18px;
  font-weight: 700;
  font-family: var(--tiktok-font);
}
.P2-Medium {
  line-height: 130%;
  letter-spacing: -0.0288px;
  font-size: 18px;
  font-weight: 500;
  font-family: var(--tiktok-font);
}
.P2-Regular {
  line-height: 130%;
  letter-spacing: -0.0288px;
  font-size: 18px;
  font-weight: 400;
  font-family: var(--tiktok-font);
}
.P3-Bold {
  line-height: 130%;
  letter-spacing: 0.0304px;
  font-size: 16px;
  font-weight: 700;
  font-family: var(--tiktok-font);
}
.P3-Medium {
  line-height: 130%;
  letter-spacing: 0.0304px;
  font-size: 16px;
  font-weight: 500;
  font-family: var(--tiktok-font);
}
.P3-Regular {
  line-height: 130%;
  letter-spacing: 0.0304px;
  font-size: 16px;
  font-weight: 400;
  font-family: var(--tiktok-font);
}
.P4-Bold {
  line-height: 130%;
  letter-spacing: 0.0938px;
  font-size: 14px;
  font-weight: 700;
  font-family: var(--tiktok-font);
}
.P4-Medium {
  line-height: 130%;
  letter-spacing: 0.0938px;
  font-size: 14px;
  font-weight: 500;
  font-family: var(--tiktok-font);
}
.P4-Regular {
  line-height: 130%;
  letter-spacing: 0.0938px;
  font-size: 14px;
  font-weight: 400;
  font-family: var(--tiktok-font);
}
.P5-Regular {
  line-height: 130%;
  letter-spacing: 0.1608px;
  font-size: 12px;
  font-weight: 400;
  font-family: var(--tiktok-font);
}
.\!visible {
  visibility: visible !important;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.-bottom-20 {
  bottom: -20px;
}
.left-0 {
  left: 0px;
}
.top-0 {
  top: 0px;
}
.top-16 {
  top: 16px;
}
.z-0 {
  z-index: 0;
}
.m-auto {
  margin: auto;
}
.mx-16 {
  margin-left: 16px;
  margin-right: 16px;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.\!ms-4 {
  margin-inline-start: 4px !important;
}
.mb-16 {
  margin-bottom: 16px;
}
.mb-8 {
  margin-bottom: 8px;
}
.mb-\[100px\] {
  margin-bottom: 100px;
}
.me-8 {
  margin-inline-end: 8px;
}
.ms-4 {
  margin-inline-start: 4px;
}
.ms-6 {
  margin-inline-start: 6px;
}
.mt-24 {
  margin-top: 24px;
}
.mt-32 {
  margin-top: 32px;
}
.mt-60 {
  margin-top: 60px;
}
.mt-8 {
  margin-top: 8px;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.table-cell {
  display: table-cell;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.h-16 {
  height: 16px;
}
.h-20 {
  height: 20px;
}
.h-24 {
  height: 24px;
}
.h-36 {
  height: 36px;
}
.h-\[36px\] {
  height: 36px;
}
.h-full {
  height: 100%;
}
.w-16 {
  width: 16px;
}
.w-20 {
  width: 20px;
}
.w-24 {
  width: 24px;
}
.w-\[207px\] {
  width: 207px;
}
.w-\[208px\] {
  width: 208px;
}
.w-\[36px\] {
  width: 36px;
}
.w-full {
  width: 100%;
}
.min-w-\[470px\] {
  min-width: 470px;
}
.min-w-\[88px\] {
  min-width: 88px;
}
.max-w-\[1140px\] {
  max-width: 1140px;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-grow {
  flex-grow: 1;
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer {
  cursor: pointer;
}
.select-none {
  user-select: none;
}
.select-text {
  user-select: text;
}
.resize {
  resize: both;
}
.flex-row {
  flex-direction: row;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-4 {
  gap: 4px;
}
.gap-x-36 {
  column-gap: 36px;
}
.gap-y-24 {
  row-gap: 24px;
}
.self-end {
  align-self: flex-end;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.break-all {
  word-break: break-all;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-\[30px\] {
  border-radius: 30px;
}
.rounded-\[4px\] {
  border-radius: 4px;
}
.border {
  border-width: 1px;
}
.border-b-0 {
  border-bottom-width: 0px;
}
.border-l-0 {
  border-left-width: 0px;
}
.border-r-0 {
  border-right-width: 0px;
}
.border-t-\[0\.5px\] {
  border-top-width: 0.5px;
}
.border-solid {
  border-style: solid;
}
.border-t-LineSecondary2 {
  border-top-color: var(--line-secondary-2);
}
.bg-BGPlaceholderDefault {
  background-color: var(--bg-placeholder-default);
}
.bg-ConstBGInverse-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-UIImageOverlayDarkGrayA60 {
  background-color: var(--ui-image-overlay-dark-gray-a-6-0);
}
.p-16 {
  padding: 16px;
}
.px-4 {
  padding-left: 4px;
  padding-right: 4px;
}
.px-8 {
  padding-left: 8px;
  padding-right: 8px;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-6 {
  padding-top: 6px;
  padding-bottom: 6px;
}
.pb-\[100px\] {
  padding-bottom: 100px;
}
.pl-16 {
  padding-left: 16px;
}
.pr-8 {
  padding-right: 8px;
}
.text-center {
  text-align: center;
}
.font-tiktok {
  font-family: var(--tiktok-font);
}
.font-tiktok-display {
  font-family: var(--tiktok-font-display);
}
.text-14 {
  font-size: 14px;
}
.text-16 {
  font-size: 16px;
}
.text-18 {
  font-size: 18px;
}
.text-\[20px\] {
  font-size: 20px;
}
.font-500 {
  font-weight: 500;
}
.font-black {
  font-weight: 900;
}
.font-bold {
  font-weight: 700;
}
.font-semibold {
  font-weight: 600;
}
.italic {
  font-style: italic;
}
.not-italic {
  font-style: normal;
}
.leading-\[18\.2px\] {
  line-height: 18.2px;
}
.tracking-\[0\.0067em\] {
  letter-spacing: 0.0067em;
}
.text-ConstTextInverse {
  color: var(--const-text-inverse);
}
.text-ConstTextInverse-dark {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-Primary {
  color: var(--primary);
}
.text-Primary-dark {
  --tw-text-opacity: 1;
  color: rgb(255 59 92 / var(--tw-text-opacity));
}
.text-TextPrimary-dark {
  color: rgba(255, 255, 255, 0.9);
}
.text-UIShapeText1OnPrimary {
  color: var(--ui-shape-text-1-on-primary);
}
.underline {
  text-decoration-line: underline;
}
.line-through {
  text-decoration-line: line-through;
}
.no-underline {
  text-decoration-line: none;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.opacity-0 {
  opacity: 0;
}
.outline {
  outline-style: solid;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.visited\:text-ConstTextInverse-dark:visited {
  color: rgb(255 255 255 );
}
.hover\:bg-BGHover:hover {
  background-color: var(--bg-hover);
}
.hover\:text-ConstTextInverse-dark:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:no-underline:hover {
  text-decoration-line: none;
}
.focus\:text-ConstTextInverse-dark:focus {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.active\:bg-BGInput:active {
  background-color: var(--bg-input);
}
.active\:text-ConstTextInverse-dark:active {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.active\:no-underline:active {
  text-decoration-line: none;
}
.ltr\:left-16:where([dir="ltr"], [dir="ltr"] *) {
  left: 16px;
}
.ltr\:-mr-24:where([dir="ltr"], [dir="ltr"] *) {
  margin-right: -24px;
}
.ltr\:ml-16:where([dir="ltr"], [dir="ltr"] *) {
  margin-left: 16px;
}
.ltr\:ml-4:where([dir="ltr"], [dir="ltr"] *) {
  margin-left: 4px;
}
.ltr\:ml-6:where([dir="ltr"], [dir="ltr"] *) {
  margin-left: 6px;
}
.rtl\:right-16:where([dir="rtl"], [dir="rtl"] *) {
  right: 16px;
}
.rtl\:-ml-24:where([dir="rtl"], [dir="rtl"] *) {
  margin-left: -24px;
}
.rtl\:mr-16:where([dir="rtl"], [dir="rtl"] *) {
  margin-right: 16px;
}
.rtl\:mr-4:where([dir="rtl"], [dir="rtl"] *) {
  margin-right: 4px;
}
.rtl\:mr-6:where([dir="rtl"], [dir="rtl"] *) {
  margin-right: 6px;
}