@font-face{font-family:Inter var;font-weight:100 900;font-display:block;font-style:normal;font-named-instance:"Regular";src:url(InterVariable.ff710c09-CWi-zmRD.woff2) format("woff2")}@font-face{font-family:Inter var;font-weight:100 900;font-display:block;font-style:italic;font-named-instance:"Italic";src:url(InterVariable-Italic.ef0ecaff-d6KXgdvN.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box}:root{scrollbar-color:#7d86a9 #191D2B}body{margin:0;color:#fff;background-color:#181d2c;font:16px Inter var,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11"}main{margin:0 auto;max-width:1600px;padding:30px 20px 20px}a{color:#29b6f6;opacity:.9;text-decoration:none;cursor:pointer;transition:.2s ease opacity}a:hover{opacity:1}.icon-preview{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;width:200px;height:165px;border-radius:6px;background:#252a3d;border:1px solid rgba(55,65,81,.5)}@media (max-width: 768px){.icon-preview{width:100%}}.icon-preview:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.6;pointer-events:none;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='8' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23374151' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E")}.icon-preview.light{background:#fff}.icon-preview.dark{background:#000}.icon-preview.light:before,.icon-preview.dark:before{content:unset}.icon-preview.no-img img,.icon-preview.no-img svg{display:none}.icon-preview img,.icon-preview svg{position:relative;max-height:90%;min-width:16px;min-height:16px;width:140px;height:140px}.code-row{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:50px}.code-row .code-block{width:calc(50% - 12px)}@media (min-width: 768px) and (max-width: 1300px){.code-row .code-block{width:calc(100% - 230px)}}@media (max-width: 768px){.code-row .code-block{width:100%}}.code-row .svg-preview{width:200px;height:100%}@media (max-width: 768px){.code-row .svg-preview{width:100%}}.code-row .svg-preview-list{display:flex;align-items:center;gap:5px}.code-row .svg-preview-list__item{width:12px;height:12px;border:none;cursor:pointer;border-radius:1000px;background-color:#32374f}.code-row .svg-preview-list__item--light{background:#fff}.code-row .svg-preview-list__item--dark{background:#000}.code-row .svg-options{width:calc(50% - 236px)}@media (max-width: 1300px){.code-row .svg-options{width:100%}}.code-row .svg-options-row{display:flex;flex-wrap:wrap;gap:20px}.code-row .svg-options-row .svg-options-item{width:calc(50% - 10px);transition:.2s ease opacity}.code-row .svg-options-row .svg-options-item:has(input[disabled]){opacity:.6}.code-row .svg-options-row .svg-options-item .input{position:relative;width:100%;padding:15px;font:inherit;font-size:14px;border-radius:6px;border:1px solid rgba(55,65,81,.5);outline:none;color:#fff;background-color:#242a3f;transition:.2s ease;transition-property:box-shadow,background-color}.code-row .svg-options-row .svg-options-item .input:hover{background-color:#252b41}.code-row .svg-options-row .svg-options-item .input:focus{box-shadow:0 0 0 1px #585f79}.code-row .svg-options-row .svg-options-item .label{font-size:16px;margin-bottom:5px}.code-row .svg-options-row .svg-options-item__text{font-size:15px}.code-row .svg-options-row .svg-options-item__color{position:relative}.code-row .svg-options-row .svg-options-item__color input[type=color]{width:45px;position:absolute;background:transparent;box-shadow:none;height:calc(100% - 4px);border:none;top:2px;left:2px;cursor:pointer;z-index:1}.code-row .svg-options-row .svg-options-item__color input[type=color]::-webkit-color-swatch-wrapper{padding:0;width:35px;height:35px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:5px}.code-row .svg-options-row .svg-options-item__color input[type=color]::-webkit-color-swatch{border:none;border-radius:5px}.code-row .svg-options-row .svg-options-item__color .input{padding-left:50px}.code-row .svg-options-row .svg-options-item__download{display:flex;align-items:center;gap:5px}.code-row .svg-options-row .svg-options-item__download:before{content:"";display:block;width:16px;height:16px;background-size:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 32 32'%3E%3Cpath fill='%2329b6f6' d='M26 24v4H6v-4H4v4a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2v-4zm0-10l-1.41-1.41L17 20.17V2h-2v18.17l-7.59-7.58L6 14l10 10z'/%3E%3C/svg%3E")}.code-row .label{display:flex;align-items:center;justify-content:space-between;font-size:18px;margin-bottom:10px}.code-row .label a{font-size:15px}.result-row{display:flex;flex-wrap:wrap;margin:90px -12px 0}.result-row .result-item{width:50%;margin-bottom:30px;padding:0 12px}@media (max-width: 992px){.result-row .result-item{width:100%}}.result-row .result-item.full{width:100%}.result-row .result-item__title{margin:0 0 6px;font-size:20px;font-weight:500}.result-row .result-item__description{margin:0 0 15px;font-size:14px;color:#9ca3af}.result-row .result-item .block{display:flex;flex-wrap:wrap;gap:24px}.result-row .result-item .block .code:first-child{width:calc(60% - 24px)}.result-row .result-item .block .code:last-child{width:40%}@media (max-width: 768px){.result-row .result-item .block .code:first-child,.result-row .result-item .block .code:last-child{width:100%}}.by{font-size:14px;text-align:center;opacity:.7;transition:.2s ease opacity}.by:hover{opacity:1}.by:hover span{animation-name:heart;animation-duration:.4s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease-in-out}@keyframes heart{0%{transform:scale(1)}to{transform:scale(1.25)}}.by span{display:inline-block}.hero{display:flex;align-items:center;justify-content:center;gap:5px;position:relative}.hero:before{content:"";position:absolute;top:-200px;width:100%;height:380px;z-index:-1;pointer-events:none;border-radius:100%;background:radial-gradient(closest-side,#4a5d95,#e9a80200);opacity:.2}.hero__logo{height:35px}.hero__logo path{fill:#7ad4a0}.hero__title{margin:0;font-size:35px;font-weight:500}.hero-text{margin:15px auto 40px;max-width:400px;text-align:center;color:#9ca3af}.code{word-wrap:break-word;-webkit-user-select:all;user-select:all;display:block;overflow-x:auto;padding:16px;width:100%;min-height:120px;font:400 15px/normal Jetbrains Mono NL,Consolas,monospace;outline:none;resize:none;white-space:break-spaces;border-radius:5px;border:1px solid rgba(55,65,81,.5);color:#abb2bf;background-color:#242a3f;transition:.2s ease;transition-property:box-shadow,background-color}.code:hover{background-color:#252b41}.code:focus-visible{box-shadow:0 0 0 2px #7ad4a0}.code:focus{box-shadow:0 0 0 1px #585f79}.code--main{min-height:163px;resize:vertical;color:#f8f8f8}.code .attr{color:#d19a66}.code .str{color:#98c379}.code .tag{color:#e06c75}.code .func{color:#61aeee}