.css-block{background-color:#1e1e1e;border-radius:6px;box-shadow:2px 2px 4px 2px rgba(0,0,0,.75);height:100%;overflow:hidden;width:100%}.css-block__header{align-items:center;background-color:#569cd6;color:#1c1b1c;display:flex;justify-content:space-between;padding:7px 14px;height:28px}.css-block__title{font-weight:500;font-size:14px;padding:2px}@media screen and (min-width:768px){.css-block__title{font-size:16px}}.css-block__button{align-items:center;background-color:#569cd6;border-radius:5px;color:#1c1b1c;display:flex;font-size:16px;font-weight:500;justify-content:center;padding:4px;transition:all .12s ease-out}.css-block__button:hover{background-color:#1c1b1c;color:#569cd6}.css-block__button span{align-items:center;display:flex;justify-content:center}.css-block__button span:last-of-type{font-size:18px;margin:0 0 0 5px}.css-block__highlighter{height:400px!important}.css-block__highlighter pre{height:400px!important;margin:0!important;padding-bottom:0!important;padding-top:0!important}.css-block__highlighter pre::-webkit-scrollbar{width:14px}.css-block__highlighter pre::-webkit-scrollbar-thumb{background-color:#569cd6;border:3px solid #569cd6;cursor:pointer}.css-block__highlighter pre::-webkit-scrollbar-track{background-color:#1e1e1e}.css-block__highlighter pre::selection{background-color:#ccd6f6;color:#c69}.css-block__highlighter code{overflow-wrap:break-word!important;white-space:pre-wrap!important;word-break:break-word!important}.scss-block{border-radius:6px;box-shadow:2px 2px 4px 2px rgba(0,0,0,.75);height:100%;overflow:hidden;width:100%}.scss-block__header{align-items:center;background-color:#c69;color:#f1f1f1;display:flex;justify-content:space-between;height:28px;padding:7px 14px}.scss-block__title{font-weight:500;font-size:14px;padding:2px}@media screen and (min-width:768px){.scss-block__title{font-size:16px}}.scss-block__editor{height:400px;background-color:#011627}.scss-block__editor *{text-wrap:wrap!important}.scss-block__editor .minimap-decorations-layer,.scss-block__editor .monaco-editor,.scss-block__editor .monaco-editor .margin,.scss-block__editor .monaco-editor-background,.scss-block__editor .presentation{background-color:#011627!important}.scss-block__editor .slider{background-color:#c69!important;cursor:pointer}.scss-block__editor .view-lines{border-color:#c69!important}.blocks{align-self:center;width:100%}.blocks,.blocks__container{display:flex;flex-direction:column}.blocks__container{gap:10px;transition:all .12s ease-in-out}@media screen and (min-width:768px){.blocks__container{flex-direction:row;gap:20px}}.blocks__button{align-items:center;background-color:#011627;border:1px solid #569cd6;border-radius:4px;box-shadow:0 2px 1px 0 #569cd6;color:#569cd6;display:flex;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:14px;font-weight:400;justify-content:center;letter-spacing:1px;padding:9px 12px;text-align:center;transition:all .12s ease-out;display:none;box-shadow:0 2px 8px 3px rgba(0,0,0,.47);-webkit-box-shadow:0 2px 8px 3px rgba(0,0,0,.47);-moz-box-shadow:0 2px 8px 3px rgba(0,0,0,.47);margin:20px auto 0}.blocks__button:hover{background-color:#c69;border:1px solid #ccd6f6;box-shadow:0 2px 5px 0 #c69;color:#ccd6f6;transform:translate(10px)}@media screen and (min-width:425px){.blocks__button{font-size:14px;letter-spacing:2px;padding:16px 20px}}@media screen and (min-width:768px){.blocks__button{font-size:14px;padding:16px 20px}}@media screen and (min-width:1024px){.blocks__button{font-size:16px;padding:18px 24px}}@media screen and (min-width:768px){.blocks__button{display:flex}}.blocks__button--alternative{display:flex;height:60px;letter-spacing:5px;margin:0;width:100%}.blocks__button--alternative:hover{transform:translate(0)}@media screen and (min-width:768px){.blocks__button--alternative{display:none}}.blocks__button:hover{box-shadow:0 2px 8px 3px rgba(0,0,0,.47);-webkit-box-shadow:0 2px 8px 3px rgba(0,0,0,.47);-moz-box-shadow:0 2px 8px 3px rgba(0,0,0,.47)}.spinner{background-color:rgba(0,0,0,.65);box-shadow:2px 2px 4px 2px rgba(0,0,0,.75);-webkit-clip-path:polygon(75% 0,100% 50%,75% 100%,0 100%,25% 50%,0 0);clip-path:polygon(75% 0,100% 50%,75% 100%,0 100%,25% 50%,0 0);cursor:pointer;height:120px;left:50%;position:fixed;transform:translate(-50%,-50%);top:50%;width:160px;z-index:9}.spinner,.spinner__container{align-items:center;display:flex;justify-content:center}.spinner__container{height:100%;margin:0 0 0 20px}.spinner__inner{animation:spin 1s linear infinite;border:10px solid #569cd6;border-top-color:#c69;border-radius:50%;height:30px;width:30px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-popup{align-items:center;background-color:rgba(0,0,0,.45);bottom:0;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%;z-index:9}.error-popup__container{border-radius:6px;box-shadow:2px 2px 4px 2px rgba(0,0,0,.75);cursor:auto;display:flex;flex-direction:column;overflow:hidden;min-width:200px}.error-popup__header{align-items:center;background-color:salmon;display:flex;justify-content:space-between;padding:5px}.error-popup__title{font-size:16px;font-weight:600;margin:0 auto}.error-popup__button{align-items:center;background-color:salmon;border-radius:50%;color:#202020;cursor:pointer;display:flex;font-size:20px;justify-content:center}.error-popup__content{align-items:center;background-color:#181818;display:flex;flex-direction:column;padding:20px 10px}.error-popup__subtitle{color:#ddd;font-size:16px;font-weight:600;margin:0 0 10px}.error-popup__message{color:#aaa;font-size:16px}.page__container{max-width:1400px;margin:0 auto;padding:20px 10px;transition:all .15s linear;align-items:center;display:flex;flex-direction:column}@media screen and (min-width:375px){.page__container{padding:20px 10px}}@media screen and (min-width:425px){.page__container{padding:30px 15px}}@media screen and (min-width:768px){.page__container{padding:30px}}.page__title{color:#ccd6f6;font-family:Calibre,Inter,San Francisco,SF Pro Text,-apple-system,system-ui,sans-serif;font-weight:700;font-size:22px;transition:all .15s linear;align-items:center;display:flex;gap:10px;margin:0 0 15px}@media screen and (min-width:320px){.page__title{font-size:26px}}@media screen and (min-width:425px){.page__title{font-size:28px}}@media screen and (min-width:768px){.page__title{font-size:46px;margin:0 0 30px}}@keyframes flickerSCSS{0%,18%,22%,25%,53%,57%,to{text-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #ea4396,0 0 42px #ea4396,0 0 82px #ea4396,0 0 92px #ea4396}20%,24%,55%{text-shadow:none}}@keyframes flickerCSS{0%,18%,22%,25%,53%,57%,to{text-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #06b2f1,0 0 42px #06b2f1,0 0 82px #06b2f1,0 0 92px #06b2f1}20%,24%,55%{text-shadow:none}}.page__title span:first-of-type{color:#ea4396;animation:flickerSCSS 1.5s infinite alternate}.page__title span:last-of-type{color:#06b2f1;animation:flickerCSS 2s infinite alternate}