.footer{width:100%;height:60px;background-color:#fff;border-top:1px solid #e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center}.header{width:100%;height:60px;background-color:#fff;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center}.header__logo-image{height:49px;width:46px;margin-left:210px}.content{padding:0 198px;flex:1;font-family:Roboto,sans-serif}.title-logo-img{width:600px;height:200px;margin:26px auto 0;padding:0;display:block}.filter-panel{margin:auto 0;display:flex;gap:28px;z-index:10;width:100%;max-width:1200px}.cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(508px,1fr));gap:28px;padding:0;margin:28px auto;max-width:1200px}.character-card{display:flex;max-width:508px;width:100%;height:248px;border:1px solid #e5e7eb;border-radius:8px;padding:7px;box-sizing:border-box;font-family:Roboto,sans-serif;box-shadow:2px 2px #00000014}.character-card__image{width:240px;height:234px;border-radius:4px;margin-right:13px;align-self:center;object-fit:cover;flex-shrink:0}.character-card__content{flex:1;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}.character-card__details{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.character-card__row{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:flex-start;width:auto;height:41px;padding:0;margin:0}.character-card.editing .character-card__row--status .selector--small{position:relative;left:-5px;z-index:1}.character-card__title{color:#000;font-size:16px;font-weight:500;margin:0;padding:0}.character-card__value{margin:0;padding:0;min-height:21px;display:flex;align-items:center;font-size:14px;color:#9caf9d;font-weight:400;line-height:1;width:200px;border-bottom:1px solid transparent}.character-card__field-group{display:flex;justify-content:space-between;align-items:center;height:30px;gap:20px}.icon-button-container{display:flex;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.character-card:hover .icon-button-container,.character-card.editing .icon-button-container{opacity:1;visibility:visible}.icon-button,.icon-button__edit,.icon-button__check,.icon-button__close{background:none;border:none;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.character-card__location-input{width:100%;padding:0;border-bottom:1px solid #000;display:flex;align-items:center;box-sizing:border-box}.text-field.text-field--compact-editable.character-card__location-input{width:100%;height:21px;padding:0;margin:0;border-bottom:1px solid #000;display:flex;align-items:center;box-sizing:border-box}.text-field.text-field--compact-editable.character-card__location-input .text-field__input{width:100%;color:#9caf9d;font-size:14px;font-weight:500;padding:0;margin:0;height:20px;line-height:20px;box-sizing:border-box}.cardBox{width:100%;margin:0 auto;padding:20px;box-sizing:border-box;align-items:center;display:flex;flex-direction:column;text-align:center}.card-box__back{display:flex;width:108px;height:24px;text-decoration:none;align-items:center;position:absolute;margin-top:102px;margin-left:190px;left:20px;top:20px}.card-box__back-text{font-size:18px;font-family:Karla,sans-serif;font-weight:700;line-height:100%;white-space:nowrap}.card-character__img{width:300px;height:300px;border-radius:50%;border:5px solid #f2f2f7}.card-character__name{width:500px;height:50px;font-family:Roboto;font-weight:400;font-size:48px;line-height:100%;letter-spacing:0px;text-align:center;vertical-align:middle}.card-character__title{width:157px;height:24px;font-family:Roboto;font-weight:500;font-size:20px;line-height:24px;letter-spacing:.15px;vertical-align:middle;color:#8e8e93}.card-character-information__row{width:413px;height:64px;text-align:start}.card-character-information__term{font-family:Roboto;font-weight:700;font-size:16px;line-height:24px;letter-spacing:.15px;margin-left:16px}.card-character-information__value{font-family:Roboto;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px;margin-left:16px;color:#6e798c}.not-found{width:100%;height:100%;overflow:hidden;text-align:center}.not-found-image{width:100%;height:100%;object-fit:contain}.not-fount__back{font-size:18px;font-family:Karla,sans-serif;font-weight:700;line-height:100%;white-space:nowrap}.layout{width:1440px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background-color:#fff;align-items:center}.content{flex:1;padding:0 198px 40px}.text-field{position:relative;display:inline-flex;align-items:center;height:56px;padding:0 12px;border:1px solid #e5e7eb;border-radius:8px;background-color:#fff;transition:all .2s ease;font-family:Roboto,sans-serif}.text-field:hover{border-color:#9ca3af}.text-field--compact{position:relative;width:auto;height:32px;padding:0;border:none;font-weight:500;border-bottom:1px solid transparent;background-color:transparent;border-radius:0}.text-field--compact .text-field__input,.text-field--compact-editable .text-field__input{font-size:20px;font-weight:500;color:#000}.text-field--compact-editable{position:relative;width:auto;height:32px;padding:0;border:none;border-bottom:1px solid #9ca3af;background-color:transparent;border-radius:0;box-sizing:border-box}.text-field__input{border:none;background-color:transparent;width:100%;padding:0;outline:none;font-weight:400;font-size:16px;color:#9caf9d;font-family:Roboto,sans-serif}.selector{display:inline-block;z-index:2;position:relative}.selector__button{height:100%;display:flex;justify-content:space-between;align-items:center;width:100%;min-height:40px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;background-color:#fff;color:#9caf9d;cursor:pointer;transition:all .2s ease;font-size:16px;font-weight:400;text-decoration:none!important;outline:none;box-sizing:border-box}.selector__button:hover{border-color:#9ca3af}.selector__button-content{display:flex;align-items:center}.selector--large{width:240px;height:55.58px;border-radius:6px}.selector--large .selector__dropdown{width:240px;border-radius:6px}.selector--small{width:94px;height:21px;border-radius:6px}.selector--small .selector__button{min-height:17px;font-size:14px;font-weight:400;padding:0 8px 0 4px;display:flex;align-items:center;justify-content:space-between}.selector--small .selector__dropdown{width:94px;border-radius:6px}.selector--small .selector__option{font-size:14px;font-weight:400;padding:4px 8px}.selector__dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;border:1px solid #e5e7eb;z-index:10;overflow-y:auto}.selector__arrow{display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #6b7280;transition:transform .2s ease;margin-left:8px}.selector--open .selector__arrow{transform:rotate(180deg)}.selector__options{list-style:none;padding:8px 0;margin:0}.selector__option{padding:8px 12px;display:flex;align-items:center;cursor:pointer;transition:background-color .2s ease;font-size:16px;font-weight:400;color:#9caf9d}.selector__option:hover{background-color:#f3f4f6}.red{background-color:#df0000;border-radius:50%;width:10px;height:10px;margin-left:4px}.green{background-color:#12b800;border-radius:50%;width:10px;height:10px;margin-left:4px}.orange{background-color:#f90;border-radius:50%;width:10px;height:10px;margin-left:4px}.loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.loader--large .loader__image{width:475px;height:465px}.loader--small .loader__image{width:103px;height:101px}.loader__image{animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%,to{transform:scale(.95);opacity:.9}50%{transform:scale(1.05);opacity:1}}.loader__label{margin:0;font-size:1rem}body{margin:0;min-width:320px;min-height:100vh;font-family:Roboto,sans-serif;background-color:#f9fafb}#root{max-width:1440px;margin:0 auto;background-color:#fff;position:relative;min-height:100vh}