@font-face{font-family:iranyekan;src:url(/assets/IRANYekanWebMedium-CnJPe57v.woff2)}*{margin:0;padding:0;box-sizing:border-box}.header{height:10vh;background-color:#0b1a2b}.header .right img{width:90px;height:90px}.mainlayout{background-color:#0b1a2b;height:500px}.mainlayout .top{display:flex;align-items:center;justify-content:space-evenly;height:80%}.mainlayout .top .left img{width:180px;height:130px}.mainlayout .top .right{width:200px;color:#fff;font-family:iranyekan;padding-right:10px}.mainlayout .top .right p{margin-top:30px}.mainlayout .bottom{height:90px;display:flex;align-items:start;flex-direction:column;justify-content:center;gap:5px;margin-right:25px}.mainlayout .bottom a{width:70px;height:43px;text-decoration:none;color:#187bd7;background-color:#fff;border-radius:5px;display:flex;align-items:center;justify-content:center;font-weight:500;font-family:iranyekan}.mainlayout .bottom button{width:200px;height:43px;background-color:#187bd7;color:#fff;font-family:iranyekan;border:none;border-radius:5px;cursor:pointer}.footer{display:flex;align-items:center;justify-content:space-evenly;height:200px;font-family:iranyekan}.footer div{display:flex;flex-direction:column;align-items:center}.footer div svg{width:30px;height:30px;margin-bottom:15px}.footer div p{font-size:16px;width:80px;text-align:center}.auth{background-color:#0b1a2b;height:100vh}.auth .mainauth{height:500px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;color:#fff;font-family:iranyekan}.auth .mainauth .top{height:180px;display:flex;align-items:end}.auth .mainauth .title{height:100px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.auth .mainauth .form{height:150px;display:flex;flex-direction:column;justify-content:space-evenly}.auth .mainauth form{display:flex;flex-direction:column;gap:15px;width:220px}.auth .mainauth form input{font-family:iranyekan;height:45px;border:none;padding:10px;border-radius:8px}.auth .mainauth form input:disabled{background-color:#c7c7c7}.auth .mainauth form input:focus{outline:none}.auth .mainauth form .d-none{display:none}.auth .mainauth form .button{height:40px;background-color:#187bd7;color:#fff;border:none;border-radius:8px;font-family:iranyekan}.auth .mainauth form .button:disabled{opacity:.4}.auth .mainauth .roles{display:flex;padding-right:5px;margin-top:10px;gap:5px}.inform{background-color:#0b1a2b;height:100vh}.inform .form{background-color:#0b1a2b;height:500px;min-width:300px;display:flex;align-items:center;justify-content:center}.inform .form form{background-color:#0b1a2b;height:500px;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:30px;font-family:iranyekan;color:#fff}.inform .form form div{display:flex;flex-direction:column;align-items:start}.inform .form form label{color:#fff;margin-bottom:10px}.inform .form form h2{margin-bottom:30px}.inform .form form input{height:40px;background-color:transparent;border-radius:8px;border:1px solid #fff;padding:5px;font-family:iranyekan;width:250px;color:#0b1a2b}.inform .form form #name{color:#fff}.inform .form form .ableinput{background-color:#fff}.inform .form form button{width:150px;height:35px;background-color:#187bd7;color:#fff;font-family:iranyekan;border:none;border-radius:8px}.successnotif{height:100vh;background:#0b1a2b}.successnotif .notif{display:flex;justify-content:center;align-items:center;height:100%}.successnotif .gradient-border{width:380px;height:220px;color:#fff;border:3px solid #fff;display:flex;justify-content:center;align-items:center;border-radius:8px;padding:20px;font-size:19px;text-align:center;font-family:iranyekan;margin-bottom:50px}.explore{background-color:#0b1a2b;height:100vh}.explore .header{height:12vh;display:flex;justify-content:center;align-items:center}.explore .header .switch{width:252px;height:52px;background-color:#fff;display:flex;border-radius:10px;position:relative;border:1px solid #fff}.explore .header .switch span{width:125px;height:50px;background-color:#0b1a2b;position:absolute;transition:.3s;border-radius:10px}.explore .header .switch p{width:50%;display:flex;align-items:center;justify-content:center;font-family:iranyekan;color:#0b1a2b;cursor:pointer}.explore .header .switch .active{color:#fff;z-index:1}.explore .header .switch .lefttransform{transform:translate(-125px);transition:.3s}.explore .section{display:flex;justify-content:center;height:80vh;align-items:center;background-color:#0b1a2b;position:relative}.explore .section .inputsearch{position:absolute;top:10px}.explore .section .inputsearch svg{position:absolute;color:#fff;border-radius:50%;left:5px;top:12px;width:20px;height:20px}.explore .section .search{width:300px;height:45px;border-radius:15px;border:none;background-color:#0b1a2b;color:#fff;padding:5px}.explore .section .search:focus{outline:none}.explore .section .mainsection{border-radius:20px;height:100%;background-color:#fff;width:95%;padding:10px;display:flex;flex-wrap:wrap;gap:20px;overflow-y:auto}.explore .section .mainsection .usercard{width:180px;height:110px;background-color:#dbdbdb;border-radius:10px;padding:5px}.explore .section .mainsection .usercard .top{display:flex;height:70px;justify-content:space-evenly}.explore .section .mainsection .usercard .top .right{width:50%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:start}.explore .section .mainsection .usercard .top .right .name{font-size:16px}.explore .section .mainsection .usercard .top .left{width:50px;height:50px}.explore .section .mainsection .usercard .top .left img{object-fit:cover;width:100%;height:100%;border-radius:50%}.explore .section .mainsection .usercard .bottom{text-align:end}.explore .section .mainsection .usercard .bottom button{width:100px;height:25px;background-color:#187bd7;color:#fff;border:none;border-radius:5px;font-family:iranyekan;font-size:11px;cursor:pointer}.explore .footer{height:8vh;background-color:#0b1a2b;display:flex;justify-content:space-evenly;align-items:center}.explore .footer div{width:40px;height:40px;border-radius:50%;padding:5px;color:#fff}.explore .footer svg{margin:0;cursor:pointer}.explore .footer .activeicone{background-color:#fff;color:#0b1a2b}.explore .d-none{display:none}:root{--accent-900: #fff;--accent-800: #1b945b;--check-svg: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%23ffffff'%3E%3Cpath d='M400-314.46 250.46-464 296-509.54l104 104 264-264L709.54-624 400-314.46Z'/%3E%3C/svg%3E");--notification-inset: 2rem;font-family:system-ui}.notification{color:#fff;position:fixed;display:none;font-size:1.3rem;letter-spacing:2px;line-height:1.4;gap:1.75rem;top:0;right:0;margin:var(--notification-inset);width:24rem;background-color:#0b1a2b49;box-shadow:0 0 .5rem #00000040;border-radius:.5rem;max-width:calc(100% - 6rem);z-index:2;padding:1.75rem 1.25rem 1.25rem;overflow:clip;transform:translate(calc(100% + var(--notification-inset)));animation:slideInOut 4s infinite cubic-bezier(.33,0,.66,1.33);animation-play-state:var(--animation-play-state);&__text{margin:.3rem 0 0}&__header{color:#000;margin:0;font-size:1.5rem;font-weight:600}&__action{margin-left:auto}&__icon{border-radius:50%;display:block;aspect-ratio:1;background-size:3rem;background-color:var(--accent-900);background-image:var(--check-svg);background-repeat:no-repeat;background-position:50% 100%;width:3.2rem;margin-bottom:auto;flex-shrink:0}}.notification:hover{--animation-play-state: paused}.notification:before{content:"";display:block;inset:0 0 auto;height:.5rem;background-color:var(--accent-900);transform-origin:left;position:absolute;animation:countdown 4s infinite linear;animation-play-state:var(--animation-play-state)}@keyframes slideInOut{15%,66%{transform:translate(0)}}@keyframes countdown{66%,to{transform:scaleX(0)}}.d-flex{display:flex}