.action[data-v-c5685d9d]{background-image:var(--action);border-radius:4px;color:var(--gray-50);display:block;font-size:1.5rem;font-weight:700;margin:0 auto;padding:.25rem 2rem;position:relative;text-align:center;width:-moz-fit-content;width:fit-content;z-index:1}@media screen and (min-width:768px){.action[data-v-c5685d9d]{font-size:2rem}}.action[data-v-c5685d9d]:before{background-image:var(--reaction);border-radius:4px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s;z-index:-1}.action[data-v-c5685d9d]:hover:before{opacity:1}.play[data-v-02f5afee]{padding:1rem 0}@media screen and (min-width:640px){.play[data-v-02f5afee]{padding-bottom:2.5rem;padding-left:0;padding-right:0;padding-top:2.5rem}}.examples[data-v-02f5afee]{background:var(--gray-50);padding:2rem 1rem}@media screen and (min-width:768px){.examples[data-v-02f5afee]{padding:2.5rem 1rem}}.list[data-v-02f5afee]{margin:0 auto;max-width:80rem}.items[data-v-02f5afee]{align-items:center;display:flex;flex-flow:column;gap:1rem;list-style:none;margin:0 auto;max-width:100%;width:-moz-fit-content;width:fit-content}@media screen and (min-width:640px){.items[data-v-02f5afee]{align-items:flex-start;padding-bottom:0;padding-left:3rem;padding-right:3rem;padding-top:0}}.item[data-v-02f5afee]{line-height:1.2;padding:0;text-align:center}@media screen and (min-width:640px){.item[data-v-02f5afee]{transform:skewY(-4deg)}}.example[data-v-02f5afee]{background-image:linear-gradient(transparent,transparent),linear-gradient(#268a50,#268a50);background-position:100% 100%,0 100%;background-repeat:no-repeat;background-size:100% 4px,0 4px;display:inline;font-size:1.25rem;font-weight:700;position:relative;transition:background-size .3s ease-in-out}@media screen and (min-width:640px){.example[data-v-02f5afee]{font-size:1.5rem}}@media screen and (min-width:768px){.example[data-v-02f5afee]{font-size:2.5rem}}.example[data-v-02f5afee]:hover{background-size:0 4px,100% 4px}@media screen and (min-width:640px){.one[data-v-02f5afee]{left:-3rem}}.two[data-v-02f5afee]{left:0}@media screen and (min-width:640px){.three[data-v-02f5afee]{left:3rem}}