[data-v-2696a7fc]:root{--color-primary:#ff5777;--color-secondary:#898b90;--color-white:#000;--color-black:#fff;--color-title-primary:#000;--color-title-secondary:#000;--color-white-actual:#fff;--color-black-actual:#000;--background-color-primary:#fff;--background-color-secondary:#fafafb;--background-color-tertiary:#fff;--background-color-card:#fafafb;--border-color-base:#e5e5e8;--border-width-base:1px;--border-style-base:solid;--border-base:var(--border-width-base) var(--border-style-base) var(--border-color-base);--color-text-primary:#9d9ca1;--color-text-secondary:#666;--color-text-tertiary:var(--color-white);--color-text-quaternary:var(--color-primary);--menuBg:#fafafb;--menuHover:#e5e5e8;--menuSelected:#e5e5e8;--sub-color-tertiary:#fafafb;--queryPanelBg:#fff;--border-query-selected-color:#1253fe;--border-color-Selected:#a0cfff;--border-color-query:#e5e5e8;--volume-progress:#62656d;--scroll-bar-color:#bfbfbf;--ui-background:#fff;--ui-background-transparent:hsla(0,0%,100%,0);--row-gradient-overlay-background-normal:linear-gradient(270deg,var(--ui-background),var(--ui-background-transparent));--ui-01:#fafafb;--ui-01-transparent:rgba(250,250,251,0);--text-01:#121214;--text-02:#63656d;--hover-ui:#e5e5e8;--ui-03:#e5e5e8;--ui-04:#c8c9cc;--support-background-info:#edf9ff;--row-background-hover:var(--ui-01);--row-gradient-overlay-background-hover:linear-gradient(270deg,var(--ui-01),var(--ui-01-transparent));--row-background-focused:var(--support-background-info);--row-gradient-overlay-background-focused:linear-gradient(270deg,var(--support-background-info),var(--support-background-info-transparent));--row-background-error:var(--support-background-error);--row-gradient-overlay-background-error:linear-gradient(270deg,var(--support-background-error),var(--support-background-error-transparent));--field-01:#fff;--field-02:#e5e5e8;--support-background-error-transparent:rgba(255,240,240,0);--support-background-error:#fff0f0;--support-background-info-transparent:rgba(237,249,255,0);--support-background-success:#eeffe0;--support-background-tip:#f7edff;--support-background-warning:#fffcde;--support-content-error:#e81d01;--default-hover:#e5e5e8;--color-success:#1dca65}[data-theme=dark][data-v-2696a7fc],[data-v-2696a7fc]:root{--tt-progress-color:#1253fe;--menuText:#b0b1b5;--menuActiveText:#5467b6;--subMenuActiveText:#f4f4f5;--sub-color-primary:#03f;--sub-color-secondary:#202324;--selectBg:#03f;--selectMenuBg:#26292b;--querySelectedBg:#1253fe;--queryPanelCloseHoverBg:#03f;--sideBarWidth:210px;--sideBarDuration:0.28s;--text-04:#fff;--default-border:#c8c9cc;--focus:#bee1ff;--primary:#03f;--selected-border-color:transparent;--primary-hover:#0029cc;--disabled-01:#e5e5e8;--disabled-02:#81838a;--text-disabled:#a6a8ad}[data-theme=dark][data-v-2696a7fc]{--color-primary:#ff5777;--color-secondary:#898b90;--color-white:#fff;--color-black:#000;--color-title-primary:#fff;--color-title-secondary:#ccc;--color-white-actual:#fff;--color-black-actual:#000;--background-color-primary:#101013;--background-color-secondary:#292430;--background-color-tertiary:#100f13;--background-color-card:#232426;--border-color-base:#2d2c2f;--border-width-base:1px;--border-style-base:solid;--border-base:var(--border-width-base) var(--border-style-base) var(--border-color-base);--color-text-primary:#9d9ca1;--color-text-secondary:#666;--color-text-tertiary:var(--color-white);--color-text-quaternary:var(--color-primary);--menuBg:#26292b;--menuHover:#45464d;--menuSelected:#55565c;--sub-color-tertiary:#000a33;--queryPanelBg:#2f3236;--border-query-selected-color:#1253fe;--border-color-Selected:#a0cfff;--border-color-query:#45464d;--volume-progress:#fff;--scroll-bar-color:#555;--ui-05:#121214;--ui-background-transparent:hsla(0,0%,100%,0);--row-gradient-overlay-background-normal:linear-gradient(270deg,var(--ui-05),var(--ui-background-transparent));--ui-01-transparent:rgba(250,250,251,0);--ui-01:#202324;--text-01:#fff;--text-02:#fff;--hover-ui:#46464e;--ui-03:#202324;--ui-04:#46464e;--ui-background:#101013;--support-background-info:#000a33;--row-background-hover:var(--ui-01);--row-gradient-overlay-background-hover:linear-gradient(270deg,var(--ui-01),var(--ui-01-transparent));--row-background-focused:var(--support-background-info);--row-gradient-overlay-background-focused:linear-gradient(270deg,var(--support-background-info),var(--support-background-info-transparent));--row-background-error:var(--support-background-error);--row-gradient-overlay-background-error:linear-gradient(270deg,var(--support-background-error),var(--support-background-error-transparent));--field-01:#303236;--field-02:#44464d;--support-background-error-transparent:rgba(255,240,240,0);--support-background-error:#fff0f0;--support-background-info-transparent:rgba(237,249,255,0);--support-background-success:#eeffe0;--support-background-tip:#f7edff;--support-background-warning:#fffcde;--support-content-error:#e81d01;--default-hover:#46464e;--color-success:#1dca65}.packs-container[data-v-2696a7fc]{min-height:12rem;padding-top:.7rem}.packs-container .pack-res-asset[data-v-2696a7fc]{max-height:calc(100vh - 302px);overflow-y:auto}.packs-container .pack-res-asset .hovered[data-v-2696a7fc]{background:var(--background-color-secondary)}.packs-container .pack-res-asset .currentPlay[data-v-2696a7fc]{background:var(--sub-color-tertiary)!important}.packs-container .pack-res-asset .packs-card-container[data-v-2696a7fc]{display:flex;flex-wrap:wrap}.packs-container .pack-res-asset .packs-card-container .custom-card[data-v-2696a7fc]{width:11rem;height:16.3rem;display:flex;margin-right:.5rem;margin-top:1rem;border-radius:10px;background:var(--background-color-card);color:var(--color-white);border:var(--border-base)}.packs-container .pack-res-asset .packs-card-container .custom-card[data-v-2696a7fc] .el-card__body{display:flex;flex-direction:column;padding:.8rem}.packs-container .pack-res-asset .packs-card-container .custom-card .pack-content[data-v-2696a7fc]{display:flex;flex-direction:column;margin-top:.5rem}.packs-container .pack-res-asset .packs-card-container .custom-card .pack-icon[data-v-2696a7fc]{display:flex;width:100%}.packs-container .pack-res-asset .pagination[data-v-2696a7fc]{display:flex;justify-content:center}.packs-container .pack-res-asset .pagination[data-v-2696a7fc] button{background:var(--background-color-primary)!important}.packs-container .pack-res-asset .pagination[data-v-2696a7fc] li{background:var(--background-color-primary)!important;color:#fff}.packs-container .pack-res-asset .pagination .example-demonstration[data-v-2696a7fc]{margin-bottom:16px}@media screen and (max-width:768px){.custom-card[data-v-2696a7fc]{width:10rem!important}}[data-v-25193d47]:root{--color-primary:#ff5777;--color-secondary:#898b90;--color-white:#000;--color-black:#fff;--color-title-primary:#000;--color-title-secondary:#000;--color-white-actual:#fff;--color-black-actual:#000;--background-color-primary:#fff;--background-color-secondary:#fafafb;--background-color-tertiary:#fff;--background-color-card:#fafafb;--border-color-base:#e5e5e8;--border-width-base:1px;--border-style-base:solid;--border-base:var(--border-width-base) var(--border-style-base) var(--border-color-base);--color-text-primary:#9d9ca1;--color-text-secondary:#666;--color-text-tertiary:var(--color-white);--color-text-quaternary:var(--color-primary);--menuBg:#fafafb;--menuHover:#e5e5e8;--menuSelected:#e5e5e8;--sub-color-tertiary:#fafafb;--queryPanelBg:#fff;--border-query-selected-color:#1253fe;--border-color-Selected:#a0cfff;--border-color-query:#e5e5e8;--volume-progress:#62656d;--scroll-bar-color:#bfbfbf;--ui-background:#fff;--ui-background-transparent:hsla(0,0%,100%,0);--row-gradient-overlay-background-normal:linear-gradient(270deg,var(--ui-background),var(--ui-background-transparent));--ui-01:#fafafb;--ui-01-transparent:rgba(250,250,251,0);--text-01:#121214;--text-02:#63656d;--hover-ui:#e5e5e8;--ui-03:#e5e5e8;--ui-04:#c8c9cc;--support-background-info:#edf9ff;--row-background-hover:var(--ui-01);--row-gradient-overlay-background-hover:linear-gradient(270deg,var(--ui-01),var(--ui-01-transparent));--row-background-focused:var(--support-background-info);--row-gradient-overlay-background-focused:linear-gradient(270deg,var(--support-background-info),var(--support-background-info-transparent));--row-background-error:var(--support-background-error);--row-gradient-overlay-background-error:linear-gradient(270deg,var(--support-background-error),var(--support-background-error-transparent));--field-01:#fff;--field-02:#e5e5e8;--support-background-error-transparent:rgba(255,240,240,0);--support-background-error:#fff0f0;--support-background-info-transparent:rgba(237,249,255,0);--support-background-success:#eeffe0;--support-background-tip:#f7edff;--support-background-warning:#fffcde;--support-content-error:#e81d01;--default-hover:#e5e5e8;--color-success:#1dca65}[data-theme=dark][data-v-25193d47],[data-v-25193d47]:root{--tt-progress-color:#1253fe;--menuText:#b0b1b5;--menuActiveText:#5467b6;--subMenuActiveText:#f4f4f5;--sub-color-primary:#03f;--sub-color-secondary:#202324;--selectBg:#03f;--selectMenuBg:#26292b;--querySelectedBg:#1253fe;--queryPanelCloseHoverBg:#03f;--sideBarWidth:210px;--sideBarDuration:0.28s;--text-04:#fff;--default-border:#c8c9cc;--focus:#bee1ff;--primary:#03f;--selected-border-color:transparent;--primary-hover:#0029cc;--disabled-01:#e5e5e8;--disabled-02:#81838a;--text-disabled:#a6a8ad}[data-theme=dark][data-v-25193d47]{--color-primary:#ff5777;--color-secondary:#898b90;--color-white:#fff;--color-black:#000;--color-title-primary:#fff;--color-title-secondary:#ccc;--color-white-actual:#fff;--color-black-actual:#000;--background-color-primary:#101013;--background-color-secondary:#292430;--background-color-tertiary:#100f13;--background-color-card:#232426;--border-color-base:#2d2c2f;--border-width-base:1px;--border-style-base:solid;--border-base:var(--border-width-base) var(--border-style-base) var(--border-color-base);--color-text-primary:#9d9ca1;--color-text-secondary:#666;--color-text-tertiary:var(--color-white);--color-text-quaternary:var(--color-primary);--menuBg:#26292b;--menuHover:#45464d;--menuSelected:#55565c;--sub-color-tertiary:#000a33;--queryPanelBg:#2f3236;--border-query-selected-color:#1253fe;--border-color-Selected:#a0cfff;--border-color-query:#45464d;--volume-progress:#fff;--scroll-bar-color:#555;--ui-05:#121214;--ui-background-transparent:hsla(0,0%,100%,0);--row-gradient-overlay-background-normal:linear-gradient(270deg,var(--ui-05),var(--ui-background-transparent));--ui-01-transparent:rgba(250,250,251,0);--ui-01:#202324;--text-01:#fff;--text-02:#fff;--hover-ui:#46464e;--ui-03:#202324;--ui-04:#46464e;--ui-background:#101013;--support-background-info:#000a33;--row-background-hover:var(--ui-01);--row-gradient-overlay-background-hover:linear-gradient(270deg,var(--ui-01),var(--ui-01-transparent));--row-background-focused:var(--support-background-info);--row-gradient-overlay-background-focused:linear-gradient(270deg,var(--support-background-info),var(--support-background-info-transparent));--row-background-error:var(--support-background-error);--row-gradient-overlay-background-error:linear-gradient(270deg,var(--support-background-error),var(--support-background-error-transparent));--field-01:#303236;--field-02:#44464d;--support-background-error-transparent:rgba(255,240,240,0);--support-background-error:#fff0f0;--support-background-info-transparent:rgba(237,249,255,0);--support-background-success:#eeffe0;--support-background-tip:#f7edff;--support-background-warning:#fffcde;--support-content-error:#e81d01;--default-hover:#46464e;--color-success:#1dca65}.tabs[data-v-25193d47]{display:flex;justify-content:flex-start;gap:20px;font-size:16px;border-bottom:var(--border-base);margin:0 0 1.25rem}.tab[data-v-25193d47]{padding:10px;cursor:pointer;position:relative;transition:color .3s ease}.tab.selected[data-v-25193d47],.tab[data-v-25193d47]:hover{color:#007bff}.tab.selected[data-v-25193d47]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#007bff}[data-v-21d8fd72]:root{--color-primary:#ff5777;--color-secondary:#898b90;--color-white:#000;--color-black:#fff;--color-title-primary:#000;--color-title-secondary:#000;--color-white-actual:#fff;--color-black-actual:#000;--background-color-primary:#fff;--background-color-secondary:#fafafb;--background-color-tertiary:#fff;--background-color-card:#fafafb;--border-color-base:#e5e5e8;--border-width-base:1px;--border-style-base:solid;--border-base:var(--border-width-base) var(--border-style-base) var(--border-color-base);--color-text-primary:#9d9ca1;--color-text-secondary:#666;--color-text-tertiary:var(--color-white);--color-text-quaternary:var(--color-primary);--menuBg:#fafafb;--menuHover:#e5e5e8;--menuSelected:#e5e5e8;--sub-color-tertiary:#fafafb;--queryPanelBg:#fff;--border-query-selected-color:#1253fe;--border-color-Selected:#a0cfff;--border-color-query:#e5e5e8;--volume-progress:#62656d;--scroll-bar-color:#bfbfbf;--ui-background:#fff;--ui-background-transparent:hsla(0,0%,100%,0);--row-gradient-overlay-background-normal:linear-gradient(270deg,var(--ui-background),var(--ui-background-transparent));--ui-01:#fafafb;--ui-01-transparent:rgba(250,250,251,0);--text-01:#121214;--text-02:#63656d;--hover-ui:#e5e5e8;--ui-03:#e5e5e8;--ui-04:#c8c9cc;--support-background-info:#edf9ff;--row-background-hover:var(--ui-01);--row-gradient-overlay-background-hover:linear-gradient(270deg,var(--ui-01),var(--ui-01-transparent));--row-background-focused:var(--support-background-info);--row-gradient-overlay-background-focused:linear-gradient(270deg,var(--support-background-info),var(--support-background-info-transparent));--row-background-error:var(--support-background-error);--row-gradient-overlay-background-error:linear-gradient(270deg,var(--support-background-error),var(--support-background-error-transparent));--field-01:#fff;--field-02:#e5e5e8;--support-background-error-transparent:rgba(255,240,240,0);--support-background-error:#fff0f0;--support-background-info-transparent:rgba(237,249,255,0);--support-background-success:#eeffe0;--support-background-tip:#f7edff;--support-background-warning:#fffcde;--support-content-error:#e81d01;--default-hover:#e5e5e8;--color-success:#1dca65}[data-theme=dark][data-v-21d8fd72],[data-v-21d8fd72]:root{--tt-progress-color:#1253fe;--menuText:#b0b1b5;--menuActiveText:#5467b6;--subMenuActiveText:#f4f4f5;--sub-color-primary:#03f;--sub-color-secondary:#202324;--selectBg:#03f;--selectMenuBg:#26292b;--querySelectedBg:#1253fe;--queryPanelCloseHoverBg:#03f;--sideBarWidth:210px;--sideBarDuration:0.28s;--text-04:#fff;--default-border:#c8c9cc;--focus:#bee1ff;--primary:#03f;--selected-border-color:transparent;--primary-hover:#0029cc;--disabled-01:#e5e5e8;--disabled-02:#81838a;--text-disabled:#a6a8ad}[data-theme=dark][data-v-21d8fd72]{--color-primary:#ff5777;--color-secondary:#898b90;--color-white:#fff;--color-black:#000;--color-title-primary:#fff;--color-title-secondary:#ccc;--color-white-actual:#fff;--color-black-actual:#000;--background-color-primary:#101013;--background-color-secondary:#292430;--background-color-tertiary:#100f13;--background-color-card:#232426;--border-color-base:#2d2c2f;--border-width-base:1px;--border-style-base:solid;--border-base:var(--border-width-base) var(--border-style-base) var(--border-color-base);--color-text-primary:#9d9ca1;--color-text-secondary:#666;--color-text-tertiary:var(--color-white);--color-text-quaternary:var(--color-primary);--menuBg:#26292b;--menuHover:#45464d;--menuSelected:#55565c;--sub-color-tertiary:#000a33;--queryPanelBg:#2f3236;--border-query-selected-color:#1253fe;--border-color-Selected:#a0cfff;--border-color-query:#45464d;--volume-progress:#fff;--scroll-bar-color:#555;--ui-05:#121214;--ui-background-transparent:hsla(0,0%,100%,0);--row-gradient-overlay-background-normal:linear-gradient(270deg,var(--ui-05),var(--ui-background-transparent));--ui-01-transparent:rgba(250,250,251,0);--ui-01:#202324;--text-01:#fff;--text-02:#fff;--hover-ui:#46464e;--ui-03:#202324;--ui-04:#46464e;--ui-background:#101013;--support-background-info:#000a33;--row-background-hover:var(--ui-01);--row-gradient-overlay-background-hover:linear-gradient(270deg,var(--ui-01),var(--ui-01-transparent));--row-background-focused:var(--support-background-info);--row-gradient-overlay-background-focused:linear-gradient(270deg,var(--support-background-info),var(--support-background-info-transparent));--row-background-error:var(--support-background-error);--row-gradient-overlay-background-error:linear-gradient(270deg,var(--support-background-error),var(--support-background-error-transparent));--field-01:#303236;--field-02:#44464d;--support-background-error-transparent:rgba(255,240,240,0);--support-background-error:#fff0f0;--support-background-info-transparent:rgba(237,249,255,0);--support-background-success:#eeffe0;--support-background-tip:#f7edff;--support-background-warning:#fffcde;--support-content-error:#e81d01;--default-hover:#46464e;--color-success:#1dca65}.likes-cla[data-v-21d8fd72]{max-height:calc(100vh - 102px)}.pack-info[data-v-21d8fd72]{display:flex;flex-direction:row}.pack-info .pack-icon[data-v-21d8fd72]{background-color:var(--ui-03);border-radius:4px;height:210px;width:210px;margin-right:2rem}.pack-info .pack-info-content[data-v-21d8fd72]{display:flex;flex-direction:column}.pack-info .pack-info-content .title2[data-v-21d8fd72]{color:var(--color-white);font-size:2rem}.pack-info .pack-info-btn[data-v-21d8fd72]{margin-top:auto}.pack-info .pack-info-btn .get-pack[data-v-21d8fd72]{width:10rem;background:var(--querySelectedBg);border:var(--border-query-selected-color);color:var(--color-white);border-radius:5px;margin:0 .5rem 0 0}.pack-info .pack-info-btn .get-pack[data-v-21d8fd72]:hover{background:var(--queryPanelCloseHoverBg)}.pack-info .pack-info-btn .preview[data-v-21d8fd72]{width:10rem;background:var(--background-color-primary);border:var(--border-base);color:var(--color-white);border-radius:5px;margin:0 .5rem 0 0}.pack-info .pack-info-btn .preview[data-v-21d8fd72]:hover{background:var(--menuHover)}.divider[data-v-21d8fd72]{display:flex;margin-top:2rem;margin-bottom:1rem;border-top:var(--border-base)}.pack-desc[data-v-21d8fd72]{max-width:40rem;margin-bottom:2rem}.content[data-v-21d8fd72]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.truncate[data-v-21d8fd72]{max-width:100%}.expand-btn[data-v-21d8fd72]{cursor:pointer;color:#00f}