body.member{.profile-wip{padding:var(--base-gap);text-transform:uppercase;text-align:center;background:var(--medium);font-weight:700}#header,.navigation,.memberblock,.alert-box{display:none}.profile-header{position:relative;display:flex;width:100%;padding:calc(50px + var(--sidenav-size)) 50px 50px;justify-content:center;align-items:center;max-width:var(--page-max-width);overflow:hidden;background-image:var(--header-img);background-size:cover;background-position:center;z-index:5;&:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--background);mix-blend-mode:var(--blendmode-header);opacity:0.6}&:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--background);mix-blend-mode:color}.inner{z-index:5;max-width:fit-content}.username{position:relative;text-align:center;display:block;font-size:70px;font-family:var(--decofont);text-transform:lowercase;color:var(--fontcolor) !important;font-weight:900;z-index:2;&:before{content:"";display:block;position:absolute;left:0;bottom:0;height:10px;width:100%;background:var(--accent1);z-index:-1}&:after{content:'.';color:var(--accent1)}}.first-quote{display:flex;flex-direction:column;margin-top:5px;.first-quote-inner{display:flex;justify-content:flex-end;flex-wrap:wrap;font-size:12px;gap:0.15em;align-items:center;br{display:inline;content:' '}}}}.profile-top-banner{border-bottom:1px solid var(--medium)}.profile-top{display:grid;grid-template-columns:1fr 401px;.profile-shortinfos{flex:1;display:grid;grid-template-columns:repeat(2,1fr);.shortinfo{display:flex;flex-direction:column;justify-content:center;padding:10px;border-bottom:1px solid var(--medium);&:nth-child(odd){border-right:1px solid var(--medium)}span.shortinfo-label{text-transform:uppercase;font-size:10px;display:block;color:var(--lightgrey);margin-top:5px;font-weight:700}}}.profileheader-img{width:401px;height:250px;object-fit:cover;object-position:center;border-left:1px solid var(--medium);border-bottom:1px solid var(--medium);&.no-file{width:400px;background:var(--header-img);background-position:center;background-size:cover}}}.profile-main{text-align:justify}.profile-twocol{display:grid;grid-template-columns:1fr 401px;> div:nth-child(even){max-width:401px}}.profile-quoted{.quoted-inner{display:flex;align-items:center;width:100%;height:100%;.quote{display:flex;justify-content:center;align-items:center;padding:var(--base-gap);font-size:11px;flex:1}.quote-box{width:100%;text-align:justify}}}.profile-facts{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--base-gap);padding:var(--base-gap);border-left:1px solid var(--medium)}.feature-box{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;color:var(--fontcolor);svg{width:60px;height:60px;aspect-ratio:1/1;fill:var(--fontcolor)}.rep-sign,.wealth-sign,.zodiac-sign.empty,.feature-sign,.alignment-sign{display:flex;justify-content:center;align-items:center;position:relative;z-index:2;width:60px;height:60px;&:after{content:"";position:absolute;top:calc((60px - 40px)/2);left:calc((60px - 40px)/2);width:40px;height:40px;aspect-ratio:1/1;pointer-events:none;border:1px solid var(--fontcolor);transform:rotate(-45deg)}&.trend-good i{transform:translate(-50%,-50%) rotate(45deg)}&.trend-bad i{transform:translate(-50%,-50%) rotate(-45deg)}i{position:absolute;display:block;top:calc(50% + 2px);left:calc(50% + 1px);font-size:20px;line-height:1em;transform:translate(-50%,-50%);color:var(--fontcolor)}}}.feature-title,.feature-name{font-family:var(--smallfont);text-transform:uppercase;font-size:9px;letter-spacing:0.15em;text-align:center}.feature-title{color:var(--lightgrey);font-weight:600}.profile-features{display:grid;grid-template-columns:repeat(3,1fr);padding:var(--base-gap);gap:10px;border-bottom:1px solid var(--medium)}.profile-controls{background:var(--medium);justify-content:center}.overview-name,.slider-value{display:flex;justify-content:space-between;align-items:center;gap:var(--base-gap);font-size:11px;font-weight:600;font-family:var(--smallfont);text-align:center;text-transform:uppercase;letter-spacing:0.1em;.slider-percentage,.overview-info{color:var(--lightgrey)}}.profile-character{display:grid;grid-template-columns:1fr 401px}.profile-skills{border-top:1px solid var(--medium);padding:var(--base-gap) 50px;.skills-box{display:grid;grid-template-columns:repeat(2,1fr);.skill-title{font-weight:700;text-transform:uppercase;padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid var(--medium)}.skill{display:flex;justify-content:space-between;align-items:center;gap:0.5em;padding:calc(var(--base-gap)/2);&:nth-child(even){background:var(--medium)}.skillpoint{font-size:16px;&.filled{color:var(--accent1)}&.empty{color:var(--lightgrey)}}}.skill-list{display:flex;flex-direction:column;gap:5px;padding:calc(var(--base-gap)/2);&:has(>.skill){padding:0}}.skill-types{&:first-child{.skill-title{padding-right:calc(var(--base-gap)/2)}}&:last-child{border-left:1px solid var(--medium);.skill-title{padding-left:calc(var(--base-gap)/2)}}}}.ability-text-box{padding:var(--base-gap);text-align:justify}}.profile-character,.profile-looks{b,i,u{color:var(--accent1)}.character-box{border-top:1px solid var(--medium);padding:var(--base-gap) 50px}.looks-box{border-top:1px solid var(--medium);.looks-inner{padding:var(--base-gap) 50px}.aesthetics{.profile-heading{padding:0 50px}}}.characteristics,.profile-features-looks{display:flex;flex-direction:column;border-top:1px solid var(--medium);border-left:1px solid var(--medium);.companions,.aura-overview{padding:var(--base-gap);border-top:1px solid var(--medium)}.eye-overview{padding:var(--base-gap)}}}.tab-content .profile-heading:not(:first-child){margin-top:calc(var(--base-gap)*2)}.profile-heading-small{font-size:11px;font-weight:600;font-family:var(--smallfont);text-align:center;text-transform:uppercase;letter-spacing:0.1em;padding-bottom:5px;border-bottom:2px solid var(--accent1);margin-bottom:var(--base-gap)}.sliders{display:flex;flex-direction:column;gap:var(--base-gap);padding:var(--base-gap)}.slider-box{display:flex;flex-direction:column;gap:5px;.range-slider{position:relative;width:100%;padding:5px;border:1px solid var(--medium);z-index:2;.range{z-index:2;height:5px;background:var(--accent1)}&:after{content:"";position:absolute;top:5px;left:5px;background:var(--medium);width:calc(100% - (5px*2));height:5px;z-index:-1}}.range-type{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:10px;font-weight:600;color:var(--lightgrey);font-family:var(--smallfont);text-transform:uppercase;letter-spacing:0.1em;.slide-name.active{color:var(--accent1)}}}.profile-heading{font-family:var(--decofont);font-size:50px;text-transform:lowercase;font-weight:900;display:flex;gap:var(--base-gap);align-items:center;margin-bottom:var(--base-gap);.heading-inner{&:after{content:".";color:var(--accent1)}}&:before{content:"";height:5px;min-width:100px;flex:1;background:var(--accent1)}&:after{content:"";height:5px;min-width:100px;flex:1;background:var(--accent1)}}.pinterest-wall span[class*="_board"]{width:100% !important;box-shadow:none;border:none;opacity:0.5;transition:opacity 0.5s ease;position:relative;max-width:100% !important}.pinterest-wall:hover span[class*="_board"]{opacity:1}.pinterest-wall span[class*="_board"]:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;pointer-events:none;opacity:0.5;background-image:linear-gradient(to top,var(--background) 0%,var(--background) 100%)}.pinterest-wall span[class*="_embed_grid"]{background:none;border-radius:0}.pinterest-wall span[class*="_bd"]{padding:0}.pinterest-wall span[class*="_hd"],.pinterest-wall span[class*="_ft"]{display:none}.pinterest-wall span[class*="_img"]{box-shadow:none !important;border-radius:unset !important;filter:grayscale(1);transition:filter 0.3s ease}.pinterest-wall span[class*="_img"]:hover{filter:grayscale(0)}.eyes{display:flex;gap:var(--base-gap);justify-content:center;align-items:center;.eye{position:relative;display:flex;justify-content:center;align-items:center;width:60px;height:60px;aspect-ratio:1/1;border:1px solid var(--medium);border-radius:50%;.eye.changed{animation-name:eyechange;animation-duration:10s;animation-delay:2s;animation-iteration-count:infinite;animation-direction:alternate;position:absolute;top:0;left:0;opacity:0}.pupil{position:relative;width:20px;height:20px;aspect-ratio:1/1;border-radius:50%;background:#222;z-index:2;.pupil.changed{animation-name:eyechange;animation-duration:10s;animation-delay:2s;animation-iteration-count:infinite;animation-direction:alternate;position:absolute;top:0;left:0;opacity:0}}}}.aura{width:60px;height:60px;aspect-ratio:1/1;border:1px solid var(--medium);border-radius:50%}}@keyframes eyechange{0%{opacity:0}25%{opacity:0}50%{opacity:1}100%{opacity:0}}.tabs{display:flex;flex-wrap:wrap;align-items:center}.tab{text-transform:uppercase;font-family:var(--smallfont);font-size:10px;letter-spacing:0.1em;padding:10px;cursor:pointer;border:none;background:none;transition:all 0.3s ease}.tab.active{background:var(--accent1);color:var(--background)}.tab-content{display:none}.tab-content.active{display:block}.keywords{display:flex;flex-wrap:wrap;gap:10px;text-transform:uppercase;font-family:var(--smallfont);font-size:10px;letter-spacing:0.1em;text-align:center;white-space:nowrap;div{flex:1;padding:10px;background:var(--medium)}}.quoting{float:left;text-transform:uppercase;line-height:1.2em;letter-spacing:0.04em}.quoting.right{float:right}.quoting.style-1{max-width:40%;font-size:16px;font-weight:700;text-align:right;padding-right:var(--base-gap);margin-right:var(--base-gap);border-right:1px solid var(--medium);padding-top:var(--base-gap);padding-bottom:var(--base-gap)}.quoting.style-1.right{float:right;text-align:left;margin-right:unset;padding-right:unset;border-right:unset;margin-left:var(--base-gap);padding-left:var(--base-gap);border-left:1px solid var(--medium)}.quoting.style-2{position:relative;padding:30px var(--base-gap) 30px 50px;max-width:40%;font-size:11px;font-weight:700;margin-right:var(--base-gap);text-align:right;z-index:2}.quoting.style-2:after{content:"Quote";display:block;font-family:var(--decofont);color:var(--medium);font-size:40px;position:absolute;left:30px;bottom:35px;z-index:-1}.quoting.style-2.right{text-align:left;padding:30px 50px 30px var(--base-gap);margin-right:unset;margin-left:var(--base-gap)}.quoting.style-2.right:after{right:30px;left:unset}.quoting.style-3,.quoting.style-4{float:none;font-family:var(--smallfont);font-size:11px;font-weight:normal;text-align:center;max-width:70%;margin:0 auto var(--base-gap)}.quoting.style-3.add-lines,.quoting.style-4.add-lines{max-width:none;display:flex;flex-wrap:wrap;align-items:center;gap:var(--base-gap)}.quoting.style-3.add-lines .inner,.quoting.style-4.add-lines .inner{flex:3}.quoting.style-3.add-lines:before,.quoting.style-3.add-lines:after,.quoting.style-4.add-lines:before,.quoting.style-4.add-lines::after{content:"";display:block;height:1px;width:100%;flex:1;background:var(--fontcolor)}.quoting.style-5{background:var(--background-image);padding:25px;background-attachment:fixed;outline:2px solid var(--fontcolor);border:25px solid transparent;outline-offset:-25px;font-size:8px;color:var(--fontcolor);line-height:1.9em;letter-spacing:2px;text-align:justify;width:300px;font-weight:600;margin:10px 20px 0 0px}.quoting.style-5.right{margin:10px 0px 0 20px}.text-image{float:left;max-width:40%;border:1px solid var(--darker-medium);padding:10px;position:relative;margin-right:var(--base-gap);z-index:2}.text-image.right{float:right;margin-right:0;margin-left:var(--base-gap)}.text-image.top-gap{margin-top:var(--base-gap)}.text-image.bottom-gap{margin-bottom:var(--base-gap)}.text-image img{width:100%;height:100%;object-fit:cover;object-position:center}.text-image.inset-border{border:none;padding:0}.text-image.inset-border:after{content:"";display:block;border:2px solid var(--fontcolor);position:absolute;top:10px;left:10px;width:calc(100% - 20px - 2px);height:calc(100% - 20px - 2px);z-index:2}.text-image.grayed{filter:grayscale(1)}.text-image.species-coloring img,.text-image.species-colored img{filter:grayscale(1);z-index:1}.text-image.species-coloring:before,.text-image.species-colored:before{content:"";position:absolute;top:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px);z-index:2;mix-blend-mode:overlay}.text-image.species-coloring.multiplied:before,.text-image.species-colored.multiplied:before{mix-blend-mode:multiply}.text-image.inset-border.species-coloring:before,.text-image.inset-border.species-colored:before{top:0;left:0;width:100%;height:100%}.gap-top{margin-top:var(--base-gap) !important}.gap-bottom{margin-bottom:var(--base-gap) !important}.big-gap-top{margin-top:calc(var(--base-gap)*2) !important}.big-gap-bottom{margin-bottom:calc(var(--base-gap)*2) !important}.headliner{display:block;font-size:30px;text-transform:uppercase;line-height:1.1em;font-family:var(--display-font);margin-bottom:var(--base-gap)}.headliner span{display:block;font-family:var(--main-font);font-size:10px;text-transform:uppercase;color:var(--fontcolor);margin-top:5px;line-height:1.1em}.headliner.gap-top{margin-top:var(--base-gap)}.headliner.big-gap-top{margin-top:30px}.headliner.big-gap-bottom{margin-bottom:30px}.headliner.center{text-align:center}.headliner.right{text-align:right}.accent{color:var(--accent1)}