:root{--color-white: #ffffff99;--color-black: #1a1a1a;--color-gray-1: #424549;--color-gray-2: #292c31;--color-gray-3: #1e2125;--color-purple: #9575cd;--color-pink: #fe216c;--border: 1px solid var(--color-white);--border-purple: 1px solid var(--color-purple);--box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);--wrapper-horizontal-padding: 32px;--character-card-width: 180px;--character-image-height: 180px;--header-height: 80px;--footer-height: 80px;--mobileS: 320px;--mobileM: 375px;--mobileL: 425px;--tablet: 768px;--laptop: 1024px;--laptopL: 1440px;--desktop: 2560px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-gray-3)}::-webkit-scrollbar-thumb{background:var(--color-white);border-radius:2px;transition:.2s}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-1);transition:.2s}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background-color:var(--color-gray-1);color:var(--color-white)}button{cursor:pointer;border:none;background-color:transparent}input{background-color:var(--color-gray-2);color:var(--color-white);padding:10px 20px;border-radius:5px;font-size:16px;font-weight:500;border:none;outline:none;box-shadow:var(--box-shadow);transition:all .2s ease-in-out}input::placeholder{color:var(--color-white);opacity:.7}input:focus{background-color:var(--color-gray-3)}textarea{background-color:var(--color-gray-2);color:var(--color-white);padding:10px 20px;border-radius:5px;font-size:16px;font-weight:500;border:none;outline:none;box-shadow:var(--box-shadow);transition:all .2s ease-in-out;resize:none}textarea::placeholder{color:var(--color-white);opacity:.7}textarea:focus{background-color:var(--color-gray-3)}p{font-size:18px;font-weight:500}span{color:var(--color-white);font-size:18px;font-weight:600}a{text-decoration:none;color:var(--color-white);transition:all .04s ease-in}a:hover{color:var(--color-gray-1)}ul{list-style:none}._wrapper_1v5sg_1{background-color:var(--color-gray-3);display:flex;border-radius:12px;overflow:hidden;box-shadow:var(--box-shadow);flex-direction:column}@media (min-width: 768px){._wrapper_1v5sg_1{flex-direction:row}}._image_1v5sg_15{width:100%;object-fit:cover}@media (min-width: 768px){._image_1v5sg_15{max-width:300px;flex-direction:row;border-right:var(--border)}}._info_1v5sg_27{margin:10px 20px;display:flex;flex-direction:column;gap:12px}._container_1v5sg_34{position:relative}._favourite_1v5sg_38{position:absolute;top:10px;right:10px;cursor:pointer}._wrapper_k7vav_1{width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:20px}._loader_k7vav_10{width:48px;height:48px;border-radius:50%;position:relative;animation:_rotate_k7vav_1 1s linear infinite}._loader_k7vav_10:before{content:"";box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:5px solid var(--color-gray-2);animation:_prixClipFix_k7vav_1 2s linear infinite}@keyframes _rotate_k7vav_1{to{transform:rotate(360deg)}}@keyframes _prixClipFix_k7vav_1{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}._icon_wtqsp_1{fill:var(--color-black);opacity:.7;transition:all .05s ease-in}._icon_wtqsp_1:hover{fill:var(--color-pink);opacity:.8}._active_wtqsp_11,._active_wtqsp_11:hover{fill:var(--color-pink);opacity:1}._icon_1jtlm_1{fill:var(--color-white)}._wrapper_18zub_1{display:flex;width:100%;height:100%;justify-content:center;align-items:center}._container_fkw5r_1{height:100%;position:relative}._wrapper_fkw5r_6{display:flex;flex-direction:column;width:100%;height:100%;box-shadow:var(--box-shadow);border-radius:8px;overflow:hidden;transition:all .3s ease-in}._wrapper_fkw5r_6:hover ._image_fkw5r_16{transform:scale(1.2)}._image_fkw5r_16{height:var(--character-image-height);object-fit:cover;transition:all .3s ease;z-index:-1}._info_fkw5r_27{background-color:var(--color-gray-2);border-top:var(--border);padding:8px;height:100%}._favourite_fkw5r_34{position:absolute;top:10px;right:10px;cursor:pointer}._charactersCards_pwdf0_1{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--character-card-width),1fr));gap:32px;justify-items:center;align-items:start}._characterCard_pwdf0_9{height:100%;width:var(--character-card-width)}._charactersCards_16fcn_1{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--character-card-width),1fr));gap:32px;justify-items:center;align-items:start}._characterCard_16fcn_9{height:100%;width:var(--character-card-width)}._pagination_16fcn_14{margin-top:20px;width:100%;display:flex;justify-content:center}._wrapper_z8865_1{display:flex;position:relative;width:100%;max-width:400px;box-shadow:var(--box-shadow);border-radius:5px;margin-bottom:22px}._input_z8865_11{width:100%;padding:10px 40px 10px 10px;border-radius:5px 0 0 5px;border:none;background-color:var(--color-gray-3);color:var(--color-white);box-sizing:border-box;box-shadow:none}._input_z8865_11::placeholder{color:var(--color-white)}._input_z8865_11:focus{outline:none}._button_z8865_30{width:50px;display:flex;align-items:center;justify-content:center;padding:10px;border:none;background-color:var(--color-gray-3);color:var(--color-white);border-radius:0 5px 5px 0;cursor:pointer;box-shadow:none}._button_z8865_30:hover{background-color:var(--color-black)}._history_z8865_49{position:absolute;top:100%;left:0;width:100%;max-height:200px;overflow-y:auto;background-color:var(--color-gray-1);box-shadow:var(--box-shadow);border-radius:5px;z-index:1}._historyItem_z8865_62{padding:10px;cursor:pointer}._historyItem_z8865_62:hover{background-color:var(--color-gray-2)}._paginationContainer_5qk37_1{display:flex;list-style-type:none}._paginationItem_5qk37_6{padding:0 12px;height:32px;text-align:center;margin:auto 4px;color:var(--color-white);display:flex;box-sizing:border-box;align-items:center;letter-spacing:.01071em;border-radius:16px;line-height:1.43;font-size:13px;min-width:32px}._paginationItem_5qk37_6._dots_5qk37_21:hover{background-color:transparent;cursor:default}._paginationItem_5qk37_6:hover{background-color:var(--color-gray-2);cursor:pointer}._paginationItem_5qk37_6._selected_5qk37_29{background-color:var(--color-gray-2)}._paginationItem_5qk37_6 ._arrow_5qk37_32:before{position:relative;content:"";display:inline-block;width:5px;height:5px;border-right:2px solid var(--color-white);border-top:2px solid var(--color-white)}._paginationItem_5qk37_6 ._arrow_5qk37_32._left_5qk37_41{transform:rotate(-135deg)}._paginationItem_5qk37_6 ._arrow_5qk37_32._right_5qk37_44{transform:rotate(45deg)}._paginationItem_5qk37_6._disabled_5qk37_47{pointer-events:none}._paginationItem_5qk37_6._disabled_5qk37_47 ._arrow_5qk37_32:before{border-right:2px solid var(--color-gray-2);border-top:2px solid var(--color-gray-2)}._paginationItem_5qk37_6._disabled_5qk37_47:hover{background-color:transparent;cursor:default}._wrapper_12ag6_1{padding:12px var(--wrapper-horizontal-padding);background-color:var(--color-black);height:var(--footer-height)}._wrapper_1dr7c_1{background-color:var(--color-gray-2);padding:0px var(--wrapper-horizontal-padding);display:flex;justify-content:space-between;align-items:center;height:var(--header-height)}._wrapper_1py4g_1{min-height:calc(100vh - var(--header-height) - var(--footer-height));padding:24px var(--wrapper-horizontal-padding)}._wrapper_m7ow1_1{display:flex;justify-content:center;align-items:center;align-content:center;width:100%;height:100vh;font-size:66px}