.code{--tw-text-opacity:1;color:hsl(var(--twc-text-body)/var(--twc-text-body-opacity,var(--tw-text-opacity)));padding-top:1rem;padding-bottom:1rem}.code .token.class-name,.code .token.function,.code .token.selector,.code .token.selector .class,.code .token.selector.class,.code .token.tag{color:#fef9c3}.code .token.attr-name,.code .token.builtin,.code .token.important,.code .token.keyword,.code .token.pseudo-class,.code .token.rule,.code .token.symbol,.code .token.variable{color:#93c5fd}.code .token.module,.code .token.type{color:#d8b4fe}.code .token.attr-value{color:#fca5a5}.code .token.string{color:#fdba74}.code .token.class-name{color:#5eead4}.code .token.punctuation{color:#bfdbfe}.code .language-css .token.function,.code .token.unit{color:#bae6fd}.code .token.combinator,.code .token.operator,.code .token.property{color:#60a5fa}.code .token.number{color:#67e8f9}.code .line-number:before{--tw-bg-opacity:1;background-color:hsl(var(--twc-background-surface-subtle)/var(--twc-background-surface-subtle-opacity,var(--tw-bg-opacity)));content:attr(line);width:68px;padding-right:24px;text-align:right;color:hsl(var(--twc-text-muted)/var(--twc-text-muted-opacity,1));display:inline-block;position:sticky;left:0}