/* ------- Osmo [https://osmo.supply/] ------- */

body {
 background-color: #25122d;
 color: #efeeec;
 display: flex;
 align-items: center;
 justify-content: center;
 height: 100vh;
 flex-direction: column;
 overflow: clip;
 font-size: 1vw;
 cursor: url("https://cdn.prod.website-files.com/6708f85ff3d3cba6aff436fb/671251b239d7aeb290a31ac5_cursor-default%402x.svg")
 2 0,
 auto;
}

a,
button {
 cursor: url("https://cdn.prod.website-files.com/6708f85ff3d3cba6aff436fb/671251b212e6b71494aa67ff_cursor-pointer%402x.svg")
 12 0,
 pointer;
}

.play-pause-button {
 background-color: transparent;
 border: none;
 justify-content: center;
 align-items: center;
 width: max(7.5rem, 15vw);
 height: max(7.5rem, 15vw);
 padding: 0;
 display: flex;
 color: currentColor;
}

.play-pause-icon {
 width: 100%;
 height: 100%;
}

.dot {
 position: absolute;
 background-color: #0ae448;
 width: 2vw;
 height: 2vw;
 border-radius: 50%;
 will-change: transform, opacity;
 pointer-events: none;
}

.osmo-credits {
 z-index: 999;
 pointer-events: none;
 flex-flow: column;
 justify-content: center;
 align-items: center;
 width: 100%;
 height: 4em;
 padding: 1em;
 display: flex;
 position: fixed;
 bottom: 0;
 left: 0;
}

.osmo-credits__p {
 pointer-events: auto;
 color: #efeeec80;
 text-align: center;
 margin: 0;
 font-family: PP Neue Montreal, Arial, sans-serif;
 font-size: 1.125em;
 font-weight: 500;
 line-height: 1.3;
}

.osmo-credits__p-a {
 color: #efeeec;
}

@font-face {
 font-family: "PP Neue Montreal";
 src: url("https://cdn.prod.website-files.com/6819ed8312518f61b84824df/6819ed8312518f61b84825ba_PPNeueMontreal-Medium.woff2")
 format("woff2");
 font-weight: 500;
 font-style: normal;
 font-display: swap;
}