@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Karla:wght@700&display=swap";.Button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0 8px;font-size:var(--font-size-m);border:1px solid var(--border-black);border-radius:var(--border-radius-m);background-color:var(--background-default);cursor:pointer;font-family:inherit}.Button:hover{opacity:.8;background-color:var(--background-default-hover)}.Button:active{opacity:.7;background-color:var(--background-default)}.Button__icon{display:inline-flex}.Button__text{font-size:25px;color:var(--text-secondary)}.Loader{display:flex;flex-direction:column;align-items:center;justify-content:center}.Loader_xl{width:475px;height:465px}.Loader_sm{width:103px;height:101px}.Loader__img{width:100%;height:100%;object-fit:contain;animation:portal-pulse 2s ease-in-out infinite}@keyframes portal-pulse{0%{scale:1}50%{scale:1.04}to{scale:1}}.Loader__text{font-family:var(--font-secondary);font-size:var(--font-size-xl)}.ButtonBack{display:flex;align-items:center;gap:8px;background:none;border:none;outline:none;cursor:pointer}.ButtonBack:hover{background-color:var(--background-default-hover)}.ButtonBack__text{font-family:var(--font-secondary);font-size:var(--font-size-xl);font-weight:700}.Select__wrapper{position:relative}.Select{display:flex;align-items:center;justify-content:space-between;padding:8px;color:var(--text-secondary);border:1px solid var(--border-grey);border-radius:var(--border-radius)}.Select_readonly{padding:0!important;border:none}.Select_interactive{cursor:pointer}.Select_readonly .Select__icon{display:none}.Select_xl{height:55.5px;padding:18px 14px}.Select_sm{height:21px;padding:2px 5px;font-size:var(--font-size-m)}.Select__value{display:flex;align-items:center;gap:5px}.Select__icon{display:flex;align-items:center;transition:transform .2s ease}.Select__icon_xl{width:24px;height:24px}.Select__icon_sm{width:9px;height:9px}.Select__icon_open{transform:rotate(180deg)}.Select__dropdown{position:absolute;top:calc(100% + 8px);right:0;left:0;z-index:10;padding:1px;color:var(--text-secondary);background:var(--background-default);border:1px solid var(--border-grey);border-radius:var(--border-radius)}.Select__dropdown_xl{font-size:var(--fons-size-l)}.Select__dropdown_sm{font-size:var(--font-size-m)}.Select__option{cursor:pointer;display:flex;align-items:center;gap:5px}.Select__option_xl{padding:14px 10px}.Select__option_sm{padding:5px}.Select__option:hover{background:var(--background-default-hover)}.StatusDot{width:10px;height:10px;border-radius:50%}.StatusDot_green{background-color:var(--status-green)}.StatusDot_red{background-color:var(--status-red)}.StatusDot_orange{background-color:var(--status-orange)}.Input{display:flex;align-items:center;max-height:56px}.Input_readonly .Input__field{height:30px}.Input_outline{padding:16px;border:1px solid var(--border-grey);border-radius:var(--border-radius)}.Input_underline{height:30px;transition:border-color .2s;border-bottom:1px solid var(--border-black)}.Input__field{all:unset;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;color:var(--text-secondary)}.Input__field_outline{margin:0 5px 0 8px}.Input__field_xl{font-size:16px}.Input__field_sm{font-size:14px}.ButtonIcon{all:unset;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.ButtonIcon_xl{width:24px;height:24px}.ButtonIcon_sm{width:20px;height:20px}.ButtonIcon svg{display:block;width:100%;height:100%}.ButtonIcon:hover{opacity:.8}.ButtonIcon:active{opacity:.7}.EmptyState{display:flex;justify-content:center}.EmptyState__title{font-family:var(--font-secondary);font-size:var(--font-size-xl)}.ErrorBoundary{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;gap:2rem}.ErrorBoundary__title{font-family:var(--font-secondary);font-size:var(--font-size-header-s)}.ErrorBoundary__button{width:240px}.Header{width:100%;background-color:var(--background-default);box-shadow:0 2px 6px -2px var(--shadow-light)}.Header__content{display:flex;align-items:center;justify-content:space-between;height:60px;margin:0 auto;max-width:1040px}.Header__logo{font-size:var(--font-size-xl);font-weight:700}.Header__logo:hover{cursor:pointer}.Header__actions{display:flex;gap:15px}.Footer{display:flex;align-items:center;justify-content:center;width:100%;height:60px;background-color:var(--background-default);box-shadow:0 -2px 6px -2px var(--shadow-light)}.Footer__text{font-family:var(--font-secondary);font-size:var(--font-size-xl)}.CharacterCard{position:relative;display:flex;gap:13px;width:508px;height:248px;padding:7px;border-radius:var(--border-radius);background-color:var(--background-default);box-shadow:0 1px 4px 1px var(--shadow-medium)}.CharacterCard__image{width:240px;height:234px;object-fit:cover;object-position:center;border-radius:var(--border-radius);flex-shrink:0}.CharacterCard__content{max-width:178px}.CharacterCard__actions{position:absolute;top:8px;right:8px;display:flex;transition:opacity .2s;opacity:0}.CharacterCard:hover .CharacterCard__actions,.CharacterCard_editing .CharacterCard__actions{opacity:1}.CharacterForm{display:flex;flex-direction:column;gap:10px}.CharacterForm__nameWrapper{display:flex;align-items:center;height:30px;font-weight:500;max-width:178px}.CharacterForm__inputName{font-size:var(--font-size-xxl);color:var(--text-primary)}.CharacterForm__linkName{height:23px;font-size:var(--font-size-xxl);color:var(--text-primary);text-decoration:none;max-width:178px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.CharacterForm__linkName:hover{color:var(--text-secondary)}.CharacterForm__label{font-weight:500;color:var(--text-grey)}.CharacterForm__value{margin-top:7px;font-size:var(--font-size-m);color:var(--text-secondary)}.FiltersPanel{display:flex;justify-content:space-between;gap:28px}.FiltersPanel__field{width:100%;max-width:238px}.MainLayout{min-height:100vh;height:100%;flex-direction:column;display:flex}.MainLayout__content{flex:1;width:100%;padding:1.5rem 0;align-self:center;max-width:1040px}.CharacterInfoPage{display:grid;grid-template-columns:20% 60% 20%;justify-content:space-between}.CharacterInfoPage__loader{display:flex;align-items:center;justify-content:center}.CharacterInfoPage__container{display:flex;flex-direction:column;align-items:center}.CharacterInfoPage__img{width:300px;height:300px;border-radius:50%;border:5px solid var(--border-light-grey)}.CharacterInfoPage__name{font-size:var(--font-size-header-xl);margin:16px 0 42px}.CharacterInfoPage__infoTitle{font-size:var(--font-size-xxl);color:var(--text-secondary);font-weight:500;margin-bottom:36px}.CharacterInfoPage__fields{display:flex;flex-direction:column;width:400px;gap:16px}.CharacterInfoPage__field{display:flex;flex-direction:column;gap:7px;border-bottom:1px solid var(--border-light-grey);padding-bottom:14px}.CharacterInfoPage__fieldLabel{font-weight:700}.CharacterInfoPage__fieldValue{font-size:var(--font-size-m);font-weight:400;color:var(--text-secondary)}.CharactersList{display:grid;grid-template-columns:auto auto;row-gap:3rem;justify-content:space-between;list-style:none}.CharactersPage{display:flex;flex-direction:column;width:100%}.CharactersPage__logo{display:flex;justify-content:center}.CharactersPage__loader{display:flex;justify-content:center;width:100%;margin-top:40px}.CharactersPage__filters{margin:16px 0 26px}.CharactersPage__content{width:100%}.CharactersPage__content_empty{margin-top:128px}.NotFoundPage{display:flex;flex-direction:column;justify-content:center;height:100%;align-items:center;gap:70px}.NotFoundPage__button{width:240px;height:56px}.NotFoundPage__buttonText{color:var(--text-primary);font-family:var(--font-secondary);font-size:var(--font-size-xl)}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;font:inherit;font-size:100%;border:0;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}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);font-size:var(--font-size-l);overflow-y:scroll;scrollbar-gutter:stable}:root{--font-primary: "Roboto", sans-serif;--font-secondary: "Karla", sans-serif;--font-size-xxl: 20px;--font-size-xl: 18px;--font-size-l: 16px;--font-size-m: 14px;--font-size-header-s: 28px;--font-size-header-xl: 48px;--background-default: white;--background-default-hover: #f5f5f5;--text-primary: black;--text-secondary: #636363;--text-grey: #3f3f3f;--status-green: #12b800;--status-orange: #f90;--status-red: #df0000;--border-black: black;--border-grey: #393939;--border-light-grey: #f2f2f7;--shadow-light: rgb(0 0 0 / 10%);--shadow-medium: rgb(0 0 0 / 25%);--border-radius: 6px;--border-radius-m: 8px}