@charset "UTF-8";/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--cls-ref-color-neutral-0: #000000;--cls-ref-color-neutral-10: #0a0a0a;--cls-ref-color-neutral-20: #141414;--cls-ref-color-neutral-30: #1e1e1e;--cls-ref-color-neutral-40: #282828;--cls-ref-color-neutral-45: #333333;--cls-ref-color-neutral-50: #323232;--cls-ref-color-neutral-55: #343434;--cls-ref-color-neutral-60: #3c3c3c;--cls-ref-color-neutral-70: #5f5f5f;--cls-ref-color-neutral-80: #666666;--cls-ref-color-neutral-90: #8c8c8c;--cls-ref-color-neutral-100: #969696;--cls-ref-color-neutral-110: #b3b3b3;--cls-ref-color-neutral-120: #c8c8c8;--cls-ref-color-neutral-130: #cccccc;--cls-ref-color-neutral-140: #dcdcdc;--cls-ref-color-neutral-150: #e8e8e8;--cls-ref-color-neutral-160: #f0f0f0;--cls-ref-color-neutral-170: #fafafa;--cls-ref-color-neutral-180: #ffffff;--cls-ref-color-green-100: #0f9c44;--cls-ref-color-green-200: #3dc10c;--cls-ref-color-green-300: #4bd880;--cls-ref-color-green-400: #5ba400;--cls-ref-color-green-500: #6fb800;--cls-ref-color-red-100: #df3400;--cls-ref-color-red-200: #ec2222;--cls-ref-color-red-300: #ec3333;--cls-ref-color-red-400: #f34800;--cls-ref-color-gold-100: #fffbe6;--cls-ref-color-gold-200: #fff3bf;--cls-ref-color-gold-300: #ffe999;--cls-ref-color-gold-400: #ffde4d;--cls-ref-color-gold-500: #ffd700;--cls-ref-color-gold-600: #e6c200;--cls-ref-color-gold-700: #bfa200;--cls-ref-color-gold-800: #998200;--cls-ref-color-gold-900: #736100;--cls-ref-color-scarlet-100: #fde8e8;--cls-ref-color-scarlet-200: #fbbfbf;--cls-ref-color-scarlet-300: #f89696;--cls-ref-color-scarlet-400: #f56b6b;--cls-ref-color-scarlet-500: #f93535;--cls-ref-color-scarlet-600: #e12f2f;--cls-ref-color-scarlet-700: #bb2727;--cls-ref-color-scarlet-800: #941f1f;--cls-ref-color-scarlet-900: #6e1717;--cls-ref-color-azure-100: #e6f2ff;--cls-ref-color-azure-200: #bfe0ff;--cls-ref-color-azure-300: #99ccff;--cls-ref-color-azure-400: #5cafff;--cls-ref-color-azure-500: #209bff;--cls-ref-color-azure-600: #1d8ae6;--cls-ref-color-azure-700: #1873bf;--cls-ref-color-azure-800: #135c99;--cls-ref-color-azure-900: #0e4573;--cls-ref-color-brand-primary: #4bd880;--cls-ref-color-brand-secondary: #0f9c44;--cls-ref-spacing-0: 0;--cls-ref-spacing-1: .25rem;--cls-ref-spacing-2: .5rem;--cls-ref-spacing-3: .625rem;--cls-ref-spacing-4: .75rem;--cls-ref-spacing-5: .875rem;--cls-ref-spacing-6: 1rem;--cls-ref-spacing-7: 1.25rem;--cls-ref-spacing-8: 1.5rem;--cls-ref-spacing-9: 2rem;--cls-ref-spacing-10: 2.5rem;--cls-ref-spacing-11: 3rem;--cls-ref-spacing-12: 3.5rem;--cls-ref-font-size-xs: .75rem;--cls-ref-font-size-sm: .875rem;--cls-ref-font-size-md: 1rem;--cls-ref-font-size-lg: 1.125rem;--cls-ref-font-size-xl: 1.25rem;--cls-ref-font-size-2xl: 1.5rem;--cls-ref-font-size-3xl: 2rem;--cls-ref-font-weight-normal: 400;--cls-ref-font-weight-medium: 500;--cls-ref-font-weight-bold: 700;--cls-ref-line-height-tight: 1;--cls-ref-line-height-normal: 1.5;--cls-ref-line-height-relaxed: 1.75;--cls-ref-radius-none: 0;--cls-ref-radius-sm: .25rem;--cls-ref-radius-md: .3125rem;--cls-ref-radius-lg: .5rem;--cls-ref-radius-xl: .75rem;--cls-ref-radius-full: 9999px;--cls-ref-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--cls-ref-shadow-md: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);--cls-ref-shadow-lg: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);--cls-ref-duration-fast: .15s;--cls-ref-duration-normal: .2s;--cls-ref-duration-slow: .3s;--cls-ref-easing-default: ease;--cls-ref-easing-in-out: ease-in-out;--cls-ref-z-base: 0;--cls-ref-z-dropdown: 100;--cls-ref-z-sticky: 200;--cls-ref-z-modal: 300;--cls-ref-z-popover: 400;--cls-ref-z-tooltip: 500}:root{--cls-sys-bg-page: var(--cls-ref-color-neutral-180);--cls-sys-bg-panel: var(--cls-ref-color-neutral-160);--cls-sys-bg-input: var(--cls-ref-color-neutral-180);--cls-sys-bg-button: var(--cls-ref-color-neutral-50);--cls-sys-bg-overlay: rgba(40, 40, 40, .8);--cls-sys-bg-elevated: var(--cls-ref-color-neutral-30);--cls-sys-bg-inverse: var(--cls-ref-color-neutral-0);--cls-sys-bg-section-secondary: none;--cls-sys-bg-info: var(--cls-ref-color-neutral-160);--cls-sys-bg-header-footer: var(--cls-ref-color-neutral-45);--cls-sys-text-primary: var(--cls-ref-color-neutral-30);--cls-sys-text-secondary: var(--cls-ref-color-neutral-90);--cls-sys-text-muted: var(--cls-ref-color-neutral-80);--cls-sys-text-faint: var(--cls-ref-color-neutral-100);--cls-sys-text-bright: var(--cls-ref-color-neutral-150);--cls-sys-text-badge: var(--cls-ref-color-neutral-140);--cls-sys-text-input: var(--cls-ref-color-neutral-120);--cls-sys-text-placeholder: var(--cls-ref-color-neutral-80);--cls-sys-text-inverse: var(--cls-ref-color-neutral-0);--cls-sys-text-header-footer: var(--cls-ref-color-neutral-160);--cls-sys-border-default: var(--cls-ref-color-neutral-70);--cls-sys-border-light: var(--cls-ref-color-neutral-130);--cls-sys-border-input: var(--cls-ref-color-neutral-70);--cls-sys-border-button: var(--cls-ref-color-neutral-70);--cls-sys-border-focus: var(--cls-ref-color-scarlet-500);--cls-sys-border-accent: var(--cls-ref-color-scarlet-500);--cls-sys-border-info: var(--cls-ref-color-neutral-130);--cls-sys-border-header-footer: var(--cls-ref-color-neutral-50);--cls-sys-accent-default: var(--cls-ref-color-scarlet-500);--cls-sys-accent-hover: var(--cls-ref-color-scarlet-700);--cls-sys-accent-text: var(--cls-ref-color-neutral-160);--cls-sys-state-success: var(--cls-ref-color-green-200);--cls-sys-state-error: var(--cls-ref-color-red-300);--cls-sys-state-danger: var(--cls-ref-color-red-200);--cls-sys-feedback-positive: var(--cls-ref-color-green-500);--cls-sys-feedback-positive-hover: var(--cls-ref-color-green-400);--cls-sys-feedback-negative: var(--cls-ref-color-red-400);--cls-sys-feedback-negative-hover: var(--cls-ref-color-red-100);--cls-sys-shadow-color: none;--cls-sys-shadow-elevation-none: none;--cls-sys-shadow-elevation-sm: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);--cls-sys-shadow-elevation-md: 0 4px 6px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.08);--cls-sys-shadow-elevation-lg: 0 10px 20px rgba(0,0,0,.15), 0 6px 6px rgba(0,0,0,.1);--cls-sys-shadow-elevation-xl: 0 10px 20px rgba(0,0,0,.15), 0 6px 6px rgba(0,0,0,.1);--cls-sys-shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--cls-sys-interactive-hover-bg: var(--cls-ref-color-neutral-50);--cls-sys-interactive-active-bg: var(--cls-ref-color-neutral-60);--cls-sys-gradient-title: linear-gradient( to bottom, var(--cls-ref-color-neutral-30), var(--cls-ref-color-neutral-10) );--cls-sys-grid-gap: 2px;--cls-sys-interactive-gap: 5px}[data-theme^=dark]{--cls-sys-bg-page: var(--cls-ref-color-neutral-40);--cls-sys-bg-panel: var(--cls-ref-color-neutral-20);--cls-sys-bg-input: var(--cls-ref-color-neutral-0);--cls-sys-bg-button: var(--cls-ref-color-neutral-20);--cls-sys-bg-overlay: rgba(40, 40, 40, .8);--cls-sys-bg-elevated: var(--cls-ref-color-neutral-30);--cls-sys-bg-inverse: var(--cls-ref-color-neutral-0);--cls-sys-bg-section-secondary: var(--cls-ref-color-neutral-20);--cls-sys-bg-info: var(--cls-ref-color-neutral-20);--cls-sys-bg-header-footer: var(--cls-ref-color-neutral-20);--cls-sys-text-primary: var(--cls-ref-color-neutral-160);--cls-sys-text-secondary: var(--cls-ref-color-neutral-90);--cls-sys-text-muted: var(--cls-ref-color-neutral-80);--cls-sys-text-faint: var(--cls-ref-color-neutral-100);--cls-sys-text-bright: var(--cls-ref-color-neutral-150);--cls-sys-text-badge: var(--cls-ref-color-neutral-140);--cls-sys-text-input: var(--cls-ref-color-neutral-120);--cls-sys-text-placeholder: var(--cls-ref-color-neutral-80);--cls-sys-text-inverse: var(--cls-ref-color-neutral-0);--cls-sys-border-default: var(--cls-ref-color-neutral-60);--cls-sys-border-light: var(--cls-ref-color-neutral-50);--cls-sys-border-input: var(--cls-ref-color-neutral-60);--cls-sys-border-button: var(--cls-ref-color-neutral-60);--cls-sys-border-focus: var(--cls-ref-color-brand-primary);--cls-sys-border-accent: var(--cls-ref-color-brand-primary);--cls-sys-border-info: var(--cls-ref-color-neutral-60);--cls-sys-border-header-footer: var(--cls-ref-color-neutral-50);--cls-sys-accent-default: var(--cls-ref-color-brand-primary);--cls-sys-accent-hover: var(--cls-ref-color-green-100);--cls-sys-accent-text: var(--cls-ref-color-neutral-0);--cls-sys-state-success: var(--cls-ref-color-green-200);--cls-sys-feedback-positive: var(--cls-ref-color-green-500);--cls-sys-feedback-positive-hover: var(--cls-ref-color-green-400);--cls-sys-feedback-negative: var(--cls-ref-color-red-400);--cls-sys-feedback-negative-hover: var(--cls-ref-color-red-100);--cls-sys-interactive-hover-bg: var(--cls-ref-color-neutral-50);--cls-sys-interactive-active-bg: var(--cls-ref-color-neutral-60);--cls-sys-gradient-title: linear-gradient( to bottom, var(--cls-ref-color-neutral-30), var(--cls-ref-color-neutral-10) )}[data-theme=dark-gold]{--cls-sys-border-focus: var(--cls-ref-color-gold-500);--cls-sys-border-accent: var(--cls-ref-color-gold-500);--cls-sys-accent-default: var(--cls-ref-color-gold-500);--cls-sys-accent-hover: var(--cls-ref-color-gold-700)}[data-theme=dark-scarlet]{--cls-sys-border-focus: var(--cls-ref-color-scarlet-500);--cls-sys-border-accent: var(--cls-ref-color-scarlet-500);--cls-sys-accent-default: var(--cls-ref-color-scarlet-500);--cls-sys-accent-hover: var(--cls-ref-color-scarlet-700);--cls-sys-accent-text: var(--cls-ref-color-neutral-180)}[data-theme=dark-azure]{--cls-sys-border-focus: var(--cls-ref-color-azure-500);--cls-sys-border-accent: var(--cls-ref-color-azure-500);--cls-sys-accent-default: var(--cls-ref-color-azure-500);--cls-sys-accent-hover: var(--cls-ref-color-azure-700);--cls-sys-accent-text: var(--cls-ref-color-neutral-180)}:root{--cls-comp-body-bg: var(--cls-sys-bg-page);--cls-comp-body-text: var(--cls-sys-text-secondary);--cls-comp-body-font-size: var(--cls-ref-font-size-sm);--cls-comp-body-line-height: var(--cls-ref-line-height-normal);--cls-comp-btn-bg: var(--cls-sys-bg-button);--cls-comp-btn-bg-hover: var(--cls-sys-accent-default);--cls-comp-btn-border: var(--cls-sys-border-button);--cls-comp-btn-border-hover: var(--cls-sys-accent-hover);--cls-comp-btn-text: var(--cls-sys-text-bright);--cls-comp-btn-text-hover: var(--cls-sys-accent-text);--cls-comp-btn-padding-x: var(--cls-ref-spacing-4);--cls-comp-btn-padding-y: var(--cls-ref-spacing-2);--cls-comp-btn-transition: all var(--cls-ref-duration-normal) var(--cls-ref-easing-default);--cls-comp-btnmore-bg: var(--cls-sys-bg-button);--cls-comp-btnmore-bg-hover: var(--cls-sys-accent-default);--cls-comp-btnmore-border: var(--cls-sys-border-button);--cls-comp-btnmore-text: var(--cls-sys-text-bright);--cls-comp-btnmore-text-hover: var(--cls-sys-accent-text);--cls-comp-btnmore-line-width: 3rem;--cls-comp-link-bg: var(--cls-sys-bg-button);--cls-comp-link-bg-hover: var(--cls-sys-accent-default);--cls-comp-link-border: var(--cls-sys-border-button);--cls-comp-link-border-hover: var(--cls-sys-accent-hover);--cls-comp-link-text: var(--cls-sys-text-bright);--cls-comp-link-text-hover: var(--cls-sys-accent-text);--cls-comp-menu-gap: var(--cls-sys-interactive-gap);--cls-comp-search-bg: var(--cls-sys-bg-input);--cls-comp-search-text: var(--cls-sys-text-input);--cls-comp-search-border: var(--cls-sys-border-input);--cls-comp-search-border-focus: var(--cls-sys-border-focus);--cls-comp-search-height: 33px;--cls-comp-header-logo-text: var(--cls-sys-text-bright);--cls-comp-header-logo-accent: var(--cls-sys-accent-default);--cls-comp-header-height: 33px;--cls-comp-footer-text: var(--cls-sys-text-bright);--cls-comp-footer-link-hover: var(--cls-sys-accent-default);--cls-comp-wrapper-bg: var(--cls-sys-bg-header-footer);--cls-comp-wrapper-border: var(--cls-sys-border-header-footer);--cls-comp-wrapper-shadow: var(--cls-sys-shadow-elevation-sm);--cls-comp-contentbox-video-bg: var(--cls-sys-bg-section-secondary);--cls-comp-contentbox-video-border: var(--cls-sys-border-light);--cls-comp-contentbox-video-shadow: var(--cls-sys-shadow-color);--cls-comp-title-bg: transparent;--cls-comp-title-gradient: none;--cls-comp-title-border: transparent;--cls-comp-title-shadow: none;--cls-comp-title-text: var(--cls-sys-text-primary);--cls-comp-thumb-grid-gap: var(--cls-sys-grid-gap);--cls-comp-categories-gap: var(--cls-sys-interactive-gap);--cls-comp-thumb-bg: var(--cls-sys-bg-panel);--cls-comp-thumb-bg-hover: var(--cls-sys-accent-default);--cls-comp-thumb-border: var(--cls-sys-border-light);--cls-comp-thumb-title: var(--cls-sys-text-primary);--cls-comp-thumb-title-hover: var(--cls-sys-accent-text);--cls-comp-thumb-cat-link: var(--cls-sys-text-primary);--cls-comp-thumb-date: var(--cls-sys-text-muted);--cls-comp-thumb-badge-bg: var(--cls-sys-bg-overlay);--cls-comp-thumb-badge-text: var(--cls-sys-text-badge);--cls-comp-info-bg: var(--cls-sys-bg-info);--cls-comp-info-border: var(--cls-sys-border-info);--cls-comp-info-shadow: var(--cls-sys-shadow-color);--cls-comp-info-text: var(--cls-sys-text-secondary);--cls-comp-info-error: #ffb6b6;--cls-comp-stats-border: var(--cls-sys-border-default);--cls-comp-stats-text: var(--cls-sys-text-primary);--cls-comp-stats-tag-bg: var(--cls-sys-bg-input);--cls-comp-stats-tag-bg-hover: var(--cls-sys-accent-default);--cls-comp-stats-tag-text-hover: var(--cls-sys-accent-text);--cls-comp-tag-list-border: var(--cls-sys-border-button);--cls-comp-tag-list-border-hover: var(--cls-sys-accent-hover);--cls-comp-tag-list-text: var(--cls-sys-text-bright);--cls-comp-tag-list-tag-bg: var(--cls-sys-bg-button);--cls-comp-tag-list-tag-bg-hover: var(--cls-sys-accent-default);--cls-comp-tag-list-tag-text-hover: var(--cls-sys-accent-text);--cls-comp-tag-list-gap: var(--cls-sys-interactive-gap);--cls-comp-modal-bg: var(--cls-sys-bg-page);--cls-comp-modal-header-bg: var(--cls-sys-bg-header-footer);--cls-comp-modal-header-text: var(--cls-sys-text-bright);--cls-comp-modal-close: var(--cls-ref-color-neutral-110);--cls-comp-modal-close-hover: var(--cls-sys-state-danger);--cls-comp-modal-padding: var(--cls-ref-spacing-3);--cls-comp-modal-header-height: 37px;--cls-comp-filter-gap: var(--cls-sys-interactive-gap);--cls-comp-pagination-gap: var(--cls-sys-interactive-gap);--cls-comp-flag-label-text: var(--cls-sys-text-secondary);--cls-comp-flag-input-bg: var(--cls-sys-bg-input);--cls-comp-flag-input-border: var(--cls-sys-border-input);--cls-comp-flag-input-border-focus: var(--cls-sys-border-focus);--cls-comp-flag-input-text: var(--cls-sys-text-input);--cls-comp-flag-success-text: var(--cls-sys-state-success);--cls-comp-flag-error-text: var(--cls-sys-state-error);--cls-comp-vote-like-bg: var(--cls-sys-feedback-positive);--cls-comp-vote-like-bg-hover: var(--cls-sys-feedback-positive-hover);--cls-comp-vote-dislike-bg: var(--cls-sys-feedback-negative);--cls-comp-vote-dislike-bg-hover: var(--cls-sys-feedback-negative-hover);--cls-comp-vote-info-bg: var(--cls-sys-bg-page);--cls-comp-vote-info-text: var(--cls-sys-text-primary);--cls-comp-vote-bar-height: 5px;--cls-comp-scrolltop-bg: rgba(0, 0, 0, .8);--cls-comp-scrolltop-bg-hover: var(--cls-ref-color-neutral-50);--cls-comp-scrolltop-icon: var(--cls-ref-color-neutral-150);--cls-comp-scrolltop-shadow: var(--cls-ref-shadow-md);--cls-comp-scrolltop-shadow-hover: var(--cls-ref-shadow-lg);--cls-comp-scrolltop-size: 40px;--cls-comp-scrolltop-radius: var(--cls-ref-radius-md);--cls-comp-preview-play-bg: rgba(10, 10, 10, .5);--cls-comp-preview-play-text: white;--cls-comp-preview-progress: var(--cls-sys-accent-default);--cls-comp-player-bg: var(--cls-ref-color-neutral-0);--cls-comp-player-progress: var(--cls-sys-accent-default);--cls-comp-layout-max-width: 1600px;--cls-comp-layout-content-max-width: 1600px}[data-theme^=dark]{--cls-comp-thumb-cat-link: var(--cls-sys-accent-default);--cls-comp-title-bg: var(--cls-sys-bg-panel);--cls-comp-title-gradient: var(--cls-sys-gradient-title);--cls-comp-title-border: var(--cls-sys-border-light);--cls-comp-title-shadow: var(--cls-sys-shadow-color)}:root{--font-family-base: "fira sans extra condensed", sans-serif}*,*:before,*:after{box-sizing:border-box}html{width:100%;height:100%;margin:0;padding:0;-webkit-text-size-adjust:none}body{display:flex;font-size:var(--cls-comp-body-font-size);background-color:var(--cls-comp-body-bg);width:100%;min-height:100%;font-family:var(--font-family-base),serif;color:var(--cls-comp-body-text);line-height:var(--cls-comp-body-line-height)}body.modal-open{overflow:hidden}input,button{font-family:var(--font-family-base),serif}input::placeholder{color:var(--cls-sys-text-placeholder);opacity:1}.app{display:flex;flex-direction:column;width:100%;min-height:100%}.wrapper{padding:0 5px}.wrapper_header{background-color:var(--cls-comp-wrapper-bg);border-bottom:1px solid var(--cls-comp-wrapper-border);box-shadow:var(--cls-comp-wrapper-shadow)}.wrapper_footer{background-color:var(--cls-comp-wrapper-bg);border-top:1px solid var(--cls-comp-wrapper-border);box-shadow:var(--cls-comp-wrapper-shadow);margin-top:30px}.wrapper_content{padding:0 5px;flex-grow:1}.content-box{width:100%;max-width:var(--cls-comp-layout-content-max-width);margin-left:auto;margin-right:auto;padding:0 5px}.content-box_btn{text-align:center;padding:20px 0}.content-box_pages{display:block;width:100%;margin-top:10px;margin-bottom:10px}@media screen and (min-width: 768px){.content-box_pages{display:flex;justify-content:space-between}}.content-box_video{display:block;background-color:var(--cls-comp-contentbox-video-bg);border-bottom:1px solid var(--cls-comp-contentbox-video-border);box-shadow:0 1px 0 0 var(--cls-sys-shadow-color)}@media screen and (min-width: 992px){.content-box_video{display:flex}}.content-box_margin-top{margin-top:20px}@media screen and (min-width: 992px){.content-box__left-col{flex-grow:1;border-right:1px solid var(--cls-sys-border-light)}}@media screen and (min-width: 992px){.content-box__right-col{width:300px;flex-shrink:0;text-align:center}}.content-box__right-col img{max-width:100%;height:auto}.page-header{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:var(--cls-comp-layout-max-width);padding:10px 0}@media screen and (min-width: 992px){.page-header{flex-direction:row;justify-content:flex-start;margin:0 auto}}.page-header_logo{display:block;max-width:300px}.page-header_logo-link{display:block;font-size:32px;line-height:33px;color:var(--cls-comp-header-logo-text);text-transform:uppercase;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-header_logo-color{color:var(--cls-comp-header-logo-accent);margin:0;padding:0;line-height:1px}.page-header__search-form{display:block;width:100%;max-width:600px;margin:10px 0 0}@media screen and (min-width: 992px){.page-header__search-form{margin:0 0 0 20px;flex-grow:1}}.page-footer{text-align:center;padding:10px 0}.page-footer__text{color:var(--cls-comp-footer-text)}.page-footer a{color:var(--cls-comp-footer-text);text-decoration:underline}.page-footer a:hover{color:var(--cls-comp-footer-link-hover)}.search-form{display:block;position:relative;width:100%}.search-form__input{background-color:var(--cls-comp-search-bg);color:var(--cls-comp-search-text);border:1px solid var(--cls-comp-search-border);text-transform:uppercase;padding:0 4%;outline:0;height:var(--cls-comp-search-height);width:100%;line-height:30px}.search-form__input:focus{border:1px solid var(--cls-comp-search-border-focus)}.search-form__submit{position:absolute;right:0;top:0;background:url(/static/svg/icon-search.svg) no-repeat center center;height:var(--cls-comp-search-height);width:40px;background-size:40% 40%;border:0}.btn{display:flex;align-items:center;justify-content:center;padding:.6rem .8rem;cursor:pointer;background-color:var(--cls-comp-btn-bg);border:1px solid var(--cls-comp-btn-border);color:var(--cls-comp-btn-text);line-height:1;font-size:1rem;font-family:var(--font-family-base),serif;text-align:center;text-transform:uppercase;text-decoration:none;outline:0;transition:var(--cls-comp-btn-transition);width:calc(100% - 10px)}@media screen and (min-width: 768px){.btn{width:auto}}.btn:focus,.btn:hover{background-color:var(--cls-comp-btn-bg-hover);border-color:var(--cls-comp-btn-border-hover);color:var(--cls-comp-btn-text-hover)}.btn-more{display:inline-block;padding:.8rem 1.2rem;cursor:pointer;border:1px solid var(--cls-comp-btnmore-border);background-color:var(--cls-comp-btnmore-bg);color:var(--cls-comp-btnmore-text);line-height:1.5;font-size:1rem;font-family:var(--font-family-base),serif;text-align:center;text-transform:uppercase;text-decoration:none;outline:0;transition:all .2s ease;width:calc(100% - 10px)}@media screen and (min-width: 768px){.btn-more{width:auto}}.btn-more:focus,.btn-more:hover{background-color:var(--cls-comp-btnmore-bg-hover);color:var(--cls-comp-btnmore-text-hover)}.btn-more:before{display:inline-block;height:1px;width:var(--cls-comp-btnmore-line-width);background:var(--cls-comp-btnmore-border);content:"";margin-right:20px;margin-bottom:5px}.btn-more:after{display:inline-block;height:1px;width:var(--cls-comp-btnmore-line-width);background:var(--cls-comp-btnmore-border);content:"";margin-left:20px;margin-bottom:5px}.info{background-color:var(--cls-comp-info-bg);border:1px solid var(--cls-comp-info-border);box-shadow:0 1px 0 0 var(--cls-comp-info-shadow);margin:1px 0;padding:10px;overflow:hidden;font-size:14px;line-height:20px;text-align:justify;color:var(--cls-comp-info-text)}.info__title{margin-top:0}.info p{margin:0}.info p+p{margin-top:14px}.info.info_single{margin:10px 0}.info_error{color:var(--cls-comp-info-error)}.title{color:var(--cls-comp-title-text);background:var(--cls-comp-title-bg) var(--cls-comp-title-gradient);border-bottom:1px solid var(--cls-comp-title-border);box-shadow:0 1px 0 0 var(--cls-comp-title-shadow);padding:10px}.title_h1{margin:0;font-size:26px;font-weight:400;line-height:28px}@media screen and (min-width: 992px){.title_h1{font-size:32px;line-height:34px}}.title_h2{margin:0;font-size:22px;font-weight:400;line-height:24px}@media screen and (min-width: 992px){.title_h2{font-size:28px;line-height:30px}}.menu{width:100%;margin:10px 0 0;overflow-x:auto}@media screen and (min-width: 992px){.menu{margin:0 0 0 20px;flex-grow:1;overflow-x:initial}}.menu__list{display:flex;justify-content:center;flex-wrap:wrap;list-style:none;margin:0;padding:0;width:100%;gap:var(--cls-comp-menu-gap)}@media screen and (min-width: 992px){.menu__list{flex-wrap:nowrap;justify-content:flex-start}}.menu__item{display:block;width:calc(50% - var(--cls-comp-menu-gap))}@media screen and (min-width: 560px){.menu__item{width:auto}}.menu__item a{display:flex;justify-content:center;border:1px solid var(--cls-comp-link-border);color:var(--cls-comp-link-text);font-size:14px;text-transform:uppercase;text-decoration:none;padding:5px 10px}.menu__item a:hover{background-color:var(--cls-comp-link-bg-hover);border-color:var(--cls-comp-link-border-hover);color:var(--cls-comp-link-text-hover);cursor:pointer}.menu__item_active a{background-color:var(--cls-comp-link-bg-hover);border-color:var(--cls-comp-link-border-hover);color:var(--cls-comp-link-text-hover)}.thumb-grid{display:flex;flex-wrap:wrap;justify-content:center;padding:0;margin:0;list-style:none;gap:var(--cls-comp-thumb-grid-gap)}.thumb-grid__item{width:100%}@media screen and (min-width: 470px){.thumb-grid__item{width:calc(50% - var(--cls-comp-thumb-grid-gap))}}@media screen and (min-width: 992px){.thumb-grid__item{width:calc(33.3333333333% - var(--cls-comp-thumb-grid-gap))}}@media screen and (min-width: 1400px){.thumb-grid__item{width:calc(25% - var(--cls-comp-thumb-grid-gap))}}@media screen and (min-width: 992px){.thumb-grid.-related .thumb-grid__item{width:100%!important}}.thumb-grid.-related .thumb-grid__item:last-child{margin-bottom:0}@media screen and (min-width: 470px) and (max-width: 991px){.thumb-grid.-related>:nth-child(5),.thumb-grid.-related>:nth-child(6){display:none}}@media screen and (min-width: 992px) and (max-width: 1599px){.thumb-grid.-related>:nth-child(4),.thumb-grid.-related>:nth-child(5),.thumb-grid.-related>:nth-child(6){display:none}}@media screen and (min-width: 1600px){.thumb-grid.-related>:nth-child(5),.thumb-grid.-related>:nth-child(6){display:none}}.thumb{overflow:hidden}.thumb:hover{background-color:var(--cls-comp-thumb-bg-hover)}.thumb:hover>.thumb__title{color:var(--cls-comp-thumb-title-hover)}.thumb:hover>.thumb__meta>.thumb__cat-link{color:var(--cls-comp-thumb-title-hover)}.thumb__link{display:block}.thumb__image{display:block;width:100%;height:auto}.thumb__title{display:block;padding:4px 0;color:var(--cls-comp-thumb-title);text-decoration:none;margin-bottom:1px}.thumb__title_category{font-size:14px;text-align:center;line-height:28px}@media screen and (min-width: 768px){.thumb__title_category{font-size:18px}}.thumb__title_movie{display:block;font-size:12px;text-align:center;line-height:1.5;height:2.3rem;padding:0 5px;white-space:normal;overflow:hidden;text-overflow:ellipsis}@media screen and (min-width: 768px){.thumb__title_movie{font-size:15px;height:2.8rem}}@supports (-webkit-line-clamp: 2){.thumb__title_movie{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}}.thumb__wrap{position:relative}.thumb__duration{position:absolute;right:2px;bottom:3px;margin:0;background:var(--cls-comp-thumb-badge-bg) url(/static/svg/icon-clock.svg) no-repeat 5px center;background-size:12px 12px;color:var(--cls-comp-thumb-badge-text);height:20px;line-height:20px;padding:0 5px 0 20px;overflow:hidden;font-size:12px;transition:left .1s ease-out,right .1s ease-out}.thumb__views{position:absolute;left:2px;bottom:3px;margin:0;background:var(--cls-comp-thumb-badge-bg) url(/static/svg/icon-eye.svg) no-repeat 5px center;background-size:12px 12px;color:var(--cls-comp-thumb-badge-text);height:20px;line-height:20px;padding:0 5px 0 20px;overflow:hidden;font-size:12px;transition:left .1s ease-out,right .1s ease-out}.thumb__is-hd{position:absolute;right:2px;top:3px;margin:0;background:var(--cls-comp-thumb-badge-bg);color:var(--cls-comp-thumb-badge-text);height:20px;line-height:20px;padding:0 5px;overflow:hidden;font-size:12px;transition:left .1s ease-out,right .1s ease-out}.icon-is-hd{font-style:italic;font-weight:700;text-transform:uppercase}.thumb__videos{position:absolute;right:2px;top:3px;background:var(--cls-comp-thumb-badge-bg) url(/static/svg/icon-movie.svg) no-repeat 5px center;background-size:12px 12px;color:var(--cls-comp-thumb-badge-text);height:20px;line-height:20px;padding:0 5px 0 20px;overflow:hidden;font-size:12px}.thumb__meta{padding:0 5px;text-align:left;line-height:1.2}.thumb__cat-link{font-size:12px;text-decoration:none;color:var(--cls-comp-thumb-cat-link)}.thumb__date{display:inline-block;float:right;color:var(--cls-comp-thumb-date);font-size:12px}.thumb:hover .thumb__views{left:-70px}.thumb:hover .thumb__duration,.thumb:hover .thumb__is-hd{right:-70px}.thumb__video{position:absolute;top:0;left:0;display:block;width:100%;height:auto;border-top:1px solid var(--cls-comp-thumb-bg)}.categories{max-width:1600px;margin-left:auto;margin-right:auto;margin-top:20px}.categories__list{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0;padding:0;gap:var(--cls-comp-categories-gap)}.categories__item{flex-grow:1;width:calc(50% - var(--cls-comp-categories-gap));max-width:50%;list-style:none;overflow:hidden}@media screen and (min-width: 768px){.categories__item{width:calc(33.3333333333% - var(--cls-comp-categories-gap));max-width:33.3333333333%}}@media screen and (min-width: 992px){.categories__item{width:calc(25% - var(--cls-comp-categories-gap));max-width:25%}}@media screen and (min-width: 1400px){.categories__item{width:calc(20% - var(--cls-comp-categories-gap));max-width:20%}}.categories__link{display:block;padding:8px 10px;border:1px solid var(--cls-comp-link-border);text-transform:uppercase;text-align:center;line-height:1;font-size:.875rem;background:var(--cls-comp-link-bg);color:var(--cls-comp-link-text);text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.categories__link.active,.categories__link:hover,.categories__link:focus,.categories__link:active{background-color:var(--cls-comp-link-bg-hover);border-color:var(--cls-comp-link-border-hover);color:var(--cls-comp-link-text-hover)}.filter{display:flex;justify-content:center;list-style:none;margin:10px 0;padding:0;gap:var(--cls-comp-filter-gap)}.filter__item{width:50%;height:41px}@media screen and (min-width: 768px){.filter__item{width:auto}}@supports not (gap: 5px){.filter__item{margin-right:var(--cls-comp-filter-gap)}}@supports not (gap: 5px){.filter__item:last-child{margin-right:0}}@media screen and (min-width: 768px){.filter_top{width:auto;justify-content:flex-start}}.filter_bottom{display:none}@media screen and (min-width: 768px){.filter_bottom{display:flex;width:auto;justify-content:flex-start}}.filter__link{display:block;background-color:var(--cls-comp-link-bg);color:var(--cls-comp-link-text);font-size:16px;line-height:41px;padding:0 15px;text-decoration:none;transition:all .3s ease;border:1px solid var(--cls-comp-link-border);text-align:center}@media screen and (min-width: 768px){.filter__link{text-align:left}}.filter__link:hover{background-color:var(--cls-comp-link-bg-hover);border:1px solid var(--cls-sys-accent-hover);color:var(--cls-comp-link-text-hover)}.filter__link_active,.filter__item.filter__item_active>a,.filter__item.filter__item_active>span{background-color:var(--cls-comp-link-bg-hover);border:1px solid var(--cls-sys-accent-hover);color:var(--cls-comp-link-text-hover)}.pagination-container{padding:10px 5px}.pagination{display:flex;justify-content:flex-end;flex-grow:1;margin:10px 0;padding:0;list-style:none;text-align:center;gap:var(--cls-comp-pagination-gap)}@supports not (gap: 5px){.pagination__item+.pagination__item{margin-left:var(--cls-comp-pagination-gap);margin-bottom:var(--cls-comp-pagination-gap)}}.pagination_top{display:none}@media screen and (min-width: 768px){.pagination_top{display:flex}}.pagination__item{flex-grow:1;overflow:hidden}@media (min-width: 768px){.pagination__item{flex-grow:0}}.pagination__item.first,.pagination__item.last{display:none}@media (min-width: 992px){.pagination__item.first,.pagination__item.last{display:block}}.pagination__item.delta2{display:none}@media (min-width: 470px){.pagination__item.delta2{display:block}}.pagination__item.delta3{display:none}@media (min-width: 640px){.pagination__item.delta3{display:block}}.pagination__item.delta4{display:none}@media (min-width: 992px){.pagination__item.delta4{display:block}}.pagination__link{position:relative;display:block;padding:.6rem 1rem;text-decoration:none;border:1px solid var(--cls-comp-link-border);line-height:1.25;background-color:var(--cls-comp-link-bg);color:var(--cls-comp-link-text);font-size:16px}.pagination__item.disabled .pagination__link{pointer-events:none;cursor:not-allowed}.pagination__item.dots{flex-grow:0}.pagination__item.dots .pagination__link{padding:.6rem .4rem;background:0;border:0;font-size:14px;font-weight:400;color:var(--cls-sys-text-faint);box-shadow:none;letter-spacing:2px}.pagination__item.active .pagination__link{text-decoration:none;background:var(--cls-comp-link-bg-hover);color:var(--cls-comp-link-text-hover)}.pagination__link:hover,.pagination__link:active,.pagination__link:focus{text-decoration:none;background:var(--cls-comp-link-bg-hover);color:var(--cls-comp-link-text-hover)}.video__meta{margin-top:10px}.video__meta_rating{display:flex;flex-wrap:wrap;padding-bottom:0}@media screen and (min-width: 768px){.video__meta_rating{flex-wrap:nowrap}}.video__stats-box{display:flex;flex-grow:2;border:1px solid var(--cls-comp-stats-border);width:100%;margin-top:10px}@media screen and (min-width: 768px){.video__stats-box{max-width:65%;margin-top:0;margin-left:10px}}.video__stats-item{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-grow:1;padding:5px;font-size:14px;line-height:1.5;text-align:center;border-right:1px solid var(--cls-comp-stats-border)}@media screen and (min-width: 768px){.video__stats-item{padding:0 13px}}.video__stats-item:last-child{border:0}.video__stats-box img{display:inline-block;margin:0 5px}.video__stats-item span{color:var(--cls-comp-stats-text)}.video{width:calc(100% + 10px);position:relative;background:var(--cls-comp-player-bg);aspect-ratio:16/9;max-width:177.7777777778dvh;margin-left:-5px}@media (orientation: landscape){.video{width:auto;height:100%;max-height:100dvh;margin:0 auto}}@media screen and (min-width: 992px){.video{width:100%;max-width:100%;height:auto;margin:0}}.video>iframe{display:block;width:100%;height:100%;border:none;object-fit:cover}@supports not (aspect-ratio: 16/9){.video>iframe{position:absolute;top:0;left:0}}@supports not (aspect-ratio: 16/9){.video{height:0;padding-top:56.25%}}.tag-list{display:flex;flex-wrap:wrap;list-style:none;margin-top:10px;padding:0;gap:var(--cls-comp-tag-list-gap)}@supports not (gap: 5px){.tag-list{margin-left:var(--cls-comp-tag-list-gap);margin-bottom:var(--cls-comp-tag-list-gap)}}.tag-list__tag{font-size:14px;height:25px;line-height:25px}.tag-list__tag a{display:block;padding:0 10px;border:1px solid var(--cls-comp-tag-list-border);background:var(--cls-comp-tag-list-tag-bg);color:var(--cls-comp-tag-list-text);text-decoration:none}.tag-list__tag a:hover{border:1px solid var(--cls-comp-tag-list-border-hover);background:var(--cls-comp-tag-list-tag-bg-hover);color:var(--cls-comp-tag-list-tag-text-hover)}.d-none{display:none}@media screen and (min-width: 992px){.d-lg-none{display:none!important}}@media screen and (min-width: 992px){.d-lg-block{display:block!important}}.d-block{display:block}.vote-box{display:flex;flex-grow:1;height:60px;width:100%}@media screen and (min-width: 768px){.vote-box{max-width:35%}}.vote-box__vote{height:100%;width:20%}.vote-box__vote.-like{background:var(--cls-comp-vote-like-bg) url(/static/svg/icon-like.svg) no-repeat center center;background-size:auto 50%}.vote-box__vote.-like:hover{background-color:var(--cls-comp-vote-like-bg-hover);cursor:pointer}.vote-box__vote.-dislike{background:var(--cls-comp-vote-dislike-bg) url(/static/svg/icon-like.svg) no-repeat center center;background-size:auto 50%;transform:rotate(180deg)}.vote-box__vote.-dislike:hover{background-color:var(--cls-comp-vote-dislike-bg-hover);cursor:pointer}.vote-box__vote.disabled{opacity:.8}.vote-box__vote.disabled:hover{cursor:not-allowed}.vote-box__vote-info{width:60%;text-align:center;color:var(--cls-comp-vote-info-text);height:100%;font-size:16px;vertical-align:top;padding:15px 10px 0;background-color:var(--cls-comp-vote-info-bg)}.vote-box__bar{background-color:var(--cls-comp-vote-dislike-bg);height:var(--cls-comp-vote-bar-height);width:100%;margin-top:3px}.vote-box__progress{background-color:var(--cls-comp-vote-like-bg);height:var(--cls-comp-vote-bar-height)}.fake-progress{position:absolute;height:2px;width:100%;left:0;margin-bottom:0;right:0;top:0;background:var(--cls-sys-shadow-color)}.fake-progress__bar{background:var(--cls-comp-preview-progress);height:2px;width:0;animation-delay:.1s;animation-name:previewloadprogress;animation-duration:3s;animation-timing-function:ease-out}@keyframes previewloadprogress{0%{width:0}to{width:100%}}.scroll-to-top{display:flex;align-items:center;justify-content:center;position:fixed;bottom:40px;right:10px;width:var(--cls-comp-scrolltop-size);height:var(--cls-comp-scrolltop-size);padding:5px;background:var(--cls-comp-scrolltop-bg);box-shadow:var(--cls-comp-scrolltop-shadow);border-radius:var(--cls-comp-scrolltop-radius);font-size:1.5rem;line-height:1;color:var(--cls-comp-scrolltop-icon);text-decoration:none;outline:0;opacity:0;visibility:hidden;overflow:hidden;transition:opacity .3s 0s,visibility 0s .3s,background-color .3s 0s;z-index:999}@media only screen and (min-width: 768px){.scroll-to-top{right:20px;bottom:20px}}@media only screen and (min-width: 992px){.scroll-to-top{width:56px;height:56px;padding:8px;font-size:2rem}}.scroll-to-top.-show,.scroll-to-top:hover{transition:opacity .3s 0s,visibility 0s 0s,background-color .3s 0s}.scroll-to-top:hover{background-color:var(--cls-comp-scrolltop-bg-hover);box-shadow:var(--cls-comp-scrolltop-shadow-hover);cursor:pointer;opacity:1}.scroll-to-top.-show{visibility:visible;opacity:.6}.scroll-to-top>img,.scroll-to-top>i{display:block;max-width:100%;height:auto;object-fit:contain}.flag-form__row{margin-bottom:10px}.flag-form__label{display:block;margin-bottom:3px;font-size:.875rem;color:var(--cls-comp-flag-label-text)}.flag-form__input,.flag-form__textarea{background:var(--cls-comp-flag-input-bg);border:1px solid var(--cls-comp-flag-input-border);padding:7px 12px;height:100%;width:100%;color:var(--cls-comp-flag-input-text);font-size:.875rem;line-height:1;outline:0;transition:box-shadow .2s ease}.flag-form__input:focus,.flag-form__textarea:focus{border:1px solid var(--cls-comp-flag-input-border-focus)}.flag-form__textarea{max-width:100%;min-height:2.125rem}.flag-form__btn{box-shadow:none;margin-left:.5rem}.flag-form__btn:focus,.flag-form__btn:active{box-shadow:none}.flag-form__btn:active:focus{box-shadow:none!important}.flag-form__footer{display:flex;justify-content:flex-end}.flag-form__reported-message{color:var(--cls-comp-flag-success-text)}.flag-form-errors__message{color:var(--cls-comp-flag-error-text)}.flag-modal{background-color:var(--cls-comp-modal-bg)}.flag-modal__header{display:flex;align-items:center;height:var(--cls-comp-modal-header-height);padding:4px 7px;justify-content:space-between;background-color:var(--cls-comp-modal-header-bg);color:var(--cls-comp-modal-header-text)}.flag-modal__title{margin:0;line-height:1}.flag-modal__body{padding:10px 7px}.flag-form-container{padding:10px}.flag-form-container.slide-leave-active{padding:0 10px}.flag-button:hover{cursor:pointer}.flag-reason-list{display:block;list-style:none;margin:0 0 10px;padding:0}.flag-reason-list .flag-reason-list{padding-left:20px}.flag-reason-list__reason{margin-bottom:5px}.flag-reason-list__label{display:inline-flex;align-items:center;margin:0;color:var(--cls-comp-flag-label-text)}.flag-reason-list__label:hover{cursor:pointer}.flag-reason-list__reason input[type=radio]+span{display:inline-block;margin-left:5px}.flag-reason-list__reason input[type=radio]:checked+span{font-weight:700}.close-modal{display:inline-block;border:0;background:none;margin:0 0 0 auto;padding:5px;line-height:1;outline:0;fill:var(--cls-comp-modal-close)}.close-modal:hover{cursor:pointer;fill:var(--cls-comp-modal-close-hover)}.close-modal:focus{outline:none}.close-modal>svg{display:inline-block;width:1.6rem;vertical-align:middle}.video-preview{position:relative}.video-preview video{position:absolute;display:none;top:0;left:0;width:100%;height:100%;z-index:9}.video-preview video::-webkit-media-controls{display:none!important}.video-preview.--play video{display:block}.video-preview__play{display:flex;align-items:center;justify-content:center;position:absolute;top:3px;left:3px;width:25px;height:25px;padding:2px;background:var(--cls-comp-preview-play-bg);border-radius:3px;font-size:1.1rem;line-height:1;color:var(--cls-comp-preview-play-text);opacity:.6;z-index:10}@media screen and (min-width: 992px){.video-preview__play{display:none}}.video-preview__play i,.video-preview__play img{display:block;margin:0;width:100%;max-width:100%;height:auto;font-size:20px;line-height:20px}.modal-overlay[data-v-0fe5ca3b]{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;z-index:1000;background:#000c;outline:none;overflow-y:auto;padding:20px 0}.modal-container[data-v-0fe5ca3b]{position:relative;background:transparent;margin:auto 15px;text-align:left}.modal-enter-active[data-v-0fe5ca3b],.modal-leave-active[data-v-0fe5ca3b]{transition:opacity .2s ease}.modal-enter-active .modal-container[data-v-0fe5ca3b],.modal-leave-active .modal-container[data-v-0fe5ca3b]{transition:transform .2s ease}.modal-enter[data-v-0fe5ca3b],.modal-leave-to[data-v-0fe5ca3b]{opacity:0}.modal-enter .modal-container[data-v-0fe5ca3b],.modal-leave-to .modal-container[data-v-0fe5ca3b]{transform:translateY(-20px)}:root{--cls-comp-themeswitcher-gear-bg: rgba(0, 0, 0, .8);--cls-comp-themeswitcher-gear-bg-hover: var(--cls-ref-color-neutral-50);--cls-comp-themeswitcher-gear-icon: var(--cls-ref-color-neutral-150);--cls-comp-themeswitcher-gear-size: 40px;--cls-comp-themeswitcher-gear-radius: var(--cls-ref-radius-md);--cls-comp-themeswitcher-panel-bg: var(--cls-sys-bg-panel);--cls-comp-themeswitcher-panel-border: var(--cls-sys-border-default);--cls-comp-themeswitcher-panel-shadow: var(--cls-ref-shadow-lg);--cls-comp-themeswitcher-panel-width: 64px;--cls-comp-themeswitcher-swatch-size: 32px;--cls-comp-themeswitcher-swatch-radius: var(--cls-ref-radius-sm);--cls-comp-themeswitcher-swatch-active-border: var(--cls-sys-accent-default);--cls-comp-themeswitcher-swatch-active-width: 2px}.theme-switcher{position:fixed;top:50%;right:0;transform:translateY(-50%);z-index:998}.theme-switcher__gear{display:flex;align-items:center;justify-content:center;width:var(--cls-comp-themeswitcher-gear-size);height:var(--cls-comp-themeswitcher-gear-size);padding:6px;background:var(--cls-comp-themeswitcher-gear-bg);border:none;border-radius:var(--cls-comp-themeswitcher-gear-radius) 0 0 var(--cls-comp-themeswitcher-gear-radius);cursor:pointer;transition:background-color var(--cls-ref-duration-normal) var(--cls-ref-easing-default)}.theme-switcher__gear>img{display:block;width:100%;height:100%;object-fit:contain;color:var(--cls-comp-themeswitcher-gear-icon)}.theme-switcher__gear:hover{background-color:var(--cls-comp-themeswitcher-gear-bg-hover)}.theme-switcher__panel{position:absolute;top:50%;right:0;transform:translateY(-50%) translate(100%);width:var(--cls-comp-themeswitcher-panel-width);padding:8px;background:var(--cls-comp-themeswitcher-panel-bg);border:1px solid var(--cls-comp-themeswitcher-panel-border);border-radius:var(--cls-comp-themeswitcher-gear-radius) 0 0 var(--cls-comp-themeswitcher-gear-radius);box-shadow:var(--cls-comp-themeswitcher-panel-shadow);opacity:0;visibility:hidden;transition:transform var(--cls-ref-duration-slow) var(--cls-ref-easing-default),opacity var(--cls-ref-duration-slow) var(--cls-ref-easing-default),visibility 0s var(--cls-ref-duration-slow);z-index:1000}.theme-switcher__panel.-open{transform:translateY(-50%) translate(0);opacity:1;visibility:visible;transition:transform var(--cls-ref-duration-slow) var(--cls-ref-easing-default),opacity var(--cls-ref-duration-slow) var(--cls-ref-easing-default),visibility 0s 0s}.theme-switcher__swatches{display:flex;flex-direction:column;gap:8px;align-items:center}.theme-switcher__swatch{width:var(--cls-comp-themeswitcher-swatch-size);height:var(--cls-comp-themeswitcher-swatch-size);border:2px solid transparent;border-radius:var(--cls-comp-themeswitcher-swatch-radius);cursor:pointer;position:relative;overflow:hidden;background:var(--swatch-bg);transition:border-color var(--cls-ref-duration-normal) var(--cls-ref-easing-default)}.theme-switcher__swatch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom right,transparent 50%,var(--swatch-half) 50%)}.theme-switcher__swatch:hover{opacity:.85}.theme-switcher__swatch.-active{border-color:var(--cls-comp-themeswitcher-swatch-active-border);border-width:var(--cls-comp-themeswitcher-swatch-active-width)}