@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap";a,ins{text-decoration:none}article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section{display:block}a,hr{padding:0}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}ins,mark{background-color:#fff;color:#000}body{line-height:1}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a{margin:0;font-size:100%;vertical-align:baseline;background:0 0}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}[data-theme=light]{--text-color: #08182b;--bg-color: #e4eaf2;--link-color: #38f;--container-bg-color: #e4eaf2;--container-border-color: color-mix(in srgb, #08182b, transparent 80%);--border-left-color: #f38}[data-theme=dark]{--text-color: #e4eaf2;--bg-color: #08182b;--link-color: #fa3;--container-bg-color: color-mix(in srgb, transparent, #e4eaf2 3%);--container-border-color: color-mix(in srgb, #e4eaf2, transparent 80%);--border-left-color: #38f}@media(prefers-color-scheme:light){[data-theme=system]{--text-color: #08182b;--bg-color: #e4eaf2;--link-color: #38f;--container-bg-color: #e4eaf2;--container-border-color: color-mix(in srgb, #08182b, transparent 80%);--border-left-color: #f38}}@media(prefers-color-scheme:dark){[data-theme=system]{--text-color: #e4eaf2;--bg-color: #08182b;--link-color: #fa3;--container-bg-color: color-mix(in srgb, transparent, #e4eaf2 3%);--container-border-color: color-mix(in srgb, #e4eaf2, transparent 80%);--border-left-color: #38f}}*,*:before,*:after{box-sizing:border-box;color:var(--text-color);font-family:helvetica,sans-serif;line-height:1.5;margin:0;padding:0;transition:color .5s,background-color .5s}body{overflow-x:hidden;overflow-y:visible;width:100%}html{background-color:var(--bg-color);display:grid;scrollbar-color:color-mix(in srgb,var(--text-color),transparent 50%) transparent}@media(max-width:1280px){html{grid-template-columns:1fr 4fr 1fr}}@media(max-width:1024px){html{grid-template-columns:1fr 6fr 1fr}}@media(max-width:768px){html{grid-template-columns:1.5fr 5fr 1.5fr}}@media(max-width:480px){html{grid-template-columns:1fr 8fr 1fr}}@media(min-width:1440px){html{grid-template-columns:1fr 10fr 1fr}}@media(min-width:1280px){html{grid-template-columns:2fr 7fr 2fr}}body{grid-column:2}.layout{width:100%}h1{font-size:2rem;line-height:1.5}h2{font-size:1.5rem}h3{font-size:1.25rem}p,a,li,pre code span{font-size:1rem}small{font-size:.875rem}a{text-decoration:underline}pre code span{font-family:JetBrains Mono,Consolas,Courier New,Courier,Lucida Console,monospace;line-height:1.5}hr{background-color:color-mix(in srgb,var(--text-color),transparent 70%);border:none;height:1px;margin-block:64px}header{z-index:2}.main{min-height:100px;padding-block:24px;z-index:1}footer{z-index:2}.header{--webkit-backdrop-filter: blur(5px);backdrop-filter:blur(5px);background-color:var(--container-bg-color);border:1px solid var(--container-border-color);border-radius:16px;align-items:center;animation:1s down;animation-timing-function:cubic-bezier(.903,-.637,.216,1.643);background-color:transparent;display:flex;height:80px;justify-content:space-between;margin-block:0 40px;padding:12px 16px;position:sticky;top:16px;width:auto}@media(max-width:1024px){.header{height:75px;padding:8px}}.header .header__logo{display:flex;align-items:center;gap:8px}.header .header__logo .header__logo--icon{height:40px;width:auto}@media(max-width:480px){.header .header__logo .header__logo--icon{height:35px}}.header .header__logo .header__logo--title{height:30px;width:auto}@media(max-width:480px){.header .header__logo .header__logo--title{height:25px}}@keyframes down{0%{opacity:0;translate:0 -150%}to{opacity:1;translate:0}}.hamburger-menu{cursor:pointer;display:inline-block;padding:10px;position:relative}.hamburger-menu:active,.hamburger-menu:hover{-webkit-tap-highlight-color:transparent}.hamburger-menu__bar{transition:.3s ease-in-out;background-color:var(--text-color);height:2px;position:relative;width:35px}.hamburger-menu__bar:before,.hamburger-menu__bar:after{transition:all .5s;transition-timing-function:cubic-bezier(.903,-.637,.216,1.643);background-color:var(--text-color);content:"";height:2px;left:0;position:absolute;width:35px}.hamburger-menu__bar:before{top:-10px}.hamburger-menu__bar:after{top:10px}@media(min-width:1024px){.hamburger-menu{display:none}}#menuToggle:checked~.hamburger-menu .hamburger-menu__bar{background-color:transparent}#menuToggle:checked~.hamburger-menu .hamburger-menu__bar:before{rotate:45deg;top:0}#menuToggle:checked~.hamburger-menu .hamburger-menu__bar:after{rotate:-45deg;top:0}@media(max-width:1024px){.nav{--webkit-backdrop-filter: blur(5px);backdrop-filter:blur(5px);background-color:var(--container-bg-color);border:1px solid var(--container-border-color);border-radius:16px;background-color:var(--bg-color);position:absolute;right:0;text-align:center;top:calc(100% + 12px);width:130px}}.nav__list{list-style:none}@media(max-width:1024px){.nav__list{display:block}}@media(min-width:1024px){.nav__list{display:flex}}.nav__list__item:active{animation:.2s clicked-list-item ease}@media(max-width:1024px){.nav__list__item{padding-block:16px}.nav__list__item:not(:last-child){border-bottom:1px solid var(--container-border-color)}}@media(min-width:1024px){.nav__list__item{padding-inline:12px;line-height:1.5}.nav__list__item:not(:last-child){border-right:2px solid var(--container-border-color)}}.nav__list__item--theme-menu-button{color:var(--link-color);cursor:pointer}.nav__list__item a{text-decoration:none}.nav__list__item--copy-the-url-button{cursor:pointer}.nav__theme-menu{--webkit-backdrop-filter: blur(5px);backdrop-filter:blur(5px);background-color:var(--container-bg-color);border:1px solid var(--container-border-color);border-radius:16px;transition:all .5s;transition-timing-function:cubic-bezier(.903,-.637,.216,1.643);background-color:var(--bg-color);list-style:none;opacity:.5;position:absolute;scale:1 0;text-align:center;transform-origin:top;width:130px}@media(max-width:1024px){.nav__theme-menu{top:calc(100% + 12px)}}@media(min-width:1024px){.nav__theme-menu{top:96px;right:0}}.nav__theme-menu__item{cursor:pointer;padding-block:16px}.nav__theme-menu__item:not(:last-child){border-bottom:1px solid var(--container-border-color)}.nav__theme-menu .selected{color:var(--link-color)}#themeMenuToggle:checked~.nav__theme-menu{opacity:1;scale:1}@media(max-width:1024px){.nav{transition:all .5s;transition-timing-function:cubic-bezier(.903,-.637,.216,1.643);opacity:.5;scale:1 0;transform-origin:top}#menuToggle:checked~.nav{scale:1;opacity:1}}@keyframes clicked-list-item{0%{color:var(--text-color)}50%{color:var(--link-color)}to{color:var(--text-color)}}.footer{padding-block:0 80px;text-align:center}.footer small{line-height:2;color:color-mix(in srgb,var(--text-color),transparent 20%)}.social-link{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;list-style:none;margin-block:56px}.social-link__item a{--webkit-backdrop-filter: blur(5px);backdrop-filter:blur(5px);background-color:var(--container-bg-color);border:1px solid var(--container-border-color);border-radius:16px;transition:all .5s;transition-timing-function:cubic-bezier(.903,-.637,.216,1.643);background-color:color-mix(in srgb,#e4eaf2,#08182b 5%);display:grid;height:50px;opacity:.5;place-items:center;width:50px}@media(hover:none){.social-link__item a{opacity:.8}}@media(hover:hover){.social-link__item a:hover{opacity:1;scale:1.2;box-shadow:0 0 7px color-mix(in srgb,#08182b,transparent 85%)}}.social-link__item a img{height:40px;width:40px}