.select-buttons{display:flex}.select-buttons-vertical{flex-direction:column;display:flex}.select-button{color:var(--text-color);background-color:unset;border:none;border-bottom:3px solid #0000;padding:10px 23px}.select-button-vertical{color:var(--text-color);background-color:unset;border:none;border-left:3px solid #0000;padding:20px 30px 20px 20px}.select-button:hover{border-bottom:3px solid #fff}.select-button-vertical:hover{border-left:3px solid var(--text-color)}.select-button:active,.select-button-vertical:active{background-color:var(--background-color-active)}.select-button-selected{background-color:unset;border:none;border-bottom:3px solid var(--selected-color);color:var(--selected-color);padding:10px 23px}.select-button-selected-vertical{background-color:unset;border:none;border-left:3px solid var(--selected-color);color:var(--selected-color);padding:20px 30px 20px 20px}.select-buttons-small>button{padding:10px}.app-name{color:var(--selected-color);margin-top:20px;font-family:Birthstone,serif;font-size:30px;font-style:normal}.layout-page{display:flex}.layout-menu{flex-direction:column;align-items:center;gap:50px;height:100dvh;padding:5px;display:flex}.profile-button{text-align:right}.layout-content{width:100%}@media (orientation:portrait){.layout-page{flex-direction:column-reverse;height:100dvh;display:flex}.layout-menu{justify-content:center;align-items:center;gap:0;height:auto;padding:0;display:flex}.layout-content{height:100%}}@media (height<=580px){.layout-menu{justify-content:center}}.feed{flex-direction:column;gap:10px;height:calc(100dvh - 20px);padding:10px;display:flex;overflow:auto}.feed-song{border-bottom:2px solid var(--foreground-color);border-radius:5px 5px 0 0;padding:10px}.feed-song:hover{background-color:var(--background-color-hover)}@media (orientation:portrait){.feed{height:calc(100dvh - 70px)}}.button{color:var(--text-color);padding:var(--padding);text-align:center;font-size:var(--font-size);white-space:nowrap;background-color:#0000;border:2px solid;border-radius:5px;align-items:center;gap:10px;display:flex}.button:hover{background-color:var(--background-color-hover)}.button:active{background-color:var(--background-color-active)}.button-text{border:none}.button-small{padding:3px 7px;font-size:13px}.post-expanded{flex-direction:column;gap:10px;display:flex;overflow:auto}.post-expanded>div{background-color:var(--foreground-color);border-radius:5px;padding:10px}.post-header-expanded{padding:10px}.post-username-and-date{color:var(--text-color-secondary);align-items:center;gap:5px;font-size:14px;display:flex}.post-username-and-date>button{color:var(--text-color-secondary);background-color:#0000;border:none;outline:none;padding:0;font-size:14px}.post-username-and-date>button:hover{color:var(--text-color)}.post-description{margin-top:5px}.post-rate-icons{background-color:var(--background-color-hover);border-radius:5px;align-items:center;width:min-content;display:flex}.post-footer{align-items:center;gap:5px;margin-top:10px;display:flex}.post-rating-active{color:var(--selected-color)}.post-share-button{justify-content:center;align-items:center;width:100px;display:flex}.loading-circle{width:40px;height:40px;animation:1s linear infinite spin}.loading-circle-small{width:20px;height:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container{align-items:center;display:flex}.loading-small{font-size:13px}.sign-in-page{text-align:center;vertical-align:middle;justify-content:center;align-items:center;height:100dvh;display:flex}.sign-in-container{text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:50px;width:400px;height:300px;padding:30px;display:flex}.sign-in-welcome-text{flex-direction:column;display:flex}.verset-brand{color:var(--selected-color);margin-bottom:200px;font-family:Birthstone,serif;font-size:100px;font-style:normal}.my-profile-page{text-align:center;flex-direction:column;justify-content:space-between;align-items:center;height:calc(100dvh - 40px);padding-top:20px;padding-bottom:20px;display:flex;overflow:auto}.my-profile-details{text-align:center;flex-direction:column;display:flex}.my-profile-details>div>input{width:187px}.username-buttons{justify-content:space-between;align-items:center;display:flex}.my-profile-buttons{gap:5px;display:flex}.my-profile-buttons>button{justify-content:center;align-items:center;width:150px;height:30px;display:flex}.my-profile-buttons{justify-content:space-between;display:flex}@media (orientation:portrait){.my-profile-page{height:calc(100dvh - 120px)}}.icon-content{align-items:center;gap:20px;padding:10px;display:flex}.save-cancel-buttons{justify-content:center;align-items:center;gap:5px;margin-top:20px;display:flex}.share-settings-buttons{align-items:center;display:flex}.following-followers-buttons{justify-content:center;align-items:center;gap:5px;margin-top:20px;display:flex}.following-followers-buttons>button{justify-content:center;align-items:center;width:150px;display:flex}.my-profile-page-follow{justify-content:space-between;align-items:center;gap:30px;padding:5px;display:flex}.my-profile-page-follow-modal-buttons{gap:5px;display:flex}.error-icon{color:red;font-size:30px}.modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:fixed;inset:0}.modal-content{background-color:var(--foreground-color);border-radius:10px;padding:10px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #00000080}@media (orientation:portrait){.modal{background-color:var(--foreground-color)}.modal-content{box-shadow:none}}input{border:2px solid var(--text-color);color:var(--text-color);padding:var(--padding);font-size:var(--font-size);background-color:#0000;border-radius:5px}input:focus{border:2px solid var(--selected-color);outline:2px solid var(--selected-color)}input::placeholder{color:var(--text-color)}.icon-button{color:var(--text-color);text-align:center;font-size:var(--font-size);background-color:#0000;border:none;border-radius:50px;align-items:center;gap:10px;padding:10px;display:flex}.icon-button:hover{background-color:var(--background-color-hover)}.icon-button:active{background-color:var(--background-color-active)}.icon-button-disabled{color:var(--disabled-color);text-align:center;font-size:var(--font-size);background-color:#0000;border:none;border-radius:50px;align-items:center;gap:10px;padding:10px;display:flex}.music-icon{background-color:var(--foreground-color);border-radius:10px;min-width:30px;height:30px;padding:10px;font-size:30px}.music-icon-hovered{background-color:var(--selected-color)}.project-card-container{border-radius:10px;justify-content:space-between;align-items:center;padding:10px;display:flex}.project-info{align-items:center;gap:10px;display:flex}.project-card-container-hovered{background-color:var(--background-color-hover)}.project-card-buttons{display:flex}.project-info>div{flex-direction:column;gap:5px;display:flex}.project-name{word-break:break-all;font-weight:700}.project-last-update{color:var(--text-color-secondary)}.are-you-sure-modal-content{flex-direction:column;gap:50px;padding:10px;display:flex}.are-you-sure-modal-buttons{justify-content:center;gap:5px;display:flex}.are-you-sure-modal-content-vertical{word-wrap:break-word;max-width:300px}.new-project-modal-content{flex-direction:column;gap:15px;padding:10px;display:flex}.new-project-modal-buttons{justify-content:center;gap:5px;margin-top:20px;display:flex}.new-project-input-container{align-items:center;display:flex}.new-project-input-container>span{width:100px}.new-project-modal-input{width:180px}.project-details-header{justify-content:space-between;align-items:center;gap:20px;min-width:300px;height:22px;margin-bottom:10px;padding:5px;display:flex}.project-details-header-buttons{align-items:center;gap:5px;display:flex}.project-description-lyrics{flex-direction:column;gap:5px;width:calc(100vw - 570px);height:calc(100dvh - 60px);display:flex;overflow:auto}.project-verse{min-height:20px}.project-lyrics-header,.project-description-header{background-color:var(--foreground-color);border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;gap:5px;padding:10px;display:flex}.project-lyrics-content,.project-description-content{background-color:var(--foreground-color);border-radius:0 0 10px 10px;padding:10px;overflow:auto}.project-settings{flex-direction:column;gap:30px;padding:10px;display:flex}.project-settings-modal-buttons{justify-content:center;gap:5px;display:flex}.project-settings-container{flex-direction:column;gap:15px;display:flex}.project-settings-container>div{align-items:center;gap:0;display:flex}.project-settings-name-input{width:180px}.project-settings-label{width:100px}.project-description-modal-content{flex-direction:column;gap:10px;display:flex}.project-description-modal-buttons{justify-content:center;align-items:center;gap:5px;display:flex}.project-description-modal-textarea{background-color:var(--background-color);width:50vw;height:50vh;color:var(--text-color);resize:none;border:none;border-radius:5px;outline:none;padding:5px}.projects-page{gap:10px;display:flex}.projects-page-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.projects-container{height:calc(100dvh - 60px);overflow-y:auto}.projects{flex-direction:column;gap:5px;display:flex}.project-selection{flex-direction:column;width:100%;display:flex}.projects-page-header-buttons{align-items:center;height:30px;display:flex}.projects-page-message{justify-content:center;align-items:center;width:100%;height:100%;display:flex}@media (orientation:portrait){.projects-container{height:calc(100dvh - 110px)}}.editor-page{height:100dvh}.editor-page-content{height:100%;display:flex}.editor-page-header{height:26px;padding:5px;display:flex}.editor-page-function{background-color:var(--middleground-color);flex-direction:column;gap:10px;width:800px;padding:5px;display:flex}.editor-function-body{flex-direction:column;gap:10px;height:calc(100dvh - 95px);display:flex;overflow:auto}.editor-function-header{justify-content:space-between;align-items:center;gap:5px;display:flex}.editor-content-message{background-color:var(--foreground-color);justify-content:center;align-items:center;width:100%;padding:5px;display:flex}.editor-page-save-button-content{justify-content:center;align-items:center;width:30px;display:flex}.editor-textarea{background-color:var(--foreground-color);width:100%;color:var(--text-color);resize:none;border:none;outline:none;padding:20px}.editor-textarea::placeholder{color:var(--text-color)}.rhymes-content{flex-direction:column;gap:10px;display:flex}.rhymes-title{color:var(--selected-color);font-weight:700}.rhymes-list{grid-template-columns:auto auto auto;display:grid}.post-page{height:100dvh;overflow:auto}.comment-editor{flex-direction:column;gap:5px;width:500px;padding:10px;display:flex}.comment-editor>div{justify-content:end;display:flex}.comment-editor>div>button{background-color:var(--foreground-color);justify-content:center;width:120px;display:flex}.comment-editor>textarea{resize:none;background-color:var(--foreground-color);height:100px;color:var(--text-color);border:2px solid var(--foreground-color);border-radius:5px;outline:none;padding:5px;font-size:15px}.comment-editor>textarea:focus{border:2px solid var(--selected-color)}.comments-container{flex-direction:column;gap:10px;padding:10px;display:flex}.comment-username-and-date{gap:5px;padding:5px;font-size:12px;display:flex}.comment-username{color:var(--selected-color);font-weight:700}.comment-content-container{justify-content:space-between;align-items:start;max-width:500px;display:flex}.comment-content{white-space:pre-wrap;word-wrap:break-word;border-radius:5px;min-width:100px;max-width:500px;min-height:20px;padding:5px}@media (width<=670px){.comment-editor{width:auto}}@media (orientation:portrait){.post-page{height:calc(100dvh - 50px)}.comment-editor{width:auto}}.profile-page{flex-direction:column;gap:10px;height:calc(100dvh - 20px);display:flex;overflow:auto}.profile-page-user-details{padding:10px}.profile-page-posts{flex-direction:column;gap:10px;display:flex}.profile-page-buttons{padding:10px}.profile-page-buttons>button{justify-content:center;align-items:center;width:200px;display:flex}.profile-page-posts-title{padding:10px}@media (orientation:portrait){.profile-page{height:calc(100dvh - 70px)}.profile-page-buttons{justify-content:center;align-items:center;display:flex}.profile-page-user-details{flex-direction:column;justify-content:center;align-items:center;display:flex}}.notifications{flex-direction:column;gap:10px;display:flex}.notifications>div{background-color:var(--foreground-color);border-radius:5px;padding:10px}.notification-date{font-size:12px}.follow-request-notification-content,.follow-request-notification-buttons,.notification-profile-button{align-items:center;gap:5px;display:flex}.notification-profile-button>button{color:var(--selected-color);background-color:#0000;border:0;padding:0}.notification-profile-button>button:hover{color:var(--text-color-secondary);background-color:#0000;padding:0}@media (orientation:portrait){.reports-page{white-space:nowrap;flex-direction:column;align-items:center;gap:50px;display:flex}.report-content{width:500px}.reports-options{background-color:var(--middleground-color);width:100vw;padding:10px;overflow-y:auto}}@media (orientation:landscape){.reports-page{flex-direction:row;align-items:center;gap:50px;display:flex}.report-content{width:500px}.reports-options{background-color:var(--middleground-color);min-width:100px;height:100vh;overflow-y:auto}}.chart-container{background-color:var(--middleground-color);border-radius:10px;padding:20px}.chart-bar{fill:var(--selected-color)}:root{--background-color:#141414;--background-color-hover:#ffffff1a;--background-color-active:#fff3;--background-color-selected:#ffffff1a;--middleground-color:#202020;--foreground-color:#313131;--text-color:#e0e0e0;--text-color-secondary:#b1b1b1;--selected-color:#eb7134;--disabled-color:#0003;--font-size:16px;--icon-font-size:20px;--small-icon-font-size:25px;--padding-horizontal:15px;--padding-vertical:5px;--padding:5px 15px 5px 15px}html,body{margin:0;padding:0;overflow:hidden}body{color:var(--text-color);background-color:var(--background-color);margin:0;font-family:Arial,sans-serif}h3{margin:0}textarea{font-size:14px}.icon{font-size:var(--icon-font-size)}.small-icon{font-size:var(--small-icon-font-size)}button{font-size:var(--font-size)}.center{text-align:center;justify-content:center;align-items:center;width:100%;display:flex}.page{margin:10px}.icon-text-div{align-items:center;gap:5px;display:flex}.icon-text-div>.text{margin-top:3px}a{color:var(--text-color);text-decoration:none}.center{justify-content:center;align-items:center;width:100%;height:100%;display:flex}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--selected-color);background:var(--text-color);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--selected-color)}::-webkit-scrollbar-track{background:0 0}@media (orientation:portrait){::-webkit-scrollbar{width:5px;height:5px}}