dialog:where(.astro-QMZM2SOJ){position:fixed;top:0;z-index:50;background-color:transparent}dialog:where(.astro-QMZM2SOJ)::backdrop{position:fixed;inset:0;background:rgba(0,0,0,.8)}.character-box:where(.astro-PXFD4FWH) .modal-link:where(.astro-PXFD4FWH){position:relative;aspect-ratio:1 / 1;cursor:pointer}.character-box:where(.astro-PXFD4FWH) .modal-link:where(.astro-PXFD4FWH) .image:where(.astro-PXFD4FWH){position:relative;z-index:10;display:block;height:100%;width:100%}.character-box:where(.astro-PXFD4FWH) .modal-link:where(.astro-PXFD4FWH) .image:where(.astro-PXFD4FWH) img:where(.astro-PXFD4FWH){float:right;margin-right:-1px;height:100%;-o-object-fit:cover;object-fit:cover}.character-box:where(.astro-PXFD4FWH) .modal-link:where(.astro-PXFD4FWH):hover .bg-box:where(.astro-PXFD4FWH){top:.625rem}@media (min-width: 1024px){.character-box:where(.astro-PXFD4FWH) .modal-link:where(.astro-PXFD4FWH):hover .name-box:where(.astro-PXFD4FWH){display:block}}.character-box:where(.astro-PXFD4FWH) .modal-link:where(.astro-PXFD4FWH):hover .image:where(.astro-PXFD4FWH){bottom:1.875rem}.character-box:where(.astro-PXFD4FWH) .bg-box:where(.astro-PXFD4FWH){position:absolute;top:1.25rem;left:1.25rem;z-index:0;margin-bottom:.375rem;height:calc(100% - 20px);width:calc(100% - 20px);border-radius:.5rem;--tw-shadow: 6px 6px 0px rgba(0, 0, 0, .25);--tw-shadow-colored: 6px 6px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 1024px){.character-box:where(.astro-PXFD4FWH) .bg-box:where(.astro-PXFD4FWH){top:2.5rem;left:2.5rem;height:calc(100% - 40px);width:calc(100% - 40px)}}.character-box:where(.astro-PXFD4FWH) .bg-box:where(.astro-PXFD4FWH) div:where(.astro-PXFD4FWH){height:100%;width:100%;border-radius:.375rem}.character-box:where(.astro-PXFD4FWH) .overlay:where(.astro-PXFD4FWH){position:absolute;top:1.25rem;left:1.25rem;z-index:20;display:none;height:calc(100% - 20px);width:calc(100% - 20px);border-radius:.375rem;opacity:.7}@media (min-width: 1024px){.character-box:where(.astro-PXFD4FWH) .overlay:where(.astro-PXFD4FWH){top:2.5rem;left:2.5rem;height:calc(100% - 40px);width:calc(100% - 40px)}}.character-box:where(.astro-PXFD4FWH) .overlay:where(.astro-PXFD4FWH){background:linear-gradient(360deg,#000000 12.79%,rgba(68,68,68,0) 80.98%)}.character-box:where(.astro-PXFD4FWH) .villains-box:where(.astro-PXFD4FWH){background:linear-gradient(90deg,#106816 0%,#42A01E 100%)}.character-box:where(.astro-PXFD4FWH) .faeries-box:where(.astro-PXFD4FWH){background:linear-gradient(117.35deg,#8F51B3 22.15%,#DC94C1 95.43%)}.character-box:where(.astro-PXFD4FWH) .heros-box:where(.astro-PXFD4FWH){background:linear-gradient(360deg,#FF7C00 0%,#FFCA00 100%)}.character-box:where(.astro-PXFD4FWH) .name-box:where(.astro-PXFD4FWH){position:absolute;bottom:0;left:1.25rem;right:0;z-index:10;display:none;width:calc(100% - 20px);padding-left:.625rem;padding-right:.625rem}@media (min-width: 1024px){.character-box:where(.astro-PXFD4FWH) .name-box:where(.astro-PXFD4FWH){left:2.5rem;width:calc(100% - 40px)}}.character-box:where(.astro-PXFD4FWH) .name-box:where(.astro-PXFD4FWH) .name-container:where(.astro-PXFD4FWH){position:absolute;bottom:0;left:0;right:0;height:100%}.character-box:where(.astro-PXFD4FWH) .name-box:where(.astro-PXFD4FWH) .name-container:where(.astro-PXFD4FWH) .name-inner:where(.astro-PXFD4FWH){display:flex;height:100%;align-items:center;justify-content:center;text-align:center;font-size:12px}@media (min-width: 1536px){.character-box:where(.astro-PXFD4FWH) .name-box:where(.astro-PXFD4FWH) .name-container:where(.astro-PXFD4FWH) .name-inner:where(.astro-PXFD4FWH){font-size:14px}}.character-box:where(.astro-PXFD4FWH) .name-box:where(.astro-PXFD4FWH) .name-container:where(.astro-PXFD4FWH) .name-inner:where(.astro-PXFD4FWH){font-family:BurbankBig,Helvetica,Arial,sans-serif}.character-modal:where(.astro-PXFD4FWH){position:relative;border-radius:.375rem;font-weight:500;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));max-width:1200px;box-shadow:0 4px 10px 4px #0000004d}@media (min-width: 1024px){.character-modal:where(.astro-PXFD4FWH) .info-box:where(.astro-PXFD4FWH){padding-top:4rem;padding-bottom:4rem}}.character-modal:where(.astro-PXFD4FWH) .info-box:where(.astro-PXFD4FWH) .character-title:where(.astro-PXFD4FWH){margin-top:.5rem;margin-bottom:1.5rem;font-weight:600;font-size:14px;line-height:17px;letter-spacing:1.5px}