.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__actions{align-items:center;display:flex;gap:6px}.css-block__button{align-items:center;background-color:#569cd6;border-radius:5px;border:0;color:#1c1b1c;cursor:pointer;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-size:14px;font-weight:500;padding:2px}@media screen and (min-width:768px){.scss-block__title{font-size:16px}}.scss-block__editor{background-color:#011627;height:400px;position:relative}.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}.scss-block__global-overlay{background:rgba(1,22,39,.55);inset:0;pointer-events:none;position:fixed;z-index:9998}.scss-block__global-target{border:2px dashed rgba(86,156,214,.95);border-radius:8px;box-shadow:0 0 0 9999px rgba(1,22,39,.55),0 0 0 4px rgba(86,156,214,.2),0 0 20px rgba(86,156,214,.35);pointer-events:none;position:fixed;z-index:9999}.scss-block__toast{border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.35);color:#f5fbff;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:12px;letter-spacing:.2px;max-width:min(90vw,420px);padding:10px 12px;position:fixed;right:14px;top:14px;z-index:10010}.scss-block__toast--info{background:rgba(12,38,58,.94);border:1px solid rgba(86,156,214,.85)}.scss-block__toast--success{background:rgba(11,58,38,.94);border:1px solid rgba(75,199,140,.85)}.scss-block__toast--error{background:rgba(68,22,33,.96);border:1px solid rgba(234,67,150,.9)}.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}.blocks__button:hover{background-color:#c69;border:1px solid #ccd6f6;box-shadow:0 2px 5px 0 #c69;color:#ccd6f6;cursor:pointer;transform:translateY(-2px)}@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}}.blocks__button{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;transform:translate(0)}@media screen and (min-width:768px){.blocks__button{display:flex}}.blocks__button--alternative{display:flex;height:60px;letter-spacing:5px;margin:0;width:100%}@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)}