.comments-page{display:flex;flex-direction:column;min-height:100vh}.comments-container{margin-bottom:100px;display:flex;flex-direction:column;gap:5px;padding:5px}.add-comment{width:100%;position:sticky;bottom:0;z-index:999}.highlight-text{color:#a855f7;font-weight:700}.sorting-bar{position:sticky;top:36px;z-index:10;--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));padding-top:10px;padding-bottom:10px}.sorting-bar button{padding:8px 16px;margin-left:10px;background-color:#4a90e2;color:white;border:none;border-radius:4px;cursor:pointer}.sorting-bar button:hover{background-color:#357ABD}.sorting-bar select{border-radius:.5rem;padding:8px 4px;font-size:.75rem;line-height:1rem;border:1px solid #ccc;background-color:black;color:white;cursor:pointer}.sorting-bar select:focus,.sorting-bar select:hover{background-color:#333;outline:none}.textarea-disabled{background-color:#f1f1f1;color:#888;cursor:not-allowed}.textarea-wrapper{width:100%;cursor:pointer}.sorting-bar label{padding-left:10px;padding-right:10px;font-size:.875rem;line-height:1.25rem}