.hm-devices-glow{inset-inline-start:-40.9%;background:radial-gradient(closest-side,#104067,#0000);width:181.8%;height:175%;top:-32.5%}@media (min-width:48rem){.hm-devices-glow{inset-inline-start:-15.2%;width:130.4%;height:111.5%;top:2.44%}}.hm-tile{transition:translate var(--duration-fast) var(--ease-smooth-out), box-shadow var(--duration-fast) var(--ease-smooth-out);background:linear-gradient(#7dbce61a,#7dbce60e) padding-box padding-box;border:1px solid #ffffff14;position:relative;box-shadow:inset 0 1px #ffffff26,0 12px 22px -8px #0006}.hm-tile:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-smooth-out);position:absolute;inset:-1px;box-shadow:inset 0 0 0 1px #ffffff29}.hm-tile:hover{box-shadow:inset 0 1px #fff3,0 18px 30px -10px #00000080}.hm-tile:hover:after{opacity:1}.motion-ok .hm-tile:hover{translate:0 -2px}.motion-ok .hm-tile:active{translate:0}@property --hm-dash{syntax:"<color>";inherits:false;initial-value:#0000}.hm-dash{--hm-dash:color-mix(in srgb, var(--color-muted) 40%, transparent);background:repeating-linear-gradient(90deg, var(--hm-dash) 0 3px, transparent 3px 5px);height:1px;transition:--hm-dash var(--duration-fast) var(--ease-in-out)}.hm-dash[data-side=right]{background:repeating-linear-gradient(270deg, var(--hm-dash) 0 3px, transparent 3px 5px)}.motion-ok [data-active=true]>*>.hm-dash{--hm-dash:color-mix(in srgb, var(--color-cyan) 75%, transparent)}