@property --rotation{syntax: "<angle>"; inherits: false; initial-value: 130deg;}*{font-family:Montserrat,sans-serif}body,html{font-weight:400;font-size:24px;margin:0;padding:0;height:100%;width:100%;box-sizing:border-box;position:relative;color:var(--colorContent1);transition:color .2s linear;--tooltipFontSize: 32px;--tooltipPadding: 10px}body:has(.modal-is-open){overflow:hidden}:focus{outline-color:transparent;outline-style:none}.window-bg{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.window-bg .window-box{min-width:min-content;width:100%}.window-bg .window{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--colorBgHighlight_03);transition:background-color .1s linear,box-shadow .1s linear;overflow:auto}.window-bg .window:hover{background-color:var(--colorBgHighlight_05)}.textCursor{animation:blinker 1.06s step-start infinite;font-weight:700;display:inline-block}@keyframes blinker{50%{opacity:0}}a{text-decoration:none;color:var(--colorContent1)}.fancy-link{cursor:pointer;text-decoration:none;background:linear-gradient(var(--rotation),var(--colorAccent1),var(--colorAccent2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:--rotation .2s ease-in-out;white-space:nowrap;font-weight:700;position:relative;display:inline-block;text-align:center}.fancy-link:hover,.fancy-link:active,.fancy-link:focus{--rotation: 200deg}.fancy-link:after{content:"";position:absolute;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transform:scale(1.25);left:0;top:0;height:100%;-webkit-mask-image:linear-gradient(180deg,transparent 0%,black 10%,black 80%,transparent 100%),linear-gradient(90deg,transparent 0%,black 30%,black 90%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,black 10%,black 80%,transparent 100%),linear-gradient(90deg,transparent 0%,black 30%,black 90%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.fancy-link:hover:after,.fancy-link:focus-visible:after{animation:blurOver .3s ease-in-out}.fancy-link:focus-visible{border-bottom:1px dotted var(--colorContent2)}:root *{scrollbar-width:auto;scrollbar-color:var(--colorContent2) var(--colorBg1)}*::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}*::-webkit-scrollbar-track{background-color:var(--colorBg1);border-radius:10px;margin:10px}*::-webkit-scrollbar-thumb{background-color:var(--colorContent2);border-radius:10px;border:4px var(--colorBg1) solid}*::-webkit-scrollbar-thumb:hover{background-color:var(--colorContent1)}::-webkit-scrollbar-corner{background:var(--colorBg1)}.appear{animation:appear-blur .5s cubic-bezier(0,0,0,1);animation-delay:var(--delay, .5s);animation-fill-mode:backwards}@keyframes appear-blur{0%{filter:blur(10000px)}10%{filter:blur(1000px)}30%{filter:blur(100px)}to{filter:unset}}button{all:unset}button.button{background:linear-gradient(var(--rotation),var(--colorAccent1),var(--colorAccent2));transition:--rotation .2s ease-in-out;padding:10px 15px;border-radius:2px;color:var(--colorBg1);font-weight:700}button.button:hover,button.button:active,button.button:focus{--rotation: 200deg}button.fancy-button{position:relative;display:inline-block;text-align:center;transition:transform .2s linear}@keyframes blurOver{0%{width:0;left:0}50%{width:100%;left:0}to{width:0;left:100%}}button.fancy-button:after{content:"";position:absolute;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transform:scale(1.25);left:0;top:0;height:100%;-webkit-mask-image:linear-gradient(180deg,transparent 0%,black 10%,black 80%,transparent 100%),linear-gradient(90deg,transparent 0%,black 30%,black 90%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,black 10%,black 80%,transparent 100%),linear-gradient(90deg,transparent 0%,black 30%,black 90%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}button.fancy-button:hover:after,button.fancy-button:focus-visible:after{animation:blurOver .3s ease-in-out}button.fancy-button:hover{transform:scale(1.1)}hr{width:100%;border:none;border-top:1px solid var(--colorBg3)}.tooltip,.tooltip:before,.tooltip:after{position:absolute;background-color:var(--colorBg1);font-size:var(--tooltipFontSize);padding:var(--tooltipPadding);border-top:5px var(--colorContent1) solid;border-bottom:5px var(--colorContent1) solid}.tooltip{background-color:var(--colorBg1);color:var(--colorContent1);opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .2s linear;z-index:3}.tooltip.visible{opacity:1}.tooltip:before,.tooltip:after{content:"!";color:var(--colorBg1);top:-5px;transform:skew(-12deg) translateZ(-1px);z-index:-1}.tooltip:before{left:-8px;border-left:5px var(--colorContent1) solid}.tooltip:after{right:-8px;border-right:5px var(--colorContent1) solid}::view-transition-old(content-area){animation:slideOut .3s ease forwards}::view-transition-new(content-area){animation:slideIn .3s ease forwards}@keyframes slideIn{0%{transform:translateY(calc(var(--anim-dir, -1) * var(--slide-amount, 150%))) scale(var(--scale-amount, .1));filter:blur(var(--blur-amount, 500px))}to{transform:translateY(0) scale(1);filter:blur(0)}}@keyframes slideOut{0%{transform:translateY(0) scale(1);filter:blur(0)}to{transform:translateY(calc(var(--anim-dir, -1) * -1 * var(--slide-amount, 150%))) scale(var(--scale-amount, .1));filter:blur(var(--blur-amount, 500px))}}.animate-bounce1{animation:bounce1 .1s ease-in-out 1}.animate-bounce2{animation:bounce2 .1s ease-in-out 1}@keyframes bounce1{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes bounce2{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}
