:root{--bcolor: #00131D;--acolor: #0756FF}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-VariableFont_wght.ttf)}html{-webkit-text-size-adjust:none;text-size-adjust:none}body{padding:0;margin:0}*{box-sizing:border-box;scrollbar-width:auto;scrollbar-color:rgba(128,128,128,.5) var(--bcolor)}#root{display:flex;flex-flow:column;width:100%;min-height:100vh;background:var(--bcolor)}.head{position:relative;display:flex;width:100%;justify-content:space-between;align-content:center;text-align:center;background:var(--bcolor);padding:20px}.head svg{color:#fff}.head .nav{align-self:center;display:flex;gap:10px}.head .nav a{padding:8px 20px;border-radius:10px;background-color:var(--bcolor);color:#fff;font-size:clamp(14px,4vw,21px);font-family:Montserrat;font-weight:600;text-decoration:none}.head .nav a.dl{background-color:var(--acolor)}.head .nav a.active{background-color:#fff;color:#000}.head.i{background:#fff}.head.i svg{color:var(--acolor)}.footer{padding:20px;background-color:var(--bcolor);font-size:20px;font-weight:500;font-family:Montserrat;color:#fff;margin-top:auto}.gbtn{display:inline-flex;background:var(--acolor);color:#fff;padding:8px 20px;align-content:center;justify-content:center;border:none;border-radius:10px;font-size:20px;font-family:Montserrat;font-weight:600;text-decoration:none;gap:8px;cursor:pointer}.gbtn.icbtn{padding:8px}.preview{display:flex;position:relative;max-width:600px;border-radius:10px;background:#ffffff10;justify-content:center;overflow:hidden}.preview img{max-width:100%;max-height:100%;align-self:center}.marks{display:flex;flex-flow:row;gap:6px}.desc p{margin:0;text-overflow:ellipsis;word-wrap:break-word}.desc a{color:currentColor}.desc{flex:auto;overflow:hidden;max-height:fit-content;font-size:20px;font-weight:500}.tags{display:flex;gap:5px;flex-flow:row;flex-wrap:wrap}.tags a{font-size:16px;font-weight:500;font-family:Montserrat;padding:2px 8px;border-radius:3px;color:#fff;background:#ffffff1a;text-decoration:none;text-align:center;align-items:center;display:flex;gap:4px}.eventb{display:flex;flex-flow:row;gap:20px;width:100%;border-radius:20px;font-family:Montserrat;color:#fff;flex-wrap:wrap}.eventb .info{flex:1;display:flex;gap:10px;flex-flow:column;max-width:100%}.eventb .prblock{display:flex;flex-flow:row;flex-wrap:wrap;gap:10px;margin-top:auto;align-items:center}.eventb h2{font-size:clamp(20px,5vw,30px);text-overflow:ellipsis;max-width:100%;overflow:hidden;word-wrap:break-word}.genb{padding:20px;color:#fff}.genb h1{font-size:clamp(24px,10vw,48px);font-family:Montserrat;margin:0}.genb.mainb{color:#000;background-color:#fff}.placeb{padding:10px 20px;min-width:fit-content;display:flex;flex-flow:row;background-color:var(--bcolor);color:#fff;font-family:Montserrat;justify-content:center;border-radius:20px;gap:10px;flex-wrap:wrap;align-items:center;text-decoration:none}.placeb h2,.eventb h2{font-size:30px;font-weight:800;margin:0}.placeb .cdiv{display:flex;flex-flow:row;gap:10px;align-items:center;flex-grow:1}.placeb .cdiv .icbtn{width:100%}.placeb .cdiv div{display:flex;justify-content:center;gap:10px;align-items:center;font-weight:600;font-size:20px}.placeb .cdiv div div{gap:4px}.mgrid{width:100%;display:flex;flex-flow:row;gap:10px;overflow:hidden;flex-wrap:wrap}.mgrid .placeb,.mgrid .eventb{flex:auto}.price-ticket{display:flex;position:relative;flex-flow:row;flex:1}.price-ticket svg{max-height:40px;min-width:10px;flex-shrink:0;flex-basis:10px}.price-ticket div{position:relative;font-size:20px;font-family:Montserrat;font-weight:600;color:#fff;background:var(--acolor);padding:5px 6px;max-height:40px;align-content:center}.search-bar{position:relative;width:100%;overflow:hidden;padding:20px}.search-bar div{display:flex;flex-flow:row;border-radius:10px;background-color:#ffffff1a;flex-wrap:wrap}.search-bar button{flex:1}.search-bar input{max-width:100%;flex:80%;border:none;background-color:#fff0;outline:none;color:#fff;font-family:Montserrat;font-weight:500;font-size:20px;padding:10px 20px}.catalog-screen{display:flex;padding:20px;gap:20px;flex-flow:column;overflow-anchor:none}.places-screen{display:flex;padding:20px;gap:20px;flex-flow:column;overflow-anchor:auto}.place{display:flex;flex-flow:row}
