.demo-wrapper{font-size:var(--text-lg)}.demo-wrapper>*+*{margin-top:calc(var(--spacing) * 4)}.demo-wrapper h2{font-size:var(--text-o-title);line-height:var(--leading-snug);font-weight:var(--font-weight-medium)}.demo-wrapper li{margin-left:calc(var(--spacing) * 8);padding-block:calc(var(--spacing) * 1);padding-left:calc(var(--spacing) * 6);position:relative}.demo-wrapper li:before{border-color:var(--color-primary);top:calc(var(--spacing) * 4);width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3);content:"";border-style:solid;border-width:2px;border-radius:9999px;position:absolute;left:0}.demo-wrapper a{background-color:var(--color-primary);color:var(--color-common-white);border-radius:var(--radius);width:fit-content;height:48px;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--leading-normal);font-weight:var(--font-weight-bold);text-wrap:nowrap;white-space:nowrap;outline:2px solid #0000;justify-content:center;align-items:center;margin:auto;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:relative}.demo-wrapper a:hover{z-index:10;background-color:var(--color-primary-700);color:var(--color-common-white)}.demo-wrapper a:disabled{pointer-events:none;opacity:.8}@media (width>=64rem){.demo-wrapper a{height:54px;padding-inline:calc(var(--spacing) * 8);padding-block:calc(var(--spacing) * 4)}}