.shape[data-v-6767e08d]{display:inline-block;width:var(--shape-size);height:var(--shape-size);background-color:var(--undefined-shape-color);border:var(--shape-border-size) solid var(--shape-border-color)}.code .shape[data-v-6767e08d]{width:var(--small-shape-size);height:var(--small-shape-size)}.shape.smaller[data-v-6767e08d]{width:calc(var(--shape-size)*0.6);height:calc(var(--shape-size)*0.6)}.shape.small[data-v-6767e08d]{width:calc(var(--shape-size)*0.8);height:calc(var(--shape-size)*0.8)}.shape.big[data-v-6767e08d]{width:calc(var(--shape-size)*1.2);height:calc(var(--shape-size)*1.2)}.undefined-shape[data-v-6767e08d]{border-top-left-radius:50%;border-bottom-right-radius:50%}.circle[data-v-6767e08d]{border-radius:50%}.color1[data-v-6767e08d]{background-color:var(--shape-color1);background:repeating-linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 1px,hsla(0,0%,100%,.65) 0,hsla(0,0%,100%,.65) 3px,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0) 4px),-webkit-gradient(linear,left top,right top,from(var(--shape-color1)),to(var(--shape-color1)));background:repeating-linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 1px,hsla(0,0%,100%,.65) 0,hsla(0,0%,100%,.65) 3px,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0) 4px),linear-gradient(90deg,var(--shape-color1) 0,var(--shape-color1))}.color2[data-v-6767e08d]{background-color:var(--shape-color2)}.color3[data-v-6767e08d]{background-color:var(--shape-color3);background:repeating-linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 1px,hsla(0,0%,100%,.65) 0,hsla(0,0%,100%,.65) 3px,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0) 4px),-webkit-gradient(linear,left top,right top,from(var(--shape-color3)),to(var(--shape-color3)));background:repeating-linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 1px,hsla(0,0%,100%,.65) 0,hsla(0,0%,100%,.65) 3px,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0) 4px),linear-gradient(90deg,var(--shape-color3) 0,var(--shape-color3))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--small-shape-ratio:0.5;--shape-size:1.1rem;--small-shape-size:0.55rem;--undefined-shape-color:#e1e1f1;--shape-border-color:#3f2947;--shape-border-size:1px;--shape-color1:#a19bf7;--shape-color2:#9bccf7;--shape-color3:#f49bf7}html{background-color:#f2f2f9;color:#3f2947;font-size:18px}@media screen and (min-width:640px){html{font-size:20px}}@media screen and (min-width:1260px){html{font-size:21px}}html a{color:inherit}body{margin:8px}@media screen and (min-width:640px){body{margin:16px}}@media screen and (min-width:900px){body{margin:32px}}@media screen and (min-width:1260px){body{margin:8px}}h1{font-size:1.4rem;margin-top:32px;font-weight:400}aside,footer,main{max-width:1240px;margin:0 auto;font-family:Roboto,sans-serif;font-size:1rem}aside,footer{margin:1rem auto}aside{font-size:.8rem}footer{text-align:center;font-size:.6rem}code{font-family:Roboto Mono,monospace;white-space:pre}.grid{display:grid;grid-row-gap:8px;margin:16px 0 32px 0;padding:32px 16px;background-color:#fff;border-radius:2px;border:1px solid rgba(63,41,71,.2);-webkit-box-shadow:2px 2px 6px rgba(63,41,71,.1);box-shadow:2px 2px 6px rgba(63,41,71,.1);overflow:auto}@media screen and (min-width:900px){.grid{grid-template-columns:1fr auto 3fr;padding:32px;grid-row-gap:0}}@media screen and (min-width:1260px){.grid{grid-template-columns:1fr 1fr auto 1fr}}@media screen and (min-width:900px){.code{grid-column:2/4}.arrow{grid-column:2/3}.output{grid-column:3/4}}@media screen and (min-width:1260px){.code{grid-column:2/3}.arrow{grid-column:3/4}.output{grid-column:4/5}}.arrow,.code,.input,.output{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width:900px){.arrow,.input{-webkit-box-pack:right;-ms-flex-pack:right;justify-content:right}}.output{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid rgba(63,41,71,.2)}.input-for-multiline-code,.output-for-multiline-code{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media screen and (min-width:900px){.code,.input{padding-top:32px;padding-bottom:16px}.arrow,.output{padding-bottom:32px;border-bottom:1px solid rgba(63,41,71,.2);margin-bottom:0}}@media screen and (min-width:1260px){.arrow,.code,.input,.output{padding-top:32px;padding-bottom:32px;border-bottom:1px solid rgba(63,41,71,.2);margin-bottom:0}}.arrow{padding-right:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media screen and (min-width:900px){.input{padding-right:16px}}@media screen and (min-width:1260px){.arrow{padding-left:16px}}.list{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.code em{font-style:normal;font-weight:700}.line{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:pre}.line:not(:last-child){margin-bottom:.5em}.indentation:before{content:"  "}.token.keyword{color:#2e2e70}.token.operator,.token.punctuation{color:#7c7899}.token.atom,.token.number,.token.string{color:#1d8e6e}.arrow{color:#7c7899}.legend{list-style:none;display:grid;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;margin:0 0 32px 0;padding:0;grid-template-columns:auto;grid-column-gap:16px;grid-row-gap:8px;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr;grid-auto-flow:column}@media screen and (min-width:640px){.legend{grid-template-columns:auto auto;grid-template-rows:1fr 1fr 1fr;margin:0 0 64px 0}}.legend .shape{vertical-align:middle}