*{font-family:Segoe UI Historic,Segoe UI,Helvetica,Arial,sans-serif;box-sizing:border-box;padding:0;margin:0;transition:background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out}@media (prefers-reduced-motion: reduce){*{transition:none!important}}:root{color-scheme:light dark;--fs-100: .8125rem;--fs-200: .875rem;--fs-300: .9375rem;--fs-400: 1rem;--fs-500: 1.125rem;--fs-600: 1.25rem;--fs-700: 1.375rem;--fs-800: 1.5rem;--fs-xl: 1.5625rem;--fs-xxl: 1.875rem}:root{--clr-primary: var(--mui-palette-primary-main);--clr-background: var(--mui-palette-background-default);--clr-card: var(--mui-palette-background-paper);--clr-border: var(--mui-palette-divider)}.header-controls{display:grid;grid-template-columns:auto 1fr auto;align-items:center;width:100%;max-width:400px;gap:16px}.return-button{justify-self:start}.social-buttons{justify-self:center}.theme-button{justify-self:end}#root{display:flex;flex-direction:column;min-height:100vh}body{background-color:var(--clr-background)}h1{font-size:var(--fs-xl)}h2{font-size:var(--fs-500)}h3{font-size:var(--fs-300)}p{font-size:var(--fs-400)}.container{flex:1;background-color:var(--clr-background)}.preview-page,.cropper-page{display:flex;flex-direction:column;align-items:center;padding:10px 20px;gap:25px}.photo{border-radius:50%;border:1px solid var(--clr-border)}.preview-container{width:100%;max-width:400px}.preview-container>h3{margin:20px 0 5px}.preview-container-title{display:flex;justify-content:center;font-size:var(--fs-400);font-weight:400}.name{font-weight:700}.buttons{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in-section{animation:fadeIn .2s ease-out forwards}.hero{background-color:var(--clr-background);min-height:100vh;flex-shrink:0;width:100%;padding:20px;display:flex;flex-direction:column;align-items:center}.hero>img{max-width:300px;margin-top:30px;margin-bottom:30px}.hero-title{margin-bottom:15px}.hero>p:last-of-type{margin-bottom:25px}.hero-buttons{display:flex;gap:10px}.info{background-color:var(--clr-background);flex-grow:1;width:100%;padding:20px;display:grid;justify-items:center;gap:30px}.info-button{margin-top:10px;margin-bottom:20px}.info-title{text-align:center;margin-bottom:5px}.info-general{margin-inline:auto}.info-card-1,.info-card-2,.info-card-3,.info-general{max-width:350px}.info-card-1,.info-card-2,.info-card-3{display:grid;grid-template-rows:auto 1fr auto}.info img{max-width:90%;height:auto;display:block;margin-top:20px;margin-inline:auto}.info img.info-img-1{max-width:100%}.footer{flex-shrink:0;padding:10px;width:100%;background-color:var(--clr-background)}.footer-text{color:#aaa;font-size:12px;display:flex;align-items:center;justify-content:center}.footer-text time{margin-right:7px;margin-left:4px}.policy{margin-right:4px}.policy,.contact{color:#aaa;cursor:pointer;padding:2px 5px;text-decoration:none}.policy:hover,.contact:hover{text-decoration:underline}.main-profile{display:grid;grid-template-columns:36% 64%;grid-template-rows:auto auto;width:100%;max-width:400px}.main-profile-picture{margin-bottom:10px}.main-profile-picture:hover{cursor:pointer}.main-profile-picture,.main-name{grid-column:1 / -1;justify-self:center}.main-name{gap:5px;display:grid;grid-template-columns:1fr auto 1fr}.main-name>h2{text-overflow:ellipsis;overflow:hidden}.edit-button{grid-column:3}.centered-name{grid-column:2}.button-bar{display:grid;grid-template-columns:50% 50%;row-gap:10px;column-gap:10px;min-width:265px}.button-bar>label:last-child{grid-row:2;grid-column:1 / 3}.profile-name-fb,button .icon-size-fb{font-size:var(--fs-700)}.profile-name-in{font-size:var(--fs-200);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button .icon-size-in{font-size:var(--fs-200)}.profile-name-tw,button .icon-size-tw{font-size:var(--fs-600)}.profile-name-li,button .icon-size-li,.profile-name-yt,button .icon-size-yt{font-size:var(--fs-800)}.fb-main-dimensions{width:155px;height:155px}.fb-post-dimensions,.fb-comment-dimensions{width:41px;height:41px}.fb-chat-dimensions{width:30px;height:30px}.in-main-dimensions{width:80px;height:80px}.in-post-dimensions{width:32px;height:32px}.in-comment-dimensions{width:38px;height:38px}.in-chat-dimensions{width:30px;height:30px}.main-profile-picture-in{grid-row:1;justify-self:left;cursor:pointer;margin-bottom:10px}.main-name-in{display:grid;grid-template-columns:auto 1fr;gap:5px;grid-row:2;grid-column:1 / -1}.profile-name-in+button{grid-column:2}.social-counts{display:grid;grid-auto-flow:row;grid-template-columns:repeat(3,1fr);gap:18px;align-items:center;grid-row:1;grid-column:2}.social-counts>div{display:flex;flex-direction:column-reverse;align-items:center}.social-counts>div>dd{font-weight:700}.social-counts>div>dt{font-size:var(--fs-200)}.tw-main-dimensions{width:70px;height:70px}.tw-post-dimensions,.tw-comment-dimensions{width:42px;height:42px}.li-main-dimensions{width:121px;height:121px}.li-post-dimensions{width:48px;height:48px}.li-comment-dimensions{width:40px;height:40px}.li-chat-dimensions{width:36px;height:36px}.yt-main-dimensions{width:74px;height:74px}.yt-post-dimensions{width:41px;height:41px}.yt-comment-dimensions{width:27px;height:27px}.main-profile-yt{display:flex;gap:12px;align-items:center;justify-content:center;max-width:400px;width:100%}.main-name-yt{display:flex;gap:5px;min-width:0}.main-name-yt>h2{word-wrap:break-word;overflow-wrap:break-word;min-width:0}.main-profile-picture-yt{cursor:pointer}.post-container{display:grid;grid-template-columns:60px 1fr;grid-template-rows:45% 55%;min-height:70px;border-radius:10px;border:1px solid var(--clr-border);background-color:var(--clr-card)}.post-container>p{grid-column:2;font-size:var(--fs-300)}.post-container>p:first-of-type{align-self:end;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.post-profile{grid-row:1 / span 2;justify-self:center;align-self:center;margin-bottom:5px}.li-post-dimensions~p{margin-left:5px}.comment-container{display:flex;align-items:center}.comment-card{display:flex;flex-direction:column;justify-content:center;min-height:50px;min-width:0;width:auto;padding:5px 15px;border-radius:20px;border:1px solid var(--clr-border);background-color:var(--clr-card);margin-left:5px}.comment-card>p{font-size:var(--fs-100);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.chat-container{display:flex;align-items:center}.chat-card{display:flex;align-items:center;min-height:36px;margin-left:5px;padding:10px;border-radius:30px;border:1px solid var(--clr-border);background-color:var(--clr-card)}.chat-card>p{font-size:var(--fs-100)}.cropper{position:relative;height:50%;min-height:300px;width:100%;max-width:400px}.container-cropper{display:flex;flex-direction:column;justify-content:center}.slider{min-width:275px;display:flex;flex-direction:column}@media (min-width: 576px){.container{padding:60px;background-color:var(--clr-background)}.preview-page{margin:0 auto;max-width:600px;box-shadow:0 5px 15px #00000026;border-radius:10px;background-color:var(--clr-background);padding:30px 20px}.cropper-page{margin:0 auto;max-width:600px;width:100%;box-shadow:0 5px 15px #00000026;border-radius:10px;padding:40px 20px}.hero{margin:0 auto;max-width:550px}.hero>img{max-width:400px}.hero>p{line-height:1.3}.info-card-1,.info-card-2,.info-card-3{box-shadow:0 5px 15px #00000026;border-radius:10px;padding:25px}.info-card-1,.info-card-2,.info-card-3,.info-general{max-width:500px}.info img{max-width:340px}.info img.info-img-2,.info img.info-img-3{max-width:280px}.info img.info-img-1{max-width:340px}.info p{line-height:1.3}}@media (min-width: 992px){.container{padding:40px 0 0;background-color:var(--clr-background)}h1{font-size:var(--fs-xxl)}p{font-size:var(--fs-500)}.hero{padding:50px 21px;max-width:700px;margin:0 auto}.hero>img{max-width:500px}.info{grid-template-columns:repeat(6,1fr);grid-template-rows:auto auto 1fr auto;max-width:1200px;margin:0 auto;line-height:1.3;padding-top:50px}.info img{width:100%}.info-card-1{grid-column:1 / 3}.info-card-2{grid-column:3 / 5}.info-card-3{grid-column:5 / 7}.info-general{grid-column:2 / 6;max-width:100%;max-width:700px;padding-inline:40px}.info-button{grid-column:3 / 5}.footer-text{font-size:14px}.fb-main-dimensions{width:168px;height:168px}.fb-comment-dimensions{width:32px;height:32px}.fb-chat-dimensions{width:28px;height:28px}.in-main-dimensions{width:150px;height:150px}.in-comment-dimensions{width:32px;height:32px}.in-chat-dimensions{width:28px;height:28px}.profile-name-in,button .icon-size-in{font-size:20px}.social-counts{gap:0;margin-left:20px}.tw-main-dimensions{width:133.5px;height:133.5px}.tw-post-dimensions,.tw-comment-dimensions{width:40px;height:40px}.li-main-dimensions{width:152px;height:152px}.li-chat-dimensions{width:40px;height:40px}.yt-main-dimensions{width:160px;height:160px}.yt-post-dimensions{width:36px;height:36px}.yt-comment-dimensions{width:40px;height:40px}}@media (min-width: 1200px){h2{font-size:var(--fs-600)}.info{max-width:1500px;gap:40px}.info-card-1,.info-card-2,.info-card-3{max-width:700px;padding:25px 40px;gap:5px}.container-cropper{justify-content:flex-start}}