.portable-featured-characters-section{position:relative;background-size:14px 15px;padding:5rem 0;overflow:hidden;display:flex;flex-direction:column}.portable-featured-characters-cards-container{display:grid;grid-template-columns:repeat(5,1fr);flex-direction:row;flex-wrap:wrap;overflow:auto;gap:0;padding:1rem;-ms-overflow-style:none}.portable-featured-characters-cards-container::-webkit-scrollbar{height:6px}.portable-featured-characters-cards-container::-webkit-scrollbar-track{background:linear-gradient(90deg,rgba(40,40,40,.2),rgba(60,60,60,.8),rgba(40,40,40,.2));border-radius:3px;border:1px solid rgba(187,13,0,.1)}.portable-featured-characters-cards-container::-webkit-scrollbar-thumb{background:linear-gradient(90deg,rgba(187,13,0,.2),rgba(187,13,0,.7),rgba(187,13,0,.2));border-radius:3px;box-shadow:0 0 2px rgba(0,0,0,.5),inset 0 0 2px rgba(255,255,255,.2);border:1px solid rgba(0,0,0,.3);position:relative}.portable-featured-characters-cards-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,rgba(187,13,0,.2),rgba(187,13,0,5),rgba(187,13,0,.2));box-shadow:0 0 3px rgba(0,0,0,.6),inset 0 0 3px rgba(255,255,255,.3)}.portable-featured-characters-cards-container{scrollbar-color:rgba(187,13,0,.2) rgba(40,40,40,0);scrollbar-width:thin}.portable-featured-character-card{position:relative;overflow:hidden;transition:all .2s ease;margin:0;background:var(--color-background);border:2px solid rgba(187,13,0,.3);box-shadow:0 4px 6px rgba(0,0,0,.3);transform:skewX(-5deg);cursor:pointer;flex:0 0 auto;width:180px}.portable-featured-character-card .portable-image-container{position:relative;height:210px;min-width:160px;transform:skew(3deg);overflow:hidden;margin:0 -20px}.portable-featured-character-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:.5;z-index:2}.portable-featured-character-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(187,13,0,.1),transparent);transform:translateX(-100%);transition:transform .6s ease}.portable-featured-character-card:hover{border-color:var(--color-blood);box-shadow:0 0 30px rgba(187,13,0,.6);transform:skewX(-5deg) translateY(-5px) scale(1.01);z-index:5}.portable-featured-character-card:hover:after{transform:translateX(100%)}.portable-featured-character-card .portable-image-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.portable-featured-character-card .portable-content{position:relative;z-index:2;transform:skewX(5deg);display:flex;flex-direction:column}.portable-featured-character-card .portable-content:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;opacity:.5}.portable-featured-character-card-header{display:flex;justify-content:center;align-items:center;flex-direction:column;width:110%;height:40px;margin:0 auto}.portable-featured-character-card-header h3{width:100%;font-size:15pt;text-shadow:0 0 2px rgba(255,255,255,.5)}.portable-featured-character-card-description{font-size:11pt;line-height:1.3;padding:0 1rem;margin:.5rem auto;color:var(--color-text);width:100%;height:100px;text-shadow:0 0 1px rgba(255,0,0,.5)}@media (max-width:1024px){.portable-featured-characters-cards-container{display:flex;padding-left:2.5rem}}@media (max-width:800px){.portable-featured-characters-cards-container{display:flex;flex-wrap:nowrap}.portable-featured-character-card-header{width:100%}}@media (max-width:768px){.portable-featured-character-card{margin:0;width:180px}.portable-featured-character-card .portable-image-container{transform:skewX(0);margin:0;height:140px}.portable-featured-character-card .portable-content{transform:skewX(0)}}@media (max-width:600px){.portable-featured-characters-cards-container{display:grid;grid-template-columns:repeat(2,1fr)}.portable-featured-character-card{width:160px}.portable-featured-character-card .portable-image-container{height:120px}}