/* Lamp: the few rules the cloned stylesheet (signal.css) does not have. Loaded after it. */
.lamp-star-on{opacity:1!important;color:var(--mint)!important}
@media (width>=48rem){.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}
.lamp-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:lamp-fade .2s ease-out}
.lamp-dialog{box-shadow:inset 0 1px 0 0 var(--glass-hi),inset 0 0 0 1px var(--hairline),0 24px 60px -24px rgba(0,0,0,.6);animation:lamp-zoom .2s ease-out;max-height:min(84dvh,720px);overflow-y:auto}
.lamp-pop{width:min(360px,calc(100vw - 24px));box-shadow:0 24px 60px -24px rgba(0,0,0,.5);animation:lamp-zoom .15s ease-out;transform-origin:top right}
.lamp-input-shell{background:color-mix(in oklab,var(--input,var(--sel)) 30%,transparent);box-shadow:inset 0 0 0 1px var(--hairline)}
.lamp-row-on{background:var(--sel)}
.lamp-option{background:var(--sel);transition:background-color .15s,box-shadow .15s}
.lamp-option:hover{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--mint) 55%,transparent)}
@keyframes lamp-fade{from{opacity:0}to{opacity:1}}
@keyframes lamp-zoom{from{opacity:0;scale:.96}to{opacity:1;scale:1}}
@media (prefers-reduced-motion:reduce){.lamp-overlay,.lamp-dialog,.lamp-pop{animation:none}}
.lamp-col{flex:0 0 auto;width:96px}
@media (width<40rem){.lamp-col{width:84px}}
/* utilities Lamp's components use that the cloned stylesheet never needed */
.top-\[calc\(100\%\+8px\)\]{top:calc(100% + 8px)}
.max-h-\[720px\]{max-height:720px}
.mt-9{margin-top:calc(var(--spacing) * 9)}
.bg-black\/20{background-color:rgb(0 0 0 / .2)}
.max-h-\[min\(60dvh\,520px\)\]{max-height:min(60dvh,520px)}
.leading-normal{line-height:1.5}
.grid-cols-\[88px_1fr\]{grid-template-columns:88px 1fr}
.min-w-6{min-width:calc(var(--spacing) * 6)}
@media (width<48rem){.max-md\:hidden{display:none}}
@media (width<40rem){.max-sm\:text-base{font-size:1rem;line-height:1.5}}
@media (width>=40rem){.sm\:size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}}
