@font-face{font-family:"Roboto";src:url("../fonts/Roboto-VariableFont_wdth,wght.ttf") format("truetype");font-weight:100 900;font-stretch:75% 125%;font-style:normal}@font-face{font-family:"Unbounded";src:url("../fonts/Unbounded-VariableFont_wght.ttf") format("truetype");font-weight:100 900;font-stretch:75% 125%;font-style:normal}:root{--font-family: "Roboto", sans-serif;--second-family: "Unbounded", sans-serif}body{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:var(--font-family);margin:0;padding:0;overflow-x:hidden;width:100%}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}.container{width:100%;position:relative;z-index:3;max-width:62.6666666667vw;margin:0 auto;height:100%}.App{position:fixed;inset:0;overflow:hidden;height:100%}.temp_wrapper{height:100%}#preloader{position:fixed;top:0;left:0;width:100vw;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:linear-gradient(211deg, #2f2659 47.6%, #6552bf 100%);z-index:9999}.spinner{width:60px;height:60px;border:6px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.hello{background:linear-gradient(211deg, #2f2659 47.6%, #6552bf 100%);width:100vw;height:100%;position:relative;overflow-y:auto;overflow-x:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hello .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5.3333333333vw;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.hello .container>*:first-child{margin-top:19.7333333333vw}.hello_title,.hello_title p{font-family:var(--second-family);font-weight:500;font-size:7.4666666667vw;line-height:128%;letter-spacing:-0.01em;text-transform:uppercase;text-align:center;color:#fff;margin:0}.hello_wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.8666666667vw}.hello_wrapper_logo{width:65.6vw;height:57.6vw}.hello_wrapper_desc{font-family:var(--second-family);font-weight:400;font-size:2.9333333333vw;line-height:115%;text-align:left;display:block;color:#fff;position:relative;left:2.1333333333vw;margin-top:-6.5%}.hello_snow{position:absolute;inset:0;z-index:1;-o-object-fit:cover;object-fit:cover;min-width:100vw;height:100%}.hello.finish .hello_logo{width:34.4vw;height:30.1333333333vw;margin-left:auto;margin-right:auto}.hello.finish .hello_title{display:block;max-width:100%;font-size:7.2vw;margin-top:10.6666666667vw}.hello.finish .container{max-width:80vw;row-gap:9.3333333333vw}.hello.finish .play_button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:500;font-size:4.8vw;color:#fff;text-decoration:none}.hello.finish .hello_wrapper{font-weight:600;font-size:3.7333333333vw;line-height:125%;text-align:center;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4vw}.hello.finish .hello_wrapper p{margin:0;font-weight:600;font-size:3.7333333333vw;line-height:125%;text-align:center;color:#fff}.hello.finish .hello_wrapper a{color:#fff}.hello.desktop .hello_title,.hello.desktop .hello_title p{font-size:2.5vw;line-height:128%;letter-spacing:-0.01em;text-align:center}.hello.desktop .hello_title{display:-webkit-box;display:-ms-flexbox;display:flex;margin:unset;-webkit-column-gap:.5vw;-moz-column-gap:.5vw;column-gap:.5vw}.hello.desktop .hello_wrapper_logo{width:17.9vw;height:16.15vw}.hello.desktop .container{max-width:100%;row-gap:3.65vw;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hello.desktop .hello_wrapper_desc{font-size:.8vw;left:.6vw}.hello.desktop .hello_wrapper{gap:.25vw;margin-bottom:5vw}.hello.desktop .play_button{font-size:.9vw;background:-webkit-gradient(linear, left top, left bottom, from(#8066bd), to(#6d49c2));background:linear-gradient(180deg, #8066bd 0%, #6d49c2 100%);border:.05vw solid #fff;border-radius:4.25vw;padding:.75vw 4.3vw;width:100%;height:auto;white-space:nowrap;margin:unset;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;cursor:pointer}.hello.desktop .hello_inner{margin-top:unset;border-radius:2.5vw;width:43.4vw;height:40vw;background:#402a6e;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:1.55vw;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hello.desktop .hello_inner p{margin:0}.hello.desktop .hello_inner_title{font-family:var(--second-family);font-weight:600;font-size:2.5vw;line-height:128%;letter-spacing:-0.01em;text-transform:uppercase;text-align:center;color:#fff;margin:0}.hello.desktop .hello_inner_snow{position:absolute;top:-4.6vw;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:1;width:41.05vw;height:7.85vw}.hello.desktop .hello_inner_qr{width:7.5vw;height:7.5vw;position:relative}.hello.desktop .hello_inner_qr img{position:absolute;inset:0;z-index:1;width:7.5vw;height:7.5vw}.hello.desktop .hello_inner_desc,.hello.desktop .hello_inner_add,.hello.desktop p{font-weight:400;font-size:1.25vw;line-height:120%;text-align:center;color:#fff}.hello.desktop .hello_inner_desc,.hello.desktop .hello_inner_add{max-width:80%;margin-left:auto;margin-right:auto}.play_button{border:1px solid #fff;background-color:rgba(0,0,0,0);border-radius:85px;width:234px;height:52px;font-weight:500;font-size:18px;color:#fff;display:block;margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:14.4vw;padding:15px 85px;white-space:nowrap}.hello_wrapper_rules p{margin:0;font-weight:400;font-size:4.8vw;line-height:120%;text-align:center;color:#fff}.rules .container{max-width:80.2666666667vw}.rules .container>*:first-child{margin-top:32.5333333333vw}.first_screen .container{-webkit-box-pack:unset;-ms-flex-pack:unset;justify-content:unset}.header{position:absolute;top:-1px;left:0;right:0;z-index:10;width:100vw;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.header_logo{width:25.3333333333vw;height:25.3333333333vw;position:absolute;top:5.7333333333vw;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:10}.header button{background-color:rgba(0,0,0,0);border:none}.header_back,.header_next{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.6vw;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:400;font-size:3.2vw;color:#271e52;position:absolute;top:8.2666666667vw;z-index:10}.header_back svg,.header_next svg{width:2.6666666667vw;height:4.8vw}.header_back{left:4.8vw}.header_next{right:4.8vw}.header_snow{width:100vw;height:26.6666666667vw}.screen_wrappers{-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out, -webkit-transform .4s ease-in-out;position:relative;z-index:2;height:100%;will-change:transform;-webkit-overflow-scrolling:touch;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.screen_wrappers.wide{display:-webkit-box;display:-ms-flexbox;display:flex;width:300vw;overflow:hidden}.screen_wrappers.wide>*{width:100vw;-webkit-backface-visibility:hidden;backface-visibility:hidden}@supports(-webkit-touch-callout: none){.screen_wrappers.wide{-webkit-perspective:1000px;perspective:1000px}.screen_wrappers .second_screen,.screen_wrappers .chatwrapper{-webkit-transform:translateZ(0);will-change:transform}}.screen_wrappers .first_screen{position:relative}.second_screen{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;z-index:2;position:relative;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;overflow-x:hidden}.second_screen .chat_row{-webkit-box-shadow:4px 3px 16px 0 rgba(0,0,0,.13);box-shadow:4px 3px 16px 0 rgba(0,0,0,.13);background:#fff;border-radius:6.4vw;width:91.4666666667vw;height:12vw;margin:4.2666666667vw 5.8666666667vw}.second_screen .chat_wrapper{height:calc(100% - 30.6666666667vw);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding-top:21.3333333333vw;margin-top:21.3333333333vw;width:91.4666666667vw;margin-left:auto;margin-right:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.6vw;overflow-y:auto}.second_screen .input-area{display:grid;grid-template-columns:1fr auto auto;gap:1.6vw;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:12vw;padding-left:4.7066666667vw;padding-right:3.64vw}.second_screen .emoji-input{padding:0;height:100%;width:100%;font-family:var(--font-family);font-weight:400;font-size:4.2666666667vw;color:#a1a1a1;border:none;background-color:rgba(0,0,0,0);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:12vw;max-width:100%}.second_screen .emoji-input:active,.second_screen .emoji-input:focus{outline:none}.second_screen .emoji-btn,.second_screen .send-btn{background:none;border:none;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.second_screen .emoji-btn svg,.second_screen .send-btn svg{height:6.1333333333vw;width:6.1333333333vw}.second_screen .emoji-btn{display:none}.second_screen .emoji-picker{display:none}.second_screen .chat_wrapper_message{font-weight:400;font-size:3.7333333333vw;color:#404040}.second_screen .chat_wrapper_message.--bot{background:#e8e8e8;border-radius:6.6666666667vw 6.6666666667vw 6.6666666667vw 0;padding:4.2666666667vw;max-width:69.8666666667vw;margin-right:auto}.second_screen .chat_wrapper_message.--thinking{position:relative;margin-bottom:5.3333333333vw}.second_screen .chat_wrapper_message.--thinking::after{content:"Погрузился в пучину мировой медиатеки...";font-style:italic;font-weight:300;font-size:3.2vw;color:#bdbdbd;display:block;position:absolute;top:calc(100% + 1.6vw);left:0;z-index:1}.second_screen .chat_wrapper_message.--human{background:#8b86cd;border-radius:6.6666666667vw 6.6666666667vw 0 6.6666666667vw;padding:4.2666666667vw;max-width:69.8666666667vw;margin-left:auto}.third_screen{padding:29.3333333333vw 12.5333333333vw 13.3333333333vw;position:relative;display:grid;grid-template-columns:repeat(3, 1fr);gap:2.1333333333vw;overflow-y:auto}.third_screen .gallery_wrapper_film{position:relative;width:23.2vw;height:22.6666666667vw;border-radius:2.1333333333vw;-webkit-backdrop-filter:blur(13.4167509079px);backdrop-filter:blur(13.4167509079px);background:#ededed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .3s linear;transition:all .3s linear}.third_screen .gallery_wrapper_film svg{width:16vw;height:15.2vw;-webkit-transition:all .3s linear;transition:all .3s linear}.third_screen .gallery_item{width:23.2vw;height:22.6666666667vw}.third_screen .gallery_wrapper_year{position:absolute;left:50%;top:58%;z-index:1;font-weight:600;font-size:4.2666666667vw;line-height:115%;text-align:center;color:#fefefe;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);-webkit-transition:all .3s linear;transition:all .3s linear}.third_screen .gallery_item{background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden;border-radius:2.1333333333vw}.third_screen .gallery_item.opened .gallery_wrapper_film{opacity:0;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.third_screen .gallery_item.opened.show_year .gallery_wrapper_film{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;background-color:rgba(0,0,0,0);-webkit-backdrop-filter:none;backdrop-filter:none;background:none}.third_screen .gallery_item.opened.show_year .gallery_wrapper_film svg{opacity:0}.third_screen .gallery_item.opened.show_year .gallery_wrapper_year{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);z-index:2}.picker-wrapper{display:none}.emoji-btn{pointer-events:none;display:none}.chat_wrapper_message_image{width:100%;height:auto}