.characters{align-items:center;column-gap:4rem;display:grid;grid-template-columns:repeat(6,minmax(0,150px));justify-content:center;row-gap:2rem}.character{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;text-align:center;transition:all .3s ease;z-index:1}.character,.character-image{position:relative}.character-glow1,.character-glow2,.character-glow3{background:hsla(0,0%,100%,0);border-radius:50%;bottom:0;content:"";height:50px;left:50%;pointer-events:none;position:absolute;transform:translate(-50%);transition:all .3s ease;width:50px;z-index:-1}.character.active .character-glow3{background:#fff;height:150px;width:150px}.character.active .character-glow1{background:hsla(0,0%,100%,.2);height:200px;transform:translate(-50%,25px);width:200px}.character.active .character-glow2{background:hsla(0,0%,100%,.5);height:175px;transform:translate(-50%,12.5px);width:175px}.character img{position:relative;z-index:2}.question-selection{margin:0 auto 2rem;max-width:700px;position:relative}.custom-select{position:relative;width:100%}.selected-option{align-items:center;background:#fff;border-radius:100px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:var(--primary);cursor:pointer;display:flex;font-size:30px;font-weight:600;justify-content:space-between;padding:20px;position:relative;z-index:3}.open .selected-option{box-shadow:0 2px 4px transparent}.arrow{transform:rotate(0);transition:transform .3s ease}.custom-select.open .arrow{transform:rotate(-180deg)}.options-container{background:#fff;border-bottom-left-radius:50px;border-bottom-right-radius:50px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:var(--body_color);height:0;left:0;overflow:hidden;padding-top:42px;position:absolute;right:0;text-align:left;top:50%;transition:height .3s ease;z-index:1000;z-index:2;@starting-style{height:0}}.custom-select.open .options-container{height:auto;overflow-y:auto}.option{cursor:pointer;font-size:28px;padding:15px 20px;transition:background-color .2s ease}.option[data-value=""]{display:none}.option.active~.option[data-value=""]{display:block}.option.active,.option:focus{background-color:#4285f4;color:#fff}.option:hover{background-color:#e4eef2;color:var(--primary)}.option.active{font-weight:600}.audio-player{display:none}audio{max-width:100%}@media (max-width:993px){.characters{grid-template-columns:repeat(3,minmax(0,150px))}}@media (max-width:768px){.characters{grid-template-columns:repeat(2,minmax(0,150px))}.selected-option{padding:10px 20px}.option,.selected-option{font-size:16px}.arrow{height:30px;width:30px}.options-container{padding-top:25px}}@media (max-width:576px){.characters{gap:1rem}.character-image{max-width:150px}}@media (max-width:480px){.character.active .character-glow1,.character.active .character-glow2,.character.active .character-glow3{height:100%;width:100%}}