@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}
body{color:#000;background-color:#fafafa;font-family:Helvetica,Arial,sans-serif;font-weight:400}html{font-size:16px}@media only screen and (min-width:800px){html{font-size:16px}}@media only screen and (min-width:1400px){html{font-size:16px}}h1,h2,h3,h4,h5,h6{color:#222;font-family:Poppins,sans-serif}h1{font-size:32px;font-weight:700;line-height:1.1em}h2{margin-bottom:16px;font-size:24px;font-weight:700;line-height:1.2em}h3{margin-bottom:8px;font-size:20px;font-weight:700;line-height:1.1em}h4{font-size:18px;font-weight:700;line-height:1.1em}h5{font-size:16px;font-weight:700;line-height:1.1em}p{margin-bottom:24px;font-size:100%;line-height:1.6em}p,ol li,ul li{color:#333}a{color:#005eff}em{font-style:italic}strong{color:#000;font-weight:700}mark{color:#fff;background:#000;border-radius:2px;padding:2px 8px;font-family:Courier New,Courier,monospace;font-size:14px}figcaption{color:#777;font-size:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}a{text-decoration:none}ul{margin-bottom:24px;margin-left:20px}ul li{line-height:24px;list-style:square}figure{margin-bottom:32px}figure img{max-width:100%;box-shadow:0 0 4px #0000001a}figure figcaption{margin-top:8px}
.container{width:100%;margin:0 auto;padding:0 32px}@media only screen and (min-width:800px){.main-content{grid-template-columns:240px auto;display:grid}}
.header{background:#fff;border-bottom:1px solid #eaeaea;padding:10px 0}
.navigation{background:#fff;border-bottom:1px solid #eaeaea}.navigation__wrapper{padding:32px}.navigation__title{text-transform:uppercase;margin-bottom:16px;font-size:14px;font-weight:700}.navigation__menu{margin-bottom:32px}.navigation__menu:last-child{margin:0}.navigation__item{color:#555;padding:8px 0;display:block}.navigation__item--active{color:#005eff}.navigation__item:before{content:"›";margin-right:8px}.navigation__version{border-top:1px solid #e0e0e0;flex-direction:column;align-items:center;width:100%;margin-top:32px;padding:16px 32px;display:flex}.navigation__version-text{color:#888;text-align:center;padding:4px 0 0;font-size:12px}@media only screen and (min-width:800px){.navigation{border-bottom:none;border-right:1px solid #eaeaea}}
.article{border-right:1px solid #eaeaea;max-width:810px;padding:32px}.article__meta{color:#888;grid-gap:16px;grid-template-columns:auto 100px;margin-bottom:32px;display:grid}.article-meta__time{text-align:right}.article__content h1{margin-bottom:32px}
.footer{border-top:1px solid #eaeaea;padding:30px 0}.footer p{text-align:center;font-size:14px}.footer a{color:#333}.footer__item{display:block}.footer__separator{display:none}@media only screen and (min-width:800px){.footer__item,.footer__separator{display:inline}}
.alert-wrapper{margin-top:4px;margin-bottom:30px}.alert{border:1px solid #ccc;border-radius:4px;grid-template-columns:24px auto;place-items:center;font-size:13px;line-height:21px;display:grid;box-shadow:0 0 4px #0000001a}.alert .icon-alert-error,.alert .icon-alert-info,.alert .icon-alert-success,.alert .icon-alert-warning{position:relative;top:3px}.alert--info{border-color:#32b3e5}.alert--info .alert-icon{background:#32b3e5}.alert--info .alert-content{color:#1c6785;border-left:1px solid #32b3e5}.alert--success{border-color:#66d23a}.alert--success .alert-icon{background:#66d23a}.alert--success .alert-content{color:#3b7c21;border-left:1px solid #66d23a}.alert--warning{border-color:#eccd51}.alert--warning .alert-icon{background:#eccd51}.alert--warning .alert-content{color:#7e6d29;border-left:1px solid #eccd51}.alert--error{background:#fce6ec;border-color:#f43f75}.alert--error .alert-icon{background:#f43f75}.alert--error .alert-content{color:#771a36;border-left:1px solid #be305b}.alert-icon{text-align:center;width:100%;height:100%}.alert-content{color:#fff;width:100%;padding:8px 16px}
.login-wrapper{grid-template-columns:1fr;justify-content:center;align-items:center;width:100%;height:100vh;display:grid}.login-container{width:340px;margin:0 auto}.login-form{flex-direction:row;gap:8px;margin-top:16px;display:flex}.login-form input{width:100%}.login-text{color:#333;border:1px solid #ccc;border-radius:4px;padding:12px 16px;font-size:14px}.login-button{color:#fff;cursor:pointer;background-color:#704099;border:none;border-radius:4px;padding:12px 16px;font-size:14px;transition:background-color .3s}.login-button:hover{background-color:#5c3995}