header{z-index:10;justify-content:space-between;align-items:center;padding:18px 48px;display:flex;position:sticky;top:20px}header .logo{margin:-100% 0;line-height:0}header .logo img{height:46.2px}header nav ul{gap:45px;margin:0;padding:0;font-weight:600;list-style-type:none;display:flex}header nav ul a{color:inherit;text-decoration:none}header nav ul a:hover{cursor:pointer;text-decoration:underline}
footer{color:#fff;background:#1f1f1f}footer div{grid-template-rows:1fr 50px;grid-template-columns:repeat(3,1fr);padding:36px 0;display:grid}footer .logo{grid-area:1/1}footer .logo img{filter:brightness(0)invert();height:46.2px}footer .contacts{grid-area:1/2/3;padding-top:10.164px}footer .contacts h3{margin:0}footer nav{grid-area:1/3/2;padding-top:10.164px}footer nav ul{flex-direction:column;row-gap:20px;margin:0;padding:0;display:flex}footer nav ul li{display:block}footer nav ul li a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}footer nav ul li a:hover{text-decoration:underline}footer .socials{grid-area:2/1/auto/4}footer .socials a{width:32px;height:32px;display:inline-block}footer .socials button{border:0;padding:20px;display:block}
@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}section#about{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);display:grid}section#about>div{padding:18px 48px}section#about .slogan{z-index:1;grid-area:1/1/auto/3;align-items:center;display:flex}section#about .slogan h1:nth-child(2){padding-left:.5ch}section#about .slogan .colored{color:#1e00ff}section#about .slogan .anchor{display:inline-block;position:relative}section#about .slogan img{z-index:-1;width:168px;height:170px;animation:25s linear infinite spin;position:absolute;top:0;left:50%}section#about .phone{z-index:2;grid-area:1/3/3;align-content:center;align-items:flex-end;display:flex}section#about .block{z-index:1;background:#e0d4ff;border-radius:28px;grid-area:2/1/auto/4}section#about .options{z-index:2;grid-area:2/1/auto/3}section#about .options .link{align-items:flex-start;column-gap:20px;display:flex}section#about .options .link button{flex-shrink:0}section#about .options .link .hint{background:#fff;border-radius:12px;align-self:flex-end;padding:12px 16px;position:relative;box-shadow:0 4px 32px #1f1f1f1f,0 3px 8px #1f1f1f0d}section#about .options .link .hint:before{content:"";background:#fff;width:10px;height:10px;display:block;position:absolute;top:calc(50% - 5px);left:-5px;rotate:45deg}section#about .options .socials a{display:inline-block}section#about .options .socials a button{padding:26px}
section#demo{flex-direction:column;align-items:center;display:flex}section#demo .arrows{justify-content:space-between;width:100%;display:flex}section#demo .arrows.top-part{align-items:flex-end;padding-bottom:18px}section#demo .arrows.bottom-part{align-items:flex-start;padding-top:18px}section#demo .arrow{gap:18px;display:flex}section#demo .arrow.anchor-x-left img{order:2}section#demo .arrow.anchor-x-bottom{flex-direction:column}section#demo .arrow.anchor-y-center{align-items:center}section#demo .arrow.anchor-y-bottom{align-items:flex-end}
.app{box-sizing:border-box;flex-direction:column;align-items:flex-start;row-gap:20px;width:100%;padding:30px;display:flex}
.city-selector{cursor:not-allowed;align-items:center;gap:10px;display:flex}.city-selector:hover{background:#f1f1f1;border-radius:12px;box-shadow:0 0 0 10px #f1f1f1}.tooltip-box{color:#fff;z-index:10;pointer-events:none;background:#000000e6;border-radius:12px;margin-top:10px;padding:10px 20px}.tooltip-arrow{margin-bottom:-1px}
@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);-webkit-user-select:none;user-select:none;border-radius:.25rem;width:100%;line-height:1;display:inline-flex;position:relative;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);background-repeat:no-repeat;background-image:var(--custom-highlight-background,linear-gradient(90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100%));height:100%;animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;top:0;left:0;right:0;transform:translate(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}
.tags .list{flex-wrap:wrap;gap:10px;margin:10px 0;display:flex}.tags .skeleton{border-radius:28px;width:148px;height:48px;margin-right:10px}.tags .tag{cursor:pointer;border:1px solid #bba1ff;border-radius:28px;padding:10px 20px;transition:background .3s}.tags .tag:hover{background:#f2eeff}.tags .tag:active{background:#e0d4ff}.tags .tag.selected{color:#fff;background:#966eff;border-color:#966eff}
.feed{grid-gap:20px;grid-template-columns:repeat(3,minmax(0,1fr));transition:opacity .3s;display:grid}.feed.disabled{opacity:.6;pointer-events:none;cursor:not-allowed}.feed .skeleton{border-radius:28px;width:299px;height:292px}.feed .event{cursor:pointer;flex-direction:column;display:flex;overflow:clip}.feed .event img{object-fit:cover;height:200px}.feed .event .details{align-items:center;gap:10px;padding:15px;display:flex}.feed .event .date{background:#f2eeff;border:1px solid #e0d4ff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:5px 15px;display:flex}.feed .event .date .day{font-size:1.5em;font-weight:600}.feed .event .details-texts{flex-direction:column;min-width:0;display:flex}.feed .event .name,.feed .event .address{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.feed .event .address{color:#555}
.more-button{align-self:center}
.event-window-modal{width:90%;max-width:800px;padding:20px}.event-window-modal::backdrop{background-color:#00000080}.event-window-modal .cover{object-fit:cover;object-position:center top;border-radius:12px;width:100%;height:300px;margin-bottom:30px}.event-window-modal .details{flex-direction:column;row-gap:20px;margin:30px 0 0;padding:0;list-style-type:none;display:flex}.event-window-modal .details li{grid-template:"icon header"1fr"icon span"1fr/auto 1fr;column-gap:10px;display:grid}.event-window-modal .details li .icon-fill{background:#f2eeff;border-radius:12px;grid-area:icon;justify-content:center;align-items:center;width:3.75em;height:3.75em;display:flex}.event-window-modal .details li .icon-fill .icon{width:1.5em;height:1.5em}.event-window-modal .details li b{grid-area:header}.event-window-modal .details li span{grid-area:span}.event-window-modal .description-header{margin:20px 0}.event-window-modal .description{margin:0 0 10px}.event-window-modal .close{justify-content:center;align-items:center;width:3em;height:3em;padding:0;display:flex;position:absolute;top:30px;right:30px}
section#faq .question{cursor:pointer;grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;column-gap:10px;margin-top:36px;padding:18px;display:grid}section#faq .question .number{grid-area:1/1;justify-content:center;align-items:center;width:1.5em;height:100%;font-size:2em;display:flex}section#faq .question h3{grid-area:1/2;align-items:center;height:100%;display:flex}section#faq .question p{grid-area:2/2/auto/4;padding:1em 0;transition-property:height,opacity;transition-duration:.3s;overflow:hidden}section#faq .question button{border:0;grid-area:1/3;align-items:center;width:2.5em;height:2.5em;padding:0;display:flex}section#faq .question.closed button{background:url(/images/icon-button-open.svg) 50% no-repeat}section#faq .question.closed p{opacity:0;height:0;margin:0;padding:0;transform:translateY(-100%)}section#faq .question.opened button{background:url(/images/icon-button-close.svg) 50% no-repeat}
section#features{text-align:center}section#features .items{text-align:left;column-gap:48px;display:flex}section#features .items img{background:#e0d4ff;border-radius:28px;width:100%;padding-top:36px}
section#download{grid-template-rows:.25fr 1fr .25fr;grid-template-columns:1fr 2fr;gap:0 48px;max-height:495px;display:grid}section#download .phone{z-index:2;box-sizing:border-box;grid-area:1/1/4;padding:0 10px}section#download .filler{z-index:1;background:#e0d4ff;border-radius:28px;grid-area:2/1/2}section#download .description{border:1px solid #e0d4ff;border-radius:28px;flex-direction:column;grid-area:2/2/2/3;justify-content:center;align-items:flex-start;row-gap:10px;padding:18px 48px;display:flex}