.main-container-inbox{padding:20px 0 110px 24px;display:flex;min-width:70vh;width:100%;background:#f1f1f1}.main-container-inbox .inbox{padding:0 40px 80px;width:100%}.main-container-inbox .inbox .top{box-sizing:border-box;margin:0;padding:0;border-bottom:1px solid #c7517f;border-radius:12%;color:rgba(0,0,0,.88);font-size:14px;line-height:14px;display:flex;width:100%;justify-content:space-between}.main-container-inbox .inbox .top .tablist{margin:0 0 24px;padding-bottom:16px;position:relative;display:flex;align-items:center;width:100%;justify-content:space-between;border-bottom:.5px solid hsla(0,10%,77%,.5)}.main-container-inbox .inbox .top .tablist .nav{position:relative;display:flex;align-self:stretch;overflow:hidden;white-space:nowrap;transform:translate(0)}.main-container-inbox .inbox .top .tablist .nav .list{position:relative;display:flex;transition:opacity .3s;transform:translate(0)}.main-container-inbox .inbox .top .tablist .nav .list .mess{position:relative;display:inline-flex;align-items:center;padding:12px 0;font-size:14px;background:transparent;border:0;outline:none;cursor:pointer;color:rgba(0,0,0,.88)}.main-container-inbox .inbox .top .tablist .nav .list .mess .tab{display:flex;color:rgba(0,0,0,.5);font-size:24px;font-weight:500;transition:all .3s}.main-container-inbox .inbox .top .tablist .nav .list .mess .tab .icon{margin-inline-end:5px!important}.main-container-inbox .inbox .top .tablist .nav .list .mess .tab .text{color:#000;font-weight:500;font-size:24px}.main-container-inbox .inbox .top .tablist .nav .list .mess.active .tab{color:#3d88ff;text-shadow:0 0 .25px currentColor}.main-container-inbox .inbox .top .tablist .nav .list .mess.active .tab .icon{color:#3d88ff}.main-container-inbox .inbox .top .tablist .nav .list .notifi{position:relative;display:inline-flex;align-items:center;padding:12px 0;font-size:14px;background:transparent;border:0;outline:none;cursor:pointer;color:rgba(0,0,0,.88);margin:0 0 0 32px}.main-container-inbox .inbox .top .tablist .nav .list .notifi .tab{display:flex;color:rgba(0,0,0,.5);font-size:24px;font-weight:500;transition:all .3s}.main-container-inbox .inbox .top .tablist .nav .list .notifi .tab .icon{margin-inline-end:5px!important}.main-container-inbox .inbox .top .tablist .nav .list .notifi .tab .icon .my-icon{color:#daa520}.main-container-inbox .inbox .top .tablist .nav .list .notifi .tab .text{color:rgba(0,0,0,.5);font-weight:500;font-size:24px}.main-container-inbox .inbox .top .tablist .nav .list .notifi.active .tab{color:#3d88ff;text-shadow:0 0 .25px currentColor}.main-container-inbox .inbox .top .tablist .nav .list .notifi.active .tab .icon{color:#3d88ff}.main-container-inbox .inbox .top .tablist .nav .list .ink-bar{left:233.664px;transform:translateX(-50%);width:0}.main-container-inbox .inbox .top .tablist .extra-content{display:flex;gap:20px;align-items:center}.main-container-inbox .inbox .top .tablist .extra-content .dropdown{width:210px;height:44px;line-height:44px;background:#fff;color:#c7517f;border:1px solid;border-radius:8px;font-size:14px}.main-container-inbox .inbox .top .tablist .extra-content .dropdown .p-dropdown{display:flex;align-items:center;background:#fff;color:#c7517f;border:1px solid;border-radius:8px}.main-container-inbox .inbox .top .tablist .extra-content .mark-all{min-width:140px;height:44px;padding:12px;color:#fff;font-size:14px;background:linear-gradient(180deg,#c7517f,#f4e1da);border:1px solid;border-radius:8px}.main-container-inbox .inbox .main{min-height:60vh}.main-container-inbox .inbox .main ul{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.main-container-inbox .inbox .main ul li{display:flex;margin-bottom:20px;padding:20px 20px 19px 14px;color:#041633;border-radius:10px}.main-container-inbox .inbox .main ul li .icon{position:relative;width:40px;height:40px;border-radius:50%}.main-container-inbox .inbox .main ul li .icon:after{position:absolute;top:0;left:15px;display:block;width:10px;height:10px;background:#f55;border-radius:50%;content:""}.main-container-inbox .inbox .main ul li .text{margin-left:20px}.p-dropdown{height:44px}