:root{--background:black;--foreground:white;--opacity-color:#fff3;--background-secondary:#1e1e1e;--opacity-color-white:#0003;--color-primary:#0060d1;--color-primary-hover:#285195;--color-green:#f97316;--color-red:#b00020;--color-gray:#ccc}html,body{max-width:100vw;overflow-x:hidden}body{min-width:100vw;min-height:100vh;color:var(--foreground);background:var(--background);background:url(/react-films/assets/cosmos-bi9Dh3hM.jpg);margin:0}.container{max-width:1600px;margin:auto}.container-wrapper{padding:0 40px}.cardWrapper{flex-flow:wrap;gap:20px;display:flex}.cardWrapper a{color:inherit;text-decoration:none}.card{border:1px solid var(--opacity-color);background:var(--background-secondary);cursor:pointer;will-change:transform;border-radius:20px;min-width:250px;max-width:250px;transition:all .3s;position:relative;overflow:hidden}.card img{object-fit:cover;width:100%;max-height:250px}.card-description{padding:10px;font-size:18px}.card-title{margin-bottom:5px;font-size:1.2em}.card-year,.card-rating{margin-bottom:5px;font-size:.8em}.card-rating{color:#fff;background-color:var(--color-red);border-radius:5px;width:fit-content;padding:3px 5px}.card:active,.card:focus-visible{box-shadow:0 10px 20px var(--opacity-color);transform:translate(-10px,-10px)}@media (hover:hover){.card:hover{box-shadow:0 10px 20px var(--opacity-color);transform:translate(-10px,-10px)}}@media (width<=768px){.cardWrapper{justify-content:center}}._header_h7r1z_1{z-index:1;flex-direction:row;justify-content:space-between;align-items:center;gap:20px;padding:20px 40px;display:flex;position:relative}._navigation_h7r1z_21{flex-direction:row;align-items:center;gap:20px;display:flex}._navigation_h7r1z_21 ul{flex-direction:row;gap:20px;display:flex}._navigation_h7r1z_21 li{width:fit-content;list-style:none;position:relative}._navigation_h7r1z_21 li a{color:inherit;text-decoration:none}._navigation_h7r1z_21 li:after{content:"";background-color:var(--foreground);width:0;height:1px;transition:all .3s;position:absolute;bottom:0;left:0}._navigation_h7r1z_21 li:has(a._active_h7r1z_81):after{pointer-events:none;width:100%}._burger_h7r1z_93{cursor:pointer;background:inherit;z-index:4;border:none;width:2em;min-height:3em;display:none;position:relative;transform:translate(-50%)}._burger_h7r1z_93:before{content:"";background-color:var(--foreground);width:100%;height:3px;transition:all .2s;position:absolute;top:25%}._burger_h7r1z_93:after{content:"";background-color:var(--foreground);width:100%;height:3px;transition:all .2s;position:absolute;bottom:25%}._burger_h7r1z_93 i{opacity:1;background-color:var(--foreground);width:100%;height:3px;transition:all .2s;position:absolute;top:50%;transform:translateY(-50%)}._burger_h7r1z_93._active_h7r1z_81 i{opacity:0;width:0%}._burger_h7r1z_93._active_h7r1z_81:before{border-radius:4px;transition:all .2s;top:50%;transform:rotate(45deg)}._burger_h7r1z_93._active_h7r1z_81:after{border-radius:4px;transition:all .2s;top:50%;transform:rotate(-45deg)}._navBackground_h7r1z_203{display:none}@media (width<=768px){._burger_h7r1z_93{display:block}._burger_h7r1z_93._active_h7r1z_81~._navigation_h7r1z_21{transform:translate(0%)}._navigation_h7r1z_21{background:var(--background-secondary);z-index:3;flex-direction:column;height:100vh;padding:5em 3em 3em;transition:all .5s;position:absolute;top:0;left:-10px;transform:translate(-100%)}._navigation_h7r1z_21 ul{flex-direction:column;height:100%}._burger_h7r1z_93._active_h7r1z_81~._navBackground_h7r1z_203{z-index:2;background:#00000080;width:100%;height:100vh;display:block;position:absolute;top:0}}._burger_h7r1z_93:focus-visible i,._burger_h7r1z_93:active i{width:90%;transition:all .2s}._burger_h7r1z_93._active_h7r1z_81:focus-visible:after,._burger_h7r1z_93._active_h7r1z_81:active:after,._burger_h7r1z_93._active_h7r1z_81:focus-visible:before,._burger_h7r1z_93._active_h7r1z_81:active:before{opacity:.8}._navigation_h7r1z_21 li:focus-visible:after,._navigation_h7r1z_21 li:active:after{width:100%}@media (hover:hover){._burger_h7r1z_93:hover i{width:90%;transition:all .2s}._burger_h7r1z_93._active_h7r1z_81:hover:after,._burger_h7r1z_93._active_h7r1z_81:hover:before{opacity:.8}._navigation_h7r1z_21 li:hover:after{width:100%}}._clearButton_1enwn_1{width:fit-content}._modalContent_1enwn_9{flex-direction:column;gap:1em;padding:2em;display:flex}._modalContent_1enwn_9 p{margin:0;font-size:1.5em}._blockButtons_1enwn_29{flex-direction:row;gap:1em;display:flex}button._buttonBlue_1enwn_59{background-color:var(--color-primary);color:#fff}@media (hover:hover){button._buttonBlue_1enwn_59:hover{background-color:var(--color-primary-hover)}}._modalOverlay_8iz1x_1{opacity:0;pointer-events:none;z-index:10;justify-content:center;align-items:center;transition:opacity 1s;display:flex;position:fixed;inset:0}._modalOverlay_8iz1x_1._open_8iz1x_29{opacity:1;pointer-events:auto}._modalContent_8iz1x_37{background-color:var(--background-secondary);border:1px solid var(--opacity-color);border-radius:10px;width:fit-content;max-width:1200px;max-height:80%;transition:transform .5s;overflow-y:auto;transform:translateY(-30px)}._modalBackground_8iz1x_59{background-color:#00000080;width:100%;height:100%;position:absolute}@keyframes _shimmer_ybs9g_1{0%{background-position:-250px 0}to{background-position:250px 0}}._skeletonCard_ybs9g_17{pointer-events:none;opacity:.8}._skeletonImg_ybs9g_25,._skeletonLine_ybs9g_27{background:linear-gradient(90deg,#e0e0e0 20%,#fff 50%,#e0e0e0 80%) 0 0/100% 100%;animation:3s infinite _shimmer_ybs9g_1}._skeletonImg_ybs9g_25{width:250px;height:250px}._skeletonLine_ybs9g_27{border-radius:6px}._skeletonLine_ybs9g_27._title_ybs9g_51{width:80%;height:1.2em;margin-bottom:5px}._skeletonLine_ybs9g_27._year_ybs9g_61,._skeletonLine_ybs9g_27._rating_ybs9g_61{width:20%;height:.9em;margin-bottom:5px}._favoriteButton_ug7gd_1{background:inherit;cursor:pointer;border:none;width:fit-content;transition:all .3s}._favoriteButton_ug7gd_1 svg{width:1.5em;height:1.5em}._favoriteButton_ug7gd_1:active,._favoriteButton_ug7gd_1:focus-visible{transform:scale(1.2)}@media (hover:hover){._favoriteButton_ug7gd_1:hover{transform:scale(1.2)}}._modalContent_ug7gd_41{flex-direction:column;gap:1em;padding:2em;display:flex}._modalContent_ug7gd_41 p{margin:0;font-size:1.5em}._blockButtons_ug7gd_61{flex-direction:row;gap:1em;display:flex}button{cursor:pointer;background-color:var(--foreground);border:none;border-radius:4px;width:100%;padding:.5em 1em;font-size:1em;transition:all .3s}button._buttonBlue_ug7gd_91{background-color:var(--color-primary);color:#fff}@media (hover:hover){button:not(._buttonBlue_ug7gd_91):hover{opacity:.7}button._buttonBlue_ug7gd_91:hover{background-color:var(--color-primary-hover)}}._cardFavorite_1c1q5_5{background:var(--opacity-color-white);position:absolute;right:0}._sortingPanel_1xqvc_1{flex:0 0 15%;margin-bottom:2em;font-size:1em}._sortingBlock_1xqvc_11{flex-direction:column;gap:.3em;display:flex}._checkbox_1xqvc_21{flex-direction:row;display:flex}._checkbox_1xqvc_21 input,._checkbox_1xqvc_21 label{cursor:pointer}._applyButton_1xqvc_35{cursor:pointer;background-color:var(--color-primary);color:#fff;border:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px;width:100%;padding:.5em 1em;font-size:1em;transition:all .3s}@media (hover:hover){._applyButton_1xqvc_35:hover{background-color:var(--color-primary-hover)}}._block_lqlws_1{border:1px solid var(--background-secondary);padding:1em 2em}._collapsible_lqlws_9{transition:all .3s linear}._collapsible_lqlws_9 summary{cursor:pointer;justify-content:space-between;align-items:center;list-style:none;display:flex}._collapsible_lqlws_9 summary::-webkit-details-marker{display:none}._arrow_lqlws_35{transition:all .3s}details[open] ._arrow_lqlws_35{transform:rotate(180deg)}._content_lqlws_47{max-height:0;margin-top:1em;transition:all .3s;overflow:hidden}._content_lqlws_47:has(input[type=checkbox]){overflow-y:auto}details[open]+div._content_lqlws_47{max-height:10em;transition:all .3s linear}._wrapper_agvxo_1{width:calc(100% - 2em);margin:1em}._labels_agvxo_9{justify-content:space-between;margin-bottom:4px;font-size:14px;display:flex}._track_agvxo_21{background:var(--color-gray);border-radius:3px;height:6px;position:relative}._range_agvxo_33{background:var(--color-primary);border-radius:3px;height:100%;position:absolute}._thumb_agvxo_45{background:var(--foreground);border:2px solid var(--color-primary);cursor:pointer;z-index:2;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%)}._mainContent_17qa4_1{gap:2em;margin-bottom:2em;display:flex}@media (width<=768px){._mainContent_17qa4_1{flex-direction:column}}._overlay_7bsgm_1{z-index:100;background:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}._overlay_7bsgm_1 ._spinner_7bsgm_25{border:8px solid var(--foreground);border-top:8px solid var(--color-primary);border-radius:50%;width:60px;height:60px;animation:1s linear infinite _spin_7bsgm_25}@keyframes _spin_7bsgm_25{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._filmContent_7bsgm_49{margin-bottom:2em}._filmContent_7bsgm_49 img._img_7bsgm_55{object-fit:contain;border-radius:20px;max-width:20%;height:auto;max-height:300px}._filmHeader_7bsgm_69{gap:10px;display:flex}._filmSlogan_7bsgm_77{text-align:center;margin:auto;font-size:2em;font-weight:700}._filmBlock_7bsgm_89{flex-direction:column;gap:1.4em;font-size:16px;display:flex;position:relative}._filmBlock__title_7bsgm_103{flex-direction:row;align-items:center;display:flex}._filmTitle_7bsgm_113{margin:0;font-size:2em}._filmElement_7bsgm_121{flex-direction:column;gap:.5em;display:flex}._filmElement_7bsgm_121 a{opacity:.5;transition:all .3s}._filmElement_7bsgm_121 a:hover,._filmElement_7bsgm_121 a:active,._filmElement_7bsgm_121 a:focus-visible{opacity:1}._filmElement__subtitle_7bsgm_145{margin-bottom:.7em;font-size:1.3em}._filmElementSvg_7bsgm_153{flex-direction:row;align-items:center;gap:5px;display:flex}._filmElementSvg_7bsgm_153 svg{fill:var(--foreground);width:1em}@media (width<=768px){._filmHeader_7bsgm_69{flex-direction:column;align-items:center}._filmContent_7bsgm_49 img._poster_7bsgm_183{max-height:200px}._filmContent_7bsgm_49 img._img_7bsgm_55{max-width:35%}}@media (width<=460px){._filmContent_7bsgm_49 img._img_7bsgm_55{max-width:80%}}@media (width<=360px){._filmBlock_7bsgm_89{font-size:14px}}._filmElement__row_17kuw_1{flex-direction:row;align-items:flex-start;gap:.5em;display:flex}._filmElement__row_17kuw_1 ._filmElementSvg_17kuw_13{opacity:.5;min-width:30%}._filmElementSvg_17kuw_13{flex-direction:row;align-items:center;gap:5px;display:flex}._filmElementSvg_17kuw_13 svg{fill:var(--foreground);width:1em}@media (width<=768px){._filmElement__row_17kuw_1{flex-direction:column}}