@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url('/assets/fonts/poppins/poppins-300.ttf?v=1') format('truetype')}
@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/poppins/poppins-400.ttf?v=1') format('truetype')}
@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/poppins/poppins-500.ttf?v=1') format('truetype')}
@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/poppins/poppins-600.ttf?v=1') format('truetype')}
@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/poppins/poppins-700.ttf?v=1') format('truetype')}
@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url('/assets/fonts/poppins/poppins-800.ttf?v=1') format('truetype')}
@font-face{font-family:Poppins;font-style:normal;font-weight:900;font-display:swap;src:url('/assets/fonts/poppins/poppins-900.ttf?v=1') format('truetype')}

:root{
  --diy-font-family:Poppins,Arial,sans-serif;
}

html,
body,
button,
input,
textarea,
select,
option,
optgroup,
.nav-label,
.product-menu,
.topbar .back,
.nav-product-title,
.product-title-logo,
#lyricsOverlay{
  font-family:var(--diy-font-family)!important;
}

code,
pre,
kbd,
samp{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
}