.footer{display:flex;align-items:center;justify-content:center;padding:20px 0;box-shadow:0 -3px 5px var(--color-shadow)}.footer__text{margin:0;padding:0;font-size:18px;font-weight:700;color:var(--color-text-black);text-align:center}.header{padding:4px 0;box-shadow:0 3px 5px var(--color-shadow)}.header__logo{width:48px;height:50px}.loader{display:flex;flex-direction:column;align-items:center;gap:32px;margin:auto}.loader_size_small .loader__img{width:103px;height:101px}@media (width <= 768px){.loader_size_small .loader__img{width:80px;height:78px}}.loader_size_large .loader__img{width:475px;height:465px}@media (width <= 768px){.loader_size_large .loader__img{width:220px;height:215px}}.loader__img{width:100%;height:100%;animation:loading 2s ease-in-out infinite}.loader__text{font-size:18px;font-weight:700;color:var(--color-text-black);text-align:center}@keyframes loading{0%{transform:scale(1)}50%{transform:scale(1.1) rotate(15deg)}to{transform:scale(1) rotate(0)}}.main-logo{display:flex;align-items:center;justify-content:center;width:100%;padding:26px 0 16px;overflow:hidden}.main-logo__img{width:600px;height:200px}@media (width >= 1024px) and (width <= 1440px){.main-logo__img{width:600px;height:200px}}@media (width <= 1024px){.main-logo__img{width:100%;height:auto;object-fit:contain}}.selector{position:relative}.selector_size_medium{width:100%;max-width:240px}@media (width <= 1024px){.selector_size_medium{max-width:100%}}.selector_size_small{width:94px}.selector_size_small .selector__button{padding:2px 5px;font-size:14px;line-height:150%;letter-spacing:.02em}@media (width <= 768px){.selector_size_small .selector__button{padding:2px 5px;font-size:14px;line-height:150%;letter-spacing:.02em}}@media (width <= 576px){.selector_size_small .selector__button{gap:4px;font-size:12px}}.selector_size_small .selector__icon{width:9px;height:9px}@media (width <= 576px){.selector_size_small .selector__icon{width:7px;height:7px}}.selector_size_small .selector__option{padding:5px;font-size:14px;line-height:150%;letter-spacing:.02em}@media (width <= 576px){.selector_size_small .selector__option{gap:4px;padding:3px 2px;font-size:12px}}.selector_opened .selector__icon{transform:rotateX(180deg)}.selector_opened .selector__options{opacity:1;visibility:visible}.selector__button{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;padding:18px 14px;border:1px solid var(--color-border);border-radius:6px;font-size:16px;font-weight:400;line-height:119%;color:var(--color-text-gray);background-color:transparent;cursor:pointer;align-self:flex-start}@media (hover: hover) and (pointer: fine){.selector__button:hover{background-color:#ececec}}.selector__icon{margin-left:auto;transition:transform .2s ease-in-out}.selector__options{position:absolute;top:calc(100% + 8px);left:0;z-index:10;width:100%;margin:0;padding:0;border:1px solid var(--color-border);border-radius:6px;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out;list-style:none;overflow:hidden}.selector__option{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:16px;font-weight:400;line-height:119%;color:var(--color-text-gray);background-color:var(--color-bg-white);transition:background-color .2s ease-in-out}.selector__option_selected{background-color:#ececec}@media (hover: hover) and (pointer: fine){.selector__option:hover{background-color:#ececec}}.selector__option:active{background-color:#a4a4a4}.status{display:inline-block;width:10px;height:10px;border-radius:100%;background-color:transparent;flex-shrink:0}@media (width <= 576px){.status{width:7px;height:7px}}.status_alive{background-color:var(--color-status-green)}.status_dead{background-color:var(--color-status-red)}.status_unknown{background-color:var(--color-status-orange)}.customInput{display:flex;align-items:center;gap:10px;font-family:var(--roboto-font-family);border-color:transparent;transition:border-color .2s linear}@media (hover: hover) and (pointer: fine){.customInput:hover .customInput__clearBtn{opacity:1}}.customInput_view_bordered{width:100%;min-width:240px;padding:16px 12px 16px 16px;border:1px solid;border-radius:8px;color:var(--color-border);border-color:var(--color-border)}@media (width <= 1024px){.customInput_view_bordered{min-width:100%}}.customInput_view_bordered .customInput__input{font-size:16px;font-weight:400;line-height:150%;color:var(--color-border)}.customInput_view_underlined{gap:0;color:var(--color-text-black);border-bottom:1px solid;border-color:var(--color-text-black)}.customInput_view_underlined.customInput_size_medium .customInput__input{width:178px;font-size:20px;font-weight:500;line-height:150%;letter-spacing:.01em}.customInput_view_underlined.customInput_size_small{color:var(--color-text-gray)}.customInput_view_underlined.customInput_size_small .customInput__input{width:115px;font-size:14px;font-weight:400;line-height:150%;letter-spacing:.02em;color:inherit}.customInput__input{width:100%;padding:0;border:none;font-family:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customInput__input:focus{outline:none}@media (width <= 576px){.customInput__input{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}.customInput__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.customInput__clearBtn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;color:inherit;background:none;opacity:0;cursor:pointer;transition:opacity .2s ease-in-out;outline:none}.customInput_readonly{border-color:transparent;pointer-events:none}.error-boundary{margin:auto}.error-boundary__title{font-size:24px;font-weight:700;color:var(--color-text-black);text-align:center}.error-boundary__message{color:var(--color-status-red)}.infinityScroll__sentinel{height:1px;background-color:transparent}.characterCardField{display:flex;flex-direction:column}.characterCardField__propertyValue{font-size:14px;font-weight:400;line-height:150%;letter-spacing:.02em;color:var(--color-text-gray)}@media (width <= 576px){.characterNameField{width:fit-content}}.characterNameField__link{position:relative;display:block;width:100%;min-width:0;font-family:var(--roboto-font-family);font-size:20px;line-height:150%;letter-spacing:.01em;color:var(--color-text-black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.characterNameField__link:after{position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--color-text-black);content:"";transform:scaleX(0);transform-origin:center;transition:transform .3s linear}@media (hover: hover) and (pointer: fine){.characterNameField__link:hover:after{transform:scaleX(1)}}.characterStatusField{display:flex;flex-direction:column}.characterStatusField__status{display:flex;align-items:center;gap:6px;min-height:27px;font-size:14px;font-weight:400;line-height:150%;letter-spacing:.02em;color:var(--color-text-gray)}.characterCardImage{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;max-width:240px;max-height:234px;aspect-ratio:240/234;border-radius:6px 6px 0 0;overflow:hidden}@media (width <= 1024px){.characterCardImage{max-width:100%;max-height:200px}}@media (width <= 768px){.characterCardImage{max-height:171px}}@media (width <= 576px){.characterCardImage{max-width:100%}}.characterCardImage__errorMessage{font-size:14px;font-weight:400;line-height:150%;letter-spacing:.02em;color:var(--color-text-gray)}.characterCardImage__loadingMessage{position:absolute;top:50%;left:50%;font-size:14px;font-weight:400;line-height:150%;letter-spacing:.02em;color:var(--color-text-gray);transform:translate(-50%,-50%)}.characterCardImage__img{width:100%;height:100%;object-fit:cover}.characterCardSkeleton{display:flex;border-radius:12px;background:#ebebeb;overflow:hidden}.characterCardSkeleton__image{width:240px;height:234px;background:#f2f2f2}.characterCardSkeleton__content{display:flex;flex:1;flex-direction:column;justify-content:center;padding:16px}.characterCardSkeleton__title{width:70%;height:20px;margin-bottom:12px;border-radius:4px;background:#dedede;animation:pulse 1.5s infinite ease-in-out}.characterCardSkeleton__line{width:100%;height:14px;margin-bottom:8px;border-radius:4px;background:#dedede;animation:pulse 1.5s infinite ease-in-out}.characterCardSkeleton__line.short{width:60%;animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.characterCardPropertyName{margin:0;font-size:16px;font-weight:500;line-height:131%;letter-spacing:.02em;color:var(--color-text-black)}#root{display:flex;flex-direction:column;min-width:320px;min-height:100vh;margin:0 auto}#root main{flex-grow:1}.container{display:flex;flex-direction:column;width:100%;max-width:1124px;margin:0 auto;padding:0 40px}@media (width <= 1024px){.container{padding:0 30px}}@media (width <= 576px){.container{padding:0 20px}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:Roboto;src:local("RobotoRegular"),url(/rick-morty/assets/RobotoRegular-DccqG0ka.woff2) format("woff2"),url(/rick-morty/assets/RobotoRegular-NaBjE9WS.woff) format("woff");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Roboto;src:local("RobotoMedium"),url(/rick-morty/assets/RobotoMedium-BoZyhZVp.woff2) format("woff2"),url(/rick-morty/assets/RobotoMedium-BwTwrSI1.woff) format("woff");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Roboto;src:local("RobotoBold"),url(/rick-morty/assets/RobotoBold-BUU13Yrr.woff2) format("woff2"),url(/rick-morty/assets/RobotoBold-C4LNM3Gb.woff) format("woff");font-style:normal;font-weight:700;font-display:swap}html{box-sizing:border-box}*,*:after,*:before{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;font-family:var(--roboto-font-family);font-size:16px;font-weight:400}a{color:inherit;text-decoration:none;cursor:pointer}img{width:100%;height:100%;object-fit:cover}p{margin:0}:root{--roboto-font-family: "Roboto", sans-serif;--color-bg-white: #fff;--color-text-black: #000000de;--color-text-gray: #6e798c;--color-status-green: #12b800;--color-status-red: #df0000;--color-status-orange: #f90;--color-shadow: #cccbcb;--color-border: #00000080;--color-border-gray: #f2f2f7}