.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:60px;background:#fff;outline:none;-webkit-transition:.2s;transition:opacity .2s;border-radius:20px}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:70px;height:70px;cursor:pointer;border-radius:50%;background-color:#e2e2e2;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="266" height="266" viewBox="0 0 256 256" xml:space="preserve"><defs></defs><g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)"><path d="M 45 90 C 20.187 90 0 69.813 0 45 C 0 20.187 20.187 0 45 0 c 24.813 0 45 20.187 45 45 C 90 69.813 69.813 90 45 90 z M 45 7 C 24.047 7 7 24.047 7 45 s 17.047 38 38 38 s 38 -17.047 38 -38 S 65.953 7 45 7 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" /><path d="M 36.522 65.456 c -0.896 0 -1.792 -0.342 -2.475 -1.025 c -1.367 -1.366 -1.367 -3.583 0 -4.949 L 48.528 45 L 34.047 30.519 c -1.367 -1.366 -1.367 -3.583 0 -4.95 c 1.367 -1.366 3.583 -1.365 4.95 0 l 16.955 16.956 c 1.367 1.366 1.367 3.583 0 4.949 L 38.997 64.431 C 38.313 65.114 37.417 65.456 36.522 65.456 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" /></g></svg>');background-repeat:no-repeat;background-position:center;background-size:50%;border:none;box-shadow:0 0 10px #000c}.compose-popup{position:fixed;bottom:16px;right:16px;border:1px solid #ccc;box-shadow:0 0 10px #0000001a;z-index:1000;width:400px;height:400px}@media screen and (max-width: 700px){.compose-popup{width:300px;height:400px}}@media screen and (max-width: 500px){.compose-popup{width:250px;height:400px}}*{padding:0;margin:0}