:root{--black-color:#000;--white-color:#fff;--grapfit-color:#49454c;--gray-color:#333435;--gray-light-color:#a8a9b0;--line-color:#dcdde1;--txt-gray-color:#a0a0a0;--back-color:#f4f4f4;--violet-color:#343176;--violet-back-color:#f1f0fa;--green-color:#5fc0b1;--green-back-color:#e1f5f2;--blue-color:#528df0;--warn-color:#ed9b57;--orange-color:#ee7656;--alert-color:#f77878;--red-color:#e14142;--pink-color:#ffe8e8;--purple-color:#544669;--shadow-transparent:0px 4px 15px 0px rgba(0, 0, 0, 0);--shadow:0px 4px 15px 0px rgba(0, 0, 0, 0.15);--shadow2:0px 4px 28px 0px rgba(0, 0, 0, 0.1);--trs-300:300ms ease;--trs-600:600ms ease;--trs-1200:1200ms ease;--trs-2000:2000ms ease;--trs-cubic-800:0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);--trs-cubic-600:0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);--trs-cubic-300:0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);--screensize:1920}.profile-menu{z-index:110;position:fixed;top:0;left:0;bottom:0;right:0;background:var(--white-color);padding:calc(16 / var(--screensize) * 100vw) calc(20 / var(--screensize) * 100vw) calc(95 / var(--screensize) * 100vw) calc(20 / var(--screensize) * 100vw);overflow:auto;-webkit-transition:var(--trs-cubic-300);transition:var(--trs-cubic-300);pointer-events:none;opacity:0;-webkit-transform:translateY(-20%);-ms-transform:translateY(-20%);transform:translateY(-20%)}.profile-menu.active{opacity:1;pointer-events:all;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.profile-menu .top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.profile-menu .top .title{font-size:calc(18 / var(--screensize) * 100vw);font-weight:600;line-height:148%}.profile-menu .top .close-btn{width:calc(17 / var(--screensize) * 100vw);height:calc(17 / var(--screensize) * 100vw)}.profile-menu .profile-wholesale-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:calc(10 / var(--screensize) * 100vw)}.profile-menu .profile-wholesale-menu a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:calc(12 / var(--screensize) * 100vw);padding-top:calc(16 / var(--screensize) * 100vw);padding-bottom:calc(16 / var(--screensize) * 100vw);border-top:1px solid var(--line-color)}.profile-menu .profile-wholesale-menu a svg{width:calc(17 / var(--screensize) * 100vw);height:calc(17 / var(--screensize) * 100vw)}.profile-menu .profile-wholesale-menu a p{font-size:calc(16 / var(--screensize) * 100vw);font-weight:400;line-height:128%}.profile-menu .profile-wholesale-menu .exit-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:calc(12 / var(--screensize) * 100vw);border-top:1px solid var(--line-color);padding-top:calc(16 / var(--screensize) * 100vw)}.profile-menu .profile-wholesale-menu .exit-btn svg{width:calc(17 / var(--screensize) * 100vw);height:calc(17 / var(--screensize) * 100vw)}.profile-menu .profile-wholesale-menu .exit-btn p{font-size:calc(16 / var(--screensize) * 100vw);font-weight:400;line-height:128%;color:var(--gray-light-color)}.profile-menu .profile-menu-swiper-wrapper{margin-top:calc(36 / var(--screensize) * 100vw);margin-left:calc(-20 / var(--screensize) * 100vw);margin-right:calc(-20 / var(--screensize) * 100vw);padding-left:calc(20 / var(--screensize) * 100vw);padding-right:calc(20 / var(--screensize) * 100vw);overflow:hidden}.profile-menu .profile-menu-swiper-wrapper .swiper-slide .notification-card{background:var(--back-color);position:relative;border-radius:calc(6 / var(--screensize) * 100vw);padding:calc(20 / var(--screensize) * 100vw)}.profile-menu .profile-menu-swiper-wrapper .swiper-slide .notification-card.no-check::before{content:"";height:calc(6 / var(--screensize) * 100vw);width:calc(6 / var(--screensize) * 100vw);right:calc(10 / var(--screensize) * 100vw);bottom:calc(10 / var(--screensize) * 100vw);background:var(--green-color);position:absolute;border-radius:999px}.profile-menu .profile-menu-swiper-wrapper .swiper-slide .notification-card .notification-card-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.profile-menu .profile-menu-swiper-wrapper .swiper-slide .notification-card .notification-card-top .date{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:calc(6 / var(--screensize) * 100vw);font-size:calc(12 / var(--screensize) * 100vw);font-weight:600;line-height:115%;text-transform:uppercase;color:var(--gray-light-color)}.profile-menu .profile-menu-swiper-wrapper .swiper-slide .notification-card .notification-card-top .date img{width:calc(10 / var(--screensize) * 100vw);height:calc(10 / var(--screensize) * 100vw)}.profile-menu .profile-menu-swiper-wrapper .swiper-slide .notification-card .notification-card-top .delete-btn{width:calc(17 / var(--screensize) * 100vw);height:calc(15 / var(--screensize) * 100vw);padding:0}.profile-menu .profile-menu-swiper-wrapper .swiper-slide .notification-card .notification-card-top .delete-btn svg{width:100%;height:100%}.profile-menu .profile-menu-swiper-wrapper .swiper-slide .notification-card .title{margin-top:calc(10 / var(--screensize) * 100vw);font-size:calc(14 / var(--screensize) * 100vw);font-weight:400;line-height:128%}.profile-menu .profile-menu-swiper-wrapper .profile-menu-swiper-pagination-wrapper{margin-top:calc(12 / var(--screensize) * 100vw)}.profile-menu .profile-wholesale-menu-ask-person{margin-top:calc(36 / var(--screensize) * 100vw)}.profile-menu .profile-wholesale-menu-ask-person .image-wrapper{width:calc(84 / var(--screensize) * 100vw);height:calc(104 / var(--screensize) * 100vw);border-radius:calc(6 / var(--screensize) * 100vw);overflow:hidden}.profile-menu .profile-wholesale-menu-ask-person .image-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-menu .profile-wholesale-menu-ask-person .content{margin-top:calc(20 / var(--screensize) * 100vw);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0}.profile-menu .profile-wholesale-menu-ask-person .content .name{font-size:calc(18 / var(--screensize) * 100vw);font-weight:400;line-height:148%}.profile-menu .profile-wholesale-menu-ask-person .content .post{color:var(--gray-light-color);margin-top:calc(6 / var(--screensize) * 100vw);font-size:calc(12 / var(--screensize) * 100vw);font-weight:600;line-height:115%}.profile-menu .profile-wholesale-menu-ask-person .content .date{margin-top:calc(20 / var(--screensize) * 100vw);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:calc(16 / var(--screensize) * 100vw);font-size:calc(14 / var(--screensize) * 100vw);font-weight:500;line-height:128%}.profile-menu .profile-wholesale-menu-ask-person .content .date img{width:calc(16 / var(--screensize) * 100vw);height:calc(16 / var(--screensize) * 100vw)}.profile-menu .profile-wholesale-menu-ask-person .content .tel{margin-top:calc(10 / var(--screensize) * 100vw);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:calc(16 / var(--screensize) * 100vw);font-size:calc(14 / var(--screensize) * 100vw);font-weight:500;line-height:128%;color:var(--violet-color)}.profile-menu .profile-wholesale-menu-ask-person .content .tel img{width:calc(14 / var(--screensize) * 100vw);height:calc(14 / var(--screensize) * 100vw)}.profile-menu .profile-wholesale-menu-ask-person .content .btn{margin-top:calc(20 / var(--screensize) * 100vw);width:100%}@media (max-width:1440px){:root{--screensize:1440}}@media (max-width:992px){:root{--screensize:767}}@media (max-width:767px){:root{--screensize:360}}