.theme-editor{padding-top:15px;scroll-margin-top:20px;display:flex;flex-direction:column;align-items:center}.theme-editor__title{text-align:center;padding:0 15px}.theme-editor__workspace{display:flex;justify-content:center;align-items:start;gap:40px;margin-top:25px}@media (max-width: 1070px){.theme-editor__workspace{flex-wrap:wrap}.theme-editor__workspace .code-block{order:1}}@media (max-width: 650px){.theme-editor__workspace{margin-top:25px}.theme-editor__workspace .code-block{order:0;min-width:50px}.theme-editor__workspace .code-block .code-block__code{font-size:14px}}.code-block{background-color:#fff;border-top:.2px solid hsl(240,7%,27%);border-radius:3px;box-shadow:0 1.5px 0 2px #40404a;-webkit-box-shadow:0px 1.5px 0px 2px hsl(240,7%,27%);-moz-box-shadow:0px 1.5px 0px 2px hsl(240,7%,27%);padding:35px 35px 30px;position:relative;min-width:360px}.code-block .code-block__label{font-size:11.5px;position:absolute;top:13px;left:15px}.code-block .code-block__toggle{font-weight:500;position:absolute;top:13px;right:15px}.code-block .code-block__code{font-size:16px;line-height:1.5;margin-top:25px;display:block}.code-block--dark{color:#fff;background-color:#28282e;box-shadow:0 1.5px 0 2px #28282e;-webkit-box-shadow:0px 1.5px 0px 2px hsl(240,7%,17%);-moz-box-shadow:0px 1.5px 0px 2px hsl(240,7%,17%)}.code-block--dark .code-block__toggle{color:#28282e;background-color:#fff}.code-block--dark .code-block__toggle:hover{opacity:90%;color:#fff;background-color:#28282e;border-color:#fff}.btn{font-family:inherit;letter-spacing:.5px;border:1px solid hsl(240,7%,27%);border-radius:5px;display:inline-flex;align-items:center;justify-content:center}.btn--primary{color:#000;background-color:#fff}.btn--primary:hover{color:#006adb;border-color:#006adb;transform:scale(1.008)}.btn--primary:active{transform:scale(.99);background-color:#fafcff}.btn--secondary{color:#fff;background-color:#28282e;font-weight:500}.btn--secondary:hover{color:#28282e;background-color:#fff}.btn--secondary:active{color:#778;border-color:#778}.btn--terciary{color:#28282e;background-color:#fff}.btn--terciary:hover{color:#fff;background-color:#28282e}.btn--terciary:active{background-color:#4c4c57}.btn--danger{background-color:#fff;color:red;border-color:red}.btn--danger:hover{color:#fff;background-color:red}.btn--danger:active{background-color:#e60000}.btn--sm{font-size:14px;font-weight:400;padding:5.5px 11px}.btn--md{font-size:15px;padding:12px 17.5px}.btn--lg{font-size:24px;padding:14.4px 28.8px}.color-randomizer{width:33%}@media (max-width: 1070px){.color-randomizer{width:38%}}@media (max-width: 650px){.color-randomizer{width:90%;text-align:center}}.color-randomizer .color-randomizer__title{margin-top:5px}.color-randomizer .color-randomizer__list{margin-top:35px;display:flex;justify-content:start;flex-wrap:wrap;column-gap:15px;row-gap:20px}@media (max-width: 650px){.color-randomizer .color-randomizer__list{justify-content:center}}.color-randomizer .btn--primary{margin-top:35px}.color-customizer{width:33%;text-align:right}@media (max-width: 1070px){.color-customizer{width:38%}}@media (max-width: 650px){.color-customizer{width:90%;text-align:center}}.color-customizer__title{margin-top:5px}.color-customizer__list{margin-top:22px;display:flex;flex-direction:column;align-items:flex-end}@media (max-width: 650px){.color-customizer__list{align-items:center}}.color-customizer__list .color-picker:first-child{border-top:transparent}.color-picker{position:relative;display:flex;align-items:center;gap:9px;font-size:18px;background-color:#fff;padding:14px;border-top:1px solid hsla(0,0%,0%,.274)}.color-picker__label{font-weight:600;padding-right:15px;cursor:pointer}.color-picker__value{font-family:monospace;font-size:10px;text-transform:uppercase}.color-picker__swatch{width:17px;height:16px;cursor:pointer}.color-picker__input{position:absolute;top:26.5px;right:275px;border:none;padding:0;width:0;height:0;opacity:0}.language-select{margin-top:25px;display:inline-flex;align-items:center;gap:5px}.language-select__label{background-color:#fff;padding:5px}.custom-select{display:flex;flex-direction:column;min-width:100px;position:relative}.custom-select__trigger{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-family:inherit;font-weight:500;color:#40404a;background-color:#fff;border:1px solid hsl(240,7%,50%);border-radius:4px;padding:5px 12px}.custom-select__arrow{font-size:11px}.custom-select__menu{position:absolute;top:100%;left:0;margin-top:4px;width:100%;background:#fff;border:1px solid hsl(240,7%,50%);border-radius:4px;list-style:none;padding:4px 0;z-index:10}.custom-select__item{font-size:14px;font-weight:500;padding:5px 12px;display:flex;justify-content:space-between;cursor:pointer}.custom-select__item:hover{color:#006adb}.custom-select__check{font-size:12px}.main-header{background-color:#fff;text-align:center;padding:59px 15px 64px;margin:0 auto;width:100%}@media (max-width: 650px){.main-header{padding:30px 15px}}.main-header__accent{color:#fff;text-shadow:-1px -1px 0 hsl(240,7%,27%),1px -1px 0 hsl(240,7%,27%),-1px 1px 0 hsl(240,7%,27%),1px 1px 0 hsl(240,7%,27%)}.main-header__subtitle{color:#4c4c57;font-size:16px;line-height:1.7;margin-top:30px}@media (max-width: 650px){.main-header__subtitle{font-size:14px}}.saved-themes{padding:0 15px}.saved-themes__title{margin-top:85px;text-align:center}.saved-themes__list{margin-top:35px;display:flex;justify-content:center;flex-wrap:wrap;gap:40px}.saved-theme{scroll-margin-top:110px;width:275px}.saved-theme__header{padding:0 15px 10px;display:flex;justify-content:space-between;align-items:flex-end}.saved-theme__title{font-size:28px;line-height:1.1}.saved-theme__edit-btn,.saved-theme__delete-btn{padding:3px 8px;margin-left:10px}.saved-theme .code-block{min-width:200px;padding:15px 35px 20px 20px;margin-bottom:15px}.saved-theme .code-block__label{font-size:10px;left:auto;right:15px}.saved-theme .code-block__code{font-size:14px}.saved-theme__theme-rules-btn{width:100%}.theme-rules-modal__overlay{position:fixed;inset:0;background:#40404a0d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;animation:fadeIn .25s ease forwards;z-index:999}.theme-rules-modal{background-color:#fff;border-top:.5px solid hsl(240,7%,17%);box-shadow:0 1.5px 0 2px #28282e;border-radius:4px;padding:30px 40px 20px;width:min(90%,760px);max-height:90vh;overflow-y:auto;position:relative;animation:scaleIn .25s ease forwards}.theme-rules-modal__close-btn{position:absolute;top:15px;right:15px}.theme-rules-modal__title{font-size:34px;padding-right:15px}.theme-rules-modal__body{display:flex;margin:15px 0 10px}.theme-rules-modal__instructions{padding-right:25px;width:49%}.theme-rules-modal__list{font-size:15px;padding-left:20px}.theme-rules-modal__list li{margin-bottom:7px}.theme-rules-modal__preview{width:51%}.theme-rules-modal__preview img{border-radius:4px;width:100%}@media (max-width: 650px){.theme-rules-modal__body{flex-direction:column}.theme-rules-modal__instructions{width:100%;padding-right:0}.theme-rules-modal__preview{width:100%;margin-top:20px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.rules-block{position:relative;margin-top:15px}.rules-block__code{background:#28282e;color:#d9d9d9;padding:15px;border-radius:4px;font-family:monospace;white-space:pre-wrap;max-height:170px;overflow-y:auto}.rules-block__copy-btn{position:absolute;bottom:15px;right:40px;font-family:inherit;font-size:15px;display:flex;align-items:center;gap:6px;color:#fff;background-color:#40404a;box-shadow:0 0 8px 8px #28282e;padding:6px 10px;border-radius:3px}.rules-block__copy-btn:hover{background-color:#4c4c57}.rules-block__copy-icon{width:20px;height:20px;color:inherit}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:sans-serif;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}button{background:none;border:none;cursor:pointer}body{color:#40404a;font-family:Instrument Sans,sans-serif}h1{font-size:70px;font-weight:500;letter-spacing:-.02em}h2{font-size:40px;font-weight:600}h3{font-size:32px;font-weight:400;text-transform:uppercase;word-spacing:8px;line-height:1.4}@media (max-width: 650px){h1{font-size:45px}h2{font-size:35px}h3{font-size:25px}}body{background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50' height='50'><circle cx='25' cy='25' r='1.5' fill='%23333'/></svg>");background-repeat:repeat;background-size:35px 35px}main.container{margin:0 auto;width:100%;max-width:1200px;padding-bottom:120px}