:root{--main-color: #330454;--light-purple: #6d2de2;--dark-pink: #df16c6;--yellow: yellow}*{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-size:14px}html,body{margin:0;padding:0;width:100%}html{height:100%}body{min-height:100%;background-image:url("../img/bg.png");background-size:cover;background-position:center}.centered{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.centered .event{margin:.5% 2%;border-right:0;width:100%;max-width:511px;background-image:url("../img/bg_box.png");background-position:top right;background-repeat:no-repeat}@media(max-width: 600px){.centered .event{margin:0;max-width:none;width:auto}}.centered .event:after{margin:0 auto;margin-bottom:1%;position:relative;top:0;content:"";display:block;width:68px;height:36px;background-image:url("../img/box_bottom.png");background-size:contain;background-repeat:no-repeat;z-index:1}.centered .event div{width:100%;max-width:464px;background-color:#fef701;min-height:350px}@media(max-width: 600px){.centered .event div{max-width:none;width:auto}}.centered .event div img{margin-top:18px;margin-left:18px;max-width:444px;width:100%}@media(max-width: 600px){.centered .event div img{max-width:none;width:92%}}.centered .event div p{width:100%;max-width:444px;margin-left:18px;color:#330455;font-weight:bold;line-height:22px}@media(max-width: 600px){.centered .event div p{max-width:none;width:auto}}.centered .event div .more{position:relative;top:3px;float:right;margin-right:10px;width:67px;height:17px;background-image:url("../img/tovabb.png");background-size:contain;background-repeat:no-repeat;display:block}.centered .event .moreDiv{width:100%;max-width:478px;position:absolute;padding-top:30px;border-right:18px solid #fff;background-color:#fff;margin-top:0;min-height:auto;-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;max-height:0;overflow:hidden;transition:max-height .5s ease,opacity .5s ease;opacity:0}.centered .event .moreDiv.show{max-height:500px;opacity:1}.centered .event .moreDiv.show p{font-weight:normal;line-height:20px}.centered .event .moreDiv.show p a{padding:8px 10px;line-height:36px;text-decoration:none;color:#fdf752;background-color:#e116c7;background-image:url("../img/bg_a.png");background-position:right;background-repeat:no-repeat}.centered-window{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:#4b4b4b;padding:20px;border-radius:10px;width:90%;max-width:500px}@media(max-width: 500px){.centered-window{position:static;top:auto;left:auto;transform:none;margin:30px auto}}.centered-window .title{font-size:20px;padding-bottom:20px;font-weight:bold}.no-bg{background:rgba(0,0,0,0) !important}.text-instalky{color:var(--yellow)}.text-white{color:#fff}.hidden{display:none !important}.flex{display:flex}.flex.justify-c-center{justify-content:center}.flex.justify-c-between{justify-content:space-between}.flex.align-i-center{align-items:center}.flex.gap-10{gap:10px}.pt-10{padding-top:10px}.pb-10{padding-bottom:10px}.info-text{color:#fff;font-size:20px;padding-top:10px;padding-bottom:15px}.text-center{text-align:center}.checkbox-container{display:flex;flex-wrap:wrap;gap:10px}.checkbox-container p{display:flex;align-items:center;gap:5px;margin:0;color:#fff}.form-container{margin:0 0 10px 0;position:relative;color:#fff;width:100%}.form-container label{padding:5px 20px;display:block}.form-container .input-error{display:none;position:absolute;top:50%;transform:translateY(-50%);right:10px;font-size:12px;width:50%;text-align:right;color:#ff2424;padding:0 15px}.form-container .errors{width:100%;color:#fff;line-height:20px;padding:10px 0;text-align:center;background-color:#ff2424}.form-input{width:100%;padding:10px 20px;border-radius:20px;border:none;background:#222;color:#afafaf}.form-input.error{box-shadow:0 0 1px 1px #ff2424 inset}.btn{background-color:var(--dark-pink);border:none;color:var(--yellow);padding:10px 20px}.link{color:#fff}.header{background:var(--main-color);display:flex;justify-content:space-between;align-items:center;padding:10px;height:90px}.header img{max-width:100px;max-height:50px}.main_disabled{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000;background:rgba(255,255,255,.7);backdrop-filter:blur(10px)}.content_wrapper{position:fixed;width:100%;top:90px;left:0;bottom:0;right:0}.content_wrapper.opened .content{width:75%}.content_wrapper.opened .sidepanel{right:0}.content_wrapper .content{background:#fff;width:100%;height:100%;transition:width 400ms ease-out;overflow:auto;position:relative;scrollbar-width:thin;scrollbar-color:var(--dark-pink) var(--main-color)}.content_wrapper .content.nobg{background-color:rgba(0,0,0,0)}.content_wrapper .content .page{padding:20px}.content_wrapper .content .info-text{color:#000}.content_wrapper .content .cover{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:#fff}.content_wrapper .sidepanel{position:absolute;top:0;width:25%;height:100%;right:-25%;transition:right 400ms ease-out,width 400ms ease-out}.content_wrapper .sidepanel .close-panel{background:#fff;border-radius:50%;border:1px solid;width:35px;height:35px;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:bold;cursor:pointer;position:absolute;top:5px;right:5px;z-index:10}.content_wrapper .sidepanel .panel_inner{margin:20px;background:#fff;height:calc(100% - 40px);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--dark-pink) var(--main-color)}.content_wrapper .sidepanel .panel_inner .page{padding:20px}.content_wrapper .sidepanel .panel_inner .info-text{color:#000}.content_wrapper .sidepanel .panel_inner .form-input{border-radius:5px;border:1px solid #222;background:rgba(0,0,0,0);padding:5px 10px}.userlist{display:grid;grid-template-columns:repeat(auto-fit, minmax(auto, 210px));grid-auto-rows:210px;justify-content:space-evenly;grid-gap:20px;padding:20px}.userlist .user{cursor:pointer;display:flex;justify-content:space-between;background:#fff;border-radius:0;border:1px solid var(--light-purple);flex-direction:column;color:var(--light-purple);align-items:flex-start;padding:10px;margin:0;position:relative}.userlist .user #newUser{position:absolute;bottom:0;right:0;background-color:#d81eae;color:#fee635;padding:5px;text-transform:uppercase}.userlist .user .user_nick{margin-top:5px;font-weight:bold;font-size:120%}.userlist .user .age{margin-bottom:5px;font-size:85%;color:#525252}.userlist .user .interests{margin-top:5px;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.userlist .user .interests span{background-color:#37005e;border-radius:1rem;color:#fff;margin:2px;padding:3px 6px;font-size:70%}.userlist .user.new_message:after{content:"";position:absolute;top:0;right:0;display:block;background:red;width:10px;height:10px;border-radius:50%}.user_image{background-size:100%;background-color:rgba(0,0,0,0);background-position:center;background-repeat:no-repeat;background-image:url("../img/profile-picture-placeholder.png");flex:0 1 auto;border:1px solid var(--light-purple);margin:0;width:190px;height:190px;border-radius:0}.user_image input[name=profile_image]{width:100%;height:100%;opacity:0}.user_details{padding:20px}.user_details .interests{margin-top:15px;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.user_details .interests span{background-color:#37005e;border-radius:1rem;color:#fff;margin:2px;padding:3px 6px;font-size:70%}.user_details .user_status{text-align:center;margin:0 0 20px 0}.user_details .user_available,.user_details .user_busy,.user_details .user_offline{position:static;top:auto;left:auto;transform:none}.user_details .user_details_header{display:flex;align-items:center;justify-content:start;gap:20px;color:#000;padding-bottom:20px}.user_details .user_details_header .user_name{font-size:20px;padding-bottom:10px}.user_details .user_details_header .user_image{margin:0;border-radius:0;box-shadow:-5px -5px 0px var(--light-purple),5px 5px 0px var(--dark-pink);flex:0 0 auto;background-size:100%;background-position:center;width:150px;height:150px;background-repeat:no-repeat;background-color:rgba(0,0,0,0);background-image:url("../img/profile-picture-placeholder.png")}.user_interview .info-text{padding-top:20px;padding-bottom:5px}.user_interview .user_interview_answer{font-weight:bold}.profile .form-container{display:flex;flex-direction:column;gap:10px;width:100%}.profile .checkbox-container{display:flex;flex-direction:column;gap:15px;max-width:500px;margin:0 auto}.profile .checkbox-container p{display:flex;align-items:center;gap:10px}.profile .checkbox-container label{font-size:16px;color:#333;padding:5px 0;cursor:pointer}.profile .checkbox-container input[type=checkbox]{width:20px;height:20px}.profile .user_image{margin:0 auto}.profile .info-text{font-size:14px}.profile .info-text.title{font-size:18px}.profile #profile_dataform .info-text{padding:5px}.user_available,.user_busy,.user_offline{position:absolute;top:5px;left:50%;transform:translateX(-50%);background:var(--dark-pink);color:#fff;font-size:12px;padding:2px 5px;border-radius:5px;display:none}.user_busy{background:var(--yellow);color:#000}.user_offline{background:#9f0e0e}[data-status="0"] .user_offline{display:block}[data-status="1"] .user_available{display:block}[data-status="2"] .user_busy{display:block}.toast{position:absolute;top:20px;right:20px;background:#fff;border-radius:10px;padding:10px 20px;z-index:1000}.modal{position:fixed;width:100%;height:100%;z-index:1000;background:rgba(0,0,0,.5);top:0;left:0;display:none}.modal .modal-body{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:#fff;padding:20px;border-radius:20px}.modal .modal-body .modal-text{padding-bottom:10px}.modal .modal-buttons{display:flex;justify-content:center;gap:10px}.menu{display:flex;gap:10px;color:var(--yellow);align-items:center}.menu div,.menu img{cursor:pointer}.menu .menu_inner{display:flex;gap:20px;align-items:center}.center-content{max-width:90%;width:960px;margin:0 auto;padding:10px}.buttons{display:flex;gap:5px}.buttons .close-chat,.buttons .panic-chat{background:#fff;border-radius:50%;width:35px;height:35px;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:bold;border:none;cursor:pointer}.buttons .close-chat{border:1px solid #000}.buttons .panic-chat{background:#b60000;color:#fff}