.runic-editor{border-radius:1em;outline:2px solid var(--surface-1-border);background-color:var(--surface-1);font-size:.75em;overflow:hidden}.runic-editor__input-area{display:grid;align-items:stretch;border-bottom:2px solid var(--surface-1-border)}.runic-editor__input-area{grid-auto-flow:row;grid-auto-rows:auto}@media (min-width: 1024px){.runic-editor__input-area{grid-auto-flow:column;grid-auto-columns:1fr auto 1fr}}.runic-editor__input-divider{position:relative;line-height:1}.runic-editor__input-divider:after{font:inherit;color:currentColor;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.runic-editor__input-divider:after{content:"\2193"}@media (min-width: 1024px){.runic-editor__input-divider:after{content:"\2192"}}.runic-editor__preview{width:100%;display:grid;align-items:stretch;overflow:hidden}.runic-editor__preview{grid-auto-flow:row}@media (min-width: 1024px){.runic-editor__preview{grid-template-columns:7fr auto 3fr;grid-auto-flow:column}}.runic-editor__preview>hr{margin:0;border:1px solid var(--surface-1-border)}.runic-editor__svg-container{position:relative;height:15em;padding:1em;display:grid;place-items:center;background-color:#000;--transparency-darker: var(--surface-1);--transparency-lighter: var(--surface-0);background-image:linear-gradient(45deg,var(--transparency-lighter) 25%,transparent 25%,transparent 75%,var(--transparency-lighter) 75%,var(--transparency-lighter) 100%),linear-gradient(45deg,var(--transparency-lighter) 25%,var(--transparency-darker) 25%,var(--transparency-darker) 75%,var(--transparency-lighter) 75%,var(--transparency-lighter) 100%);background-position:0px 0px,1em 1em;background-size:2em 2em;background-repeat:repeat}@media (min-width: 1024px){.runic-editor__svg-container{height:100%}}.runic-editor__svg-container>.runic-svg{position:absolute;top:0;left:0;width:100%;height:100%}details{padding:1em}summary{font-weight:900;cursor:pointer}@media (min-width: 1024px){details>summary{display:none}details{display:block}}.runic-editor__download-group{margin-top:1em;display:flex;justify-content:center;align-items:center;gap:.5em}.runic-editor__download-button{flex:1 0 0;display:flex;justify-content:center;align-items:center;gap:.5em}.runic-editor__download-button>svg{width:1em;height:1em}svg.runic-svg{width:100%;height:100%}.runic-layer--interactive .rune-segment{transition:.25s ease;transition-property:stroke,opacity;cursor:pointer}.runic-layer--interactive .rune-segment:hover{stroke:currentColor;opacity:.5}.range-input{margin:1em 0}.range-input__info{display:flex;justify-content:space-between;align-items:center;font-weight:700;margin-bottom:.5em}.range-input__input-element{accent-color:crimson;font-size:inherit;width:100%}.chip-select{position:relative;width:100%;padding:.25em;margin:1em 0;outline:2px solid var(--surface-2-border);border-radius:.5em;display:grid;grid-auto-flow:column;grid-auto-columns:1fr}.chip-select:focus-within,.chip-select:active{outline:2px solid currentColor}.chip-select__input{position:absolute;top:0;left:0;opacity:0;user-select:none;pointer-events:none}.chip-select__label{width:100%;padding:.5em;cursor:pointer;font-weight:700;border-radius:.25em;display:grid;place-items:center;text-align:center}.chip-select__input:checked+.chip-select__label{background-color:var(--surface-2-border)}.color-input{position:relative;font-weight:700;padding:.5em;outline:2px solid var(--surface-2-border);border-radius:.5em;margin:1em 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.color-input:focus-within,.color-input:active{outline:2px solid currentColor}.color-input>input{position:absolute;opacity:0;top:0;left:0;height:100%;width:100%;cursor:pointer}.color-input__indicator{height:1em;width:1em;border-radius:.25em;outline:2px solid currentColor}.text-input{margin:1em;display:grid;gap:.5em}.text-input__label{font-weight:700}.text-input__textarea{font-size:inherit;font-size:min(1em,16px);color:inherit;background-color:transparent;padding:.5em;text-wrap:nowrap;resize:none;border-radius:.5em;border:none;background-color:var(--surface-2);outline:2px solid var(--surface-2-border)}.text-input__textarea:focus{outline:2px solid currentColor}.rune-reference-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(10ch,1fr))}.rune-reference-grid-item{width:100%;height:100%;padding:.25em}.rune-card{display:grid;grid-auto-flow:row;grid-template-rows:auto 1fr;justify-items:stretch;gap:.5em;height:100%;cursor:pointer;background-color:var(--surface-1);outline:2px solid var(--surface-1-border);border-radius:.5em;text-align:center}.rune-card .rune-segments-guide>.rune-segment{stroke:#242424!important}.rune-card>.svg-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;border-bottom:2px solid var(--surface-1-border)}.rune-card .runic-svg{width:3em}.rune-card .rune-segment--stroke{stroke:var(--rune-color, transparent)}.rune-card .rune-segment--fill{fill:var(--rune-color, transparent)}.rune-card .runic-layer--real .rune-segment--active{--rune-color: palegreen}.light-theme .rune-card .runic-layer--real .rune-segment--active{--rune-color: mediumseagreen}.rune-info{flex:1 0 0;padding:0 .5em .5em;display:flex;flex-direction:column;justify-content:center}.rune-info__symbol{font-family:var(--serif-font);font-size:1.5em;margin-bottom:.25em}.rune-info__english{opacity:.75;font-size:.5em}.runic-playground{border-radius:1em;background-color:var(--surface-1);border:2px solid var(--surface-1-border);display:grid;align-items:center}.runic-playground{grid-template-columns:1fr;grid-template-rows:auto auto}@media (min-width: 1024px){.runic-playground{grid-template-columns:1fr 1fr;grid-template-rows:auto}}.runic-playground__svg-container{display:flex;justify-content:center;align-items:center;height:15em;overflow:hidden}.runic-playground__svg-container{border:none;border-bottom:2px solid var(--surface-1-border)}@media (min-width: 1024px){.runic-playground__svg-container{border:none;border-right:2px solid var(--surface-1-border)}}.runic-playground .rune-segment--stroke{stroke:var(--rune-color, transparent)}.runic-playground .rune-segment--fill{fill:var(--rune-color, transparent)}.runic-playground .runic-layer--guide{--rune-color: var(--surface-2)}.runic-playground .runic-layer--real .rune-segment--active{--rune-color: cornflowerblue}.runic-playground .runic-layer--text text{--rune-color: currentColor}.runic-playground__manuals{font-size:.75em;padding:1em;overflow:hidden}.runic-playground__controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1em;margin:1em}.runic-playground__controls>*{flex:1 0 0}.runic-playground__control-button{font:inherit;font-weight:500;overflow:hidden;min-width:min-content;text-wrap:nowrap;color:inherit;background-color:var(--surface-2);display:flex;justify-content:center;align-items:center}.runic-playground__control-icon{display:inline-block;width:1.5em;height:1.5em;margin-right:1em;color:#6495ed}.runic-playground__control-icon>svg{margin:auto;width:100%;height:100%}.testimonials{display:grid;width:100%;gap:.5em;justify-items:center}.testimonials{grid-template-columns:1fr;grid-auto-rows:auto}@media (min-width: 1024px){.testimonials{grid-template-columns:1fr 1fr;grid-auto-rows:auto}}.sm-card{--sm-card--background: black;--sm-card--color-dark: #e7e9ea;--sm-card--color-light: rgb(113, 118, 123)}.light-theme .sm-card{--sm-card--background: white;--sm-card--color-dark: black;--sm-card--color-light: rgb(83, 100, 113)}.sm-card{color:var(--sm-card--color-dark);font-size:.75em;padding:.5em 1em;background-color:var(--sm-card--background);border:2px solid var(--surface-1-border);border-radius:1em;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto;column-gap:.5em;max-height:15em;width:100%}.sm-card__pfp{grid-row:span 3;width:2em;height:2em;border-radius:100%;overflow:hidden}.sm-card__pfp>img{max-width:100%;max-height:100%}.sm-card__display-name{font-weight:700;margin-right:.5em;display:inline-block}.sm-card__handle{color:var(--sm-card--color-light);display:inline-block}.sm-card__content{flex:1 0 0;overflow:hidden}.sm-card__content>svg{max-height:100%;max-width:100%}.sm-card__interactions{padding-top:.5em;flex:0 0 auto;color:var(--sm-card--color-light);display:flex;justify-content:space-between;align-items:center}.sm-card__interactions>span{overflow:hidden}.sm-card__interactions svg{width:1em;height:1em;vertical-align:text-top;margin-right:.5em}.sm-card .rune-segment--stroke{stroke:var(--rune-color, transparent)}.sm-card .rune-segment--fill{fill:var(--rune-color, transparent)}.sm-card .runic-layer--real .rune-segment--active{--rune-color: currentColor}