.rplug{position:relative;height:248px;overflow:hidden;border-radius:inherit;background:var(--rplug-panel)}.rplug-bloom{--rbloom-h:100%;opacity:.22;transition:opacity 1.2s var(--ease-1)}.rplug-bloom:before{left:-24%;right:-24%;bottom:-14%;height:108%}.rplug-bloom:after{opacity:calc(var(--brand-grain-opacity) * .5)}.rplug[data-lit] .rplug-bloom{opacity:1}.rplug-tile{position:absolute;z-index:2;top:26px;left:calc(50% - 44px);width:88px;height:88px;border-radius:21px;background:linear-gradient(180deg,var(--rplug-tile-1),var(--rplug-tile-2));box-shadow:inset 0 1px 0 var(--rplug-tile-hi),inset 0 0 0 .5px var(--rplug-tile-edge),0 22px 40px -16px var(--rplug-tile-shadow),0 3px 8px -2px var(--rplug-tile-shadow)}.rplug-tile .rplug-orb{position:absolute;inset:10px;opacity:.55;filter:grayscale(1) contrast(.9);transition:opacity .7s,filter .7s}.rplug[data-lit] .rplug-tile .rplug-orb{opacity:1;filter:none}.rplug-plug{position:absolute;z-index:1;filter:drop-shadow(0 8px 10px var(--plug-shadow))}.rplug[data-lit] .rplug-tile{animation:rplugSeat .32s cubic-bezier(.2,.8,.2,1)}@keyframes rplugSeat{0%,to{transform:translateY(0)}35%{transform:translateY(-1.5px)}}@media (prefers-reduced-motion:reduce){.rplug[data-lit] .rplug-tile{animation:none}.rplug-bloom,.rplug-orb{transition:none}}