body
{
   background-color: #000000;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
a
{
   color: #7DD3FC;
   text-decoration: none;
}
a:hover
{
   color: #7DD3FC;
   text-decoration: underline;
}
#wb_Heading1
{
   -webkit-background-clip: text;
   background-clip: text;
   background-image: linear-gradient(to bottom, #24C2FF 0%, #9632FF 100%);
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Heading1
{
   color: transparent;
   font-family: "Open Sans";
   font-weight: 800;
   font-style: normal;
   font-size: 37px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 50px 0 50px 0 ;
   text-align: center;
}
#wb_Text1 div
{
   text-align: center;
}
#wb_Text1
{
   display: block;
   margin: 50px 0 50px 0 ;
   box-sizing: border-box;
   width: 100%;
}
#wb_LayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid1
{
   box-sizing: border-box;
   padding: 50px 15px 50px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1920px;
}
#LayoutGrid1 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid1 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid1 > .row > .col-1
{
   float: left;
}
#LayoutGrid1 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#LayoutGrid1:before,
#LayoutGrid1:after,
#LayoutGrid1 .row:before,
#LayoutGrid1 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid1:after,
#LayoutGrid1 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid1 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 50px 0 0 0 ;
   text-align: center;
}
#wb_Text2 div
{
   text-align: center;
}
#wb_Text2
{
   display: block;
   margin: 50px 0 0 0 ;
   box-sizing: border-box;
   width: 100%;
}
#wb_Extension1
{
   height: auto !important;
}
#Extension1
{
   --hp-bg: #02070D;
   --hp-text: #EAFCFF;
   --hp-muted: rgba(167,196,203,0.75);
   --hp-faint: rgba(167,196,203,0.41);
   --hp-glass: rgba(6,22,34,1.00);
   --hp-glass-2: rgba(6,22,34,1.00);
   --hp-accent: #49F7FF;
   --hp-accent-2: #9C6BFF;
   --hp-cyan: #49F7FF;
   --hp-active: #49F7FF;
   --hp-violet: #9C6BFF;
   --hp-pink: #6CBAFF;
   --hp-meter-off: rgba(73,247,255,0.07);
   --hp-meter-low: #49F7FF;
   --hp-meter-mid: #64C8FF;
   --hp-meter-high: #8099FF;
   --hp-meter-peak: #9C6BFF;
   --hp-line: rgba(73,247,255,0.18);
   --hp-line-strong: rgba(73,247,255,0.42);
   font-family: "Open Sans", Inter, Arial, sans-serif;
   font-size: 16px;
   --hp-font-base: 16px;
   --hp-font-title: 42px;
   --hp-font-brand: 14px;
}
#Extension1 .hp-track-title, #Extension1 .hp-shell.is-compact .hp-track-title { font-size: var(--hp-font-title); }
#Extension1 .hp-brand strong, #Extension1 .hp-shell.is-minimized .hp-brand strong { font-size: var(--hp-font-brand); }
#Extension1 .hp-node-title, #Extension1 .hp-track-artist, #Extension1 .hp-btn, #Extension1 .hp-preset-badge b { font-size: var(--hp-font-base); }
#Extension1 .hp-brand span, #Extension1 .hp-chip, #Extension1 .hp-status, #Extension1 .hp-size-toggle, #Extension1 .hp-panel-title, #Extension1 .hp-node-artist, #Extension1 .hp-node-meta, #Extension1 .hp-preset-badge, #Extension1 .hp-ring-total, #Extension1 .hp-time-row, #Extension1 .hp-control label, #Extension1 .hp-data-row { font-size: calc(var(--hp-font-base) * 0.8); }
#Extension1 .hp-ring-time { font-size: calc(var(--hp-font-base) * 2); }
#Extension1 .hp-page { padding-left: 34px; padding-right: 34px; }
#Extension1 .hp-grid { grid-template-columns: 300px minmax(0, 1fr) 300px; }
#Extension1.no-playlist .hp-grid { grid-template-columns: minmax(0, 1fr) 300px; }
#Extension1.is-compact .hp-grid { grid-template-columns: 1fr; }
#Extension1 .hp-node-list.is-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#Extension1 .hp-shell, #Extension1 .hp-panel { border-radius: 28px; }
#Extension1 .hp-shell::after { opacity: 0.82; }
@media (max-width: 1080px) { #Extension1 .hp-header, #Extension1 .hp-grid, #Extension1.no-playlist .hp-grid, #Extension1 .hp-top-strip { grid-template-columns: minmax(0, 1fr); } #Extension1 .hp-page { padding-left: 12px; padding-right: 12px; } #Extension1 .hp-center-panel .hp-panel-inner { min-height: auto; } #Extension1 .hp-track-hud { flex-direction: column; } #Extension1 .hp-telemetry, #Extension1 .hp-actions { justify-content: flex-start; flex-wrap: wrap; } #Extension1 .hp-meter-grid { height: 130px; } #Extension1 .hp-node-list.is-cards { grid-template-columns: 1fr; } }
@container (max-width: 1080px) { #Extension1 .hp-grid, #Extension1.no-playlist .hp-grid, #Extension1 .hp-top-strip { grid-template-columns: minmax(0, 1fr); } #Extension1 .hp-page { padding-left: 12px; padding-right: 12px; } #Extension1 .hp-center-panel .hp-panel-inner { min-height: auto; } #Extension1 .hp-track-hud { flex-direction: column; } #Extension1 .hp-telemetry, #Extension1 .hp-actions { justify-content: flex-start; flex-wrap: wrap; } #Extension1 .hp-meter-grid { height: 130px; } #Extension1 .hp-node-list.is-cards { grid-template-columns: 1fr; } }