* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
body,
html {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #050205;
  font-family:
    PingFang SC,
    -apple-system,
    Helvetica Neue,
    Helvetica,
    BlinkMacSystemFont;
  color: #f6f5f4;
  font-size: 14px;
}
pre {
  font-family:
    PingFang SC,
    -apple-system,
    Helvetica Neue,
    Helvetica;
}
:root {
  --primary-hue: 214deg;
  --secondary-hue: calc(var(--primary-hue) + 8deg);
  --icon-color: hsl(var(--primary-hue), 50%, 96%);
  --icon-color-hover: hsl(var(--primary-hue), 60%, 80%);
  --icon-color-active: hsl(var(--primary-hue), 100%, 80%);
  --title-gradient-start: hsl(var(--primary-hue), 50%, 85%);
  --title-gradient-end: hsl(var(--secondary-hue), 15%, 89%);
  --subtitle-color: hsl(var(--primary-hue), 100%, 92%, 0.6);
  --hint-main-color: hsl(var(--primary-hue), 0%, 89%);
  --hint-sub-color: hsl(var(--primary-hue), 0%, 85%);
  --button-border-color: hsl(var(--primary-hue), 91%, 65%, 0.3);
  --button-border-hover: hsl(var(--primary-hue), 97%, 77%);
  --button-glow-color: hsl(var(--primary-hue), 91, 65, 0.4);
  --button-shine-color: hsl(var(--primary-hue), 91%, 65%, 0.1);
  --button-text-color: hsl(var(--secondary-hue), 100%, 96%);
  --loader-color: hsl(var(--primary-hue), 100%, 85%);
  --text-color: #f6f5f4;
}
::-webkit-scrollbar {
  width: 0px;
}
#root {
  width: 100%;
  height: 100%;
}
.art-font {
  font-family: Georgia, serif;
}
.icon-btn {
  display: block;
  width: var(--icon-size, 1em);
  height: var(--icon-size, 1em);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: currentColor;
  cursor: pointer;
  transition: all 0.2s ease;
  color: var(--icon-color);
  opacity: 0.8;
}
@media (hover: hover) {
  .icon-btn:hover {
    transform: scale(1.05);
    color: var(--icon-color-hover);
  }
}
.icon-btn.active {
  color: var(--icon-color-active);
}
.icon-btn.icon-btn-gesture-on {
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='89'%20height='89'%20viewBox='0%200%2089%2089'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2005_4)'%3e%3cpath%20d='M85.5739%2058.1906C87.465%2058.1906%2088.9965%2059.7202%2088.9965%2061.6133V78.7265C88.9936%2081.4493%2087.9106%2084.0598%2085.9853%2085.9851C84.06%2087.9104%2081.4495%2088.9933%2078.7267%2088.9963H58.1908C57.7412%2088.9968%2057.2959%2088.9086%2056.8804%2088.7367C56.4649%2088.5649%2056.0874%2088.3128%2055.7695%2087.9949C55.4516%2087.677%2055.1995%2087.2994%2055.0277%2086.884C54.8558%2086.4685%2054.7676%2086.0232%2054.7681%2085.5736C54.7681%2083.6806%2056.2978%2082.1509%2058.1908%2082.1509H78.7249C80.616%2082.1509%2082.1493%2080.6177%2082.1493%2078.7283V61.6115C82.1493%2059.7184%2083.679%2058.1888%2085.572%2058.1888L85.5739%2058.1906ZM3.42287%2058.1906C5.31404%2058.1906%206.84555%2059.7202%206.84555%2061.6133V78.7265C6.84555%2080.6177%208.38436%2082.1509%2010.27%2082.1509H27.3833C28.2911%2082.1509%2029.1617%2082.5115%2029.8035%2083.1534C30.4454%2083.7953%2030.806%2084.6658%2030.806%2085.5736C30.806%2086.4813%2030.4454%2087.3519%2029.8035%2087.9938C29.1617%2088.6357%2028.2911%2088.9963%2027.3833%2088.9963H10.2719C7.54905%2088.9938%204.93839%2087.9114%203.01272%2085.9864C1.08704%2084.0614%200.00362704%2081.4511%200.000198364%2078.7283V61.6115C0.000198364%2059.7184%201.53354%2058.1888%203.42287%2058.1888V58.1906ZM27.3851%200C28.2735%200.0290172%2029.1158%200.402333%2029.734%201.04104C30.3522%201.67975%2030.6978%202.5338%2030.6978%203.42268C30.6978%204.31155%2030.3522%205.1656%2029.734%205.80431C29.1158%206.44302%2028.2735%206.81633%2027.3851%206.84535H10.2719C9.36345%206.84632%208.4925%207.20761%207.85013%207.84996C7.20777%208.49231%206.84645%209.36325%206.84546%2010.2717V27.3849C6.81611%2028.273%206.44265%2029.115%205.80399%2029.7329C5.16533%2030.3508%204.31148%2030.6963%203.42283%2030.6963C2.53418%2030.6963%201.68033%2030.3508%201.04167%2029.7329C0.403008%2029.115%200.0295513%2028.273%200.000198364%2027.3849V10.2717C0.00263622%207.54884%201.08511%204.93817%203.01011%203.01249C4.9351%201.08681%207.54539%200.00340568%2010.2682%200L27.3833%200H27.3851ZM78.7285%200C81.4507%200.00340385%2084.0605%201.0863%2085.9854%203.0112C87.9102%204.93609%2088.9931%207.54582%2088.9965%2010.268V27.3831C88.9965%2028.2908%2088.6359%2029.1614%2087.9941%2029.8033C87.3522%2030.4451%2086.4816%2030.8057%2085.5739%2030.8057C84.6661%2030.8057%2083.7955%2030.4451%2083.1537%2029.8033C82.5118%2029.1614%2082.1512%2028.2908%2082.1512%2027.3831V10.2717C82.1507%209.36391%2081.79%208.49343%2081.1483%207.85137C80.5066%207.20931%2079.6363%206.84814%2078.7285%206.84718H58.1907C57.283%206.84718%2056.4124%206.48657%2055.7705%205.8447C55.1287%205.20282%2054.768%204.33225%2054.768%203.4245C54.768%202.51675%2055.1287%201.64618%2055.7705%201.0043C56.4124%200.362427%2057.283%200.0018252%2058.1907%200.0018252H78.7249L78.7285%200Z'%20fill='%23121212'/%3e%3cpath%20d='M62.5523%2028.7685V55.0576C62.5523%2066.4793%2054.4673%2071.7378%2045.8497%2071.7378H44.2135C33.6997%2071.7378%2030.7224%2065.0708%2029.0637%2062.7801C29.0637%2062.7801%2020.613%2050.1874%2019.2302%2047.7266C16.8079%2043.4242%2020.4172%2040.7132%2023.6127%2042.9686C24.0074%2043.2478%2029.6444%2049.9243%2029.6444%2049.9243V25.4608C29.6444%2024.2769%2030.27%2023.1828%2031.2871%2022.5925C31.7864%2022.302%2032.3537%2022.1489%2032.9313%2022.1489C33.509%2022.1489%2034.0763%2022.302%2034.5756%2022.5925C35.5927%2023.1828%2036.2215%2024.2769%2036.2215%2025.4608V40.9249H38.4224V19.9328C38.4224%2018.104%2039.8982%2016.6218%2041.711%2016.6218C43.5269%2016.6218%2044.9995%2018.104%2044.9995%2019.9328V40.9185H47.194V22.1433C47.194%2020.9595%2047.8228%2019.8654%2048.8399%2019.2751C49.3391%2018.9846%2049.9065%2018.8315%2050.4841%2018.8315C51.0618%2018.8315%2051.6291%2018.9846%2052.1284%2019.2751C53.1455%2019.8654%2053.7711%2020.9595%2053.7711%2022.1433V40.9217H55.9688V28.7685C55.9492%2028.324%2056.0198%2027.8802%2056.1763%2027.4637C56.3329%2027.0472%2056.5722%2026.6667%2056.8798%2026.3453C57.1874%2026.0238%2057.5569%2025.7679%2057.9661%2025.5931C58.3753%2025.4183%2058.8156%2025.3282%2059.2605%2025.3282C59.7055%2025.3282%2060.1458%2025.4183%2060.555%2025.5931C60.9641%2025.7679%2061.3337%2026.0238%2061.6413%2026.3453C61.9489%2026.6667%2062.1882%2027.0472%2062.3447%2027.4637C62.5013%2027.8802%2062.5719%2028.324%2062.5523%2028.7685Z'%20fill='black'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2005_4'%3e%3crect%20width='89'%20height='89'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg%20width='89'%20height='89'%20viewBox='0%200%2089%2089'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2005_4)'%3e%3cpath%20d='M85.5739%2058.1906C87.465%2058.1906%2088.9965%2059.7202%2088.9965%2061.6133V78.7265C88.9936%2081.4493%2087.9106%2084.0598%2085.9853%2085.9851C84.06%2087.9104%2081.4495%2088.9933%2078.7267%2088.9963H58.1908C57.7412%2088.9968%2057.2959%2088.9086%2056.8804%2088.7367C56.4649%2088.5649%2056.0874%2088.3128%2055.7695%2087.9949C55.4516%2087.677%2055.1995%2087.2994%2055.0277%2086.884C54.8558%2086.4685%2054.7676%2086.0232%2054.7681%2085.5736C54.7681%2083.6806%2056.2978%2082.1509%2058.1908%2082.1509H78.7249C80.616%2082.1509%2082.1493%2080.6177%2082.1493%2078.7283V61.6115C82.1493%2059.7184%2083.679%2058.1888%2085.572%2058.1888L85.5739%2058.1906ZM3.42287%2058.1906C5.31404%2058.1906%206.84555%2059.7202%206.84555%2061.6133V78.7265C6.84555%2080.6177%208.38436%2082.1509%2010.27%2082.1509H27.3833C28.2911%2082.1509%2029.1617%2082.5115%2029.8035%2083.1534C30.4454%2083.7953%2030.806%2084.6658%2030.806%2085.5736C30.806%2086.4813%2030.4454%2087.3519%2029.8035%2087.9938C29.1617%2088.6357%2028.2911%2088.9963%2027.3833%2088.9963H10.2719C7.54905%2088.9938%204.93839%2087.9114%203.01272%2085.9864C1.08704%2084.0614%200.00362704%2081.4511%200.000198364%2078.7283V61.6115C0.000198364%2059.7184%201.53354%2058.1888%203.42287%2058.1888V58.1906ZM27.3851%200C28.2735%200.0290172%2029.1158%200.402333%2029.734%201.04104C30.3522%201.67975%2030.6978%202.5338%2030.6978%203.42268C30.6978%204.31155%2030.3522%205.1656%2029.734%205.80431C29.1158%206.44302%2028.2735%206.81633%2027.3851%206.84535H10.2719C9.36345%206.84632%208.4925%207.20761%207.85013%207.84996C7.20777%208.49231%206.84645%209.36325%206.84546%2010.2717V27.3849C6.81611%2028.273%206.44265%2029.115%205.80399%2029.7329C5.16533%2030.3508%204.31148%2030.6963%203.42283%2030.6963C2.53418%2030.6963%201.68033%2030.3508%201.04167%2029.7329C0.403008%2029.115%200.0295513%2028.273%200.000198364%2027.3849V10.2717C0.00263622%207.54884%201.08511%204.93817%203.01011%203.01249C4.9351%201.08681%207.54539%200.00340568%2010.2682%200L27.3833%200H27.3851ZM78.7285%200C81.4507%200.00340385%2084.0605%201.0863%2085.9854%203.0112C87.9102%204.93609%2088.9931%207.54582%2088.9965%2010.268V27.3831C88.9965%2028.2908%2088.6359%2029.1614%2087.9941%2029.8033C87.3522%2030.4451%2086.4816%2030.8057%2085.5739%2030.8057C84.6661%2030.8057%2083.7955%2030.4451%2083.1537%2029.8033C82.5118%2029.1614%2082.1512%2028.2908%2082.1512%2027.3831V10.2717C82.1507%209.36391%2081.79%208.49343%2081.1483%207.85137C80.5066%207.20931%2079.6363%206.84814%2078.7285%206.84718H58.1907C57.283%206.84718%2056.4124%206.48657%2055.7705%205.8447C55.1287%205.20282%2054.768%204.33225%2054.768%203.4245C54.768%202.51675%2055.1287%201.64618%2055.7705%201.0043C56.4124%200.362427%2057.283%200.0018252%2058.1907%200.0018252H78.7249L78.7285%200Z'%20fill='%23121212'/%3e%3cpath%20d='M62.5523%2028.7685V55.0576C62.5523%2066.4793%2054.4673%2071.7378%2045.8497%2071.7378H44.2135C33.6997%2071.7378%2030.7224%2065.0708%2029.0637%2062.7801C29.0637%2062.7801%2020.613%2050.1874%2019.2302%2047.7266C16.8079%2043.4242%2020.4172%2040.7132%2023.6127%2042.9686C24.0074%2043.2478%2029.6444%2049.9243%2029.6444%2049.9243V25.4608C29.6444%2024.2769%2030.27%2023.1828%2031.2871%2022.5925C31.7864%2022.302%2032.3537%2022.1489%2032.9313%2022.1489C33.509%2022.1489%2034.0763%2022.302%2034.5756%2022.5925C35.5927%2023.1828%2036.2215%2024.2769%2036.2215%2025.4608V40.9249H38.4224V19.9328C38.4224%2018.104%2039.8982%2016.6218%2041.711%2016.6218C43.5269%2016.6218%2044.9995%2018.104%2044.9995%2019.9328V40.9185H47.194V22.1433C47.194%2020.9595%2047.8228%2019.8654%2048.8399%2019.2751C49.3391%2018.9846%2049.9065%2018.8315%2050.4841%2018.8315C51.0618%2018.8315%2051.6291%2018.9846%2052.1284%2019.2751C53.1455%2019.8654%2053.7711%2020.9595%2053.7711%2022.1433V40.9217H55.9688V28.7685C55.9492%2028.324%2056.0198%2027.8802%2056.1763%2027.4637C56.3329%2027.0472%2056.5722%2026.6667%2056.8798%2026.3453C57.1874%2026.0238%2057.5569%2025.7679%2057.9661%2025.5931C58.3753%2025.4183%2058.8156%2025.3282%2059.2605%2025.3282C59.7055%2025.3282%2060.1458%2025.4183%2060.555%2025.5931C60.9641%2025.7679%2061.3337%2026.0238%2061.6413%2026.3453C61.9489%2026.6667%2062.1882%2027.0472%2062.3447%2027.4637C62.5013%2027.8802%2062.5719%2028.324%2062.5523%2028.7685Z'%20fill='black'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2005_4'%3e%3crect%20width='89'%20height='89'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.icon-btn.icon-btn-gesture-off {
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='89'%20height='89'%20viewBox='0%200%2089%2089'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2005_10)'%3e%3cpath%20d='M85.5739%2058.1906C87.465%2058.1906%2088.9965%2059.7202%2088.9965%2061.6133V78.7265C88.9936%2081.4493%2087.9106%2084.0598%2085.9853%2085.9851C84.06%2087.9104%2081.4495%2088.9933%2078.7267%2088.9963H58.1908C57.7412%2088.9968%2057.2959%2088.9086%2056.8804%2088.7367C56.4649%2088.5649%2056.0874%2088.3128%2055.7695%2087.9949C55.4516%2087.677%2055.1995%2087.2994%2055.0277%2086.884C54.8558%2086.4685%2054.7676%2086.0232%2054.7681%2085.5736C54.7681%2083.6806%2056.2978%2082.1509%2058.1908%2082.1509H78.7248C80.616%2082.1509%2082.1493%2080.6177%2082.1493%2078.7283V61.6115C82.1493%2059.7184%2083.6789%2058.1888%2085.5719%2058.1888L85.5739%2058.1906ZM3.42286%2058.1906C5.31402%2058.1906%206.84553%2059.7202%206.84553%2061.6133V78.7265C6.84553%2080.6177%208.38435%2082.1509%2010.2699%2082.1509H27.3833C28.2911%2082.1509%2029.1616%2082.5115%2029.8035%2083.1534C30.4454%2083.7953%2030.806%2084.6658%2030.806%2085.5736C30.806%2086.4813%2030.4454%2087.3519%2029.8035%2087.9938C29.1616%2088.6357%2028.2911%2088.9963%2027.3833%2088.9963H10.2719C7.54904%2088.9938%204.93838%2087.9114%203.0127%2085.9864C1.08702%2084.0614%200.00361179%2081.4511%200.000183105%2078.7283V61.6115C0.000183105%2059.7184%201.53352%2058.1888%203.42286%2058.1888V58.1906ZM27.3851%200C28.2735%200.0290172%2029.1158%200.402333%2029.734%201.04104C30.3522%201.67975%2030.6978%202.5338%2030.6978%203.42268C30.6978%204.31155%2030.3522%205.1656%2029.734%205.80431C29.1158%206.44302%2028.2735%206.81633%2027.3851%206.84535H10.2719C9.36343%206.84632%208.49248%207.20761%207.85012%207.84996C7.20775%208.49231%206.84644%209.36325%206.84545%2010.2717V27.3849C6.81609%2028.273%206.44264%2029.115%205.80397%2029.7329C5.16531%2030.3508%204.31146%2030.6963%203.42282%2030.6963C2.53417%2030.6963%201.68032%2030.3508%201.04166%2029.7329C0.402993%2029.115%200.029536%2028.273%200.000183105%2027.3849V10.2717C0.00262096%207.54884%201.08509%204.93817%203.01009%203.01249C4.93509%201.08681%207.54537%200.00340568%2010.2682%200L27.3832%200H27.3851ZM78.7285%200C81.4507%200.00340385%2084.0604%201.0863%2085.9853%203.0112C87.9102%204.93609%2088.9931%207.54582%2088.9965%2010.268V27.3831C88.9965%2028.2908%2088.6359%2029.1614%2087.994%2029.8033C87.3522%2030.4451%2086.4816%2030.8057%2085.5739%2030.8057C84.6661%2030.8057%2083.7955%2030.4451%2083.1537%2029.8033C82.5118%2029.1614%2082.1512%2028.2908%2082.1512%2027.3831V10.2717C82.1507%209.36391%2081.79%208.49343%2081.1483%207.85137C80.5066%207.20931%2079.6363%206.84814%2078.7285%206.84718H58.1907C57.283%206.84718%2056.4124%206.48657%2055.7705%205.8447C55.1286%205.20282%2054.768%204.33225%2054.768%203.4245C54.768%202.51675%2055.1286%201.64618%2055.7705%201.0043C56.4124%200.362427%2057.283%200.0018252%2058.1907%200.0018252H78.7248L78.7285%200Z'%20fill='%23121212'/%3e%3cpath%20d='M59.4392%2065.4893C56.3035%2069.7256%2051.1788%2071.7373%2045.8493%2071.7373H44.2136C33.6999%2071.7373%2030.7219%2065.071%2029.0632%2062.7803C29.037%2062.7412%2020.6108%2050.1835%2019.2302%2047.7266C16.8079%2043.4242%2020.4175%2040.7133%2023.613%2042.9688C24.0081%2043.2494%2029.5984%2049.8695%2029.6443%2049.9238V34.6367L59.4392%2065.4893ZM41.7107%2016.6221C43.5265%2016.6221%2044.9996%2018.1039%2044.9997%2019.9326V40.9189H47.1941V22.1436C47.1941%2020.9598%2047.8227%2019.8658%2048.8396%2019.2754C49.3388%2018.9849%2049.9065%2018.8311%2050.4841%2018.8311C51.0618%2018.8311%2051.6294%2018.9849%2052.1286%2019.2754C53.1455%2019.8658%2053.7712%2020.9598%2053.7712%2022.1436V40.9219H55.9685V28.7686C55.9488%2028.3241%2056.0199%2027.8803%2056.1765%2027.4639C56.333%2027.0475%2056.5722%2026.6671%2056.8796%2026.3457C57.1872%2026.0242%2057.5574%2025.7676%2057.9665%2025.5928C58.3755%2025.4181%2058.8157%2025.3281%2059.2605%2025.3281C59.7054%2025.3281%2060.1462%2025.418%2060.5554%2025.5928C60.9645%2025.7676%2061.3338%2026.0243%2061.6413%2026.3457C61.9488%2026.6671%2062.1879%2027.0475%2062.3445%2027.4639C62.501%2027.8803%2062.5721%2028.3241%2062.5525%2028.7686V55.0576C62.5525%2057.0101%2062.3144%2058.7821%2061.8796%2060.3789L38.4226%2036.0879V19.9326C38.4227%2018.104%2039.8981%2016.6222%2041.7107%2016.6221ZM32.9314%2022.1484C33.509%2022.1484%2034.0766%2022.3023%2034.5759%2022.5928C35.5927%2023.1832%2036.2214%2024.2772%2036.2214%2025.4609V33.8086L29.6443%2026.998V25.4609C29.6443%2024.2772%2030.27%2023.1831%2031.2868%2022.5928C31.7861%2022.3022%2032.3537%2022.1484%2032.9314%2022.1484Z'%20fill='black'/%3e%3cpath%20d='M69.0321%2075.4066L65.2155%2079.0924L14.6206%2026.7013L18.4372%2023.0155L69.0321%2075.4066Z'%20fill='black'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2005_10'%3e%3crect%20width='89'%20height='89'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg%20width='89'%20height='89'%20viewBox='0%200%2089%2089'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2005_10)'%3e%3cpath%20d='M85.5739%2058.1906C87.465%2058.1906%2088.9965%2059.7202%2088.9965%2061.6133V78.7265C88.9936%2081.4493%2087.9106%2084.0598%2085.9853%2085.9851C84.06%2087.9104%2081.4495%2088.9933%2078.7267%2088.9963H58.1908C57.7412%2088.9968%2057.2959%2088.9086%2056.8804%2088.7367C56.4649%2088.5649%2056.0874%2088.3128%2055.7695%2087.9949C55.4516%2087.677%2055.1995%2087.2994%2055.0277%2086.884C54.8558%2086.4685%2054.7676%2086.0232%2054.7681%2085.5736C54.7681%2083.6806%2056.2978%2082.1509%2058.1908%2082.1509H78.7248C80.616%2082.1509%2082.1493%2080.6177%2082.1493%2078.7283V61.6115C82.1493%2059.7184%2083.6789%2058.1888%2085.5719%2058.1888L85.5739%2058.1906ZM3.42286%2058.1906C5.31402%2058.1906%206.84553%2059.7202%206.84553%2061.6133V78.7265C6.84553%2080.6177%208.38435%2082.1509%2010.2699%2082.1509H27.3833C28.2911%2082.1509%2029.1616%2082.5115%2029.8035%2083.1534C30.4454%2083.7953%2030.806%2084.6658%2030.806%2085.5736C30.806%2086.4813%2030.4454%2087.3519%2029.8035%2087.9938C29.1616%2088.6357%2028.2911%2088.9963%2027.3833%2088.9963H10.2719C7.54904%2088.9938%204.93838%2087.9114%203.0127%2085.9864C1.08702%2084.0614%200.00361179%2081.4511%200.000183105%2078.7283V61.6115C0.000183105%2059.7184%201.53352%2058.1888%203.42286%2058.1888V58.1906ZM27.3851%200C28.2735%200.0290172%2029.1158%200.402333%2029.734%201.04104C30.3522%201.67975%2030.6978%202.5338%2030.6978%203.42268C30.6978%204.31155%2030.3522%205.1656%2029.734%205.80431C29.1158%206.44302%2028.2735%206.81633%2027.3851%206.84535H10.2719C9.36343%206.84632%208.49248%207.20761%207.85012%207.84996C7.20775%208.49231%206.84644%209.36325%206.84545%2010.2717V27.3849C6.81609%2028.273%206.44264%2029.115%205.80397%2029.7329C5.16531%2030.3508%204.31146%2030.6963%203.42282%2030.6963C2.53417%2030.6963%201.68032%2030.3508%201.04166%2029.7329C0.402993%2029.115%200.029536%2028.273%200.000183105%2027.3849V10.2717C0.00262096%207.54884%201.08509%204.93817%203.01009%203.01249C4.93509%201.08681%207.54537%200.00340568%2010.2682%200L27.3832%200H27.3851ZM78.7285%200C81.4507%200.00340385%2084.0604%201.0863%2085.9853%203.0112C87.9102%204.93609%2088.9931%207.54582%2088.9965%2010.268V27.3831C88.9965%2028.2908%2088.6359%2029.1614%2087.994%2029.8033C87.3522%2030.4451%2086.4816%2030.8057%2085.5739%2030.8057C84.6661%2030.8057%2083.7955%2030.4451%2083.1537%2029.8033C82.5118%2029.1614%2082.1512%2028.2908%2082.1512%2027.3831V10.2717C82.1507%209.36391%2081.79%208.49343%2081.1483%207.85137C80.5066%207.20931%2079.6363%206.84814%2078.7285%206.84718H58.1907C57.283%206.84718%2056.4124%206.48657%2055.7705%205.8447C55.1286%205.20282%2054.768%204.33225%2054.768%203.4245C54.768%202.51675%2055.1286%201.64618%2055.7705%201.0043C56.4124%200.362427%2057.283%200.0018252%2058.1907%200.0018252H78.7248L78.7285%200Z'%20fill='%23121212'/%3e%3cpath%20d='M59.4392%2065.4893C56.3035%2069.7256%2051.1788%2071.7373%2045.8493%2071.7373H44.2136C33.6999%2071.7373%2030.7219%2065.071%2029.0632%2062.7803C29.037%2062.7412%2020.6108%2050.1835%2019.2302%2047.7266C16.8079%2043.4242%2020.4175%2040.7133%2023.613%2042.9688C24.0081%2043.2494%2029.5984%2049.8695%2029.6443%2049.9238V34.6367L59.4392%2065.4893ZM41.7107%2016.6221C43.5265%2016.6221%2044.9996%2018.1039%2044.9997%2019.9326V40.9189H47.1941V22.1436C47.1941%2020.9598%2047.8227%2019.8658%2048.8396%2019.2754C49.3388%2018.9849%2049.9065%2018.8311%2050.4841%2018.8311C51.0618%2018.8311%2051.6294%2018.9849%2052.1286%2019.2754C53.1455%2019.8658%2053.7712%2020.9598%2053.7712%2022.1436V40.9219H55.9685V28.7686C55.9488%2028.3241%2056.0199%2027.8803%2056.1765%2027.4639C56.333%2027.0475%2056.5722%2026.6671%2056.8796%2026.3457C57.1872%2026.0242%2057.5574%2025.7676%2057.9665%2025.5928C58.3755%2025.4181%2058.8157%2025.3281%2059.2605%2025.3281C59.7054%2025.3281%2060.1462%2025.418%2060.5554%2025.5928C60.9645%2025.7676%2061.3338%2026.0243%2061.6413%2026.3457C61.9488%2026.6671%2062.1879%2027.0475%2062.3445%2027.4639C62.501%2027.8803%2062.5721%2028.3241%2062.5525%2028.7686V55.0576C62.5525%2057.0101%2062.3144%2058.7821%2061.8796%2060.3789L38.4226%2036.0879V19.9326C38.4227%2018.104%2039.8981%2016.6222%2041.7107%2016.6221ZM32.9314%2022.1484C33.509%2022.1484%2034.0766%2022.3023%2034.5759%2022.5928C35.5927%2023.1832%2036.2214%2024.2772%2036.2214%2025.4609V33.8086L29.6443%2026.998V25.4609C29.6443%2024.2772%2030.27%2023.1831%2031.2868%2022.5928C31.7861%2022.3022%2032.3537%2022.1484%2032.9314%2022.1484Z'%20fill='black'/%3e%3cpath%20d='M69.0321%2075.4066L65.2155%2079.0924L14.6206%2026.7013L18.4372%2023.0155L69.0321%2075.4066Z'%20fill='black'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2005_10'%3e%3crect%20width='89'%20height='89'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.icon-btn.icon-btn-turn {
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='105'%20height='105'%20viewBox='0%200%20105%20105'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M91.1525%2078.1307C94.6028%2078.1412%2097.9088%2079.5166%20100.349%2081.9563C102.788%2084.3961%20104.164%2087.7021%20104.174%2091.1525C104.164%2094.6028%20102.788%2097.9088%20100.349%20100.349C97.9088%20102.788%2094.6028%20104.164%2091.1525%20104.174C87.7021%20104.164%2084.3961%20102.788%2081.9563%20100.349C79.5166%2097.9088%2078.1412%2094.6028%2078.1307%2091.1525C78.1412%2087.7021%2079.5166%2084.3961%2081.9563%2081.9563C84.3961%2079.5166%2087.7021%2078.1412%2091.1525%2078.1307ZM91.1525%2086.1441C89.8274%2086.1546%2088.5596%2086.6856%2087.6226%2087.6226C86.6856%2088.5596%2086.1546%2089.8274%2086.1441%2091.1525C86.1546%2092.4775%2086.6856%2093.7453%2087.6226%2094.6823C88.5596%2095.6193%2089.8274%2096.1504%2091.1525%2096.1608C92.4775%2096.1504%2093.7453%2095.6193%2094.6823%2094.6823C95.6193%2093.7453%2096.1504%2092.4775%2096.1608%2091.1525C96.1504%2089.8274%2095.6193%2088.5596%2094.6823%2087.6226C93.7453%2086.6856%2092.4775%2086.1546%2091.1525%2086.1441ZM69.4522%2086.8092V95.4957H0V86.8092H69.4522ZM52.0871%2039.0653C55.5375%2039.0759%2058.8435%2040.4512%2061.2832%2042.891C63.723%2045.3308%2065.0983%2048.6368%2065.1089%2052.0871C65.0983%2055.5375%2063.723%2058.8435%2061.2832%2061.2832C58.8435%2063.723%2055.5375%2065.0983%2052.0871%2065.1089C48.6368%2065.0983%2045.3308%2063.723%2042.891%2061.2832C40.4512%2058.8435%2039.0759%2055.5375%2039.0653%2052.0871C39.0759%2048.6368%2040.4512%2045.3308%2042.891%2042.891C45.3308%2040.4512%2048.6368%2039.0759%2052.0871%2039.0653ZM52.0871%2047.0787C50.7621%2047.0892%2049.4942%2047.6202%2048.5572%2048.5572C47.6202%2049.4942%2047.0892%2050.7621%2047.0787%2052.0871C47.0892%2053.4122%2047.6202%2054.68%2048.5572%2055.617C49.4942%2056.554%2050.7621%2057.085%2052.0871%2057.0955C53.4122%2057.085%2054.68%2056.554%2055.617%2055.617C56.554%2054.68%2057.085%2053.4122%2057.0955%2052.0871C57.085%2050.7621%2056.554%2049.4942%2055.617%2048.5572C54.68%2047.6202%2053.4122%2047.0892%2052.0871%2047.0787ZM30.3868%2047.7439V56.4304H0V47.7439H30.3868ZM104.174%2047.7439V56.4304H73.7874V47.7439H104.174ZM13.0218%200C16.4721%200.0105677%2019.7781%201.38589%2022.2179%203.82566C24.6577%206.26544%2026.033%209.57144%2026.0436%2013.0218C26.033%2016.4721%2024.6577%2019.7781%2022.2179%2022.2179C19.7781%2024.6577%2016.4721%2026.033%2013.0218%2026.0436C9.57144%2026.033%206.26544%2024.6577%203.82567%2022.2179C1.3859%2019.7781%200.0105677%2016.4721%200%2013.0218C0.0105677%209.57144%201.3859%206.26544%203.82567%203.82566C6.26544%201.38589%209.57144%200.0105677%2013.0218%200ZM13.0218%208.0134C11.6967%208.02388%2010.4289%208.55491%209.4919%209.4919C8.55491%2010.4289%208.02388%2011.6967%208.0134%2013.0218C8.02388%2014.3468%208.55491%2015.6147%209.4919%2016.5517C10.4289%2017.4887%2011.6967%2018.0197%2013.0218%2018.0302C14.3468%2018.0197%2015.6147%2017.4887%2016.5517%2016.5517C17.4887%2015.6147%2018.0197%2014.3468%2018.0302%2013.0218C18.0197%2011.6967%2017.4887%2010.4289%2016.5517%209.4919C15.6147%208.55491%2014.3468%208.02388%2013.0218%208.0134ZM104.174%208.67851V17.365H34.7221V8.67851H104.174Z'%20fill='black'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg%20width='105'%20height='105'%20viewBox='0%200%20105%20105'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M91.1525%2078.1307C94.6028%2078.1412%2097.9088%2079.5166%20100.349%2081.9563C102.788%2084.3961%20104.164%2087.7021%20104.174%2091.1525C104.164%2094.6028%20102.788%2097.9088%20100.349%20100.349C97.9088%20102.788%2094.6028%20104.164%2091.1525%20104.174C87.7021%20104.164%2084.3961%20102.788%2081.9563%20100.349C79.5166%2097.9088%2078.1412%2094.6028%2078.1307%2091.1525C78.1412%2087.7021%2079.5166%2084.3961%2081.9563%2081.9563C84.3961%2079.5166%2087.7021%2078.1412%2091.1525%2078.1307ZM91.1525%2086.1441C89.8274%2086.1546%2088.5596%2086.6856%2087.6226%2087.6226C86.6856%2088.5596%2086.1546%2089.8274%2086.1441%2091.1525C86.1546%2092.4775%2086.6856%2093.7453%2087.6226%2094.6823C88.5596%2095.6193%2089.8274%2096.1504%2091.1525%2096.1608C92.4775%2096.1504%2093.7453%2095.6193%2094.6823%2094.6823C95.6193%2093.7453%2096.1504%2092.4775%2096.1608%2091.1525C96.1504%2089.8274%2095.6193%2088.5596%2094.6823%2087.6226C93.7453%2086.6856%2092.4775%2086.1546%2091.1525%2086.1441ZM69.4522%2086.8092V95.4957H0V86.8092H69.4522ZM52.0871%2039.0653C55.5375%2039.0759%2058.8435%2040.4512%2061.2832%2042.891C63.723%2045.3308%2065.0983%2048.6368%2065.1089%2052.0871C65.0983%2055.5375%2063.723%2058.8435%2061.2832%2061.2832C58.8435%2063.723%2055.5375%2065.0983%2052.0871%2065.1089C48.6368%2065.0983%2045.3308%2063.723%2042.891%2061.2832C40.4512%2058.8435%2039.0759%2055.5375%2039.0653%2052.0871C39.0759%2048.6368%2040.4512%2045.3308%2042.891%2042.891C45.3308%2040.4512%2048.6368%2039.0759%2052.0871%2039.0653ZM52.0871%2047.0787C50.7621%2047.0892%2049.4942%2047.6202%2048.5572%2048.5572C47.6202%2049.4942%2047.0892%2050.7621%2047.0787%2052.0871C47.0892%2053.4122%2047.6202%2054.68%2048.5572%2055.617C49.4942%2056.554%2050.7621%2057.085%2052.0871%2057.0955C53.4122%2057.085%2054.68%2056.554%2055.617%2055.617C56.554%2054.68%2057.085%2053.4122%2057.0955%2052.0871C57.085%2050.7621%2056.554%2049.4942%2055.617%2048.5572C54.68%2047.6202%2053.4122%2047.0892%2052.0871%2047.0787ZM30.3868%2047.7439V56.4304H0V47.7439H30.3868ZM104.174%2047.7439V56.4304H73.7874V47.7439H104.174ZM13.0218%200C16.4721%200.0105677%2019.7781%201.38589%2022.2179%203.82566C24.6577%206.26544%2026.033%209.57144%2026.0436%2013.0218C26.033%2016.4721%2024.6577%2019.7781%2022.2179%2022.2179C19.7781%2024.6577%2016.4721%2026.033%2013.0218%2026.0436C9.57144%2026.033%206.26544%2024.6577%203.82567%2022.2179C1.3859%2019.7781%200.0105677%2016.4721%200%2013.0218C0.0105677%209.57144%201.3859%206.26544%203.82567%203.82566C6.26544%201.38589%209.57144%200.0105677%2013.0218%200ZM13.0218%208.0134C11.6967%208.02388%2010.4289%208.55491%209.4919%209.4919C8.55491%2010.4289%208.02388%2011.6967%208.0134%2013.0218C8.02388%2014.3468%208.55491%2015.6147%209.4919%2016.5517C10.4289%2017.4887%2011.6967%2018.0197%2013.0218%2018.0302C14.3468%2018.0197%2015.6147%2017.4887%2016.5517%2016.5517C17.4887%2015.6147%2018.0197%2014.3468%2018.0302%2013.0218C18.0197%2011.6967%2017.4887%2010.4289%2016.5517%209.4919C15.6147%208.55491%2014.3468%208.02388%2013.0218%208.0134ZM104.174%208.67851V17.365H34.7221V8.67851H104.174Z'%20fill='black'/%3e%3c/svg%3e");
}
.icon-btn.icon-btn-close {
  -webkit-mask-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1765822494127'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='5486'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M810.666667%20273.493333L750.506667%20213.333333%20512%20451.84%20273.493333%20213.333333%20213.333333%20273.493333%20451.84%20512%20213.333333%20750.506667%20273.493333%20810.666667%20512%20572.16%20750.506667%20810.666667%20810.666667%20750.506667%20572.16%20512z'%20p-id='5487'%20fill='%23ffffff'%3e%3c/path%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1765822494127'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='5486'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M810.666667%20273.493333L750.506667%20213.333333%20512%20451.84%20273.493333%20213.333333%20213.333333%20273.493333%20451.84%20512%20213.333333%20750.506667%20273.493333%20810.666667%20512%20572.16%20750.506667%20810.666667%20810.666667%20750.506667%20572.16%20512z'%20p-id='5487'%20fill='%23ffffff'%3e%3c/path%3e%3c/svg%3e");
}
.icon-btn.icon-btn-music-on {
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='89'%20height='89'%20viewBox='0%200%2089%2089'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='3'%20y='3'%20width='82.8824'%20height='82.8824'%20rx='9.44353'%20stroke='black'%20stroke-width='6'/%3e%3cpath%20d='M29.8497%2023.5505L61.6992%2015.5882C62.9954%2015.0327%2064.1064%2015.0327%2064.8471%2015.5882C65.5878%2016.1437%2065.9581%2016.8844%2065.9581%2017.9954V59.1035C65.9581%2060.9552%2065.2174%2062.4366%2063.9212%2063.7328C62.625%2065.029%2060.7733%2066.14%2058.3661%2066.8807C55.7737%2067.6214%2053.3664%2067.8065%2051.1444%2067.0659C48.9223%2066.3252%2047.441%2065.2141%2046.8854%2063.3624C46.3299%2061.5107%2046.7003%2059.659%2048.1816%2057.8073C49.663%2055.9556%2051.6999%2054.6594%2054.2923%2053.7335C56.6995%2052.9928%2058.9216%2052.8077%2061.1437%2053.3632V27.6243L31.5162%2035.2164V65.2141C31.5162%2066.5103%2030.7755%2067.9917%2029.2941%2069.6583C27.8128%2071.3248%2025.9611%2072.4358%2023.9242%2072.9913C21.3318%2073.9172%2018.9245%2073.9172%2016.7025%2073.1765C14.4804%2072.4358%2012.999%2071.3248%2012.4435%2069.4731C11.888%2067.6214%2012.2584%2065.7697%2013.7397%2063.9179C15.2211%2062.0662%2017.258%2060.77%2019.8504%2059.8442C22.2576%2059.1035%2024.4797%2058.9183%2026.7017%2059.4738V27.9947C26.7017%2026.6985%2026.8869%2025.7726%2027.4424%2025.0319C27.8128%2024.4764%2028.5535%2023.9209%2029.8497%2023.5505Z'%20fill='black'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg%20width='89'%20height='89'%20viewBox='0%200%2089%2089'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='3'%20y='3'%20width='82.8824'%20height='82.8824'%20rx='9.44353'%20stroke='black'%20stroke-width='6'/%3e%3cpath%20d='M29.8497%2023.5505L61.6992%2015.5882C62.9954%2015.0327%2064.1064%2015.0327%2064.8471%2015.5882C65.5878%2016.1437%2065.9581%2016.8844%2065.9581%2017.9954V59.1035C65.9581%2060.9552%2065.2174%2062.4366%2063.9212%2063.7328C62.625%2065.029%2060.7733%2066.14%2058.3661%2066.8807C55.7737%2067.6214%2053.3664%2067.8065%2051.1444%2067.0659C48.9223%2066.3252%2047.441%2065.2141%2046.8854%2063.3624C46.3299%2061.5107%2046.7003%2059.659%2048.1816%2057.8073C49.663%2055.9556%2051.6999%2054.6594%2054.2923%2053.7335C56.6995%2052.9928%2058.9216%2052.8077%2061.1437%2053.3632V27.6243L31.5162%2035.2164V65.2141C31.5162%2066.5103%2030.7755%2067.9917%2029.2941%2069.6583C27.8128%2071.3248%2025.9611%2072.4358%2023.9242%2072.9913C21.3318%2073.9172%2018.9245%2073.9172%2016.7025%2073.1765C14.4804%2072.4358%2012.999%2071.3248%2012.4435%2069.4731C11.888%2067.6214%2012.2584%2065.7697%2013.7397%2063.9179C15.2211%2062.0662%2017.258%2060.77%2019.8504%2059.8442C22.2576%2059.1035%2024.4797%2058.9183%2026.7017%2059.4738V27.9947C26.7017%2026.6985%2026.8869%2025.7726%2027.4424%2025.0319C27.8128%2024.4764%2028.5535%2023.9209%2029.8497%2023.5505Z'%20fill='black'/%3e%3c/svg%3e");
}
.icon-btn.icon-btn-music-off {
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='89'%20height='89'%20viewBox='0%200%2089%2089'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='3'%20y='3'%20width='82.8824'%20height='82.8824'%20rx='9.44353'%20stroke='black'%20stroke-width='6'/%3e%3cpath%20d='M31.5166%2035.4954V65.2142C31.5166%2066.5104%2030.7753%2067.992%2029.294%2069.6585C27.8127%2071.325%2025.9607%2072.4361%2023.9239%2072.9915C21.3316%2073.9173%2018.9242%2073.9168%2016.7022%2073.1761C14.4803%2072.4354%2012.9989%2071.3246%2012.4434%2069.473C11.888%2067.6215%2012.2582%2065.7698%2013.7393%2063.9183C15.2207%2062.0666%2017.2582%2060.7699%2019.8506%2059.8441C22.2578%2059.1035%2024.4802%2058.9185%2026.7022%2059.474V30.5091L31.5166%2035.4954ZM60.8653%2065.887C60.1121%2066.2645%2059.2793%2066.5993%2058.3663%2066.8802C55.7739%2067.6209%2053.3666%2067.8064%2051.1446%2067.0658C48.9226%2066.3251%2047.4414%2065.2142%2046.8858%2063.3626C46.3303%2061.5109%2046.7003%2059.6587%2048.1817%2057.807C48.9135%2056.8922%2049.7813%2056.1135%2050.7842%2055.4476L60.8653%2065.887ZM61.6993%2015.5882C62.9953%2015.0328%2064.1061%2015.0329%2064.8467%2015.5882C65.5874%2016.1437%2065.9581%2016.8844%2065.9581%2017.9954V59.1038C65.958%2060.1234%2065.7318%2061.0299%2065.3135%2061.8558L56.9043%2053.1478C58.3482%2052.9572%2059.7459%2053.0142%2061.1436%2053.3636V27.6244L37.9864%2033.5579L28.7325%2023.9759C29.0478%2023.8183%2029.4178%2023.6735%2029.8497%2023.5501L61.6993%2015.5882Z'%20fill='black'/%3e%3cpath%20d='M69.7745%2073.7108L65.9579%2077.3966L15.363%2025.0054L19.1796%2021.3196L69.7745%2073.7108Z'%20fill='black'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg%20width='89'%20height='89'%20viewBox='0%200%2089%2089'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='3'%20y='3'%20width='82.8824'%20height='82.8824'%20rx='9.44353'%20stroke='black'%20stroke-width='6'/%3e%3cpath%20d='M31.5166%2035.4954V65.2142C31.5166%2066.5104%2030.7753%2067.992%2029.294%2069.6585C27.8127%2071.325%2025.9607%2072.4361%2023.9239%2072.9915C21.3316%2073.9173%2018.9242%2073.9168%2016.7022%2073.1761C14.4803%2072.4354%2012.9989%2071.3246%2012.4434%2069.473C11.888%2067.6215%2012.2582%2065.7698%2013.7393%2063.9183C15.2207%2062.0666%2017.2582%2060.7699%2019.8506%2059.8441C22.2578%2059.1035%2024.4802%2058.9185%2026.7022%2059.474V30.5091L31.5166%2035.4954ZM60.8653%2065.887C60.1121%2066.2645%2059.2793%2066.5993%2058.3663%2066.8802C55.7739%2067.6209%2053.3666%2067.8064%2051.1446%2067.0658C48.9226%2066.3251%2047.4414%2065.2142%2046.8858%2063.3626C46.3303%2061.5109%2046.7003%2059.6587%2048.1817%2057.807C48.9135%2056.8922%2049.7813%2056.1135%2050.7842%2055.4476L60.8653%2065.887ZM61.6993%2015.5882C62.9953%2015.0328%2064.1061%2015.0329%2064.8467%2015.5882C65.5874%2016.1437%2065.9581%2016.8844%2065.9581%2017.9954V59.1038C65.958%2060.1234%2065.7318%2061.0299%2065.3135%2061.8558L56.9043%2053.1478C58.3482%2052.9572%2059.7459%2053.0142%2061.1436%2053.3636V27.6244L37.9864%2033.5579L28.7325%2023.9759C29.0478%2023.8183%2029.4178%2023.6735%2029.8497%2023.5501L61.6993%2015.5882Z'%20fill='black'/%3e%3cpath%20d='M69.7745%2073.7108L65.9579%2077.3966L15.363%2025.0054L19.1796%2021.3196L69.7745%2073.7108Z'%20fill='black'/%3e%3c/svg%3e");
}
.app-container {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #000;
  overflow: hidden;
  user-select: none;
  -webkit-user-select: none;
}
.error-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 12px;
}
.error-text {
  font-size: 20px;
  color: #ffffff50;
  line-height: 1.6;
  text-align: center;
}
.ui-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 32px;
  z-index: 10;
}
@media (max-width: 768px) or (max-height: 600px) {
  .ui-overlay {
    padding: 16px 20px 32px;
    padding-left: calc(20px + env(safe-area-inset-left));
    padding-right: calc(20px + env(safe-area-inset-right));
  }
}
@media (max-height: 500px) {
  .ui-overlay {
    align-items: flex-start;
    padding-bottom: 16px;
  }
}
.app-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}
.app-title {
  font-size: 32px;
  font-family: Georgia, serif;
  letter-spacing: 0.1em;
  font-weight: 700;
  background: linear-gradient(
    to right,
    var(--title-gradient-start),
    var(--title-gradient-end)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.5));
}
@media (max-width: 1024px) {
  .app-title {
    font-size: 26px;
  }
}
@media (max-width: 768px) or (max-height: 600px) {
  .app-title {
    font-size: 20px;
  }
}
@media (max-width: 525px) or (max-height: 500px) {
  .app-title {
    font-size: 18px;
  }
}
.app-subtitle {
  color: var(--subtitle-color);
  margin-top: 8px;
  font-size: 12px;
  pointer-events: none;
}
@media (max-width: 768px) {
  .app-subtitle {
    font-size: 0.8rem;
  }
}
@media (max-width: 525px) {
  .app-subtitle {
    font-size: 0.6rem;
  }
}
.controls-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  pointer-events: auto;
  gap: 8px;
}
.hint-text-container {
  position: absolute;
  bottom: -22px;
  transition: opacity 0.7s;
  text-align: center;
  pointer-events: none;
}
@media (max-width: 768px) or (max-height: 600px) {
  .hint-text-container {
    bottom: -18px;
  }
}
.hint-text-container.visible {
  opacity: 1;
}
.hint-text-container.hidden {
  opacity: 0;
}
.hint-text-main {
  color: var(--hint-main-color);
  letter-spacing: 0.2em;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.hint-text-sub {
  font-size: 0.7rem;
  color: var(--hint-sub-color);
}
.button-shine {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to right,
    transparent,
    var(--button-shine-color),
    transparent
  );
  transform: translate(-100%);
  transition: transform 1s;
}
.primary-btn {
  position: relative;
  padding: 10px 20px;
  background-color: #0000004d;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border: 1px solid var(--button-border-color);
  border-radius: 30px;
  overflow: hidden;
  transition: all 0.3s;
  cursor: pointer;
  font-size: 14px;
  color: var(--button-text-color);
  letter-spacing: 0.05em;
  display: block;
  width: 100%;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
}
.primary-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.primary-btn:hover:not(:disabled) {
  border-color: var(--button-border-hover);
  box-shadow: 0 0 30px var(--button-glow-color);
}
.primary-btn:hover:not(:disabled) .button-shine {
  transform: translate(100%);
}
@media (max-width: 768px) or (max-height: 600px) {
  .primary-btn {
    padding: 10px 18px;
    font-size: 13px;
  }
}
.primary-btn span {
  position: relative;
  z-index: 1;
}
.primary-btn.large {
  padding: 12px 32px;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  border-radius: 9999px;
  font-size: 16px;
  letter-spacing: 2px;
  width: auto;
  display: inline-block;
}
@media (max-width: 768px) or (max-height: 600px) {
  .primary-btn.large {
    padding: 11px 24px;
    font-size: 14px;
  }
}
@media (max-width: 400px) {
  .primary-btn.large {
    padding: 10px 20px;
    font-size: 13px;
  }
}
@media (max-width: 360px) {
  .primary-btn.large {
    padding: 10px 16px;
    font-size: 12px;
  }
}
@media (max-height: 500px) {
  .primary-btn.large {
    padding: 8px 16px;
    font-size: 12px;
  }
}
.secondary-btn {
  position: relative;
  padding: 10px 20px;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.175);
  border-radius: 30px;
  overflow: hidden;
  transition: all 0.3s;
  cursor: pointer;
  font-size: 14px;
  color: #ffffffb3;
  letter-spacing: 0.05em;
  display: block;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  white-space: nowrap;
}
.secondary-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
@media (hover: hover) {
  .secondary-btn:hover:not(:disabled) {
    background-color: #ffffff1a;
    border-color: #ffffff80;
    color: #fff;
  }
}
@media (max-width: 768px) or (max-height: 600px) {
  .secondary-btn {
    padding: 10px 18px;
    font-size: 13px;
  }
}
.secondary-btn span {
  position: relative;
  z-index: 1;
}
.secondary-btn.small {
  padding: 6px 16px;
  font-size: 12px;
  border-radius: 20px;
  width: auto;
}
.config-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  pointer-events: auto;
}
.config-actions .icon-btn {
  --icon-size: 28px;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.config-modal-overlay {
  pointer-events: auto;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00000060;
  transition: background-color 0.3s;
  z-index: 9;
}
.config-modal-overlay.closing {
  background-color: #0000;
}
.config-modal {
  pointer-events: auto;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  width: 100%;
  max-width: min(310px, 80vw);
  background-color: #0000007c;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  display: flex;
  flex-direction: column;
  box-shadow: -8px 0 32px #f8f8f80c;
  animation: slideInRight 0.3s ease-out;
  overflow: hidden;
}
.config-modal.closing {
  animation: slideOutRight 0.3s ease-out;
}
@keyframes slideInRight {
  0% {
    transform: translate(100%);
  }
  to {
    transform: translate(0);
  }
}
@keyframes slideOutRight {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(100%);
  }
}
.config-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.config-modal-header .icon-btn {
  --icon-size: 26px;
}
.config-modal-title {
  font-size: 1.125rem;
  color: #fff;
  margin: 0;
}
.config-modal-content {
  padding: 20px;
  overflow-y: auto;
  flex: 1;
}
.config-modal-footer .primary-btn {
  width: auto;
  display: inline-block;
}
.config-modal-footer-tips {
  padding: 12px 20px;
  font-size: 13px;
  text-align: right;
  transition:
    opacity 0.3s,
    transform 0.3s;
  animation: slideInLeft 0.3s ease-out;
  color: #ffffffa6;
}
.config-modal-footer-tips pre {
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.config-modal-footer-tips--error {
  color: #f871717c;
}
.config-modal-footer-btns {
  padding: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}
.config-modal-footer-btns .secondary-btn,
.config-modal-footer-btns .primary-btn {
  width: 105px;
  flex: none;
  white-space: nowrap;
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translate(10px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
.config-section {
  margin-bottom: 24px;
}
.config-section:last-of-type {
  margin-bottom: 0;
}
.config-section-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.9375rem;
  color: var(--text-color);
  margin-bottom: 12px;
  letter-spacing: 0.05em;
}
.config-section-label span {
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 12px;
  color: #ffffffc6;
}
.config-section-label span:hover {
  color: var(--button-border-hover);
}
.config-section-input {
  width: 100%;
  height: 30px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--text-color);
  background: #ffffff2e;
  box-sizing: border-box;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 14px;
  letter-spacing: 0.05em;
  -webkit-tap-highlight-color: transparent;
  outline: none;
}
.config-section-input:focus {
  border-color: var(--button-border-hover);
}
.theme-color-picker {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.hue-preview {
  position: relative;
  width: 100%;
  height: 24px;
  border-radius: 4px;
  overflow: visible;
  border: 1px solid rgba(255, 255, 255, 0.2);
  cursor: pointer;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.hue-slider-thumb {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background: #fff;
  border: 4px solid #ffffff;
  box-shadow: 0 1px 2px #0006;
  pointer-events: none;
  transition:
    transform 0.1s ease-out,
    box-shadow 0.1s ease-out;
}
.photo-uploader {
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.photo-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
  gap: 12px;
}
@media (max-width: 768px) {
  .photo-grid {
    grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
    gap: 8px;
  }
}
.photo-item {
  position: relative;
  aspect-ratio: 1;
  border-radius: 6px;
  background-color: #ffffff0d;
}
.photo-item img {
  border-radius: 6px;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.photo-delete {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #000000b3;
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  padding: 0;
  line-height: 1;
}
.photo-delete .icon-btn {
  --icon-size: 12px;
}
.photo-delete:hover {
  background-color: #f00c;
  border-color: #ffffff80;
  transform: scale(1.1);
}
.photo-upload-btn {
  aspect-ratio: 1;
  border-radius: 6px;
  background: #ffffff0d;
  border: 1px dashed rgba(255, 255, 255, 0.2);
  color: #ffffffb3;
  font-size: 1.5rem;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.photo-upload-btn:hover {
  border-color: var(--button-border-hover, #fde68a);
  background-color: #ffffff1a;
  color: #fff;
}
.drag-area {
  position: relative;
}
.drag-area .draging-tips {
  position: absolute;
  top: -16px;
  left: -16px;
  width: calc(100% + 32px);
  height: calc(100% + 32px);
  pointer-events: none;
  opacity: 0;
  display: block;
  background-color: #00000079;
  border: 2px dashed var(--button-border-hover, #fde68a);
  border-radius: 8px;
  transform: scale(0.95);
  transition: all 0.2s ease;
}
.drag-area .draging-tips span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffffd7;
  font-size: 1rem;
  font-weight: 500;
  pointer-events: none;
  z-index: 1;
}
.drag-area.dragging .draging-tips {
  opacity: 1;
  transform: scale(1);
}
.music-uploader .music-upload-btn {
  width: 100%;
  padding: 10px;
  background: #ffffff0d;
  border: 1px dashed rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  color: #ffffffb3;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 0.9rem;
  font-family: inherit;
}
.music-uploader .music-upload-btn:hover {
  border-color: var(--button-border-hover, #fde68a);
  background-color: #ffffff1a;
  color: #fff;
}
.music-uploader .music-upload-btn:active {
  transform: scale(0.98);
}
.switch {
  position: relative;
  width: 48px;
  height: 24px;
  background-color: #fff3;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s;
  border: 1px solid rgba(255, 255, 255, 0.2);
  outline: none;
}
.switch:hover {
  border-color: var(--button-border-color);
  box-shadow: 0 0 15px var(--button-glow-color);
}
.switch:focus-visible {
  outline: 2px solid var(--button-border-hover);
  outline-offset: 2px;
}
.switch.active {
  background-color: #0000004d;
  border-color: var(--button-border-color);
}
.switch.active:hover {
  border-color: var(--button-border-hover);
  box-shadow: 0 0 20px var(--button-glow-color);
}
.switch:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 50%;
  transition: all 0.3s;
  box-shadow: 0 2px 4px #0003;
}
.switch.active:after {
  transform: translate(24px);
  background-color: var(--button-border-hover);
  box-shadow: 0 2px 8px var(--button-glow-color);
}
.switch.disabled {
  opacity: 0.8;
  cursor: not-allowed;
  background-color: #ffffff5c;
  border-color: #ffffff5c;
}
.switch.disabled:hover {
  border-color: #ffffff5c;
  box-shadow: none;
}
.switch.disabled.active {
  background-color: #0003;
  border-color: #ffffff1a;
}
.switch.disabled.active:hover {
  border-color: #ffffff1a;
  box-shadow: none;
}
.switch.disabled:after {
  background-color: #ffffff80;
}
.switch.disabled.active:after {
  background-color: #ffffff4d;
  box-shadow: none;
}
.config-section-label.disabled {
  opacity: 0.5;
}
.modal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #00000080;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 20;
  animation: fadeIn 0.2s ease-out;
  pointer-events: auto;
}
.modal-content {
  position: relative;
  background-color: #000;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  padding: 20px;
  border-radius: 8px;
  max-width: 90vw;
  max-height: 90vh;
  box-shadow: 0 0 16px #bbbbbb1a;
}
.modal-close {
  position: absolute;
  top: 16px;
  right: 16px;
  background: none;
  border: none;
  color: #ffffffb3;
  font-size: 1.5rem;
  cursor: pointer;
  padding: 0;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: all 0.2s;
  line-height: 1;
}
.modal-close:hover {
  background-color: #ffffff1a;
  color: #fff;
}
.gesture-tips-modal .modal-content {
  min-width: 320px;
  text-align: center;
}
.gesture-tips-images {
  position: relative;
  width: 100px;
  height: 140px;
  margin: 0 auto;
}
.gesture-tips-images .gesture-tips-image-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 10px;
  opacity: 0;
  animation: gesture-tips-fade 9s infinite;
}
.gesture-tips-images .gesture-tips-image-item:nth-child(1) {
  animation-delay: 0s;
}
.gesture-tips-images .gesture-tips-image-item:nth-child(1) i {
  background-image: url(/assets/gesture_03-D1Dz2ckA.webp);
}
.gesture-tips-images .gesture-tips-image-item:nth-child(2) {
  animation-delay: 3s;
}
.gesture-tips-images .gesture-tips-image-item:nth-child(2) i {
  background-image: url(/assets/gesture_05-By9_rrJD.webp);
}
.gesture-tips-images .gesture-tips-image-item:nth-child(3) {
  animation-delay: 6s;
}
.gesture-tips-images .gesture-tips-image-item:nth-child(3) i {
  background-image: url(/assets/gesture_07-Br4xslMO.webp);
}
.gesture-tips-images .gesture-tips-image-item i {
  display: block;
  width: 100px;
  height: 100px;
  background-repeat: none;
  background-size: 100% 100%;
  filter: hue-rotate(calc(var(--primary-hue) + 166deg)) brightness(0.7);
}
@keyframes gesture-tips-fade {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
.gesture-tips-text {
  font-size: 12px;
  color: #ffffff50;
  line-height: 1.6;
  margin-bottom: 12px;
  text-align: center;
}
.gesture-tips-buttons {
  padding: 0 24px 6px;
  display: flex;
  gap: 12px;
  justify-content: center;
}
.gesture-loading-modal .modal-content {
  min-width: 300px;
  text-align: center;
}
.gesture-loading-message {
  font-size: 1rem;
  color: #ffffffe6;
  margin-bottom: 20px;
}
.gesture-loading-progress-container {
  width: 100%;
  margin-bottom: 8px;
}
.gesture-loading-progress-bar {
  width: 100%;
  height: 8px;
  background-color: #ffffff1a;
  border-radius: 4px;
  overflow: hidden;
}
.gesture-loading-progress-fill {
  height: 100%;
  background: linear-gradient(
    90deg,
    hsl(var(--primary-hue), 100%, 70%),
    hsl(var(--primary-hue), 100%, 85%)
  );
  border-radius: 4px;
  transition: width 0.3s ease-out;
  box-shadow: 0 0 10px var(--button-glow-color);
}
.gesture-loading-error {
  padding: 16px 0;
}
.gesture-loading-error-text {
  font-size: 1rem;
  color: #ff6b6b;
  margin: 0;
}
.webcam-preview {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 160px;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid var(--button-border-color);
  box-shadow: 0 4px 20px #00000080;
  background-color: #000;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
  z-index: 9;
}
@media (max-width: 1024px) {
  .webcam-preview {
    right: env(safe-area-inset-right, 0px);
    bottom: 0;
    width: 120px;
  }
}
@media (max-width: 768px) {
  .webcam-preview {
    right: env(safe-area-inset-right, 0px);
    bottom: 0;
    width: 100px;
  }
}
@media (max-width: 400px) or (max-height: 500px) {
  .webcam-preview {
    right: env(safe-area-inset-right, 0px);
    bottom: 0;
    width: 80px;
  }
}
.webcam-preview.hand-detected {
  border-color: var(--button-border-hover);
  box-shadow: 0 0 15px var(--button-glow-color);
}
.webcam-preview-video-wrapper {
  position: relative;
  width: 100%;
  padding-top: 75%;
}
.webcam-preview-video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.webcam-preview-video-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scaleX(-1);
}
.webcam-preview-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff9;
  font-size: 12px;
}
@media (max-width: 600px) {
  .webcam-preview-loading {
    font-size: 10px;
  }
}
.webcam-preview-status {
  position: absolute;
  width: 100%;
  bottom: 0;
  background-color: #000000b3;
  border-radius: 2px;
  color: #fffc;
  font-size: 10px;
  white-space: nowrap;
  text-align: center;
}
@media (max-width: 600px) {
  .webcam-preview-status {
    font-size: 10px;
  }
}
.success-modal-content {
  color: #fff;
}
.success-modal-content h3 {
  margin-bottom: 20px;
  text-align: center;
  font-size: 1.2rem;
}
.success-modal-content p {
  margin-bottom: 24px;
  opacity: 0.8;
  font-size: 0.9rem;
  line-height: 1.5;
}
.share-link-item {
  margin-bottom: 20px;
}
.share-link-item label {
  display: block;
  margin-bottom: 8px;
  font-size: 0.85rem;
  opacity: 0.7;
}
.share-link-content {
  display: flex;
  gap: 10px;
  align-items: center;
}
.share-link-text {
  flex: 1;
  padding: 10px 12px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #0000004d;
  color: #fff;
  font-size: 0.9rem;
  word-break: break-all;
  -webkit-user-select: text;
  user-select: text;
  cursor: text;
  transition: all 0.2s;
}
.share-link-text:hover {
  background: #0006;
  border-color: #fff3;
}
.share-link-copy-btn {
  height: auto !important;
  white-space: nowrap;
  padding: 0 16px;
  display: flex;
  align-items: center;
}
.loading2-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  pointer-events: all;
}
.loading2-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    hsl(var(--primary-hue), 50%, 10%),
    hsl(var(--primary-hue), 60%, 5%)
  );
  background: #000;
  transform: translateY(0);
  transition: transform 1s;
}
.loading2-content {
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: center;
  line-height: 1;
  transition: opacity 0.3s;
}
.loading2-content-img {
  position: relative;
  margin: 0 auto 10px;
  width: 116px;
  height: 19px;
}
.loading2-content-img div {
  width: 100%;
  height: 100%;
  mask-image: url("data:image/svg+xml,%3csvg%20width='116'%20height='19'%20viewBox='0%200%20116%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M58.7336%201.36768H74.8097L65.1321%2014.9907H74.0748V18.4487H58.4339L68.1115%204.82567H58.7336V1.36768Z'%20fill='black'/%3e%3cpath%20d='M34.0206%2018.4485H29.9594V11.5967H21.8371V18.4485H17.776V1.83911H21.8371V8.01525H29.9594V1.83911H34.0206V18.4485Z'%20fill='black'/%3e%3cpath%20d='M14.1142%2017.9706C12.843%2018.5892%2011.1844%2018.8985%209.13845%2018.8985C6.50576%2018.8985%204.41465%2018.1196%202.86513%2016.5619C1.32313%2014.9968%200.552124%2012.9136%200.552124%2010.3124C0.552124%207.57713%201.41339%205.34118%203.13592%203.60459C4.86597%201.86055%207.09624%200.988525%209.82671%200.988525C11.5342%200.988525%2012.9634%201.20839%2014.1142%201.64813V5.19679C12.9333%204.51109%2011.5944%204.18594%2010.0975%204.18594C8.39001%204.18594%206.68375%204.72629%205.66076%205.807C4.63778%206.88771%204.12628%208.30009%204.12628%2010.0441C4.12628%2011.7435%204.61145%2013.1111%205.58178%2014.1471C6.55212%2015.1831%208.20573%2015.7011%209.86056%2015.7011C11.4176%2015.7011%2012.8355%2015.3107%2014.1142%2014.5654V17.9706Z'%20fill='black'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M40.0278%200.988525C38.4814%200.988525%2037.2278%202.24213%2037.2278%203.78853V16.1873C37.2278%2017.7337%2038.4814%2018.9873%2040.0278%2018.9873H52.4266C53.973%2018.9873%2055.2266%2017.7337%2055.2266%2016.1873V3.78853C55.2266%202.24213%2053.973%200.988525%2052.4266%200.988525H40.0278ZM43.4303%2014.4033C42.5979%2014.4033%2041.9392%2013.9424%2041.4563%2013.113C40.9652%2012.2694%2040.699%2011.0993%2040.699%209.89C40.699%208.68065%2040.9652%207.51059%2041.4563%206.66703C41.9392%205.83758%2042.5979%205.37672%2043.4303%205.37672C44.3104%205.37672%2045.2609%205.88703%2046.2392%206.81247C47.1176%207.64345%2047.9481%208.74304%2048.6835%209.88998C47.9481%2011.0369%2047.1176%2012.1365%2046.2392%2012.9675C45.2609%2013.893%2044.3104%2014.4033%2043.4303%2014.4033ZM47.1344%2013.9138C47.9718%2013.1217%2048.746%2012.1372%2049.4312%2011.1235C49.9792%2012.0776%2050.4398%2012.9904%2050.7863%2013.72C51.0126%2014.1965%2051.1894%2014.5931%2051.3092%2014.8697C51.4363%2015.163%2051.5553%2015.4595%2051.6744%2015.7562C51.6938%2015.8047%2051.7133%2015.8533%2051.7329%2015.9018L52.9415%2015.4158C52.1743%2013.508%2051.2785%2011.6525%2050.2169%209.88998C51.3342%208.03491%2052.2511%206.08085%2053.0581%204.07405H48.6604L47.4893%206.21688C47.3723%206.09636%2047.254%205.97929%2047.1344%205.86615C46.0654%204.85488%2044.8054%204.07405%2043.4303%204.07405C42.0077%204.07405%2040.9751%204.90433%2040.3305%206.01162C39.694%207.10479%2039.3964%208.51704%2039.3964%209.89C39.3964%2011.263%2039.694%2012.6752%2040.3305%2013.7684C40.9751%2014.8757%2042.0077%2015.7059%2043.4303%2015.7059C44.8054%2015.7059%2046.0654%2014.9251%2047.1344%2013.9138ZM50.7863%206.05991C50.906%205.80783%2051.0119%205.57812%2051.1028%205.37672H49.433L48.4046%207.25831C48.7648%207.70645%2049.1079%208.17822%2049.4312%208.6565C49.9792%207.70234%2050.4398%206.78953%2050.7863%206.05991Z'%20fill='black'/%3e%3cpath%20d='M99.9648%2018.5964V1.27905H105.946C112.095%201.27905%20115.169%204.09262%20115.169%209.71974C115.169%2012.3954%20114.308%2014.5457%20112.587%2016.1704C110.865%2017.7878%20108.644%2018.5964%20105.924%2018.5964H99.9648ZM103.654%204.29758V15.5779H105.666C107.418%2015.5779%20108.793%2015.0562%20109.792%2014.0128C110.79%2012.9693%20111.29%2011.5569%20111.29%209.77564C111.29%208.05396%20110.768%206.7124%20109.725%205.75094C108.681%204.78203%20107.325%204.29758%20105.655%204.29758H103.654Z'%20fill='black'/%3e%3cpath%20d='M85.5988%2014.829C86.7541%2015.6936%2088.1031%2016.1259%2089.6459%2016.1259C90.6222%2016.1259%2091.3974%2015.9097%2091.9713%2015.4774C92.5451%2015.0452%2092.8321%2014.4303%2092.8321%2013.6328C92.8321%2012.8129%2092.4893%2012.1869%2091.8036%2011.7546C91.1253%2011.3223%2090.1713%2011.1062%2088.9416%2011.1062H87.3988V8.32242H88.8186C91.144%208.32242%2092.3066%207.53984%2092.3066%205.97468C92.3066%204.49896%2091.416%203.7611%2089.6347%203.7611C88.472%203.7611%2087.3429%204.14121%2086.2472%204.90143V1.91644C87.4397%201.29783%2088.8447%200.988525%2090.462%200.988525C92.1017%200.988525%2093.4321%201.36864%2094.4532%202.12886C95.4742%202.88162%2095.9848%203.92879%2095.9848%205.27036C95.9848%207.53612%2094.837%208.95967%2092.5414%209.54101V9.59691C93.7488%209.73107%2094.714%2010.1745%2095.437%2010.9273C96.1599%2011.6726%2096.5214%2012.5819%2096.5214%2013.6551C96.5214%2015.3023%2095.9177%2016.588%2094.7103%2017.5122C93.5103%2018.4363%2091.9079%2018.8984%2089.903%2018.8984C88.1217%2018.8984%2086.687%2018.604%2085.5988%2018.0152V14.829Z'%20fill='black'/%3e%3c/svg%3e");
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='116'%20height='19'%20viewBox='0%200%20116%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M58.7336%201.36768H74.8097L65.1321%2014.9907H74.0748V18.4487H58.4339L68.1115%204.82567H58.7336V1.36768Z'%20fill='black'/%3e%3cpath%20d='M34.0206%2018.4485H29.9594V11.5967H21.8371V18.4485H17.776V1.83911H21.8371V8.01525H29.9594V1.83911H34.0206V18.4485Z'%20fill='black'/%3e%3cpath%20d='M14.1142%2017.9706C12.843%2018.5892%2011.1844%2018.8985%209.13845%2018.8985C6.50576%2018.8985%204.41465%2018.1196%202.86513%2016.5619C1.32313%2014.9968%200.552124%2012.9136%200.552124%2010.3124C0.552124%207.57713%201.41339%205.34118%203.13592%203.60459C4.86597%201.86055%207.09624%200.988525%209.82671%200.988525C11.5342%200.988525%2012.9634%201.20839%2014.1142%201.64813V5.19679C12.9333%204.51109%2011.5944%204.18594%2010.0975%204.18594C8.39001%204.18594%206.68375%204.72629%205.66076%205.807C4.63778%206.88771%204.12628%208.30009%204.12628%2010.0441C4.12628%2011.7435%204.61145%2013.1111%205.58178%2014.1471C6.55212%2015.1831%208.20573%2015.7011%209.86056%2015.7011C11.4176%2015.7011%2012.8355%2015.3107%2014.1142%2014.5654V17.9706Z'%20fill='black'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M40.0278%200.988525C38.4814%200.988525%2037.2278%202.24213%2037.2278%203.78853V16.1873C37.2278%2017.7337%2038.4814%2018.9873%2040.0278%2018.9873H52.4266C53.973%2018.9873%2055.2266%2017.7337%2055.2266%2016.1873V3.78853C55.2266%202.24213%2053.973%200.988525%2052.4266%200.988525H40.0278ZM43.4303%2014.4033C42.5979%2014.4033%2041.9392%2013.9424%2041.4563%2013.113C40.9652%2012.2694%2040.699%2011.0993%2040.699%209.89C40.699%208.68065%2040.9652%207.51059%2041.4563%206.66703C41.9392%205.83758%2042.5979%205.37672%2043.4303%205.37672C44.3104%205.37672%2045.2609%205.88703%2046.2392%206.81247C47.1176%207.64345%2047.9481%208.74304%2048.6835%209.88998C47.9481%2011.0369%2047.1176%2012.1365%2046.2392%2012.9675C45.2609%2013.893%2044.3104%2014.4033%2043.4303%2014.4033ZM47.1344%2013.9138C47.9718%2013.1217%2048.746%2012.1372%2049.4312%2011.1235C49.9792%2012.0776%2050.4398%2012.9904%2050.7863%2013.72C51.0126%2014.1965%2051.1894%2014.5931%2051.3092%2014.8697C51.4363%2015.163%2051.5553%2015.4595%2051.6744%2015.7562C51.6938%2015.8047%2051.7133%2015.8533%2051.7329%2015.9018L52.9415%2015.4158C52.1743%2013.508%2051.2785%2011.6525%2050.2169%209.88998C51.3342%208.03491%2052.2511%206.08085%2053.0581%204.07405H48.6604L47.4893%206.21688C47.3723%206.09636%2047.254%205.97929%2047.1344%205.86615C46.0654%204.85488%2044.8054%204.07405%2043.4303%204.07405C42.0077%204.07405%2040.9751%204.90433%2040.3305%206.01162C39.694%207.10479%2039.3964%208.51704%2039.3964%209.89C39.3964%2011.263%2039.694%2012.6752%2040.3305%2013.7684C40.9751%2014.8757%2042.0077%2015.7059%2043.4303%2015.7059C44.8054%2015.7059%2046.0654%2014.9251%2047.1344%2013.9138ZM50.7863%206.05991C50.906%205.80783%2051.0119%205.57812%2051.1028%205.37672H49.433L48.4046%207.25831C48.7648%207.70645%2049.1079%208.17822%2049.4312%208.6565C49.9792%207.70234%2050.4398%206.78953%2050.7863%206.05991Z'%20fill='black'/%3e%3cpath%20d='M99.9648%2018.5964V1.27905H105.946C112.095%201.27905%20115.169%204.09262%20115.169%209.71974C115.169%2012.3954%20114.308%2014.5457%20112.587%2016.1704C110.865%2017.7878%20108.644%2018.5964%20105.924%2018.5964H99.9648ZM103.654%204.29758V15.5779H105.666C107.418%2015.5779%20108.793%2015.0562%20109.792%2014.0128C110.79%2012.9693%20111.29%2011.5569%20111.29%209.77564C111.29%208.05396%20110.768%206.7124%20109.725%205.75094C108.681%204.78203%20107.325%204.29758%20105.655%204.29758H103.654Z'%20fill='black'/%3e%3cpath%20d='M85.5988%2014.829C86.7541%2015.6936%2088.1031%2016.1259%2089.6459%2016.1259C90.6222%2016.1259%2091.3974%2015.9097%2091.9713%2015.4774C92.5451%2015.0452%2092.8321%2014.4303%2092.8321%2013.6328C92.8321%2012.8129%2092.4893%2012.1869%2091.8036%2011.7546C91.1253%2011.3223%2090.1713%2011.1062%2088.9416%2011.1062H87.3988V8.32242H88.8186C91.144%208.32242%2092.3066%207.53984%2092.3066%205.97468C92.3066%204.49896%2091.416%203.7611%2089.6347%203.7611C88.472%203.7611%2087.3429%204.14121%2086.2472%204.90143V1.91644C87.4397%201.29783%2088.8447%200.988525%2090.462%200.988525C92.1017%200.988525%2093.4321%201.36864%2094.4532%202.12886C95.4742%202.88162%2095.9848%203.92879%2095.9848%205.27036C95.9848%207.53612%2094.837%208.95967%2092.5414%209.54101V9.59691C93.7488%209.73107%2094.714%2010.1745%2095.437%2010.9273C96.1599%2011.6726%2096.5214%2012.5819%2096.5214%2013.6551C96.5214%2015.3023%2095.9177%2016.588%2094.7103%2017.5122C93.5103%2018.4363%2091.9079%2018.8984%2089.903%2018.8984C88.1217%2018.8984%2086.687%2018.604%2085.5988%2018.0152V14.829Z'%20fill='black'/%3e%3c/svg%3e");
  mask-size: 116px 19px;
  -webkit-mask-size: 116px 19px;
  mask-position: center bottom;
  -webkit-mask-position: center bottom;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}
.loading2-content-img .loading2-content-img-bg {
  background: #ffffff1a;
}
.loading2-content-img .loading2-content-img-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: var(--height);
  background: hsl(var(--primary-hue), 50%, 80%);
  transition: height 0.3s ease;
}
.loading2-content-txt {
  font-family:
    PingFang SC,
    -apple-system,
    Helvetica Neue,
    Helvetica,
    sans-serif;
  font-size: 12px;
  color: #ffffffe6;
}