/*
 * Custom CSS for @Gar Licker's profile on Hjonk
 * Generated on 2025-11-03 10:53:32
 * This CSS file was last modified on: 2025-08-22 03:57:30
 * Length: 0 characters
 *
 * Please be respectful: copying, modifying, or redistributing without permission
 * is not nice <3
 */

.container::after { display: none; } /* hack for new layout *//* code by @cuttlefish - for my friend ezra :D */

/* Main Formatting */
html{
    scrollbar-color: #ffdea1 #ff9b54;
    cursor: url(//images.weserv.nl/?url=http://www.rw-designer.com/cursor-extern.php?id=7130);
}
body{
background: radial-gradient(circle,rgba(232, 255, 253, 1) 52%, rgba(92, 255, 233, 1) 70%, rgba(53, 58, 89, 1) 86%, rgba(53, 58, 89, 1) 100%), url(//images.weserv.nl/?url=https://i.ibb.co/vxNGwx65/poolwater.jpg);
background-blend-mode: multiply;
color: #f875ff;
}
body b{
color: #eb00a4;
filter: contrast(110%) drop-shadow(0 -1px #8d26b5) drop-shadow(0 0 1px #000);
}
.container{
background: linear-gradient(to top, #0007, #bf7aff9a 50%, #000 95%), url(//images.weserv.nl/?url=https://i6.glitter-graphics.org/pub/62/62036k2orw37aof.jpg);
box-shadow: 1px 1px 30px #000;
border-color: #0e0680 !important;
border-radius: 20px 20px 40px 40px;}

/* BG Assets */
.container:before{
background: url(//images.weserv.nl/?url=https://static.vecteezy.com/system/resources/previews/046/839/172/non_2x/realistic-water-bubbles-in-transparent-background-free-png.png) no-repeat center;
filter: contrast(200%) hue-rotate(70deg) saturate(200%);
}
.top-part{
background: url(//images.weserv.nl/?url=https://i.ibb.co/LXRVNrgX/ey-Jid-WNr-ZXQi-Oi-Jjb250-ZW50-Lmhzd3-N0-YXRp-Yy5jb20i-LCJr-ZXki-Oi-Jna-WZc-L2hvdy1j-ZHMtd29yay5qc-G.jpg);}
.top-part{border-radius: 40px 40px 0 0;}
.toasters-container-full{
filter: hue-rotate(50deg) saturate(300%) contrast(200%);
}
.caption{
color: #d9baff;
}

/* Header Area */
div.container:nth-child(3){
border-radius: 40px 40px 10px 10px;
border-color: #f6a1ff;
filter: drop-shadow(0 -1px #8d26b5) drop-shadow(0 0 1px #000);
background: linear-gradient(to top, #0007, #18042b 30%);
}
.logo{filter:hue-rotate(95deg) contrast(200%) saturate(500%) invert();}
.language-select a{
color: #ff30f8;
filter: drop-shadow(0 -1px #8d26b5) drop-shadow(0 0 1px #000);
}
.profile-dropdown{
color: #f542ef9a;
background: linear-gradient(to bottom, #0808089a, #1f1f1f);
border-radius: 50px;
border-color: #3426b5;
}
.profile-dropdown:hover{
background: linear-gradient(to bottom, #0808089a, #1f1f1f);
filter:brightness(200%);
}
.hotfix-position{
filter: hue-rotate(260deg) saturate(900%) contrast(100%) brightness(80%);
}
.cd-meta{
border-radius: 10px;
border-color: #8326b5 !important;
filter:contrast(150%);}

/* Top of Profile */
.profile-banner-section{
border-radius: 100px;
border-color: #8c12c9;
filter: contrast(110%) drop-shadow(0 -1px #8d26b5) drop-shadow(0 0 1px #000);
}
.banner-user-area{
color:#ff30f8;
background: linear-gradient(to left, #0007, #000, #1d03299a 20%, #6c0b859a );
border-color: #540c75;
border-radius: 100px;
margin-left: 35px;
margin-bottom: 0px;
}
.banner-user-area b{
color: #a80076;
filter: drop-shadow(0 -1px #8d26b5) drop-shadow(0 0 1px #000);
}
.alert{
background: linear-gradient(to top, #0007, #1c045e 70%, #46045e 90%, #1c045e);
color: #f4d6ff;
font-style: italic;
border-radius: 20px 20px 0px 0px;
border-color: #000129 !important;
}
.alert::before{
border-radius: 20px 20px 0px 0px;
filter: hue-rotate(290deg) saturate(500%);
}
.primary{
filter: hue-rotate(270deg) brightness(90%) saturate(200%);
}
button:nth-child(6){
filter:invert() hue-rotate(50deg) saturate(200%);
}

/* Sidebars */
.side-panel-separate{
background: linear-gradient(to top, #0007, #18042b9a 30%) !important;
border-color: #000129 !important;
border-radius: 5px 20px 20px 40px;

}
.section{
border-color: #0000;
border-radius: 15px;
background: linear-gradient(to top, #0007, #18042b 30%);
color: #38eeff;
filter: drop-shadow(0 -1px #8d26b5) drop-shadow(0 0 1px #000);
}
.section:hover{
background: linear-gradient(to top, #0007, #18042b 30%);
filter: drop-shadow(0 -1px #8d26b5) drop-shadow(0 0 1px #000);
}
.section-header{
border-color: #540c75 !important;
}
.selected::before{
border-radius: 20px;
filter: hue-rotate(290deg) saturate(500%);
}
.js-fancy-list > li:nth-child(n){
background: linear-gradient(to top, #0007, #1c045e 70%, #46045e 90%, #1c045e);
color: #f4d6ff;
font-style: italic;
border-radius: 20px;
border-color: #000129 !important;
}

/* Bottom */
.section:nth-child(2){
border-radius: 50px;
border-color: #540c75;
}

/* Post Stuff */
.post{
border-color: #000129 !important;
}
.post-text{
color: #b5f9ff;
filter: drop-shadow(0 -1px #8d26b5) drop-shadow(0 0 1px #000);
}
.post-metadata{
background: linear-gradient(to top, #0007, #1c045e 70%, #46045e 90%, #1c045e);
color: #f4d6ff;
font-style: italic;
border-radius: 20px;
filter: drop-shadow(0 -1px #8d26b5) drop-shadow(0 0 1px #000);
}
.post-metadata::before{
border-radius: 20px;
}
.new-post{
background: linear-gradient(to top, #0007, #bf7aff1a 50%, #000 95%);
border-radius: 20px;
border: 1px solid #0e0680 !important;
}
.new-post .post-metadata{
background: linear-gradient(to top, #0007, #1c045e 70%, #46045e 90%, #1c045e);
}
button:nth-child(1){
filter:invert() hue-rotate(20deg) saturate(150%);
}
.replies{
border-radius: 10px;
background: linear-gradient(to top, #0007, #18042b 30%);
box-shadow: 1px 1px 3px #000;
}
.quoted-post{
border-radius: 10px;
background: linear-gradient(to top, #0007, #18042b 30%);
box-shadow: 1px 1px 3px #000;
}
.youtube{
border-radius: 10px;
border-color: #000129 !important;
background: linear-gradient(to top, #000, #1c045e 70%, #46045e 90%, #1c045e);
box-shadow: 1px 1px 3px #000;
}
.lastfm-attachment-post{
border-radius: 10px;
border-color: #000129 !important;
background: linear-gradient(to top, #0007, #18042b 30%);
box-shadow: 1px 1px 3px #000;
}
.embed > iframe:nth-child(n){
border-radius: 10px;
border-color: #000129 !important;
background: linear-gradient(to top, #0007, #18042b 30%), url(no) !important;
box-shadow: 1px 1px 3px #000;
}

/* Non-profile Stuff */
.has-scrollbar{
background: linear-gradient(0deg,#ff0dd39a,#0000 20%) !important;
border-radius: 20px;
border-color: #8c12c9 !important;
box-shadow: 1px 1px 3px #000;
}
.hjonk-interactive-canvas{
background: linear-gradient(to bottom,#0006, #1c045e8a 10%,#46045e7d 50%,#1c045e8f 45%,#0006);
border-radius: 100px;
border-color: #8c12c9 !important;
}
.bg{filter:hue-rotate(290deg) saturate(500%);}
.hajonk{filter:contrast(200%)}
.speech{
margin-top: 30px;
margin-left: 40px;
filter: hue-rotate(320deg) contrast(200%);
color: #d6fbff;
font-size: 10px;
}
.dreamy-textbox{
border-radius: 7px;
border-color: #8c12c9 !important;
}
.feed-header-section > span:nth-child(3) > b:nth-child(2){color: #79009e}
a {color:#ff9b0f}
.notification{
border-radius: 20px;
border-color: #8c12c9 !important;
background: linear-gradient(to top, #000, #1c045e 70%, #46045e 90%, #1c045e);
box-shadow: 1px 1px 3px #000;
}
.main-info{
border-radius: 10px;
border-color: #8c12c9 !important;
background: linear-gradient(to top, #000, #1c045e 70%, #46045e 90%, #1c045e) !important;
box-shadow: 1px 1px 3px #000;
}
div.user-card-search:nth-child(n){
border-radius: 30px;
border-color: #8c12c9 !important;
}
.item-buy-section{
border-radius: 30px;
border-color: #8c12c9 !important;
}
.user-card{
border-color: #8c12c9 !important; 
}