/* The egg is fixed in place. Only the foreground card moves to uncover it. */
.easter-egg-slot{position:relative;isolation:isolate;display:flex;min-width:0;overflow:visible}
.easter-egg-slot>.event-card,.easter-egg-slot>.news-card{position:relative;z-index:1;width:100%;margin:0;transition:transform .6s cubic-bezier(.2,.7,.25,1),box-shadow .3s,border-color .3s}
.hidden-easter-egg{position:absolute;z-index:0;right:8px;top:29%;width:52px;height:70px;pointer-events:none;visibility:hidden;transform:rotate(9deg);filter:drop-shadow(1px 3px 2px #142c4525)}
.easter-egg-slot[data-egg-side=left]>.hidden-easter-egg{right:auto;left:8px;top:43%;transform:rotate(-9deg)}
.easter-egg-slot:focus-within{z-index:3}
.easter-egg-slot:focus-within>.hidden-easter-egg{visibility:visible}
.easter-egg-slot:focus-within>.event-card,.easter-egg-slot:focus-within>.news-card{transform:translate(-68px,-4px)}
.easter-egg-slot[data-egg-side=left]:focus-within>.event-card,.easter-egg-slot[data-egg-side=left]:focus-within>.news-card{transform:translate(68px,-4px)}
@media(hover:hover){.easter-egg-slot:hover{z-index:3}.easter-egg-slot:hover>.hidden-easter-egg{visibility:visible}.easter-egg-slot:hover>.event-card,.easter-egg-slot:hover>.news-card{transform:translate(-68px,-4px)}.easter-egg-slot[data-egg-side=left]:hover>.event-card,.easter-egg-slot[data-egg-side=left]:hover>.news-card{transform:translate(68px,-4px)}}
@media(max-width:640px){.hidden-easter-egg,.easter-egg-slot[data-egg-side=left]>.hidden-easter-egg{top:auto;right:auto;left:calc(50% - 18px);bottom:8px;width:36px;height:49px}.easter-egg-slot:focus-within>.event-card,.easter-egg-slot:focus-within>.news-card,.easter-egg-slot[data-egg-side=left]:focus-within>.event-card,.easter-egg-slot[data-egg-side=left]:focus-within>.news-card{transform:translateY(-62px)}}
@media(prefers-reduced-motion:reduce){.easter-egg-slot>.event-card,.easter-egg-slot>.news-card{transition:none}}