.dropdown-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);z-index:9999}.portal-container{background:#312c47;position:fixed;z-index:10000;padding:2rem 1rem;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.2);max-width:28rem;min-height:20rem;max-height:70vh;min-width:28rem;overflow-y:auto}.portal-container .close-icon{position:absolute;top:2%;right:5%;background:#d829cc;border-radius:8px;padding:2px;font-size:12px;cursor:pointer}.portal-container .wrapper{height:100%}.portal-container.notification{top:8%;left:75%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}@media screen and (max-width:991.9px){.portal-container.notification{top:8%;right:0;left:unset;min-width:100%;max-height:70vh}}.portal-container.notification .wrapper{display:flex;flex-direction:column;height:100%;overflow:hidden}.portal-container.notification .wrapper .title-section{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-shrink:0;padding-bottom:.5rem;font-family:Montserrat,sans-serif}.portal-container.notification .wrapper .title-section h3{font-size:18px;font-weight:500}.portal-container.notification .wrapper .title-section h6{font-size:14px;font-weight:400;letter-spacing:-1px;cursor:pointer}.portal-container.notification .wrapper .divider{height:2px;background:linear-gradient(265.83deg,rgba(213,8,205,.4) -2.38%,hsla(0,0%,100%,.4) 49.99%,rgba(213,8,205,.4) 101.92%);width:100%;margin:.5rem auto 1.5rem}.portal-container.notification .wrapper .list{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;flex:1;padding-right:4px;margin-right:-4px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.portal-container.notification .wrapper .list::-webkit-scrollbar{display:none;width:0;height:0}.portal-container.notification .wrapper .list .item{display:flex;justify-content:space-between;align-items:flex-start;font-family:Montserrat,sans-serif;margin-bottom:.5rem;border-bottom:1px solid hsla(0,0%,80%,.314);cursor:pointer;padding:1rem 0}.portal-container.notification .wrapper .list .item:last-child{border-bottom:none}.portal-container.notification .wrapper .list .item:hover{background:#615b80}.portal-container.notification .wrapper .list .item .item-content{flex:.9;display:flex;justify-content:flex-start;align-items:center;padding:0 2px}.portal-container.notification .wrapper .list .item .item-content .item-text{gap:.5rem;display:flex;justify-content:flex-start;align-items:center;font-size:16px;font-weight:400}.portal-container.notification .wrapper .list .item .item-content .item-text .unread-dot{height:8px;width:8px;background-color:#d829cc;border-radius:50%;font-size:6px}.portal-container.notification .wrapper .list .item .item-content .item-text .message-text{font-size:16px;flex:.9}.portal-container.notification .wrapper .list .item .item-delete{background:#d829cc;border-radius:8px;padding:1px;font-size:10px;cursor:pointer}.portal-container.wallet{top:8%;left:50%}@media screen and (max-width:991.9px){.portal-container.wallet{top:8%;right:0;left:unset;min-width:100%}}.portal-container.profile{top:9%;right:1%;min-width:16rem}@media(max-width:768px){.portal-container.profile{min-width:10rem}}.portal-container.profile .profile-dropdown-list{width:100%;display:flex;flex-direction:column;gap:.25rem}@media(max-width:768px){.portal-container.profile .profile-dropdown-list{gap:.5rem}}.portal-container.profile .profile-dropdown-list li{list-style-type:none}.portal-container.profile .profile-dropdown-list .nav-btn-box{--nav-btn-max-width:14.875rem;--nav-btn-aspect-ratio:119/32;width:100%;max-width:var(--nav-btn-max-width);aspect-ratio:var(--nav-btn-aspect-ratio);transition:all .3s ease-in-out;cursor:pointer}@media(max-width:768px){.portal-container.profile .profile-dropdown-list .nav-btn-box{--nav-btn-aspect-ratio:151/30}}.portal-container.profile .profile-dropdown-list .nav-btn-box .nav-btn{font-family:Montserrat,CarterOne,sans-serif;font-weight:500;width:100%;max-width:var(--nav-btn-max-width);background-color:transparent;aspect-ratio:var(--nav-btn-aspect-ratio);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;display:flex;justify-content:center;align-items:center;gap:.75rem;padding:1.125rem 1rem 1rem 1.125rem;position:relative;transition:all .3s ease-in-out;background-image:url(/_next/static/media/sidebar-menu-item.f6350f6e.png);background-repeat:no-repeat;background-size:100% 100%}@media(max-width:768px){.portal-container.profile .profile-dropdown-list .nav-btn-box .nav-btn .text{font-size:12px}}.portal-container.profile .profile-dropdown-list .nav-btn-box .nav-btn:hover{transform:scale(1.05);transition:all .3s ease-in-out}.portal-container.profile .profile-dropdown-list .nav-btn-box .nav-btn .icon-box{--icon-box-max-width:1.75rem;--icon-box-aspect-ratio:1/1;width:100%;min-width:var(--icon-box-max-width);max-width:var(--icon-box-max-width);aspect-ratio:var(--icon-box-aspect-ratio);display:flex;justify-content:center;align-items:center;position:relative}.portal-container.profile .profile-dropdown-list .nav-btn-box .nav-btn .icon-box .icon-shape{width:1.5rem;min-width:1.5rem;height:1.5rem;min-height:1.5rem;display:block;z-index:1}.portal-container.profile .profile-dropdown-list .nav-btn-box .nav-btn .icon-box svg{width:1rem;height:1rem;fill:var(--white-1000);z-index:1}