.page_main__GlU4n{min-height:100vh;min-height:100svh;width:100vw;position:relative;display:flex;flex-direction:column;align-items:center;overflow:hidden;&:before{content:"";position:fixed;top:0;left:0;height:100vh;width:100vw;z-index:-100;background:radial-gradient(circle,#555 0,#444 2%,#333 4%,#222 7%,#000 20%);background-size:600% 600%;background-position:50% 53%}@media (hover:none){&:after{content:"";position:fixed;top:0;left:0;height:100dvh;width:100vw;z-index:-100;background:linear-gradient(black 1%,transparent,transparent,black 99%)}}}.page_header__kVzhN{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:60px;font-family:var(--font-vt323);min-height:100vh;.page_name__eOmhd{font-size:40px;text-transform:uppercase}}.page_introduction__3_uEf{max-width:800px;text-align:center;padding:20px}.page_posts__9lDd9{display:flex;flex-direction:column;justify-content:space-around;align-items:center;margin-bottom:80px;gap:30px}.page_about__aOfOo,.page_resume__IVT8H,.page_skills__ejZHj{margin-bottom:100px}.page_message__abnJo{display:flex;flex-direction:column;gap:15px;justify-content:center;align-items:center;text-align:left;p{width:100%}}.page_about__aOfOo{display:flex;flex-direction:column;gap:10px;align-items:center;justify-items:center;padding:0 20px}.page_personaCard__ZlTev{position:relative;display:flex;width:700px;overflow:hidden;border-radius:15px;justify-content:center;align-items:center;border:1px solid #d7d5c8;@media (hover:none) or (max-width:900px){flex-direction:column;width:100%}}.page_imagePlane__uIwAO{flex-shrink:0;width:350px;background-color:#d7d5c8;display:flex;justify-content:center;@media (hover:none) or (max-width:900px){width:100%}}.page_me__UwGSn{position:relative;height:450px;width:350px;overflow:hidden;display:flex;justify-content:center;img{object-fit:cover}&:after{content:"";position:absolute;width:350px;height:inherit;top:0;left:0;background:linear-gradient(90deg,#d7d5c8,transparent,transparent,transparent,#d7d5c8)}@media (hover:none) or (max-width:899px){height:350px;img{border:1px solid #d7d5c8;border-bottom:none}&:after{background:linear-gradient(90deg,#d7d5c8,transparent,transparent,transparent,#d7d5c8),linear-gradient(transparent,transparent,#d7d5c8)}}}.page_personaCardInfo__GVK6a{padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;position:relative;height:100%;h3{font-size:30px;text-transform:uppercase;text-align:left;width:100%}}.page_title__3jonF{width:100%;display:flex;justify-content:center;margin-bottom:40px}.page_resume__IVT8H{width:100%;padding:0 40px;display:flex;flex-direction:column;align-items:center;@media (hover:none) or (max-width:899px){padding-left:5px;padding-bottom:0;padding-right:5px;padding-top:0}}.page_skills__ejZHj{width:100%;padding:0 20px}.page_end__GLc_P,.page_skills__ejZHj{display:flex;flex-direction:column;align-items:center}.page_end__GLc_P{height:100vh;justify-content:center;padding:20px;text-align:center;max-width:600px}.page_projectsWorkLink__Xub6X{margin-top:20px;border-radius:8px;height:40px;padding:0 10px;font-size:20px;text-transform:uppercase;display:flex;justify-content:center;align-items:center}.page_notfound__3nQVT{height:100vh;height:100dvh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;text-align:center;transform-style:preserve-3d;h1{animation:page_rotate3d__wqqOI 15s linear 0s infinite normal forwards;font-size:100px}a,h3{margin-top:20px}a{height:35px;padding:0 10px;display:flex;justify-content:center;align-items:center;border-radius:8px}}@keyframes page_rotation__GIIbq{0%{rotate:0;transform:scale(1)}50%{transform:scale(.5)}to{rotate:359deg;transform:scale(1)}}@keyframes page_rotate__durgN{0%{transform:rotate(0deg)}50%{transform:skew(5deg,7deg) rotate(-200deg)}to{transform:rotate(-19deg)}}@keyframes page_rotate3d__wqqOI{0%{transform:rotate(0deg)}to{transform:rotateY(359deg)}}.page_imageContainer__zVcL0{width:100%;height:400px;display:flex;justify-content:center;align-items:center;margin:40px 0;@media (hover:none) or (max-width:900px){height:300px}}.ContactCTAs_contact__rKh6i{display:flex;gap:30px;font-size:16px;width:100%;justify-content:center;a{height:50px;width:50px;display:flex;align-items:center;justify-content:center;background:var(--cta-gradient);border-radius:6px;border-radius:50%;text-transform:lowercase;position:relative;box-shadow:inset 0 0 0 0 transparent,0 0 5px 2px rgba(255,255,255,.1);transition:box-shadow .2s ease;svg{height:22px;width:22px}&:before{content:"";position:absolute;pointer-events:none;height:inherit;width:inherit;border-radius:50%;box-shadow:0 0 5px 2px white;background-color:white;opacity:0;top:0;left:0;z-index:-1;transition:opacity .2s ease;animation:ContactCTAs_rotate___0yhF 6s linear infinite;animation-play-state:paused}&:active,&:hover{box-shadow:inset 0 0 5px 2px white,0 0 4px 2px white;&:before{opacity:1;animation-play-state:running}}}}.OrbLink_pageLink__95I3j{width:250px;height:250px;border-radius:50%;position:relative;transition:transform .2s ease;&:hover{transform:scale(1.05);.OrbLink_orb__k_bTJ{box-shadow:inset 0 0 25px 2px black,0 0 100px 25px black;transition:box-shadow .5s ease}.OrbLink_text__U9DHz{transform:rotate(-35deg) translateY(50%) translateX(-10px)}.OrbLink_spinningLight__2dFsb{opacity:0;animation-play-state:paused;transition:opacity .4s ease}}&.OrbLink_fadein__yt0Mr,&.OrbLink_initial__O5jDj{pointer-events:none;.OrbLink_orb__k_bTJ{box-shadow:inset 0 0 25px 2px black,0 0 10px 2px black;transition:box-shadow .5s ease}.OrbLink_spinningLight__2dFsb{opacity:0;animation-play-state:paused;transition:opacity .4s ease}.OrbLink_scene__plqX3{color:black;transition:color .3s ease}.OrbLink_darkStretch__7D8Rc{position:absolute;width:100vw;height:100vh;transform:translate(-50%,-50%);border-radius:0;background-color:black;opacity:1}}&.OrbLink_fadein__yt0Mr{pointer-events:none;.OrbLink_darkStretch__7D8Rc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:20px;width:20px;background-color:black;border-radius:50%;opacity:0;transition:transform .5s,height .5s,width .5s,border-radius .5s,opacity .3s ease .2s}.OrbLink_orb__k_bTJ{box-shadow:inset 0 0 25px 2px black,0 0 10px 2px white;transition:box-shadow .3s ease .3s}.OrbLink_spinningLight__2dFsb{opacity:0;animation-play-state:paused}.OrbLink_scene__plqX3{color:black;transform-style:flat}}&.OrbLink_end__pLuHa,&.OrbLink_fadeout__TGLmx{pointer-events:none;.OrbLink_scene__plqX3{color:black;transition:color .3s ease}.OrbLink_orb__k_bTJ{box-shadow:inset 0 0 25px 2px black,0 0 10px 2px black}.OrbLink_darkStretch__7D8Rc{opacity:1;height:100vh;width:100vw;border-radius:0}.OrbLink_spinningLight__2dFsb{opacity:0;animation-play-state:paused}.OrbLink_darkPlane__N_Fpi{opacity:1}}}.OrbLink_spinningLight__2dFsb{position:absolute;pointer-events:none;height:inherit;width:inherit;border-radius:50%;box-shadow:0 0 10px 5px white;background-color:white;opacity:1;transition:opacity .2s ease;animation:OrbLink_rotate__GSA_j 6s linear infinite}.OrbLink_darkStretch__7D8Rc{position:absolute;pointer-events:none;height:300px;width:300px;background-color:black;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 100px 100px black;transition:transform .2s ease;opacity:0;z-index:1;transition-property:transform,height,width,border-radius,opacity;transition-duration:.5s;transition-timing-function:ease}.OrbLink_darkPlane__N_Fpi{pointer-events:none;position:absolute;top:0;left:0;height:2000vh;width:100vw;background-color:#000;transition:opacity .5s ease .2s;z-index:2;opacity:0;&.OrbLink_end__pLuHa,&.OrbLink_fadeout__TGLmx,&.OrbLink_initial__O5jDj{opacity:1}&.OrbLink_fadein__yt0Mr{opacity:0;transition:opacity .2s}}.OrbLink_scene__plqX3{position:relative;transform-style:preserve-3d;pointer-events:none}.OrbLink_text__U9DHz{transform-style:preserve-3d;position:absolute;height:160px;width:210px;perspective:148px;perspective-origin:50% calc(50% - 135px);transform:rotate(-25deg) translateY(50%);transition:transform .2s ease}.OrbLink_banner__EHTd7{display:flex;position:relative;transform-style:preserve-3d;animation:OrbLink_orbit__0pN1_ 8s linear infinite;@media (hover:none){animation:OrbLink_orbit-touch__K3Jk_ 8s linear infinite}}.OrbLink_orb__k_bTJ{position:absolute;width:250px;height:250px;top:0;left:0;transform:translateZ(90px);border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:black;box-shadow:inset 0 0 25px 2px white,0 0 10px 5px white;transition:box-shadow .2s ease}@keyframes OrbLink_rotate__GSA_j{0%{transform:rotate(0deg)}50%{transform:skew(5deg,7deg) rotate(-200deg)}to{transform:rotate(-19deg)}}@keyframes OrbLink_orbit__0pN1_{0%{transform:rotateY(-30deg)}to{transform:rotateY(-138deg)}}@keyframes OrbLink_orbit-touch__K3Jk_{0%{transform:rotateY(-30deg)}to{transform:rotateY(-145deg)}}.OrbLinkPanel_panel__Fax4y{--angle:calc(360deg / var(--total-panels) * var(--index));flex-shrink:0;height:20px;width:var(--width);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotateY(var(--angle)) translateZ(95px);white-space:nowrap;overflow:hidden}.OrbLinkPanel_content__Rta2v{top:50%;transform:translateY(-50%);position:absolute;font-size:25px;left:calc(var(--index) * var(--width) * -1);width:max-content;text-transform:uppercase;font-weight:600}.Post_container___bLju{width:100vw;min-height:100vh;min-height:100svh;display:flex;--side-bar-width:300px;--content-width:700px;&:before{height:100vh;background:linear-gradient(-105deg,rgb(26,35,56) 1%,black);background-size:600% 600%;background-position:0 0;transition:background-position .5s}&:after,&:before{content:"";position:fixed;top:0;left:0;width:100vw;z-index:-100}&:after{height:100dvh;background:linear-gradient(black 1%,transparent,transparent,transparent,black 99%)}&.Post_entering__TY8fi,&.Post_exited__PBZHN,&.Post_exiting__lc9UZ{.Post_sidebar__y1VnX{opacity:0}.Post_reader__4ixgC{opacity:0;transform:translateX(100px)}}&.Post_entered__Wj89S{&:before{background-position:50% 50%}.Post_sidebar__y1VnX{opacity:1}.Post_reader__4ixgC{transform:translateX(0);opacity:1}}}.Post_sidebar__y1VnX{flex-shrink:0;flex-direction:column;width:var(--side-bar-width);height:100vh;display:flex;position:fixed;padding:20px 5px 0;gap:20px;align-items:center;transition-property:transform,opacity,left,-webkit-backdrop-filter;transition-property:transform,opacity,left,backdrop-filter;transition-property:transform,opacity,left,backdrop-filter,-webkit-backdrop-filter;transition-duration:.3s;transition-timing-function:ease}.Post_cards__GWPZP{flex:1 1;padding:10px 15px 0;width:100%;display:flex;flex-direction:column;gap:10px;overflow:scroll}.Post_sidebarItem__RTghi{position:relative;height:200px;width:100%;flex-shrink:0;font-size:18px;text-transform:uppercase;border-radius:8px;padding:10px;background-color:black;display:flex;flex-direction:column;gap:10px;&:last-child{margin-bottom:25vh}:first-child{height:36px}}.Post_thumbnail__vxeWo{flex:1 1;position:relative;border-radius:6px;overflow:hidden;>img{object-fit:cover}}.Post_searchbar__ME_PI{flex-shrink:0;width:100%;height:30px;padding:0 15px;input{width:100%;height:100%;padding:8px 12px;margin:0;border:none;border-bottom:1px solid white;background:none;outline:none;font-size:16px;font-family:var(--font-vt323)}}.Post_sidebarHeader__yhJAA{width:100%;padding:0 15px;position:relative;display:flex;align-items:center;gap:10px;--button-size:30px}.Post_pageName__k55Y0{margin-left:var(--button-size);padding-left:10px;text-transform:uppercase;font-size:22px}.Post_back__qYnfz{position:absolute;height:var(--button-size);width:var(--button-size);border-radius:8px;display:flex;justify-content:flex-start;align-items:center;text-align:left;padding:10px;transition:box-shadow .3s,width .3s;&:hover{width:calc(100% - 30px)}a{overflow:hidden;white-space:nowrap}}.Post_reader__4ixgC{flex:1 1;margin-left:var(--side-bar-width);padding:120px 20px;display:flex;justify-content:center;transition-property:transform,opacity;transition-duration:.3s;transition-timing-function:ease}.Post_article__5iiz3{display:flex;flex-direction:column;width:var(--content-width);@media (max-width:1000px){width:calc(var(--content-width) - 100px)}@media (max-width:900px){width:100%;max-width:var(--content-width)}>*{max-width:var(--content-width)}}.Post_title__bdVGX{margin-bottom:20px}.Post_coverImg__eavEd{position:relative;height:300px;width:100%;border-radius:8px;overflow:hidden;margin-bottom:40px;img{object-fit:cover}}.Post_tags__dhvpZ{display:flex;gap:10px;flex-wrap:wrap;width:100%;margin-bottom:50px}.Post_content__pZuk2{width:100%}.Post_sidebarButton__Qde9g{display:none}@media (hover:none) or (max-width:900px){.Post_container___bLju{&.Post_showSidebar__wKDrX{.Post_sidebar__y1VnX{width:100vw;left:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.Post_back__qYnfz:hover{width:calc(100% - 30px - 30px - 10px)}.Post_sidebarButton__Qde9g{right:15px}.Post_menuIcon__Z1jGo{background-color:transparent;&:after{transform:translate(0) rotate(45deg)}&:before{transform:translate(0) rotate(315deg)}}}}.Post_reader__4ixgC{margin-left:0}.Post_sidebar__y1VnX{width:100vw;height:100svh;z-index:1;left:-100vw;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);&:after{content:"";position:absolute;bottom:0;width:100vw;height:50px;background:linear-gradient(transparent,black);pointer-events:none}}.Post_sidebarButton__Qde9g{position:absolute;height:var(--button-size);width:var(--button-size);border-radius:8px;right:calc(-30px - 20px);display:flex;justify-content:flex-end;align-items:center;text-align:right;padding:10px;transition:box-shadow .3s,right .3s}.Post_menuIcon__Z1jGo{height:1px;width:100%;background-color:var(--foreground);position:relative;transition:background-color .3s ease;&:after,&:before{content:"";position:absolute;height:inherit;width:inherit;transform:translateY(3px);left:0;background-color:var(--foreground);transition:transform 1s ease}&:after{transform:translateY(-3px)}}.Post_sidebarItem__RTghi{height:300px}}.Tag_tag__mgtst{width:min-content;padding:5px 10px;border-radius:5px;gap:10px;height:30px;box-shadow:0 0 4px 0 white;opacity:.8}.Tag_logo__jHmtJ,.Tag_tag__mgtst{display:flex;align-items:center;justify-content:center}.Tag_logo__jHmtJ{height:100%}.ProgressBar_bar___u3Up{width:inherit;height:inherit;box-shadow:0 0 4px 0 var(--foreground);transition:box-shadow .5s ease 1s;border-radius:6px;position:relative;overflow:hidden;animation:ProgressBar_blink__jSZmS 3s ease 1.8s infinite normal forwards;&:before{content:"";position:absolute;width:var(--progress);background:linear-gradient(90deg,white,rgb(217,215,215),rgb(136,255,136),rgb(136,255,136),rgb(217,215,215),white,white,white);height:100%;top:0;left:0;background-size:400% 100%;animation-name:ProgressBar_charger__Rrd_x;animation-duration:3s;animation-iteration-count:infinite;border-radius:0 4px 4px 0;transition:width 1s;transition-delay:.5s}&.ProgressBar_full__ZmSp1{box-shadow:0 0 4px 0 rgb(0,255,0);animation:none;&:before{animation:none;background:linear-gradient(90deg,white,rgb(136,255,136));background-size:100% 100%}}}@keyframes ProgressBar_charger__Rrd_x{0%{background-position:100% 50%}to{background-position:-33% 50%}}@keyframes ProgressBar_blink__jSZmS{0%{box-shadow:0 0 4px 0 var(--foreground)}70%{box-shadow:0 0 4px 0 var(--foreground)}85%{box-shadow:0 0 4px 0 rgb(0,255,0)}to{box-shadow:0 0 4px 0 var(--foreground)}}.Gantt_gantt__KmGzf{width:100%;overflow-x:scroll;overflow-y:hidden;align-self:stretch}.Gantt_cols__kFTs9{display:grid;grid-gap:5px;gap:5px;width:min-content;height:100%;padding:0 10px 15px;grid-template-rows:repeat(var(--rows-count),min-content);&.Gantt_newFirst__EOphY{.Gantt_year__Bvvhw:before{left:auto;right:0}.Gantt_col__dTTou{justify-content:flex-end}}}.Gantt_col__dTTou{display:flex;height:min-content;transition:height 1s ease}.Gantt_years__EnZjx{display:flex;border-radius:8px}.Gantt_year__Bvvhw{position:relative;display:flex;justify-content:center;align-items:flex-start;font-weight:900;height:30px;&:before{content:"";position:absolute;top:0;left:0;height:1000px;width:1px;background-color:rgba(255,255,255,.1)}}.Gantt_event__9I2n_,.Gantt_period__1hhzF{position:relative;border-radius:8px;flex-shrink:0;height:var(--block-size);cursor:pointer;&[aria-selected=true]{.Gantt_description__6jHR8{height:min-content;opacity:1;margin-top:10px;pointer-events:auto}.Gantt_duration__JqoNd,.Gantt_location__7WqSE{height:15px}}}.Gantt_period__1hhzF{padding:10px;transition:box-shadow .3s,height .2s ease}.Gantt_event__9I2n_{padding:10px 5px;>.Gantt_blockTitle__zJJB0{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}&[aria-selected=true]{.Gantt_eventPopup__ljiJS{opacity:1;content:"";left:calc(100% + 9px);top:-1px;width:300px;box-shadow:0 0 6px 0 white;border-radius:8px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);padding:10px;pointer-events:auto;&.Gantt_useBottom__lnRVa{top:auto;bottom:1px}&.Gantt_useRight__Od21g{left:auto;right:calc(100% + 9px)}}}@media (hover:none) or (max-width:900){&:first-child,&:nth-child(2):not(:last-child){.Gantt_eventPopup__ljiJS{&.Gantt_useRight__Od21g{right:auto;left:calc(100% + 9px)}}}}}.Gantt_eventPopup__ljiJS{pointer-events:none;opacity:0;position:absolute;top:0;left:100%;width:0;height:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);padding:0;overflow:hidden;z-index:1;transition:opacity .3s,top .3s,left .3s,width .3s,height .3s,padding .3s,-webkit-backdrop-filter .3s;transition:opacity .3s,top .3s,left .3s,width .3s,height .3s,backdrop-filter .3s,padding .3s;transition:opacity .3s,top .3s,left .3s,width .3s,height .3s,backdrop-filter .3s,padding .3s,-webkit-backdrop-filter .3s;&.Gantt_useBottom__lnRVa{top:auto;bottom:1px}&.Gantt_useRight__Od21g{left:auto;right:100%}}.Gantt_description__6jHR8{pointer-events:none;line-height:16px;opacity:0;height:0;margin-top:0;transition:opacity .2s ease,height .2s ease,margin-top .2s}.Gantt_blockTitle__zJJB0{line-height:18px;text-transform:uppercase}.Gantt_duration__JqoNd{margin-top:10px}.Gantt_location__7WqSE{margin-top:5px}.Gantt_duration__JqoNd,.Gantt_location__7WqSE{height:0;display:flex;align-items:center;gap:4px;transition:height .2s ease}@keyframes Gantt_skewer__RppTJ{0%{transform:skew(1deg,1deg)}to{transform:skew(-1deg,-1deg)}}.Resume_resume__CQdQR{max-width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;height:var(--height);transition:transform .3s,height .3s,filter .3s;&.Resume_gantt__auTni{padding:0 15px}&.Resume_transition2__m0ClU,&.Resume_transition__yk9WD{filter:blur(10px);transform:skew(89deg);pointer-events:none}>ul{list-style:none;display:flex;flex-direction:column;gap:15px;max-width:720px;flex:1 1;padding:10px 15px;overflow:scroll;li{box-shadow:0 0 6px 0 rgba(255,255,255,.5);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:5px;width:100%;div{height:auto;opacity:1}}}}.Resume_changeButton__OWdaP{width:250px;height:60px;text-transform:none;flex-shrink:0}.Skilltree_skilltree__joua1{display:flex;gap:40px;position:relative;&:before{top:15px;height:35px;width:calc(100% - 2 * 100px - 1px);border:1px solid white;border-bottom:none;border-radius:8px 8px 0 0}&:after,&:before{content:"";position:absolute;left:50%;transform:translate(-50%)}&:after{top:-15px;height:10px;width:10px;border-radius:50%;background-color:#fff}}.Skilltree_branch__7NNxV{display:flex;flex-direction:column;align-items:center;margin-top:50px;position:relative;&:nth-child(2){&:before{content:"";position:absolute;left:50%;top:0;height:55px;width:1px;transform:translate(-50%,-100%);background-color:#fff}}}.Skilltree_branchName__EhhTG{width:110px;height:110px;border-radius:50%;border:1px solid white;display:flex;justify-content:center;align-items:center;position:relative;&:before{content:"";position:absolute;left:-1px;top:50%;width:10px;height:calc(50% + 1px + 30px + (32px + 20px) * var(--leafs) - 20px - 16px);border-left:1px;border-bottom:1px;border-top:0;border-right:0;border-style:solid;border-color:#fff;border-radius:0 0 0 5px}}.Skilltree_skills__lMiWt{position:relative;left:70px;display:flex;flex-direction:column;gap:20px;padding-top:30px}.Skilltree_skill__SkCQp{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;width:200px;position:relative;&:not(:last-child){&:before{content:"";position:absolute;left:-25px;top:50%;height:1px;width:10px;transform:translateY(-50%);background-color:#fff}}&:after{content:"";position:absolute;left:-15px;top:50%;height:5px;width:5px;border-radius:50%;transform:translateY(-50%);background-color:#fff}}.Skilltree_name__s6Six{width:100%;height:18px;position:relative;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;text-align:left}.Skilltree_progressbar__Q3tf1{width:80%;height:10px;display:flex;justify-content:flex-start;align-items:flex-start;flex-shrink:0}@media (max-width:899px){.Skilltree_skilltree__joua1{flex-direction:column;width:100%;gap:50px;align-items:flex-start;&:before{top:0;height:50%;width:25px;transform:none;border-top:none;border-right:none;border-radius:0}&:after,&:before{content:"";position:absolute;left:0}&:after{top:-5px;height:10px;width:10px;border-radius:50%;transform:translate(-50%)}}.Skilltree_branch__7NNxV{width:100%;margin-top:0;align-items:flex-start;&:first-child{margin-top:50px}&:not(:last-child):before{content:"";position:absolute;left:0;top:0;height:1px;width:calc(20px + 75px);transform:none;background-color:#fff}&:last-child{&:before{content:"";position:absolute;left:0;top:1px;height:100%;width:calc(20px + 75px);transform:translateY(-100%);background-color:initial;border:1px solid var(--foreground);border-right:none;border-top:none;border-radius:0 0 0 8px}}}.Skilltree_branchName__EhhTG{width:150px;height:150px;border-radius:50%;border:1px solid white;display:flex;justify-content:center;align-items:center;position:relative;margin-left:20px;&:before{width:20px}}.Skilltree_skills__lMiWt{width:calc(100% - 55px);padding-top:30px;left:55px}.Skilltree_skill__SkCQp{width:100%;&:not(:last-child){&:before{content:"";position:absolute;left:-15px;top:50%;height:1px;width:20px;transform:translate(-100%,-50%);background-color:#fff}}&:after{content:"";position:absolute;left:-15px;top:50%;height:5px;width:5px;border-radius:50%;transform:translateY(-50%);background-color:#fff}}.Skilltree_progressbar__Q3tf1{align-self:stretch;width:auto}}.ViewableImage_image__LX1Lm{position:relative;height:100%;width:100%;>img{object-fit:cover;background-color:black;border-radius:10px}&.ViewableImage_contain__X0FMY{>img{object-fit:contain}}}