@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";html{background-color:#1a1a1a;font-family:Roboto,Verdana,sans-serif}noscript{color:#eb1e25;text-transform:uppercase;text-align:center;border:1px solid red;width:100%;font-size:2rem;font-weight:700;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.blink{animation:1s linear infinite blinker}@keyframes blinker{50%{opacity:0}}.dark-mode{justify-content:center;align-items:center;display:flex}.dark-mode-label{cursor:pointer;background:#ebebeb;border-radius:200px;width:65px;height:30px;transition:all .3s;display:block;position:relative;box-shadow:inset 0 5px 15px #0006,inset 0 -5px 15px #fff6}.dark-mode-label:after{content:"";background:linear-gradient(180deg, var(--marvel-sun-clr), var(--marvel-sun-2-clr));border-radius:180px;width:25px;height:25px;transition:all .3s;position:absolute;top:3px;left:3px;box-shadow:0 5px 10px #0003}.dark-mode-input{visibility:hidden;width:0;height:0}.dark-mode-input:checked+.dark-mode-label{background:#242424}.dark-mode-input:checked+.dark-mode-label:after{background:linear-gradient(#777,#3a3a3a);left:62px;transform:translate(-100%)}.dark-mode-label:active:after{width:30px}.dark-mode-label svg{z-index:100;width:20px;position:absolute;top:5px}.dark-mode-label svg.sun{fill:#fff;transition:all .3s;left:5px}.dark-mode-label svg.moon{fill:#7e7e7e;transition:all .3s;left:40px}.dark-mode-input:checked+.dark-mode-label svg.sun{fill:#7e7e7e}.dark-mode-input:checked+.dark-mode-label svg.moon{fill:#fff}nav{color:#fff;text-transform:uppercase;background-color:#262626;font-size:.8rem;font-weight:700}nav .menu-top{flex-direction:row;flex:0 1280px;justify-content:center;align-items:center;height:50px;margin-inline:20px;display:flex}.logo-header{cursor:pointer;width:170.84px;display:none;position:relative;left:50%;transform:translate(-50%)}nav .loginlogout{border-left:1px solid #333;flex:10%;justify-content:center;align-items:center;height:100%;margin-left:auto;display:flex}nav .favorites{border-left:1px solid #333;flex-direction:row;flex:10%;justify-content:center;align-items:center;height:100%;font-size:1.5rem;display:flex}nav .favorites .fa-reg-heart-icon{cursor:pointer;transition:all .1s ease-in}nav .favorites .fa-reg-heart-icon:hover{color:#666}nav .favorites .fa-reg-heart-icon:active{color:var(--marvel-red-clr);transform:translateY(1px)}nav .darklight{border-left:1px solid #333;border-right:1px solid #333;flex:10%;justify-content:center;align-items:center;height:100%;display:flex}nav .menu-bottom{border-top:1px solid #333;flex-direction:row;justify-content:center;align-items:center;height:50px;display:flex}nav .menu-bottom ul{flex-direction:row;gap:3rem;list-style-type:none;display:flex}.default-link{color:#fff;text-decoration:none;display:flex;position:relative}.default-link:hover,.active-link:hover{color:#666;cursor:pointer}.active-link{-webkit-text-decoration-color:var(--marvel-red-clr);text-decoration-color:var(--marvel-red-clr);color:#fff;text-underline-offset:17px;text-decoration-thickness:2px}.active-link-sign-in-register{-webkit-text-decoration-color:var(--marvel-red-clr);text-decoration-color:var(--marvel-red-clr);color:#fff;text-underline-offset:18px;text-decoration-thickness:2px}.active-link-favorites{color:var(--marvel-red-clr);flex-direction:row;justify-content:center;align-items:center;display:flex}nav button{color:#fff;cursor:pointer;background-color:#666;border:4px solid #333;border-radius:25px;padding:4px 8px;font-size:.76rem;transition:color .1s ease-in}nav button:hover{color:#1a1a1a}nav button:active{color:var(--marvel-red-clr);transform:translateY(1px)}@media screen and (width>=768px){nav .logo-header{display:block}nav .loginlogout,nav .favorites,nav .darklight{flex:0 10%}}footer{color:#fff;background-color:#262626;border-top:1px solid #333;padding-block:1rem;font-size:.8rem;font-weight:700}footer .inner-container{flex-direction:row;justify-content:space-between;align-items:center}footer .logo-footer{object-fit:cover;cursor:pointer;width:60px;height:auto;display:none}footer .data-provided{flex-direction:center;align-items:center;display:flex}footer .copyright{display:none}footer .social-media{flex-flow:wrap;justify-content:flex-end;gap:.25rem;width:fit-content;display:flex}footer .icon{font-size:1.5rem}footer a{color:#fff;text-decoration:none;transition:all .1s ease-in}footer a:link,footer a:visited{color:#fff}footer a:hover{color:#666}footer .icon:hover{color:#666;cursor:pointer}footer .social-media p{text-align:right;width:100%}footer .icon:active{color:var(--marvel-red-clr);transform:translateY(1px)}@media screen and (width>=768px){footer .copyright,footer .logo-footer{display:block}footer .data-provided>span{margin-left:16px}}.searchbar-icon-container .inputfield-button{cursor:pointer;background-color:#262626;border:4px solid #262626;border-radius:0 25px 25px 0;flex-direction:row;justify-content:center;align-items:center;width:25%;height:100%;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.searchbar-icon-container .inputfield-button:hover{filter:brightness(110%)}.searchbar-icon-container .inputfield-button:active{background-color:var(--l-20-dark-clr)}.search-form{width:100%}.searchbar-icon-container{border-radius:25px;width:100%;display:inline-block;position:relative}.slogan{text-transform:capitalize;margin-top:1.4rem}.searchbar-icon-container .searchbar{background-color:var(--input-bg-clr);color:var(--input-text-clr);border:4px solid #262626;border-radius:25px;width:100%;padding:1rem}.searchbar-icon-container .searchbar:focus{background-color:#333}.searchbar-icon-container .close-icon{color:#666;cursor:pointer;font-size:1.25rem;transition:color .1s ease-in;position:absolute;top:50%;right:28%;transform:translateY(-50%)}.searchbar-icon-container .close-icon:hover{color:var(--close-query-clr)}.searchbar-icon-container .fa-search{color:#fff;font-size:1.5rem;transition:all .25s ease-in}.searchbar-icon-container .fa-search:active{transform:translateY(1px)}.searchbar-icon-container input:focus{color:#fff;outline:none}@media screen and (width>=768px){.searchbar-icon-container{width:50%}}.charcard{object-fit:cover;cursor:pointer;border:4px solid #262626;border-radius:16px;flex:175px;max-width:175px;height:250px;transition:all .1s ease-in;position:relative;overflow:hidden}.charcard:hover{transform:scale(1.1)}.charcard .info-window{color:#fff;text-align:center;background-color:#000000b3;width:100%;height:50px;padding:4px;font-size:.8rem;transition:all .25s ease-in;position:absolute;bottom:0;overflow:hidden}.charcard .info-window:hover{height:100%}.charcard .char-title{text-transform:uppercase;margin:14px 0 16px;font-weight:700;display:block}@media screen and (width>=768px){.charcard{flex:0 175px}}[data-info]{position:relative}[data-info]:hover:after,[data-info]:hover:before{opacity:1;visibility:visible;transition:all .25s ease-in}[data-info]:after{color:#fff;content:attr(data-info);white-space:nowrap;opacity:0;z-index:99999;visibility:hidden;text-transform:none;background-color:#262626;border:3px solid #666;border-radius:25px;padding:8px 16px;position:absolute;bottom:-1.6em;left:50%;transform:translate(-50%,28px)}[data-info]:before{content:" ";opacity:0;z-index:99999;visibility:hidden;border:15px solid #0000;border-bottom-color:#666;margin-left:-15px;position:absolute;bottom:-13px;left:50%}.tooltip{cursor:pointer;vertical-align:middle;margin-left:4px;display:inline-block}.tooltipicon{color:var(--normal-text-clr);vertical-align:middle;font-size:1.5rem}.tooltip:hover .tooltipicon{color:#666}.results-container{flex-flow:wrap;justify-content:space-between;gap:1rem;width:100%;margin-top:1rem;display:flex;position:relative}.information{text-align:left;flex-direction:row;justify-content:space-between;width:100%;margin-block:8px;display:flex;position:relative}.logo{width:100%;max-width:300px;margin-top:3.4rem;margin-bottom:1rem}.information .sorting{width:150px;color:var(--sorting-clr);vertical-align:middle;border:3px solid var(--sorting-clr);background-color:#0000;border-radius:24px;outline:none;padding:2px 4px}.information option{color:var(--l-10-dark-clr);background-color:#fff}.information .loader{width:100px;height:100px;position:absolute;top:-35px;left:50%;transform:translate(-50%)}.about-section{text-align:left;flex-direction:column;gap:2rem;width:100%;display:flex}.about-section article{flex:50%}.about-section article p{margin-bottom:8px;line-height:1.5}.about-section .illustration{object-fit:cover;border:4px solid var(--image-border);border-radius:50%;width:100%}@media screen and (width>=768px){.about-section{flex-direction:row}}.input-component-container{position:relative}.input-component-container .input-component{background-color:var(--input-bg-clr);color:var(--input-text-clr);border:4px solid #262626;outline:none;width:100%;padding:8px 8px 8px 32px}.input-component-container .input-component:focus{color:#fff;background-color:#333}.input-component-container .contact-form label{text-align:left;font-weight:700}.input-component-container~.error-message{color:var(--marvel-red-clr);text-align:left;padding:4px;font-size:.8rem}.error-message .warning-icon{vertical-align:middle;margin-right:4px}.input-component-container .input-icon{color:#666;position:absolute;top:50%;left:13px;transform:translateY(-40%)}.input-component-container .eye-icon{color:#666;cursor:pointer;position:absolute;top:50%;right:13px;transform:translateY(-40%)}.textarea-component-container{position:relative}.textarea-component-container .textarea-component{resize:none;background-color:var(--input-bg-clr);color:var(--input-text-clr);border:4px solid #262626;outline:none;width:100%;padding:23px 8px 8px 32px}.textarea-component-container .textarea-component:focus{color:#fff;background-color:#333}.textarea-component-container .input-icon{color:#666;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.map-component img{object-fit:cover;cursor:pointer;border:4px solid #262626;width:100%;margin-bottom:8px}.map-component ul{line-height:1.5;list-style-type:none}.map-component ul li::marker{content:"▶ "}.contact-section{text-align:left;flex-direction:column;gap:2rem;width:100%;display:flex}.contact-section article{flex:50%}.contact-form{flex-direction:column;flex:200px;justify-content:center;padding-block:1rem;display:flex}.contact-form button{cursor:pointer;text-transform:uppercase;border:none;width:50%;padding:1rem 2rem;font-weight:700}.contact-form button:hover{filter:brightness(110%)}.contact-form .valid{cursor:pointer;color:#fff;background-color:#262626}.contact-form .notvalid{cursor:no-drop}.contact-form .notvalid:active{background-color:var(--marvel-red-clr);color:var(--l-10-dark-clr)}@media screen and (width>=768px){.contact-section{flex-direction:row}}.fa-reg-arrow-alt-circle-right-icon{vertical-align:middle;margin-left:2px;font-size:1.5rem}.pagenotfound-section{text-align:left;flex-direction:column;gap:2rem;width:100%;line-height:1.5;display:flex}.pagenotfound-section article{flex:50%}.pagenotfound-section ul{margin-bottom:8px;list-style-position:inside}.pagenotfound-section ul li::marker{content:"▶ "}.pagenotfound-section .illustration{object-fit:cover;border:4px solid var(--image-border);border-radius:50%;width:100%}@media screen and (width>=768px){.pagenotfound-section{flex-direction:row}}.signinregister-section{text-align:left;flex-direction:column;gap:2rem;width:100%;display:flex}.signinregister-section article{flex:50%}.signin-form,.register-form{flex-direction:column;flex:200px;justify-content:center;padding-block:1rem;display:flex;position:relative}.signin-form button,.register-form button{cursor:pointer;text-transform:uppercase;border:none;width:50%;padding:1rem 2rem;font-weight:700}.signin-form button:hover,.register-form button:hover{filter:brightness(110%)}.signin-form .valid,.register-form .valid{cursor:pointer;color:#fff;background-color:#262626}.signin-form .notvalid,.register-form .notvalid{cursor:no-drop}.signin-form .notvalid:active,.register-form .notvalid:active{background-color:var(--marvel-red-clr);color:var(--l-10-dark-clr)}.forgotpassword{text-align:right;position:absolute;bottom:10px;right:0}@media screen and (width>=768px){.signinregister-section{flex-direction:row}}.fa-heart-icon{color:var(--marvel-red-clr);z-index:100;cursor:pointer;font-size:1.5rem;position:absolute;top:8px;right:8px}.fa-heart-icon:hover{color:var(--marvel-complement-clr)}.favorites-section{text-align:left;flex-direction:column;justify-content:space-between;gap:2rem;width:100%;display:flex}.favorites-section article{flex:50%}.favorites-section .favorites-container{flex-flow:wrap;justify-content:space-between;gap:1rem;margin-top:1rem;display:flex}.favorites-section article .informationbox{color:var(--normal-text-clr);background-color:var(--input-bg-clr);border:4px solid #262626;padding:1rem}.favorites-section .fa-info-circle-icon{color:#666;vertical-align:middle;height:100%;margin-right:8px;font-size:2rem}.favorites-section .information-block{text-align:center;margin-top:9rem}.favorites-section button{cursor:pointer;color:#fff;background-color:#262626;border:none;flex:0 0 200px;margin-top:8px;padding:1rem 2rem;font-weight:700}.favorites-section button:hover{filter:brightness(110%)}.favorites-section hr{border:1px solid #262626;margin-block:4px}.favorites-section hr~p{margin-block:8px;display:inline-block}.favorites-section hr~p .username{text-transform:capitalize}@media screen and (width>=768px){.favorites-section{flex-direction:row}}.herodetails-section{text-align:left;flex-direction:column;gap:2rem;width:100%;display:flex;position:relative}.herodetails-section article{flex:50%;position:relative}.herodetails-section h2{margin-block:8px}.herodetails-section ul li::marker{content:"▶ "}.herodetails-section .illustration{object-fit:cover;border:4px solid var(--image-border);width:100%}.herodetails-section .goback{cursor:pointer;font-size:2rem;position:absolute;top:-46px;left:-5px}.herodetails-section .goback:hover{color:#666}.loader-hero-details{font-size:3rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (width>=768px){.herodetails-section{flex-direction:row}}:root{--body-background-clr:whitesmoke;--main-bg-clr:#1a1a1a;--marvel-red-clr:#eb1e25;--marvel-sun-clr:#ebc91e;--marvel-sun-2-clr:#eba71e;--marvel-complement-clr:#1eeb55;--base-dark-clr:#121212;--l-10-dark-clr:#1a1a1a;--l-15-dark-clr:#262626;--l-20-dark-clr:#333;--l-30-dark-clr:#4d4d4d;--l-40-dark-clr:#666;--l-50-dark-clr:gray;--l-60-dark-clr:#999;--l-70-dark-clr:#b2b2b2;--l-80-dark-clr:#ccc;--l-85-dark-clr:#d9d9d9;--l-90-dark-clr:#e6e6e6;--l-100-white:#fff;--input-text-clr:#1a1a1a;--normal-text-clr:#1a1a1a;--input-bg-clr:#fff;--image-border:#262626;--hyperlink:#1a1a1a;--sorting-clr:#1a1a1a;--close-query-clr:#1a1a1a}[data-theme=dark]{--body-background-clr:#121212;--main-bg-clr:#fff;--input-text-clr:#fff;--normal-text-clr:#fff;--input-bg-clr:#1a1a1a;--image-border:#fff;--hyperlink:#fff;--sorting-clr:#fff;--close-query-clr:#fff}*,:before,:after{box-sizing:border-box;margin:0;padding:0}::selection{color:#fff;background-color:var(--marvel-red-clr)}html{scroll-behavior:smooth;-webkit-user-select:none;user-select:none;min-height:100vh;caret-color:var(--marvel-red-clr)}body{color:#fff;background-color:var(--body-background-clr);font-family:Roboto,Verdana,sans-serif;font-size:16px}#root{text-align:center;flex-direction:column;min-height:100vh;display:flex}main{color:var(--main-bg-clr);flex-grow:1;font-size:1rem}button,input,textarea,select{font-family:inherit}img{width:100%}button{appearance:none}ul,ol{list-style-position:inside}h1{text-transform:capitalize;margin-bottom:8px}h2{margin-bottom:8px;font-size:1.1rem}.outer-container{flex-direction:row;justify-content:center;width:100%;display:flex}.inner-container{flex-direction:column;flex:0 1280px;justify-content:center;align-items:center;margin-inline:20px;display:flex}.box-shadow{box-shadow:0 2px 5px #000000bf}.article-padding{padding-block:2rem}.hyperlink{color:var(--hyperlink);text-decoration:underline}.hyperlink:visited{color:var(--hyperlink);text-decoration:none}.hyperlink:hover{color:#666}.message{color:var(--marvel-complement-clr);display:inline-block}.message-big{color:var(--marvel-complement-clr);z-index:200;font-size:2rem;position:fixed;top:1rem;right:1rem}.error{color:var(--marvel-red-clr)}.pending{color:var(--marvel-sun-clr)}.loading-authcontext{font-size:3rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (width>=768px){.message-big{font-size:3rem}}