:where(.Message){padding:1rem;border-radius:.25rem;background:#dfdfdf;border:1px solid #7c7c7c;color:#0c0c0c;text-align:center;position:relative;box-shadow:2px 2px 2px #0000001a}:where(.Message__title){margin:0 0 1rem;padding:0}:where(.Message--error){background:#ffe3e3;border:1px solid #ffb0b0}:where(.Message--info){background:#fff8e3;border:1px solid #fff3b0}:where(.Message--success){background:#e6ffe3;border:1px solid #8ee79d}:where(.Message--inline){display:inline-flex;gap:.5rem;align-items:center;padding:.5rem;text-align:left}:where(.Message--inline .Message__title){margin:0}:where(.Message--closable){padding-right:1.25rem}:where(.Message__close-button){position:absolute;top:.5rem;right:.5rem;transform:translate(33%,-33%);padding:.5rem;cursor:pointer}:where(.XioniAlbum){display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;row-gap:1rem}:where(.XioniAlbum__image){transition:transform .2s ease;object-fit:cover}@media (max-width: 640px){:where(.XioniAlbum){justify-items:center;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}:where(.XioniAlbum__image:hover){transform:scale(1.1)}}