:export{red-600:#c6002b;red-500:#cd212e;red-400:#e22c3a;red-300:#f4747c;red-200:#f79096;red-100:#f4adb1;orange-600:#fb6825;orange-500:#fc833e;orange-400:#fc9e65;orange-300:#fdb990;orange-200:#fdd5bb;orange-100:#fef1e8;yellow-600:#fcba38;yellow-500:#fdc64c;yellow-400:#fdd36f;yellow-300:#fddf96;yellow-200:#feecbf;yellow-100:#fff8e9;green-600:#46815a;green-500:#62aa7b;green-400:#78d297;green-300:#8bdea7;green-200:#9ce2b4;green-100:#ace7c0;blue-600:#0055b7;blue-500:#509da7;blue-400:#60bac6;blue-300:#68c8d5;blue-200:#84dae5;blue-100:#a3e2eb;purple-600:#793cb7;purple-500:#8d5bcd;purple-400:#a071dc;purple-300:#a586e5;purple-200:#b895f2;purple-100:#c7a3f5;grey-600:#27292d;grey-500:#3f4447;grey-400:#717277;grey-300:#a9afb2;grey-250:#dadfe3;grey-200:#e6eaed;grey-150:#edf1f3;grey-100:#f6f8f9}.component-htl-bar{grid-gap:.5rem;background-color:var(--card-bg-color);color:var(--card-text-primary-color);display:none;font-size:calc(var(--body-font-size)*.9);grid-template-areas:". content close-button";grid-template-columns:2rem 1fr 2rem;padding:.5rem;width:100%}@media screen and (min-width:768px){.component-htl-bar{grid-gap:1rem}}.component-htl-bar.show{display:grid}.theme-night .component-htl-bar{--card-bg-color:var(--block-theme-background-color);--card-text-primary-color:var(--block-theme-background-color)}.component-htl-bar .close-button{grid-area:close-button;height:2rem;padding:0;width:2rem}.component-htl-bar .close-button svg{margin:0}.component-htl-bar .content{align-items:baseline;display:flex;flex-wrap:wrap;grid-area:content;justify-content:center;width:100%}.component-htl-bar .content .text{padding:.5rem;text-align:center}@media screen and (min-width:768px){.component-htl-bar .content .text{padding:1rem}}
/*# sourceMappingURL=HowToListenBar-component.0d67bcb632d8febcdd54.css.map*/