:root{--font: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;font-family:var(--font);line-height:1.5;font-weight:400;background-color:#242424;--main-text-color: rgba(255, 255, 255, .87);color:var(--main-text-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--garf-color: #f8a5c2;--garf-color-50: #f8a5c2aa;--bad-color: #ed8c8c;--section-background: #282828;--section-background-hover: #2c2c2c;--transparent-section-background: #28282888;--section-border: #66666644;--section-border-2: #88888844;--section-shadow: rgba(0, 0, 0, .1) 0px 4px 12px;--section-shadow-2: rgba(0, 0, 0, .15) 0px 4px 16px;--text-on-gradient-color: black;--modal-content-background-color: #1c1c1c;--modal-background-color: rgba(0, 0, 0, .4);--placeholder-text-color: rgba(255, 255, 255, .5)}::selection{background-color:var(--garf-color-50);color:var(--text-on-gradient-color);border-radius:12px}img{-webkit-user-select:none;user-select:none}input,textarea{color:#fff;font-family:var(--font)}*{min-width:0;min-height:0}a.undecorated{color:inherit;text-decoration:inherit}a *{cursor:pointer}a{color:var(--garf-color);cursor:pointer;text-decoration:underline}#root{width:100%}#page-container{display:flex;min-width:100%;min-height:100vh;flex-direction:column}#header{padding:18px;margin:18px;border-radius:12px;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;flex:0 0 48px}.section{box-shadow:var(--section-shadow);background-color:var(--section-background);border:1px solid var(--section-border);transition:box-shadow ease .2s}.section:hover{box-shadow:var(--section-shadow-2)}#header>*{display:flex;align-items:center}#header>:first-child{justify-self:start}#header>:last-child{justify-self:end}.button-component{padding:12px;background:unset;border:unset;box-shadow:#63636333 0 2px 8px;background-color:var(--garf-color);color:#000;font-family:var(--font);font-size:12pt;border-radius:12px;transition:ease .2s;align-self:stretch;cursor:pointer}.button-component.dark{background-color:transparent;border:1px solid var(--section-border-2);color:var(--main-text-color)}.button-component.dark:hover{-webkit-backdrop-filter:brightness(125%);backdrop-filter:brightness(125%)}.button-component:hover{filter:brightness(110%)}.button-component:active{transform:translateY(2px);filter:brightness(120%)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100%}.login-container{width:480px;height:640px;align-self:center;border-radius:24px;transition:box-shadow ease .2s;padding:24px;display:flex;flex-direction:column}.login-container-content{flex-grow:1;display:flex;flex-direction:column;gap:24px;align-items:center}@media screen and (max-width: 600px){#page-container{max-width:100vw}.login-container{width:calc(100% - 50px);max-height:calc(100% - 50px);border-radius:0}.login-container-content>*{max-width:100%}.hide-on-small-view{display:none}}hr{border-color:var(--garf-color);border-width:3px;border-radius:3px;border-style:solid;margin:0;align-self:center}.login-container-content>.login-title{font-size:24pt;font-weight:700;text-align:center}.login-back{flex-basis:72px;display:flex;justify-content:center;align-items:center}.login-form{flex-grow:1;width:min(384px,calc(100% - 12px));display:flex;flex-direction:column;align-items:stretch;gap:12px}.login-form>div:first-child{display:flex;flex-direction:column;align-items:stretch;gap:12px}.text-input-component{padding:12px;border-radius:12px;font-size:18px;border:1px solid var(--section-border-2)}textarea.text-input-component{resize:none}.text-input-component:focus{outline:1px solid var(--garf-color)}.center-text{text-align:center}.login-form>div:nth-child(2){flex-basis:36px;display:flex;align-items:center;justify-content:end;flex-grow:1;flex-direction:column}.background-element{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--background-element-background);z-index:-1}.login-incorrect-warning{color:var(--bad-color);display:flex;flex-direction:column;align-items:center;font-size:12pt}.login-incorrect-warning>:first-child{text-align:center}.modal{position:fixed;z-index:20;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:var(--modal-background-color);font-size:initial;display:flex;justify-content:center;align-items:center;flex-direction:column}.modal>div{max-width:min(calc(100% - 16px),480px)}.modal>div.size-1{max-width:min(90%,960px)}.modal-content{background-color:var(--modal-content-background-color);margin:0 auto;padding:20px;border:1px solid var(--modal-border-color);width:calc(100% - 40px)}.shadow{box-shadow:var(--section-shadow)}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.modal-body{background-color:var(--modal-content-background-color);width:500px;height:300px;border-radius:12px;display:flex;flex-direction:column;animation:modal-appear .25s cubic-bezier(.175,.885,.32,1.275);animation-iteration-count:1;margin:30px 0;max-height:100vh;overflow-y:auto;overflow-x:clip;border:none}.modal-head-content{font-size:20pt;flex:1 0;text-align:center;color:var(--text-on-gradient-color);white-space:nowrap}@media screen and (max-width: 512px){.modal-head-close{transform:translate(10px) translateY(-16px)}}.modal-head-close{margin:-15px 5px -15px -55px;cursor:pointer}.modal-head-close>img{margin:15px;vertical-align:middle;filter:var(--icon-on-gradient-filter)}.modal-head{flex:0 0 75px;background:linear-gradient(135deg,var(--garf-color) 0%,var(--garf-color) 100%);border-top-left-radius:12px;border-top-right-radius:12px;margin:-1px;display:flex;align-items:center;position:sticky;top:0;z-index:1}@keyframes modal-appear{0%{transform:scale(.8)}to{transform:scale(1)}}.modal-content{flex:1 0 0;font-size:16pt;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;min-height:auto}.username-editor{display:flex;flex-direction:row;gap:0}.username-editor>:first-child{cursor:default;border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.username-editor>:nth-child(2){flex-grow:1}.username-editor>:nth-child(2)>.text-input-component{border-top-left-radius:0;border-bottom-left-radius:0;height:27px}.username-picker>:first-child{margin-left:auto;margin-right:auto}.username-picker{border:1px solid var(--section-border-2);border-radius:12px;display:flex;flex-direction:column;align-items:center;padding:12px 18px 18px;flex-basis:120px;justify-content:center}.username-picker>:nth-child(2){display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.garfield-image{border:1px solid white}.no-access{pointer-events:none;filter:saturate(.25) opacity(50%)}.icon-container{display:grid;place-items:center;line-height:0;max-height:100%;max-width:100%;border-radius:12px;transition:backdrop-filter .25s ease}.icon-container:hover{-webkit-backdrop-filter:brightness(125%);backdrop-filter:brightness(125%)}.icon-container img{width:100%;height:100%;filter:invert(100%)}.icon-container *{line-height:normal}.dropdown,.text-input-container{position:relative}.dropdown>.dropdown-head>button{font-size:12pt;background-color:var(--section-background);border:1px solid var(--section-border-2);border-radius:12px;padding:12px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;width:100%;cursor:pointer}.dropdown>.dropdown-head>button>span,.dropdown>.dropdown-body>button>span,.input-autocomplete-results>button>span{flex:1 0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--main-text-color)}.dropdown>.dropdown-head>button>img{height:24px;transform:rotate(90deg)}.dropdown.open>.dropdown-head>button>img{height:24px;transform:rotate(-90deg)}.dropdown>.dropdown-body,.input-autocomplete-results{position:absolute;transform:translateY(8px);display:flex;flex-direction:column;max-height:250px;overflow-y:auto;scrollbar-width:thin;border-radius:12px;border:1px solid var(--section-border-2);width:100%;z-index:2;background-color:var(--section-background)}.input-autocomplete-results{transform:translateY(56px) translate(-1px)}.dropdown>.dropdown-body>button,.input-autocomplete-results>button{flex:0 0 fit-content;font-size:12pt;background-color:var(--section-background);padding:12px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;border:none;border-radius:0;width:100%;cursor:pointer}.dropdown>.dropdown-body>button:focus,.input-autocomplete-results>button:focus{outline:2px solid var(--color-accent-0);z-index:1}.dropdown>.dropdown-body>button:not(:first-child),.input-autocomplete-results>button:not(:first-child){border-top:1px solid var(--section-border-2)}.dropdown>.dropdown-body>button:hover,.dropdown>.dropdown-body>button.active,.input-autocomplete-results>button:hover,.input-autocomplete-results>button:active{background-color:var(--table-cell-hover)}input[type=range]{position:relative;width:100%;top:0;transform:translateY(-50%);background:none;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px}.slider-track{height:5px;position:relative;background-color:var(--garf-color);left:0;right:100%;border-radius:12px;transform:translateY(14px)}input[type=range]::-webkit-slider-thumb,input[type=range]::-moz-range-thumb{height:18px;width:18px;border-radius:50%;border:2px solid #fff;background:var(--section-background);pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;box-shadow:0 .125rem .5625rem -.125rem #00000040;position:relative;z-index:2;transform:translate(-2px)}.no-access input[type=range]::-webkit-slider-thumb,.no-access input[type=range]::-moz-range-thumb{pointer-events:none}.slider-input{display:flex;flex-direction:column;gap:8px;max-width:100%}.slider-input-label{text-align:center}.dual-range-input-label label{margin-right:0}.text-input-container{display:flex;flex-direction:row;align-items:stretch;border-radius:12px}.text-input-container>input{flex-grow:1}input{font-family:var(--font)}input::placeholder{color:var(--placeholder-text-color)}.form-item{display:flex;flex-direction:row;gap:8px;width:100%;align-items:center}.form-item>hr{flex-grow:1;height:0;border:none;border-top:1px solid var(--section-border);min-width:12px}.multiline-form-item{display:flex;flex-direction:column;width:100%;gap:8px}.comic-editor{display:grid;grid-template-columns:282px 1fr 5fr;grid-template-rows:240px 72px auto;gap:12px;font-size:12pt}.comic-editor>canvas.garfield-image{grid-column:1 / 3;place-self:center;max-width:280px;touch-action:none}.comic-editor>.selected-object{grid-column:3;grid-row:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.comic-editor>.selected-object p{text-align:center}.comic-editor>.selected-object>img{flex-grow:1;max-width:100%;max-height:96px;object-fit:contain}.comic-editor>.transformation-sliders{grid-row:2;grid-column:1/-1;display:flex;flex-direction:row;gap:12px}.comic-editor>.transformation-sliders>div.slider-input,.comic-editor>.transformation-sliders>textarea{flex:1 0 0}.comic-editor>.editor-buttons{display:flex;grid-column:1/-1;grid-row:3;gap:12px;flex-wrap:wrap}.comic-editor>.editor-buttons>button{flex:1 0 144px;min-width:auto}.character-selector{display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center}.character-selector .character-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;flex-grow:1}.character-selector .character-list>button{padding:12px;border-radius:12px;cursor:pointer}.character-selector .character-list>button img{height:96px;width:96px;object-fit:contain}.comic-editor-container{max-width:768px}@media screen and (max-width: 600px){.comic-editor{display:flex;flex-direction:column}}.post-creator{display:flex;flex-direction:column;gap:12px}.post-creator textarea{font-size:18pt;flex-grow:1}.post-creator .attachments{flex-basis:48px;display:flex;flex-direction:row;gap:16px}.post-creator .attachments>.icon-container{flex-basis:48px}.post-creator .attachments>.icon-container img{width:32px}.post-creator .comic-preview{width:100%;border:0;outline:1px solid white}.comic-preview-container{position:relative;margin-top:12px}.comic-preview-container .controls{display:flex;flex-direction:row;gap:8px;position:absolute;top:9px;right:8px}.comic-preview-container .icon-container{height:48px;width:48px;background-color:var(--transparent-section-background)}.comic-preview-container .icon-container:hover{-webkit-backdrop-filter:brightness(80%);backdrop-filter:brightness(80%)}.comic-preview-container .icon-container img{width:32px}.post-creator>.main-input{display:flex;flex-direction:column;gap:12px;flex-basis:96px}.post-creator .username-editor{flex-grow:1;flex-shrink:3}.post-creator .username-editor>:first-child{display:grid;place-items:center;padding-top:0;padding-bottom:0}@media screen and (max-width: 639px){.post-creator .username-editor>:first-child{display:none}.post-creator .username-editor>:nth-child(2)>.text-input-component{border-radius:12px}.post-creator .test-link{display:none}.post-creator .attachments>a{flex-shrink:0}}.post-creator .username-editor>:nth-child(2)>.text-input-component{height:auto}.post-preview .comic{position:relative;display:flex;align-items:center;justify-content:center}.post-preview .comic.loading .garfield-image{filter:brightness(40%)}.post-preview .comic l-dot-pulse{position:absolute}.post-preview .comic{max-width:768px}.post-list,.reply-list{display:flex;flex-direction:column;align-items:stretch;gap:24px}.post-preview{border-radius:12px;display:grid;gap:18px;grid-template-columns:72px 1fr}.post-preview .icon-container.profile-picture.unknown-user{font-size:36px;background:linear-gradient(135deg,var(--bad-color) 0%,var(--garf-color) 100%)}.icon-container.profile-picture:not(.unknown-user){-webkit-backdrop-filter:brightness(125%);backdrop-filter:brightness(125%);overflow:hidden}.icon-container.profile-picture:not(.unknown-user)>img{transform:scale(2) translateY(20%)}.post-preview>.icon-container.profile-picture{width:36px;height:36px;padding:11px;border-radius:36px;border:1px solid var(--garf-color);margin:12px}.icon-container.profile-picture img{filter:none}.post-preview>.post-content{display:flex;flex-direction:column;margin:12px 12px 8px 0;font-size:12pt}.post-preview>.post-content>.information{display:flex;flex-direction:row;gap:8px}.post-preview>.post-content>.information>.author{font-weight:700}.post-preview>.post-content>.information>.date>span{filter:opacity(50%);transition:filter ease .2s}.post-preview>.post-content>.information>.date>span:hover{filter:opacity(75%)}.post-preview>.post-content>.body{margin-top:4px;text-align:start}.post-preview>.post-content>.link{padding:8px;border:1px solid var(--section-border-2);text-align:center;border-radius:12px;margin-top:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:backdrop-filter ease .2s}.post-preview>.post-content>.link:hover{-webkit-backdrop-filter:brightness(120%);backdrop-filter:brightness(120%)}.post-preview>.post-content canvas.garfield-image{border-radius:12px}.post-preview>.post-content>.interactions{margin-top:8px;display:grid;grid-template-columns:repeat(4,1fr);flex-direction:row;justify-content:space-between}.post-preview>.post-content>.interactions .icon-container{height:40px;width:40px}.post-preview>.post-content>.interactions .icon-container>img{height:24px;width:24px}.post-preview .interactions>div{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center}.post-preview>.post-content>.comic{margin-top:9px;border-top:1px solid var(--section-border-2);padding-top:8px}.post-preview>.post-content>.quote{margin-top:12px}.post-preview>.post-content>.quote>.post-preview>.icon-container.profile-picture{width:24px;height:24px}.post-preview>.post-content>.quote>.post-preview{box-shadow:none}.post-preview>.post-content>.quote>.post-preview:not(.loading){grid-template-columns:56px 1fr;padding-bottom:4px}.post-preview.loading{place-items:center;grid-template-columns:1fr;padding:24px 0}.post-preview>.post-content>.information>.options,.post-preview>.post-content>.information>.repost-author,.post-preview>.post-content>.information>.follow-button{margin-left:auto}.post-preview>.post-content>.information>.repost-author~.options,.post-preview>.post-content>.information>.follow-button~.options{margin-left:8px}.post-preview>.post-content>.information>.options .head{display:grid;place-items:center;border:1px solid var(--section-border);border-radius:4px;padding:4px;width:16px;height:16px;cursor:pointer}.post-preview>.post-content>.information>.options .dropdown-body{width:max-content;right:0;max-height:400px;width:200px}.post-preview>.post-content>.information>.options .dropdown-body>*{border:none;box-shadow:none}.post-preview>.post-content>.information>.options .dropdown-body>button{padding:4px;gap:0}.post-preview>.post-content>.information>.options .dropdown-body>button:focus{filter:brightness(1.25)}.post-preview>.post-content>.information>.options .dropdown-body>button .icon-container{height:24px;width:24px;padding:8px}.post-preview>.post-content>.information>.options .dropdown-body>button .icon-container:hover{-webkit-backdrop-filter:none;backdrop-filter:none}.post-preview>.post-content>.information>.options .dropdown-body>button span{padding:8px}.post-report{display:flex;flex-direction:column;gap:12px;width:100%}.post-preview.link-to-post{transition:background-color ease .2s}.post-preview.link-to-post .body{cursor:pointer}.post-preview.link-to-post:hover,.post-preview.link-to-post:hover .post-preview{background-color:var(--section-background-hover)}.modal-content>.post-creator{width:100%}.reply-chain{display:flex;flex-direction:column}.reply-chain>*+*{border-top-left-radius:0;border-top-right-radius:0}.reply-chain>:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}.empty-body{filter:opacity(50%);transition:filter ease .2s;font-style:italic}.empty-body:hover{filter:opacity(75%)}.post-error{text-align:center}@media screen and (max-width: 480px){.post-list>.post-preview{margin:0 -18px}.post-preview>.post-content>.interactions{margin-left:-72px;display:flex}.post-preview>.post-content>.interactions .icon-container{height:32px;width:32px}.post-preview>.post-content>.interactions .icon-container>img{height:20px}.post-preview>.post-content>.interactions>div{gap:4px;flex-basis:auto}.post-preview>.post-content>.information>*{flex-shrink:0}.post-preview .repost-author{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex-basis:0;flex-grow:1}}.home-panels{display:grid;grid-template-columns:1fr 640px 1fr;gap:24px;padding:24px}.home-panels>.center-panel{grid-column:2;display:flex;flex-direction:column;gap:24px}hr.gray{align-self:stretch;border:none;border-top:1px solid var(--section-border-2)}.home-panels>.center-panel .nav-header{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:12px;border-radius:12px;gap:12px}.home-panels>.center-panel .nav-header .icon-container{width:48px;height:48px}.home-panels>.center-panel .nav-header .icon-container img{width:36px;height:36px}.home-panels>.center-panel .nav-header>span{flex-grow:1;font-weight:700;font-size:18pt;text-align:center;overflow:hidden;text-overflow:ellipsis}.interactions-panel{display:flex;flex-direction:row;gap:24px}.interactions-panel>div{border-radius:12px;padding:12px;height:24px;flex:1 0 0;display:flex;justify-content:center;align-items:center}.nav-panel{grid-column:1;display:flex;flex-direction:column;align-items:end;gap:24px;top:24px;height:calc(100vh - 48px);position:sticky}.nav-panel .home-link{font-size:24pt;text-decoration:none;font-weight:700}.nav-option{display:flex;flex-direction:row;align-items:center;gap:12px;padding:12px;border-radius:12px;font-size:16pt;color:var(--main-text-color);text-decoration:none;transition:color ease .2s}.nav-option:hover{color:var(--garf-color)}.nav-option .icon-container{height:36px;width:36px}.nav-option .icon-container img{transition:filter ease .2s}.nav-option:hover .icon-container img{filter:invert(75%) sepia(15%) saturate(1247%) hue-rotate(297deg) brightness(102%) contrast(95%)}.nav-option .icon-container:hover{-webkit-backdrop-filter:none;backdrop-filter:none}.nav-panel .mobile-navigator .head{border-radius:12px;width:32px;height:32px;padding:11px;cursor:pointer}.center{text-align:center}.nav-panel .mobile-navigator .dropdown-body{width:232px;translate:-88px}.nav-panel .links{display:flex;flex-grow:1;justify-content:end;flex-direction:column;gap:8px;align-items:end}.nav-panel .links>div>:not(:first-child){margin-left:8px}.nav-panel .links>div>:not(:last-child){padding-right:7px;border-right:1px solid var(--section-border)}.nav-panel .links>div>*{color:var(--section-border-2);text-decoration:none}.nav-panel .links>div>:hover{filter:brightness(1.25)}@media screen and (max-width: 1280px){.home-panels{grid-template-columns:272px 640px 1fr}}@media screen and (max-width: 989px){.home-panels{display:flex;flex-direction:column}.nav-panel{height:fit-content;flex-direction:row;align-items:center;z-index:1}.nav-panel .home-link{height:64px;flex:0 0 64px}.nav-panel .nav-option{justify-content:center;font-size:12pt;text-align:center}.nav-panel .nav-option>.icon-container{width:24px;height:24px}.nav-panel .links{justify-content:center;padding:12px;align-items:center}}.skip-navigation{transition:none}.skip-navigation:not(:focus){position:absolute;left:-1000px;width:0;height:0;overflow:hidden}.skip-navigation:focus{width:180px;align-self:end}