@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";:root{--f-family: "Rubik", sans-serif;--f-optical-sizing: auto;--f-weight: 400;--f-style: normal;--tap-bg: rgba(0, 0, 0, 0);--selection: rgba(0, 0, 0, .2);--noimage-bg: rgb(189, 189, 189);--z-index-bg: 1;--z-index-content: 100;--z-index-nav: 200;--border-radius: 4px;--sidebar-width: 240px;--sidebar-width-short: 70px;--sidebar-mobile-h: 64px;--global-padding: 15px;--animation-ms-s: .15s;--animation-ms-m: .2s;--sk-bg-color: linear-gradient(60deg, #1e1e1e, #1d1d1d);--sk-nav-bg-color: linear-gradient(60deg, #1e1e1e, #212121, #1e1e1e, #212121);--sk-nav-border: 1px solid #363636;--sk-nav-bg-img: url(/pictures/img/duesseldorf.svg) no-repeat bottom / contain;--sk-nav-animation: gradientAnimation 100s infinite;--sk-nav-bg-filter: blur(4px);--sk-text-color: rgba(255, 255, 255, 1);--sk-low-text-color: rgba(255, 255, 255, .6);--sk-target-link-bg-color: transparent;--sk-target-link-bg-hover-color: rgba(255, 255, 255, .1);--sk-navi-link-bg-color: transparent;--sk-navi-link-bg-hover-color: rgba(255, 255, 255, .1);--sk-navi-link-bg-active-color: linear-gradient(60deg, rgba(62, 255, 187, .5), rgba(62, 210, 255, .5), rgba(62, 255, 187, .5), rgba(62, 210, 255, .5));--sk-separator: rgba(255, 255, 255, .2);--sk-lang-text-color: rgba(255, 255, 255, 1);--sk-lang-text-low-color: rgba(255, 255, 255, .6);--sk-lang-text-active-color: rgba(255, 99, 71, 1);--sk-switcher-main-color: rgba(255, 255, 255, .6);--sk-switcher-mode-1-color: rgba(219, 198, 116, 1);--sk-switcher-mode-2-color: rgba(255, 255, 255, .8);--sk-empty-bg: linear-gradient(30deg, #62D9F4, #1ECC86);--sk-popup-bg: linear-gradient(60deg, #1e1e1e, #212121, #1e1e1e, #212121);--sk-popup-border: 1px solid #363636;--h2: 24px;--h3: 18px;--h4: 16px;--h5: 14px;--h6: 12px}[data-scheme=winter]{--selection: rgba(255, 255, 255, .2);--sk-bg-color: linear-gradient(60deg, #005CA7, #2D5399);--sk-nav-bg-color: linear-gradient(60deg, rgba(80, 144, 191, .5), rgba(0, 92, 167, .5), rgba(45, 83, 153, .5), rgba(0, 53, 89, .5));--sk-nav-border: 1px solid rgba(255, 255, 255, .1);--sk-nav-bg-img: url(/pictures/img/duesseldorf.svg) no-repeat bottom / contain;--sk-nav-animation: gradientAnimation 100s infinite;--sk-nav-bg-filter: blur(4px);--sk-text-color: rgba(255, 255, 255, 1);--sk-low-text-color: rgba(255, 255, 255, .6);--sk-target-link-bg-color: transparent;--sk-target-link-bg-hover-color: rgba(255, 255, 255, .1);--sk-navi-link-bg-color: transparent;--sk-navi-link-bg-hover-color: rgba(255, 255, 255, .1);--sk-navi-link-bg-active-color: linear-gradient(60deg, rgba(62, 255, 187, .5), rgba(62, 210, 255, .5), rgba(62, 255, 187, .5), rgba(62, 210, 255, .5));--sk-separator: rgba(255, 255, 255, .2);--sk-lang-text-color: rgba(255, 255, 255, 1);--sk-lang-text-low-color: rgba(255, 255, 255, .6);--sk-lang-text-active-color: rgba(255, 99, 71, 1);--sk-switcher-main-color: rgba(255, 255, 255, .6);--sk-switcher-mode-1-color: rgba(219, 198, 116, 1);--sk-switcher-mode-2-color: rgba(255, 255, 255, .8);--sk-empty-bg: linear-gradient(30deg, #62D9F4, #1ECC86);--sk-popup-bg: linear-gradient(60deg, #0079a7, #2D5399);--sk-popup-border: 1px solid rgba(255, 255, 255, .2)}[data-scheme=dark]{--selection: rgba(255, 255, 255, .2);--sk-bg-color: linear-gradient(60deg, #1e1e1e, #111111);--sk-nav-bg-color: linear-gradient(60deg, #1e1e1e, #212121, #1e1e1e, #212121);--sk-nav-border: 1px solid #363636;--sk-nav-bg-img: url(/pictures/img/duesseldorf.svg) no-repeat bottom / contain;--sk-nav-animation: gradientAnimation 100s infinite;--sk-nav-bg-filter: none;--sk-text-color: rgba(255, 255, 255, 1);--sk-low-text-color: rgba(255, 255, 255, .6);--sk-target-link-bg-color: transparent;--sk-target-link-bg-hover-color: rgba(255, 255, 255, .1);--sk-navi-link-bg-color: transparent;--sk-navi-link-bg-hover-color: rgba(255, 255, 255, .1);--sk-navi-link-bg-active-color: linear-gradient(60deg, rgba(62, 255, 187, .5), rgba(62, 210, 255, .5), rgba(62, 255, 187, .5), rgba(62, 210, 255, .5));--sk-separator: rgba(255, 255, 255, .2);--sk-lang-text-color: rgba(255, 255, 255, 1);--sk-lang-text-low-color: rgba(255, 255, 255, .6);--sk-lang-text-active-color: rgba(255, 99, 71, 1);--sk-switcher-main-color: rgba(255, 255, 255, .6);--sk-switcher-mode-1-color: rgba(219, 198, 116, 1);--sk-switcher-mode-2-color: rgba(255, 255, 255, .8);--sk-empty-bg: linear-gradient(30deg, #17363D, #0C4F34);--sk-popup-bg: linear-gradient(60deg, #1e1e1e, #212121, #1e1e1e, #212121);--sk-popup-border: 1px solid #363636}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes storm{0%{transform:translate(-2px)}25%{transform:translate(2px)}50%{transform:translate(-2px)}75%{transform:translate(2px)}to{transform:translate(0)}}@keyframes rubber{0%{transform:scale(1)}25%{transform:scale(.8)}50%{transform:scale(1.2)}75%{transform:scale(.9)}to{transform:scale(1)}}*{box-sizing:border-box;scroll-behavior:smooth;-webkit-tap-highlight-color:var(--tap-bg)}html{font-family:var(--f-family);font-size:12px;font-style:var(--f-style);font-weight:var(--f-weight);color:var(--text-color)}::selection{text-shadow:none;background-color:var(--selection)}html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,code,del,dfn,em,img,q,s,samp,small,strong,sub,sup,tt,var,b,u,i,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,main,nav,output,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;margin:0}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}body{line-height:1.15}h1{margin:0;font-size:2em}a{background-color:transparent}b,strong{font-weight:500}small{font-size:80%}figure{margin:1em 40px}img{border-style:none}button,[type=button],[type=reset],[type=submit]{cursor:pointer}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto}[hidden]{display:none}[clear]{clear:both}*,*:before,*:after{box-sizing:border-box}hr{display:block;margin:1em 0;border:0;border-top:1px solid #ccc;padding:0;height:1px}button,input{outline:none}._unuse{-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;pointer-events:none;user-select:none;cursor:none}._untouch{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none}._unselect{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{background:var(--sk-bg-color)}#wrapper{position:relative;min-width:320px;min-height:100lvh}@media (max-width: 1960px){#wrapper{display:grid;grid-template-columns:250px auto;transition:grid-template-columns var(--animation-ms-m) ease-in-out}[data-sidebar=short] #wrapper{grid-template-columns:80px auto}[data-devices=mobile] #wrapper{display:grid;grid-template-columns:auto}}.app{position:relative;z-index:var(--z-index-content);min-height:100vh;width:100%;display:flex;align-items:flex-start;justify-content:center}.app-container{margin:0 260px;padding:90px 0 5px;max-width:1440px;width:100%;min-height:100lvh}[data-devices=mobile] .app-container{margin:0 10px;padding:70px 0 calc(var(--sidebar-mobile-h) + 10px) 0}.main{padding:10px 10px 0;width:100%;min-height:calc(100lvh - 95px)}[data-devices=mobile] .main{padding:0 5px;min-height:calc(100lvh - 144px)}@media (max-width: 1960px){.app{transition:margin var(--animation-ms-m) ease-in-out}.app-container{margin:0 10px}}.lang__code{z-index:0;position:relative;overflow:hidden;margin:2px;width:26px;height:24px;display:flex;align-items:center;justify-content:center;font-size:var(--h5);color:var(--sk-lang-text-low-color);transition:transform var(--animation-ms-s) cubic-bezier(.075,.82,.165,1);cursor:pointer}.lang__code:active{transform:translateY(-2px)}.lang__code:after{z-index:-1;content:"";position:absolute;top:0;bottom:0;right:0;left:0;border-radius:2px;background-color:var(--sk-lang-text-active-color);transform:translateY(102%);transition:transform var(--animation-ms-s) ease-out}.lang__code.lang__code_active{color:var(--sk-lang-text-color);pointer-events:none;cursor:pointer}.lang__code.lang__code_active:after{transform:translateY(0)}@media (hover:hover){.lang__code:hover:after{transform:translateY(0)}.lang__code:not(.lang__code_active):hover{color:var(--sk-lang-text-color)}}@media (hover:none){.lang__code:active:after{transform:translateY(0)}.lang__code:not(.lang__code_active):active{color:var(--sk-lang-text-color)}}.lang{display:flex;height:max-content}.logo{height:100%;display:flex;align-items:center;justify-content:start;cursor:pointer}.logo-pic{height:inherit;width:auto}.logo-title{margin:0 10px;height:inherit;width:auto}.header{z-index:var(--z-index-nav);position:fixed;top:5px;left:10px;right:10px;padding:15px;height:80px;border-radius:var(--border-radius);border:var(--sk-nav-border);background:var(--sk-nav-bg-color);background-size:300%;-webkit-backdrop-filter:var(--sk-nav-bg-filter);backdrop-filter:var(--sk-nav-bg-filter);animation:var(--sk-nav-animation);display:grid;grid-template-columns:auto 1fr}.header__top{height:100%;display:flex;justify-content:center;align-items:center}.header_bottom{height:100%;display:flex;justify-content:flex-end;align-items:center}.social-item{overflow:hidden;padding:8px 10px;width:calc(var(--sidebar-width) - 2 * var(--global-padding));height:36px;border-radius:var(--border-radius);cursor:pointer;opacity:.7;background-color:var(--sk-target-link-bg-color);transition:opacity var(--animation-ms-s) ease-in-out,background-color var(--animation-ms-s) ease-in-out,width var(--animation-ms-s) ease-in-out}.target-link{width:100%;height:100%;display:flex;align-items:center;justify-content:start;text-decoration:none}.target-link__box{margin-right:10px;width:20px;height:20px}.target-link__title{text-transform:capitalize;font-weight:400;font-size:var(--h4);color:var(--sk-text-color);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}[data-sidebar=short] .social-item{width:calc(var(--sidebar-width-short) - 2 * var(--global-padding))}[data-sidebar=short] .target-link__title{display:none}[data-sidebar=short] .target-link__box{margin-right:0}@media (hover: hover){.social-item:hover{opacity:1;background-color:var(--sk-target-link-bg-hover-color)}[data-sidebar=short] .social-item:hover .target-link__box{animation:storm var(--animation-ms-s) ease-in-out}}@media (hover: none){.social-item:active{opacity:1;background-color:var(--sk-target-link-bg-hover-color)}}.icon-box{object-fit:contain}.icon-pic{flex:0 0 auto;width:max-content;height:auto}.social,.social__list{width:100%}.navigation__item{overflow:hidden;margin:2px 0;padding:8px 10px;width:calc(var(--sidebar-width) - 2 * var(--global-padding));height:36px;border-radius:var(--border-radius);cursor:pointer;background:var(--sk-navi-link-bg-color);transition:opacity var(--animation-ms-s) ease-in-out,background-color var(--animation-ms-s) ease-in-out,width var(--animation-ms-s) ease-in-out}.navigation__item.navigation__item_active{background:var(--sk-navi-link-bg-active-color)}.navi-link{display:flex;align-items:center;justify-content:start;text-decoration:none}.navi-link__box{margin-right:10px;width:20px;height:20px}.navi-link__title{text-transform:capitalize;font-weight:400;font-size:var(--h4);color:var(--sk-text-color);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}[data-sidebar=short] .navigation__item{width:calc(var(--sidebar-width-short) - 2 * var(--global-padding))}[data-sidebar=short] .navi-link__title{display:none}[data-sidebar=short] .navi-link__box{margin-right:0}@media (hover: hover){.navigation__item:not(.navigation__item_active):hover{background:var(--sk-navi-link-bg-hover-color)}[data-sidebar=short] .navigation__item:hover .navi-link__box{animation:storm var(--animation-ms-s) ease-in-out}}@media (hover: none){.navigation__item:not(.navigation__item_active):active{background:var(--sk-navi-link-bg-hover-color)}.navigation__item:active .navi-link__box{animation:storm var(--animation-ms-s) ease-in-out}}.navigation,.navigation__list{width:100%}.burger-box{border-radius:var(--border-radius);background-color:transparent;cursor:pointer;transition:background-color var(--animation-ms-s) ease-in-out}.burger{position:relative;top:calc(50% - 1px)}.burger,.burger:after,.burger:before{height:3px;width:100%;background-color:#fff9;border-radius:1px}.burger:after,.burger:before{content:"";position:absolute}.burger:after{top:8px}.burger:before{top:-8px}@media (hover: hover) and (pointer: fine){.burger-box:hover{background-color:#ffffff1a}.burger-box:hover .burger{animation:storm var(--animation-ms-s) ease-in-out}}@media (hover: none) and (pointer: coarse){.burger-box:active{background-color:#ffffff1a}.burger-box:active .burger{animation:storm var(--animation-ms-s) ease-in-out}}.tools{width:100%;height:40px;display:grid;grid-template-columns:40px 1fr auto}.tools-start{height:100%;display:flex;align-items:center;justify-content:center}.tools-middle{height:100%}.tools-end{height:100%;display:flex;align-items:center;justify-content:end}.tools__btn-menu{padding:6px;width:40px;height:40px}.switcher{width:40px;height:24px;padding:2px;border-radius:4px;border:2px solid var(--sk-switcher-main-color);cursor:pointer;transition:width var(--animation-ms-s) cubic-bezier(.895,.03,.685,.22)}.switcher__core{margin:0;width:16px;height:16px;border-radius:2px;background-color:var(--sk-switcher-main-color);transition:margin var(--animation-ms-s) cubic-bezier(.895,.03,.685,.22)}.switcher.switcher_mode_start .switcher__core{margin:0;background-color:var(--sk-switcher-mode-1-color)}.switcher.switcher_mode_end .switcher__core{margin:0 0 0 16px;background-color:var(--sk-switcher-mode-2-color)}@media (hover:hover){.switcher.__long{width:24px}.switcher.__long:hover{width:40px}.switcher.__long:hover.switcher_mode_end .switcher__core{margin:0 0 0 16px}.switcher.__long:not(:hover).switcher_mode_end .switcher__core{margin:0}.switcher:hover .switcher__core{animation:rubber var(--animation-ms-m) ease-in-out}}.sidebar{z-index:var(--z-index-nav);overflow:hidden;position:fixed;top:90px;left:10px;height:calc(100lvh - 95px);padding:var(--global-padding);width:var(--sidebar-width);border-radius:var(--border-radius);border:var(--sk-nav-border);background:var(--sk-nav-bg-color);background-size:300%;-webkit-backdrop-filter:var(--sk-nav-bg-filter);backdrop-filter:var(--sk-nav-bg-filter);animation:var(--sk-nav-animation);display:grid;grid-template-rows:1fr 30px;transition:width var(--animation-ms-m) ease-in-out}.sidebar:before{content:"";position:absolute;bottom:-2px;width:101%;height:200px;background:var(--sk-nav-bg-img);-webkit-user-select:none;user-select:none;pointer-events:none;transition:width var(--animation-ms-m) ease-in-out,height var(--animation-ms-m) ease-in-out}.sidebar-header{width:calc(var(--sidebar-width) - 2 * var(--global-padding));display:flex;flex-direction:column;align-items:start;justify-self:start}.sidebar-header__separator{margin:10px 0;width:calc(var(--sidebar-width) - 2 * var(--global-padding));height:2px;border-radius:2px;background-color:var(--sk-separator);transition:width var(--animation-ms-s) ease-in-out}.sidebar-footer{overflow:hidden;width:calc(var(--sidebar-width) - 2 * var(--global-padding));display:flex;align-items:flex-end;justify-content:start}.sidebar-footer__title{font-weight:400;font-size:var(--h6);color:var(--sk-low-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-sidebar=short] .sidebar{width:var(--sidebar-width-short)}[data-sidebar=short] .sidebar-header__separator{width:calc(var(--sidebar-width-short) - 2 * var(--global-padding))}[data-sidebar=short] .sidebar:before{height:65px}[data-sidebar=short] .sidebar-header,[data-sidebar=short] .sidebar-footer{width:calc(var(--sidebar-width-short) - 2 * var(--global-padding))}[data-sidebar=short] .sidebar-footer__title{display:none}@media (max-width: 1960px){.sidebar{position:sticky}}@media (min-width: 1025px){.burger-box:hover{background-color:#ffffff1a}.burger-box:hover .burger{animation:storm var(--animation-ms-s) ease-in-out}}@media (max-width: 1024px){.burger-box{background-color:#ffffff1a}}.page{width:100%;transition:opacity .2s ease-out,transform .2s ease-out;will-change:opacity,transform}.page-enter{opacity:0;transform:translateY(-10px)}.page-exit{opacity:1;transform:translateY(0)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .2s ease-out,transform .2s ease-out}.page-exit-active{opacity:0;transform:translateY(10px);transition:opacity .2s ease-out,transform .2s ease-out}.posters{width:100%;height:100%;display:grid;grid-template-columns:1fr 300px;grid-template-rows:auto 60px 1fr;grid-template-areas:"banner banner" "title title" "list sidebar";row-gap:20px;column-gap:20px}.posters-banner{position:relative;grid-area:banner;aspect-ratio:3/1;border-radius:var(--border-radius);background:var(--sk-empty-bg);filter:sepia(20%)}.posters-banner:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:var(--sk-empty-bg);filter:blur(30px);opacity:.5}.posters-title{grid-area:title;background:#0003}.posters-list{grid-area:list;min-height:400px;background:#0003}.posters-sidebar{grid-area:sidebar;min-height:200px;background:#0003}@media (max-width: 1440px){.posters{grid-template-columns:1fr 240px;grid-template-rows:auto 60px 1fr}}@media (max-width: 1024px){.posters{grid-template-columns:1fr;grid-template-rows:auto 60px auto auto;grid-template-areas:"banner" "title" "sidebar" "list";row-gap:10px;column-gap:10px}.posters-banner{aspect-ratio:5/2}}@media (max-width: 768px){.posters-banner{aspect-ratio:5/3}}.m-navigation__item{overflow:hidden;padding:5px;flex:0 1 100%;min-width:60px;width:auto;height:100%;cursor:pointer;opacity:.5;background:var(--sk-navi-link-bg-color);transition:opacity var(--animation-ms-s) ease-in-out,background-color var(--animation-ms-s) ease-in-out,width var(--animation-ms-s) ease-in-out}.m-navigation__item:nth-child(1){padding:5px 5px 5px 20px}.m-navigation__item.m-navigation__item_active{opacity:1}.m-navi-link{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-decoration:none}.m-navi-link__box{width:28px;height:28px}.m-navi-link__title{font-size:var(--h6);text-transform:capitalize;font-weight:500;color:var(--sk-text-color);margin:4px 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.m-navi-link__box .icon-pic{width:100%}@media (hover: hover){.m-navigation__item:not(.m-navigation__item_active):hover{background:var(--sk-navi-link-bg-hover-color)}.m-navigation__item:hover .m-navi-link__box{animation:storm var(--animation-ms-s) ease-in-out}}@media (hover: none){.m-navigation__item:not(.m-navigation__item_active):active{background:var(--sk-navi-link-bg-hover-color)}.m-navigation__item:active .m-navi-link__box{animation:storm var(--animation-ms-s) ease-in-out}}.m-navigation{width:100%;height:100%}.m-navigation__list{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.popup{z-index:var(--z-index-nav);overflow:hidden;position:fixed;bottom:calc(var(--sidebar-mobile-h) + 10px);margin:0 15px;padding:20px 10px 10px;width:calc(100% - 30px);height:auto;border:var(--sk-popup-border);border-radius:var(--border-radius);background:var(--sk-popup-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);visibility:hidden;pointer-events:none;transform:translate(-120%);transition:transform var(--animation-ms-s) ease-in,visibility var(--animation-ms-s) ease-in}.popup.popup__open{visibility:visible;pointer-events:auto;transform:translate(0)}.popup-manager{min-height:200px;display:flex;align-items:start;justify-content:space-between}.sidebar-mobile{z-index:var(--z-index-nav);overflow:hidden;position:fixed;bottom:0;left:0;right:0;height:var(--sidebar-mobile-h);border-top:var(--sk-nav-border);background:var(--sk-nav-bg-color);background-size:300%;-webkit-backdrop-filter:var(--sk-nav-bg-filter);backdrop-filter:var(--sk-nav-bg-filter);animation:var(--sk-nav-animation);border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.sidebar-mobile__container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.sidebar-mobile__btn-menu{padding:6px 29px 6px 14px;height:100%;aspect-ratio:1 / .8;background-color:transparent;border-radius:0;border-left:1px solid var(--sk-separator)}.screen{z-index:var(--z-index-bg);position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center}#canvasGridBG{width:100%;height:100lvh}
