@layer components{.tx{--tx-paper:#f3f0e6;--tx-receipt:#fcfaf2;--tx-rule:#d8d3c4;--tx-ink:#1e1e1c;--tx-pencil:#6e6a60;--tx-lime:#eefb86;--tx-vermilion:#e8452b;--tx-vermilion-on-carbon:#ff6f55;--tx-carbon:#1c1b19;--tx-carbon-rule:#38362f;--tx-carbon-muted:#a6a194;--tx-wall:var(--tx-vermilion);--background:var(--tx-paper);--foreground:var(--tx-ink);--card:var(--tx-receipt);--card-foreground:var(--tx-ink);--popover:var(--tx-receipt);--popover-foreground:var(--tx-ink);--muted:#eae6d8;--muted-foreground:var(--tx-pencil);--border:var(--tx-rule);--input:var(--tx-rule);--accent:var(--tx-lime);--accent-foreground:var(--tx-ink);--ring:var(--tx-ink);isolation:isolate;background:var(--tx-paper);color:var(--tx-ink);position:relative}.tx:before{content:"";z-index:-1;background-image:var(--tx-grain);opacity:.55;mix-blend-mode:multiply;pointer-events:none;position:absolute;inset:0}.tx-dark{--background:var(--tx-carbon);--foreground:#f3f0e6;--card:#242320;--card-foreground:#f3f0e6;--muted:#2a2926;--muted-foreground:var(--tx-carbon-muted);--border:var(--tx-carbon-rule);--input:var(--tx-carbon-rule);--ring:#f3f0e6;--tx-wall:var(--tx-vermilion-on-carbon);isolation:isolate;background:var(--tx-carbon);color:#f3f0e6;position:relative}.tx-dark:before{content:"";z-index:-1;background-image:var(--tx-grain-dark);opacity:.35;pointer-events:none;position:absolute;inset:0}.tx-torn{pointer-events:none;background:linear-gradient(-45deg,var(--tx-paper)10px,transparent 0)0 0/16px 8px repeat-x,linear-gradient(45deg,var(--tx-paper)10px,transparent 0)0 0/16px 8px repeat-x;height:8px;position:absolute;left:0;right:0}.tx-torn-top{top:0}.tx-torn-bottom{bottom:0;transform:scaleY(-1)}.tx-dark .tx-wordmark{filter:invert()brightness(.95)}.tx-card{background:var(--tx-receipt);border:1px solid var(--border);box-shadow:0 18px 34px -26px #1e1e1c80}.tx-window{--background:var(--tx-receipt);--foreground:var(--tx-ink);--card:var(--tx-receipt);--card-foreground:var(--tx-ink);--muted:#eae6d8;--muted-foreground:var(--tx-pencil);--border:var(--tx-rule);--tx-wall:var(--tx-vermilion);color:var(--tx-ink)}.tx-receipt{--background:var(--tx-receipt);--foreground:var(--tx-ink);--card:var(--tx-receipt);--card-foreground:var(--tx-ink);--muted:#eae6d8;--muted-foreground:var(--tx-pencil);--border:var(--tx-rule);--tx-wall:var(--tx-vermilion);background:var(--tx-receipt);color:var(--tx-ink);position:relative;box-shadow:0 18px 34px -26px #1e1e1c80}.tx-receipt:before,.tx-receipt:after{content:"";background:linear-gradient(-45deg,var(--tx-receipt)10px,transparent 0)0 0/16px 8px repeat-x,linear-gradient(45deg,var(--tx-receipt)10px,transparent 0)0 0/16px 8px repeat-x;height:8px;position:absolute;left:0;right:0}.tx-receipt:before{top:-8px;transform:scaleY(-1)}.tx-receipt:after{bottom:-8px}.tx-fade-left{-webkit-mask-image:linear-gradient(90deg,#0000 4%,#000 52%);mask-image:linear-gradient(90deg,#0000 4%,#000 52%)}.tx-hl{background-image:linear-gradient(var(--tx-lime),var(--tx-lime));background-position:0 78%;background-repeat:no-repeat;background-size:100% 38%;padding:0 .04em}.tx-marker{isolation:isolate;white-space:nowrap;font-style:italic;position:relative}.tx-marker:before{content:"";z-index:-1;background:var(--tx-lime);transform-origin:0;clip-path:polygon(.8% 22%,2.6% 6%,21% 1%,47% 6%,73% 0%,96.5% 7%,99.4% 28%,100% 70%,98.2% 95%,77% 100%,52% 94%,25% 100%,2.2% 93%,0% 62%);position:absolute;inset:46% -.16em 1% -.12em;transform:rotate(-1.1deg)}.tx-marker-draw:before{animation:.75s cubic-bezier(.22,1,.36,1) .55s both tx-marker-draw}@keyframes tx-marker-draw{0%{transform:rotate(-1.1deg)scaleX(0)}to{transform:rotate(-1.1deg)scaleX(1)}}.tx-marker-wrap{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon fill='%23eefb86' points='0.8,24 2.6,8 21,4 47,8 73,1 96.5,6 99.4,26 100,68 98.2,94 77,99 52,95 25,100 2.2,95 0,64'/%3E%3C/svg%3E");background-position:0 92%;background-repeat:no-repeat;background-size:100% 54%;margin:0 -.05em;padding:0 .1em;font-style:italic}.tx-marker-wrap-draw{animation:.75s cubic-bezier(.22,1,.36,1) .55s both tx-marker-wrap-draw}@keyframes tx-marker-wrap-draw{0%{background-size:0% 54%}to{background-size:100% 54%}}.tx-bar{transform-origin:50%;transition:transform .4s;transform:scaleY(.18)}.tx-live .tx-bar{animation:.9s ease-in-out infinite tx-bar}@keyframes tx-bar{0%,to{transform:scaleY(.2)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.tx-marker-draw:before,.tx-marker-wrap-draw,.tx-live .tx-bar{animation:none}}}