.loading-element{width:48px;height:48px;display:flex;justify-content:center;align-items:center;margin:24px auto;z-index:2}.loading-element>.spinner{display:inline-block;width:48px;height:48px;border-radius:50%;border-top:3px solid var(--mainColor);border-right:3px solid transparent;animation:spinner-rotation 1s linear infinite}@keyframes spinner-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.session{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:12px}.session-loading{font-size:14px;color:#9f9f9f}.profile-card-container>p:first-child{letter-spacing:0px;font-size:14px;margin-bottom:4px}.profile-card{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:var(--low-border-radius)}.profile-card .button{margin:6px 0 0;font-size:12px;color:#fff}.profile-card .google-logo{position:absolute;top:4px;left:4px;width:16px;height:auto}.profile-card .profile-picture#anonAvatar{cursor:pointer}.profile-card .profile-picture#anonAvatar:hover{opacity:.75}.profile-card .profile-picture{height:52px;width:52px;margin-bottom:4px;border-radius:4px}.profile-card-username{font-weight:600}.google-signin-button{cursor:pointer;display:flex;justify-content:space-around;gap:8px;user-select:none;text-align:center;font-weight:500;align-items:center;color:#101010;padding:6px;margin-top:4px;border-radius:var(--low-border-radius);background-color:#eeeeeee0;border:none;font-family:inherit}.google-signin-button:hover{background-color:#fff}@media screen and (max-width:300px){.session{flex-direction:column;gap:0px}}.form-container{display:flex;justify-content:center;width:100%}.form-container>form{position:relative;display:flex;justify-content:center;width:100%}.form-container>form>textarea.box,.form-container>form>.editable-textbox.box{min-height:26px;max-height:100px;width:100%;margin-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.form-container>form>button{margin:0!important;padding:0 2px!important;border-radius:0}.form-container>form>button:last-of-type{border-top-right-radius:var(--low-border-radius);border-bottom-right-radius:var(--low-border-radius)}.form-container>form>label.limit{position:absolute;top:-19px;right:64px;font-size:14px;padding:0 3px;background-color:#11111390;border-top-left-radius:var(--low-border-radius);border-top-right-radius:var(--low-border-radius)}.reply-form{align-items:center;margin-bottom:8px;padding-top:6px}.reply-form,.reply-form button{font-size:13px!important}.reply-box{background-color:transparent;color:#fff;min-height:25px;width:100%;padding:2px 4px;margin-left:var(--container-margin);border-bottom:1px solid var(--mainColor)}.reply-form img.avatar{aspect-ratio:1/1;height:30px;width:30px;border-radius:4px}@media screen and (max-width:800px){.form-container>form{width:100%}}.editable-textbox{overflow-y:auto;outline:none;cursor:text;white-space:pre-wrap;word-wrap:break-word;background-color:var(--container-background);padding:6px 12px;border:1px solid var(--mainColor);width:100%;border-top-left-radius:var(--low-border-radius);border-bottom-left-radius:var(--low-border-radius)}.editable-textbox:empty:before{content:attr(data-placeholder);color:#888;pointer-events:none}.editable-textbox .inline-emote{display:inline-block;height:2rem;width:2rem;vertical-align:middle;margin:0 1px}.emote-picker{position:relative}.emote-picker-button{background:var(--mainColor);border:none;cursor:pointer;padding:0 8px;font-size:16px;height:100%;display:flex;align-items:center;justify-content:center;transition:background .2s}.emote-picker-button:hover{background:var(--mainColorHover, #444)}.emote-picker-menu{position:absolute;top:100%;right:0;z-index:100;background:#1a1a1a;border:1px solid var(--mainColor);border-radius:var(--low-border-radius);padding:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;min-width:140px;box-shadow:0 4px 12px #0000004d}.emote-picker-item{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background .2s}.emote-picker-item:hover{background:#333}.emote-picker-item img{width:2rem!important;height:2rem!important;min-width:2rem;min-height:2rem}.reply-form .emote-picker-button{background:transparent;padding:0 6px;font-size:14px}.reply-form .emote-picker-menu{grid-template-columns:repeat(3,1fr);min-width:100px}.emote-wrapper{position:relative;display:inline-block}.emote-inline{display:inline-block;height:1.5rem;width:1.5rem;vertical-align:middle;margin:0 1px}.emote-preview{display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%);flex-direction:column;align-items:center;background:#1a1a1a;border:1px solid var(--mainColor);border-radius:var(--low-border-radius);padding:4px;z-index:50;pointer-events:none}.emote-wrapper:hover .emote-preview{display:flex}.emote-preview img{width:64px;height:64px}.emote-name{font-size:11px;color:#aaa;margin-top:2px}.cs-card{display:flex;background-color:var(--container-background-lighted);border-radius:var(--low-border-radius);padding:6px;width:100%;box-shadow:2px 2px 1px 1px #00000040}.cs-card .cs-avatar{aspect-ratio:1 / 1;margin-right:12px;border-radius:4px}.cs-card .cs-data{width:90%}.cs-card .cs-data .cs-header{display:flex;justify-content:space-between}.cs-card .cs-data .cs-header .cs-info{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-bottom:4px}.cs-card .cs-data .cs-header .cs-info .cs-name{font-weight:600}.cs-card .cs-data .cs-header .cs-info .cs-name.official{color:#ffc745}.cs-card .cs-data .cs-header .cs-info .cs-userid{color:#ffffff60}.cs-card .cs-data .cs-header .cs-info .cs-date{font-size:12px;display:flex;align-items:center;color:#ffffff60;margin-left:8px}.cs-card .cs-card-bottom{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:8px}.cs-card .cs-card-bottom .cs-expand-btn{font-size:11px;padding:2px 4px;background-color:var(--container-background)}.cs-card .cs-card-bottom .cs-expand-btn .caret{display:inline-block;width:18px;height:18px;vertical-align:middle;transition:transform .2s}.cs-card .cs-card-bottom .cs-expand-btn.opened .caret{transform:rotate(90deg)}.cs-comment{margin-top:12px}.cs-comment .cs-avatar{width:42px;height:42px}.cs-comment .cs-data .cs-header .cs-info .cs-name{font-size:15px}.cs-comment .cs-data .cs-header .cs-info .cs-userid,.cs-card .cs-data .cs-header .cs-info .cs-date{font-size:12px}.cs-comment .cs-data .cs-body{word-wrap:break-word;font-size:14px}.cs-reply{margin-top:6px}.cs-reply .cs-avatar{width:30px;height:30px}.cs-reply .cs-data .cs-header .cs-info .cs-name{font-size:13px}.cs-reply .cs-data .cs-header .cs-info .cs-userid,.cs-reply .cs-data .cs-header .cs-info .cs-date{font-size:11px}.cs-reply .cs-data .cs-body{word-wrap:break-word;font-size:12px}.delete-btn{background-color:#b91c1c!important;border:1px solid #b91c1c!important;margin:0!important;padding:2px 4px!important}.delete-btn:hover{background-color:#dc2626!important;border:1px solid #dc2626!important}.delete-window{display:none;animation:fade-in ease-in-out .1s}.delete-window.opened{position:fixed;display:grid;place-content:center;background-color:#00000080;top:0;left:0;width:100%;height:100%;z-index:7}.delete-modal{position:relative;display:flex;flex-direction:column;align-items:center;background-color:var(--container-background);padding:18px 12px;border-radius:var(--low-border-radius)}.delete-modal .close-button{position:absolute;top:4px;right:8px;background:none;border:none;color:#fff;font-size:20px;cursor:pointer}.delete-modal .buttons{display:flex;justify-content:space-around;gap:12px;margin-top:12px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.comments.container{align-items:center;padding-bottom:24px;margin-top:16px}.comments.container>h2{text-align:center;width:100%}.comments .load{margin:16px auto 0!important}.comment-list,.comments>.form-container{width:600px}.comment-list>p{text-align:center;font-size:16px;color:#9f9f9f;margin:24px auto}.replies-list{display:flex;flex-direction:column;margin-bottom:24px;margin-left:8%}.replies-list .editable-textbox{background-color:transparent;border:none;border-radius:0;border-bottom:1px solid var(--mainColor)}.load-comments{display:flex;flex-direction:column;align-items:center;margin-top:16px}.load-comments>p{font-size:14px;margin-bottom:2px}@media screen and (max-width:600px){.comment-list,.comments>.form-container{width:100%}}.cosmetic.shelby{right:72%;top:-22px;height:auto;width:24px}