:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
blockquote,
body,
dd,
dl,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
legend,
ol,
p,
pre,
ul {
  margin: 0;
  padding: 0
}
li>ol,
li>ul {
  margin-bottom: 0
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
fieldset {
  border: 0;
  min-width: 0
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}
button,
input {
  overflow: visible
}
textarea {
  border: none;
  box-shadow: none;
  outline: none;
  overflow: auto;
  resize: none;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text
}
label {
  cursor: pointer
}
input:-webkit-autofill,
input:-webkit-autofill-strong-password,
input:-webkit-autofill-strong-password-viewable {
  background: transparent
}
html {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 16px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box
}
* {
  outline: none !important
}
*,
:after,
:before {
  box-sizing: inherit
}
body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
[contenteditable] {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text
}
img {
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  transform: translateZ(0)
}
a {
  color: var(--c-base-link);
  cursor: pointer;
  text-decoration: none
}
a:active,
a:focus,
a:hover {
  color: var(--c-main--hover)
}
button {
  -webkit-appearance: button;
  background: none;
  border: 0;
  cursor: pointer;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  outline: 0;
  overflow: visible;
  padding: 0;
  text-transform: none
}
input:not([type=range]) {
  background: transparent;
  border: none;
  color: var(--c-0);
  filter: none !important;
  margin: 0;
  outline: none;
  padding: 0
}
input:not([type=range])::-ms-clear {
  display: none
}
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
  -webkit-text-fill-color: var(--c-0);
  -webkit-box-shadow: 0 0 0 1000px var(--c-base) inset;
  caret-color: var(--c-0);
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s
}
@media(min-width:600px) {input:-webkit-autofill,
  input:-webkit-autofill:focus,
  input:-webkit-autofill:hover,
  select:-webkit-autofill,
  select:-webkit-autofill:focus,
  select:-webkit-autofill:hover,
  textarea:-webkit-autofill,
  textarea:-webkit-autofill:focus,
  textarea:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 60px var(--c-popup-base) inset !important
  }}
input:-webkit-autofill::-webkit-input-placeholder,
input:-webkit-autofill::placeholder,
input:-webkit-autofill:focus::-webkit-input-placeholder,
input:-webkit-autofill:focus::placeholder,
input:-webkit-autofill:hover::-webkit-input-placeholder,
input:-webkit-autofill:hover::placeholder,
select:-webkit-autofill::-webkit-input-placeholder,
select:-webkit-autofill::placeholder,
select:-webkit-autofill:focus::-webkit-input-placeholder,
select:-webkit-autofill:focus::placeholder,
select:-webkit-autofill:hover::-webkit-input-placeholder,
select:-webkit-autofill:hover::placeholder,
textarea:-webkit-autofill::-webkit-input-placeholder,
textarea:-webkit-autofill::placeholder,
textarea:-webkit-autofill:focus::-webkit-input-placeholder,
textarea:-webkit-autofill:focus::placeholder,
textarea:-webkit-autofill:hover::-webkit-input-placeholder,
textarea:-webkit-autofill:hover::placeholder {
  -webkit-text-fill-color: var(--c-input-placeholder);
  color: var(--c-input-placeholder);
  opacity: 1
}
input[type=checkbox].labeled,
input[type=file] {
  cursor: pointer;
  height: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: 0
}
input {
  box-sizing: border-box;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text
}
input:focus {
  outline: none
}
input:-moz-ui-invalid {
  box-shadow: none
}
input:disabled,
optgroup:disabled,
option:disabled,
select:disabled,
textarea:disabled {
  color: unset;
  cursor: no-drop;
  opacity: 1
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none
}
:root {
  --c-main: #7f1fe0;
  --c-main-h: 270;
  --c-main-s: 76%;
  --c-main-l: 50%;
  --c-main--translucent: hsla(var(--c-main-h), var(--c-main-s), var(--c-main-l), 10%);
  --c-main--translucent-30: hsla(var(--c-main-h), var(--c-main-s), var(--c-main-l), 30%);
  --c-main--translucent-50: hsla(var(--c-main-h), var(--c-main-s), var(--c-main-l), 50%);
  --c-main--hover: hsl(var(--c-main-h), var(--c-main-s), calc(var(--c-main-l)*0.8));
  --c-main--hover-shadow: rgba(126, 31, 224, .5);
  --c-main--strong: #593087;
  --c-main--strong-h: 268;
  --c-main--strong-s: 48%;
  --c-main--strong-l: 35.9%;
  --c-other-lust: #e3362b;
  --c-green-50: #f0fdf4;
  --c-green-100: #dcfce7;
  --c-green-200: #bbf7d0;
  --c-green-300: #86efac;
  --c-green-500: #2ea24a;
  --c-green-600: #16a34a;
  --c-green-700: #15803d;
  --c-green-800: #166534;
  --c-blue-50: #eff6ff;
  --c-blue-100: #dbeafe;
  --c-blue-200: #bfdbfe;
  --c-blue-300: #93c5fd;
  --c-blue-500: #3b82f6;
  --c-blue-700: #1d4ed8;
  --c-blue-800: #1e40af;
  --c-dark-blue-50: #eef2ff;
  --c-dark-blue-100: #e0e7ff;
  --c-dark-blue-300: #a5b4fc;
  --c-dark-blue-500: #6366f1;
  --c-dark-blue-700: #4338ca;
  --c-dark-blue-800: #3730a3;
  --c-rose-50: #fff1f2;
  --c-rose-100: #ffe4e6;
  --c-rose-300: #fda4af;
  --c-rose-600: #e11d48;
  --c-rose-700: #be123c;
  --c-rose-800: #9f1239;
  --c-red-50: #fff1f0;
  --c-red-100: #fee2e2;
  --c-red-200: #fecaca;
  --c-red-500: #e3362b;
  --c-red-700: #b91c1c;
  --c-red-900: #8d0800;
  --c-yellow-50: #fffbeb;
  --c-yellow-100: #fef3c7;
  --c-yellow-200: #fde68a;
  --c-yellow-700: #a8340a;
  --c-yellow-800: #92400e;
  --c-yellow-900: #78350f;
  --c-yellow-950: #6b2200;
  --gradient-gold: linear-gradient(161deg, #ffee58, #ffc151 50%, #fe8c23 86.5%);
  --c-error: var(--c-red-500)
}
@media(prefers-color-scheme:light) {.layout:not([data-theme]) {
    --c-0: #000;
    --c-255: #fff;
    --c-grey-50: #f7f7f7;
    --c-grey-50-h: 0;
    --c-grey-50-s: 0%;
    --c-grey-50-l: 97%;
    --c-grey-100: #f2f2f2;
    --c-grey-100-h: 0;
    --c-grey-100-s: 0%;
    --c-grey-100-l: 95%;
    --c-grey-100--hover: hsl(var(--c-grey-100-h), var(--c-grey-100-s), calc(var(--c-grey-100-l)*0.8));
    --c-grey-200: #f2f2f2;
    --c-grey-200-h: 0;
    --c-grey-200-s: 0%;
    --c-grey-200-l: 95%;
    --c-grey-200--hover: hsl(var(--c-grey-200-h), var(--c-grey-200-s), calc(var(--c-grey-200-l)*0.8));
    --c-grey-400: #8a8b90;
    --c-base: #fff;
    --c-base--translucent: hsla(0, 0%, 100%, .95);
    --c-base--transparent: hsla(0, 0%, 100%, 0);
    --c-base-secondary: var(--c-grey-50);
    --c-base-secondary--switch: var(--c-grey-50);
    --c-base-secondary-translucent: hsla(0, 0%, 97%, .75);
    --c-base-text: #000;
    --c-base-text-secondary: #999;
    --c-base-text-secondary-h: 0;
    --c-base-text-secondary-s: 0%;
    --c-base-text-secondary-l: 60%;
    --c-base-text-secondary--hover: hsl(var(--c-base-text-secondary-h), var(--c-base-text-secondary-s), calc(var(--c-base-text-secondary-l)*0.8));
    --c-base-text-tertiary: #4b4b4b;
    --c-base-link: var(--c-main);
    --c-base-line: #e6e6e6;
    --c-base-backdrop: rgba(0, 0, 0, .8);
    --c-border: #dedede;
    --c-header-line: transparent;
    --c-header-icon: #000;
    --c-header-link--save: var(--c-main);
    --c-header-link--lighter: #be8fef;
    --c-bot-base: var(--c-base);
    --c-bot-border: var(--c-base-line);
    --c-bot-item: #8a8b90;
    --c-sidemenu-text: var(--c-base-text);
    --c-sidemenu-text-social: #262626;
    --c-footer-text: #8b8b8b;
    --c-search-base: #f1f1f2;
    --c-search-text-main: var(--c-main);
    --c-search-whisper-active: var(--c-grey-100);
    --c-search-whisper-active--hover: var(--c-grey-100--hover);
    --c-search-whisper-item-label: var(--c-grey-400);
    --search-whisper-line: #e6e6e6;
    --c-search-whisper-border: transparent;
    --c-controls-base: #f2f2f2;
    --c-controls-base-h: 0;
    --c-controls-base-s: 0%;
    --c-controls-base-l: 95%;
    --c-controls-base--hover: hsl(var(--c-controls-base-h), var(--c-controls-base-s), calc(var(--c-controls-base-l)*0.8));
    --c-controls-base--active: var(--c-main--translucent);
    --c-controls-item: var(--c-base-text);
    --c-controls-item--active: var(--c-main);
    --c-controls-icon: #262626;
    --c-controls-text: #262626;
    --c-popup-base: var(--c-base);
    --c-popup-text-secondary: #3c3c3c;
    --c-popup-menu-text: #3c3c3c;
    --c-popup-menu-separator: #f3f3f3;
    --c-li-base-active: var(--c-main--translucent);
    --c-li-base-active-grey: var(--c-grey-100);
    --c-tag-base: #f2f2f2;
    --c-tag-base-h: 0;
    --c-tag-base-s: 0%;
    --c-tag-base-l: 95%;
    --c-tag-base--hover: hsl(var(--c-tag-base-h), var(--c-tag-base-s), calc(var(--c-tag-base-l)*0.8));
    --c-tag-text: var(--c-base-text);
    --c-tag-text--main: var(--c-main);
    --c-tag--active-base: var(--c-main--translucent);
    --c-tag--active-base--hover: hsla(var(--c-main-h), var(--c-main-s), var(--c-main-l), 26%);
    --c-tag--active-border: var(--c-main);
    --c-tag--active-border--hover: hsl(var(--c-main-h), var(--c-main-s), calc(var(--c-main-l)*0.8));
    --c-tag--active-text: var(--c-tag-text);
    --c-tag--big-base: #fff;
    --c-tag--big-base-h: 0;
    --c-tag--big-base-s: 0%;
    --c-tag--big-base-l: 100%;
    --c-tag--big-base--hover: var(--c-main--translucent);
    --c-tag--big-border: #dedede;
    --c-tag--big-border-h: 0;
    --c-tag--big-border-s: 0%;
    --c-tag--big-border-l: 87%;
    --c-tag--big-border--hover: var(--c-main);
    --c-tag--big-text: var(--c-tag-text);
    --c-tag--big-text--hover: var(--c-main);
    --c-dropdown-base: #fff;
    --c-dropdown-item-default: var(--c-grey-100);
    --c-dropdown-item-default--hover: var(--c-grey-100--hover);
    --c-dropdown-item-hover: #eaeaea;
    --c-dropdown-border: var(--c-border);
    --c-dropdown-shade: 0 1px 3px rgba(0, 0, 0, .2);
    --c-input-border: var(--c-border);
    --c-input-border--focus: var(--c-main);
    --c-input-border--focus--strong: var(--c-main);
    --c-input-label: #717171;
    --c-input-placeholder: #8a8b90;
    --c-button--muted-base: var(--c-base);
    --c-button--muted-base--hover: var(--c-base);
    --c-button--muted-border: #e2e2e4;
    --c-button--muted-border-h: 240;
    --c-button--muted-border-s: 2%;
    --c-button--muted-border-l: 89%;
    --c-button--muted-border--hover: hsl(var(--c-button--muted-border-h), var(--c-button--muted-border-s), calc(var(--c-button--muted-border-l)*0.8));
    --c-button--muted-text: var(--c-base-text);
    --c-button--muted-text--hover: var(--c-button--muted-text);
    --c-button--disabled-base: #f1f1f1;
    --c-button--disabled-border: #f1f1f1;
    --c-button--disabled-text: #a6a7ab;
    --c-button--secondary-base: var(--c-main--translucent);
    --c-button--secondary-base--hover: var(--c-main);
    --c-button--secondary-border: transparent;
    --c-button--secondary-border--hover: transparent;
    --c-button--secondary-text: var(--c-main);
    --c-button--secondary-text--hover: #fff;
    --c-button--tag-base: var(--c-grey-100);
    --c-button--tag-base--hover: var(--c-grey-100--hover);
    --c-button--tag-text: var(--c-base-text);
    --c-avatar-border: #f2f2f2;
    --c-placeholder: #e6e6e6;
    --c-placeholder-secondary: var(--c-grey-100);
    --c-slideup-text: #a8a8a8;
    --c-slideup-border: #dedede;
    --c-slideup--custom-base: #eee;
    --c-slideup-part-base: #f4f4f5;
    --c-slideup-part-border: #e6e6e6;
    --c-slideup-search: #fff;
    --c-slideup-icon-dark: #262626;
    --c-dm-base: var(--c-base);
    --c-dm-button-hover-base: transparent;
    --c-dm-button-hover-border: #f2f2f2;
    --c-dm-button-active-base: #eaf3fe;
    --c-dm-button-active-text: #3272e8;
    --c-dm-item-hover: #f2f2f2;
    --c-dm-item-text: #3c3c3c;
    --c-dm-item-icon: #3c3c3c;
    --c-dm-item-text-hover: #3c3c3c;
    --c-share-text: #51515a;
    --c-share-icon: #fafafa;
    --c-tooltip-base: #1b1b1b;
    --c-tooltip-text: var(--c-255);
    --c-tooltip-toned-base: #1b1b1b;
    --c-tooltip-toned-text: var(--c-255);
    --c-pwa-text: var(--c-base-text-tertiary);
    --c-pwa-icon-bg: var(--c-base);
    --c-pwa-separator: #717171;
    --c-switch: #e5e5e5;
    --c-profile-text: #262626;
    --c-profile-text-secondary: #8a8b90;
    --c-profile-line: #e3e4e5;
    --c-profile-button-base: #f2f2f2;
    --c-profile-button-text: #262626;
    --c-profile-button-icon: var(--c-base-text);
    --c-profile-button-icon-active: #fff;
    --c-discover-icon-base: tranparent;
    --c-discover-icon-border: #e3e3e3;
    --c-discover-icon-text: var(--c-main);
    --c-discover-button-base: #f1f1f1;
    --c-discover-button-text: #161823;
    --c-np-button-base: var(--c-grey-100);
    --c-np-button-base--hover: var(--c-grey-100--hover);
    --c-np-button-text: #717171;
    --c-np-dropzone-base: #f8f8f8;
    --c-np-dropzone-text: #999;
    --c-feed-text: var(--c-base-text);
    --c-feed-text-secondary: #51525b;
    --c-feed-text-tertiary: #8a8b90;
    --c-settings-text: var(--c-base-text);
    --c-settings-text--hover: var(--c-base-text);
    --c-settings-text--secondary: #3c3c3c;
    --c-settings-icon: var(--c-grey-400);
    --c-settings-icon--hover: var(--c-base-text);
    --c-settings-base--hover: var(--c-grey-100);
    --c-settings-base--active: var(--c-main--translucent);
    --c-settings-top: #fafafa;
    --c-pagination-base: var(--c-grey-100);
    --c-pagination-base--hover: var(--c-grey-100--hover);
    --c-pagination-border: #e5e5e5;
    --c-pagination-text: #262626;
    --c-chat: #f5f5f5;
    --c-chat-text: #171717;
    --backdrop-brightness: 90%;
    --c-search-trends-box: #f9f9f9;
    --c-search-trends-box-separator: #e4e4e4;
    --c-sitemap-text-title: #170fa4
  }}
@media(prefers-color-scheme:dark) {.layout:not([data-theme]) {
    --c-eerie-black: #eee;
    --c-woodsmoke: #fafafa;
    --c-0: #fff;
    --c-255: #000;
    --c-main--hover: hsl(var(--c-main-h), var(--c-main-s), calc(var(--c-main-l)*1.2));
    --c-main--hover-shadow: transparent;
    --c-main--strong: #9b70cd;
    --c-main--strong-h: 268;
    --c-main--strong-s: 48%;
    --c-main--strong-l: 62%;
    --c-grey-100: #e8e8e8;
    --c-grey-100-h: 0;
    --c-grey-100-s: 0%;
    --c-grey-100-l: 91%;
    --c-grey-100--hover: hsl(var(--c-grey-100-h), var(--c-grey-100-s), calc(var(--c-grey-100-l)*1.2));
    --c-grey-200: #ddd;
    --c-grey-500: #454545;
    --c-grey-500-h: 0;
    --c-grey-500-s: 0%;
    --c-grey-500-l: 27%;
    --c-grey-500--hover: hsl(var(--c-grey-500-h), var(--c-grey-500-s), calc(var(--c-grey-500-l)*1.2));
    --c-grey-600: #3d3d3d;
    --c-grey-600-h: 0;
    --c-grey-600-s: 0%;
    --c-grey-600-l: 24%;
    --c-grey-600--hover: hsl(var(--c-grey-600-h), var(--c-grey-600-s), calc(var(--c-grey-600-l)*1.2));
    --c-grey-700: #2e2e2e;
    --c-grey-700-h: 0;
    --c-grey-700-s: 0%;
    --c-grey-700-l: 18%;
    --c-grey-700--hover: hsl(var(--c-grey-700-h), var(--c-grey-700-s), calc(var(--c-grey-700-l)*1.2));
    --c-grey-900: #1c1c1c;
    --c-grey-900-h: 0;
    --c-grey-900-s: 0%;
    --c-grey-900-l: 11%;
    --c-grey-900--hover: hsl(var(--c-grey-900-h), var(--c-grey-900-s), calc(var(--c-grey-900-l)*1.2));
    --dm-highlight: 0 0 0 1px var(--c-grey-700);
    --c-base: #121212;
    --c-base-secondary: var(--c-base);
    --c-base-secondary-translucent: hsla(0, 0%, 7%, .75);
    --c-base-secondary--switch: var(--c-base-line);
    --c-base--translucent: hsla(0, 0%, 7%, .95);
    --c-base--transparent: hsla(0, 0%, 7%, 0);
    --c-base-text: var(--c-grey-100);
    --c-base-text-secondary: #8c8c8c;
    --c-base-text-secondary-h: 0;
    --c-base-text-secondary-s: 0%;
    --c-base-text-secondary-l: 55%;
    --c-base-text-secondary--hover: hsl(var(--c-base-text-secondary-h), var(--c-base-text-secondary-s), calc(var(--c-base-text-secondary-l)*1.2));
    --c-base-text-tertiary: #8d8d8d;
    --c-base-link: #9655ff;
    --c-base-line: var(--c-grey-700);
    --c-base-backdrop: rgba(0, 0, 0, .6);
    --c-border: #636363;
    --c-header-line: var(--c-base-line);
    --c-header-icon: var(--c-base-text);
    --c-header-link--save: #9655ff;
    --c-header-link--lighter: #8d8d8d;
    --c-bot-base: #252525;
    --c-bot-border: #252525;
    --c-bot-item: #bfbfbf;
    --c-footer-text: #717171;
    --c-sidemenu-text: var(--c-base-text);
    --c-sidemenu-text-social: #717171;
    --c-search-base: #464646;
    --c-search-text-main: #e7e7e7;
    --c-search-whisper-active: var(--c-grey-700);
    --c-search-whisper-active--hover: var(--c-grey-700--hover);
    --c-search-whisper-item-label: var(--c-base-text-tertiary);
    --search-whisper-line: var(--c-grey-500);
    --c-search-whisper-border: var(--c-border);
    --c-controls-base: var(--c-grey-700);
    --c-controls-base--hover: var(--c-grey-700--hover);
    --c-controls-base--active: var(--c-main);
    --c-controls-item: #eaeaea;
    --c-controls-item--active: #fff;
    --c-controls-icon: #eaeaea;
    --c-controls-text: var(--c-base-text);
    --c-popup-base: #262626;
    --c-popup-text-secondary: var(--c-base-text-secondary);
    --c-popup-menu-text: var(--c-base-text);
    --c-popup-menu-separator: var(--c-grey-700);
    --c-li-base-active: #252525;
    --c-li-base-active-grey: #252525;
    --c-tag-base: #262626;
    --c-tag-base-h: 0;
    --c-tag-base-s: 0%;
    --c-tag-base-l: 15%;
    --c-tag-base--hover: hsl(var(--c-tag-base-h), var(--c-tag-base-s), calc(var(--c-tag-base-l)*1.2));
    --c-tag-text: #eaeaea;
    --c-tag-text--main: #8d8d8d;
    --c-tag--active-base: var(--c-main);
    --c-tag--active-base--hover: hsl(var(--c-main-h), var(--c-main-s), calc(var(--c-main-l)*1.2));
    --c-tag--active-border: var(--c-main);
    --c-tag--active-border--hover: hsl(var(--c-main-h), var(--c-main-s), calc(var(--c-main-l)*1.2));
    --c-tag--active-text: var(--c-tag-text);
    --c-tag--big-base: #2e2e2e;
    --c-tag--big-base-h: 0;
    --c-tag--big-base-s: 0%;
    --c-tag--big-base-l: 18%;
    --c-tag--big-base--hover: hsl(var(--c-tag--big-base-h), var(--c-tag--big-base-s), calc(var(--c-tag--big-base-l)*1.2));
    --c-tag--big-border: var(--c-tag--big-base);
    --c-tag--big-border--hover: var(--c-tag--big-base--hover);
    --c-dropdown-base: var(--c-grey-900);
    --c-dropdown-item-default: var(--c-grey-700);
    --c-dropdown-item-default--hover: var(--c-grey-700--hover);
    --c-dropdown-item-hover: var(--c-grey-500);
    --c-dropdown-border: #262626;
    --c-dropdown-shade: 1px 2px 6px rgba(0, 0, 0, .2);
    --c-input-border: #464646;
    --c-input-border--focus: #e7e7e7;
    --c-input-border--focus--strong: var(--c-main--hover);
    --c-input-label: #8d8d8d;
    --c-input-placeholder: #d3d3d3;
    --c-button--muted-base: var(--c-grey-700);
    --c-button--muted-base--hover: var(--c-grey-700--hover);
    --c-button--muted-border: var(--c-grey-600);
    --c-button--muted-border--hover: var(--c-grey-600--hover);
    --c-button--muted-text: var(--c-base-text);
    --c-button--muted-text--hover: var(--c-grey-100--hover);
    --c-button--disabled-base: #636363;
    --c-button--disabled-border: #717171;
    --c-button--disabled-text: #a6a7ab;
    --c-button--secondary-base: var(--c-main--translucent-30);
    --c-button--secondary-base--hover: var(--c-main);
    --c-button--secondary-border: var(--c-main--translucent-50);
    --c-button--secondary-border--hover: var(--c-main);
    --c-button--secondary-text: #fff;
    --c-button--secondary-text--hover: #fff;
    --c-button--tag-base: #252525;
    --c-button--tag-base--hover: var(--c-grey-700--hover);
    --c-button--tag-text: var(--c-base-text-secondary);
    --c-avatar-border: #2e2e2e;
    --c-placeholder: var(--c-grey-700);
    --c-placeholder-secondary: var(--c-base-text-secondary);
    --c-slideup-text: #a8a8a8;
    --c-slideup-border: #dedede;
    --c-slideup--custom-base: #262626;
    --c-slideup-part-base: #2f2f2f;
    --c-slideup-part-border: #3c3c3c;
    --c-slideup-search: var(--c-grey-500);
    --c-slideup-icon-dark: var(--c-share-icon);
    --c-dm-base: #262626;
    --c-dm-button-hover-base: var(--c-dm-base);
    --c-dm-button-hover-border: var(--c-dm-button-base);
    --c-dm-button-active-base: #464646;
    --c-dm-button-active-text: var(--c-base-text);
    --c-dm-item-hover: #2e2e2e;
    --c-dm-item-text: var(--c-base-text);
    --c-dm-item-icon: #999;
    --c-dm-item-text-hover: var(--c-base-text);
    --c-share-text: #ddd;
    --c-share-icon: #373737;
    --c-tooltip-base: #dedede;
    --c-tooltip-text: var(--c-255);
    --c-tooltip-toned-base: var(--c-tag-base);
    --c-tooltip-toned-text: var(--c-tag-text);
    --c-pwa-text: var(--c-grey-200);
    --c-pwa-icon-bg: #373737;
    --c-pwa-separator: #3c3c3c;
    --c-switch: #404040;
    --c-profile-text: #e5e5e5;
    --c-profile-text-secondary: #8b8b8b;
    --c-profile-line: #2e2e2e;
    --c-profile-button-base: #2e2e2e;
    --c-profile-button-text: #eaeaea;
    --c-profile-button-icon: #eaeaea;
    --c-profile-button-icon-active: #eaeaea;
    --c-discover-icon-base: #2f2f2f;
    --c-discover-icon-border: #2f2f2f;
    --c-discover-icon-text: #eaeaea;
    --c-discover-button-base: var(--c-grey-700);
    --c-discover-button-text: #e9e9e9;
    --c-np-button-base: var(--c-grey-700);
    --c-np-button-base--hover: var(--c-grey-700--hover);
    --c-np-button-text: #eaeaea;
    --c-np-dropzone-base: var(--c-grey-700);
    --c-np-dropzone-text: var(--c-base-text-secondary);
    --c-feed-text: #eaeaea;
    --c-feed-text-secondary: #999;
    --c-feed-text-tertiary: #999;
    --c-settings-text: var(--c-base-text);
    --c-settings-text--hover: var(--c-base-text);
    --c-settings-text--secondary: var(--c-base-text-secondary);
    --c-settings-icon: var(--c-base-text);
    --c-settings-icon--hover: var(--c-base-text);
    --c-settings-base--hover: var(--c-grey-700);
    --c-settings-base--active: var(--c-grey-700--hover);
    --c-settings-top: #262626;
    --c-pagination-base: #252525;
    --c-pagination-base--hover: var(--c-grey-700--hover);
    --c-pagination-border: #252525;
    --c-pagination-text: #eaeaea;
    --c-chat: #404040;
    --c-chat-text: #fff;
    --c-search-trends-box: #2c2c2c;
    --c-search-trends-box-separator: #3e3e3e;
    --c-sitemap-text-title: #8b7dff
  }}
@media(prefers-color-scheme:dark)and (min-width:600px) {.layout:not([data-theme]) {
    --c-base: #1a1a1a;
    --c-base--transparent: rgba(26, 26, 26, 0);
    --c-li-base-active: var(--c-grey-700);
    --c-li-base-active-grey: var(--c-grey-700)
  }}
.layout[data-theme=light] {
  --c-0: #000;
  --c-255: #fff;
  --c-grey-50: #f7f7f7;
  --c-grey-50-h: 0;
  --c-grey-50-s: 0%;
  --c-grey-50-l: 97%;
  --c-grey-100: #f2f2f2;
  --c-grey-100-h: 0;
  --c-grey-100-s: 0%;
  --c-grey-100-l: 95%;
  --c-grey-100--hover: hsl(var(--c-grey-100-h), var(--c-grey-100-s), calc(var(--c-grey-100-l)*0.8));
  --c-grey-200: #f2f2f2;
  --c-grey-200-h: 0;
  --c-grey-200-s: 0%;
  --c-grey-200-l: 95%;
  --c-grey-200--hover: hsl(var(--c-grey-200-h), var(--c-grey-200-s), calc(var(--c-grey-200-l)*0.8));
  --c-grey-400: #8a8b90;
  --c-base: #fff;
  --c-base--translucent: hsla(0, 0%, 100%, .95);
  --c-base--transparent: hsla(0, 0%, 100%, 0);
  --c-base-secondary: var(--c-grey-50);
  --c-base-secondary--switch: var(--c-grey-50);
  --c-base-secondary-translucent: hsla(0, 0%, 97%, .75);
  --c-base-text: #000;
  --c-base-text-secondary: #999;
  --c-base-text-secondary-h: 0;
  --c-base-text-secondary-s: 0%;
  --c-base-text-secondary-l: 60%;
  --c-base-text-secondary--hover: hsl(var(--c-base-text-secondary-h), var(--c-base-text-secondary-s), calc(var(--c-base-text-secondary-l)*0.8));
  --c-base-text-tertiary: #4b4b4b;
  --c-base-link: var(--c-main);
  --c-base-line: #e6e6e6;
  --c-base-backdrop: rgba(0, 0, 0, .8);
  --c-border: #dedede;
  --c-header-line: transparent;
  --c-header-icon: #000;
  --c-header-link--save: var(--c-main);
  --c-header-link--lighter: #be8fef;
  --c-bot-base: var(--c-base);
  --c-bot-border: var(--c-base-line);
  --c-bot-item: #8a8b90;
  --c-sidemenu-text: var(--c-base-text);
  --c-sidemenu-text-social: #262626;
  --c-footer-text: #8b8b8b;
  --c-search-base: #f1f1f2;
  --c-search-text-main: var(--c-main);
  --c-search-whisper-active: var(--c-grey-100);
  --c-search-whisper-active--hover: var(--c-grey-100--hover);
  --c-search-whisper-item-label: var(--c-grey-400);
  --search-whisper-line: #e6e6e6;
  --c-search-whisper-border: transparent;
  --c-controls-base: #f2f2f2;
  --c-controls-base-h: 0;
  --c-controls-base-s: 0%;
  --c-controls-base-l: 95%;
  --c-controls-base--hover: hsl(var(--c-controls-base-h), var(--c-controls-base-s), calc(var(--c-controls-base-l)*0.8));
  --c-controls-base--active: var(--c-main--translucent);
  --c-controls-item: var(--c-base-text);
  --c-controls-item--active: var(--c-main);
  --c-controls-icon: #262626;
  --c-controls-text: #262626;
  --c-popup-base: var(--c-base);
  --c-popup-text-secondary: #3c3c3c;
  --c-popup-menu-text: #3c3c3c;
  --c-popup-menu-separator: #f3f3f3;
  --c-li-base-active: var(--c-main--translucent);
  --c-li-base-active-grey: var(--c-grey-100);
  --c-tag-base: #f2f2f2;
  --c-tag-base-h: 0;
  --c-tag-base-s: 0%;
  --c-tag-base-l: 95%;
  --c-tag-base--hover: hsl(var(--c-tag-base-h), var(--c-tag-base-s), calc(var(--c-tag-base-l)*0.8));
  --c-tag-text: var(--c-base-text);
  --c-tag-text--main: var(--c-main);
  --c-tag--active-base: var(--c-main--translucent);
  --c-tag--active-base--hover: hsla(var(--c-main-h), var(--c-main-s), var(--c-main-l), 26%);
  --c-tag--active-border: var(--c-main);
  --c-tag--active-border--hover: hsl(var(--c-main-h), var(--c-main-s), calc(var(--c-main-l)*0.8));
  --c-tag--active-text: var(--c-tag-text);
  --c-tag--big-base: #fff;
  --c-tag--big-base-h: 0;
  --c-tag--big-base-s: 0%;
  --c-tag--big-base-l: 100%;
  --c-tag--big-base--hover: var(--c-main--translucent);
  --c-tag--big-border: #dedede;
  --c-tag--big-border-h: 0;
  --c-tag--big-border-s: 0%;
  --c-tag--big-border-l: 87%;
  --c-tag--big-border--hover: var(--c-main);
  --c-tag--big-text: var(--c-tag-text);
  --c-tag--big-text--hover: var(--c-main);
  --c-dropdown-base: #fff;
  --c-dropdown-item-default: var(--c-grey-100);
  --c-dropdown-item-default--hover: var(--c-grey-100--hover);
  --c-dropdown-item-hover: #eaeaea;
  --c-dropdown-border: var(--c-border);
  --c-dropdown-shade: 0 1px 3px rgba(0, 0, 0, .2);
  --c-input-border: var(--c-border);
  --c-input-border--focus: var(--c-main);
  --c-input-border--focus--strong: var(--c-main);
  --c-input-label: #717171;
  --c-input-placeholder: #8a8b90;
  --c-button--muted-base: var(--c-base);
  --c-button--muted-base--hover: var(--c-base);
  --c-button--muted-border: #e2e2e4;
  --c-button--muted-border-h: 240;
  --c-button--muted-border-s: 2%;
  --c-button--muted-border-l: 89%;
  --c-button--muted-border--hover: hsl(var(--c-button--muted-border-h), var(--c-button--muted-border-s), calc(var(--c-button--muted-border-l)*0.8));
  --c-button--muted-text: var(--c-base-text);
  --c-button--muted-text--hover: var(--c-button--muted-text);
  --c-button--disabled-base: #f1f1f1;
  --c-button--disabled-border: #f1f1f1;
  --c-button--disabled-text: #a6a7ab;
  --c-button--secondary-base: var(--c-main--translucent);
  --c-button--secondary-base--hover: var(--c-main);
  --c-button--secondary-border: transparent;
  --c-button--secondary-border--hover: transparent;
  --c-button--secondary-text: var(--c-main);
  --c-button--secondary-text--hover: #fff;
  --c-button--tag-base: var(--c-grey-100);
  --c-button--tag-base--hover: var(--c-grey-100--hover);
  --c-button--tag-text: var(--c-base-text);
  --c-avatar-border: #f2f2f2;
  --c-placeholder: #e6e6e6;
  --c-placeholder-secondary: var(--c-grey-100);
  --c-slideup-text: #a8a8a8;
  --c-slideup-border: #dedede;
  --c-slideup--custom-base: #eee;
  --c-slideup-part-base: #f4f4f5;
  --c-slideup-part-border: #e6e6e6;
  --c-slideup-search: #fff;
  --c-slideup-icon-dark: #262626;
  --c-dm-base: var(--c-base);
  --c-dm-button-hover-base: transparent;
  --c-dm-button-hover-border: #f2f2f2;
  --c-dm-button-active-base: #eaf3fe;
  --c-dm-button-active-text: #3272e8;
  --c-dm-item-hover: #f2f2f2;
  --c-dm-item-text: #3c3c3c;
  --c-dm-item-icon: #3c3c3c;
  --c-dm-item-text-hover: #3c3c3c;
  --c-share-text: #51515a;
  --c-share-icon: #fafafa;
  --c-tooltip-base: #1b1b1b;
  --c-tooltip-text: var(--c-255);
  --c-tooltip-toned-base: #1b1b1b;
  --c-tooltip-toned-text: var(--c-255);
  --c-pwa-text: var(--c-base-text-tertiary);
  --c-pwa-icon-bg: var(--c-base);
  --c-pwa-separator: #717171;
  --c-switch: #e5e5e5;
  --c-profile-text: #262626;
  --c-profile-text-secondary: #8a8b90;
  --c-profile-line: #e3e4e5;
  --c-profile-button-base: #f2f2f2;
  --c-profile-button-text: #262626;
  --c-profile-button-icon: var(--c-base-text);
  --c-profile-button-icon-active: #fff;
  --c-discover-icon-base: tranparent;
  --c-discover-icon-border: #e3e3e3;
  --c-discover-icon-text: var(--c-main);
  --c-discover-button-base: #f1f1f1;
  --c-discover-button-text: #161823;
  --c-np-button-base: var(--c-grey-100);
  --c-np-button-base--hover: var(--c-grey-100--hover);
  --c-np-button-text: #717171;
  --c-np-dropzone-base: #f8f8f8;
  --c-np-dropzone-text: #999;
  --c-feed-text: var(--c-base-text);
  --c-feed-text-secondary: #51525b;
  --c-feed-text-tertiary: #8a8b90;
  --c-settings-text: var(--c-base-text);
  --c-settings-text--hover: var(--c-base-text);
  --c-settings-text--secondary: #3c3c3c;
  --c-settings-icon: var(--c-grey-400);
  --c-settings-icon--hover: var(--c-base-text);
  --c-settings-base--hover: var(--c-grey-100);
  --c-settings-base--active: var(--c-main--translucent);
  --c-settings-top: #fafafa;
  --c-pagination-base: var(--c-grey-100);
  --c-pagination-base--hover: var(--c-grey-100--hover);
  --c-pagination-border: #e5e5e5;
  --c-pagination-text: #262626;
  --c-chat: #f5f5f5;
  --c-chat-text: #171717;
  --backdrop-brightness: 90%;
  --c-search-trends-box: #f9f9f9;
  --c-search-trends-box-separator: #e4e4e4;
  --c-sitemap-text-title: #170fa4
}
.layout[data-theme=dark] {
  --c-eerie-black: #eee;
  --c-woodsmoke: #fafafa;
  --c-0: #fff;
  --c-255: #000;
  --c-main--hover: hsl(var(--c-main-h), var(--c-main-s), calc(var(--c-main-l)*1.2));
  --c-main--hover-shadow: transparent;
  --c-main--strong: #9b70cd;
  --c-main--strong-h: 268;
  --c-main--strong-s: 48%;
  --c-main--strong-l: 62%;
  --c-grey-100: #e8e8e8;
  --c-grey-100-h: 0;
  --c-grey-100-s: 0%;
  --c-grey-100-l: 91%;
  --c-grey-100--hover: hsl(var(--c-grey-100-h), var(--c-grey-100-s), calc(var(--c-grey-100-l)*1.2));
  --c-grey-200: #ddd;
  --c-grey-500: #454545;
  --c-grey-500-h: 0;
  --c-grey-500-s: 0%;
  --c-grey-500-l: 27%;
  --c-grey-500--hover: hsl(var(--c-grey-500-h), var(--c-grey-500-s), calc(var(--c-grey-500-l)*1.2));
  --c-grey-600: #3d3d3d;
  --c-grey-600-h: 0;
  --c-grey-600-s: 0%;
  --c-grey-600-l: 24%;
  --c-grey-600--hover: hsl(var(--c-grey-600-h), var(--c-grey-600-s), calc(var(--c-grey-600-l)*1.2));
  --c-grey-700: #2e2e2e;
  --c-grey-700-h: 0;
  --c-grey-700-s: 0%;
  --c-grey-700-l: 18%;
  --c-grey-700--hover: hsl(var(--c-grey-700-h), var(--c-grey-700-s), calc(var(--c-grey-700-l)*1.2));
  --c-grey-900: #1c1c1c;
  --c-grey-900-h: 0;
  --c-grey-900-s: 0%;
  --c-grey-900-l: 11%;
  --c-grey-900--hover: hsl(var(--c-grey-900-h), var(--c-grey-900-s), calc(var(--c-grey-900-l)*1.2));
  --dm-highlight: 0 0 0 1px var(--c-grey-700);
  --c-base: #121212;
  --c-base-secondary: var(--c-base);
  --c-base-secondary-translucent: hsla(0, 0%, 7%, .75);
  --c-base-secondary--switch: var(--c-base-line);
  --c-base--translucent: hsla(0, 0%, 7%, .95);
  --c-base--transparent: hsla(0, 0%, 7%, 0);
  --c-base-text: var(--c-grey-100);
  --c-base-text-secondary: #8c8c8c;
  --c-base-text-secondary-h: 0;
  --c-base-text-secondary-s: 0%;
  --c-base-text-secondary-l: 55%;
  --c-base-text-secondary--hover: hsl(var(--c-base-text-secondary-h), var(--c-base-text-secondary-s), calc(var(--c-base-text-secondary-l)*1.2));
  --c-base-text-tertiary: #8d8d8d;
  --c-base-link: #9655ff;
  --c-base-line: var(--c-grey-700);
  --c-base-backdrop: rgba(0, 0, 0, .6);
  --c-border: #636363
}
@media(min-width:600px) {.layout[data-theme=dark] {
    --c-base: #1a1a1a;
    --c-base--transparent: rgba(26, 26, 26, 0)
  }}
.layout[data-theme=dark] {
  --c-header-line: var(--c-base-line);
  --c-header-icon: var(--c-base-text);
  --c-header-link--save: #9655ff;
  --c-header-link--lighter: #8d8d8d;
  --c-bot-base: #252525;
  --c-bot-border: #252525;
  --c-bot-item: #bfbfbf;
  --c-footer-text: #717171;
  --c-sidemenu-text: var(--c-base-text);
  --c-sidemenu-text-social: #717171;
  --c-search-base: #464646;
  --c-search-text-main: #e7e7e7;
  --c-search-whisper-active: var(--c-grey-700);
  --c-search-whisper-active--hover: var(--c-grey-700--hover);
  --c-search-whisper-item-label: var(--c-base-text-tertiary);
  --search-whisper-line: var(--c-grey-500);
  --c-search-whisper-border: var(--c-border);
  --c-controls-base: var(--c-grey-700);
  --c-controls-base--hover: var(--c-grey-700--hover);
  --c-controls-base--active: var(--c-main);
  --c-controls-item: #eaeaea;
  --c-controls-item--active: #fff;
  --c-controls-icon: #eaeaea;
  --c-controls-text: var(--c-base-text);
  --c-popup-base: #262626;
  --c-popup-text-secondary: var(--c-base-text-secondary);
  --c-popup-menu-text: var(--c-base-text);
  --c-popup-menu-separator: var(--c-grey-700);
  --c-li-base-active: #252525;
  --c-li-base-active-grey: #252525
}
@media(min-width:600px) {.layout[data-theme=dark] {
    --c-li-base-active: var(--c-grey-700);
    --c-li-base-active-grey: var(--c-grey-700)
  }}
.layout[data-theme=dark] {
  --c-tag-base: #262626;
  --c-tag-base-h: 0;
  --c-tag-base-s: 0%;
  --c-tag-base-l: 15%;
  --c-tag-base--hover: hsl(var(--c-tag-base-h), var(--c-tag-base-s), calc(var(--c-tag-base-l)*1.2));
  --c-tag-text: #eaeaea;
  --c-tag-text--main: #8d8d8d;
  --c-tag--active-base: var(--c-main);
  --c-tag--active-base--hover: hsl(var(--c-main-h), var(--c-main-s), calc(var(--c-main-l)*1.2));
  --c-tag--active-border: var(--c-main);
  --c-tag--active-border--hover: hsl(var(--c-main-h), var(--c-main-s), calc(var(--c-main-l)*1.2));
  --c-tag--active-text: var(--c-tag-text);
  --c-tag--big-base: #2e2e2e;
  --c-tag--big-base-h: 0;
  --c-tag--big-base-s: 0%;
  --c-tag--big-base-l: 18%;
  --c-tag--big-base--hover: hsl(var(--c-tag--big-base-h), var(--c-tag--big-base-s), calc(var(--c-tag--big-base-l)*1.2));
  --c-tag--big-border: var(--c-tag--big-base);
  --c-tag--big-border--hover: var(--c-tag--big-base--hover);
  --c-dropdown-base: var(--c-grey-900);
  --c-dropdown-item-default: var(--c-grey-700);
  --c-dropdown-item-default--hover: var(--c-grey-700--hover);
  --c-dropdown-item-hover: var(--c-grey-500);
  --c-dropdown-border: #262626;
  --c-dropdown-shade: 1px 2px 6px rgba(0, 0, 0, .2);
  --c-input-border: #464646;
  --c-input-border--focus: #e7e7e7;
  --c-input-border--focus--strong: var(--c-main--hover);
  --c-input-label: #8d8d8d;
  --c-input-placeholder: #d3d3d3;
  --c-button--muted-base: var(--c-grey-700);
  --c-button--muted-base--hover: var(--c-grey-700--hover);
  --c-button--muted-border: var(--c-grey-600);
  --c-button--muted-border--hover: var(--c-grey-600--hover);
  --c-button--muted-text: var(--c-base-text);
  --c-button--muted-text--hover: var(--c-grey-100--hover);
  --c-button--disabled-base: #636363;
  --c-button--disabled-border: #717171;
  --c-button--disabled-text: #a6a7ab;
  --c-button--secondary-base: var(--c-main--translucent-30);
  --c-button--secondary-base--hover: var(--c-main);
  --c-button--secondary-border: var(--c-main--translucent-50);
  --c-button--secondary-border--hover: var(--c-main);
  --c-button--secondary-text: #fff;
  --c-button--secondary-text--hover: #fff;
  --c-button--tag-base: #252525;
  --c-button--tag-base--hover: var(--c-grey-700--hover);
  --c-button--tag-text: var(--c-base-text-secondary);
  --c-avatar-border: #2e2e2e;
  --c-placeholder: var(--c-grey-700);
  --c-placeholder-secondary: var(--c-base-text-secondary);
  --c-slideup-text: #a8a8a8;
  --c-slideup-border: #dedede;
  --c-slideup--custom-base: #262626;
  --c-slideup-part-base: #2f2f2f;
  --c-slideup-part-border: #3c3c3c;
  --c-slideup-search: var(--c-grey-500);
  --c-slideup-icon-dark: var(--c-share-icon);
  --c-dm-base: #262626;
  --c-dm-button-hover-base: var(--c-dm-base);
  --c-dm-button-hover-border: var(--c-dm-button-base);
  --c-dm-button-active-base: #464646;
  --c-dm-button-active-text: var(--c-base-text);
  --c-dm-item-hover: #2e2e2e;
  --c-dm-item-text: var(--c-base-text);
  --c-dm-item-icon: #999;
  --c-dm-item-text-hover: var(--c-base-text);
  --c-share-text: #ddd;
  --c-share-icon: #373737;
  --c-tooltip-base: #dedede;
  --c-tooltip-text: var(--c-255);
  --c-tooltip-toned-base: var(--c-tag-base);
  --c-tooltip-toned-text: var(--c-tag-text);
  --c-pwa-text: var(--c-grey-200);
  --c-pwa-icon-bg: #373737;
  --c-pwa-separator: #3c3c3c;
  --c-switch: #404040;
  --c-profile-text: #e5e5e5;
  --c-profile-text-secondary: #8b8b8b;
  --c-profile-line: #2e2e2e;
  --c-profile-button-base: #2e2e2e;
  --c-profile-button-text: #eaeaea;
  --c-profile-button-icon: #eaeaea;
  --c-profile-button-icon-active: #eaeaea;
  --c-discover-icon-base: #2f2f2f;
  --c-discover-icon-border: #2f2f2f;
  --c-discover-icon-text: #eaeaea;
  --c-discover-button-base: var(--c-grey-700);
  --c-discover-button-text: #e9e9e9;
  --c-np-button-base: var(--c-grey-700);
  --c-np-button-base--hover: var(--c-grey-700--hover);
  --c-np-button-text: #eaeaea;
  --c-np-dropzone-base: var(--c-grey-700);
  --c-np-dropzone-text: var(--c-base-text-secondary);
  --c-feed-text: #eaeaea;
  --c-feed-text-secondary: #999;
  --c-feed-text-tertiary: #999;
  --c-settings-text: var(--c-base-text);
  --c-settings-text--hover: var(--c-base-text);
  --c-settings-text--secondary: var(--c-base-text-secondary);
  --c-settings-icon: var(--c-base-text);
  --c-settings-icon--hover: var(--c-base-text);
  --c-settings-base--hover: var(--c-grey-700);
  --c-settings-base--active: var(--c-grey-700--hover);
  --c-settings-top: #262626;
  --c-pagination-base: #252525;
  --c-pagination-base--hover: var(--c-grey-700--hover);
  --c-pagination-border: #252525;
  --c-pagination-text: #eaeaea;
  --c-chat: #404040;
  --c-chat-text: #fff;
  --c-search-trends-box: #2c2c2c;
  --c-search-trends-box-separator: #3e3e3e;
  --c-sitemap-text-title: #8b7dff
}
@media(prefers-color-scheme:light) {html:not([data-theme]) {
    background-color: #fff;
    color: #000
  }}
@media(prefers-color-scheme:dark) {html:not([data-theme]) {
    background-color: #121212;
    color: #e7e7e7;
    color-scheme: dark
  }}
html[data-theme=light] {
  background-color: #fff;
  color: #000
}
html[data-theme=dark] {
  background-color: #121212;
  color: #e7e7e7;
  color-scheme: dark
}
@keyframes spin {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}
@keyframes spin-loader {
  0% {
    transform: translateZ(0) rotate(-90deg)
  }

  to {
    transform: translateZ(0) rotate(270deg)
  }
}
@keyframes showHide {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(.6)
  }

  20%,
  30% {
    opacity: .8
  }

  to {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.1)
  }
}
@keyframes ripple {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(.8)
  }

  50% {
    opacity: .7
  }

  to {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.2)
  }
}
@keyframes pulse {
  0% {
    transform: scale(1)
  }

  30% {
    transform: scale(1.1)
  }

  40% {
    transform: scale(.9)
  }

  50% {
    transform: scale(1)
  }
}
.page-from-right-leave-active {
  transition: all .25s ease-out
}
.page-from-right-leave-to {
  transform: translateX(100%)
}
.page-from-right-leave {
  transform: translateX(0)
}
.slideandfade-enter-active,
.slideandfade-leave-active {
  transition: opacity .5s
}
.slideandfade-enter-active>div,
.slideandfade-leave-active>div {
  transition: transform .5s
}
.slideandfade-enter,
.slideandfade-leave-to {
  opacity: 0
}
.slideandfade-enter>div,
.slideandfade-leave-to>div {
  opacity: 1;
  transform: translate3d(0, 100%, 0)
}
.slide-side-enter-active,
.slide-side-leave-active {
  transition: transform .3s ease-out
}
.slide-side-enter,
.slide-side-leave-to {
  transform: translate3d(-100%, 0, 0)
}
.slide-side-right-enter-active,
.slide-side-right-leave-active {
  transition: transform .3s ease-out
}
.slide-side-right-enter,
.slide-side-right-leave-to {
  transform: translate3d(100%, 0, 0)
}
.slide-down-enter-active,
.slide-down-leave-active,
.slide-up-enter-active,
.slide-up-leave-active {
  transition: transform .3s, opacity .3s
}
.slide-down-enter,
.slide-down-leave-to,
.slide-up-enter,
.slide-up-leave-to {
  opacity: 0
}
.slide-down-enter,
.slide-down-leave-to {
  transform: translate3d(0, -100%, 0)
}
.slide-up-enter,
.slide-up-leave-to {
  transform: translate3d(0, 100%, 0)
}
.opacity-only-enter-active,
.opacity-only-leave-active {
  transition: opacity .3s;
  transition-delay: 0s !important
}
.opacity-only-enter-to,
.opacity-only-leave {
  opacity: 1
}
.opacity-only-enter,
.opacity-only-leave-to {
  opacity: 0
}
.opacity-quick-enter-active,
.opacity-quick-leave-active {
  transition: opacity .1s;
  transition-delay: 0s !important
}
.opacity-quick-enter-to,
.opacity-quick-leave {
  opacity: 1
}
.opacity-quick-enter,
.opacity-quick-leave-to {
  opacity: 0
}
.opacity-with-delay-leave-active {
  transition-delay: 1s !important;
  transition-duration: .4s !important;
  transition-property: opacity !important
}
.opacity-with-delay-leave-to {
  opacity: 0
}
.opacity-slow-in-enter-active {
  transition: opacity .5s
}
.opacity-slow-in-leave-active,
.opacity-slow-out-enter-active {
  transition: opacity .3s
}
.opacity-slow-out-leave-active {
  transition: opacity .5s
}
.opacity-slow-in-enter-to,
.opacity-slow-in-leave,
.opacity-slow-out-enter-to,
.opacity-slow-out-leave {
  opacity: 1
}
.opacity-slow-in-enter,
.opacity-slow-in-leave-to,
.opacity-slow-out-enter,
.opacity-slow-out-leave-to {
  opacity: 0
}
.popup18-leave-active {
  transition: all .3s ease-out
}
.popup18-leave-to {
  opacity: 0 !important
}
.popup-enter-active,
.popup-leave-active {
  transition: opacity .3s
}
.popup-enter-active>div,
.popup-leave-active>div {
  transition: transform .25s
}
.popup-enter,
.popup-leave-to {
  opacity: 0
}
.popup-enter>div,
.popup-leave-to>div {
  transform: scale(.8) translateZ(0)
}
.appear-enter-active,
.appear-leave-active {
  transition: opacity .4s
}
.appear-enter-to,
.appear-leave {
  opacity: 1
}
.appear-enter,
.appear-leave-to {
  opacity: 0
}
.x-modal-enter,
.x-modal-leave-to {
  transform: translate3d(100%, 0, 0)
}
.x-modal-enter-active,
.x-modal-leave-active {
  transition: transform .2s
}
.page-back-enter-active,
.page-back-leave-active,
.page-forward-enter-active,
.page-forward-leave-active {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  transition: transform .3s ease-out, opacity .3s ease-out;
  width: 100%
}
.page-back-leave,
.page-forward-enter-to {
  transform: translateZ(0)
}
.page-back-leave-to,
.page-forward-enter {
  transform: translate3d(100%, 0, 0)
}
.page-forward-leave {
  opacity: 1
}
.page-forward-leave-to {
  opacity: 0
}
.page-back-leave,
.page-back-leave-to,
.page-forward-enter,
.page-forward-enter-to {
  background: var(--c-base);
  z-index: 99
}
.page-back-enter,
.page-back-enter-to,
.page-forward-leave,
.page-forward-leave-to {
  z-index: 0
}
.feed-from-right-enter-active,
.feed-from-right-leave-active {
  transition: transform .25s ease-out
}
.feed-from-right-enter,
.feed-from-right-leave-to {
  transform: translate3d(100%, 0, 0)
}
.feed-from-right-enter-to,
.feed-from-right-leave {
  transform: translateZ(0)
}
img[alt=Loading][data-animation=true] {
  animation: spin 1.5s ease-in-out infinite
}
:root {
  --f-space-r: 6px;
  --f-space-b: 10px;
  --f-space-l: 12px;
  --f-space--desktop: 20px
}
.l-main {
  background: var(--c-base);
  display: grid;
  grid-template-areas: "header" "main";
  grid-template-columns: 100%;
  grid-template-rows: calc(56px + env(safe-area-inset-top)) auto;
  min-height: calc(var(--vh, 1vh)*100);
  min-height: 100dvh;
  overflow-x: clip;
  position: relative;
  width: 100%
}
@media(min-width:600px) {.l-main {
    grid-template-columns: 0 minmax(0, 1fr) 0;
    grid-template-rows: calc(68px + env(safe-area-inset-top)) auto;
    grid-column-gap: 3.6vw;
    grid-template-areas: "header header header" ".			main	 ."
  }}
@media(min-width:1040px) {.l-main {
    grid-template-columns: 0 minmax(0, 1fr) minmax(0, 425px) 0;
    grid-template-rows: calc(72px + env(safe-area-inset-top)) auto;
    grid-column-gap: 50px;
    grid-template-areas: "header header 	header  header" ".      main		aside   ."
  }}
@media(min-width:1536px) {.l-main {
    grid-template-columns: 1fr minmax(0, 940px) minmax(0, 425px) 1fr;
    grid-column-gap: 60px
  }}
header {
  grid-area: header
}
.page-content {
  grid-area: main;
  padding: 18px 0 0;
  position: relative
}
@media(min-width:600px) {.page-content {
    padding: 30px 0 0
  }}
@media(min-width:1040px) {.page-content {
    padding-bottom: 30px
  }}
.page-content,
.page-content__data,
.page-content__empty {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%
}
.l-main__aside {
  display: none;
  grid-area: aside
}
@media(min-width:1040px) {.l-main__aside {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: calc(var(--vh, 1vh)*100 - 72px);
    max-height: calc(100dvh - 72px);
    position: sticky;
    right: 0;
    top: 72px
  }}
.l-main__aside:before {
  background: var(--c-base-line);
  content: "";
  display: block;
  height: calc(100% - 60px);
  left: 0;
  position: absolute;
  top: 30px;
  width: 1px
}
.aside-content {
  position: relative
}
@media(min-width:1040px) {.aside-content {
    height: 100%;
    overflow: auto;
    padding: 30px 5px 30px 50px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none
  }
.aside-content::-webkit-scrollbar {
    height: 0 !important;
    width: 0 !important
  }
.aside-content::-webkit-scrollbar,
  .aside-content::-webkit-scrollbar-thumb {
    background-color: transparent;
    display: none !important
  }
.aside-content::-webkit-scrollbar-track {
    background-color: transparent
  }}
@media(min-width:1536px) {.aside-content {
    padding-left: 60px
  }}
.static .header {
  position: sticky !important
}
.row {
  align-items: flex-start;
  display: flex;
  flex-direction: row
}
.row--center {
  align-items: center
}
article {
  color: var(--c-base-text);
  padding: 10px
}
@media(min-width:1040px) {article {
    padding: 0
  }}
article h1 {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -.02em;
  margin-bottom: 20px
}
article strong {
  font-weight: 600
}
article h1,
article h2 {
  font-weight: 600;
  margin: 0
}
article h1 {
  margin: 22px 0;
  text-align: center
}
article h2 {
  display: inline-block
}
article h2,
article p {
  margin-bottom: 14px
}
article a {
  word-break: break-all
}
article .left {
  display: inline-block;
  width: 125px
}
article li {
  display: block
}
article ol {
  counter-reset: item;
  margin: 0;
  padding: 0;
  position: relative
}
article ol>li {
  counter-increment: item
}
article ol>li:before {
  content: counters(item, ".") " ";
  font-size: 14px;
  left: -45px;
  line-height: 22px;
  position: absolute
}
article ol ol ol {
  padding-left: 60px
}
article ol ol ol li:before {
  left: 0
}
article ol ol ol ol {
  padding-left: 60px
}
article ol ol ol ol li:before {
  left: 0
}
article ul {
  list-style-type: disc;
  padding-left: 15px
}
article ul li {
  display: list-item;
  padding-left: 10px
}
.settings-subpage--form .form .x-input__wrapper {
  margin-bottom: 40px
}
@keyframes rotate {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}
@keyframes dot-one {
  0% {
    font-size: 0
  }

  10% {
    font-size: var(--animated-dot-size, 22px)
  }

  75% {
    font-size: var(--animated-dot-size, 22px);
    opacity: 1
  }

  85% {
    font-size: var(--animated-dot-size, 22px);
    opacity: 0
  }

  90% {
    font-size: 0
  }

  to {
    font-size: 0
  }
}
@keyframes dot-two {
  0% {
    font-size: 0
  }

  15% {
    font-size: 0
  }

  25% {
    font-size: var(--animated-dot-size, 22px)
  }

  75% {
    font-size: var(--animated-dot-size, 22px);
    opacity: 1
  }

  85% {
    font-size: var(--animated-dot-size, 22px);
    opacity: 0
  }

  90% {
    font-size: 0
  }

  to {
    font-size: 0
  }
}
@keyframes dot-three {
  0% {
    font-size: 0
  }

  40% {
    font-size: 0
  }

  50% {
    font-size: var(--animated-dot-size, 22px)
  }

  75% {
    font-size: var(--animated-dot-size, 22px);
    opacity: 1
  }

  85% {
    font-size: var(--animated-dot-size, 22px);
    opacity: 0
  }

  90% {
    font-size: 0
  }

  to {
    font-size: 0
  }
}
.verify-popup__content .top .avatar {
  width: var(--size)
}
.hide {
  height: 0;
  overflow: hidden;
  width: 0
}
@media(min-width:600px) {.tablet-minus {
    display: none !important
  }}
@media(max-width:599px) {.tablet-plus {
    display: none !important
  }}
@media(min-width:1040px) {.desktop-minus {
    display: none !important
  }}
@media(max-width:1039px) {.desktop-only {
    display: none !important
  }}
.is-link,
.like-a {
  cursor: pointer
}
.selectable {
  cursor: auto
}
.selectable,
.selectable-page,
.selectable-page * {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text
}
.is-blurred:after {
  background-color: var(--c-base-backdrop);
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 3
}
@supports(backdrop-filter:blur(10px)) {.is-blurred:after {
    backdrop-filter: blur(10px) brightness(var(--backdrop-brightness, 100%));
    --webkit-backdrop-filter: blur(10px) brightness(var(--backdrop-brightness, 100%));
    background-color: rgba(0, 0, 0, .3)
  }}
.column {
  display: flex;
  flex-direction: column
}
.content-holder {
  overflow: visible;
  position: relative;
  width: -moz-max-content;
  width: max-content
}
.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: var(--clamp-rows, 3);
  line-clamp: var(--clamp-rows, 3);
  overflow: hidden;
  -webkit-box-orient: vertical;
  cursor: pointer
}
[data-v-d8c4439a]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
#close[data-v-d8c4439a] {
  height: 0;
  opacity: 0;
  visibility: hidden;
  width: 0
}
#close[data-v-d8c4439a],
#close:checked+.app-message[data-v-d8c4439a] {
  display: none
}
.app-message[data-v-d8c4439a] {
  bottom: 140px;
  display: grid;
  grid-template-areas: "message";
  grid-template-columns: 100%;
  left: 10px;
  position: fixed;
  right: 10px;
  z-index: 104
}
@media(min-width:600px) {.app-message[data-v-d8c4439a] {
    bottom: 0;
    grid-template-columns: 0 minmax(0, 1fr) 0;
    left: 0;
    right: 0;
    grid-column-gap: 3.6vw;
    background: #f2f2f2;
    border-top: 1px solid #bfbfbf;
    grid-template-areas: ".	message	."
  }}
@media(min-width:1040px) {.app-message[data-v-d8c4439a] {
    grid-template-columns: 0 minmax(0, 1fr) 425px 0;
    grid-column-gap: 50px;
    grid-template-areas: ".	message .	."
  }}
@media(min-width:1536px) {.app-message[data-v-d8c4439a] {
    grid-template-columns: 1fr 940px 425px 1fr
  }}
.app-message__inner[data-v-d8c4439a] {
  align-items: center;
  background: #f2f2f2;
  border: 1px solid #bfbfbf;
  border-radius: 6px;
  display: flex;
  grid-area: message;
  justify-content: space-between;
  padding: 11px 16px 12px;
  width: 100%
}
@media(min-width:600px) {.app-message__inner[data-v-d8c4439a] {
    background: unset;
    border: none;
    border-radius: 0;
    padding: 12px 0 13px
  }}
@media(min-width:1040px) {.app-message__inner[data-v-d8c4439a] {
    padding: 13px 0 14px
  }}
.app-message__close[data-v-d8c4439a] {
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(40%, -55%)
}
@media(min-width:600px) {.app-message__close[data-v-d8c4439a] {
    display: none
  }}
.left[data-v-d8c4439a] {
  display: flex;
  flex-direction: column
}
.left__top[data-v-d8c4439a] {
  align-items: center;
  color: #000;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 1px;
  text-align: left
}
.left__top span[data-v-d8c4439a] {
  margin-left: 8px
}
.left__top svg[data-v-d8c4439a] {
  flex-shrink: 0
}
.left__bottom[data-v-d8c4439a] {
  color: #717171;
  line-height: 22px;
  padding-left: 32px
}
.left__bottom[data-v-d8c4439a],
.right[data-v-d8c4439a] {
  font-size: 14px;
  text-align: left
}
.right[data-v-d8c4439a] {
  background: transparent;
  border: 1px solid #2680eb;
  border-radius: 2px;
  color: #007fdd;
  font-weight: 400;
  line-height: 16px;
  padding: 9px 17px
}
[data-v-7513fe3d]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.header[data-v-7513fe3d] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  height: 100%;
  position: sticky;
  top: 0;
  z-index: 4;
  grid-column-gap: 12px;
  align-content: center;
  align-items: center;
  background: var(--c-base);
  border-bottom: 1px solid var(--c-header-line);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
  grid-template-areas: "header-main header-navigation";
  padding: 0 12px
}
@media(min-width:600px) {.header[data-v-7513fe3d] {
    padding: 0 3.6vw
  }}
@media(min-width:1040px) {.header[data-v-7513fe3d] {
    grid-template-columns: 0 minmax(0, 1fr) minmax(0, 425px) 0;
    padding: 0;
    grid-column-gap: 50px;
    grid-template-areas: ". header-main header-navigation ."
  }}
@media(min-width:1536px) {.header[data-v-7513fe3d] {
    grid-template-columns: 1fr minmax(0, 940px) minmax(0, 425px) 1fr;
    grid-column-gap: 60px
  }}
.header--3-slots .upload[data-v-7513fe3d]>:not(.badge-holder) {
  padding: 0 28px
}
.header__main[data-v-7513fe3d] {
  align-items: center;
  display: grid;
  grid-area: header-main;
  grid-template-areas: "header-main-left header-main-center header-main-right";
  grid-template-columns: repeat(3, auto);
  position: relative
}
@media(min-width:1040px) {.header__main[data-v-7513fe3d] {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr)
  }}
.header__main__right[data-v-7513fe3d] {
  display: flex;
  grid-area: header-main-right;
  justify-content: flex-end
}
.header__navigation[data-v-7513fe3d] {
  grid-area: header-navigation
}
@media(min-width:1040px) {.header__navigation[data-v-7513fe3d] {
    padding-left: 50px;
    padding-right: 5px;
    width: 100%
  }}
@media(min-width:1536px) {.header__navigation[data-v-7513fe3d] {
    padding-left: 60px
  }}
@media(max-width:1039px) {.header.search-open .logo[data-v-7513fe3d] {
    opacity: 0
  }}
.header__button[data-v-7513fe3d] {
  align-items: center;
  border-radius: 24px;
  cursor: pointer;
  display: none;
  height: 48px;
  justify-content: center;
  width: 48px
}
@media(min-width:600px) {.header__button[data-v-7513fe3d] {
    align-items: center;
    display: flex;
    justify-content: center
  }}
.header__button>a[data-v-7513fe3d] {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%
}
.header__button--hamburger[data-v-7513fe3d] {
  display: flex
}
.header__button--hamburger [data-color=true][data-v-7513fe3d]:not([stroke]) {
  fill: var(--c-controls-item)
}
.header__button--hamburger [data-color=true][stroke][data-v-7513fe3d] {
  stroke: var(--c-controls-item)
}
.logo[data-v-7513fe3d] {
  align-items: flex-end;
  display: flex;
  grid-area: header-main-left;
  position: relative;
  transition: opacity .2s;
  width: 80px
}
@media(min-width:600px) {.logo[data-v-7513fe3d] {
    width: 114px
  }}
@media(min-width:1040px) {.logo[data-v-7513fe3d] {
    margin: 0;
    position: absolute;
    top: calc(50% - 2px);
    transform: translateY(-50%)
  }}
.logo>img[data-v-7513fe3d] {
  width: 100%
}
.heart__icon .picker[data-v-7513fe3d] {
  left: 100%;
  opacity: 0;
  padding: 10px 0 10px 8px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}
.heart__icon:hover .picker[data-v-7513fe3d] {
  opacity: 1
}
.heart .dropdown-holder[data-v-7513fe3d] {
  position: absolute;
  top: -13px;
  transform: translateX(-18px)
}
.navigation__container[data-v-7513fe3d] {
  display: flex;
  list-style: none
}
@media(min-width:600px) {.navigation__container[data-v-7513fe3d] {
    justify-content: flex-end
  }}
.navigation__item[data-v-7513fe3d] {
  flex-shrink: 0;
  position: relative;
  transition: background .2s
}
@media(min-width:600px) {.navigation__item[data-v-7513fe3d] {
    background: var(--c-controls-base)
  }}
@media(min-width:600px)and (hover:hover) {.navigation__item[data-v-7513fe3d]:focus,
  .navigation__item[data-v-7513fe3d]:hover {
    background: var(--c-controls-base--hover)
  }}
.navigation__item[data-v-7513fe3d]:not(:last-child):not(.upload) {
  margin-right: 12px
}
.navigation__item label>svg[data-v-7513fe3d],
.navigation__item>svg[data-v-7513fe3d] {
  display: flex
}
.navigation__item svg path[data-layer=object][data-v-7513fe3d] {
  fill: var(--c-controls-item);
  transition: fill .2s
}
.navigation__item .alert[data-v-7513fe3d] {
  cursor: pointer;
  position: absolute;
  right: -5px;
  top: -5px
}
.navigation__item.has-avatar .avatar-border[data-v-7513fe3d] {
  border: 2px solid var(--c-controls-base)
}
@media(hover:hover) {.navigation__item.has-avatar:focus .avatar-border[data-v-7513fe3d],
  .navigation__item.has-avatar:hover .avatar-border[data-v-7513fe3d] {
    border: 2px solid var(--c-controls-base--hover)
  }}
.navigation__item.is-active[data-v-7513fe3d] {
  background: var(--c-controls-base--active)
}
.navigation__item.is-active svg path[data-layer=object][data-v-7513fe3d] {
  fill: var(--c-controls-item--active)
}
.navigation__item.is-active.has-avatar[data-v-7513fe3d] {
  box-shadow: 0 0 0 2px #7e1fe0
}
.navigation__item.is-active.has-avatar .avatar-border[data-v-7513fe3d] {
  border: 2px solid var(--c-base)
}
.navigation__item[data-counter][data-v-7513fe3d]:after {
  align-items: center;
  background: #ff0027;
  border-radius: 10px;
  box-shadow: 0 0 4px rgba(255, 0, 39, .5);
  color: #fff;
  content: attr(data-counter);
  display: flex;
  font-size: 14px;
  font-weight: 600;
  height: 20px;
  justify-content: center;
  letter-spacing: -.02em;
  min-width: 20px;
  padding: 0 4px;
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(5px, -5px)
}
.navigation__item[data-counter].counter-highlight[data-v-7513fe3d]:after {
  animation: blink-7513fe3d 1.25s ease-in-out infinite
}
@keyframes blink-7513fe3d {
  0% {
    transform: translate(5px, -5px) scale(1)
  }

  30% {
    transform: translate(5px, -5px) scale(1.2)
  }

  60% {
    transform: translate(5px, -5px) scale(1)
  }

  to {
    transform: translate(5px, -5px) scale(1)
  }
}
.roll-on .avatar[data-v-7513fe3d] {
  margin-right: 12px
}
.navigation__item.header__button--wallet[data-v-7513fe3d] {
  background: var(--gradient-gold)
}
@media(hover:hover) {.navigation__item.header__button--wallet[data-v-7513fe3d]:focus,
  .navigation__item.header__button--wallet[data-v-7513fe3d]:hover {
    background: var(--gradient-gold)
  }}
.navigation__item.header__button--wallet .wallet-glyph[data-v-7513fe3d] {
  display: block;
  height: 20px;
  width: auto
}
.upload[data-v-7513fe3d] {
  background: #7e1fe0;
  color: #fff;
  max-width: 220px;
  min-width: 180px;
  white-space: nowrap;
  width: auto
}
@media(hover:hover) {.upload[data-v-7513fe3d]:focus,
  .upload[data-v-7513fe3d]:hover {
    background: var(--c-main--hover);
    box-shadow: 0 0 8px rgba(126, 31, 224, .5)
  }}
.upload-wrapper[data-v-7513fe3d] {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 0 20px
}
.upload--disabled .upload-wrapper[data-v-7513fe3d] {
  cursor: no-drop
}
.upload span[data-v-7513fe3d] {
  font-size: 20px;
  font-weight: 600
}
.upload__icon[data-v-7513fe3d] {
  height: 24px;
  margin-right: 12px;
  width: 24px
}
.upload .badge[data-v-7513fe3d] {
  display: flex;
  justify-content: center;
  position: relative
}
.upload .badge[data-v-7513fe3d]:not([data-tooltip]):after,
.upload .badge[data-v-7513fe3d]:not([data-tooltip]):before {
  display: none
}
.upload .badge[data-v-7513fe3d]:before {
  align-items: center;
  background: var(--c-tooltip-base);
  border-radius: 6px;
  color: var(--c-tooltip-text);
  content: attr(data-tooltip);
  display: flex;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .3));
  font-size: 14px;
  font-weight: 500;
  height: 32px;
  padding: 0 15px;
  position: absolute;
  right: -4px;
  top: calc(100% + 13px);
  white-space: nowrap;
  width: -moz-max-content;
  width: max-content;
  z-index: 1
}
.upload .badge[data-v-7513fe3d]:after {
  border-bottom: 9px solid var(--c-tooltip-base);
  border-left: 8px solid transparent;
  border-radius: 1px;
  border-right: 8px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  top: calc(100% + 5px);
  width: 0;
  z-index: 1
}
.upload .badge[data-v-7513fe3d]:after,
.upload .badge[data-v-7513fe3d]:before {
  opacity: 0;
  pointer-events: none;
  transform: translateY(0) translateZ(0);
  transition: opacity .2s, transform .2s
}
@media(hover:hover) {.upload .badge[data-v-7513fe3d]:hover:after,
  .upload .badge[data-v-7513fe3d]:hover:before {
    opacity: 1;
    transform: translateY(0) translateZ(0)
  }}
.upload .badge[data-active=false][data-v-7513fe3d]:after,
.upload .badge[data-active=false][data-v-7513fe3d]:before {
  opacity: 0
}
.upload .badge[data-active=true][data-v-7513fe3d]:after,
.upload .badge[data-active=true][data-v-7513fe3d]:before {
  opacity: 1;
  transform: translateY(0) translateZ(0)
}
.upload .badge img[data-v-7513fe3d] {
  filter: drop-shadow(0 0 4px rgba(253, 216, 53, .5))
}
.upload .badge-holder[data-v-7513fe3d] {
  position: absolute;
  right: -6px;
  top: -6px
}
.search[data-v-7513fe3d] {
  position: relative
}
.search--hidden:focus .search-field[data-v-7513fe3d],
.search--hidden:hover .search-field[data-v-7513fe3d] {
  background: var(--c-controls-base--hover)
}
.search-field[data-v-7513fe3d] {
  align-items: center;
  background: var(--c-search-whisper-active);
  border-radius: 24px;
  display: flex;
  gap: 6px;
  height: 100%;
  justify-content: center;
  max-width: 48px;
  padding-left: 24px;
  position: absolute;
  right: 0;
  top: 0;
  transition: max-width .5s, transform .3s;
  width: calc(92.8vw - 60px);
  will-change: max-width
}
@media(min-width:1040px) {.search-field[data-v-7513fe3d] {
    width: 500px
  }}
.search-field__icon[data-v-7513fe3d] {
  align-items: center;
  border-radius: 50%;
  display: flex;
  flex-shrink: 0;
  height: 48px;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  transition: width .3s;
  width: 48px
}
.search-field__icon[data-v-7513fe3d]:before {
  background-color: var(--search-whisper-line);
  content: "";
  height: 36px;
  opacity: 0;
  position: absolute;
  right: 100%;
  top: 6px;
  width: 1px
}
.search-field__icon__holder[data-v-7513fe3d] {
  align-items: center;
  border-radius: 50%;
  display: flex;
  flex-shrink: 0;
  height: 40px;
  justify-content: center;
  transition: background .2s;
  width: 40px
}
.search-field__icon svg[data-v-7513fe3d] {
  height: 20px;
  width: 20px
}
.search-field__icon svg path[data-v-7513fe3d] {
  transition: fill .2s linear
}
.search-field .x-input__wrapper[data-v-7513fe3d] {
  flex: 1 1 0;
  height: 100%;
  margin: 0;
  min-width: 0;
  opacity: 0;
  pointer-events: none;
  transition: margin .2s, opacity .4s
}
.search-field .x-input__wrapper[data-v-7513fe3d] .x-input {
  border: none;
  height: 100%;
  padding: 0
}
.search-field .x-input__wrapper[data-v-7513fe3d] .x-input .x-input__status,
.search-field .x-input__wrapper[data-v-7513fe3d] .x-input label {
  display: none
}
.search-field .x-input__wrapper[data-v-7513fe3d] .x-input input {
  caret-color: #3378f6;
  height: 100%
}
.search-field__tag[data-v-7513fe3d] {
  align-items: center;
  background: var(--c-base);
  border-radius: 6px;
  color: var(--c-base-text);
  cursor: default;
  display: flex;
  flex-shrink: 0;
  gap: 8px;
  height: 30px;
  letter-spacing: -.15px;
  opacity: 0;
  overflow: hidden;
  padding-left: 10px
}
.search-field__tag>span[data-v-7513fe3d]:first-child:before {
  content: "#"
}
.search-field__tag[data-v-7513fe3d]:hover {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1)
}
.search-field__tag__remove[data-v-7513fe3d] {
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  margin-left: -10px;
  padding: 10px
}
.search-field__tag__remove path[data-v-7513fe3d] {
  fill: var(--c-base-text-secondary)
}
.search-field__tag__remove:hover path[data-v-7513fe3d] {
  fill: var(--c-main)
}
.search-field__back[data-v-7513fe3d] {
  align-items: center;
  background: var(--c-search-whisper-active);
  border-radius: 50%;
  display: flex;
  height: 48px;
  justify-content: center;
  opacity: 0;
  position: absolute;
  right: calc(100% + 12px);
  top: 0;
  transform: scale(.25);
  transition: opacity .3s, transform .5s, background .3s;
  width: 48px
}
@media(hover:hover) {.search-field__back[data-v-7513fe3d]:hover {
    background: var(--c-search-whisper-active--hover)
  }}
.search-field__clear[data-v-7513fe3d] {
  display: flex;
  flex: 0 0 auto;
  margin-right: 80px;
  opacity: 0;
  padding: 8px;
  pointer-events: none
}
.search-field--opened[data-v-7513fe3d] {
  max-width: 92.8vw;
  transform: translateX(300px);
  z-index: 3
}
.search-field--opened.search-field--searching[data-v-7513fe3d] {
  max-width: 92.8vw
}
.search-field--opened.search-field--searching+.search-whisper[data-v-7513fe3d] {
  max-width: calc(92.8vw - 60px);
  transform: translateX(300px)
}
@media screen and (min-width:880px) {.search-field--opened[data-v-7513fe3d] {
    max-width: calc(92.8vw - 448px);
    transform: translateX(0)
  }
.search-field--opened.search-field--heart-space[data-v-7513fe3d],
  .search-field--opened.search-field--heart-space+.search-whisper[data-v-7513fe3d] {
    max-width: calc(92.8vw - 486px)
  }
.search-field--opened.search-field--searching[data-v-7513fe3d] {
    max-width: calc(92.8vw - 360px)
  }
.search-field--opened.search-field--searching+.search-whisper[data-v-7513fe3d] {
    max-width: calc(92.8vw - 360px);
    transform: translateX(0)
  }}
@media(min-width:1040px) {.search-field--opened[data-v-7513fe3d] {
    max-width: calc(100vw - 723px)
  }
.search-field--opened.search-field--heart-space[data-v-7513fe3d] {
    max-width: calc(100vw - 757px)
  }}
@media screen and (min-width:1040px)and (max-width:1280px) {.search-field--opened.search-field--searching[data-v-7513fe3d],
  .search-field--opened.search-field--searching+.search-whisper[data-v-7513fe3d] {
    max-width: calc(100vw - 710px);
    transform: translateX(60px)
  }
.search-field--opened.search-field--searching.search-field--heart-space[data-v-7513fe3d],
  .search-field--opened.search-field--searching.search-field--heart-space+.search-whisper[data-v-7513fe3d] {
    max-width: calc(100vw - 744px)
  }}
.search-field--opened .x-input__wrapper[data-v-7513fe3d] {
  flex: 1 1 100%;
  opacity: 1;
  padding-right: 12px;
  pointer-events: auto
}
.search-field--opened .x-input__border[data-v-7513fe3d] {
  display: none
}
.search-field--opened .search-field__tag[data-v-7513fe3d] {
  opacity: 1
}
.search-field--opened .search-field__icon[data-v-7513fe3d] {
  border-radius: 0 24px 24px 0;
  transition: background .2s linear .15s;
  width: 72px
}
.search-field--opened .search-field__icon[data-v-7513fe3d]:before {
  opacity: 1;
  transition-delay: .15s
}
.search-field--opened .search-field__icon:hover path[data-layer=object][data-v-7513fe3d] {
  fill: var(--c-main);
  transition-delay: .15s
}
.search-field--opened .search-field__clear[data-v-7513fe3d] {
  opacity: 1;
  pointer-events: auto
}
.search-field--opened .search-field__back[data-v-7513fe3d] {
  opacity: 1;
  transform: scale(1)
}
.search-field--searching .search-field__icon[data-v-7513fe3d]:hover {
  background-color: var(--c-main)
}
.search-field--searching .search-field__icon[data-v-7513fe3d]:hover:before {
  opacity: 0
}
.search-field--searching .search-field__icon:hover path[data-layer=object][data-v-7513fe3d] {
  fill: #fff
}
.search-whisper[data-v-7513fe3d] .avatar--border {
  border-width: .5px;
  box-shadow: none;
  height: 100%;
  width: 100%
}
.search-whisper__section--query .text[data-v-7513fe3d] {
  font-weight: 500;
  margin-right: 2px
}
.search-whisper__section--no-results .x-button[data-v-7513fe3d] {
  padding: 0 55px;
  width: auto
}
.search-whisper .username[data-v-7513fe3d] {
  margin-left: 15px
}
.search-whisper .metadata[data-v-7513fe3d],
.search-whisper .username[data-v-7513fe3d] {
  color: var(--c-base-text-secondary);
  font-size: 14px;
  font-weight: 400
}
.search-whisper__button .text[data-v-7513fe3d] {
  font-weight: 600
}
.header-search-replace-enter-active[data-v-7513fe3d],
.header-search-replace-leave-active[data-v-7513fe3d] {
  transition: opacity .2s ease-out
}
.header-search-replace-enter-active[data-v-7513fe3d] {
  transition-delay: .35s
}
.header-search-replace-enter[data-v-7513fe3d],
.header-search-replace-leave-to[data-v-7513fe3d] {
  opacity: 0
}
.whisper-appear-enter-active[data-v-7513fe3d],
.whisper-appear-leave-active[data-v-7513fe3d] {
  transition: opacity .2s ease-out
}
.whisper-appear-enter[data-v-7513fe3d],
.whisper-appear-leave-to[data-v-7513fe3d] {
  opacity: 0
}
[data-v-495731a8]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.x-input__wrapper[data-v-495731a8] {
  margin-bottom: 22px;
  position: relative
}
.x-input__wrapper.has-label[data-v-495731a8] {
  padding-top: 8px
}
.x-input__wrapper.error .x-input__message[data-v-495731a8],
.x-input__wrapper.error label[data-v-495731a8] {
  color: #ff0027 !important
}
.x-input__wrapper.error .x-input[data-v-495731a8] {
  border-color: #ff0027 !important
}
.x-input__wrapper.success label[data-v-495731a8] {
  color: #2db400 !important
}
.x-input__wrapper.success .x-input[data-v-495731a8] {
  border-color: #2db400 !important
}
.x-input[data-v-495731a8] {
  align-items: center;
  border: 1px solid var(--c-input-border);
  color: var(--c-0);
  display: flex;
  font-size: 14px;
  height: 44px;
  letter-spacing: .03em;
  padding: 0 7px 0 19px;
  position: relative;
  text-align: left;
  transition: border-color .3s;
  width: 100%
}
.x-input--no-border[data-v-495731a8] {
  border: none
}
.x-input--background[data-v-495731a8] {
  background: var(--c-search-base);
  border-radius: 4px
}
.x-input[data-v-495731a8]:focus-within {
  border-color: var(--c-input-border--focus)
}
.x-input label[data-v-495731a8] {
  background-color: var(--c-base);
  bottom: calc(100% - 8px);
  color: var(--c-input-label);
  font-size: 12px;
  left: 14px;
  letter-spacing: .03em;
  opacity: 1;
  padding: 1px 6px;
  position: absolute;
  text-align: left;
  transition: opacity .2s
}
.x-input input[data-v-495731a8],
.x-input textarea[data-v-495731a8] {
  -webkit-appearance: none;
  background-color: transparent;
  color: var(--c-0);
  flex-grow: 1;
  font-size: 16px;
  font-weight: 500;
  width: 100%
}
@media(min-width:600px) {.x-input input[data-v-495731a8],
  .x-input textarea[data-v-495731a8] {
    font-weight: 400
  }}
.x-input input[data-v-495731a8]::-webkit-input-placeholder,
.x-input input[data-v-495731a8]::placeholder,
.x-input textarea[data-v-495731a8]::-webkit-input-placeholder,
.x-input textarea[data-v-495731a8]::placeholder {
  color: var(--c-input-placeholder);
  opacity: 1
}
.x-input input:-moz-placeholder+label[data-v-495731a8],
.x-input textarea:-moz-placeholder+label[data-v-495731a8] {
  opacity: 0
}
.x-input input:placeholder-shown+label[data-v-495731a8],
.x-input textarea:placeholder-shown+label[data-v-495731a8] {
  opacity: 0
}
.x-input input:focus+label[data-v-495731a8],
.x-input textarea:focus+label[data-v-495731a8] {
  color: var(--c-input-border--focus)
}
.x-input input[data-v-495731a8]:disabled,
.x-input input[readonly][data-v-495731a8],
.x-input textarea[data-v-495731a8]:disabled,
.x-input textarea[readonly][data-v-495731a8] {
  color: var(--c-input-placeholder);
  cursor: no-drop
}
.x-input textarea[data-v-495731a8] {
  height: 100%;
  padding: 14px 19px;
  resize: none;
  width: 100%
}
.x-input__status[data-v-495731a8] {
  align-items: center;
  display: flex;
  height: 100%
}
.x-input__status>img[data-v-495731a8] {
  cursor: pointer;
  padding: 14px 7px
}
.x-input__status>div[data-v-495731a8] {
  align-items: center;
  display: flex;
  height: 100%;
  padding: 0 4px
}
.x-input .rotate[data-v-495731a8] {
  animation: spin-loader 1.25s cubic-bezier(.4, .9, 1, 1) infinite;
  transform-origin: center center
}
.input-error-enter-active[data-v-495731a8],
.input-error-leave-active[data-v-495731a8] {
  transition: opacity .2s, transform .2s
}
.input-error-enter[data-v-495731a8],
.input-error-leave-to[data-v-495731a8] {
  max-height: 0;
  opacity: 0;
  transform: translateY(-50%)
}
.input-error-enter-to[data-v-495731a8],
.input-error-leave[data-v-495731a8] {
  max-height: 100px;
  opacity: 1;
  transform: translateY(0)
}
[data-v-441ce819]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.section__header[data-v-441ce819] {
  align-items: baseline;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  margin-bottom: 24px
}
.section--trends[data-v-441ce819] .tags {
  margin: 0
}
.section--playlist[data-v-441ce819] {
  margin-bottom: 32px
}
.section--playlist .section__header[data-v-441ce819] {
  margin-bottom: 16px
}
h1[data-v-441ce819],
h2[data-v-441ce819] {
  color: var(--c-base-text);
  font-size: 24px;
  font-weight: 700;
  text-align: left
}
h2[data-v-441ce819] {
  gap: 4px
}
[data-v-441ce819] .scroller .tags {
  flex-wrap: unset
}
[data-v-2e1287f8]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.x-button[data-v-2e1287f8] {
  align-items: center;
  background: #7e1fe0;
  border-radius: 2px;
  box-shadow: 0 0 8px transparent;
  color: #fefffe;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 600;
  gap: 8px;
  height: 44px;
  justify-content: center;
  letter-spacing: .01em;
  max-width: 100%;
  transition: all .3s;
  width: 100%
}
@media(hover:hover) {.x-button[data-v-2e1287f8]:focus,
  .x-button[data-v-2e1287f8]:hover {
    background: var(--c-main--hover);
    border-color: var(--c-main--hover);
    box-shadow: 0 0 8px var(--c-main--hover-shadow);
    color: #fff
  }}
@media(min-width:600px) {.x-button[data-v-2e1287f8] {
    font-size: 16px
  }}
.x-button[disabled][data-v-2e1287f8] {
  background-color: var(--c-button--disabled-base);
  border-color: var(--c-button--disabled-border);
  box-shadow: none;
  color: var(--c-button--disabled-text);
  cursor: no-drop;
  font-size: 14px
}
@media(hover:hover) {.x-button[disabled][data-v-2e1287f8]:focus,
  .x-button[disabled][data-v-2e1287f8]:hover {
    background: var(--c-button--disabled-base);
    border-color: var(--c-button--disabled-border);
    box-shadow: none;
    color: var(--c-button--disabled-text)
  }}
.x-button--secondary[data-v-2e1287f8] {
  background: var(--c-button--secondary-base);
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px var(--c-button--secondary-border);
  color: var(--c-button--secondary-text);
  font-weight: 500;
  height: 40px;
  padding: 0 16px;
  white-space: nowrap
}
.x-button--secondary[data-v-2e1287f8]:has(.x-button__icon) {
  padding-right: 8px
}
.x-button--secondary .x-button__icon[data-v-2e1287f8] {
  height: 24px;
  width: 24px
}
.x-button--secondary .x-button__icon path[data-v-2e1287f8] {
  stroke: var(--c-button--secondary-text);
  transition: stroke .2s
}
@media(hover:hover) {.x-button--secondary[data-v-2e1287f8]:focus,
  .x-button--secondary[data-v-2e1287f8]:hover {
    background: var(--c-button--secondary-base--hover);
    box-shadow: inset 0 0 0 1px var(--c-button--secondary-border--hover);
    color: var(--c-button--secondary-text--hover)
  }
.x-button--secondary:focus .x-button__icon path[data-v-2e1287f8],
  .x-button--secondary:hover .x-button__icon path[data-v-2e1287f8] {
    stroke: var(--c-button--secondary-text--hover)
  }}
.x-button--secondary--size-s[data-v-2e1287f8] {
  font-size: 14px;
  gap: 4px;
  height: 30px;
  padding: 0 12px;
  width: auto
}
.x-button--secondary--size-s[data-v-2e1287f8]:has(.x-button__icon) {
  padding-right: 8px
}
.x-button--secondary--size-s .x-button__icon[data-v-2e1287f8] {
  height: 16px;
  width: 16px
}
.x-button--secondary--size-m .x-button__icon[data-v-2e1287f8] {
  height: 16px;
  width: 16px
}
.x-button--round[data-v-2e1287f8] {
  border-radius: 999px
}
.x-button--curved[data-v-2e1287f8] {
  border-radius: 8px
}
.x-button--shadow[data-v-2e1287f8]:not([disabled]) {
  box-shadow: 0 0 10px rgba(0, 0, 0, .16)
}
.x-button--space-between[data-v-2e1287f8] {
  justify-content: space-between
}
.x-button--width-m[data-v-2e1287f8],
.x-button--width-s[data-v-2e1287f8] {
  margin-left: auto;
  margin-right: auto;
  width: 100%
}
.x-button--width-m[data-v-2e1287f8] {
  max-width: 300px
}
[data-v-30bc2820]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.playlist[data-v-30bc2820] {
  --scroller-items: 2.5;
  --scroller-item-space: 8px;
  --scroller-item-space-sum: 22px;
  display: flex;
  flex-wrap: nowrap;
  opacity: 1;
  position: relative;
  transition: opacity .3s;
  --scroller-space: 8px;
  --scroller-inner-padding: 4px;
  --scroller-inset: 0px
}
@media(min-width:600px) {.playlist[data-v-30bc2820] {
    --scroller-space: 0;
    --scroller-inner-padding: 8px;
    --scroller-items: 4;
    --scroller-item-space: 11;
    --scroller-item-space-sum: (var(--scroller-items) - 1) * var(--scroller-item-space) * 1px;
    --scroller-inset: 3.6vw
  }}
@media(min-width:1040px) {.playlist[data-v-30bc2820] {
    --scroller-items: 3;
    --scroller-inset: 50px
  }}
@media(min-width:1536px) {.playlist[data-v-30bc2820] {
    --scroller-items: 4;
    --scroller-inset: 60px
  }}
.playlist.labeled[data-v-30bc2820] {
  --scroller-space--left: 38px
}
.playlist__label[data-v-30bc2820] {
  align-items: center;
  background: #7e1fe0;
  border-radius: 0 8px 8px 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  display: flex;
  height: -moz-max-content;
  height: max-content;
  justify-content: center;
  left: 0;
  min-height: 94px;
  padding: 10px 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transform-origin: left top;
  width: 30px;
  z-index: 1
}
.playlist__label>span[data-v-30bc2820] {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -.01em;
  overflow: hidden;
  padding-left: 2px;
  text-orientation: mixed;
  text-transform: capitalize;
  transform: rotate(180deg);
  writing-mode: tb
}
.playlist__item[data-v-30bc2820] {
  flex-shrink: 0;
  overflow: hidden;
  scroll-snap-align: start;
  width: calc((100% - var(--scroller-inset)*2 - var(--scroller-item-space-sum))/var(--scroller-items))
}
.playlist__item[data-v-30bc2820]:not(:last-child) {
  margin-right: 8px
}
@media(min-width:600px) {.playlist__item[data-v-30bc2820]:not(:last-child) {
    margin-right: 11px
  }}
[data-v-41bc718c]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.scroller[data-v-41bc718c] {
  flex: 1 1 auto;
  margin: 0 calc(var(--scroller-inset, 0)*-1);
  min-width: 100%;
  position: relative
}
@media(min-width:600px) {.scroller[data-v-41bc718c] {
    margin-left: calc(var(--scroller-inset, 3.6vw)*-1);
    margin-right: calc(var(--scroller-inset, 3.6vw)*-1)
  }}
@media(min-width:1040px) {.scroller[data-v-41bc718c] {
    margin-left: calc(var(--scroller-inset, 50px)*-1);
    margin-right: calc(var(--scroller-inset, 50px)*-1)
  }}
@media(min-width:1536px) {.scroller[data-v-41bc718c] {
    margin-left: calc(var(--scroller-inset, 60px)*-1);
    margin-right: calc(var(--scroller-inset, 60px)*-1)
  }}
.scroller__inner[data-v-41bc718c] {
  display: flex;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding-bottom: var(--scroller-inner-padding, 0);
  padding-top: var(--scroller-inner-padding, 0);
  position: relative;
  scroll-padding: var(--scroller-inset, 12px)
}
@media(min-width:600px) {.scroller__inner[data-v-41bc718c] {
    scroll-padding: var(--scroller-inset, 3.6vw)
  }
.scroller__inner.snap[data-v-41bc718c] {
    scroll-snap-type: x mandatory
  }}
@media(min-width:1040px) {.scroller__inner[data-v-41bc718c] {
    scroll-padding: var(--scroller-inset, 50px)
  }}
@media(min-width:1536px) {.scroller__inner[data-v-41bc718c] {
    scroll-padding: var(--scroller-inset, 60px)
  }}
.scroller__inner[data-v-41bc718c]::-webkit-scrollbar {
  height: 0 !important;
  width: 0 !important
}
.scroller__inner[data-v-41bc718c]::-webkit-scrollbar,
.scroller__inner[data-v-41bc718c]::-webkit-scrollbar-thumb {
  background-color: transparent;
  display: none !important
}
.scroller__inner[data-v-41bc718c]::-webkit-scrollbar-track {
  background-color: transparent
}
.scroller__inner[data-v-41bc718c]:after,
.scroller__inner[data-v-41bc718c]:before {
  content: "";
  flex-shrink: 0;
  height: 1px;
  width: var(--scroller-inset, 12px)
}
@media(min-width:600px) {.scroller__inner[data-v-41bc718c]:after,
  .scroller__inner[data-v-41bc718c]:before {
    width: var(--scroller-inset, 3.6vw)
  }}
@media(min-width:1040px) {.scroller__inner[data-v-41bc718c]:after,
  .scroller__inner[data-v-41bc718c]:before {
    width: var(--scroller-inset, 50px)
  }}
@media(min-width:1536px) {.scroller__inner[data-v-41bc718c]:after,
  .scroller__inner[data-v-41bc718c]:before {
    width: var(--scroller-inset, 60px)
  }}
@media(max-width:599px) {.scroller__inner[data-v-41bc718c]:before {
    width: var(--scroller-space--left, var(--scroller-space, 12px))
  }
.scroller__inner[data-v-41bc718c]:after {
    width: var(--scroller-space--right, var(--scroller-space, 12px))
  }}
.scroller--gradient-side .side[data-v-41bc718c]:before {
  content: "";
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity .24s;
  width: 40px
}
.scroller--gradient-side .side.faded[data-v-41bc718c]:before {
  opacity: 1
}
.scroller--gradient-side .side.left[data-v-41bc718c]:before {
  background: linear-gradient(90deg, var(--c-base) 0, var(--c-base--transparent) 100%);
  left: 100%
}
.scroller--gradient-side .side.right[data-v-41bc718c]:before {
  background: linear-gradient(270deg, var(--c-base) 0, var(--c-base--transparent) 100%);
  right: 100%
}
.side[data-v-41bc718c] {
  align-items: center;
  background: var(--c-base);
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  top: 0;
  width: var(--scroller-inset);
  z-index: 1
}
@media(min-width:600px) {.side[data-v-41bc718c] {
    padding: 10px;
    width: var(--scroller-inset, 3.6vw)
  }}
@media(min-width:1040px) {.side[data-v-41bc718c] {
    width: var(--scroller-inset, 50px)
  }}
@media(min-width:1536px) {.side[data-v-41bc718c] {
    padding: 15px;
    width: var(--scroller-inset, 60px)
  }}
.side.left[data-v-41bc718c] {
  left: 0
}
.side.right[data-v-41bc718c] {
  right: 0
}
@media(hover:hover) {.side:hover .scroller-arrow[data-v-41bc718c] {
    transform: scale(1.25)
  }
.side:hover .scroller-arrow .scroller-arrow__inner[data-v-41bc718c] {
    background: var(--c-button--muted-base--hover)
  }}
.scroller-arrow[data-v-41bc718c] {
  flex-shrink: 0;
  padding: 10px;
  position: absolute;
  transition: transform .2s
}
.scroller-arrow__inner[data-v-41bc718c] {
  align-items: center;
  background: var(--c-button--muted-base);
  border: 1px solid var(--c-button--muted-border);
  border-radius: 50%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px
}
.scroller-arrow path[data-v-41bc718c] {
  stroke: var(--c-0)
}
.scroller-arrow img[data-v-41bc718c] {
  height: 7px;
  width: 12px
}
.scroller-arrow.left[data-v-41bc718c] {
  left: 100%;
  translate: -50%
}
.scroller-arrow.right[data-v-41bc718c] {
  right: 100%;
  translate: 50%
}
button[data-v-41bc718c] {
  cursor: default
}
.clickable[data-v-41bc718c] {
  cursor: pointer
}
[data-v-70ce93f7]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.playlist[data-v-70ce93f7] {
  background-color: var(--c-placeholder);
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  --clamp-rows: 1
}
.playlist-inner[data-v-70ce93f7] {
  align-items: center;
  aspect-ratio: 16/11;
  border-radius: 6px;
  container-name: playlist;
  container-type: size;
  display: flex;
  height: 100%;
  justify-content: center;
  -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 0);
  overflow: hidden;
  width: 100%
}
@supports not (aspect-ratio:1) {.playlist-inner[data-v-70ce93f7] {
    height: 0;
    padding-bottom: 66.66%
  }}
@media(min-width:1040px) {.playlist-inner:hover .playlist__thumb[data-v-70ce93f7] {
    filter: brightness(120%);
    transform: scale(1.2) translateZ(0)
  }}
.playlist-inner[data-v-70ce93f7]:after {
  background: linear-gradient(transparent, rgba(0, 0, 0, .2) 38%, rgba(0, 0, 0, .4) 66%, rgba(0, 0, 0, .6));
  border-radius: 0 0 6px 6px;
  bottom: 0;
  content: "";
  height: 50%;
  left: 0;
  position: absolute;
  right: 0
}
.playlist-inner img[alt~=poster][data-v-70ce93f7],
.playlist-inner video[data-v-70ce93f7] {
  color: transparent;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  transform: translateZ(0);
  width: 100%
}
@media(min-width:600px) {.playlist-inner img[alt~=poster][data-v-70ce93f7],
  .playlist-inner video[data-v-70ce93f7] {
    border-radius: 6px
  }}
.playlist-inner video[data-v-70ce93f7] {
  opacity: 0;
  transition: opacity .4s
}
.playlist-inner.is-visible video[data-v-70ce93f7] {
  opacity: 1;
  transition-duration: 0s
}
.playlist-inner.is-visible.rendering-delay video[data-v-70ce93f7] {
  transition-delay: .4s;
  transition-duration: .4s
}
.playlist__thumb[data-v-70ce93f7] {
  border-radius: 6px;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, .1);
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%
}
@media(min-width:1040px) {.playlist__thumb[data-v-70ce93f7] {
    transform-origin: center center;
    transition: transform .5s ease, filter .5s ease
  }}
.playlist__icon[data-v-70ce93f7] {
  display: flex;
  height: 40px;
  transition: transform .25s ease-in-out;
  width: 40px;
  z-index: 1
}
@media(hover:hover) {.playlist__icon[data-v-70ce93f7]:hover {
    transform: scale(1.2)
  }}
@container playlist (min-height: 140px) {
  .playlist__icon[data-v-70ce93f7] {
    height: 50px;
    width: 50px
  }
}
.playlist__label[data-v-70ce93f7] {
  bottom: 6px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  max-width: 100%;
  position: absolute;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .05);
  word-break: break-word;
  z-index: 1
}
@container playlist (min-height: 110px) {
  .playlist__label[data-v-70ce93f7] {
    bottom: 8px;
    font-size: 16px
  }
}
@container playlist (min-height: 130px) {
  .playlist__label[data-v-70ce93f7] {
    bottom: 10px;
    font-size: 18px
  }
}
@container playlist (min-height: 140px) {
  .playlist__label[data-v-70ce93f7] {
    bottom: 12px;
    font-size: 20px;
    font-weight: 700
  }
}
[data-v-3fcb8aa4]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.wall[data-v-3fcb8aa4] {
  display: grid;
  max-width: 100vw;
  overflow-x: hidden;
  width: 100%;
  grid-gap: 2px;
  align-content: flex-start;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  touch-action: pan-y
}
.wall .mobile-wall-prbn[data-v-3fcb8aa4] {
  grid-column: span 2
}
.wall .mobile-wall-prbn[data-v-3fcb8aa4] .swiper-container {
  border-radius: 0
}
@media(min-width:600px) {.wall[data-v-3fcb8aa4] {
    grid-gap: 14px;
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
.wall .mobile-wall-prbn[data-v-3fcb8aa4] {
    grid-column: span 3
  }}
@media(min-width:1040px) {.wall[data-v-3fcb8aa4] {
    grid-gap: 10px;
    overflow-x: unset
  }}
@media(min-width:1280px) {.wall[data-v-3fcb8aa4] {
    grid-gap: 14px
  }}
@media(min-width:1536px) {.wall[data-v-3fcb8aa4] {
    grid-gap: 18px
  }}
@media(max-width:599px) {.wall--profile .wall__item[data-v-3fcb8aa4] {
    box-shadow: var(--dm-highlight, none)
  }}
.wall__wrapper[data-v-3fcb8aa4] {
  position: relative
}
.wall--get-size[data-v-3fcb8aa4] {
  left: -200%;
  position: absolute;
  top: 0
}
.wall__item[data-v-3fcb8aa4] {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  position: relative
}
.wall__item__media[data-v-3fcb8aa4] {
  aspect-ratio: 2/3;
  background-color: var(--c-placeholder);
  overflow: hidden;
  position: relative;
  width: 100%
}
@supports not (aspect-ratio:1) {.wall__item__media[data-v-3fcb8aa4] {
    height: 0;
    padding-bottom: 150%
  }}
@media(min-width:600px) {.wall__item__media[data-v-3fcb8aa4] {
    border-radius: 6px
  }}
.wall__item__media img[alt~=poster][data-v-3fcb8aa4],
.wall__item__media video[data-v-3fcb8aa4] {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  transform: translateZ(0);
  width: 100%
}
@media(min-width:600px) {.wall__item__media img[alt~=poster][data-v-3fcb8aa4],
  .wall__item__media video[data-v-3fcb8aa4] {
    border-radius: 6px
  }}
.wall__item__media video[data-v-3fcb8aa4] {
  position: relative
}
.tag-suggestions[data-v-3fcb8aa4] .tags {
  margin: 0;
  padding: 0 16px
}
@media(min-width:600px) {.tag-suggestions[data-v-3fcb8aa4] .tags {
    padding: 0
  }}
.pagination[data-v-3fcb8aa4] {
  gap: 40px;
  justify-content: center
}
.pagination[data-v-3fcb8aa4],
.pagination__pages[data-v-3fcb8aa4] {
  align-items: center;
  display: flex
}
.pagination__block--page.is-active[data-v-3fcb8aa4] {
  background: var(--c-main);
  box-shadow: 0 0 6px rgba(126, 31, 224, .4);
  color: #fff
}
.pagination__block--page.is-active[data-v-3fcb8aa4]:hover {
  background: var(--c-main--hover)
}
.tag[data-v-3fcb8aa4]:before {
  color: var(--c-main);
  content: "#"
}
[data-v-cdcab0e6]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.wall__item[data-v-cdcab0e6] {
  container: wallItem/inline-size;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  position: relative
}
.wall__item[data-v-cdcab0e6]:has(:not(.video-attributes-group--static)) {
  overflow: clip
}
.wall__item__media[data-v-cdcab0e6] {
  aspect-ratio: 2/3;
  background-color: var(--c-placeholder);
  position: relative;
  width: 100%
}
@supports not (aspect-ratio:1) {.wall__item__media[data-v-cdcab0e6] {
    height: 0;
    padding-bottom: 150%
  }}
@media(min-width:600px) {.wall__item__media[data-v-cdcab0e6] {
    border-radius: 6px
  }}
.wall__item__media img[data-type~=poster][data-v-cdcab0e6],
.wall__item__media video[data-v-cdcab0e6] {
  color: transparent;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  transform: translateZ(0);
  width: 100%
}
@media(min-width:600px) {.wall__item__media img[data-type~=poster][data-v-cdcab0e6],
  .wall__item__media video[data-v-cdcab0e6] {
    border-radius: 6px
  }}
.wall__item__media .img-like-video[data-v-cdcab0e6],
.wall__item__media video[data-v-cdcab0e6] {
  opacity: 0;
  transition: opacity .4s
}
.wall__item__media.is-visible .img-like-video[data-v-cdcab0e6],
.wall__item__media.is-visible video[data-v-cdcab0e6] {
  opacity: 1;
  transition-duration: 0s
}
.wall__item__media.is-visible.rendering-delay .img-like-video[data-v-cdcab0e6],
.wall__item__media.is-visible.rendering-delay video[data-v-cdcab0e6] {
  transition-delay: .4s;
  transition-duration: .4s
}
.wall__item__media[data-autopopular][data-v-cdcab0e6]:after {
  background: var(--autopopular, #000);
  border: 1px solid #fff;
  border-radius: 2px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .16);
  content: "";
  display: block;
  height: 18px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 18px
}
.wall__item--highlight .wall__item__media[data-v-cdcab0e6] {
  border: var(--dm-highlight, none)
}
@media(max-width:599px) {.wall__item__loader[data-v-cdcab0e6] .progress-ring__holder {
    transform: rotate(-90deg) scale(.8)
  }}
.wall__item__user .avatar[data-v-cdcab0e6] {
  flex: 0 0 auto
}
.wall__item__user .tags[data-v-cdcab0e6] {
  --clamp-rows: 2;
  color: #717171;
  font-size: 13px;
  max-width: 100%
}
@container wallItem (min-width: 190px) {
  .wall__item__debug-details[data-v-cdcab0e6] {
    font-size: 10px;
    gap: 18px;
    margin: auto 18px
  }
}
@container wallItem (min-width: 220px) {
  .wall__item__debug-details[data-v-cdcab0e6] {
    font-size: 12px;
    gap: 24px;
    margin: auto 24px
  }
}
.wall__item__debug-details .row[data-v-cdcab0e6] {
  align-items: center;
  border-bottom: 1px solid hsla(0, 0%, 100%, .25);
  display: flex;
  justify-content: space-between;
  margin-bottom: 2px;
  padding-bottom: 2px
}
@container wallItem (min-width: 190px) {
  .wall__item__debug-details .row[data-v-cdcab0e6] {
    margin-bottom: 3px;
    padding-bottom: 3px
  }
}
@container wallItem (min-width: 220px) {
  .wall__item__debug-details .row[data-v-cdcab0e6] {
    margin-bottom: 4px;
    padding-bottom: 4px
  }
}
.wall__item__debug-details .row span[data-v-cdcab0e6] {
  white-space: nowrap
}
.wall__item__debug-details .row span[data-v-cdcab0e6]:last-child {
  font-weight: 400;
  text-align: right
}
.wall__item__metadata[data-v-cdcab0e6] {
  --clamp-rows: 2;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .4));
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px;
  text-shadow: 0 .5px 0 rgba(0, 0, 0, .5);
  width: 100%;
  z-index: 1
}
.wall__item__metadata__row[data-v-cdcab0e6] {
  align-items: center;
  display: flex;
  gap: 6px
}
.wall__item__metadata .username[data-v-cdcab0e6] {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -.2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.wall__item__metadata .username[data-v-cdcab0e6] .user-caption__badge>img {
  height: 14px
}
.wall__item__metadata .views[data-v-cdcab0e6] {
  flex-shrink: 0;
  white-space: nowrap
}
.wall__item__metadata .description[data-v-cdcab0e6] {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -.5px;
  line-height: 18px
}
.wall__item__metadata .description>span[data-v-cdcab0e6] {
  font-weight: 500
}
.video-attributes-group[data-v-cdcab0e6] {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  left: 0;
  position: absolute;
  right: 0
}
.video-attributes-group--a[data-v-cdcab0e6] {
  padding: 2px
}
@media(min-width:600px) {.video-attributes-group--a[data-v-cdcab0e6] {
    padding: 6px
  }}
.video-attributes-group--a-enter-active[data-v-cdcab0e6],
.video-attributes-group--a-leave-active[data-v-cdcab0e6],
.video-attributes-group--b-enter-active[data-v-cdcab0e6],
.video-attributes-group--b-leave-active[data-v-cdcab0e6] {
  transition: transform .3s ease-out, opacity .3s ease-out
}
.video-attributes-group--a-enter[data-v-cdcab0e6],
.video-attributes-group--a-leave-to[data-v-cdcab0e6],
.video-attributes-group--b-enter[data-v-cdcab0e6],
.video-attributes-group--b-leave-to[data-v-cdcab0e6] {
  opacity: 0
}
.video-attributes-group--a-enter[data-v-cdcab0e6],
.video-attributes-group--a-leave-to[data-v-cdcab0e6] {
  transform: translate3d(0, -100%, 0)
}
.video-attributes-group--b-enter[data-v-cdcab0e6],
.video-attributes-group--b-leave-to[data-v-cdcab0e6] {
  transform: translate3d(0, 100%, 0)
}
.video-attributes-group--static .wall__item__metadata[data-v-cdcab0e6] {
  background: unset;
  margin-top: 2px
}
.video-attributes-group--inner .wall__item__metadata[data-v-cdcab0e6],
.video-attributes-group--static .wall__item__metadata[data-v-cdcab0e6] {
  padding: 6px;
  text-shadow: unset
}
.video-attributes-group--inner .wall__item__metadata .description[data-v-cdcab0e6],
.video-attributes-group--inner .wall__item__metadata .username[data-v-cdcab0e6],
.video-attributes-group--inner .wall__item__metadata .views[data-v-cdcab0e6],
.video-attributes-group--static .wall__item__metadata .description[data-v-cdcab0e6],
.video-attributes-group--static .wall__item__metadata .username[data-v-cdcab0e6],
.video-attributes-group--static .wall__item__metadata .views[data-v-cdcab0e6] {
  font-size: 12px
}
.video-attributes-group--inner .wall__item__metadata .description[data-v-cdcab0e6],
.video-attributes-group--inner .wall__item__metadata .views[data-v-cdcab0e6],
.video-attributes-group--static .wall__item__metadata .description[data-v-cdcab0e6],
.video-attributes-group--static .wall__item__metadata .views[data-v-cdcab0e6] {
  font-weight: 400;
  letter-spacing: -.5px;
  line-height: 18px
}
.video-attributes[data-v-cdcab0e6] {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  gap: 2px;
  max-width: calc(100% - 4px);
  min-height: 24px;
  transition: bottom .1s linear;
  z-index: 1
}
@media(min-width:600px) {.video-attributes[data-v-cdcab0e6] {
    height: 28px;
    max-width: calc(100% - 12px)
  }}
.video-attributes--left .video-attribute__holder[data-tooltip][data-v-cdcab0e6] {
  position: relative
}
.video-attributes--left .video-attribute__holder[data-tooltip][data-v-cdcab0e6]:not([data-tooltip]):after,
.video-attributes--left .video-attribute__holder[data-tooltip][data-v-cdcab0e6]:not([data-tooltip]):before {
  display: none
}
.video-attributes--left .video-attribute__holder[data-tooltip][data-v-cdcab0e6]:before {
  align-items: center;
  background: var(--c-tooltip-base);
  border-radius: 6px;
  bottom: calc(100% + 13px);
  color: var(--c-tooltip-text);
  content: attr(data-tooltip);
  display: flex;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .3));
  font-size: 14px;
  font-weight: 500;
  height: 32px;
  left: -4px;
  padding: 0 15px;
  position: absolute;
  white-space: nowrap;
  width: -moz-max-content;
  width: max-content;
  z-index: 1
}
.video-attributes--left .video-attribute__holder[data-tooltip][data-v-cdcab0e6]:after {
  border-left: 8px solid transparent;
  border-radius: 1px;
  border-right: 8px solid transparent;
  border-top: 9px solid var(--c-tooltip-base);
  bottom: calc(100% + 5px);
  content: "";
  height: 0;
  position: absolute;
  width: 0;
  z-index: 1
}
.video-attributes--left .video-attribute__holder[data-tooltip][data-v-cdcab0e6]:after,
.video-attributes--left .video-attribute__holder[data-tooltip][data-v-cdcab0e6]:before {
  opacity: 0;
  pointer-events: none;
  transform: translateY(15px) translateZ(0);
  transition: opacity .2s, transform .2s
}
@media(hover:hover) {.video-attributes--left .video-attribute__holder[data-tooltip][data-v-cdcab0e6]:hover:after,
  .video-attributes--left .video-attribute__holder[data-tooltip][data-v-cdcab0e6]:hover:before {
    opacity: 1;
    transform: translateY(0) translateZ(0)
  }}
.video-attributes--left .video-attribute__holder[data-tooltip][data-active=false][data-v-cdcab0e6]:after,
.video-attributes--left .video-attribute__holder[data-tooltip][data-active=false][data-v-cdcab0e6]:before {
  opacity: 0
}
.video-attributes--left .video-attribute__holder[data-tooltip][data-active=true][data-v-cdcab0e6]:after,
.video-attributes--left .video-attribute__holder[data-tooltip][data-active=true][data-v-cdcab0e6]:before {
  opacity: 1;
  transform: translateY(0) translateZ(0)
}
.video-attributes--right .video-attribute__holder[data-tooltip][data-v-cdcab0e6] {
  position: relative
}
.video-attributes--right .video-attribute__holder[data-tooltip][data-v-cdcab0e6]:not([data-tooltip]):after,
.video-attributes--right .video-attribute__holder[data-tooltip][data-v-cdcab0e6]:not([data-tooltip]):before {
  display: none
}
.video-attributes--right .video-attribute__holder[data-tooltip][data-v-cdcab0e6]:before {
  align-items: center;
  background: var(--c-tooltip-base);
  border-radius: 6px;
  bottom: calc(100% + 13px);
  color: var(--c-tooltip-text);
  content: attr(data-tooltip);
  display: flex;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .3));
  font-size: 14px;
  font-weight: 500;
  height: 32px;
  padding: 0 15px;
  position: absolute;
  right: -2px;
  white-space: nowrap;
  width: -moz-max-content;
  width: max-content;
  z-index: 1
}
@media(min-width:600px) {.video-attributes--right .video-attribute__holder[data-tooltip][data-v-cdcab0e6]:before {
    right: -4px
  }}
.video-attributes--right .video-attribute__holder[data-tooltip][data-v-cdcab0e6]:after {
  border-left: 8px solid transparent;
  border-radius: 1px;
  border-right: 8px solid transparent;
  border-top: 9px solid var(--c-tooltip-base);
  bottom: calc(100% + 5px);
  content: "";
  height: 0;
  position: absolute;
  width: 0;
  z-index: 1
}
.video-attributes--right .video-attribute__holder[data-tooltip][data-v-cdcab0e6]:after,
.video-attributes--right .video-attribute__holder[data-tooltip][data-v-cdcab0e6]:before {
  opacity: 0;
  pointer-events: none;
  transform: translateY(15px) translateZ(0);
  transition: opacity .2s, transform .2s
}
@media(hover:hover) {.video-attributes--right .video-attribute__holder[data-tooltip][data-v-cdcab0e6]:hover:after,
  .video-attributes--right .video-attribute__holder[data-tooltip][data-v-cdcab0e6]:hover:before {
    opacity: 1;
    transform: translateY(0) translateZ(0)
  }}
.video-attributes--right .video-attribute__holder[data-tooltip][data-active=false][data-v-cdcab0e6]:after,
.video-attributes--right .video-attribute__holder[data-tooltip][data-active=false][data-v-cdcab0e6]:before {
  opacity: 0
}
.video-attributes--right .video-attribute__holder[data-tooltip][data-active=true][data-v-cdcab0e6]:after,
.video-attributes--right .video-attribute__holder[data-tooltip][data-active=true][data-v-cdcab0e6]:before {
  opacity: 1;
  transform: translateY(0) translateZ(0)
}
.video-attribute[data-v-cdcab0e6] {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .01em;
  max-width: 100%;
  padding: 0 8px;
  text-align: left;
  text-shadow: .5px .5px .5px rgba(0, 0, 0, .3)
}
@media(min-width:600px) {.video-attribute[data-v-cdcab0e6] {
    font-size: 16px;
    font-weight: 700
  }}
.video-attribute__holder[data-v-cdcab0e6] {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center
}
.video-attribute__holder img[data-v-cdcab0e6] {
  filter: drop-shadow(1px 2px 6px rgba(0, 0, 0, .2))
}
.video-attribute__holder img+span[data-v-cdcab0e6] {
  margin-left: 6px
}
@media(min-width:600px) {.video-attribute__holder img+span[data-v-cdcab0e6] {
    margin-left: 7px
  }}
.video-attribute__holder img[alt=Sound][data-v-cdcab0e6] {
  margin-right: 3px
}
.video-attribute--count[data-v-cdcab0e6] {
  font-size: 13px;
  font-weight: 700
}
@media(min-width:600px) {.video-attribute--count[data-v-cdcab0e6] {
    font-size: 16px
  }}
[data-v-460ac022]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.avatar[data-v-460ac022] {
  color: var(--c-placeholder);
  display: block;
  flex-shrink: 0;
  height: var(--size);
  position: relative;
  width: var(--size)
}
.avatar--round[data-v-460ac022],
.avatar--round img[data-v-460ac022] {
  border-radius: 50%
}
.avatar--border[data-v-460ac022] {
  border: 1px solid var(--c-avatar-border)
}
@media(min-width:600px) {.avatar--border[data-v-460ac022] {
    box-shadow: 0 0 4px rgba(0, 0, 0, .2)
  }}
.avatar img[data-v-460ac022] {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%
}
[data-v-fe4be6f0]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.placeholder[data-v-fe4be6f0] {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%
}
.placeholder--avatar[data-v-fe4be6f0] {
  background: var(--c-placeholder);
  border: 1px solid var(--c-placeholder-secondary);
  border-radius: 50%
}
@keyframes placeholder-load-fe4be6f0 {
  0% {
    transform: translateX(-100%)
  }

  90%,
  to {
    transform: translateX(600%)
  }
}
[data-v-491b9cf1]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.user-caption[data-v-491b9cf1] {
  align-items: center;
  display: inline-flex;
  gap: 6px;
  max-width: 100%
}
.user-caption__main[data-v-491b9cf1] {
  flex-shrink: 1;
  font-size: inherit;
  font-weight: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.user-caption__status[data-v-491b9cf1] {
  display: flex;
  flex: 0 0 auto
}
.user-caption__badge[data-v-491b9cf1] {
  align-items: center;
  display: flex;
  position: relative
}
.user-caption__badge[data-show-label=true][data-v-491b9cf1]:after,
.user-caption__badge[data-show-label=true][data-v-491b9cf1]:before {
  align-items: center;
  content: "";
  display: flex;
  justify-content: center;
  left: calc(100% + 10px);
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}
.user-caption__badge[data-show-label=true][data-v-491b9cf1]:before {
  border-bottom: 3px solid transparent;
  border-right: 5px solid #0093ff;
  border-top: 3px solid transparent;
  height: 0;
  left: calc(100% + 5px);
  width: 0
}
.user-caption__badge[data-show-label=true][data-v-491b9cf1]:after {
  background: #0093ff;
  border-radius: 4px;
  color: #fff;
  content: attr(data-badge);
  font-size: 12px;
  font-weight: 700;
  height: 20px;
  letter-spacing: .01em;
  padding: 0 9px;
  text-transform: uppercase;
  white-space: nowrap
}
.user-caption__badge[data-show-label=true].is-static[data-v-491b9cf1]:after,
.user-caption__badge[data-show-label=true].is-static[data-v-491b9cf1]:before {
  left: unset;
  position: static;
  top: unset;
  transform: unset
}
.user-caption__badge[data-show-label=true].is-static[data-v-491b9cf1]:before {
  margin-left: 5px;
  order: 1
}
.user-caption__badge[data-show-label=true].is-static[data-v-491b9cf1]:after {
  order: 2
}
.user-caption__badge[data-v-491b9cf1]:has(.user-caption__status--verified) {
  cursor: pointer
}
[data-v-247c5a4c]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.footer[data-v-247c5a4c] {
  color: var(--c-footer-text);
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  margin-top: auto
}
.footer a[data-v-247c5a4c] {
  color: inherit;
  font-weight: inherit
}
.footer__nav[data-v-247c5a4c],
.footer__row[data-v-247c5a4c] {
  align-items: center;
  display: flex;
  gap: 8px;
  height: 30px;
  justify-content: center
}
.footer__nav[data-v-247c5a4c] {
  flex-shrink: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.footer__nav__item[data-v-247c5a4c] {
  align-items: center;
  display: flex;
  gap: 3px;
  white-space: nowrap
}
.footer__nav__item[data-v-247c5a4c]:before {
  content: "•";
  margin-right: 5px
}
.footer__nav__item[data-v-247c5a4c]:first-child:before {
  display: none
}
.footer__nav__item__icon[data-v-247c5a4c] {
  display: flex
}
.footer__nav__item__icon path[stroke][data-v-247c5a4c] {
  stroke: var(--c-footer-text)
}
.footer__nav__item__icon path[fill][data-v-247c5a4c] {
  fill: var(--c-footer-text)
}
.footer--classic[data-v-247c5a4c] {
  padding: 30px 0
}
@media(min-width:600px) {.footer--classic[data-v-247c5a4c] {
    padding: 0
  }}
.footer--contact[data-v-247c5a4c],
.footer--copyright[data-v-247c5a4c] {
  line-height: 18px
}
.footer--contact .footer__row[data-v-247c5a4c],
.footer--copyright .footer__row[data-v-247c5a4c] {
  height: auto;
  margin-bottom: 0
}
.footer--copyright[data-v-247c5a4c] {
  padding: 50px 0 30px;
  text-align: center
}
[data-v-d6b30304]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.aside-content[data-v-d6b30304],
.aside-section[data-v-d6b30304] {
  display: flex;
  flex-direction: column;
  gap: 32px
}
@media(min-width:1040px) {.aside-content[data-v-d6b30304],
  .aside-section[data-v-d6b30304] {
    gap: 42px
  }}
.aside-block__header[data-v-d6b30304] {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px
}
.aside-block__header--space-smaller[data-v-d6b30304] {
  margin-bottom: 14px
}
.aside-block__header em[data-v-d6b30304] {
  color: var(--c-base-text);
  display: inline-block;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  margin: 0
}
.aside-block__header .dropdown-holder[data-v-d6b30304] {
  margin: -10px 0
}
.aside-block__content .x-button--secondary[data-v-d6b30304] {
  margin-top: 16px
}
@media(min-width:1040px) {.aside-block__content .x-button--secondary[data-v-d6b30304] {
    margin-top: 32px
  }}
.categories--big.categories--clamp[data-v-d6b30304] {
  max-height: 84px;
  overflow: clip
}
.tags[data-v-d6b30304] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  max-height: 132px;
  overflow: hidden
}
.tags.expanded[data-v-d6b30304] {
  max-height: unset
}
.rewards__main .badge[data-v-d6b30304] {
  cursor: pointer;
  margin: 0
}
.all-tags[data-v-d6b30304] {
  display: flex;
  flex-direction: column
}
[data-v-d6b30304] .all-tags__search.x-input__wrapper {
  margin-bottom: 8px
}
.all-tags__search[data-v-d6b30304] .x-input {
  font-size: 18px;
  padding-left: 10px
}
.all-tags__search[data-v-d6b30304] .x-input input {
  color: var(--c-base-text)
}
.all-tags__search[data-v-d6b30304] .x-input input::-moz-placeholder {
  color: var(--c-input-placeholder)
}
.all-tags__search[data-v-d6b30304] .x-input input::placeholder {
  color: var(--c-input-placeholder)
}
.all-tags__search img[alt=Search][data-v-d6b30304] {
  margin-right: 16px
}
.all-tags__list[data-v-d6b30304] {
  list-style: none
}
.all-tags__item a[data-v-d6b30304] {
  align-items: center;
  color: var(--c-base-text);
  display: flex;
  font-size: 16px;
  font-weight: 500;
  padding: 16px 0
}
.all-tags__item a>img[data-v-d6b30304] {
  margin-right: 18px;
  transform: rotate(270deg)
}
.all-tags__item[data-v-d6b30304]:not(:first-child) {
  border-top: 1px solid var(--c-base-line)
}
.cls-prbn[data-v-d6b30304] {
  aspect-ratio: 360/400;
  margin: 0 auto;
  max-width: 360px;
  position: relative;
  width: 100%
}
.cls-prbn[data-v-d6b30304]:after {
  background-color: var(--c-placeholder);
  border-radius: 12px;
  content: "";
  display: block;
  height: 100%;
  inset: 0;
  position: absolute;
  width: 100%;
  z-index: -1
}
[data-v-712fc55e]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.dropdown-holder[data-v-712fc55e] {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  z-index: 1
}
.dropdown-holder.is-open[data-v-712fc55e] {
  z-index: 4
}
.dropdown.measuring[data-v-712fc55e] {
  opacity: 0;
  pointer-events: none
}
.dropdown.data[data-v-712fc55e] {
  position: absolute;
  right: 0;
  top: 0
}
.dropdown-inner[data-v-712fc55e] {
  border-radius: 12px;
  box-shadow: 0 0 10px transparent, 0 0 0 1px transparent;
  color: var(--c-base-text);
  display: flex;
  flex-direction: column;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  list-style: none;
  max-height: 50px;
  min-width: 0;
  overflow: hidden;
  padding: 4px 4px 0;
  text-align: left;
  transition: background .2s .3s, max-height .3s, box-shadow .2s .3s
}
.dropdown-inner A[data-v-712fc55e] {
  color: unset
}
.dropdown.is-open .dropdown-inner[data-v-712fc55e] {
  background: var(--c-dropdown-base);
  box-shadow: 0 0 10px rgba(0, 0, 0, .1), 0 0 0 1px var(--c-dropdown-border);
  max-height: 200px;
  transition: background .2s, box-shadow .2s, max-height .3s .1s
}
.dropdown.is-open .dropdown__item.selected .dropdown__item-inner[data-v-712fc55e] {
  background: var(--c-dropdown-item-hover)
}
.dropdown.is-open[data-v-712fc55e]:after {
  content: "";
  display: block;
  flex-shrink: 0;
  height: 30px
}
.dropdown__item[data-v-712fc55e] {
  flex-shrink: 0;
  margin-bottom: 4px
}
.dropdown__item img[alt=Select][data-v-712fc55e] {
  margin-left: 12px;
  opacity: 0
}
.dropdown__item.selected[data-v-712fc55e] {
  order: -1
}
.dropdown__item.selected img[alt=Select][data-v-712fc55e] {
  opacity: 1
}
@media(hover:hover) {.dropdown__item:hover .dropdown__item-inner[data-v-712fc55e] {
    background: var(--c-dropdown-item-hover)
  }}
.dropdown__item .icon[data-v-712fc55e] {
  margin-right: 10px
}
.dropdown__item .icon--image[data-v-712fc55e] {
  width: 28px
}
.dropdown__item .icon--emoji[data-v-712fc55e] {
  font-size: 20px;
  margin-right: 8px
}
.dropdown__item span[data-v-712fc55e] {
  margin-right: auto
}
.dropdown__item-inner[data-v-712fc55e] {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  height: 42px;
  padding: 0 12px;
  transition: background-color .2s linear
}
.dropdown--background .selected .dropdown__item-inner[data-v-712fc55e] {
  background: var(--c-dropdown-item-default)
}
@media(hover:hover) {.dropdown--background .selected .dropdown__item-inner[data-v-712fc55e]:hover {
    background: var(--c-dropdown-item-default--hover)
  }}
.dropdown--smaller .dropdown__item .icon[data-v-712fc55e] {
  margin-right: 8px
}
.dropdown--smaller .dropdown__item .icon--image[data-v-712fc55e] {
  width: 18px
}
.dropdown--smaller .dropdown__item .icon--emoji[data-v-712fc55e] {
  font-size: 16px
}
.dropdown--smaller .dropdown__item img[alt=Select][data-v-712fc55e] {
  margin-left: 8px
}
.dropdown--smaller .dropdown__item-inner[data-v-712fc55e] {
  padding-left: 10px;
  transition: padding .2s
}
.dropdown--larger[data-v-712fc55e] {
  margin-right: -4px
}
.dropdown--larger .dropdown__item .icon[data-v-712fc55e] {
  margin-right: 12px
}
.dropdown--larger .dropdown__item .icon--emoji[data-v-712fc55e] {
  font-size: 20px;
  margin-right: 8px
}
.dropdown--larger .dropdown__item-inner[data-v-712fc55e] {
  padding-left: 14px
}
.dropdown--lgbt .dropdown__item .icon--image[data-v-712fc55e] {
  width: 22px
}
@media(min-width:600px) {.dropdown--lgbt .dropdown__item .icon--image[data-v-712fc55e] {
    width: 26px
  }}
.dropdown--mobile .dropdown__item-inner[data-v-712fc55e] {
  border-radius: 4px;
  height: 32px;
  padding-left: 10px
}
.dropdown--mobile .dropdown__item .icon--image[data-v-712fc55e] {
  margin-right: 8px;
  width: 22px
}
.dropdown--no-text:not(.measuring)>img[data-v-712fc55e] {
  right: 14px
}
.dropdown--no-text:not(.measuring) .dropdown__item .icon[data-v-712fc55e] {
  margin-right: 0;
  transition: margin .2s
}
.dropdown--no-text:not(.measuring) .dropdown__item .text[data-v-712fc55e] {
  max-width: 0;
  opacity: 0;
  transition: max-width .2s, opacity .2s
}
.dropdown--no-text:not(.measuring).is-open .dropdown__item .icon[data-v-712fc55e] {
  margin-right: 10px
}
.dropdown--no-text:not(.measuring).is-open .dropdown__item .text[data-v-712fc55e] {
  max-width: 200px;
  opacity: 1;
  transition: max-width .2s, opacity .2s .1s
}
.dropdown--newpost .dropdown-inner[data-v-712fc55e] {
  font-weight: 400
}
.dropdown--newpost .dropdown__item-inner[data-v-712fc55e] {
  border-radius: 4px;
  height: 32px;
  padding-left: 8px
}
.dropdown--newpost .dropdown__item .icon--image[data-v-712fc55e] {
  margin: 0 8px 0 0;
  width: 18px
}
.dropdown--right-flag:not(.is-open) .selected .dropdown__item-inner[data-v-712fc55e] {
  justify-content: flex-end
}
.dropdown--right-flag:not(.is-open) .selected .text[data-v-712fc55e] {
  margin-right: 0
}
.dropdown--error .dropdown-inner[data-v-712fc55e] {
  border-radius: 7px;
  box-shadow: 0 0 10px transparent, 0 0 0 1px #e3362b
}
.dropdown--error .dropdown-inner .selected .dropdown__item-inner[data-v-712fc55e] {
  background: var(--c-base)
}
[data-v-d72b7f44]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.categories[data-v-d72b7f44] {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  gap: 10px
}
.categories--big[data-v-d72b7f44] {
  gap: 12px
}
.categories--line .x-tag[data-v-d72b7f44] {
  margin-top: 0 !important
}
[data-v-a8a4581e]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.x-tag[data-v-a8a4581e] {
  color: var(--c-tag-text);
  cursor: pointer;
  transition: scale .24s
}
.x-tag[data-v-a8a4581e] path:not([stroke]) {
  fill: var(--c-tag-text)
}
.x-tag[data-v-a8a4581e] path[stroke] {
  stroke: var(--c-tag-text)
}
.x-tag[data-v-a8a4581e]:first-child {
  padding-left: 0
}
.x-tag[data-v-a8a4581e]:last-child {
  padding-right: 0
}
.x-tag__inner[data-v-a8a4581e] {
  align-items: center;
  background: var(--c-tag-base);
  border-radius: 6px;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  gap: 4px;
  height: 32px;
  justify-content: center;
  padding: 0 12px;
  transition: background-color .2s;
  white-space: nowrap
}
@media(hover:hover) {.x-tag:focus .x-tag__inner[data-v-a8a4581e],
  .x-tag:hover .x-tag__inner[data-v-a8a4581e] {
    background: var(--c-tag-base--hover)
  }}
.x-tag--big .x-tag__inner[data-v-a8a4581e] {
  background: transparent;
  border: 1px solid var(--c-tag--big-border);
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  gap: 6px;
  height: 36px;
  letter-spacing: -.3px
}
.x-tag--image .x-tag__inner[data-v-a8a4581e] {
  gap: 4px;
  padding-left: 8px
}
.x-tag.active[data-v-a8a4581e] {
  color: var(--c-button--secondary-text)
}
.x-tag.active[data-v-a8a4581e] path:not([stroke]) {
  fill: var(--c-button--secondary-text)
}
.x-tag.active[data-v-a8a4581e] path[stroke] {
  stroke: var(--c-button--secondary-text)
}
.x-tag.active .x-tag__inner[data-v-a8a4581e] {
  background: var(--c-button--secondary-base);
  border-color: var(--c-button--secondary-base--hover);
  box-shadow: inset 0 0 0 1px var(--c-button--secondary-base--hover);
  color: var(--c-button--secondary-text)
}
.x-tag.active[data-v-a8a4581e]:active {
  scale: .95
}
.x-tag.active[data-v-a8a4581e]:active path:not([stroke]) {
  fill: #fff
}
.x-tag.active[data-v-a8a4581e]:active path[stroke] {
  stroke: #fff
}
.x-tag.active:active .x-tag__inner[data-v-a8a4581e] {
  background: var(--c-button--secondary-base--hover);
  color: var(--c-button--secondary-text--hover)
}
@media(hover:hover) {.x-tag--big[data-v-a8a4581e]:focus,
  .x-tag--big[data-v-a8a4581e]:hover {
    color: var(--c-button--secondary-text)
  }
.x-tag--big[data-v-a8a4581e]:focus path:not([stroke]),
  .x-tag--big[data-v-a8a4581e]:hover path:not([stroke]) {
    fill: var(--c-button--secondary-text)
  }
.x-tag--big[data-v-a8a4581e]:focus path[stroke],
  .x-tag--big[data-v-a8a4581e]:hover path[stroke] {
    stroke: var(--c-button--secondary-text)
  }
.x-tag--big:focus .x-tag__inner[data-v-a8a4581e],
  .x-tag--big:hover .x-tag__inner[data-v-a8a4581e] {
    background: var(--c-button--secondary-base);
    border-color: var(--c-button--secondary-base--hover);
    box-shadow: inset 0 0 0 1px var(--c-button--secondary-base--hover);
    color: var(--c-button--secondary-text)
  }
.x-tag--big[data-v-a8a4581e]:focus:active,
  .x-tag--big[data-v-a8a4581e]:hover:active {
    scale: .95
  }
.x-tag--big[data-v-a8a4581e]:focus:active path:not([stroke]),
  .x-tag--big[data-v-a8a4581e]:hover:active path:not([stroke]) {
    fill: #fff
  }
.x-tag--big[data-v-a8a4581e]:focus:active path[stroke],
  .x-tag--big[data-v-a8a4581e]:hover:active path[stroke] {
    stroke: #fff
  }
.x-tag--big:focus:active .x-tag__inner[data-v-a8a4581e],
  .x-tag--big:hover:active .x-tag__inner[data-v-a8a4581e] {
    background: var(--c-button--secondary-base--hover);
    color: var(--c-button--secondary-text--hover)
  }}
[data-v-339e6ecc]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.faq[data-v-339e6ecc] {
  display: flex;
  flex-direction: column;
  -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
  overflow: hidden
}
.faq__item[data-v-339e6ecc] {
  display: flex;
  flex-flow: column nowrap;
  text-align: left
}
.faq:not(.faq--hp) .faq__item:last-child .faq__question[data-v-339e6ecc] {
  border: none
}
.faq__question[data-v-339e6ecc] {
  align-items: center;
  background: var(--c-base);
  border-bottom: 1px solid var(--c-popup-menu-separator);
  cursor: pointer;
  display: flex;
  gap: var(--spacing-s);
  padding: var(--spacing-l) var(--spacing-m)
}
.faq__question .icon[data-v-339e6ecc] {
  align-items: center;
  display: flex;
  font-size: 20px;
  font-weight: 500;
  height: 24px;
  justify-content: center;
  width: 24px
}
.faq__question .icon path[data-v-339e6ecc] {
  fill: var(--c-iron);
  transition: fill var(--faq-timing, .75s)
}
.faq__question h3[data-v-339e6ecc] {
  font-size: 16px;
  font-weight: 500
}
.faq__question__toggler[data-v-339e6ecc] {
  margin-left: auto
}
.faq__question__toggler svg[data-v-339e6ecc] {
  transition: transform .35s
}
.faq__question__toggler svg path[data-v-339e6ecc] {
  stroke: var(--c-base-text-tertiary)
}
.faq__answer[data-v-339e6ecc] {
  max-height: 0;
  transition: max-height var(--faq-timing, .75s);
  z-index: -1
}
.faq__answer-inner[data-v-339e6ecc] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-l);
  opacity: 0;
  padding: var(--spacing-xl) 20px var(--spacing-xl) 44px;
  transform: translateY(-90%);
  transition: transform var(--faq-timing, .75s), opacity var(--faq-timing, .75s)
}
@media(min-width:1040px) {.faq__answer-inner[data-v-339e6ecc] {
    padding-right: 44px
  }}
.faq__item.opened .icon path[data-v-339e6ecc] {
  fill: var(--c-main)
}
.faq__item.opened .faq__question__toggler svg[data-v-339e6ecc] {
  transform: rotate(180deg)
}
.faq__item.opened .faq__answer[data-v-339e6ecc] {
  max-height: 400px;
  transition: max-height var(--faq-timing, .75s), z-index .01s var(--faq-timing, .75s);
  z-index: 1
}
.faq__item.opened .faq__answer-inner[data-v-339e6ecc] {
  opacity: 1;
  transform: translateY(0)
}
.faq--hp[data-v-339e6ecc],
.faq--tag[data-v-339e6ecc] {
  --faq-timing: 0.5s;
  color: var(--c-sidemenu-text-social)
}
.faq--hp .faq__question[data-v-339e6ecc],
.faq--tag .faq__question[data-v-339e6ecc] {
  align-items: baseline;
  border-color: var(--c-base-line);
  gap: 6px;
  padding: 20px 0
}
.faq--hp .faq__question .icon[data-v-339e6ecc],
.faq--tag .faq__question .icon[data-v-339e6ecc] {
  font-size: 14px;
  font-weight: 700;
  height: unset;
  width: unset
}
.faq--hp .faq__question h3[data-v-339e6ecc],
.faq--tag .faq__question h3[data-v-339e6ecc] {
  font-size: 14px;
  font-weight: 700;
  line-height: 18px
}
.faq--hp .faq__answer[data-v-339e6ecc],
.faq--tag .faq__answer[data-v-339e6ecc] {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px
}
.faq--hp .faq__answer-inner[data-v-339e6ecc],
.faq--tag .faq__answer-inner[data-v-339e6ecc] {
  gap: 16px;
  padding: 16px 0 4px
}
.faq--hp .faq__item:first-child .faq__question[data-v-339e6ecc],
.faq--tag .faq__item:first-child .faq__question[data-v-339e6ecc] {
  padding-top: 0
}
[data-v-52a22006]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.dots-component[data-v-52a22006] {
  display: flex;
  position: relative;
  transform: translateZ(0);
  z-index: 1
}
.dots-component.is-active[data-v-52a22006] {
  z-index: 5
}
.dots-container[data-v-52a22006] {
  align-items: center;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  height: 21px;
  justify-content: center;
  width: 31px
}
@media(hover) {.dots-container[data-v-52a22006]:not(.is-active):hover {
    background: var(--c-dm-button-hover-base);
    box-shadow: 0 0 0 1px var(--c-dm-button-hover-border)
  }}
.dots-container.is-active[data-v-52a22006] {
  background: var(--c-dm-button-active-base)
}
.dots-container.is-active .dot[data-v-52a22006] {
  background: var(--c-dm-button-active-text)
}
.dots-container.is-active[data-v-52a22006] path[stroke] {
  stroke: var(--c-dm-button-active-text)
}
.dots-menu[data-v-52a22006] {
  background: var(--c-dm-base);
  border-radius: 6px;
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .2));
  padding: 0 14px;
  position: absolute;
  right: 0;
  top: calc(100% + 12px);
  transform: translateZ(0)
}
.dots-menu[data-v-52a22006]:before {
  border-bottom: 13px solid var(--c-dm-base);
  border-left: 7px solid transparent;
  border-radius: 3px;
  border-right: 7px solid transparent;
  bottom: calc(100% - 3px);
  content: "";
  height: 0;
  position: absolute;
  right: 16px;
  transform: translateX(50%);
  width: 0
}
.dots-menu__section[data-v-52a22006]:not(:last-child),
.dots-menu__title[data-v-52a22006] {
  border-bottom: 1px solid var(--c-popup-menu-separator)
}
.dots-menu ul[data-v-52a22006] {
  list-style: none;
  padding: 8px 0
}
.dots-menu ul.submenu[data-v-52a22006] {
  padding: 0
}
.dots-menu__item[data-v-52a22006] {
  border-radius: 4px;
  color: var(--c-dm-item-text);
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  width: 100%
}
.dots-menu__item-inner[data-v-52a22006] {
  align-items: center;
  border-radius: 4px;
  display: flex;
  margin: 0 -8px;
  min-height: 36px;
  overflow: hidden;
  padding: 4px 40px 4px 8px;
  position: relative;
  white-space: nowrap
}
@media(hover:hover) {.dots-menu__item[data-v-52a22006]:hover {
    color: var(--c-dm-item-text-hover)
  }
.dots-menu__item:hover .dots-menu__item-inner[data-v-52a22006] {
    background: var(--c-dm-item-hover)
  }
.dots-menu__item:hover .color-object[data-v-52a22006]:not([stroke]) {
    fill: var(--c-dm-item-text-hover)
  }
.dots-menu__item:hover .color-object[stroke][data-v-52a22006] {
    stroke: var(--c-dm-item-text-hover)
  }}
.dots-menu__item[data-v-52a22006]:not(:last-child) {
  margin-bottom: 8px
}
.dots-menu__item span[data-v-52a22006] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.dots-menu__item .color-object[data-v-52a22006]:not([stroke]) {
  fill: var(--c-dm-item-icon)
}
.dots-menu__item .color-object[stroke][data-v-52a22006] {
  stroke: var(--c-dm-item-icon)
}
.dots-menu__item.warning[data-v-52a22006] {
  color: #f71616
}
.dots-menu__item.warning .color-object[data-v-52a22006]:not([stroke]) {
  fill: #f71616
}
.dots-menu__item.warning .color-object[stroke][data-v-52a22006] {
  stroke: #f71616
}
.dots-menu__icon[data-v-52a22006] {
  display: grid;
  height: 22px;
  margin-right: 8px;
  place-items: center;
  width: 22px
}
.dots-component.dots-component--plain-block[data-v-52a22006],
.dots-component.dots-component--plain-block .dots-container[data-v-52a22006] {
  height: 100%;
  width: 100%
}
@media(hover) {.dots-component.dots-component--plain-block .dots-container[data-v-52a22006]:not(.is-active):hover {
    background: transparent;
    box-shadow: none
  }}
.dots-component.dots-component--plain-block .dots-container.is-active[data-v-52a22006] {
  background: transparent
}
.dots-component.dots-component--footer[data-v-52a22006] {
  justify-content: center
}
.dots-component.dots-component--footer .dots-container[data-v-52a22006] {
  border-radius: 6px;
  box-shadow: 0 0 0 1px var(--c-dm-button-hover-border);
  height: 20px;
  width: 24px
}
.dots-component.dots-component--footer .dots-menu[data-v-52a22006] {
  left: unset;
  right: unset;
  transform: translateX(-75px)
}
.dots-component.dots-component--footer .dots-menu[data-v-52a22006]:before {
  right: calc(50% - 75px)
}
.dots-component.dots-component--action-button .dots-container[data-v-52a22006] {
  background: transparent !important;
  border-radius: 50%;
  box-shadow: none !important;
  height: 100%;
  width: 100%
}
.dots-component.dots-component--action-button .dots-menu[data-v-52a22006] {
  min-width: 230px;
  right: -10px;
  top: calc(100% + 16px);
  width: -moz-max-content;
  width: max-content
}
.dots-component.dots-component--action-button .dots-menu[data-v-52a22006]:before {
  right: 40px
}
.dots-component.dots-component--action-button--share .dots-menu[data-v-52a22006] {
  left: 24px;
  min-width: 280px;
  padding-left: 6px;
  padding-right: 6px;
  top: calc(100% + 16px);
  transform: translateX(-50%)
}
.dots-component.dots-component--action-button--share .dots-menu__title[data-v-52a22006] {
  padding-left: 8px
}
.dots-component.dots-component--action-button--share .dots-menu[data-v-52a22006]:before {
  left: 50%;
  transform: translateX(-50%)
}
.dots-component.dots-component--action-button--more .dots-menu[data-v-52a22006] {
  min-width: 280px;
  padding-left: 6px;
  padding-right: 6px;
  right: 0;
  top: calc(100% + 16px)
}
.dots-component.dots-component--action-button--more .dots-menu__title[data-v-52a22006] {
  padding-left: 8px
}
.dots-component.dots-component--action-button--more .dots-menu[data-v-52a22006]:before {
  right: 24px;
  transform: translateX(50%)
}
.up .dots-menu[data-v-52a22006] {
  bottom: calc(100% + 15px);
  top: unset
}
.up .dots-menu[data-v-52a22006]:before {
  border-bottom: none;
  border-top: 10px solid var(--c-dm-base);
  bottom: unset;
  position: absolute;
  top: calc(100% - 2px)
}
.up-and-left .dots-menu[data-v-52a22006] {
  bottom: calc(100% + 15px);
  min-width: 150px;
  right: -12px !important;
  top: unset;
  width: auto
}
.up-and-left .dots-menu[data-v-52a22006]:before {
  border-bottom: none;
  border-top: 10px solid var(--c-dm-base);
  bottom: unset;
  position: absolute;
  right: 28px !important;
  top: calc(100% - 2px)
}
.up-and-right .dots-menu[data-v-52a22006] {
  bottom: calc(100% + 15px);
  left: -12px !important;
  right: unset;
  top: unset;
  width: auto
}
.up-and-right .dots-menu[data-v-52a22006]:before {
  border-bottom: none;
  border-top: 10px solid #fff;
  bottom: unset;
  left: 28px !important;
  position: absolute;
  right: unset !important;
  top: calc(100% - 2px)
}
[data-v-3ab74869]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.sidenav-container--right>*[data-v-3ab74869] {
  position: fixed;
  right: 0;
  top: 0
}
.sidenav__header .logo[data-v-3ab74869] {
  align-items: center;
  display: flex;
  height: 100%;
  padding: 0 20px
}
.sidenav__header .logo>img[data-v-3ab74869] {
  height: 20px
}
.sidenav__header__button .x-button[data-v-3ab74869] {
  gap: 12px;
  padding: 0 42px
}
.sidenav__content[data-v-3ab74869] .aside-block__header:has(.lgbt-select) {
  margin-top: 6px
}
.sidenav[data-v-3ab74869] .footer--classic {
  padding: 0
}
nav a[data-v-3ab74869] {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.main-nav .item .holder[data-v-3ab74869] {
  align-items: center;
  border-radius: 8px;
  display: flex;
  gap: 12px;
  height: 100%;
  padding: 0 12px;
  width: 100%
}
.main-nav .item .holder .dropdown-holder[data-v-3ab74869] {
  margin-left: auto;
  max-height: 40px
}
.main-nav .item--wallet .icon img[data-v-3ab74869] {
  filter: drop-shadow(0 2px 1px rgba(0, 0, 0, .1))
}
.main-nav .item.is-active .holder[data-v-3ab74869] {
  background: var(--c-li-base-active)
}
.main-nav .item--online .icon[data-v-3ab74869] {
  position: relative
}
.main-nav .item--online .icon[data-v-3ab74869]:after {
  background: #71c03b;
  height: 6px;
  right: 0;
  top: 0;
  width: 6px;
  z-index: 2
}
.main-nav .item--online .icon[data-v-3ab74869]:after,
.main-nav .item--online .icon[data-v-3ab74869]:before {
  border-radius: 50%;
  content: "";
  display: block;
  flex-shrink: 0;
  position: absolute
}
.main-nav .item--online .icon[data-v-3ab74869]:before {
  background: var(--c-base);
  height: 12px;
  right: -3px;
  top: -3px;
  width: 12px;
  z-index: 1
}
.main-nav .item .icon[data-v-3ab74869] {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 24px;
  justify-content: center;
  width: 24px
}
.main-nav .item .icon img[data-v-3ab74869] {
  height: 100%;
  width: 100%
}
.main-nav .item .badge[data-v-3ab74869] {
  position: relative
}
.main-nav .item .badge[data-v-3ab74869]:not([data-tooltip]):after,
.main-nav .item .badge[data-v-3ab74869]:not([data-tooltip]):before {
  display: none
}
.main-nav .item .badge[data-v-3ab74869]:before {
  align-items: center;
  background: var(--c-tooltip-base);
  border-radius: 6px;
  color: var(--c-tooltip-text);
  content: attr(data-tooltip);
  display: flex;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .3));
  font-size: 14px;
  font-weight: 500;
  height: 32px;
  padding: 0 15px;
  position: absolute;
  right: -4px;
  top: calc(100% + 13px);
  white-space: nowrap;
  width: -moz-max-content;
  width: max-content;
  z-index: 1
}
.main-nav .item .badge[data-v-3ab74869]:after {
  border-bottom: 9px solid var(--c-tooltip-base);
  border-left: 8px solid transparent;
  border-radius: 1px;
  border-right: 8px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  top: calc(100% + 5px);
  width: 0;
  z-index: 1
}
.main-nav .item .badge[data-v-3ab74869]:after,
.main-nav .item .badge[data-v-3ab74869]:before {
  opacity: 0;
  pointer-events: none;
  transform: translateY(0) translateZ(0);
  transition: opacity .2s, transform .2s
}
@media(hover:hover) {.main-nav .item .badge[data-v-3ab74869]:hover:after,
  .main-nav .item .badge[data-v-3ab74869]:hover:before {
    opacity: 1;
    transform: translateY(0) translateZ(0)
  }}
.main-nav .item .badge[data-active=false][data-v-3ab74869]:after,
.main-nav .item .badge[data-active=false][data-v-3ab74869]:before {
  opacity: 0
}
.main-nav .item .badge[data-active=true][data-v-3ab74869]:after,
.main-nav .item .badge[data-active=true][data-v-3ab74869]:before {
  opacity: 1;
  transform: translateY(0) translateZ(0)
}
.main-nav .item .badge[data-v-3ab74869] {
  display: flex;
  justify-content: center
}
.main-nav .item .badge[data-v-3ab74869]:before {
  right: -24px
}
.search[data-v-3ab74869] {
  align-items: center;
  display: flex;
  min-height: 48px
}
.search[data-v-3ab74869] .x-input__wrapper {
  margin: 0;
  width: 100%
}
.search[data-v-3ab74869] .x-input {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -.23px;
  padding-left: 12px
}
.search[data-v-3ab74869] .x-input .x-input__border {
  background: var(--c-search-base);
  border: none;
  border-radius: 4px;
  transition: background .2s
}
.search[data-v-3ab74869] .x-input .x-input__status {
  display: none
}
.search[data-v-3ab74869] .x-input input {
  color: var(--c-base-text)
}
.search[data-v-3ab74869] .x-input input::-moz-placeholder {
  color: var(--c-input-placeholder)
}
.search[data-v-3ab74869] .x-input input::placeholder {
  color: var(--c-input-placeholder)
}
.search__clear[data-v-3ab74869] {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 100%;
  padding: 0 14px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}
.search__icon[data-v-3ab74869] {
  display: flex;
  margin-right: 12px;
  z-index: 1
}
.categories-list[data-v-3ab74869] {
  margin-bottom: 24px;
  padding: 0 10px 0 14px
}
.categories-list__item[data-v-3ab74869] {
  list-style: none
}
.categories-list__item[data-v-3ab74869]:not(:first-child):not(:last-child) {
  border-top: 1px solid var(--c-base-line)
}
.categories-list__item a[data-v-3ab74869] {
  align-items: center;
  cursor: pointer;
  display: flex;
  padding: 16px 0;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text
}
.categories-list__item img[data-v-3ab74869] {
  margin-right: 18px;
  transform: rotate(-90deg)
}
.categories-list__item img.not-rotate[data-v-3ab74869] {
  transform: none
}
.categories-list__item span[data-v-3ab74869] {
  color: var(--c-base-text);
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  white-space: nowrap
}
.categories-list__item[data-v-3ab74869]:last-child {
  border-bottom: none
}
@keyframes pulse-l0-3ab74869 {
  0% {
    opacity: 0;
    transform: translateY(-50%) scale(.1)
  }

  50% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translateY(-50%) scale(1.2)
  }
}
[data-v-3ad76bd7]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
[data-v-2f612dba]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.error-page .header[data-v-2f612dba] {
  grid-area: header
}
.error-page .header .logo[data-v-2f612dba] {
  cursor: pointer;
  width: 100px
}
@media(min-width:1040px) {.error-page .header .logo[data-v-2f612dba] {
    width: 114px
  }}
[data-v-224fe64e]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.header[data-v-224fe64e] {
  display: grid;
  grid-template-columns: minmax(60px, 1fr) auto minmax(60px, 1fr);
  grid-template-rows: 56px;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 4
}
@media(min-width:600px) {.header[data-v-224fe64e] {
    grid-template-rows: 68px
  }}
@media(min-width:1040px) {.header[data-v-224fe64e] {
    grid-template-rows: 72px
  }}
.header.auto-layout[data-v-224fe64e] {
  grid-template-columns: auto minmax(0, 1fr) auto
}
.header[data-v-224fe64e]:before {
  background: linear-gradient(0deg, transparent 0, rgba(0, 0, 0, .2) 65%, rgba(0, 0, 0, .4));
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1
}
.header.no-shadow[data-v-224fe64e]:before {
  opacity: 0
}
.header__button[data-v-224fe64e] {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 4px
}
[data-v-66932741]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.tags[data-v-66932741] {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  gap: 12px;
  max-height: 90px;
  overflow: hidden
}
.tags[data-v-66932741] em {
  font-style: normal;
  font-weight: 700
}
@media(max-width:1039px) {.tags[data-v-66932741] {
    margin: 0 18px 30px
  }}
[data-v-313b75da]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.landing__top .header[data-v-313b75da] {
  position: static
}
.heart .dropdown-holder[data-v-313b75da] {
  position: absolute;
  top: 3px;
  transform: translateX(-14px)
}
.x-popup--categories[data-v-313b75da] .x-popup__container .x-tag {
  margin-right: 10px
}
.top-queries-scroller[data-v-313b75da] .x-tag {
  margin-right: 12px
}
.top-queries-scroller .x-button[data-v-313b75da] {
  height: 36px;
  white-space: nowrap
}
.add-pwa-enter-active[data-v-313b75da],
.add-pwa-leave-active[data-v-313b75da] {
  transition: opacity .3s, transform .3s
}
.add-pwa-enter[data-v-313b75da],
.add-pwa-leave-to[data-v-313b75da] {
  opacity: 0;
  transform: translateX(-50%) translateY(100%)
}
[data-v-313b75da] .scroller .scroller__inner {
  align-items: center
}
[data-v-c7098cde]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.tag-info[data-v-c7098cde] {
  display: flex;
  flex-direction: column;
  width: 100%
}
.tag-info__header[data-v-c7098cde] {
  align-items: center;
  display: flex;
  position: relative
}
.tag-info__header[data-v-c7098cde]:not(:last-child) {
  margin-bottom: 14px
}
.tag-info__header>img[data-v-c7098cde] {
  margin-right: 10px
}
.tag-info em[data-v-c7098cde] {
  color: var(--c-base-text);
  cursor: pointer;
  font-size: 18px;
  font-style: normal;
  font-weight: 700
}
@media(min-width:1040px) {.tag-info em[data-v-c7098cde] {
    font-size: 24px
  }}
.tag-info p[data-v-c7098cde] {
  color: var(--c-base-text-tertiary);
  font-size: 14px;
  line-height: 20px;
  text-align: left
}
.tag-info p[data-v-c7098cde]:not(:last-child) {
  margin-bottom: 24px
}
.tag-info p[data-v-c7098cde],
.tag-info p[data-v-c7098cde] span {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text
}
.tag-info__row[data-v-c7098cde] {
  align-items: center;
  display: flex
}
.tag-info__row[data-v-c7098cde]:not(:last-child) {
  margin-bottom: 22px
}
.tag-info__thumbnail[data-v-c7098cde] {
  display: flex;
  justify-content: center;
  margin-right: 32px
}
.tag-info__thumbnail>img[data-v-c7098cde] {
  background-color: var(--c-placeholder);
  border: 1px solid var(--c-avatar-border);
  border-radius: 6px;
  height: 214px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 158px
}
@media(min-width:1040px) {.tag-info__thumbnail>img[data-v-c7098cde] {
    height: 210px;
    width: 148px
  }}
.tag-info__actions[data-v-c7098cde] {
  display: flex;
  flex-direction: column
}
.tag-info__action[data-v-c7098cde] {
  align-items: center;
  cursor: pointer;
  display: flex;
  position: relative
}
.tag-info__action[data-v-c7098cde]:not(:last-child) {
  margin-bottom: 24px
}
.tag-info__action__icon[data-v-c7098cde] {
  align-items: center;
  background: var(--c-controls-base);
  border-radius: 50%;
  display: flex;
  flex-shrink: 0;
  height: 48px;
  justify-content: center;
  margin-right: 12px;
  transition: background-color .2s;
  width: 48px
}
.tag-info__action__icon svg [data-bg=true][data-v-c7098cde] {
  fill: var(--c-controls-base);
  transition: fill .2s
}
.tag-info__action__icon svg [data-object=true][data-v-c7098cde] {
  fill: var(--c-controls-icon);
  transition: fill .2s
}
.tag-info__action__icon--more[data-v-c7098cde] {
  align-items: center;
  display: flex;
  gap: 3px;
  justify-content: center
}
.tag-info__action__icon--more i[data-v-c7098cde] {
  background: var(--c-controls-icon);
  border-radius: 50%;
  display: flex;
  flex-shrink: 0;
  height: 4px;
  width: 4px
}
.tag-info__action__label[data-v-c7098cde] {
  color: var(--c-controls-text);
  font-size: 13px;
  font-weight: 700;
  text-align: left;
  white-space: nowrap
}
@media(hover:hover) {.tag-info__action:hover .tag-info__action__icon[data-v-c7098cde] {
    background: var(--c-controls-base--hover)
  }
.tag-info__action:hover .tag-info__action__icon svg [data-bg=true][data-v-c7098cde] {
    fill: var(--c-controls-base--hover)
  }
.tag-info__action:hover span[data-v-c7098cde] {
    color: var(--c-base-text)
  }}
.tag-info__action--more .tag-info__action__icon[data-v-c7098cde],
.tag-info__action--share .tag-info__action__icon[data-v-c7098cde] {
  left: 0;
  position: absolute;
  top: 0
}
.tag-info__action--more .tag-info__action__label[data-v-c7098cde],
.tag-info__action--share .tag-info__action__label[data-v-c7098cde] {
  left: 60px;
  position: absolute
}
.tag-info__action--more[data-v-c7098cde] .dots-component,
.tag-info__action--share[data-v-c7098cde] .dots-component {
  height: 48px;
  width: 48px
}
.tag-info__action--more[data-v-c7098cde] .dots-component .dots-container,
.tag-info__action--share[data-v-c7098cde] .dots-component .dots-container {
  background: var(--c-controls-base)
}
@media(hover) {.tag-info__action--more[data-v-c7098cde] .dots-component .dots-container:not(.is-active):hover,
  .tag-info__action--share[data-v-c7098cde] .dots-component .dots-container:not(.is-active):hover {
    background: var(--c-controls-base--hover);
    box-shadow: none
  }}
.tag-info__action--more[data-v-c7098cde] .dots-component .dots-container.is-active,
.tag-info__action--share[data-v-c7098cde] .dots-component .dots-container.is-active {
  background: var(--c-controls-base--hover)
}
.tag-info__action--more[data-v-c7098cde] .dots-component .dots-menu,
.tag-info__action--share[data-v-c7098cde] .dots-component .dots-menu {
  min-width: auto;
  padding-left: 16px;
  padding-right: 16px
}
.tag-info__action--more[data-v-c7098cde] .dots-component .dots-menu__item-inner,
.tag-info__action--share[data-v-c7098cde] .dots-component .dots-menu__item-inner {
  padding-right: 8px
}
.tag-info__action--share svg[data-v-c7098cde] {
  height: 48px;
  width: 48px
}
.tag-info__action--like.active path[data-v-c7098cde]:not([data-bg=true]) {
  fill: #ff0027
}
.tag-info__action--like.animate .like-animation__layer-0[data-v-c7098cde] {
  animation: like-l0-c7098cde 1s
}
.tag-info__action--like.animate .like-animation__layer-1[data-v-c7098cde] {
  animation: like-l1-c7098cde 1s
}
@keyframes like-l0-c7098cde {
  0% {
    opacity: .5;
    transform: translate(-50%, -50%) scale(1)
  }

  40% {
    opacity: .3;
    transform: translate(-50%, -50%) scale(1.7)
  }

  90% {
    opacity: .1;
    transform: translate(-50%, -50%) scale(1)
  }
}
@keyframes like-l1-c7098cde {
  0% {
    transform: translate(-50%, -50%) scale(1)
  }

  50% {
    transform: translate(-50%, -50%) scale(1.25)
  }

  70% {
    transform: translate(-50%, -50%) scale(.95)
  }

  80% {
    transform: translate(-50%, -50%) scale(1.05)
  }

  90% {
    transform: translate(-50%, -50%) scale(1)
  }
}
.tag-info--no-image .tag-info__row[data-v-c7098cde],
.tag-info--playlist .tag-info__row[data-v-c7098cde] {
  align-items: stretch;
  flex-direction: column
}
.tag-info--no-image .tag-info__actions[data-v-c7098cde],
.tag-info--playlist .tag-info__actions[data-v-c7098cde] {
  flex-direction: row;
  gap: 60px;
  justify-content: center;
  width: 100%
}
.tag-info--no-image .tag-info__actions[data-v-c7098cde]:has(.tag-info__action:nth-child(4)),
.tag-info--playlist .tag-info__actions[data-v-c7098cde]:has(.tag-info__action:nth-child(4)) {
  gap: 10%
}
.tag-info--no-image .tag-info__action[data-v-c7098cde],
.tag-info--playlist .tag-info__action[data-v-c7098cde] {
  padding-bottom: 25px
}
.tag-info--no-image .tag-info__action[data-v-c7098cde]:not(:last-child),
.tag-info--playlist .tag-info__action[data-v-c7098cde]:not(:last-child) {
  margin-bottom: unset
}
.tag-info--no-image .tag-info__action__icon[data-v-c7098cde],
.tag-info--playlist .tag-info__action__icon[data-v-c7098cde] {
  margin-right: 0
}
.tag-info--no-image .tag-info__action__label[data-v-c7098cde],
.tag-info--playlist .tag-info__action__label[data-v-c7098cde] {
  bottom: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%)
}
.tag-info--no-image .tag-info__action--like[data-v-c7098cde],
.tag-info--playlist .tag-info__action--like[data-v-c7098cde] {
  order: -1
}
.tag-info--no-image .tag-info__action--more[data-v-c7098cde],
.tag-info--playlist .tag-info__action--more[data-v-c7098cde] {
  order: 10
}
.tag-info--no-image .tag-info__action--more .tag-info__action__label[data-v-c7098cde],
.tag-info--no-image .tag-info__action--share .tag-info__action__label[data-v-c7098cde],
.tag-info--playlist .tag-info__action--more .tag-info__action__label[data-v-c7098cde],
.tag-info--playlist .tag-info__action--share .tag-info__action__label[data-v-c7098cde] {
  bottom: -25px;
  left: 50%
}
.tag-info--no-image .tag-info__thumbnail[data-v-c7098cde] {
  display: none
}
.tag-info--playlist .tag-info__thumbnail[data-v-c7098cde] {
  margin-right: unset
}
.tag-info--playlist .tag-info__thumbnail>img[data-v-c7098cde] {
  aspect-ratio: 33/20;
  height: auto;
  margin-bottom: 24px;
  width: 100%
}
@supports not (aspect-ratio:1) {.tag-info--playlist .tag-info__thumbnail>img[data-v-c7098cde] {
    height: 0;
    padding-bottom: 60%
  }}
@media(max-width:599px) {.tag-info--playlist .tag-info__thumbnail>img[data-v-c7098cde] {
    margin-left: 22px;
    margin-right: 22px
  }}
.tag-info__statistics[data-v-c7098cde] {
  display: grid;
  gap: 15px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-content: space-between;
  list-style: none;
  padding-right: 32px;
  width: 100%
}
.tag-info__statistic[data-v-c7098cde] {
  align-items: center;
  color: var(--c-base-text);
  display: flex;
  font-size: 16px;
  gap: 6px
}
.tag-info__statistic .emoji[data-v-c7098cde] {
  display: flex;
  height: 28px;
  margin-right: -2px;
  width: 22px
}
.tag-info__statistic .emoji>img[data-v-c7098cde] {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%
}
.like-animation[data-v-c7098cde] {
  position: relative
}
.like-animation .placeholder[data-v-c7098cde] {
  opacity: 0
}
.like-animation__layer-0[data-v-c7098cde],
.like-animation__layer-1[data-v-c7098cde] {
  display: flex;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%)
}
.description-more[data-v-c7098cde] {
  color: var(--c-controls-text);
  cursor: pointer;
  font-weight: 600
}
[data-v-11e88cf8]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.cookies-preferences.is-visible[data-v-11e88cf8] {
  transform: translateX(0)
}
[data-v-61e1c532]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.terms-update .is-link[data-v-61e1c532] {
  color: var(--c-base-link)
}
[data-v-46ed7846]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
video[data-v-46ed7846] {
  margin-bottom: 30px;
  max-height: 88px
}
[data-v-2f06bf7e]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.badge[data-v-2f06bf7e] {
  position: relative
}
.badge[data-v-2f06bf7e]:not([data-tooltip]):after,
.badge[data-v-2f06bf7e]:not([data-tooltip]):before {
  display: none
}
.badge[data-v-2f06bf7e]:before {
  align-items: center;
  background: var(--c-tooltip-base);
  border-radius: 6px;
  bottom: calc(100% + 13px);
  color: var(--c-tooltip-text);
  content: attr(data-tooltip);
  display: flex;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .3));
  font-size: 14px;
  font-weight: 500;
  height: 32px;
  padding: 0 15px;
  right: unset;
  white-space: nowrap;
  width: -moz-max-content;
  width: max-content
}
.badge[data-v-2f06bf7e]:after,
.badge[data-v-2f06bf7e]:before {
  position: absolute;
  z-index: 1
}
.badge[data-v-2f06bf7e]:after {
  border-left: 8px solid transparent;
  border-radius: 1px;
  border-right: 8px solid transparent;
  border-top: 9px solid var(--c-tooltip-base);
  bottom: calc(100% + 5px);
  content: "";
  height: 0;
  width: 0
}
.badge[data-v-2f06bf7e]:after,
.badge[data-v-2f06bf7e]:before {
  opacity: 0;
  pointer-events: none;
  transform: translateY(15px) translateZ(0);
  transition: opacity .2s, transform .2s
}
@media(hover:hover) {.badge[data-v-2f06bf7e]:hover:after,
  .badge[data-v-2f06bf7e]:hover:before {
    opacity: 1;
    transform: translateY(0) translateZ(0)
  }}
.badge[data-active=false][data-v-2f06bf7e]:after,
.badge[data-active=false][data-v-2f06bf7e]:before {
  opacity: 0
}
.badge[data-active=true][data-v-2f06bf7e]:after,
.badge[data-active=true][data-v-2f06bf7e]:before {
  opacity: 1;
  transform: translateY(0) translateZ(0)
}
.badge[data-v-2f06bf7e] {
  cursor: pointer;
  margin: 0;
  position: absolute;
  right: 10px;
  top: 10px
}
[data-v-6e608256]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.x-popup__container[data-v-6e608256] .x-input label {
  background: var(--c-popup-base)
}
.x-popup__content p.xs.muted a[data-v-6e608256] {
  color: var(--c-base-text-secondary);
  font-size: 12px;
  line-height: 16px
}
.x-popup__buttons .x-button[data-v-6e608256] {
  flex: 1 1 100%
}
.x-popup__buttons .x-button[data-v-6e608256]:not(:first-child) {
  margin-left: 14px
}
@media(min-width:600px) {.x-popup__buttons .x-button[data-v-6e608256]:not(:first-child) {
    margin-left: 26px
  }}
.x-popup__buttons--centered .x-button[data-v-6e608256] {
  flex: 0 0 auto
}
.x-popup__buttons--column .x-button[data-v-6e608256] {
  flex: 0 0 auto
}
.x-popup__buttons--column .x-button[data-v-6e608256]:not(:first-child) {
  margin: 14px 0 0
}
[data-v-32d9349c]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.header[data-v-32d9349c] {
  background: var(--c-base);
  border-bottom: 1px solid var(--c-base-line);
  display: grid;
  grid-template-columns: minmax(60px, 1fr) auto minmax(60px, 1fr);
  height: calc(56px + env(safe-area-inset-top));
  left: 0;
  padding: 0 calc(env(safe-area-inset-right)) 0 calc(env(safe-area-inset-left));
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 4
}
@media(min-width:600px) {.header[data-v-32d9349c] {
    height: calc(68px + env(safe-area-inset-top))
  }}
@media(min-width:1040px) {.header[data-v-32d9349c] {
    height: calc(72px + env(safe-area-inset-top))
  }}
.header__button[data-v-32d9349c] {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 100%;
  margin: 0 2px;
  padding: 0 18px
}
.header__button svg [data-change=true][data-v-32d9349c]:not([stroke]),
.header__button svg [data-color=true][data-v-32d9349c]:not([stroke]) {
  fill: var(--c-header-icon)
}
.header__button svg [data-change=true][stroke][data-v-32d9349c],
.header__button svg [data-color=true][stroke][data-v-32d9349c] {
  stroke: var(--c-header-icon)
}
.header__button .filler[data-v-32d9349c] {
  align-items: center;
  display: flex;
  height: 48px;
  justify-content: center;
  width: 48px
}
.header.no-border[data-v-32d9349c] {
  border-bottom-color: transparent
}
[data-v-c4c5db9e]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.playlist-listing-page .header[data-v-c4c5db9e] {
  grid-area: header
}
.playlist-listing-page .header[data-v-c4c5db9e] .dropdown-holder {
  margin-right: 4px
}
[data-v-f744d474]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
h1[data-v-f744d474] {
  color: var(--c-base-text);
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 30px
}
[data-v-aee716b2]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
[data-v-c4d81ec0]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.tag-extra[data-v-c4d81ec0] {
  color: var(--c-base-text-tertiary);
  font-size: 14px;
  line-height: 20px
}
.tag-extra[data-v-c4d81ec0]:not(:last-child) {
  border-bottom: 1px solid var(--c-base-line)
}
.tag-extra+.qa-section[data-v-c4d81ec0] {
  margin-top: 42px
}
.tag-extra__alternative[data-v-c4d81ec0] {
  align-items: center;
  color: var(--c-base-text-tertiary);
  display: flex;
  gap: 4px;
  min-height: 28px
}
.tag-extra__alternative .emoji[data-v-c4d81ec0] {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 26px;
  width: 21px
}
.tag-extra__alternative .emoji>img[data-v-c4d81ec0] {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%
}
.tag-extra-desktop h2[data-v-c4d81ec0] {
  color: var(--c-base-text);
  font-size: 24px;
  font-weight: 700
}
.tag-extra-desktop h2[data-v-c4d81ec0]>span {
  color: var(--c-main);
  font-size: 24px;
  font-weight: 700;
  margin-right: 8px
}
.tag-extra-desktop[data-v-c4d81ec0]:not(:last-child) {
  padding-bottom: 42px
}
.tag-extra-desktop .content__header[data-v-c4d81ec0] {
  margin-bottom: 14px;
  margin-top: 42px
}
@media(min-width:1040px) {.tag-extra-desktop .content__header[data-v-c4d81ec0] {
    margin-top: 60px
  }}
.tag-extra-desktop .tag-extra__alternatives[data-v-c4d81ec0] {
  -moz-column-gap: 13px;
  column-gap: 13px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  list-style: none;
  row-gap: 4px
}
@media(max-width:599px) {.tag-extra-desktop .tag-extra__alternatives[data-v-c4d81ec0] {
    margin-left: 12px;
    margin-right: 12px
  }}
.tag-extra-mobile .content__header[data-v-c4d81ec0] {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 24px 16px 14px;
  position: relative;
  transform: translateZ(0);
  z-index: 1
}
.tag-extra-mobile .content__header h1[data-v-c4d81ec0],
.tag-extra-mobile .content__header h1>span[data-v-c4d81ec0] {
  color: var(--c-base-text);
  font-size: 20px
}
.tag-extra-mobile .content__header h1[data-v-c4d81ec0]>span,
.tag-extra-mobile .content__header h1>span[data-v-c4d81ec0]>span {
  color: var(--c-main);
  font-size: 24px;
  font-weight: 700;
  margin-right: 8px
}
.tag-extra-mobile .content__header h3[data-v-c4d81ec0] {
  color: var(--c-base-text);
  font-size: 20px;
  font-weight: 700;
  line-height: normal
}
.tag-extra-mobile .tag-extra__alternatives[data-v-c4d81ec0] {
  align-items: center;
  -moz-column-gap: 13px;
  column-gap: 13px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  list-style: none;
  margin-left: 16px;
  margin-right: 16px;
  row-gap: 4px
}
[data-v-9c9d201a]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.tag-page .header[data-v-9c9d201a] {
  background: transparent;
  grid-area: header
}
.header[data-v-9c9d201a] {
  border-bottom: 1px solid var(--c-base-line)
}
.header[data-v-9c9d201a]:after,
.header[data-v-9c9d201a]:before {
  content: "";
  display: block;
  height: calc(56px + env(safe-area-inset-top));
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity .3s;
  z-index: -1
}
.header[data-v-9c9d201a]:before {
  background: linear-gradient(0deg, transparent 0, rgba(0, 0, 0, .2) 65.02%, rgba(0, 0, 0, .41));
  opacity: 0
}
.header[data-v-9c9d201a]:after {
  background: var(--c-base)
}
.header h1[data-v-9c9d201a] {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0
}
.header svg [data-color=true][data-v-9c9d201a]:not([stroke]) {
  fill: var(--c-base-text)
}
.header svg [data-color=true][stroke][data-v-9c9d201a] {
  stroke: var(--c-base-text)
}
.header.transparent[data-v-9c9d201a] {
  border-color: transparent
}
.header.transparent[data-v-9c9d201a]:after {
  opacity: 0
}
.header.transparent[data-v-9c9d201a]:before {
  opacity: 1
}
.header.transparent h1[data-v-9c9d201a] {
  color: #fff
}
.header.transparent svg [data-color=true][data-v-9c9d201a]:not([stroke]) {
  fill: #fff
}
.header.transparent svg [data-color=true][stroke][data-v-9c9d201a] {
  stroke: #fff
}
.header.transparent[data-v-9c9d201a] svg {
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, .2))
}
.header[data-v-9c9d201a] .dropdown-holder {
  margin-right: 4px
}
.header[data-v-9c9d201a] .dropdown__item--selector:not(.is-open) .text {
  display: none
}
.tag-info-toggle .picker[data-v-9c9d201a],
.tag-info-toggle>svg[data-v-9c9d201a] {
  flex-shrink: 0
}
.tag-info-toggle .picker[data-v-9c9d201a] {
  box-sizing: content-box;
  padding: 12px 6px;
  transition: transform .3s
}
.tag-info-toggle .picker.rotate[data-v-9c9d201a] {
  transform: rotate(-180deg)
}
.tag-info-wrap .tag-info[data-v-9c9d201a] {
  margin-bottom: 24px
}
[data-v-b074b9aa]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.content__header[data-v-b074b9aa] {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  position: relative;
  transform: translateZ(0);
  z-index: 1
}
@media(max-width:599px) {.content__header[data-v-b074b9aa] {
    margin-left: 12px;
    margin-right: 12px
  }}
.content__header__right[data-v-b074b9aa] {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: flex-end
}
.content__header__dropdown-holder[data-v-b074b9aa] {
  margin-left: -4px
}
h1[data-v-b074b9aa],
h2[data-v-b074b9aa] {
  color: var(--c-base-text);
  font-size: 24px;
  font-weight: 700
}
h1[data-v-b074b9aa]>span,
h2[data-v-b074b9aa]>span {
  color: var(--c-main);
  font-size: 24px;
  font-weight: 700;
  margin-right: 8px
}
.tag[data-v-b074b9aa]:before {
  color: var(--c-main);
  content: "# "
}
@font-face {
  font-family: "swiper-icons";
  font-style: normal;
  font-weight: 400;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff")
}
:root {
  --swiper-theme-color: #007aff
}
.swiper-container {
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1
}
.swiper-container-vertical>.swiper-wrapper {
  flex-direction: column
}
.swiper-wrapper {
  box-sizing: initial;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
  z-index: 1
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0)
}
.swiper-container-multirow>.swiper-wrapper {
  flex-wrap: wrap
}
.swiper-container-multirow-column>.swiper-wrapper {
  flex-direction: column;
  flex-wrap: wrap
}
.swiper-container-free-mode>.swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out
}
.swiper-slide {
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%
}
.swiper-slide-invisible-blank {
  visibility: hidden
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height
}
.swiper-container-3d {
  perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none
}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start
}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
  scroll-snap-type: x mandatory
}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
  scroll-snap-type: y mandatory
}
:root {
  --swiper-navigation-size: 44px
}
.swiper-button-next,
.swiper-button-prev {
  align-items: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  cursor: pointer;
  display: flex;
  height: var(--swiper-navigation-size);
  justify-content: center;
  margin-top: calc(var(--swiper-navigation-size)*-1/2);
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size)/44*27);
  z-index: 10
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  cursor: auto;
  opacity: .35;
  pointer-events: none
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  font-variant: normal;
  letter-spacing: 0;
  line-height: 1;
  text-transform: none !important;
  text-transform: none
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: "prev"
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  left: auto;
  right: 10px
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: "next"
}
.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
  --swiper-navigation-color: #fff
}
.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
  --swiper-navigation-color: #000
}
.swiper-button-lock {
  display: none
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transform: translateZ(0);
  transition: opacity .3s;
  z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%
}
.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33)
}
.swiper-pagination-bullet {
  background: #000;
  border-radius: 100%;
  display: inline-block;
  height: 8px;
  opacity: .2;
  width: 8px
}
button.swiper-pagination-bullet {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}
.swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  opacity: 1
}
.swiper-container-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  display: block;
  margin: 6px 0
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: transform .2s, top .2s
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, left .2s
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, right .2s
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, .25);
  position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0);
  transform-origin: left top;
  width: 100%
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: 4px;
  left: 0;
  top: 0;
  width: 100%
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
  height: 100%;
  left: 0;
  top: 0;
  width: 4px
}
.swiper-pagination-white {
  --swiper-pagination-color: #fff
}
.swiper-pagination-black {
  --swiper-pagination-color: #000
}
.swiper-pagination-lock {
  display: none
}
.swiper-scrollbar {
  background: rgba(0, 0, 0, .1);
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none
}
.swiper-container-horizontal>.swiper-scrollbar {
  bottom: 3px;
  height: 5px;
  left: 1%;
  position: absolute;
  width: 98%;
  z-index: 50
}
.swiper-container-vertical>.swiper-scrollbar {
  height: 98%;
  position: absolute;
  right: 3px;
  top: 1%;
  width: 5px;
  z-index: 50
}
.swiper-scrollbar-drag {
  background: rgba(0, 0, 0, .5);
  border-radius: 10px;
  height: 100%;
  left: 0;
  position: relative;
  top: 0;
  width: 100%
}
.swiper-scrollbar-cursor-drag {
  cursor: move
}
.swiper-scrollbar-lock {
  display: none
}
.swiper-zoom-container {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  text-align: center;
  width: 100%
}
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain
}
.swiper-slide-zoomed {
  cursor: move
}
.swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s linear infinite;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top: 4px solid transparent;
  box-sizing: border-box;
  height: 42px;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  position: absolute;
  top: 50%;
  transform-origin: 50%;
  width: 42px;
  z-index: 10
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
  to {
    transform: rotate(1turn)
  }
}
.swiper-container .swiper-notification {
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: -1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-container-cube {
  overflow: visible
}
.swiper-container-cube .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 100%;
  pointer-events: none;
  transform-origin: 0 0;
  visibility: hidden;
  width: 100%;
  z-index: 1
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 0
}
.swiper-container-cube .swiper-cube-shadow {
  background: #000;
  bottom: 0;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  height: 100%;
  left: 0;
  opacity: .6;
  position: absolute;
  width: 100%;
  z-index: 0
}
.swiper-container-flip {
  overflow: visible
}
.swiper-container-flip .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none;
  z-index: 1
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 0
}
[data-v-94b4eca8]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.prbn[data-v-94b4eca8] {
  cursor: pointer;
  display: flex;
  overflow: clip;
  position: relative;
  width: 100%
}
.prbn__media[data-v-94b4eca8] {
  inset: 0;
  position: absolute;
  transform: translateZ(0)
}
.prbn__media>img[data-v-94b4eca8],
.prbn__media>video[data-v-94b4eca8] {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
.prbn__media>img[data-v-94b4eca8] {
  inset: 0;
  position: absolute;
  z-index: -1
}
.prbn__media[data-v-94b4eca8]:after {
  background: linear-gradient(0deg, var(--transparent-75, rgba(0, 0, 0, .75)) 0, transparent 50%);
  content: "";
  inset: 0;
  position: absolute;
  transform: translateZ(0)
}
.prbn--allow-vertical.prbn--vertical .prbn__media>video[data-v-94b4eca8] {
  -o-object-fit: contain;
  object-fit: contain
}
.prbn__bar[data-v-94b4eca8] {
  backface-visibility: hidden;
  display: flex;
  pointer-events: none;
  position: absolute;
  transform: translateZ(0);
  will-change: transform;
  z-index: 1
}
.prbn__bar--bottom[data-v-94b4eca8] {
  align-items: flex-start;
  bottom: 0;
  flex-direction: column;
  gap: 16px;
  left: 0;
  padding: 20px;
  right: 0
}
.prbn__bar--bottom .column[data-v-94b4eca8],
.prbn__bar--bottom .row[data-v-94b4eca8] {
  display: flex;
  width: 100%
}
.prbn__bar--bottom .column[data-v-94b4eca8] {
  align-items: flex-start;
  flex-direction: column;
  gap: 4px
}
.prbn__bar--bottom .row[data-v-94b4eca8] {
  align-items: center;
  gap: 20px;
  justify-content: space-between
}
.prbn__bar--bottom p[data-v-94b4eca8] {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -.048px;
  line-height: 130%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .05);
  white-space: nowrap
}
.prbn__bar--bottom--right-align[data-v-94b4eca8] {
  align-items: flex-end;
  gap: 20px;
  justify-content: flex-end
}
.prbn__cta[data-v-94b4eca8] {
  align-items: center;
  background: var(--prbn-500);
  border-radius: 8px;
  box-shadow: 0 10px 15px -3px color-mix(in srgb, var(--prbn-500) 50%, transparent);
  color: var(--prbn-contrast, #fff);
  display: flex;
  font-size: 18px;
  font-weight: 700;
  height: 40px;
  justify-content: center;
  letter-spacing: -.054em;
  max-width: calc(100% - 132px);
  transition: background .24s ease-in-out, scale .24s ease-in-out;
  white-space: nowrap
}
.prbn__cta>span[data-v-94b4eca8] {
  flex-shrink: 0;
  max-width: calc(100% - 24px);
  overflow: hidden;
  padding: 0 1px;
  text-overflow: ellipsis;
  white-space: nowrap
}
.prbn__cta[data-v-94b4eca8]:after,
.prbn__cta[data-v-94b4eca8]:before {
  background: red;
  content: "";
  display: block;
  display: flex;
  flex: 1 1 auto;
  min-width: 12px;
  width: 20px
}
.prbn__cta[data-v-94b4eca8]:hover {
  background: var(--prbn-600)
}
.prbn__cta[data-v-94b4eca8]:active {
  background: var(--prbn-400);
  scale: .98
}
.prbn__discount .column[data-v-94b4eca8] {
  align-items: center;
  background: linear-gradient(226deg, #e329a2 12.58%, #ff0606 83.88%);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  padding: 6px 10px
}
.prbn__discount .column .strike-through[data-v-94b4eca8] {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -.048em;
  text-decoration: line-through
}
.prbn--aside[data-v-94b4eca8] {
  aspect-ratio: 360/400;
  margin: 0 auto;
  max-width: 360px;
  position: relative
}
.prbn--aside>img[data-v-94b4eca8],
.prbn--aside>video[data-v-94b4eca8] {
  border-radius: 6px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0
}
.swiper-container[data-v-94b4eca8] {
  border-radius: 12px
}
.swiper-controls[data-v-94b4eca8] {
  align-items: center;
  bottom: 20px;
  display: flex;
  gap: 9px;
  height: 40px;
  position: absolute;
  right: 20px;
  z-index: 5
}
.swiper-controls--left-align[data-v-94b4eca8] {
  left: 20px;
  right: auto
}
.swiper-pagination[data-v-94b4eca8] {
  align-items: center;
  display: flex;
  gap: 9px;
  position: relative
}
.swiper-pagination>*[data-v-94b4eca8] {
  flex-shrink: 0
}
.swiper-button-next[data-v-94b4eca8],
.swiper-button-prev[data-v-94b4eca8] {
  height: 100%;
  margin: -10px;
  padding: 10px;
  position: static;
  transition: all .3s ease;
  width: auto
}
.swiper-button-next[data-v-94b4eca8]:after,
.swiper-button-prev[data-v-94b4eca8]:after {
  content: none !important
}
@media(hover:hover) {.swiper-button-next[data-v-94b4eca8]:hover,
  .swiper-button-prev[data-v-94b4eca8]:hover {
    scale: 1.25
  }}
.swiper-button-next[data-v-94b4eca8]:active,
.swiper-button-prev[data-v-94b4eca8]:active {
  scale: .95
}
.swiper-button-next.swiper-button-disabled[data-v-94b4eca8],
.swiper-button-prev.swiper-button-disabled[data-v-94b4eca8] {
  opacity: .3 !important;
  pointer-events: none
}
[data-v-94b4eca8] .swiper-pagination-bullet {
  background: hsla(0, 0%, 100%, .5) !important;
  height: 5px !important;
  opacity: 1 !important;
  position: relative;
  transition: all .3s ease;
  width: 5px !important
}
[data-v-94b4eca8] .swiper-pagination-bullet:before {
  content: "";
  height: 13px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 13px
}
[data-v-94b4eca8] .swiper-pagination-bullet-active {
  background: #fff !important;
  height: 10px !important;
  width: 10px !important
}
[data-v-596f942a]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b
}
.prbn__media[data-v-94b4eca8]::after {
  background: linear-gradient(0deg, var(--transparent-75, rgba(0, 0, 0, .75)) 0, transparent 50%);
  content: "";
  inset: 0px;
  position: absolute;
  transform: translateZ(0px);
}
.prbn__cta[data-v-94b4eca8]::after,
.prbn__cta[data-v-94b4eca8]::before {
  background: red;
  content: "";
  display: flex;
  flex: 1 1 auto;
  min-width: 12px;
  width: 20px;
}
.swiper-pagination>[data-v-94b4eca8] {
  flex-shrink: 0;
}
.swiper-button-next[data-v-94b4eca8]::after,
.swiper-button-prev[data-v-94b4eca8]::after {
  content: none !important;
}
[data-v-94b4eca8] .swiper-pagination-bullet::before {
  content: "";
  height: 13px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 13px;
}
.swiper-button-next::after,
.swiper-button-prev::after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  font-variant: normal;
  letter-spacing: 0px;
  line-height: 1;
  text-transform: none !important;
}
.swiper-button-prev::after,
.swiper-container-rtl .swiper-button-next::after {
  content: "prev";
}
.swiper-button-next::after,
.swiper-container-rtl .swiper-button-prev::after {
  content: "next";
}
.progress-ring[data-v-188e9d33] {
  overflow: visible;
  position: relative;
}
.progress-ring__holder[data-v-188e9d33] {
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}
.progress-ring__circle[data-v-188e9d33] {
  fill: transparent;
  stroke: var(--spinner-base, #dedede);
  stroke-width: var(--spinner-width, 6);
}
.progress-ring__circle--main[data-v-188e9d33] {
  filter: drop-shadow(0 0 6px, var(--spinner-shadow, rgba(126, 31, 224, .4)));
  stroke: var(--spinner-chunk, #7e1fe0);
  stroke-linecap: round;
  transition: stroke-dashoffset 0.35s;
}
.progress-ring__circle--main.spin[data-v-188e9d33] {
  animation: 1.25s cubic-bezier(0.4, 0.9, 1, 1) 0s infinite normal none running spin-loader;
  transform-origin: center center;
  will-change: transform;
}
.progress-ring__content[data-v-188e9d33] {
  align-items: center;
  display: flex;
  height: 92px;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  width: 92px;
}
.progress-ring__content img[data-v-188e9d33] {
  padding-left: 8px;
}
.progress-ring__content .percent[data-v-188e9d33] {
  align-items: flex-start;
  color: rgb(255, 255, 255);
  display: flex;
  flex-wrap: nowrap;
  font-size: 30px;
  font-weight: 600;
  justify-content: center;
  left: 50%;
  letter-spacing: -0.02em;
  padding-left: 5px;
  position: absolute;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.6) 0.5px 0.5px 1px;
  top: 50%;
  transform: translate(-50%, -50%);
}
.progress-ring__content .percent>sup[data-v-188e9d33] {
  font-size: 20px;
}
.progress-ring__content .percent__placeholder[data-v-188e9d33] {
  background: rgb(242, 242, 242);
  border-radius: 1px;
  height: 24px;
  width: 44px;
}
.x-slider[data-v-673548cd] {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 32px;
  margin: 0px 14px;
  position: relative;
  user-select: none;
}
.x-slider__container[data-v-673548cd] {
  display: block;
  right: 0px;
}
.x-slider__container[data-v-673548cd],
.x-slider__process[data-v-673548cd],
.x-slider__track[data-v-673548cd] {
  border-radius: 6px;
  left: 0px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.x-slider__process[data-v-673548cd],
.x-slider__track[data-v-673548cd] {
  transition: height 0.2s;
  width: 100%;
}
.x-slider__segment[data-v-673548cd] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: height 0.2s;
}
.x-slider__segment[data-v-673548cd]:first-of-type {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.x-slider__segment[data-v-673548cd]:last-of-type {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.x-slider__dot[data-v-673548cd] {
  background: rgb(255, 255, 255);
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 6px;
  position: absolute;
  z-index: 2;
}
.x-slider__tooltip[data-v-673548cd] {
  background: rgb(27, 27, 27);
  border-radius: 4px;
  bottom: calc(100% + 24px);
  box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px -1px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px;
  color: rgb(255, 255, 255);
  display: flex;
  font-size: 14px;
  font-weight: 600;
  height: 32px;
  padding: 0px 12px;
  position: absolute;
  transform: translate(-50%);
  user-select: none;
  white-space: nowrap;
  width: max-content;
  z-index: 1;
}
.x-slider__tooltip .secondary[data-v-673548cd] {
  font-weight: 400;
}
.x-slider__tooltip__holder[data-v-673548cd] {
  align-items: center;
  display: flex;
  gap: 6px;
}
.x-slider__tooltip__holder[data-v-673548cd]::after {
  border-left: 8px solid transparent;
  border-radius: 1px;
  border-right: 8px solid transparent;
  border-top: 8px solid rgb(27, 27, 27);
  content: "";
  height: 0px;
  left: 50%;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  width: 0px;
  z-index: 1;
}
.x-slider__tooltip-enter-active[data-v-673548cd],
.x-slider__tooltip-leave-active[data-v-673548cd] {
  transition: opacity 0.25s, transform 0.25s;
}
.x-slider__tooltip-enter[data-v-673548cd],
.x-slider__tooltip-leave-to[data-v-673548cd] {
  opacity: 0;
  transform: translate(-50%, 16px);
}
[data-v-2543b840]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b;
}
[data-v-2eae928e]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b;
}
.l-feed[data-v-2eae928e] {
  background: var(--c-base);
  display: grid;
  grid-template: "feed-main feed-aside" 100dvh / minmax(0px, 1fr);
  height: 100dvh;
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media (min-width: 1040px) {.l-feed[data-v-2eae928e] {
    grid-template-columns: minmax(0px, 3fr) minmax(0px, 2fr);
  }}
@media (min-width: 1280px) {.l-feed[data-v-2eae928e] {
    grid-template-columns: minmax(0px, 2fr) minmax(0px, 1fr);
  }}
@media (min-width: 1536px) {.l-feed[data-v-2eae928e] {
    grid-template-columns: minmax(0px, 7fr) minmax(0px, 3fr);
  }}
@media (min-width: 2166px) {.l-feed[data-v-2eae928e] {
    grid-template-columns: minmax(0px, 1fr) 650px;
  }}
.l-feed__main[data-v-2eae928e] {
  background-color: rgb(5, 5, 5);
  grid-area: feed-main;
  z-index: 0;
}
.l-feed__aside[data-v-2eae928e] {
  grid-area: feed-aside;
  z-index: 1;
}
.l-feed__aside-inner[data-v-2eae928e] {
  height: 100%;
}
.l-feed__aside-inner[data-v-2eae928e]:not(.feed-aside) {
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
}
.l-feed__aside-inner[data-v-2eae928e]:not(.feed-aside)::-webkit-scrollbar {
  background: transparent;
  display: none !important;
  width: 0px !important;
}
@media (max-width: 1039px) {.l-feed__aside[data-v-2eae928e] {
    display: none;
  }}
.feed__content[data-v-2eae928e] {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.feed__content .swiper-container[data-v-2eae928e] {
  height: 100%;
  z-index: 0;
}
.feed__button[data-v-2eae928e] {
  align-items: center;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  height: 48px;
  overflow: hidden;
  transition: opacity 0.24s ease-in-out;
  width: 48px;
  z-index: 4;
}
@media (hover: hover) {.feed__button[data-v-2eae928e]:not(.feed__button--close):hover {
    opacity: 0.8;
  }}
.feed__button--state.is-expanded .feed__button__hover-part[data-v-2eae928e] {
  opacity: 1;
}
.feed__button--close[data-v-2eae928e] {
  background-color: rgb(126, 31, 224);
  box-shadow: unset;
  left: 20px;
  padding-left: 14px;
  position: absolute;
  top: 20px;
  transition: width 0.2s;
}
@media (hover: hover) {.feed__button--close[data-v-2eae928e]:hover {
    background: rgb(126, 31, 224);
    box-shadow: unset;
  }}
.feed__button--close .feed__button__hover-part[data-v-2eae928e] {
  bottom: 14px;
  left: 37px;
  position: absolute;
}
.feed__button--close.is-expanded[data-v-2eae928e] {
  width: 118px;
}
.feed__button--arrow[data-v-2eae928e] {
  justify-content: center;
}
.feed__loader[data-v-2eae928e] {
  align-items: center;
  background: rgba(5, 5, 5, 0.8);
  border-radius: 6px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 12px;
  left: 50%;
  padding: 46px 24px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 350px;
  z-index: 3;
}
.feed__loader p[data-v-2eae928e] {
  color: rgb(255, 255, 255);
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.23px;
  line-height: 30px;
  text-align: center;
  white-space: nowrap;
}
.feed__loader--deleted .icon[data-v-2eae928e] {
  display: flex;
}
.feed__loader--banner-placeholder[data-v-2eae928e] {
  --spinner-base: hsla(0, 0%, 100%, .1);
  --spinner-width: 4;
  background: rgba(0, 0, 0, 0.6);
  padding: 30px;
  width: auto;
}
.hint--share .x-button img[data-v-2eae928e] {
  margin-right: 5px;
}
.arrows[data-v-2eae928e] {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 10px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.arrows[data-v-2eae928e],
.lock-slide[data-v-2eae928e] {
  position: absolute;
  z-index: 4;
}
.skip-pill-enter-active[data-v-2eae928e],
.skip-pill-leave-active[data-v-2eae928e] {
  transition: opacity 0.2s;
}
.skip-pill-enter[data-v-2eae928e],
.skip-pill-leave-to[data-v-2eae928e] {
  opacity: 0;
}
.arrow--disabled[data-v-2eae928e] {
  cursor: default;
  opacity: 0.2;
}
.arrow--disabled .feed__button[data-v-2eae928e] {
  cursor: default;
}
.arrow--disabled .feed__button[data-v-2eae928e]:hover {
  opacity: 1;
}
.close-button-enter-active[data-v-2eae928e] {
  transition: opacity 0.2s 0.2s;
}
.close-button-leave-active[data-v-2eae928e] {
  transition: opacity 0.2s;
}
.close-button-enter[data-v-2eae928e],
.close-button-leave-to[data-v-2eae928e] {
  opacity: 0;
}
.close-button-enter-to[data-v-2eae928e],
.close-button-leave[data-v-2eae928e] {
  opacity: 1;
}
.hold-height .cover-image[data-v-2eae928e],
.hold-height .cover-image img[data-v-2eae928e] {
  height: 100%;
  width: auto;
}
.x-swiper-wrapper[data-v-2eae928e] {
  box-sizing: content-box;
  overscroll-behavior: none;
  transform-style: preserve-3d;
  transition-property: transform;
  transition-timing-function: ease-out;
  z-index: 1;
}
.x-swiper-slide[data-v-2eae928e],
.x-swiper-wrapper[data-v-2eae928e] {
  height: 100%;
  position: relative;
  width: 100%;
}
.x-swiper-slide[data-v-2eae928e] {
  overflow: hidden;
  transition-property: transform;
}
.x-swiper-slide.active[data-v-2eae928e] {
  z-index: 1;
}
.video-buffer[data-v-2eae928e] {
  display: none;
}
[data-v-20a9121c]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b;
}
.feeditem[data-v-20a9121c] {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
}
.feeditem .photos[data-v-20a9121c],
.feeditem .videoplayer[data-v-20a9121c],
.feeditem__cover-image[data-v-20a9121c] {
  left: 0px;
  position: absolute;
  top: 0px;
}
.feeditem .photos[data-v-20a9121c] {
  height: 100%;
  width: 100%;
}
.feeditem.hold-width .feeditem__cover-image[data-v-20a9121c],
.feeditem.hold-width .videoplayer[data-v-20a9121c] {
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.feeditem.hold-width .feeditem__cover-image .prbn[data-v-20a9121c],
.feeditem.hold-width .feeditem__cover-image[data-v-20a9121c] .prbn img,
.feeditem.hold-width .feeditem__cover-image[data-v-20a9121c] .prbn video,
.feeditem.hold-width .feeditem__cover-image>.image[data-v-20a9121c],
.feeditem.hold-width .feeditem__cover-image>.image>img[data-v-20a9121c],
.feeditem.hold-width .feeditem__cover-image>.video[data-v-20a9121c],
.feeditem.hold-width .videoplayer .prbn[data-v-20a9121c],
.feeditem.hold-width .videoplayer[data-v-20a9121c] .prbn img,
.feeditem.hold-width .videoplayer[data-v-20a9121c] .prbn video,
.feeditem.hold-width .videoplayer>.image[data-v-20a9121c],
.feeditem.hold-width .videoplayer>.image>img[data-v-20a9121c],
.feeditem.hold-width .videoplayer>.video[data-v-20a9121c] {
  height: auto;
  width: 100%;
}
.feeditem.hold-width .feeditem__cover-image[data-v-20a9121c] {
  width: calc(100% - 2px);
}
.feeditem.czav-horizontal .feeditem__cover-image[data-v-20a9121c],
.feeditem.czav-horizontal .videoplayer[data-v-20a9121c] {
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.feeditem.czav-horizontal .feeditem__cover-image[data-v-20a9121c] {
  width: calc(100% - 2px);
}
.feeditem.hold-height .feeditem__cover-image[data-v-20a9121c],
.feeditem.hold-height .videoplayer[data-v-20a9121c] {
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.feeditem.hold-height .feeditem__cover-image .prbn[data-v-20a9121c],
.feeditem.hold-height .feeditem__cover-image[data-v-20a9121c] .prbn img,
.feeditem.hold-height .feeditem__cover-image[data-v-20a9121c] .prbn video,
.feeditem.hold-height .feeditem__cover-image>.image[data-v-20a9121c],
.feeditem.hold-height .feeditem__cover-image>.image>img[data-v-20a9121c],
.feeditem.hold-height .feeditem__cover-image>.video[data-v-20a9121c],
.feeditem.hold-height .videoplayer .prbn[data-v-20a9121c],
.feeditem.hold-height .videoplayer[data-v-20a9121c] .prbn img,
.feeditem.hold-height .videoplayer[data-v-20a9121c] .prbn video,
.feeditem.hold-height .videoplayer>.image[data-v-20a9121c],
.feeditem.hold-height .videoplayer>.image>img[data-v-20a9121c],
.feeditem.hold-height .videoplayer>.video[data-v-20a9121c] {
  height: 100%;
  width: auto;
}
.feeditem.hold-height .feeditem__cover-image[data-v-20a9121c] {
  height: calc(100% - 2px);
}
.feeditem__cover-image[data-v-20a9121c] {
  pointer-events: none;
  z-index: 0;
}
.feeditem .videoplayer[data-v-20a9121c] {
  background: transparent;
  opacity: 0;
  z-index: 1;
}
.feeditem .videoplayer.visible[data-v-20a9121c] {
  opacity: 1;
}
.feeditem .videoplayer__controls[data-v-20a9121c] {
  align-items: center;
  bottom: 0px;
  display: flex;
  justify-content: space-between;
  left: 50%;
  max-width: 100%;
  padding-bottom: env(safe-area-inset-bottom);
  position: absolute;
  transform: translateX(-50%);
  z-index: 4;
}
.feeditem .videoplayer__controls[data-v-20a9121c]:not(.seeking) {
  height: calc(env(safe-area-inset-bottom) + 72px);
}
.feeditem .videoplayer__controls__seekarea[data-v-20a9121c] {
  align-items: center;
  display: flex;
  flex-grow: 1;
  height: 54px;
  position: relative;
}
.feeditem .videoplayer__controls__progressbar[data-v-20a9121c] {
  --pb-size: 5px;
  bottom: unset;
  cursor: pointer;
  margin: 0px 8px;
  position: relative;
  width: 100%;
}
.feeditem .videoplayer__controls__seekbar[data-v-20a9121c] {
  left: 0px;
  margin: 0px 8px;
  position: absolute;
  right: 0px;
}
.feeditem .videoplayer__controls .video-control[data-v-20a9121c] {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  height: 32px;
  padding: 20px;
  width: 32px;
}
.feeditem .videoplayer__controls .video-control--timeleft[data-v-20a9121c] {
  padding: 10px 20px 10px 4px;
  width: 50px;
}
.feeditem .videoplayer__controls .video-control .timeleft[data-v-20a9121c] {
  color: rgb(255, 255, 255);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0px;
  position: absolute;
  right: 20px;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.8) 0.5px 0.5px 0.5px;
}
.feeditem .videoplayer__controls .video-control img[data-v-20a9121c] {
  filter: drop-shadow(rgba(0, 0, 0, 0.2) 1px 2px 6px);
}
.feeditem .videoplayer__controls .sound-control[data-v-20a9121c] {
  left: 0px;
  position: relative;
  right: unset;
}
.feeditem .videoplayer__controls .sound-control__part[data-v-20a9121c] {
  left: 40px;
  position: absolute;
}
.feeditem .videoplayer__seek-time[data-v-20a9121c] {
  align-items: center;
  bottom: 50px;
  color: rgb(255, 255, 255);
  display: flex;
  font-size: 32px;
  font-weight: 600;
  justify-content: center;
  margin-bottom: 30px;
  position: absolute;
  text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 1px;
  width: 100%;
}
.feeditem .videoplayer__seek-time span[data-v-20a9121c] {
  font-size: 16px;
  font-weight: 700;
  margin: 0px 14px;
  text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 1px;
}
.see-more-enter-active[data-v-20a9121c] {
  transition: opacity 0.2s 0.2s, height 0.2s;
}
.see-more-leave-active[data-v-20a9121c] {
  transition: opacity 0.2s, height 0.2s 0.2s;
}
.see-more-enter-to[data-v-20a9121c],
.see-more-leave[data-v-20a9121c] {
  height: 38px;
  opacity: 1;
}
.see-more-enter[data-v-20a9121c],
.see-more-leave-to[data-v-20a9121c] {
  height: 0px;
  opacity: 0;
}
.background-image[data-v-20a9121c] {
  --blur-amount: 25px;
  filter: blur(var(--blur-amount));
  height: calc(100% + var(--blur-amount)*2);
  left: calc(var(--blur-amount)*-1);
  pointer-events: none;
  position: absolute;
  top: calc(var(--blur-amount)*-1);
  width: calc(100% + var(--blur-amount)*2);
}
.ambient-canvas[data-v-20a9121c] {
  height: 100%;
  width: 100%;
}
.loading-bar-enter-active[data-v-20a9121c],
.loading-bar-leave-active[data-v-20a9121c] {
  transition: opacity 0.3s 0.2s;
}
.loading-bar-enter-from[data-v-20a9121c],
.loading-bar-leave-to[data-v-20a9121c] {
  opacity: 0;
}
[data-v-55b80102]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b;
}
.feed-aside>.aside-content[data-v-55b80102] {
  padding: 0px;
  --available-h: calc(100dvh - 124px);
}
.aside-content[data-v-55b80102] {
  container-type: inline-size;
  gap: 24px;
  min-height: 100dvh;
  overflow: visible;
  padding: 40px 40px 0px;
  --available-h: calc(100dvh - 64px);
}
.aside-content[data-v-55b80102],
.aside-content__top[data-v-55b80102] {
  display: flex;
  flex-direction: column;
}
.aside-content__top--banner-floor .aside-content__top__banner[data-v-55b80102] {
  max-height: 56.25cqi;
}
.aside-content__top .aside-content__section[data-v-55b80102] {
  border-bottom: 1px solid var(--c-base-line);
}
.aside-content__top .aside-content__section[data-v-55b80102]:first-child {
  padding-top: 0px;
}
.aside-content__top__list[data-v-55b80102] {
  margin-top: 24px;
}
.aside-content__top__banner[data-v-55b80102] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-top: 24px;
  max-height: 133.33cqi;
  min-height: 56.25cqi;
}
.aside-content__middle--download[data-v-55b80102] {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: auto 0px;
}
.aside-content__bottom[data-v-55b80102] {
  margin-top: auto;
  padding-bottom: 20px;
}
.aside-content__middle--download~.aside-content__bottom[data-v-55b80102] {
  margin-top: 0px;
}
.aside-content__section[data-v-55b80102] {
  color: var(--c-base-text);
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 0px;
}
.column[data-v-55b80102],
.row[data-v-55b80102] {
  display: flex;
}
.column[data-v-55b80102] {
  flex-direction: column;
}
.row[data-v-55b80102] {
  align-items: center;
}
.row--center[data-v-55b80102] {
  justify-content: center;
}
.row--space-between[data-v-55b80102] {
  justify-content: space-between;
}
.gap--5[data-v-55b80102] {
  gap: 5px;
}
.gap--8[data-v-55b80102] {
  gap: 8px;
}
.gap--10[data-v-55b80102] {
  gap: 10px;
}
.gap--16[data-v-55b80102] {
  gap: 16px;
}
.gap--24[data-v-55b80102] {
  gap: 24px;
}
.wrap[data-v-55b80102] {
  flex-wrap: wrap;
}
.grow[data-v-55b80102] {
  flex-grow: 1;
}
.p-lr--24[data-v-55b80102] {
  padding-left: 24px;
  padding-right: 24px;
}
.title[data-v-55b80102] {
  color: var(--c-base-text);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.23px;
}
.title.line-clamp[data-v-55b80102] {
  --clamp-rows: 2;
}
.subtitle[data-v-55b80102] {
  color: var(--c-base-text);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.stat[data-v-55b80102] {
  align-items: center;
  display: flex;
  height: 19px;
  letter-spacing: -0.31px;
}
.stat__icon[data-v-55b80102] {
  display: flex;
  margin-right: -2px;
}
.stat__icon img[data-v-55b80102] {
  height: 24px;
}
.stat__icon img.cal[data-v-55b80102] {
  height: 16px;
}
.description[data-v-55b80102] {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.15px;
  line-height: 22px;
}
.action[data-v-55b80102] {
  cursor: pointer;
  height: 40px;
}
.action__icon[data-v-55b80102] {
  background: var(--c-controls-base);
  border-radius: 50%;
  cursor: pointer;
  display: grid;
  flex-shrink: 0;
  height: 40px;
  place-items: center;
  transition: background-color 0.2s;
  width: 40px;
}
.action__icon svg [data-bg="true"][data-v-55b80102] {
  fill: var(--c-controls-base);
  transition: fill 0.2s;
}
.action__icon svg [data-object="true"][data-v-55b80102] {
  fill: var(--c-controls-icon);
  transition: fill 0.2s;
}
.action__icon+span[data-v-55b80102] {
  color: var(--c-controls-text);
  font-size: 14px;
  font-weight: 600;
}
@media (hover: hover) {.action:hover .action__icon[data-v-55b80102] {
    background: var(--c-controls-base--hover);
  }
.action:hover .action__icon svg [data-bg="true"][data-v-55b80102] {
    fill: var(--c-controls-base--hover);
  }
.action:hover span[data-v-55b80102] {
    color: var(--c-base-text);
  }}
.tooltip[data-v-55b80102] {
  position: relative;
}
.tooltip[data-v-55b80102]:not([data-tooltip])::after,
.tooltip[data-v-55b80102]:not([data-tooltip])::before {
  display: none;
}
.tooltip[data-v-55b80102]::before {
  align-items: center;
  background: var(--c-tooltip-base);
  border-radius: 6px;
  bottom: calc(100% + 13px);
  color: var(--c-tooltip-text);
  content: attr(data-tooltip);
  display: flex;
  filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 3px 6px);
  font-size: 14px;
  font-weight: 500;
  height: 32px;
  padding: 0px 15px;
  position: absolute;
  right: unset;
  white-space: nowrap;
  width: max-content;
  z-index: 1;
}
.tooltip[data-v-55b80102]::after {
  border-left: 8px solid transparent;
  border-radius: 1px;
  border-right: 8px solid transparent;
  border-top: 9px solid var(--c-tooltip-base);
  bottom: calc(100% + 5px);
  content: "";
  height: 0px;
  position: absolute;
  width: 0px;
  z-index: 1;
}
.tooltip[data-v-55b80102]::after,
.tooltip[data-v-55b80102]::before {
  opacity: 0;
  pointer-events: none;
  transform: translateY(15px) translateZ(0px);
  transition: opacity 0.2s, transform 0.2s;
}
@media (hover: hover) {.tooltip[data-v-55b80102]:hover::after,
  .tooltip[data-v-55b80102]:hover::before {
    opacity: 1;
    transform: translateY(0px) translateZ(0px);
  }}
.tooltip[data-active="false"][data-v-55b80102]::after,
.tooltip[data-active="false"][data-v-55b80102]::before {
  opacity: 0;
}
.tooltip[data-active="true"][data-v-55b80102]::after,
.tooltip[data-active="true"][data-v-55b80102]::before {
  opacity: 1;
  transform: translateY(0px) translateZ(0px);
}
.tooltip--right[data-v-55b80102] {
  position: relative;
}
.tooltip--right[data-v-55b80102]:not([data-tooltip])::after,
.tooltip--right[data-v-55b80102]:not([data-tooltip])::before {
  display: none;
}
.tooltip--right[data-v-55b80102]::before {
  align-items: center;
  background: var(--c-tooltip-base);
  border-radius: 6px;
  bottom: calc(100% + 13px);
  color: var(--c-tooltip-text);
  content: attr(data-tooltip);
  display: flex;
  filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 3px 6px);
  font-size: 14px;
  font-weight: 500;
  height: 32px;
  left: -4px;
  padding: 0px 15px;
  position: absolute;
  white-space: nowrap;
  width: max-content;
  z-index: 1;
}
.tooltip--right[data-v-55b80102]::after {
  border-left: 8px solid transparent;
  border-radius: 1px;
  border-right: 8px solid transparent;
  border-top: 9px solid var(--c-tooltip-base);
  bottom: calc(100% + 5px);
  content: "";
  height: 0px;
  position: absolute;
  width: 0px;
  z-index: 1;
}
.tooltip--right[data-v-55b80102]::after,
.tooltip--right[data-v-55b80102]::before {
  opacity: 0;
  pointer-events: none;
  transform: translateY(15px) translateZ(0px);
  transition: opacity 0.2s, transform 0.2s;
}
@media (hover: hover) {.tooltip--right[data-v-55b80102]:hover::after,
  .tooltip--right[data-v-55b80102]:hover::before {
    opacity: 1;
    transform: translateY(0px) translateZ(0px);
  }}
.tooltip--right[data-active="false"][data-v-55b80102]::after,
.tooltip--right[data-active="false"][data-v-55b80102]::before {
  opacity: 0;
}
.tooltip--right[data-active="true"][data-v-55b80102]::after,
.tooltip--right[data-active="true"][data-v-55b80102]::before {
  opacity: 1;
  transform: translateY(0px) translateZ(0px);
}
.action--more .action__icon[data-v-55b80102] {
  align-items: center;
  display: flex;
  gap: 3px;
  justify-content: center;
}
.action--more .action__icon i[data-v-55b80102] {
  background: var(--c-controls-icon);
  border-radius: 50%;
  flex-shrink: 0;
  height: 4px;
  width: 4px;
}
.action--like .action__icon[data-v-55b80102] {
  height: 48px;
  scale: 0.84;
  width: 48px;
}
.action--like.active path[data-v-55b80102]:not([data-bg="true"]) {
  fill: rgb(252, 44, 85);
}
.action--like.animate .like-animation__layer-0[data-v-55b80102] {
  animation: 1s ease 0s 1 normal none running like-l0-55b80102;
}
.action--like.animate .like-animation__layer-1[data-v-55b80102] {
  animation: 1s ease 0s 1 normal none running like-l1-55b80102;
}
.like-animation[data-v-55b80102] {
  position: relative;
}
.like-animation .placeholder[data-v-55b80102] {
  opacity: 0;
}
.like-animation__layer-0[data-v-55b80102],
.like-animation__layer-1[data-v-55b80102] {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.cls-prbn[data-v-55b80102] {
  aspect-ratio: 9 / 10;
  container: banner-frame / size;
  flex: 1 1 auto;
  margin: 0px auto;
  max-height: 100%;
  min-height: 56.25cqi;
  position: relative;
  width: 100%;
}
.cls-prbn[data-v-55b80102]>div {
  height: 100%;
}
.cls-prbn[data-v-55b80102] .swiper-container,
.cls-prbn[data-v-55b80102] .swiper-slide,
.cls-prbn[data-v-55b80102] .swiper-wrapper {
  height: 100%;
}
.cls-prbn[data-v-55b80102] .prbn--aside {
  aspect-ratio: unset;
  height: 100%;
  max-width: none;
  width: 100%;
}
.cls-prbn[data-v-55b80102]::after {
  background-color: var(--c-placeholder);
  border-radius: 12px;
  content: "";
  display: block;
  height: 100%;
  inset: 0px;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.user-caption__badge[data-show-label="true"][data-v-491b9cf1]::after,
.user-caption__badge[data-show-label="true"][data-v-491b9cf1]::before {
  align-items: center;
  content: "";
  display: flex;
  justify-content: center;
  left: calc(100% + 10px);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.user-caption__badge[data-show-label="true"][data-v-491b9cf1]::before {
  border-bottom: 3px solid transparent;
  border-right: 5px solid rgb(0, 147, 255);
  border-top: 3px solid transparent;
  height: 0px;
  left: calc(100% + 5px);
  width: 0px;
}
.user-caption__badge[data-show-label="true"][data-v-491b9cf1]::after {
  background: rgb(0, 147, 255);
  border-radius: 4px;
  color: rgb(255, 255, 255);
  content: attr(data-badge);
  font-size: 12px;
  font-weight: 700;
  height: 20px;
  letter-spacing: 0.01em;
  padding: 0px 9px;
  text-transform: uppercase;
  white-space: nowrap;
}
.user-caption__badge[data-show-label="true"].is-static[data-v-491b9cf1]::after,
.user-caption__badge[data-show-label="true"].is-static[data-v-491b9cf1]::before {
  left: unset;
  position: static;
  top: unset;
  transform: unset;
}
.user-caption__badge[data-show-label="true"].is-static[data-v-491b9cf1]::before {
  margin-left: 5px;
  order: 1;
}
.user-caption__badge[data-show-label="true"].is-static[data-v-491b9cf1]::after {
  order: 2;
}
[data-v-5a8c47e6]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b;
}
.x-tags-show-more[data-v-5a8c47e6] {
  align-content: flex-start;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.x-tags-show-more[data-v-5a8c47e6]:not(.x-tags-show-more--measuring) {
  opacity: 1;
  transition: opacity 0.15s;
}
.x-tags-show-more--just-expanding .x-tags-show-more__tag--hideable[data-v-5a8c47e6] {
  animation-duration: 0.28s;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: backwards;
  animation-play-state: running;
  animation-name: x-tags-show-more-tag-reveal-5a8c47e6;
  animation-timeline: auto;
  animation-range: normal;
  animation-delay: calc(var(--stagger-idx, 0)*28ms);
}
.x-tags-show-more__toggle[data-v-5a8c47e6] {
  --p: 12px;
  align-items: center;
  appearance: none;
  background: var(--c-tag-base);
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: initial;
  border-radius: 8px;
  color: var(--c-tag-text);
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  font-family: inherit;
  gap: calc(var(--p)*.75);
  height: 36px;
  margin: 0px;
  padding: 0 var(--p);
  transition: background-color 0.2s, opacity 0.2s;
  white-space: nowrap;
}
@media (hover: hover) {.x-tags-show-more__toggle[data-v-5a8c47e6]:hover {
    background: var(--c-tag-base--hover);
  }}
.x-tags-show-more__toggle[data-v-5a8c47e6]:focus-visible {
  outline: 2px solid var(--c-tag-text);
  outline-offset: 2px;
}
.x-tags-show-more--animating .x-tags-show-more__toggle[data-v-5a8c47e6] {
  opacity: 0;
  pointer-events: none;
}
.x-tags-show-more__toggle-plus[data-v-5a8c47e6] {
  flex-shrink: 0;
}
.x-tags-show-more__toggle-plus__v-wrap[data-v-5a8c47e6] {
  transform: rotate(0deg);
  transform-origin: 6px 6px;
}
.x-tags-show-more--expanded .x-tags-show-more__toggle-plus__v-wrap[data-v-5a8c47e6] {
  transform: rotate(90deg);
}
.x-tags-show-more__toggle-text[data-v-5a8c47e6] {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}
@media (scripting: none) {.x-tags-show-more[data-v-5a8c47e6] {
    min-height: 0px;
    opacity: 1;
  }
.x-tags-show-more__tag[data-v-5a8c47e6] {
    display: flex !important;
  }
.x-tags-show-more__toggle[data-v-5a8c47e6] {
    display: none !important;
  }}
.dots-menu[data-v-52a22006]::before {
  border-bottom: 13px solid var(--c-dm-base);
  border-left: 7px solid transparent;
  border-radius: 3px;
  border-right: 7px solid transparent;
  bottom: calc(100% - 3px);
  content: "";
  height: 0px;
  position: absolute;
  right: 16px;
  transform: translateX(50%);
  width: 0px;
}
.dots-component.dots-component--footer .dots-menu[data-v-52a22006]::before {
  right: calc(50% - 75px);
}
.dots-component.dots-component--action-button .dots-menu[data-v-52a22006]::before {
  right: 40px;
}
.dots-component.dots-component--action-button--share .dots-menu[data-v-52a22006]::before {
  left: 50%;
  transform: translateX(-50%);
}
.dots-component.dots-component--action-button--more .dots-menu[data-v-52a22006]::before {
  right: 24px;
  transform: translateX(50%);
}
.up .dots-menu[data-v-52a22006]::before {
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
  border-top: 10px solid var(--c-dm-base);
  bottom: unset;
  position: absolute;
  top: calc(100% - 2px);
}
.up-and-left .dots-menu[data-v-52a22006]::before {
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
  border-top: 10px solid var(--c-dm-base);
  bottom: unset;
  position: absolute;
  top: calc(100% - 2px);
  right: 28px !important;
}
.up-and-right .dots-menu[data-v-52a22006]::before {
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
  border-top: 10px solid rgb(255, 255, 255);
  bottom: unset;
  position: absolute;
  top: calc(100% - 2px);
  left: 28px !important;
  right: unset !important;
}
[data-v-3457b519]:root {
  --spacing-xxs: 6px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 64px;
  --spacing-layout-s: 64px;
  --spacing-layout-m: 96px;
  --spacing-layout-l: 128px;
  --spacing-layout-xl: 180px;
  --c-woodsmoke: #0d0d0d;
  --c-eerie-black: #191919;
  --c-mineshaft: #323232;
  --c-stack: #8b8b8b;
  --c-iron: #cbcbcb;
  --c-seashell: #f1f1f1;
  --c-alabaster: #f7f7f7;
  --c-main: #7e1fe0;
  --c-secondary: #be8fef;
  --c-blue: #3c95ff;
  --c-yellow: #f5a01b;
}
.listinfo[data-v-3457b519] {
  align-items: center;
  color: var(--c-base-text-tertiary);
  cursor: pointer;
  display: flex;
  flex-flow: row;
  font-size: 14px;
  gap: 24px;
  letter-spacing: -0.15px;
}
.listinfo__details[data-v-3457b519] {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.listinfo__details__row[data-v-3457b519] {
  align-items: center;
  display: flex;
}
.listinfo__thumbnail[data-v-3457b519] {
  background-color: var(--c-controls-base);
  flex-shrink: 0;
  height: 76px;
  width: 125px;
}
.listinfo__thumbnail>img[data-v-3457b519] {
  border-radius: 6px;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.listinfo__thumbnail--square[data-v-3457b519] {
  width: 76px;
}
.listinfo h1[data-v-3457b519] {
  align-items: center;
  color: var(--c-base-text);
  display: flex;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.23px;
  word-break: break-word;
}
.listinfo h1>svg[data-v-3457b519] {
  flex-shrink: 0;
  margin-right: 6px;
}
.listinfo h1>svg circle[data-v-3457b519],
.listinfo h1>svg path[data-v-3457b519] {
  fill: var(--c-base-text);
}
.footer__nav__item[data-v-247c5a4c]::before {
  content: "•";
  margin-right: 5px;
}
.footer__nav__item[data-v-247c5a4c]:first-child::before {
  display: none;
}
.sidenav-container--right>[data-v-3ab74869] {
  position: fixed;
  right: 0px;
  top: 0px;
}
.main-nav .item--online .icon[data-v-3ab74869]::after {
  background: rgb(113, 192, 59);
  height: 6px;
  right: 0px;
  top: 0px;
  width: 6px;
  z-index: 2;
}
.main-nav .item--online .icon[data-v-3ab74869]::after,
.main-nav .item--online .icon[data-v-3ab74869]::before {
  border-radius: 50%;
  content: "";
  display: block;
  flex-shrink: 0;
  position: absolute;
}
.main-nav .item--online .icon[data-v-3ab74869]::before {
  background: var(--c-base);
  height: 12px;
  right: -3px;
  top: -3px;
  width: 12px;
  z-index: 1;
}
.main-nav .item .badge[data-v-3ab74869]:not([data-tooltip])::after,
.main-nav .item .badge[data-v-3ab74869]:not([data-tooltip])::before {
  display: none;
}
.main-nav .item .badge[data-v-3ab74869]::before {
  align-items: center;
  background: var(--c-tooltip-base);
  border-radius: 6px;
  color: var(--c-tooltip-text);
  content: attr(data-tooltip);
  display: flex;
  filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 3px 6px);
  font-size: 14px;
  font-weight: 500;
  height: 32px;
  padding: 0px 15px;
  position: absolute;
  right: -4px;
  top: calc(100% + 13px);
  white-space: nowrap;
  width: max-content;
  z-index: 1;
}
.main-nav .item .badge[data-v-3ab74869]::after {
  border-bottom: 9px solid var(--c-tooltip-base);
  border-left: 8px solid transparent;
  border-radius: 1px;
  border-right: 8px solid transparent;
  content: "";
  height: 0px;
  position: absolute;
  top: calc(100% + 5px);
  width: 0px;
  z-index: 1;
}
.main-nav .item .badge[data-v-3ab74869]::after,
.main-nav .item .badge[data-v-3ab74869]::before {
  opacity: 0;
  pointer-events: none;
  transform: translateY(0px) translateZ(0px);
  transition: opacity 0.2s, transform 0.2s;
}
@media (hover: hover) {.main-nav .item .badge[data-v-3ab74869]:hover::after,
  .main-nav .item .badge[data-v-3ab74869]:hover::before {
    opacity: 1;
    transform: translateY(0px) translateZ(0px);
  }}
.main-nav .item .badge[data-active="false"][data-v-3ab74869]::after,
.main-nav .item .badge[data-active="false"][data-v-3ab74869]::before {
  opacity: 0;
}
.main-nav .item .badge[data-active="true"][data-v-3ab74869]::after,
.main-nav .item .badge[data-active="true"][data-v-3ab74869]::before {
  opacity: 1;
  transform: translateY(0px) translateZ(0px);
}
.status-messages--top[data-v-3ad76bd7] .status-message {
  width: 100%;
}
@media (min-width: 600px) {.status-messages--top[data-v-3ad76bd7] .status-message {
    width: max-content;
  }}
.message-slide-down-enter-active[data-v-3ad76bd7],
.message-slide-down-leave-active[data-v-3ad76bd7] {
  transition: opacity 0.5s, transform 0.5s;
}
.message-slide-down-enter[data-v-3ad76bd7],
.message-slide-down-leave-to[data-v-3ad76bd7] {
  opacity: 0;
  transform: translate3d(0px, -200%, 0px);
}
.message-slide-down-leave-active[data-v-3ad76bd7] {
  position: absolute;
}
.message-slide-left-enter-active[data-v-3ad76bd7],
.message-slide-left-leave-active[data-v-3ad76bd7],
.message-slide-left-move[data-v-3ad76bd7] {
  transition: opacity 0.3s, transform 0.3s;
}
.message-slide-left-enter[data-v-3ad76bd7],
.message-slide-left-leave-to[data-v-3ad76bd7] {
  opacity: 0;
  transform: translate3d(-100%, 0px, 0px);
}
.message-slide-left-leave-active[data-v-3ad76bd7] {
  position: absolute;
}
@keyframes spin-loader {

  0% {
    transform: translateZ(0px) rotate(-90deg);
  }

  100% {
    transform: translateZ(0px) rotate(270deg);
  }

}
@keyframes pulse {

  0% {
    transform: scale(1);
  }

  30% {
    transform: scale(1.1);
  }

  40% {
    transform: scale(0.9);
  }

  50% {
    transform: scale(1);
  }

}
@keyframes loading-bar-20a9121c {

  0% {
    transform: translateX(0px);
  }

  100% {
    transform: translateX(100%);
  }

}
@keyframes like-l0-55b80102 {

  0% {
    opacity: 0.5;
    transform: translate(-50%, -50%) scale(1);
  }

  40% {
    opacity: 0.3;
    transform: translate(-50%, -50%) scale(1.7);
  }

  90% {
    opacity: 0.1;
    transform: translate(-50%, -50%) scale(1);
  }

}
@keyframes like-l1-55b80102 {

  0% {
    transform: translate(-50%, -50%) scale(1);
  }

  50% {
    transform: translate(-50%, -50%) scale(1.25);
  }

  70% {
    transform: translate(-50%, -50%) scale(0.95);
  }

  80% {
    transform: translate(-50%, -50%) scale(1.05);
  }

  90% {
    transform: translate(-50%, -50%) scale(1);
  }

}
@keyframes placeholder-load-fe4be6f0 {

  0% {
    transform: translateX(-100%);
  }

  90%,
  100% {
    transform: translateX(600%);
  }

}
@keyframes x-tags-show-more-tag-reveal-5a8c47e6 {

  0% {
    opacity: 0;
    transform: translateY(-6px) scale(0.96);
  }

  100% {
    opacity: 1;
    transform: translateY(0px) scale(1);
  }

}
@keyframes swiper-preloader-spin {

  100% {
    transform: rotate(1turn);
  }

}
.status-messages {
  left: 0;
  position: fixed;
  right: 0;
  z-index: 104
}
@media(min-width: 600px) {.status-messages {
    right: unset
  }}
.status-messages__container {
  align-items: stretch;
  display: flex;
  flex-direction: column-reverse;
  gap: 14px;
  grid-area: app-message;
  margin: 0 auto;
  max-width: calc(100vw - 32px);
  width: 382px
}
@media(min-width: 600px) {.status-messages__container {
    align-items: flex-start;
    width: 420px
  }}
.status-messages--bottom {
  bottom: calc(80px + env(safe-area-inset-bottom))
}
@media(min-width: 600px) {.status-messages--bottom {
    left: 30px
  }}
@media(min-width: 1040px) {.status-messages--bottom {
    bottom: 30px
  }}
.status-messages--top {
  display: flex;
  justify-content: center;
  left: 50%;
  max-width: calc(100vw - 32px);
  top: calc(70px + env(safe-area-inset-bottom));
  transform: translateX(-50%);
  width: 500px;
  z-index: 3
}
@media(min-width: 600px) {.status-messages--top {
    top: calc(78px + env(safe-area-inset-bottom))
  }}
@media(min-width: 1040px) {.status-messages--top {
    left: calc(-237.5px + 50%);
    top: calc(86px + env(safe-area-inset-bottom))
  }}
@media(min-width: 1536px) {.status-messages--top {
    left: calc(50% - 242.5px)
  }}
.status-messages--top .status-messages__container {
  align-items: center;
  flex-direction: column;
  width: 500px
}
.c-sidemenu {
  position: fixed;
  inset: 0;
  z-index: 200;
  visibility: hidden;
  pointer-events: none;
}
.c-sidemenu.is-open {
  visibility: visible;
  pointer-events: auto;
}
.c-sidemenu__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.c-sidemenu.is-open .c-sidemenu__backdrop {
  opacity: 1;
}
.c-sidemenu__panel {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 80%;
  max-width: 426px;
  background: #fff;
  display: flex;
  flex-direction: column;
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  overflow-y: auto;
  box-shadow: 8px 0 30px rgba(0, 0, 0, 0.12);
}
.c-sidemenu.is-open .c-sidemenu__panel {
  transform: translateX(0);
}
.c-sidemenu__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 24px;
  flex-shrink: 0;
}
.c-sidemenu__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border: none;
  border-radius: 50%;
  background: #f1f1f1;
  color: #191919;
  cursor: pointer;
  transition: background 0.2s;
}
.c-sidemenu__close:hover {
  background: #e6e6e6;
}
.c-sidemenu__close svg {
  width: 16px;
  height: 16px;
}
.c-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: none;
  border-radius: 999px;
  background: #7e1fe0;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  padding: 0 28px;
  height: 48px;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.2s;
}
.c-btn:hover {
  background: #6a17c0;
  color: #fff;
}
.c-btn svg {
  width: 20px;
  height: 20px;
}
.c-sidemenu__upload {
  position: relative;
}
.c-sidemenu__upload-plus {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}
.c-sidemenu__upload-badge {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 20px;
  height: 20px;
}
.c-sidemenu__nav {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 24px;
  list-style: none;
  margin: 0;
}
.c-sidemenu__item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 8px;
  color: #0d0d0d;
  font-size: 17px;
  font-weight: 500;
  text-decoration: none;
  border-radius: 10px;
  transition: background 0.15s;
}
.c-sidemenu__item:hover {
  background: #f7f7f7;
}
.c-sidemenu__item-ico {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #191919;
}
.c-sidemenu__item-label {
  flex-grow: 1;
}
.c-sidemenu__item-ext {
  flex-shrink: 0;
  color: #8b8b8b;
}
.c-sidemenu__badge-dot {
  position: relative;
}
.c-sidemenu__badge-dot::after {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2ecc71;
  border: 2px solid #fff;
}
.c-sidemenu__login {
  margin: 20px 24px 0;
  height: 54px;
  font-size: 17px;
}
body.c-noscroll {
  overflow: hidden;
}
.search-field {
  position: relative;
}
.search-field--opened[data-v-7513fe3d] {
  transform: translateX(0);
}
@media (min-width: 780px) and (max-width: 879px) {.search-field--opened[data-v-7513fe3d] {
    max-width: calc(92.8vw - 448px);
  }}
@media (max-width: 779px) {.header__button[data-v-7513fe3d] {
    display: none;
  }
.header__button.search[data-v-7513fe3d],
  .header__button--hamburger[data-v-7513fe3d] {
    display: flex;
  }
.header[data-v-7513fe3d] {
    display: flex;
    align-items: center;
  }
.header__main[data-v-7513fe3d] {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    height: 100%;
    position: static;
  }
.logo[data-v-7513fe3d] {
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 0;
    transform: translate(-50%, -50%);
  }
.header__main__right[data-v-7513fe3d] {
    margin-left: auto;
  }
.header__navigation[data-v-7513fe3d] {
    order: -1;
  }
.search-field--opened:not(.is-search-active)[data-v-7513fe3d] {
    max-width: 48px;
  }
.search-field--opened:not(.is-search-active) .x-input__wrapper[data-v-7513fe3d] {
    opacity: 0;
    pointer-events: none;
  }
.search-field--opened:not(.is-search-active) .search-field__icon[data-v-7513fe3d] {
    width: 48px;
    border-radius: 50%;
  }
.search-field--opened:not(.is-search-active) .search-field__clear[data-v-7513fe3d] {
    opacity: 0;
    pointer-events: none;
  }
.search-field--opened.is-search-active[data-v-7513fe3d] {
    max-width: 92.8vw;
  }}
.search-field__back .c-ico-close {
  display: none;
}
@media (max-width: 779px) {.search-field__back[data-v-7513fe3d] {
    display: none;
  }}
.search-field:not(.is-search-active) .search-field__back[data-v-7513fe3d] {
  opacity: 0;
  transform: scale(0.25);
  pointer-events: none;
}
.search-field__back {
  color: #191919;
  cursor: pointer;
  border: none;
  padding: 0;
}
.search-field__back svg {
  width: 20px;
  height: 20px;
}
@media (max-width: 779px) {.search-field.is-search-active .search-field__icon__holder {
    position: relative;
  }
.search-field.is-search-active .search-field__icon__holder svg {
    display: none;
  }
.search-field.is-search-active .search-field__icon__holder::before,
  .search-field.is-search-active .search-field__icon__holder::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: #191919;
  }
.search-field.is-search-active .search-field__icon__holder::before {
    transform: translate(-50%, -50%) rotate(45deg);
  }
.search-field.is-search-active .search-field__icon__holder::after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }}
.c-whisper {
  position: absolute;
  top: calc(100% + 14px);
  left: 0;
  width: 100%;
  background: #fff;
  border-radius: 16px;
  box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.2);
  padding: 14px;
  max-height: calc(100vh - 120px);
  overflow: auto;
  display: none;
  z-index: 5;
}
.search-field.is-search-active .c-whisper {
  display: block;
}
.c-whisper__label {
  display: block;
  color: #8b8b8b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin: 6px 14px 10px;
}
.c-whisper__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.c-whisper__item {
  display: flex;
  align-items: center;
  gap: 16px;
  height: 50px;
  padding: 0 14px;
  border-radius: 8px;
  color: #191919;
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
}
.c-whisper__item:hover {
  background: #f1f1f1;
}
.c-whisper__item svg {
  flex-shrink: 0;
  color: #8b8b8b;
}
.c-popupmenu {
  position: fixed;
  inset: 0;
  z-index: 300;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.c-popupmenu.is-open {
  display: flex;
}
.c-popupmenu__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.c-popupmenu__container {
  position: relative;
  width: 100%;
  max-width: 360px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
  padding: 10px;
  animation: c-popupmenu-in 0.2s ease-out;
}
@keyframes c-popupmenu-in {
  from {
    opacity: 0;
    transform: scale(0.92);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}
.c-popupmenu__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.c-popupmenu__item {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 52px;
  padding: 0 14px;
  border-radius: 10px;
  color: #171717;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
}
.c-popupmenu__item:hover {
  background: #f5f5f5;
}
.c-popupmenu__icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #171717;
}
.c-popupmenu__label {
  flex-grow: 1;
}
.c-switch {
  flex-shrink: 0;
  width: 44px;
  height: 26px;
  border-radius: 999px;
  border: none;
  background: #e0e0e0;
  padding: 3px;
  cursor: pointer;
  transition: background 0.2s;
}
.c-switch__knob {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  transition: transform 0.2s;
}
.c-switch.is-on {
  background: #7e1fe0;
}
.c-switch.is-on .c-switch__knob {
  transform: translateX(18px);
}
.c-sidemenu__item[data-cat-toggle] {
  cursor: pointer;
}
.c-sidemenu__catlist {
  display: none;
}
.c-sidemenu__catgroup.is-open .c-sidemenu__catlist {
  display: block;
}
.aside-block__content>.all-tags {
  display: none;
}
.aside-block.is-tags-open .aside-block__content>.categories,
.aside-block.is-tags-open .aside-block__content>.x-button--secondary {
  display: none;
}
.aside-block.is-tags-open .aside-block__content>.all-tags {
  display: flex;
}
.all-tags__search svg {
  width: 20px;
  height: 20px;
  margin-right: 16px;
  flex-shrink: 0;
}
html[data-theme="dark"] .c-sidemenu__panel {
  background: #1a1a1a;
}
html[data-theme="dark"] .c-sidemenu__item {
  color: #eaeaea;
}
html[data-theme="dark"] .c-sidemenu__item:hover {
  background: #262626;
}
html[data-theme="dark"] .c-sidemenu__item-ico {
  color: #eaeaea;
}
html[data-theme="dark"] .c-sidemenu__close {
  background: #2e2e2e;
  color: #eaeaea;
}
html[data-theme="dark"] .c-sidemenu__close:hover {
  background: #3a3a3a;
}
html[data-theme="dark"] .c-sidemenu__badge-dot::after {
  border-color: #1a1a1a;
}
html[data-theme="dark"] .c-popupmenu__container {
  background: #262626;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
}
html[data-theme="dark"] .c-popupmenu__item {
  color: #eaeaea;
}
html[data-theme="dark"] .c-popupmenu__item:hover {
  background: #2e2e2e;
}
html[data-theme="dark"] .c-popupmenu__icon {
  color: #eaeaea;
}
html[data-theme="dark"] .c-switch {
  background: #404040;
}
html[data-theme="dark"] .c-whisper {
  background: #1a1a1a;
  box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);
}
html[data-theme="dark"] .c-whisper__item {
  color: #eaeaea;
}
html[data-theme="dark"] .c-whisper__item:hover {
  background: #2e2e2e;
}
html[data-theme="dark"] .c-switch.is-on {
  background: #7e1fe0;
}
.playlist__label[data-v-30bc2820] {
  cursor: pointer;
  top: var(--scroller-inner-padding, 0);
  bottom: var(--scroller-inner-padding, 0);
  height: auto;
  min-height: 0;
  padding: 0;
  transform: none;
}
@media (min-width: 1040px) {.playlist__label[data-v-30bc2820] {
    display: none;
  }
.playlist.labeled[data-v-30bc2820] {
    --scroller-space--left: 12px;
  }}
@media (max-width: 480px) {.c-sidemenu__panel {
    width: 100%;
    max-width: none;
  }}
html[data-theme="dark"] .dropdown--lgbt img[alt="Select"],
html[data-theme="dark"] .picker {
  filter: brightness(0) invert(1);
}
@media (max-width: 599px) {.section__header[data-v-441ce819] {
    display: none;
  }}
.wall__promo {
  display: none;
}
@media (max-width: 599px) {.wall__promo {
    display: block;
    grid-column: 1 / -1;
  }}
@media (max-width: 599px) {.wall__promo .cls-prbn,
  .wall__promo .prbn--aside {
    max-width: none;
  }}
@media (max-width: 599px) {.wall__promo .cls-prbn {
    aspect-ratio: auto;
  }}
@media (max-width: 599px) {.wall__promo .swiper-slide {
    width: 100% !important;
  }
.wall__promo .prbn--aside {
    width: 100%;
  }}
@media (max-width: 599px) {.section--playlist[data-v-441ce819] {
    margin-bottom: 14px;
  }}
html[data-theme="dark"] .search-field__back {
  color: #eaeaea;
}
@media (max-width: 779px) {html[data-theme="dark"] .search-field.is-search-active .search-field__icon__holder::before,
  html[data-theme="dark"] .search-field.is-search-active .search-field__icon__holder::after {
    background: #eaeaea;
  }}
.dots-component--action-button .dots-menu {
  display: none;
}
.dots-component--action-button.is-open .dots-menu {
  display: block;
}
.dots-component--action-button.is-open {
  z-index: 50;
}
.feeditem[data-v-576535c4] {
  touch-action: pan-y;
}
.feeditem .data[data-v-576535c4],
.feeditem .media[data-v-576535c4] {
  transform: translateZ(0px);
}
.feeditem .data[data-v-576535c4],
.feeditem__cover-image[data-v-576535c4] {
  z-index: 1;
}
.feeditem__cover-image[data-v-576535c4],
.feeditem__photos[data-v-576535c4],
.feeditem__videoplayer[data-v-576535c4] {
  display: flex;
  height: 100dvh;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}
.feeditem__cover-image[data-v-576535c4] video,
.feeditem__cover-image img[data-v-576535c4],
.feeditem__photos[data-v-576535c4] video,
.feeditem__photos img[data-v-576535c4],
.feeditem__videoplayer[data-v-576535c4] video,
.feeditem__videoplayer img[data-v-576535c4] {
  height: auto;
  max-height: 100%;
  object-fit: cover;
  width: 100%;
}
.feeditem .data[data-v-576535c4] {
  bottom: 0px;
  left: 0px;
  position: absolute;
  top: 0px;
  transition: transform 0.5s, opacity 0.5s;
  width: 100%;
}
.feeditem .data.sliding[data-v-576535c4]> :not(.media) {
  opacity: 0.35;
}
.feeditem .data__base[data-v-576535c4] {
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: -1;
}
.feeditem .data__base[data-v-576535c4]::after {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
  inset: 50% 0px 0px;
  content: "";
  display: block;
  opacity: 0.5;
  position: absolute;
  transition: opacity 0.24s;
}
.feeditem .data__base.higher-shade[data-v-576535c4]::after {
  opacity: 1;
}
.feeditem__metadata[data-v-576535c4] {
  bottom: calc(var(--f-space-b) + 40px + env(safe-area-inset-bottom));
  color: rgb(255, 255, 255);
  display: flex;
  flex-flow: column;
  gap: 10px;
  left: calc(var(--f-space-l) + env(safe-area-inset-left));
  line-height: normal;
  position: absolute;
  right: calc(60px + var(--f-space-r) + env(safe-area-inset-right));
  text-align: left;
  text-shadow: rgba(0, 0, 0, 0.5) 0px 0.5px 0px;
  z-index: 1;
}
.feeditem__metadata.media-image[data-v-576535c4] {
  bottom: calc(var(--f-space-b) + env(safe-area-inset-bottom));
}
.feeditem__metadata .user[data-v-576535c4] {
  color: rgb(255, 255, 255);
  font-size: 15px;
  font-weight: 500;
}
.feeditem__metadata .post-data[data-v-576535c4] {
  align-items: flex-end;
  display: flex;
  font-size: 15px;
  line-height: 18px;
  word-break: break-word;
}
.feeditem__metadata .post-data__title[data-v-576535c4] {
  --clamp-rows: 2;
  font-weight: 400;
  max-height: 36px;
  transition: max-height 0.24s;
}
.feeditem__metadata .post-data__title[data-v-576535c4]:not(.line-clamp) {
  max-height: 108px;
  overflow: hidden auto;
}
.feeditem__metadata .post-data__title:not(.line-clamp) .tags[data-v-576535c4] {
  display: inline-block;
}
.feeditem__metadata .post-data h1[data-v-576535c4] {
  display: inline;
  font-size: 15px;
  font-weight: 400;
  word-break: break-word;
}
.feeditem__metadata .post-data__more[data-v-576535c4] {
  cursor: pointer;
  margin: -14px 0px -16px;
  padding: 14px 0px;
}
.feeditem__metadata .post-data__more>span[data-v-576535c4] {
  align-items: center;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  display: flex;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 600;
  height: 18px;
  justify-content: center;
  min-width: 34px;
  padding: 0px 6px;
  text-align: center;
  text-transform: capitalize;
  white-space: nowrap;
}
.feeditem__metadata .tag[data-v-576535c4] {
  align-items: center;
  color: rgb(255, 255, 255);
  font-weight: 500;
  word-break: break-word;
}
.feeditem__metadata .tag--performer[data-v-576535c4] {
  align-items: baseline;
  display: inline-flex;
  gap: 4px;
}
.feeditem__metadata .tag--performer>img[data-v-576535c4] {
  transform: translateY(1px);
}
.feeditem__metadata .tag[data-v-576535c4]:not(:last-child)::after {
  content: "  ";
}
.feeditem__metadata .tag[data-v-576535c4]:last-child {
  margin-right: 0px;
}
.feeditem__metadata .prbn-title[data-v-576535c4] {
  font-size: 15px;
  margin-bottom: 5px;
}
.feeditem__actions[data-v-576535c4] {
  align-items: center;
  bottom: calc(var(--f-space-b) + 40px + env(safe-area-inset-bottom));
  display: flex;
  flex-flow: column;
  position: absolute;
  right: calc(var(--f-space-r) + env(safe-area-inset-right));
  z-index: 3;
}
.feeditem__actions.media-image[data-v-576535c4] {
  bottom: calc(var(--f-space-b) + env(safe-area-inset-bottom));
}
.feeditem__action[data-v-576535c4] {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 10px 0px;
  position: relative;
  width: 50px;
}
.feeditem__action__icon[data-v-576535c4] {
  height: 36px;
  width: 36px;
}
.feeditem__action__icon img[data-v-576535c4] {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.feeditem__action[data-v-576535c4]:last-child {
  margin-bottom: -10px;
}
.feeditem__action .like-animation__layer-1>svg[data-v-576535c4],
.feeditem__action>img[data-v-576535c4] {
  filter: drop-shadow(rgba(0, 0, 0, 0.2) 1px 1px 6px);
}
.feeditem__action .label[data-v-576535c4] {
  color: rgb(255, 255, 255);
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.5) 0px 0.5px 0px;
  white-space: nowrap;
}
.feeditem__action--avatar .avatar[data-v-576535c4] {
  border-color: rgb(255, 255, 255);
}
.feeditem__action--avatar .add-button[data-v-576535c4] {
  height: 20px;
  margin-top: -10px;
  position: relative;
  width: 20px;
}
.feeditem__action--avatar .add-button>img[data-v-576535c4] {
  height: 100%;
  width: 100%;
}
.feeditem__action--like .like-animation[data-v-576535c4] {
  position: relative;
  scale: 1.06;
}
.feeditem__action--like .like-animation>svg[data-v-576535c4] {
  display: flex;
}
.feeditem__action--like .like-animation .placeholder[data-v-576535c4] {
  opacity: 0;
}
.feeditem__action--like .like-animation__layer[data-v-576535c4] {
  display: flex;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center center;
}
.feeditem__action--like .like-animation__layer-0[data-v-576535c4] {
  opacity: 0;
}
.feeditem__action--like .like-animation__layer-1[data-v-576535c4] {
  filter: drop-shadow(rgba(0, 0, 0, 0.2) 1px 1px 2px);
}
.feeditem__action--like.active path[data-layer="main"][data-v-576535c4] {
  fill: rgb(252, 44, 85);
}
.feeditem__action--like.active path[data-layer="secondary"][data-v-576535c4] {
  fill: rgb(214, 0, 33);
}
.feeditem__action--like.animate .like-animation__layer-0[data-v-576535c4] {
  animation: 1s ease 0s 1 normal none running like-l0-576535c4;
}
.feeditem__action--like.animate .like-animation__layer-1[data-v-576535c4] {
  animation: 1s ease 0s 1 normal none running like-l1-576535c4;
}
.feeditem__controls__sound.visible[data-v-576535c4],
.feeditem__controls__timeleft.visible[data-v-576535c4] {
  opacity: 1;
  pointer-events: auto;
}
.feeditem__controls__sound .sound-control__part[data-v-576535c4] {
  left: 28px;
  position: absolute;
}
.feeditem__controls__seeking-time[data-v-576535c4],
.feeditem__controls__seeking-time .row[data-v-576535c4] {
  align-items: center;
  display: flex;
  justify-content: center;
}
.see-more__button[data-v-576535c4] {
  align-items: center;
  background: rgb(126, 31, 224);
  border-radius: 6px;
  color: rgb(255, 255, 255);
  cursor: pointer;
  display: flex;
  font-size: 15px;
  font-weight: 700;
  height: 40px;
  justify-content: center;
  max-height: 40px;
  min-width: 200px;
  opacity: 1;
  text-align: center;
}
.see-more__button[data-v-576535c4]:active {
  background: rgb(76, 19, 134);
}
.see-more__button span[data-v-576535c4] {
  animation: 2s ease 0s infinite normal none running pulse;
  display: inline-block;
  white-space: nowrap;
}
.see-more-enter-active[data-v-576535c4] {
  transition: opacity 0.5s 0.3s, max-height 0.3s;
}
.see-more-leave-active[data-v-576535c4] {
  transition-duration: 0s;
}
.see-more-enter[data-v-576535c4] {
  max-height: 0px;
  opacity: 0;
}
.loading-bar-enter-active[data-v-576535c4],
.loading-bar-leave-active[data-v-576535c4] {
  transition: opacity 0.3s 0.2s;
}
.loading-bar-enter-from[data-v-576535c4],
.loading-bar-leave-to[data-v-576535c4] {
  opacity: 0;
}
.background-image[data-v-576535c4] {
  --blur-amount: 25px;
  filter: blur(var(--blur-amount));
  height: calc(100% + var(--blur-amount)*2);
  left: calc(var(--blur-amount)*-1);
  pointer-events: none;
  position: absolute;
  top: calc(var(--blur-amount)*-1);
  width: calc(100% + var(--blur-amount)*2);
  z-index: -1;
}
.ambient-canvas[data-v-576535c4],
.prbn-background[data-v-576535c4] {
  height: 100%;
  width: 100%;
}
@media screen and (orientation: landscape) {.feeditem__cover-image[data-v-576535c4],
  .feeditem__photos[data-v-576535c4],
  .feeditem__videoplayer[data-v-576535c4] {
    justify-content: center;
  }
.feeditem__cover-image[data-v-576535c4] video,
  .feeditem__cover-image img[data-v-576535c4],
  .feeditem__photos[data-v-576535c4] video,
  .feeditem__photos img[data-v-576535c4],
  .feeditem__videoplayer[data-v-576535c4] video,
  .feeditem__videoplayer img[data-v-576535c4] {
    height: 100%;
    max-width: 100%;
    object-fit: contain;
    width: auto;
  }
.feeditem__metadata[data-v-576535c4] {
    max-width: calc(-13px + 30vw);
    right: unset;
  }
.feeditem__actions[data-v-576535c4] {
    flex-direction: row-reverse;
    gap: 10px;
  }
.feeditem__action[data-v-576535c4] {
    height: 60px;
    justify-content: center;
    padding: 0px 10px;
    width: 30px;
  }
.feeditem__action.feeditem__action--avatar[data-v-576535c4] {
    padding-right: 0px;
    width: 50px;
  }
.feeditem__action[data-v-576535c4]:last-child {
    margin-bottom: 0px;
  }}
.feeditem__actions[data-v-576535c4],
.feeditem__metadata[data-v-576535c4] {
  display: none;
}
@media (max-width: 1039px) {.feeditem__actions[data-v-576535c4] {
    display: flex;
  }
.feeditem__metadata[data-v-576535c4] {
    display: flex;
  }
.l-feed .arrows[data-v-2eae928e] {
    display: none;
  }}
.feed__button.feed__button--search {
  position: absolute;
  top: 22px;
  right: 20px;
  z-index: 4;
  width: 44px;
  height: 44px;
  display: none;
  align-items: center;
  justify-content: center;
  border: none;
  background: none;
  cursor: pointer;
}
.feed__button--search svg {
  width: 26px;
  height: 26px;
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.5));
}
@media (max-width: 1039px) {.feed__button.feed__button--search {
    display: flex;
  }}
.c-search-overlay {
  position: fixed;
  inset: 0;
  z-index: 300;
  background: #fff;
  display: none;
  flex-direction: column;
}
.c-search-overlay.is-open {
  display: flex;
}
.c-search-overlay__bar {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 12px;
  border-bottom: 1px solid #eee;
  flex-shrink: 0;
}
.c-search-overlay__back {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: none;
  cursor: pointer;
  color: #191919;
}
.c-search-overlay__back svg {
  width: 22px;
  height: 22px;
}
.c-search-overlay__field {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  background: #f1f1f2;
  border-radius: 999px;
  padding: 0 14px;
  height: 44px;
}
.c-search-overlay__input {
  flex: 1;
  min-width: 0;
  border: none;
  background: none;
  outline: none;
  font-size: 16px;
  color: #191919;
}
.c-search-overlay__clear {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  border: none;
  background: none;
  cursor: pointer;
  color: #8b8b8b;
}
.c-search-overlay__clear svg {
  width: 18px;
  height: 18px;
}
.c-search-overlay__body {
  flex: 1;
  overflow-y: auto;
  padding: 10px 8px;
}
html[data-theme="dark"] .c-search-overlay {
  background: #121212;
}
html[data-theme="dark"] .c-search-overlay__bar {
  border-color: #2e2e2e;
}
html[data-theme="dark"] .c-search-overlay__back {
  color: #eaeaea;
}
html[data-theme="dark"] .c-search-overlay__field {
  background: #2e2e2e;
}
html[data-theme="dark"] .c-search-overlay__input {
  color: #eaeaea;
}
.feeditem__action__icon[data-v-576535c4] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.feeditem__action__icon img[data-v-576535c4] {
  width: 34px;
  height: 34px;
  object-fit: contain;
}
.feed__fs-close {
  display: none;
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 20;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.55);
  cursor: pointer;
}
.feed__fs-close svg {
  width: 22px;
  height: 22px;
}
.l-feed__main:fullscreen {
  background: #000;
}
.l-feed__main:-webkit-full-screen {
  background: #000;
}
.l-feed__main:fullscreen .feed__fs-close {
  display: flex;
}
.l-feed__main:-webkit-full-screen .feed__fs-close {
  display: flex;
}
.l-feed__main:fullscreen .feeditem__actions,
.l-feed__main:fullscreen .feeditem__metadata,
.l-feed__main:fullscreen .videoplayer__controls,
.l-feed__main:fullscreen .feed__button--close,
.l-feed__main:fullscreen .feed__button--search,
.l-feed__main:fullscreen .arrows {
  display: none !important;
}
.l-feed__main:-webkit-full-screen .feeditem__actions,
.l-feed__main:-webkit-full-screen .feeditem__metadata,
.l-feed__main:-webkit-full-screen .videoplayer__controls,
.l-feed__main:-webkit-full-screen .feed__button--close,
.l-feed__main:-webkit-full-screen .feed__button--search,
.l-feed__main:-webkit-full-screen .arrows {
  display: none !important;
}
.video-attributes-group--b[data-v-cdcab0e6] {
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.85));
  padding-top: 36px;
  opacity: 0;
  transform: translateY(100%);
  transition: opacity 0.28s ease-out, transform 0.28s ease-out;
}
@media (hover: hover) and (min-width: 1040px) {.wall__item:hover .video-attributes-group--b[data-v-cdcab0e6] {
    opacity: 1;
    transform: translateY(0);
  }}
.video-attributes-group--a[data-v-cdcab0e6] {
  transition: opacity 0.28s ease-out;
}
@media (hover: hover) and (min-width: 1040px) {.wall__item:hover .video-attributes-group--a[data-v-cdcab0e6] {
    opacity: 0;
  }}
.wall--get-size {
  display: none;
}
.title[data-v-55b80102] {
  display: block;
  overflow: hidden;
}
.title[data-v-55b80102] .user-caption__main[data-v-491b9cf1] {
  min-width: 0;
}
.column[data-v-55b80102] {
  min-width: 0;
}
.row.gap--16[data-v-55b80102] {
  min-width: 0;
}