@layer components{.theme-bento{--cream:#fff8ee;--ink:#1e2447;--pink:#f4a6b7;--pistachio:#b8d28a;--butter:#f5d66b;--blueberry:#3b4a9e;--cocoa:#5a3a2a;--tile:#fff;--shadow-pink:0 20px 40px -20px color-mix(in oklab, var(--pink) 60%, transparent);--shadow-pistachio:0 20px 40px -20px color-mix(in oklab, var(--pistachio) 70%, transparent);--shadow-butter:0 20px 40px -20px color-mix(in oklab, var(--butter) 70%, transparent);--shadow-blueberry:0 20px 40px -20px color-mix(in oklab, var(--blueberry) 50%, transparent);background:var(--cream);color:var(--ink);font-family:Figtree,system-ui,sans-serif;font-size:16px;line-height:1.5;position:relative;overflow-x:clip}.theme-bento:before{content:"";z-index:70;pointer-events:none;opacity:.045;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.theme-bento ::selection{background:var(--butter);color:var(--ink)}.theme-bento .display{font-variation-settings:"opsz" 96;letter-spacing:-.025em;text-wrap:balance;font-family:Bricolage Grotesque,system-ui,sans-serif;font-weight:800;line-height:.95}.theme-bento .display-sm{font-variation-settings:"opsz" 48;letter-spacing:-.015em;font-family:Bricolage Grotesque,system-ui,sans-serif;font-weight:700;line-height:1.05}.theme-bento .price{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-family:Bricolage Grotesque,system-ui,sans-serif;font-weight:700}.theme-bento .tile{border-radius:28px}.theme-bento .tile-int{border:2px solid var(--ink)}.theme-bento .tile-lift{transition:translate .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1)}.theme-bento .tile-lift:hover{box-shadow:var(--shadow-pink);translate:0 -3px}.theme-bento .pill{border:2px solid var(--ink);background:var(--tile);min-height:44px;color:var(--ink);box-shadow:4px 4px 0 var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:.95rem;font-weight:700;line-height:1;transition:translate .12s ease-out,box-shadow .12s ease-out,background-color .15s;display:inline-flex}.theme-bento .pill:hover{box-shadow:5px 5px 0 var(--ink);translate:-1px -1px}.theme-bento .pill:active{box-shadow:2px 2px 0 var(--ink);translate:2px 2px}.theme-bento .pill-ink{background:var(--ink);color:var(--cream);box-shadow:4px 4px 0 var(--blueberry)}.theme-bento .pill-ink:hover{box-shadow:5px 5px 0 var(--blueberry)}.theme-bento .pill-ink:active{box-shadow:2px 2px 0 var(--blueberry)}.theme-bento .chip{border:1.5px solid var(--ink);color:var(--ink);background:var(--tile);border-radius:9999px;align-items:center;gap:.35rem;padding:.3rem .7rem;font-size:.8rem;font-weight:600;line-height:1.2;display:inline-flex}.theme-bento .preserve-3d{transform-style:preserve-3d}.theme-bento .backface-hidden{backface-visibility:hidden}.theme-bento :focus-visible{outline:3px solid var(--blueberry);outline-offset:3px;border-radius:12px}@media (prefers-reduced-motion:reduce){.theme-bento .pill,.theme-bento .tile-lift{transition:none}.theme-bento .tile-lift:hover{translate:none}}}