.request-banner{border:2px solid var(--shadow);border-radius:1rem;margin:1rem 0;padding:0;position:relative;overflow:hidden}.request-banner p{z-index:1;margin:0;padding:.75rem 1.25rem;position:relative}.request-banner:before{content:"";background:var(--gradient);opacity:.2;z-index:0;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.request-title{flex-direction:column;width:fit-content;display:flex}.request-title h1{margin:1rem 0 0}.request-main{gap:1rem}.request-body{flex:0 0 70%}.request-metadata{flex-direction:column;flex:0 0 30%;gap:1rem;display:flex}.request-metadata .card h5{text-transform:uppercase;letter-spacing:1px;color:var(--faded-text);margin:0 0 .5rem}.request-info{flex-direction:column;gap:.25rem;display:flex}.request-info-item{justify-content:space-between;align-items:center;display:flex}.request-tags{flex-direction:column;display:flex}.like-badge{color:var(--green);border-color:var(--green-border);background:var(--green-bg)}.dislike-badge{color:var(--red);border-color:var(--red-border);background:var(--red-bg)}.likes-badges,.dislikes-badges{gap:.25rem;margin:.5rem 0;display:flex}.request-characters .d-flex{gap:.5rem}.request-character{border:2px solid var(--shadow);background:var(--background);color:var(--foreground);border-radius:1rem;padding:1rem;transition:all .3s}.request-character:hover{color:var(--faded-text);border-color:var(--accent-1);transform:translate(5px)}@media screen and (max-width:768px){.request-main{flex-direction:column}.request-body,.request-metadata{flex:100%}}