@layer theme,base;@layer components{.demo-quest-wash{z-index:var(--z-demo-wash);pointer-events:none;position:fixed;inset:0;overflow:hidden}.demo-quest-card{z-index:var(--z-demo-quest);transition-property:transform,width;transition-timing-function:var(--ease-travel)}.demo-quest-check{animation:demoQuestFace .12s var(--ease-chrome);display:inline-block}.demo-quest-face{animation:none}@keyframes demoMoneyConfetti{0%{opacity:1;transform:translate3d(0, -15vh, 0) rotate(0deg) scale(var(--scale,.85))}28%{opacity:1;transform:translate3d(calc(var(--drift,0px) * -.35), 28vh, 0) rotate(calc(var(--spin,360deg) * .28)) scale(var(--scale,.85))}65%{transform:translate3d(calc(var(--drift,0px) * .55), 68vh, 0) rotate(calc(var(--spin,360deg) * .62)) scale(var(--scale,.85))}88%{opacity:1;transform:translate3d(var(--drift,0px), 101vh, 0) rotate(var(--spin,360deg)) scale(var(--scale,.85))}94%{opacity:1;transform:translate3d(calc(var(--drift,0px) * .86), 103vh, 0) rotate(calc(var(--spin,360deg) * 1.08)) scale(var(--scale,.85))}to{opacity:1;transform:translate3d(var(--drift,0px), 108vh, 0) rotate(calc(var(--spin,360deg) * 1.12)) scale(var(--scale,.85))}}.demo-money-confetti{color:#fff6c7;width:44px;height:27px;font-family:var(--font-mono,monospace);transform-origin:50%;backface-visibility:visible;text-shadow:0 1px 1px #00000059;background:#2f9e55;border:2px solid #b9ec75;border-radius:4px;place-items:center;font-size:19px;font-weight:800;line-height:1;animation:5s linear both demoMoneyConfetti;display:grid;position:absolute;top:-70px;box-shadow:0 2px 5px #00000038}.demo-clock-confetti{width:30px;height:30px;color:var(--lens-blue);background:#fff;border:2px solid;border-radius:50%;place-items:center;font-size:26px;line-height:1;animation:5s linear both demoMoneyConfetti;display:grid;position:absolute;top:-70px;box-shadow:0 2px 5px #00000038}.demo-hammer-confetti{color:#81512b;filter:drop-shadow(0 1px 1px #ffffffe6);place-items:center;width:36px;height:36px;animation:5s linear both demoMoneyConfetti;display:grid;position:absolute;top:-70px}@media (prefers-reduced-motion:reduce){.demo-hammer-confetti,.demo-money-confetti,.demo-clock-confetti{animation:none;display:none}}.demo-quest-selector{height:470px}.demo-quest-selector>div>:first-child,.demo-quest-selector>div>:last-child{flex-shrink:0}.demo-quest-selector .demo-quest-face{flex-direction:column;flex:1 0 auto;display:flex}.demo-quest-options{flex:1;padding-top:12px}.demo-quest-option{flex:none}.demo-quest-option:focus-visible,.demo-quest-option:focus-visible .demo-quest-option-description{flex-grow:1}.demo-quest-option-surface{background:color-mix(in srgb, var(--quest-accent) 3%, var(--surface-card));height:100%;transition:transform var(--transition-duration-unfold) var(--ease-chrome), background-color var(--transition-duration-unfold) var(--ease-chrome);flex-direction:column;display:flex}.demo-quest-option-icon{background:color-mix(in srgb, var(--quest-accent) 10%, var(--surface-card))}.demo-quest-option-description{opacity:0;transition:grid-template-rows var(--transition-duration-unfold) var(--ease-chrome), opacity var(--transition-duration-unfold) var(--ease-chrome);grid-template-rows:0fr}.demo-quest-option:focus-visible .demo-quest-option-description{opacity:1;grid-template-rows:1fr}.demo-quest-option:focus-visible .demo-quest-option-surface{background:color-mix(in srgb, var(--quest-accent) 9%, var(--surface-card))}@media (hover:hover){.demo-quest-option:hover,.demo-quest-option:hover .demo-quest-option-description{flex-grow:1}.demo-quest-option:hover .demo-quest-option-description{opacity:1;grid-template-rows:1fr}.demo-quest-option:hover .demo-quest-option-surface{background:color-mix(in srgb, var(--quest-accent) 9%, var(--surface-card))}}@media (hover:none){.demo-quest-selector{height:580px}.demo-quest-option-description{opacity:1;grid-template-rows:1fr}}@media (max-height:740px) and (hover:hover){.demo-quest-selector{height:410px}}@media (prefers-reduced-motion:reduce){.demo-quest-option-surface,.demo-quest-option-description{transition:none}.demo-quest-option:hover .demo-quest-option-surface{transform:none}}@keyframes demoQuestFace{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.demo-quest-card{transition:none!important}.demo-quest-face,.demo-quest-check{animation:none}}}@layer utilities;@media (max-height:740px){.demo-quest-card[data-face=log] [data-quest-sheet]>div{padding:12px}.demo-quest-option-surface{padding:6px 10px}.demo-quest-option-icon{width:24px;height:24px}.demo-quest-option-description [id^=quest-description-]{padding-top:4px;font-size:12px;line-height:16px}}
@layer theme,base;@layer components{.demo-spotlight{z-index:var(--z-demo-spotlight);pointer-events:none;border:4px solid var(--success);transition:left .32s var(--ease-travel), top .32s var(--ease-travel), width .32s var(--ease-travel), height .32s var(--ease-travel), opacity .18s ease;position:fixed}.demo-spotlight[data-lit=true]{animation:1.4s ease-in-out infinite demoTargetPulse}@media (prefers-reduced-motion:reduce){.demo-spotlight{transition:none!important}.demo-spotlight[data-lit=true]{background:color-mix(in srgb, var(--success) 10%, transparent);box-shadow:0 0 0 0 color-mix(in srgb, var(--success) 55%, transparent), 0 0 14px 3px color-mix(in srgb, var(--success) 45%, transparent);animation:none}}@keyframes demoTargetPulse{0%,to{background:color-mix(in srgb, var(--success) 10%, transparent);box-shadow:0 0 0 0 color-mix(in srgb, var(--success) 55%, transparent), 0 0 14px 3px color-mix(in srgb, var(--success) 45%, transparent)}60%{background:color-mix(in srgb, var(--success) 3%, transparent);box-shadow:0 0 0 12px color-mix(in srgb, var(--success) 0%, transparent), 0 0 22px 6px color-mix(in srgb, var(--success) 24%, transparent)}}}@layer utilities;