.mono{font-family:JetBrainsMono,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.mono .bold{font-weight:700}section{position:relative}section:before{content:"";position:absolute;top:-50px;left:-50px;width:calc(100% + 100px);height:calc(100% + 100px);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);filter:blur(14px);z-index:-1;border-radius:100px;opacity:.95}

/*! 
 * OverlayScrollbars
 * Version: 2.10.1
 * 
 * Copyright (c) Rene Haas | KingSora.
 * https://github.com/KingSora
 * 
 * Released under the MIT license.
 */.os-size-observer,.os-size-observer-listener{scroll-behavior:auto!important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;top:0;right:0;bottom:0;left:0;transform:scale(.1)}.os-size-observer:before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(calc(1 / .1))}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}[data-overlayscrollbars-initialize],[data-overlayscrollbars-viewport~=scrollbarHidden]{scrollbar-width:none!important}[data-overlayscrollbars-initialize]::-webkit-scrollbar,[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner{-webkit-appearance:none!important;appearance:none!important;display:none!important;width:0!important;height:0!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{overflow:visible;margin:0}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars-padding],[data-overlayscrollbars~=host]{display:flex;align-items:stretch!important;flex-direction:row!important;flex-wrap:nowrap!important;scroll-behavior:auto!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;position:relative;flex:auto!important;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw:0;--os-vah:0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport],[data-overlayscrollbars]{overflow:hidden!important}[data-overlayscrollbars-padding~=noClipping],[data-overlayscrollbars~=noClipping]{overflow:visible!important}[data-overlayscrollbars-viewport~=measuring]{overflow:hidden!important;scroll-behavior:auto!important;scroll-snap-type:none!important}[data-overlayscrollbars-viewport~=overflowXVisible]:not([data-overlayscrollbars-viewport~=measuring]){overflow-x:visible!important}[data-overlayscrollbars-viewport~=overflowXHidden]{overflow-x:hidden!important}[data-overlayscrollbars-viewport~=overflowXScroll]{overflow-x:scroll!important}[data-overlayscrollbars-viewport~=overflowYVisible]:not([data-overlayscrollbars-viewport~=measuring]){overflow-y:visible!important}[data-overlayscrollbars-viewport~=overflowYHidden]{overflow-y:hidden!important}[data-overlayscrollbars-viewport~=overflowYScroll]{overflow-y:scroll!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0!important;line-height:0!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*{display:none!important;position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto!important;scroll-snap-type:none!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport]{height:auto!important;width:auto!important}@property --os-scroll-percent{syntax:"<number>";inherits:true;initial-value:0}@property --os-viewport-percent{syntax:"<number>";inherits:true;initial-value:0}.os-scrollbar{--os-viewport-percent:0;--os-scroll-percent:0;--os-scroll-direction:0;--os-scroll-percent-directional:calc(var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction));contain:size layout;contain:size layout style;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none!important}.os-scrollbar-track{position:relative;padding:0!important;border:none!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-handle,.os-scrollbar-track{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle,.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translateX(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type:size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{left:auto;transform:translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-vertical .os-scrollbar-handle{top:auto;transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{right:auto;left:0}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size:0;--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-border-radius:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:0;--os-handle-bg:none;--os-handle-bg-hover:none;--os-handle-bg-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:33px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-handle:before,.os-scrollbar-track:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}.os-theme-none.os-scrollbar,[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px}.os-theme-dark{--os-handle-bg:rgba(0,0,0,.44);--os-handle-bg-hover:rgba(0,0,0,.55);--os-handle-bg-active:rgba(0,0,0,.66)}.os-theme-light{--os-handle-bg:hsla(0,0%,100%,.44);--os-handle-bg-hover:hsla(0,0%,100%,.55);--os-handle-bg-active:hsla(0,0%,100%,.66)}canvas{position:absolute;top:0;left:0;width:100vw;pointer-events:none;z-index:-1!important}#chat-section{display:flex;align-items:center;justify-content:center;margin-top:64px;padding:0 24px}#chat-app{display:flex;position:relative;width:1200px;height:800px}#chat-app,#chat-app:after{padding:2px;border-radius:24px}#chat-app:after{position:absolute;top:0;left:0;width:100%;height:100%;inset:0;background:linear-gradient(var(--direction-bottom),var(--invert-10),var(--invert-10),var(--invert-10),var(--invert-10),var(--invert-10),var(--invert-25));content:"";-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}#chat-app aside{width:256px;border-top-left-radius:22px;border-bottom-left-radius:22px;background:linear-gradient(var(--direction-bottom),var(--invert-05),var(--invert-10))}#chat-app aside,#chat-app>main{height:100%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#chat-app>main{flex:1 1;display:flex;flex-direction:column;border-top-right-radius:22px;border-bottom-right-radius:22px;background:linear-gradient(var(--direction-bottom),var(--main-05),var(--main-25))}#chat-app>main #chat-content{flex:1 1}#chat-aside{display:flex;flex-direction:column;border-right:1px solid var(--invert-05)}#chat-aside main{display:flex;flex:1 1;flex-direction:column;padding:8px;overflow:hidden;gap:32px}#chat-aside>*{width:100%}#chat-aside header{display:flex;padding:16px 24px;gap:6px}#chat-aside header>span{--size:12px;width:var(--size);height:var(--size);border-radius:50%}#chat-aside header>span:hover{cursor:pointer;filter:brightness(1.1)}#chat-aside header #red{background-color:#ff5f57}#chat-aside header #yellow{background-color:#febc2e}#chat-aside header #green{background-color:#28c840}#chat-aside input{width:100%;padding:8px 16px;border:1px solid var(--invert-10);border-radius:8px;background-color:var(--invert-02)}#chat-aside input:focus{outline:none}#chat-aside nav{overflow:hidden;gap:32px}#chat-aside nav,.chat-aside-list{display:flex;flex-direction:column}.chat-aside-list{gap:8px;margin-top:24px;padding-right:12px}.chat-aside-list:first-child{margin-top:0}.chat-aside-list>span{color:var(--text-color-secondary);padding:0 16px}.chat-aside-list ul{display:flex;flex-direction:column;gap:2px}.chat-aside-list ul li button{padding:12px 16px;border-radius:8px;color:var(--text-color);width:100%;text-align:initial;display:flex;align-items:center;justify-content:space-between}.chat-aside-list ul li button .delete{opacity:0;padding:2px;border-radius:4px;display:flex;flex:0 1}.chat-aside-list ul li button:hover{cursor:pointer}.chat-aside-list ul li.active button{background-color:var(--invert-10)}.chat-aside-list ul li.active button:hover .delete{opacity:1}.chat-aside-list ul li.active button:hover .delete:hover{background-color:var(--invert-10)}#chat-content{gap:32px;padding:32px}#chat-content,.chat-message{display:flex;flex-direction:column}.chat-message{gap:16px}.chat-message .avatar-wrapper{display:flex;flex-direction:row;align-items:center;gap:16px}.chat-message .avatar-wrapper img{--size:32px;width:var(--size);height:var(--size);border-radius:50%;background:var(--invert-25)}.chat-message .avatar-wrapper span{font-size:16px;color:var(--text-color);text-transform:capitalize}.chat-message.user-user .avatar-wrapper{flex-direction:row-reverse}.chat-message.user-user .avatar-wrapper img{display:none}.chat-message.user-user .avatar-wrapper span{margin-right:8px}.chat-message .content{display:flex;flex:1 1;flex-direction:column;align-items:flex-start;gap:8px}.chat-message .content>span{max-width:500px;padding:16px;border-radius:16px;background-color:var(--invert-10);color:var(--text-color);word-break:break-word}.chat-message.user-user .content{align-items:flex-end}.chat-message.user-user .content>span{border:1px solid var(--invert-10);background-color:var(--main-80);color:var(--text-color-secondary)}#chat-header{padding:16px;border-bottom:1px solid var(--invert-10);-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:center}#chat-header>span{color:var(--text-color-secondary)}#chat-input{padding:16px}#chat-input.loading>div{background:linear-gradient(var(--direction-top),var(--invert-10),var(--invert-05))}#chat-input.loading>div>div{background:linear-gradient(var(--direction-top),var(--main-25),var(--main-50))}#chat-input.loading>div>div textarea{cursor:not-allowed;opacity:.5}#chat-input.loading>div>div textarea::placeholder{color:var(--text-color-secondary)}#chat-input.loading>div>div svg{animation:spin 1s linear infinite;opacity:.5;margin-left:16px}#chat-input>div{display:flex;padding:2px;overflow:hidden;border-radius:16px;background:linear-gradient(var(--direction-top),var(--invert-10),var(--invert-05))}#chat-input>div>div{display:flex;align-items:center;width:100%;overflow:hidden;border-radius:14px;background:linear-gradient(var(--direction-top),var(--main-80),var(--main))}#chat-input>div>div textarea{flex:1 1;height:100%;padding:24px 16px;background:transparent;resize:none}#chat-input>div>div textarea:focus{outline:none}#chat-input>div>div button{--size:32px;width:var(--size);height:var(--size);margin-right:12px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.button{display:inline-flex;align-items:center;justify-content:center;padding:2px;border-radius:100px}.button.primary,.button.submit{background:linear-gradient(var(--direction-top),var(--invert),var(--invert-80))}.button.secondary{background:linear-gradient(var(--direction-top),var(--invert-33),var(--invert-10))}.button.text{background:none}.button span{display:flex;flex:1 1;align-items:center;justify-content:center;padding:6px 14px;gap:8px;border-radius:100px;font-weight:700;font-size:16px}.button.primary span,.button.submit span{background:linear-gradient(var(--direction-top),var(--main-05),var(--main-25));color:var(--main)}.button.secondary span{background:linear-gradient(var(--direction-top),var(--main-33),var(--main-10));color:var(--text-color)}.button.text span{background:none;color:var(--text-color-secondary);font-weight:400}.button:hover.primary,.button:hover.submit{background:linear-gradient(var(--direction-top),var(--invert-80),var(--invert-33))}.button:hover.secondary{background:linear-gradient(var(--direction-top),var(--invert-25),var(--invert-05))}.button:hover.text span{text-decoration:underline}#scroll{--hidden:hsla(0,28%,77%,0);--visible:#000;display:flex;z-index:69;position:absolute;top:0;left:0;align-items:flex-end;justify-content:center;width:100vw;height:100vh;padding-bottom:64px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:var(--main-80);-webkit-mask:linear-gradient(var(--hidden) 50%,var(--visible) 94%);mask:linear-gradient(var(--hidden) 50%,var(--visible) 94%);pointer-events:none;transition:all .5s}#scroll span{gap:16px}#scroll span,article{display:flex;align-items:center}article{flex-direction:column;margin-top:192px;gap:96px}article .article-header{display:flex;flex-direction:column;gap:24px;padding:0 24px}article .article-header h2{color:var(--invert);font-size:36px;text-align:center}article .article-header p{max-width:800px;color:var(--text-color-secondary);text-align:center}article .article-content{display:flex;padding:0 24px}.contact-card{--radius:12px;padding:2px;border-radius:var(--radius);background:linear-gradient(var(--direction-top),var(--invert-05),var(--invert-10))}.contact-card,.contact-card>div{display:flex;flex-direction:column;gap:16px}.contact-card>div{padding:16px;border-radius:calc(var(--radius) - 2px);background:linear-gradient(var(--direction-top),var(--main-50),var(--main-80))}.contact-card>div h3{font-size:24px;color:var(--text-color);font-weight:500}.contact-card header{display:flex;flex-direction:column;gap:16px}.contact-card header>div{display:flex;flex-direction:row;gap:16px;align-items:center}.contact-card header>div h3{color:var(--text-color);font-size:24px}.contact-card header p{color:var(--text-color-secondary);font-size:16px;max-width:256px}.contact-card hr{border:0;margin:16px 0;border-top:1px solid var(--invert-10)}.pros-and-cons{display:flex;flex-direction:column;gap:24px}.pros-and-cons .cons,.pros-and-cons .pros{display:flex;flex-direction:column;gap:12px}.pros-and-cons .cons h3,.pros-and-cons .pros h3{color:var(--text-color-secondary);font-size:20px}.pros-and-cons .cons ul,.pros-and-cons .pros ul{display:flex;flex-direction:column;gap:12px}.pros-and-cons .cons ul li,.pros-and-cons .pros ul li{color:var(--text-color);font-size:16px;display:flex;gap:8px;align-items:center}#contact{display:flex;flex-direction:row;align-items:flex-start;gap:24px}#curriculum-vitae{display:none;flex-direction:row;padding:24px;gap:32px;--left:44%;overflow:auto}#curriculum-vitae>div{display:flex;flex-direction:column;gap:32px}#curriculum-vitae #left{width:var(--left)}#curriculum-vitae #right{width:calc(100% - var(--left))}@page{margin:0}@media print{body{background-color:#fff}#root{--main:#fff;--invert:#000;--main-rgb:255,255,255;--invert-rgb:0,0,0;--main-80:rgba(var(--main-rgb),0.8);--main-50:rgba(var(--main-rgb),0.5);--main-33:rgba(var(--main-rgb),0.33);--main-25:rgba(var(--main-rgb),0.25);--main-10:rgba(var(--main-rgb),0.1);--main-05:rgba(var(--main-rgb),0.05);--main-02:rgba(var(--main-rgb),0.02);--invert-80:rgba(var(--invert-rgb),0.4);--invert-50:rgba(var(--invert-rgb),0.15);--invert-33:rgba(var(--invert-rgb),0.165);--invert-25:rgba(var(--invert-rgb),0.125);--invert-10:rgba(var(--invert-rgb),0.05);--invert-05:rgba(var(--invert-rgb),0.025);--invert-02:rgba(var(--invert-rgb),0.01);--text-color:rgba(var(--invert-rgb),0.8);--text-color-secondary:rgba(var(--invert-rgb),0.5);--cv-border-top:#f2f2f2;--cv-border-bottom:#f9f9f9;--cv-top:#fdfdfd;--cv-bottom:#fcfcfc}#root>*{display:none!important}#curriculum-vitae{display:flex!important}}.cv-section{display:flex;flex-direction:column;gap:16px}.cv-section>h3{display:flex;flex-direction:row;align-items:center;padding:0 4px;gap:8px;color:var(--invert);font-weight:600;font-size:16px}.cv-section>h3>.details{color:var(--text-color-secondary);font-size:14px;font-weight:400}.cv-section>.content{display:flex;flex-direction:column;gap:16px}.education-element{display:flex;position:relative;flex-direction:row;gap:16px}.education-element:before{z-index:0;position:absolute;top:-8px;left:16px;width:2px;height:calc(100% + 16px);border-radius:2px;background-color:var(--cv-border-top);content:""}.education-element .date{z-index:1;padding:32px 0;display:flex;flex-direction:column;gap:4px;justify-content:space-between}.education-element .date>span{background-color:var(--main);color:var(--text-color);font-size:14px}.education-element .date>span:last-child{color:var(--text-color-secondary)}.education-element .education{z-index:2;--radius:12px;display:flex;flex:1 1;flex-direction:column;padding:2px;border-radius:var(--radius);background:linear-gradient(var(--direction-top),var(--cv-border-bottom),var(--cv-border-top))}.education-element .education>div{display:flex;flex-direction:column;padding:16px;gap:12px;border-radius:calc(var(--radius) - 2px);background:linear-gradient(var(--direction-top),var(--cv-bottom),var(--cv-top))}.education-element .education>div>span.type{color:var(--text-color-secondary);font-size:14px}.education-element .education>div h3{color:var(--text-color);font-weight:700;font-size:18px}.education-element .education>div .details{display:flex;flex-direction:row;align-items:center;gap:12px}.education-element .education>div .details>div{display:flex;flex-direction:row;align-items:center;margin-left:2px;gap:8px;color:var(--text-color);font-size:14px}.education-element .education>div .details>div.status{font-weight:600}.education-element .education>div .status{display:flex;flex-direction:row;align-items:center;gap:6px;color:var(--text-color);font-weight:600;font-size:14px}.experience-element{display:flex;position:relative;flex-direction:row;gap:16px}.experience-element:before{z-index:0;position:absolute;top:-12px;left:16px;width:2px;height:calc(100% + 24px);border-radius:2px;background-color:var(--cv-border-top);content:""}.experience-element .date{z-index:1;padding:32px 0;display:flex;flex-direction:column;gap:4px;justify-content:space-between}.experience-element .date>span{background-color:var(--main);color:var(--text-color);font-size:14px}.experience-element .date>span:last-child{color:var(--text-color-secondary)}.experience-element .experience{z-index:2;--radius:12px;display:flex;flex:1 1;flex-direction:column;padding:2px;border-radius:var(--radius);background:linear-gradient(var(--direction-top),var(--cv-border-bottom),var(--cv-border-top))}.experience-element .experience>div{display:flex;flex-direction:column;padding:16px;gap:12px;border-radius:calc(var(--radius) - 2px);background:linear-gradient(var(--direction-top),var(--cv-bottom),var(--cv-top))}.experience-element .experience>div>span.type{font-size:14px;color:var(--text-color-secondary);display:flex;flex-direction:row;align-items:center;gap:4px}.experience-element .experience>div h3{color:var(--text-color);font-weight:700;font-size:18px}.experience-element .experience>div .details{display:flex;flex-direction:column;gap:6px;list-style:initial;padding-left:16px}.experience-element .experience>div .details>div{display:flex;flex-direction:row;align-items:center;margin-left:2px;gap:6px;gap:8px;color:var(--text-color)}.experience-element .experience>div .details>div.status{font-weight:600}.experience-element .experience>div .status{display:flex;flex-direction:row;align-items:center;gap:8px;color:var(--text-color);font-weight:600}.experience-element .experience>div li{color:var(--text-color);font-size:14px}#interests ul{display:flex;flex-direction:column;gap:8px}#interests ul li{display:flex;flex-direction:row;align-items:center;gap:8px;color:var(--text-color)}#profile{gap:16px}#contact ul,#profile{display:flex;flex-direction:column}#contact ul{padding-left:15px;list-style:disc;gap:8px}#contact ul li{color:var(--text-color);background-color:var(--invert-10);padding:2px 8px;border-radius:8px}#contact ul li:last-child{text-decoration:underline}#description{font-size:14px;color:var(--text-color-secondary)}#title{display:flex;align-items:center;gap:15px}#title>div{display:flex;flex-direction:column;gap:2px}#title h1{color:var(--invert);font-size:24px;font-weight:600}#title h2{font-size:16px}#title h2,#title span{color:var(--text-color)}#title span{font-size:14px}.stack-icon img{object-fit:contain;pointer-events:none;transition:all .25s ease}.cv-stack{display:flex;flex-direction:row;align-items:center;gap:8px;border-radius:calc(var(--radius) - 2px)}.cv-stack>.content{display:flex;flex:1 1;flex-direction:column;gap:4px}.cv-stack h4{display:flex;position:relative;align-items:center;gap:12px;color:var(--text-color);height:26px}.cv-stack h4>span{font-size:14px;font-weight:600}.cv-stack h4>span.name{flex:1 1}.cv-stack h4>span.icons{opacity:.5;display:flex;gap:4px;right:0;align-items:center;justify-content:center;padding:2px;border:2px solid var(--invert-10);border-radius:8px;background-color:var(--invert-05);top:50%;transform:translate(12%,-12%)}.cv-stack p{max-width:240px;color:var(--text-color-secondary);font-size:14px}#cv-stacks>.content>div{flex-wrap:wrap;--radius:12px;display:flex;flex-direction:column;padding:2px;border-radius:var(--radius);background:linear-gradient(var(--direction-top),var(--cv-border-bottom),var(--cv-border-top))}#cv-stacks>.content>div>div{display:flex;flex-wrap:wrap;padding:16px;gap:18px;flex-direction:column;border-radius:calc(var(--radius) - 2px);background:linear-gradient(var(--direction-top),var(--cv-bottom),var(--cv-top))}#cv-stacks>.content>div>div>div{display:flex;flex-direction:column;gap:8px}#cv-stacks>.content>div h3{color:var(--text-color-secondary);text-transform:capitalize;font-size:14px}#cv-stacks>.content>div .cv-stacks{display:flex;flex-wrap:wrap;gap:4px}#cv-stacks>.content>div .cv-stacks .cv-stack{margin-right:12px}#update-date{position:absolute;bottom:16px;right:24px}#update-date span{font-size:12px;color:var(--text-color-secondary)}#pixel{display:flex;flex-direction:column;gap:8px;margin-bottom:128px}#pixel span{margin-left:8px;color:var(--text-color-secondary)}#pixel table td{padding:4px}#pixel table td.empty{opacity:0}#pixel table td .pixel{--size:16px;--base-hue:120;width:var(--size);height:var(--size);transition:background-color 2s ease-out}#pixel table td .pixel.level-1{background-color:var(--invert-10)}#pixel table td .pixel.level-2{background-color:hsl(var(--base-hue),50%,var(--level-2-lum))}#pixel table td .pixel.level-3{background-color:hsl(var(--base-hue),50%,var(--level-3-lum))}#pixel table td .pixel.level-4{background-color:hsl(var(--base-hue),50%,var(--level-4-lum))}#pixel table td .pixel.level-5{background-color:hsl(var(--base-hue),50%,var(--level-5-lum))}#pixel table td:hover .pixel{transition:background-color 0s}#pixel table td:hover .pixel.level-1{background-color:var(--invert);box-shadow:0 0 20px 0 #fff}#pixel table td:hover .pixel.level-2{background-color:hsl(var(--base-hue),50%,calc(var(--level-2-lum) + 10%));box-shadow:0 0 20px 0 hsl(var(--base-hue),70%,calc(var(--level-2-lum) + 10%))}#pixel table td:hover .pixel.level-3{background-color:hsl(var(--base-hue),50%,calc(var(--level-3-lum) + 10%));box-shadow:0 0 20px 0 hsl(var(--base-hue),70%,calc(var(--level-3-lum) + 10%))}#pixel table td:hover .pixel.level-4{background-color:hsl(var(--base-hue),50%,calc(var(--level-4-lum) + 10%));box-shadow:0 0 20px 0 hsl(var(--base-hue),70%,calc(var(--level-4-lum) + 10%))}#pixel table td:hover .pixel.level-5{background-color:hsl(var(--base-hue),50%,calc(var(--level-5-lum) + 10%));box-shadow:0 0 20px 0 hsl(var(--base-hue),70%,calc(var(--level-5-lum) + 10%))}body.light-theme{--level-2-lum:70%;--level-3-lum:60%;--level-4-lum:45%;--level-5-lum:30%}body.dark-theme{--level-2-lum:20%;--level-3-lum:35%;--level-4-lum:50%;--level-5-lum:70%}footer{display:flex;flex-direction:column;align-items:center;margin-top:192px;margin-bottom:128px;padding:24px}footer hr{width:100%;margin:64px 0;border:1px solid var(--invert-10)}footer>.content{display:flex;flex:1 1;align-items:center;justify-content:space-evenly;width:100%;gap:24px}footer #profile{display:flex;flex-direction:column;gap:12px}footer #profile h5{color:var(--invert);font-size:22px;font-weight:500}footer #profile p{color:var(--text-color-secondary);font-size:16px;max-width:384px}footer #profile span{color:var(--text-color);font-size:16px}footer .footer-link>.tooltip{color:var(--text-color-secondary)}span.tag{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:2px 6px;background-color:var(--invert-10);text-transform:capitalize;border-radius:6px;font-size:16px;color:var(--text-color)}.project-stacks{display:flex;flex-direction:column;gap:16px}.project-stacks h5{text-transform:capitalize;color:var(--text-color-secondary)}.project-stacks>div{display:flex;gap:4px;flex-direction:column;flex:1 1}.project-stacks>div .stacks-group{display:flex;gap:8px;flex-wrap:wrap;max-width:512px;flex:1 1}.tooltip{display:inline;position:relative}.tooltip .tap-area{--padding:2px;position:absolute;top:calc(-1*var(--padding));left:calc(-1*var(--padding));width:calc(100% + 2*var(--padding));height:calc(100% + 2*var(--padding));border-radius:8px}.tooltip .tap-area:hover{background-color:var(--invert-10)}.tooltip>.content{z-index:43876;bottom:32px;width:max-content;max-width:512px;padding:16px;border-radius:8px;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);box-shadow:0 0 30px -20px var(--invert)}.tooltip>.content,.tooltip>.content .tooltip-arrow{position:absolute;left:50%;translate:-50% 0;background-color:var(--main-25)}.tooltip>.content .tooltip-arrow{--size:16px;bottom:calc(var(--size)*-.5 + 0px);width:var(--size);height:var(--size);rotate:180deg;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-clip-path:path("M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z");clip-path:path("M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z")}.footer-link{color:var(--text-color)}.footer-link a:hover,a.footer-link:hover{text-decoration:underline}.footer-columns{--gap:8px;display:flex;flex-direction:column;gap:var(--gap)}.footer-columns h5{color:var(--text-color-secondary);font-size:16px}.footer-columns ul{display:flex;flex-direction:column;gap:var(--gap)}.footer-columns>div{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:space-between}.footer-columns a,.footer-columns span{color:var(--text-color);font-size:16px;display:flex;flex-direction:row;align-items:center;gap:8px}.select{display:inline-flex;position:relative;min-width:160px}.select>button{flex:1 1;padding:8px 16px;color:var(--text-color);font-weight:400;text-align:initial}.select .options:after,.select>button:after{position:absolute;top:0;left:0;width:100%;height:100%;inset:0;padding:2px;border-radius:8px;background:linear-gradient(var(--direction-bottom),var(--invert-10),var(--invert-10),var(--invert-10),var(--invert-10),var(--invert-10),var(--invert-25));content:"";-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.select .options{display:flex;position:absolute;top:calc(100% + 4px);left:0;flex-direction:column;width:100%;padding:8px;z-index:999;background-color:var(--main)}.select .options button.option{padding:12px 16px;text-align:initial;color:var(--text-color)}.select .options button.option:hover{border-radius:4px;background:var(--invert-10)}.select .options button.option.selected{background:var(--invert-05)}#form{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:var(--main-25);z-index:2}#form form{width:400px;--radius:12px;padding:2px;border-radius:var(--radius);background:linear-gradient(var(--direction-top),var(--invert-05),var(--invert-10))}#form form,#form form>div{display:flex;flex-direction:column}#form form>div{padding:16px;gap:24px;border-radius:calc(var(--radius) - 2px);background:linear-gradient(var(--direction-top),var(--main-50),var(--main-80));-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px)}#form form>div h2{font-size:24px;font-weight:500;color:var(--text-color)}#form form>div p{font-size:16px;color:var(--text-color-secondary)}#form form>div label{font-size:16px;color:var(--text-color)}#form form>div label span{color:var(--text-color-secondary);margin-left:4px}#form form>div>div{display:flex;flex-direction:column;gap:8px}#form form>div>div input,#form form>div>div textarea{padding:10px;border:1px solid var(--invert-10);background-color:var(--invert-05);border-radius:4px;color:var(--invert)}#form form>div>div input:focus,#form form>div>div textarea:focus{outline:none;border:1px solid var(--invert-25);background-color:var(--invert-10)}#form form>div>button.loading svg{animation:rotate 1s linear infinite}#form #close-area{z-index:-1;position:absolute;top:0;right:0;width:100%;height:100%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header-item{padding:2px;border-radius:100px;background:linear-gradient(var(--direction-top),var(--invert-05),var(--invert-10));list-style:none;cursor:pointer}.header-item.active{background:linear-gradient(var(--direction-top),var(--invert-50),var(--invert-10))}.header-item button{padding:12px 28px;border-radius:100px;background:var(--main-80);color:var(--text-color-secondary)}.header-item.active button{background:linear-gradient(var(--direction-top),var(--main-25),var(--main-50));color:var(--text-color)}.header-item:not(.active):hover.active{background:linear-gradient(to bottom left,rgba(var(--invert),.25),rgba(var(--invert),.5))}.header-item:not(.active):hover button{background:linear-gradient(to top right,rgba(var(--main),.25),rgba(var(--main),.5));color:rgba(var(--invert),.8)}#header{height:69px;border-radius:100px;padding-top:32px;box-sizing:content-box;z-index:2;position:relative}#header nav{position:fixed;left:50%;padding:2px;transform:translateX(-50%);border-radius:100px;background:linear-gradient(var(--direction-top),var(--invert-25),var(--invert-05))}#header nav ul{display:flex;margin:0;padding:8px;gap:8px;border-radius:100px;background:var(--main-50);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);list-style:none}#header nav:before{content:"";position:fixed;top:0;left:-50%;width:200%;z-index:-1;box-shadow:0 0 130px 130px var(--main-50)}kbd{display:inline-flex;padding-bottom:2px;background:linear-gradient(var(--direction-top),var(--invert-25),var(--invert-10));color:var(--text-color);font-weight:700;font-size:16px}kbd,kbd>span{border-radius:4px}kbd>span{display:flex;padding:2px;background:linear-gradient(var(--direction-top),hsla(0,0%,100%,.2),hsla(0,0%,100%,.1))}kbd>span>span{display:flex;padding:0 8px;border-radius:2px;background:linear-gradient(var(--direction-top),var(--main-80),var(--main-50));color:var(--text-color)}#details{flex-direction:column}#details,#details p{display:flex;gap:8px}#details p{color:var(--text-color-secondary);align-items:center;justify-content:center}#message-hider{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}#message-hider>div{position:absolute;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,var(--main),var(--main))}#message{margin-top:56px;margin-bottom:8px;padding:2px;border-radius:100px;background:linear-gradient(var(--direction-top),var(--invert-25),var(--invert-05))}#message span{display:flex;align-items:center;padding:6px 14px;gap:8px;border-radius:100px;background:linear-gradient(var(--direction-top),var(--main-80),var(--main));color:var(--text-color);font-weight:700;font-size:16px}#home h1{font-size:64px}#home h1,#home h2{color:var(--invert);text-align:center}#home h2{font-size:36px}#home{gap:32px;padding:64px}#home,#image-preview{display:flex;flex-direction:column;align-items:center}#image-preview{z-index:69;position:fixed;top:0;left:0;justify-content:center;width:100%;height:100%;padding:64px 64px 136px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#image-preview img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;filter:drop-shadow(0 0 32px rgba(0,0,0,.25))}#image-preview #controls{--border-radius:32px;--padding:8px;display:flex;position:absolute;bottom:32px;justify-content:center;padding:var(--padding);gap:16px;border-radius:var(--border-radius);background-color:var(--invert-10);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}#image-preview #controls>div{display:flex;align-items:center;justify-content:center;gap:8px}#image-preview #controls button{--size:56px;display:flex;align-items:center;justify-content:center;width:var(--size);height:var(--size);padding:8px 16px;border:none;border-radius:calc(var(--border-radius) + var(--padding));background-color:var(--invert-80);color:var(--main);font-size:16px;cursor:pointer;transition:all .2s}#image-preview #controls button:hover{background-color:var(--invert)}#image-preview #close-area{z-index:-1;position:absolute;top:0;right:0;width:100%;height:100%}.project{--radius:12px;padding:2px;border-radius:var(--radius);background:linear-gradient(var(--direction-top),var(--invert-05),var(--invert-10))}.project>div{height:100%;padding:16px;gap:24px;border-radius:calc(var(--radius) - 2px);background:linear-gradient(var(--direction-top),var(--main-25),var(--main-50))}.project>div,.project>div header{display:flex;flex-direction:column}.project>div header{gap:16px}.project>div h4{display:flex;color:var(--text-color);font-weight:400;font-size:20px}.project>div h4 .tooltip{margin-left:auto}.project>div h4 .tooltip span{display:flex;padding:4px 8px;gap:8px;border-radius:8px;background-color:var(--invert-05);white-space:nowrap}.project>div>img{width:512px;height:288px;object-fit:cover;border-radius:8px}.project>div .content{display:flex;flex:1 1;flex-direction:column;gap:16px}.project>div .content p{flex:1 1;max-width:512px;color:var(--text-color-secondary)}.project>div .content .tags{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.project>div .content .actions{display:flex;gap:8px}.project-album{--height:288px;--width:512px;display:flex;position:relative;width:var(--width);height:var(--height)}.project-album:hover>.images{outline-width:8px}.project-album:hover .arrows>button{scale:1;opacity:1}.project-album>.images{overflow:hidden;border-radius:8px;outline:0 solid var(--invert-05);transition:outline-width .2s}.project-album>.images img{cursor:pointer}.project-album .arrows>button{--size:48px;display:flex;z-index:1;position:absolute;top:50%;left:calc(-1*var(--size)/3);align-items:center;justify-content:center;width:var(--size);min-width:var(--size);height:var(--size);min-height:var(--size);overflow:show;translate:0 -50%;scale:.8;border-radius:50%;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:var(--invert-50);opacity:0;transition:all .2s}.project-album .arrows>button:hover{background-color:var(--invert-80)}.project-album .arrows>button svg{stroke:var(--main);stroke-width:2}.project-album .arrows>button:last-child{right:calc(-1*var(--size)/3);left:auto}.project-album img{width:var(--width);min-width:var(--width);height:var(--height);min-height:var(--height);object-fit:cover;border-radius:calc(var(--border-radius))}#projects{display:flex;flex-direction:row;flex-wrap:wrap;gap:24px;justify-content:center}.stack{--radius:12px;padding:2px;border-radius:var(--radius)}.stack.opened,.stack:hover{background:linear-gradient(var(--direction-top),var(--invert-05),var(--invert-10));cursor:pointer}.stack.opened>div,.stack:hover>div{background:linear-gradient(var(--direction-top),var(--main-25),var(--main-50))}.stack>div{display:flex;flex-direction:row;align-items:center;padding:12px 16px 12px 12px;gap:16px;border-radius:calc(var(--radius) - 2px)}.stack>div>.content{display:flex;flex:1 1;flex-direction:column;gap:4px}.stack h4{display:flex;position:relative;align-items:center;gap:12px;color:var(--text-color);font-size:16px;height:26px}.stack h4>span.name{flex:1 1}.stack h4>span.icons{opacity:.5;display:flex;gap:4px;right:0;align-items:center;justify-content:center;padding:2px;border:2px solid var(--invert-10);border-radius:8px;background-color:var(--invert-05);top:50%;transform:translate(12%,-12%)}.stack p{max-width:240px;color:var(--text-color-secondary);font-size:14px}.tooltip>.content{display:flex;gap:16px;flex-direction:column}.tooltip>.content h3{font-size:18px;font-weight:600;color:var(--invert);display:flex;gap:6px;align-items:center}.tooltip>.content p{color:var(--text-color-secondary)}.tooltip>.content a{text-transform:lowercase}.tooltip>.content a:hover{text-decoration:underline}.tooltip>.content .icon-info{display:flex;gap:8px;flex-direction:column}.tooltip>.content .icon-info>p{display:flex;align-items:center;gap:6px;color:var(--text-color)}.stack-group{--radius:12px;padding:2px;border-radius:var(--radius);background:linear-gradient(var(--direction-top),var(--invert-05),var(--invert-10))}.stack-group,.stack-group>div{display:flex;flex-direction:column;gap:16px}.stack-group>div{padding:16px;border-radius:calc(var(--radius) - 2px);background:linear-gradient(var(--direction-top),var(--main-50),var(--main-80))}.stack-group>div>h3{display:flex;align-items:center;gap:8px;font-weight:500;font-size:24px;font-size:18px;color:var(--text-color-secondary)}.stack-group>div>div{display:flex;flex-direction:column;gap:12px}#stacks{flex-direction:row;align-items:flex-start;justify-content:center}#stacks,#stacks>div{display:flex;gap:24px}#stacks>div{flex-direction:column}.timeline-element{width:calc(50% - 32px);display:flex;position:relative;align-items:flex-end}.timeline-element:after{content:"";width:20px;height:100%;position:absolute;top:0;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.75));mask-image:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.75))}.timeline-element:nth-child(odd):after{right:-34px;left:auto;background:linear-gradient(-90deg,var(--invert-25),var(--main))}.timeline-element:nth-child(2n):after{left:-32px;right:auto;background:linear-gradient(90deg,var(--invert-25),var(--main))}.timeline-element>.dates{height:100%;display:flex;flex-direction:column;justify-content:space-between;position:absolute;top:0;opacity:0;padding:24px 0;color:var(--text-color-secondary);transition:opacity .5s}.timeline-element:hover .dates{opacity:1}.timeline-element:nth-child(2n)>.dates{left:-80px}.timeline-element:nth-child(odd)>.dates{right:-80px}.timeline-element>.content{--radius:8px;padding:2px;border-radius:var(--radius);background:linear-gradient(var(--direction-top),var(--invert-10),var(--invert-05));max-width:333px}.timeline-element>.content>div{padding:16px;border-radius:calc(var(--radius) - 2px);background:linear-gradient(var(--direction-top),var(--main-50),var(--main));color:var(--invert);display:flex;gap:12px;flex-direction:column}.timeline-element>.content>div>span{color:var(--text-color-secondary)}.timeline-element>.content>div>h3{font-size:18px;font-weight:600}.timeline-element>.content>div>div{display:flex;flex-direction:row;gap:6px;align-items:center;color:var(--text-color)}.timeline-element>.content>div>div.details{margin-left:2px;gap:8px}.timeline-element>.content>div>div.status{font-weight:600}.timeline-element>.content>div>div.status.graduated{color:#1e9955}.timeline-element>.content>div>div.status.in-progress{color:#209cef}#timeline{display:flex;position:relative;flex-direction:column;width:100%}#timeline:after{position:absolute;top:0;left:50%;width:2px;height:100%;background-color:var(--invert-10);content:""}#timeline .timeline-element{align-self:flex-start}#timeline .timeline-element:nth-child(2n){align-self:flex-end}#timeline .timeline-element:nth-child(odd){justify-content:flex-end}