.content-container{flex-direction:column;height:100%;display:flex;overflow:hidden}.content-container .content-footer{border-top:1px solid #171717;flex-shrink:0;height:auto;padding:.2em}.content-container .content-footer .nav-bar{flex-shrink:0;justify-content:space-between;width:100%;display:flex}.viewer-title{border-bottom:1px solid #171717;flex-shrink:0;justify-content:space-between;align-items:center;padding:.2em;display:flex}.viewer-title .views{text-align:right;white-space:nowrap;flex-grow:1;margin-right:.4em}.viewer-title .stats{gap:.5em;display:flex}@media (max-width:800px){.viewer-title{flex-direction:column;align-items:flex-start;gap:.2em}.viewer-title .stats{align-items:flex-end;width:100%}.viewer-title .stats div{flex-grow:1}.viewer-title .stats button{text-align:left}}.content-columns{flex:1;max-width:100%;min-height:0;transition:opacity .1s ease-in-out;display:flex}.content-columns .content-left{flex-direction:column;flex:1;gap:.2em;min-width:0;padding:.2em;display:flex;overflow:hidden auto}.content-columns .viewer-artists{white-space:pre;flex-shrink:0;display:flex}.content-columns .viewer-desc-comments{flex-wrap:wrap;flex:1;gap:.2em;min-height:0;display:flex}.content-columns .comment-meta{gap:.2em;width:100%;display:flex}.content-columns .viewer-comments{flex-direction:column;gap:1em;display:flex}.content-columns .content-desc{flex:1;min-width:0}.content-columns .content-desc form{flex-direction:column;align-items:flex-start;gap:.2em;display:flex}.content-columns .content-desc form textarea{background:0 0;flex-grow:1;font-size:1em;width:calc(100% - .4em)!important;font-family:Garamond,Apple Garamond,Baskerville,Libre Baskerville,Times New Roman,serif!important}.content-columns .viewer-description a,.content-columns .viewer-comments a{color:#171717;text-decoration:none}@media (hover:hover){.content-columns .viewer-description a:hover,.content-columns .viewer-comments a:hover{cursor:pointer;background-color:#eee;text-decoration:underline}}@media (max-width:800px){.content-columns .viewer-description a:active,.content-columns .viewer-comments a:active{cursor:pointer;background-color:#eee;text-decoration:underline}}.content-columns .content-right{border-left:1px solid #171717;flex-direction:column;min-width:15%;max-width:15%;height:100%;display:flex;overflow-y:auto}.content-columns .content-right-user{min-width:50%;max-width:50%}.content-columns .content-right-user .tabcontainer:last-child{border-bottom:none}.content-columns .content-right-userlist{border-left:none;min-width:100%;max-width:100%;border-top:none!important}.content-columns .content-right-userlist .tabs{padding:0 .2em}.content-columns .recommended-list{border-left:1px solid #171717;flex-shrink:0;min-width:15%;max-width:15%;min-height:0;overflow:hidden auto}@media (max-width:800px){.content-columns{flex-direction:column;flex:1;min-height:0;overflow:hidden}.content-columns .content-left{flex:1;min-height:0;overflow-y:auto;height:auto!important}.content-columns:has(.recommended-list) .content-left{flex:1;height:auto!important}.content-columns:has(.content-right-user) .content-left{flex:1;min-height:2em;height:auto!important}.content-columns .content-right{border-top:1px solid #171717;border-left:none;flex-shrink:0;max-height:40dvh;overflow:hidden}.content-columns .content-right-user{max-width:100%;max-height:50dvh}.content-columns .recommended-list{border-top:1px solid #171717;border-left:none;flex-shrink:0;min-width:100%;max-height:25dvh;overflow-y:auto}}.bookmarks-viewer{flex-direction:column;display:flex}.bookmark,.comment{gap:.2em;display:flex}.bookmark .tab1,.comment .tab1{margin-left:2em;padding-left:0!important}.bookmark .button,.comment .button{opacity:0;transition:opacity .1s ease-in-out}@media (hover:hover){.bookmark:hover .button,.comment:hover .button{opacity:1}}@media (max-width:800px){.bookmark .button,.comment .button{text-align:right;flex-shrink:0;opacity:1!important}}.bookmark{justify-content:space-between}.comment{flex-direction:column;align-items:flex-start}