.range-input{height:.625rem;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;--tw-bg-opacity:1;background-color:rgb(229 224 255/var(--tw-bg-opacity));border-radius:.375rem}.range-input::-webkit-slider-thumb{box-sizing:content-box;height:1.25rem;width:1.25rem;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:6.25rem;border-width:2px;border-style:solid;--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(14 1 66/var(--tw-bg-opacity));--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.range-input:active::-webkit-slider-thumb{--tw-bg-opacity:1;background-color:rgb(75 52 168/var(--tw-bg-opacity))}.range-input:focus{outline:2px solid transparent;outline-offset:2px}.range-input:focus::-webkit-slider-thumb{--tw-bg-opacity:1;background-color:rgb(75 52 168/var(--tw-bg-opacity));outline:2px solid transparent;outline-offset:2px}.range-input:hover:not(:active)::-webkit-slider-thumb{--tw-bg-opacity:1;background-color:rgb(95 67 208/var(--tw-bg-opacity))}
.note-wrapper{display:flex;height:-moz-max-content;height:max-content;min-width:15rem;max-width:none;border-radius:.625rem;border-width:2px;--tw-border-opacity:1;border-color:rgb(243 239 255/var(--tw-border-opacity));padding:1rem}@media (min-width:768px){.note-wrapper{max-width:36rem;padding:1.5rem}}@media (min-width:1200px){.note-wrapper{min-width:100%;max-width:none}}@media (min-width:768px) and (max-width:1199px){.note-wrapper{min-width:20.9375rem}}