body{margin:0;padding:0}.custom-scrollbar{overflow-y:auto}.custom-scrollbar::-webkit-scrollbar{width:7px}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#e6e8ec;border-radius:20px}.custom-scrollbar::-webkit-scrollbar-track{background-color:transparent}.custom-scrollbar:hover::-webkit-scrollbar-thumb{background-color:#d0cfcf}.flex{display:flex}.flex-column{flex-direction:column}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.h-screen{height:100vh}.bg-darker{background-color:#202020}.bg-dark{background-color:#2d3032}.font-mono{font-family:monospace}.center-it{display:flex;justify-content:center;align-items:center}.color-white{color:#fff}.color-black{color:#000}.overflow-hidden{overflow:hidden}.contents{display:grid;place-items:center;transition:filter .2s ease-out}.non-selectable{-webkit-user-select:none;user-select:none}.sample-drag-bar{width:4px;background-color:#dad8d8;cursor:grabbing;transition:background-color .3s ease-in-out;border-radius:6px}.sample-drag-bar.sample-drag-bar--dragging,.sample-drag-bar:hover{background-color:#63b3ed}.sample-drag-bar.sample-drag-bar--horizontal{height:5px;width:100%;cursor:row-resize}