@font-face{font-family:font-1;src:url(/assets/JosefinSans-ExtraLight-Cx5568zC.ttf)}@font-face{font-family:font-2;src:url(/assets/JosefinSans-Regular-DGUNrA0C.ttf)}@font-face{font-family:font-3;src:url(/assets/JosefinSans-Bold-gaWHpziT.ttf)}*{margin:0;padding:0;box-sizing:border-box;list-style-type:none;outline:none;border:none;text-decoration:none}*::selection{background:#ff7b77}a,a:visited{color:#00162c}input,textarea{resize:none;border-radius:20px;width:270px;font-family:font-1,sans-serif;border:black;background:#fdfdfd}textarea:focus{box-shadow:0 0 4px #00162c1a}button,input[type=submit]{background:#ffd0c4;color:#ff7b77;font-family:font-3,serif;transition:.2s;margin:0;padding:10px 20px;cursor:pointer;font-size:1.1rem;border-radius:20px 6px 20px 20px}button:hover,input[type=submit]:hover{background:#ff7b77;color:#ffd0c4}input[type=checkbox]{box-shadow:none;width:20px;margin:10px 0}i{transition:.15s}i:hover{transform:scale(1.1)}body{font-family:font-2,serif;line-height:1.4rem;background:#fdfdfd;color:#00162c}.error{color:red;font-weight:700}.success{color:green;font-weight:700}html,body{overflow-x:clip}body.no-scroll{overflow:hidden}img,video,iframe{max-width:100%}input,textarea{max-width:100%}.page-layout{display:flex;align-items:flex-start;gap:2%;width:100%;max-width:1400px;margin:65px auto 40px;padding:0 1%}.page-layout .page-layout-nav{flex:0 0 15%;text-align:center;position:sticky;top:60px}.page-layout .page-layout-main{flex:1 1 auto;min-width:0;text-align:center}.page-layout .page-layout-aside{flex:0 0 25%;text-align:center}.page-layout .page-title{margin-bottom:16px;font-size:2rem;line-height:2.4rem}.page-layout .accordion-list{display:flex;flex-direction:column;gap:12px;margin-top:3%;font-size:1.1rem}@media screen and (max-width:1024px){.page-layout{flex-direction:column;align-items:stretch;padding:0 16px}.page-layout .page-layout-nav{display:none}.page-layout .page-layout-aside{flex-basis:auto;margin-top:30px}}@media screen and (max-width:768px){.page-layout{margin-top:58px;padding:0 10px}.page-layout .page-title{font-size:1.5rem;line-height:1.9rem}}.mobile-menu-backdrop{position:fixed;inset:45px 0 0;background:#0006;z-index:9}.mobile-menu{position:fixed;top:45px;right:0;width:min(320px,85vw);max-height:calc(100vh - 45px);max-height:calc(100dvh - 45px);overflow-y:auto;padding:0 10px 20px;background:#fdfdfd;box-shadow:-4px 4px 12px #00000026;border-radius:0 0 0 20px;z-index:11;animation:slide-in .2s ease-out}.mobile-menu .left-nav-item{font-size:1.1rem}.mobile-menu .mobile-menu-section h2{margin:14px 0 0;font-size:1rem;text-transform:uppercase;opacity:.7}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media screen and (max-width:1024px){.home .page-layout-aside>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}}nav{position:fixed;width:100%;height:45px;box-shadow:0 2px 6px #dbdada;z-index:10;top:0;left:0;padding:0 20px}nav:before{content:"";position:absolute;inset:0;z-index:-1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffffeb}@media screen and (max-width:768px){nav{padding:0 10px}}nav .nav-container{display:flex;width:100%;max-width:1190px;margin:0 auto;justify-content:space-between;height:45px;align-items:center}nav .nav-container .logo{display:flex;align-items:center;gap:12px;min-width:0}nav .nav-container .logo h3{font-size:1.5rem;font-family:font-3,serif;white-space:nowrap;transform:translateY(2px)}@media screen and (max-width:380px){nav .nav-container .logo h3{font-size:1.2rem}}nav .nav-container .logo img{height:26px;width:26px}nav .nav-container ul{display:flex;align-items:center;gap:18px;font-size:1.2rem}@media screen and (max-width:768px){nav .nav-container ul{gap:12px}}nav .nav-container ul li{display:flex;align-items:center;cursor:pointer}nav .nav-container ul li a{display:flex}nav .nav-container .MenuBurger{display:none}@media screen and (max-width:1024px){nav .nav-container .MenuBurger{display:flex}}nav .nav-container .burger-btn{display:flex;padding:6px;border-radius:50%;background:transparent;color:#00162c}nav .nav-container .burger-btn:hover{background:#fdeeee;color:#00162c}.card-container{display:grid;grid-template-columns:66px 1fr;border:2px solid #ffd0c4;padding:16px;border-radius:20px;margin:8px auto;position:relative;min-height:100px}@media screen and (max-width:590px){.card-container{grid-template-columns:1fr}}@media screen and (max-width:440px){.card-container{padding-top:26px}}.card-container .fa-spinner{position:absolute;top:40%;left:49%;font-size:1.5rem;color:#ff7b77}.card-container .card-left img{height:52px;width:52px;border-radius:20px;box-shadow:1px 1px 3px #33333331;object-fit:cover}@media screen and (max-width:590px){.card-container .card-left img{height:40px;width:40px;margin-left:18px;border-radius:14px}}@media screen and (max-width:590px){.card-container .card-left{position:absolute;transform:translate(17px,18px)}}@media screen and (max-width:590px){.card-container .card-right{margin-left:18px}}.card-container .card-right .card-header{display:flex;justify-content:space-between;margin:2px 0 4px;min-height:30px}@media screen and (max-width:590px){.card-container .card-right .card-header{margin:12px 0 14px}}@media screen and (max-width:440px){.card-container .card-right .card-header{flex-direction:column}}.card-container .card-right .card-header .pseudo{display:flex;margin-top:10px}@media screen and (max-width:590px){.card-container .card-right .card-header .pseudo{margin-left:52px}}@media screen and (max-width:440px){.card-container .card-right .card-header .pseudo{transform:translateY(-18px)}}.card-container .card-right .card-header .pseudo span{transform:translateY(-5px)}@media screen and (max-width:440px){.card-container .card-right .card-header .pseudo span{margin:0 0 -10px;padding:0}}.card-container .card-right .card-header .pseudo span img{padding:5px;cursor:pointer;transition:.15s;box-shadow:none;height:28px;width:28px}.card-container .card-right .card-header .pseudo span img:hover{transform:scale(1.2) translate(0)}.card-container .card-right .card-header .pseudo span .fas{color:#ff7b77}.card-container .card-right .card-header .pseudo span .far{color:#ffd0c4}.card-container .card-right .card-header span{font-style:italic;font-family:font-1,sans-serif}@media screen and (max-width:440px){.card-container .card-right .card-header span{transform:translate(52px,-20px)}}.card-container .card-right p{margin:3px 0 9px;font-size:1.1rem}@media screen and (max-width:440px){.card-container .card-right p{margin-top:-18px}}.card-container .card-right .update-post textarea{font-size:1.3rem;border:1px solid #ffd0c4;padding:10px;border-radius:20px 20px 6px}.card-container .card-right .update-post .button-container .btn{background:#ffd0c4;width:240px;transform:translateY(-3px)}.card-container .card-right .update-post .button-container .btn:hover{background:#ff7b77;width:250px;letter-spacing:1px}.card-container .card-right .card-pic{width:100%;border-radius:6px;margin-top:12px;box-shadow:0 0 3px #33333357}.card-container .card-right iframe{width:100%;height:auto;aspect-ratio:16/9;border-radius:6px;box-shadow:0 0 3px #33333357}.card-container .card-right .button-container{justify-content:flex-end;display:flex}.card-container .card-right .button-container div{padding:5px 9px;margin-left:5px;background:#ffd0c4;border-radius:50px;transition:.1s;cursor:pointer}.card-container .card-right .button-container div:hover{transform:scale(1.07)}.card-container .card-right .button-container div img{height:16px;width:16px;transform:translateY(3px)}.card-container .card-right .card-footer{display:flex;align-items:center;justify-content:center;justify-content:space-between;padding:12px 0 4px}.card-container .card-right .card-footer img{height:22px;width:22px;cursor:pointer;transition:.2s}.card-container .card-right .card-footer img:hover{transform:scale(1.2)}.card-container .card-right .card-footer .comment-icon,.card-container .card-right .card-footer .like-container{display:flex;align-items:center}.card-container .card-right .card-footer .comment-icon span,.card-container .card-right .card-footer .like-container span{font-size:1.02rem;position:absolute;transform:translate(29px,2px)}.card-container .card-right .comment-container.client{background:#fdeeee;border:none;border-radius:20px 20px 6px}.card-container .card-right .comment-container{display:grid;grid-template-columns:50px 1fr;border:1px solid #ffd0c4;padding:15px;margin:5px 0;border-radius:20px 20px 20px 6px}.card-container .card-right .comment-container img{height:40px;width:40px;border-radius:14px;box-shadow:1px 1px 3px #33333331;object-fit:cover}@media screen and (max-width:440px){.card-container .card-right .comment-container img{height:37px;width:37px}}.card-container .card-right .comment-container .comment-header{display:flex;justify-content:space-between}@media screen and (max-width:440px){.card-container .card-right .comment-container .comment-header{flex-direction:column}}.card-container .card-right .comment-container .comment-header .pseudo{display:flex}.card-container .card-right .comment-container .comment-header .pseudo h3{font-family:font-1,sans-serif}.card-container .card-right .comment-container .comment-header .pseudo span{transform:translate(6px,4px);cursor:pointer}.card-container .card-right .comment-container .comment-header .pseudo span img{box-shadow:none;height:15px;width:15px}.card-container .card-right .comment-container .comment-header span{font-size:.9rem;font-style:italic;font-family:font-1,sans-serif}.card-container .card-right .comment-container p{margin-top:8px}.card-container .card-right .comment-container .edit-comment{color:#ffd0c4}.card-container .card-right .comment-container .edit-comment img{float:right;margin-left:10px;cursor:pointer;transition:.15s;box-shadow:none;height:20px;width:20px}.card-container .card-right .comment-container .edit-comment img:hover{transform:scale(1.1)}.card-container .card-right .comment-container .edit-comment .edit-comment-form{margin-top:14px}.card-container .card-right .comment-container .edit-comment .edit-comment-form label{background:#fdfdfd;color:#ff7b77;padding:6px 12px 5px;border-radius:20px 20px 20px 6px;cursor:pointer;transition:.2s;display:inline-block;font-family:font-3,serif}.card-container .card-right .comment-container .edit-comment .edit-comment-form label:hover{transform:scale(1.05)}.card-container .card-right .comment-container .edit-comment .edit-comment-form input[type=text]{margin:4px 0;background:#fdfdfd;font-size:1.15rem;padding:16px;width:100%;border-radius:6px 20px}.card-container .card-right .comment-container .edit-comment .edit-comment-form .btn{display:flex;align-items:center;float:right}.card-container .card-right .comment-container .edit-comment .edit-comment-form .btn span{background:#fdfdfd;padding:10px 5px;border-radius:50px;margin-right:6px;transition:.2s;cursor:pointer}.card-container .card-right .comment-container .edit-comment .edit-comment-form .btn span:hover{background:#ffd0c4}.card-container .card-right .comment-container .edit-comment .edit-comment-form .btn span img{transform:translate(-5px)}.card-container .card-right .comment-container .edit-comment .edit-comment-form .btn input[type=submit]{background:#ffd0c4;width:inherit;transition:.2s}.card-container .card-right .comment-container .edit-comment .edit-comment-form .btn input[type=submit]:hover{width:inherit;background:#ff7b77}.card-container .card-right .comment-form{margin-top:6px}.card-container .card-right .comment-form input[type=text]{width:100%;background:#fdeeee;border-radius:20px 20px 6px;padding:20px;font-size:1.4rem}.card-container .card-right .comment-form input[type=text]:focus{box-shadow:0 0 2px #33333380}.card-container .card-right .comment-form input[type=submit]{margin-top:4px;padding:12px 16px;width:120px;background:#ffd0c4;border-radius:20px 6px 20px 20px;transition:.2s;float:right}.card-container .card-right .comment-form input[type=submit]:hover{background:#ff7b77;letter-spacing:2px;width:130px}.card-container .card-right .comment-form button{float:right;background:#ff7b77;transition:.2s}.card-container .card-right .comment-form button:hover{background:#ffd0c4}.card-container .card-right .like-container span{font-size:1.02rem;position:absolute;transform:translate(8px,-1px)}.card-container .card-right .fa-share-alt{transform:translateY(2px)}.card-container .update-post textarea{width:100%!important;height:80px}.card-container .update-post .button-container{text-align:right}.card-container .update-post .button-container button{margin:0 0 0 5px;width:150px}.card-container .update-post .button-container button:nth-child(1){background:#ff7b77}.connection-form{border:2px solid #ff7b77;width:50%;margin:35px auto 0;padding:20px 0;-webkit-user-select:none;user-select:none;text-align:center;background:#fdeeee;border-radius:20px}@media screen and (max-width:768px){.connection-form{width:90%}}.connection-form form{margin:10px auto 0;padding:20px}.connection-form form input{padding:10px 14px;margin:0;font-size:1.2rem;font-family:font-2,serif;border-radius:20px}@media screen and (max-width:768px){.connection-form form input{width:80%}}.connection-form form input:focus{box-shadow:0 0 3px #3333}.connection-form form input[type=submit]{padding:14px;border-radius:20px}.profil-page{margin:80px auto 0;max-width:1200px}.profil-page .icons{top:55px}.profil-page .log-container{margin:0 auto;display:grid;grid-template-columns:60% 40%}@media screen and (max-width:885px){.profil-page .log-container{grid-template-columns:1fr}}.profil-page .connection-form{border:none;background:#fdeeee;min-width:490px;width:90%;text-align:center;margin:0 auto;padding:20px;border-radius:20px}@media screen and (max-width:550px){.profil-page .connection-form{min-width:200px}}.profil-page .connection-form .form-container{display:grid;grid-template-columns:30% 70%}@media screen and (max-width:550px){.profil-page .connection-form .form-container{grid-template-columns:1fr}}.profil-page .connection-form .form-container ul li{cursor:pointer;border-radius:20px;padding:10px 20px;transition:.2s}@media screen and (max-width:550px){.profil-page .connection-form .form-container ul li{width:80%;margin:0 auto}}.profil-page .connection-form .form-container ul .active-btn{background:#ff7b77}.profil-page .connection-form .form-container ul .active-btn:hover{background:#ffd0c4}.profil-page .connection-form .form-container ul li:not(.active-btn):hover{transform:translate(3px)}.profil-page .connection-form .form-container ul #login{position:relative}@media screen and (max-width:550px){.profil-page .connection-form .form-container ul #login{margin-bottom:30px}.profil-page .connection-form .form-container ul #login:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80%;height:1px;background:#ffd0c4}}.profil-page .connection-form .form-container form input{padding:14px 20px;margin:0;font-size:1.2rem;font-family:font-2,serif;border-radius:20px}.profil-page .connection-form .form-container form input:focus{box-shadow:0 0 3px #3333}.profil-page .connection-form .form-container form a{color:#3e3ed6}.profil-page h1{text-align:center;margin:10px 0 6px}.profil-page .img-container{display:grid;align-items:center;height:100%}.profil-page .img-container img{height:280px}@media screen and (max-width:1050px){.profil-page .img-container img{height:220px}}@media screen and (max-width:950px){.profil-page .img-container img{height:200px}}@media screen and (max-width:885px){.profil-page .img-container img{display:none}}.profil-page .update-container{display:grid;grid-template-columns:50% 50%}@media screen and (max-width:700px){.profil-page .update-container{grid-template-columns:1fr}}.profil-page .update-container>div{background:#fdeeee;border-radius:20px;padding:25px;margin:20px 10px}@media screen and (max-width:700px){.profil-page .update-container>div{margin:10px}}.profil-page .update-container .left-part{text-align:center}.profil-page .update-container .left-part h3{margin-bottom:12px}.profil-page .update-container .left-part img{height:180px;width:180px;border-radius:46px;object-fit:cover;margin-bottom:30px;box-shadow:0 0 6px #3333335d}.profil-page .update-container .left-part form{position:relative}.profil-page .update-container .left-part form label{position:absolute;transform:translate(-50%,-50%);width:270px;background:#00162c;color:#ffd0c4;border-radius:20px;display:inline-block;padding:9px 0;transition:.2s;z-index:10;cursor:pointer}.profil-page .update-container .left-part form input[type=file]{position:absolute;opacity:1;transform:translate(-3px,-50%);cursor:pointer;padding:10px 20px}@media screen and (max-width:1121px){.profil-page .update-container .left-part form input[type=file]{opacity:0}}.profil-page .update-container .left-part form input[type=submit]{margin-top:10px;border-radius:20px}.profil-page .update-container .left-part form input[type=submit]:hover{letter-spacing:1px}.profil-page .update-container .left-part p{color:red;font-family:font-3,serif;margin-top:6px}.profil-page .update-container .right-part{text-align:center;padding:20px 40px}.profil-page .update-container .right-part h3{margin-bottom:12px}.profil-page .update-container .right-part p,.profil-page .update-container .right-part textarea{min-height:80px;border:1px solid #ff7b77;border-radius:20px 20px 6px;padding:10px 20px;font-size:1.1rem}.profil-page .update-container .right-part textarea{width:100%;margin-bottom:-6px;font-size:1.2rem}.profil-page .update-container .right-part button{margin:5px 0;float:right}.profil-page .update-container .right-part h4{margin:60px 0 10px}.profil-page .update-container .right-part h5{background:#ff7b77;color:#fdeeee;font-family:font-1,sans-serif;margin:20px 0;padding:12px;font-size:1.1rem;border-radius:20px;transition:.2s;cursor:pointer}.profil-page .update-container .right-part h5:hover{filter:brightness(110%);transform:translate(2px)}.profil-page .popup-profil-container{z-index:100;width:100%;top:0;left:0;height:100%;position:fixed;animation:popup 1s forwards}@keyframes popup{to{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.profil-page .popup-profil-container .modal{position:absolute;top:10%;left:50%;transform:translate(-100%);background:#ffd0c4;padding:25px;border-radius:20px;box-shadow:0 0 2px #8382825b;overflow:auto;transform:scaleY(0);transform-origin:center;animation:modal .5s forwards}.profil-page .popup-profil-container .modal h3{min-width:200px}@keyframes modal{to{transform:scale(1) translate(-50%)}}.profil-page .popup-profil-container .modal .cross{position:absolute;top:25px;right:25px;transition:.1s;cursor:pointer}.profil-page .popup-profil-container .modal .cross:hover{transform:scale(1.07)}.profil-page .popup-profil-container .modal ul{margin:20px 0 0;max-height:500px;overflow-y:scroll;overflow-x:hidden}.profil-page .popup-profil-container .modal ul::-webkit-scrollbar{width:2px}.profil-page .popup-profil-container .modal ul::-webkit-scrollbar-track{background:#fdeeee}.profil-page .popup-profil-container .modal ul::-webkit-scrollbar-thumb{background:#ff7b77}.profil-page .popup-profil-container .modal ul::-webkit-scrollbar-thumb:hover{background:#555}.profil-page .popup-profil-container .modal ul li{display:grid;grid-template-columns:64px 1fr 114px;align-items:center;margin:10px 0}.profil-page .popup-profil-container .modal ul li img{height:50px;width:50px;border-radius:20px;object-fit:cover;box-shadow:0 0 2px #33333360}.profil-page .popup-profil-container .modal ul li h4{text-align:left;min-width:210px}.profil-page .popup-profil-container .modal ul li .follow-handler{text-align:left}.profil-page .popup-profil-container .modal ul li .follow-handler button{background:#fdeeee;border-radius:20px;margin-right:6px}.profil-page .popup-profil-container .modal ul li .follow-handler button:hover{color:#00162c;transform:translate(2px)}.post-container{margin:0 auto;padding:16px 40px;border-radius:20px;position:relative;background:#fdeeee}.post-container i{font-size:1.5rem;margin:20px 0;color:#00162c}.post-container .data{position:absolute;right:42px;text-align:right}@media screen and (max-width:420px){.post-container .data{right:10px}}@media screen and (max-width:380px){.post-container .data{display:none}}.post-container .data span{font-weight:700}.post-container .user-info{margin-bottom:10px}.post-container .user-info img{border-radius:20px;height:60px;width:60px;box-shadow:2px 2px 2px #33333329;object-fit:cover}.post-container .user-info h3{color:#282828}.post-container .post-form{position:relative;margin:0 auto}.post-container .post-form textarea{height:62px;width:100%;font-size:1.4rem;padding:12px 15px;border-radius:20px 20px 6px}.post-container .post-form .card-container{background:#fdfdfd;border-radius:20px 20px 6px}.post-container .post-form .card-container .card-left{text-align:left}@media screen and (max-width:590px){.post-container .post-form .card-container .card-left img{margin-left:0}}@media screen and (max-width:590px){.post-container .post-form .card-container .card-right{margin-left:0}}@media screen and (max-width:632px){.post-container .post-form .card-container .card-right .card-header{flex-direction:column}}@media screen and (max-width:590px){.post-container .post-form .card-container .card-right .card-header{margin:0}}@media screen and (max-width:440px){.post-container .post-form .card-container .card-right .card-header .pseudo{transform:translateY(-8px)}}@media screen and (max-width:632px){.post-container .post-form .card-container .card-right .card-header span{position:absolute;top:40px}}@media screen and (max-width:590px){.post-container .post-form .card-container .card-right .card-header span{left:68px}}@media screen and (max-width:440px){.post-container .post-form .card-container .card-right .card-header span{left:14px;top:60px}}.post-container .post-form .card-container .card-right .content{padding:6px 0}.post-container .post-form .card-container .card-right .content p{text-align:left;margin:2px 0 6px;font-size:1.1rem}.post-container .post-form .card-container .card-right .content img{width:100%;border-radius:6px;margin-top:12px}@media screen and (max-width:632px){.post-container .post-form .card-container .card-right .content{margin-top:20px}}.post-container .post-form .footer-form{display:flex;justify-content:space-between;margin:0 auto;width:100%}.post-container .post-form .footer-form .icon{position:relative;cursor:pointer;width:30px;height:20px}.post-container .post-form .footer-form .icon img{position:absolute;height:24px;width:24px;transform:translate(-18px,-1px)}.post-container .post-form .footer-form .icon button{width:190px;padding:10px 20px;background:#fdfdfd;transition:.2s}.post-container .post-form .footer-form .icon button:hover{background:#00162c}.post-container .post-form .footer-form .icon input{width:25px;height:25px;position:absolute;transform:translate(-16px,-3px);opacity:0;cursor:pointer}.post-container .post-form .footer-form .icon input::-webkit-file-upload-button{cursor:pointer}.post-container .post-form .footer-form p{font-family:font-3,serif;margin-top:4px;color:red}.post-container .post-form .footer-form .btn-send .cancel{border-radius:20px;margin-right:8px;background:#fdfdfd}.post-container .post-form .footer-form .btn-send .cancel:hover{color:#fdeeee;background:#00162c}.post-container .post-form .footer-form .btn-send .send:hover{letter-spacing:2px}@media screen and (max-width:460px){.post-container .post-form .footer-form .btn-send button{font-size:.8rem;padding:8px}}.get-friends-container{width:356px;background:linear-gradient(145deg,#ffd0c4 30%,#ffe1d9);border-radius:20px;padding:20px 20px 10px}.get-friends-container h4{font-size:1.4rem;color:#00162c}.get-friends-container .icon{margin:16px auto;width:100%;text-align:center}.get-friends-container .icon i{font-size:1.6rem;color:#00162c}.get-friends-container ul{width:100%;padding:14px 0 0}.get-friends-container ul .user-hint{display:grid;grid-template-columns:20% 50% 30%;align-items:center;margin:8px 0}.get-friends-container ul .user-hint img{height:46px;width:46px;border-radius:12px;object-fit:cover;box-shadow:0 0 2px #33333360}.get-friends-container ul .user-hint p{text-align:left;font-size:.9rem;font-family:font-3,serif}.get-friends-container ul .user-hint span{text-align:right}.get-friends-container ul .user-hint span button{background:#ff7b77;color:#fdeeee;padding:10px 24px 8px;transition:.2s;border-radius:20px;font-size:.9rem}.get-friends-container ul .user-hint span button:hover{background:#fdeeee;color:#ff7b77}.Calendar-container{background:#ffd0c4;border-radius:20px;margin-bottom:14px;padding:20px;width:356px}.Calendar-container h4{font-size:1.4rem;color:#00162c;margin-bottom:12px}.Calendar-container ul li{margin:5px 0;display:grid;align-items:center;grid-template-columns:68px 1fr;background:#fdeeee;border-radius:20px;padding:16px;box-shadow:5px 7px 20px 9px #ff7c7732;transition:.2s}.Calendar-container ul li:hover{box-shadow:none}.Calendar-container ul li div{height:56px}.Calendar-container ul li img,.Calendar-container ul li iframe{height:56px;width:56px;border-radius:20px;object-fit:cover;box-shadow:0 0 4px #3333333b}.Calendar-container ul li .trend-content{position:relative;height:56px}.Calendar-container ul li .trend-content p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font-size:.9rem}.Calendar-container ul li .trend-content span{color:#ff7b77;font-family:font-3,serif;position:absolute;right:6px;bottom:-11px}.left-nav-container{border:2px solid #ffd0c4;border-radius:20px;background-color:#fff;padding:10px;margin-top:10px;box-sizing:border-box;text-align:center;height:fit-content}.left-nav-link{display:block}.left-nav-link.active .left-nav-item{background:#fdeeee;font-family:font-3,serif}.left-nav-item{border-bottom:1px dashed #ffd0c4;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;padding:10px;text-decoration:none;color:#000;margin-bottom:5px;border-radius:4px;transition:background .2s}.left-nav-item:hover{background:#fdeeee}.mobile-menu .left-nav-item{justify-content:flex-start;gap:12px;min-height:48px}.calendar-page .calendar-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-bottom:14px;font-size:.9rem}.calendar-page .calendar-legend .legend-item:before{content:"";display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:50%}.calendar-page .calendar-legend .event:before{background:red}.calendar-page .calendar-legend .upcoming:before{background:orange}.calendar-page .calendar-legend .played:before{background:green}.calendar-page .fc{text-align:left}.calendar-page .fc .fc-list-event{cursor:pointer}.calendar-page .fc .fc-button{border-radius:20px;text-transform:capitalize}.calendar-page .fc .fc-toolbar-title{text-transform:capitalize}@media screen and (max-width:768px){.calendar-page .fc .fc-toolbar{gap:8px}.calendar-page .fc .fc-toolbar-title{font-size:1.15rem}.calendar-page .fc .fc-button{padding:6px 10px;font-size:.9rem}.calendar-page .fc .fc-list-event td{padding:12px 8px}.calendar-page .fc .fc-list-event-time{white-space:nowrap;font-size:.85rem}}.upcoming-carousel{margin:0 auto 24px;max-width:600px;text-align:center}.upcoming-carousel h2{margin-bottom:10px}.upcoming-carousel .upcoming-viewport{position:relative;overflow:hidden;border-radius:20px;box-shadow:0 0 6px #3333}.upcoming-carousel .upcoming-track{display:flex;transition:transform .5s ease}.upcoming-carousel .upcoming-item{flex:0 0 100%}.upcoming-carousel .upcoming-slide{width:100%;margin:0;border-radius:0;font-family:font-2,serif;font-size:1rem;cursor:pointer;padding:20px 50px;min-height:170px;color:#fff;display:flex;flex-direction:column;justify-content:center;gap:6px}.upcoming-carousel .upcoming-slide.match,.upcoming-carousel .upcoming-slide.match:hover{background:linear-gradient(135deg,#2e7d32,#f57c00);color:#fff}.upcoming-carousel .upcoming-slide.event,.upcoming-carousel .upcoming-slide.event:hover{background:linear-gradient(135deg,#c62828,#6a1b9a);color:#fff}.upcoming-carousel .upcoming-slide:hover .upcoming-more{text-decoration:underline}@media screen and (max-width:768px){.upcoming-carousel .upcoming-slide{padding:18px 44px;min-height:190px}.upcoming-carousel .upcoming-slide h3{font-size:1.05rem}}.upcoming-carousel .upcoming-slide h3 span{font-weight:400;opacity:.8}.upcoming-carousel .upcoming-badge{align-self:center;background:#ffffff40;border-radius:20px;padding:2px 12px;font-size:.8rem;text-transform:uppercase}.upcoming-carousel .upcoming-competition,.upcoming-carousel .upcoming-place{font-size:.9rem;opacity:.9}.upcoming-carousel .upcoming-more{font-size:.85rem;opacity:.9}.upcoming-carousel .upcoming-date{font-weight:700;text-transform:capitalize}.upcoming-carousel .upcoming-nav{position:absolute;top:50%;transform:translateY(-50%);background:#0000004d;color:#fff;border:none;border-radius:50%;width:34px;height:34px;font-size:1.4rem;line-height:1;cursor:pointer}.upcoming-carousel .upcoming-nav:hover{background:#00000080;color:#fff}.upcoming-carousel .upcoming-nav.prev{left:8px}.upcoming-carousel .upcoming-nav.next{right:8px}.upcoming-carousel .upcoming-dots{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:10px}.upcoming-carousel .upcoming-dots button{width:10px;height:10px;padding:0;border:none;border-radius:50%;background:#ccc;background-clip:content-box;cursor:pointer}.upcoming-carousel .upcoming-dots button.active,.upcoming-carousel .upcoming-dots button:hover{background:#333;background-clip:content-box}@media(pointer:coarse){.upcoming-carousel .upcoming-dots button{width:22px;height:22px;padding:6px}}.upcoming-carousel .upcoming-link{display:inline-block;margin-top:8px;text-decoration:underline}.event-modal{display:flex;justify-content:center;align-items:center;padding:16px}@media screen and (max-width:768px){.event-modal{align-items:flex-end;padding:0}}.event-modal-content{position:relative;width:100%;max-width:520px;max-height:90vh;max-height:90dvh;overflow-y:auto;padding:28px 24px 20px;background:#fdfdfd;border-radius:20px;text-align:center;outline:none;display:flex;flex-direction:column;gap:12px}@media screen and (max-width:768px){.event-modal-content{max-width:none;border-radius:20px 20px 0 0;padding:24px 16px calc(16px + env(safe-area-inset-bottom))}}.event-modal-content h2{font-size:1.4rem;line-height:1.8rem}.event-modal-content h2 .vs{font-weight:400;opacity:.7}.event-modal-close{position:absolute;top:8px;right:8px;display:flex;padding:6px;border-radius:50%;background:transparent;color:#00162c}.event-modal-close:hover{background:#fdeeee;color:#00162c}.event-modal-badge{align-self:center;padding:2px 12px;border-radius:20px;font-size:.85rem;color:#fff}.event-modal-badge.match{background:#2e7d32}.event-modal-badge.event{background:#c62828}.event-modal-date{font-weight:700}.event-modal-date:first-letter{text-transform:uppercase}.event-modal-score strong{font-size:1.2rem}.event-modal-description{white-space:pre-line;text-align:left}.event-modal-place{padding:12px;border-radius:14px;background:#fdeeee}.event-modal-place>p{display:flex;justify-content:center;gap:6px;text-align:left}.event-modal-place>p>span{display:flex;flex-direction:column}.event-modal-place .event-modal-address{font-size:.95rem}.event-modal-maps{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}.event-modal-maps .maps-btn{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:8px 14px;border-radius:20px;color:#fff;font-family:font-3,serif}.event-modal-maps .maps-btn.google{background:#1a73e8}.event-modal-maps .maps-btn.waze{background:#3cf;color:#00162c}.event-modal-maps .maps-btn.apple{background:#282828}.event-modal-picture{width:100%;border-radius:10px}.event-modal-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:6px}.event-modal-actions .event-modal-link{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:8px 14px;border-radius:20px;border:2px solid #ffd0c4;font-family:font-3,serif}@media screen and (max-width:768px){.event-modal-actions{flex-direction:column;align-items:stretch}.event-modal-actions>*{justify-content:center}}
