.character-modal-mask{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;background-color:rgba(112,112,112,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:none;transition:opacity linear .25s}.character-modal-mask.open{display:block}.character-modal{width:54em;position:fixed;z-index:999;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-cream);border-radius:1.25em;padding:1.5em 2em 1.5em 1.125em;display:none;grid-template-columns:1fr 1fr;color:var(--color-forest);gap:4.375em;max-height:calc(100vh - 2em);overflow-y:auto}@media (max-width:900px){.character-modal{grid-template-columns:1fr;width:calc(100vw - 1.625em);padding:3.75em 1.125em 1.5em 1.125em;gap:1em}}.character-modal.open{display:grid}.character-modal__content{text-align:center}.character-modal__content button{margin:0 auto;gap:.75em;margin-bottom:1em}.character-modal__content button .audio{width:2.5em;height:2.5em;border-radius:50%;background:var(--color-mint);display:flex;align-items:center;justify-content:center}.character-modal__content .character-audio{opacity:0;height:0}.character-modal__content .sound-button .pause-audio{display:none}.character-modal__content.active .play-audio{display:none}.character-modal__content.active .pause-audio{display:block}.character-modal__content.active .character-modal__image-image{display:none}.character-modal__content.active .character-modal__image-gif{display:block}.character-modal__image{border-radius:1.25em;padding:.875em;display:flex;align-items:center;justify-content:center;margin-bottom:1.25em}.character-modal__image-gif{display:none;max-height:16.25em}.character-modal__list{display:flex;flex-direction:column;justify-content:center}@media (max-width:900px){.character-modal__list{padding-right:1em}}.character-modal__list h3{text-align:center;margin-bottom:35px;font-size:1.75em}.character-modal__list ul{display:flex;flex-direction:column;gap:1.5em}@media (max-width:768px){.character-modal__list ul{gap:.5em}}.character-modal__list ul li{color:var(--color-forest);display:flex;align-items:center;gap:.75em}.character-modal__list ul li span{margin-bottom:0;min-width:2.75em}@media (max-width:768px){.character-modal__list ul li span{width:2em;height:2em}}.character-modal__close{position:absolute;top:1.5em;right:1.5em;background-color:transparent;border:none;font:1em verdana,arial,sans-serif;width:2.1875em;height:2.1875em;min-width:2.1875em;min-height:2.1875em;display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;background:var(--color-yellow)}@media (max-width:900px){.character-modal__close{top:.875em;right:.875em}}.character-modal__close svg{width:1.25em;height:auto}.character-modal__close svg circle,.character-modal__close svg line,.character-modal__close svg path,.character-modal__close svg polygon{fill:none;stroke:var(--color-forest);stroke-width:1;stroke-miterlimit:10;stroke-linecap:round;stroke-linejoin:round}.character-modal__close span{display:none}