.slot[data-v-e7d56ad2]{position:relative;display:block;flex:none;width:3.25rem;height:3.25rem;padding:0;border:0;background:none;line-height:0;cursor:pointer}.slot[data-v-e7d56ad2]:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:50%}.mascot[data-v-e7d56ad2]{--from: calc(min(50vw, 36rem) - 4rem) ;--spin: 900deg;position:absolute;top:0;left:0;z-index:40;width:3.25rem;height:3.25rem;max-width:none;border-radius:50%;border:2px solid var(--primary);background:var(--surface);-o-object-fit:cover;object-fit:cover;box-shadow:0 0 14px #00dc8259;transition:width .35s cubic-bezier(.3,0,.2,1),height .35s cubic-bezier(.3,0,.2,1),box-shadow .35s ease-out;animation:roll-e7d56ad2 1.2s cubic-bezier(.25,.6,.3,1) both}.mascot.open[data-v-e7d56ad2]{width:min(18rem,calc(100vw - 2.5rem));height:min(18rem,calc(100vw - 2.5rem));box-shadow:0 0 40px #00dc8259}@media(max-width:40rem){.mascot[data-v-e7d56ad2]{--from: 100vw;--spin: 1080deg}}@keyframes roll-e7d56ad2{0%{opacity:0;transform:translate(var(--from)) rotate(var(--spin))}25%{opacity:1}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.mascot[data-v-e7d56ad2]{animation:none;transition:none}}