.profile-dropdown-overlay{padding:32px;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:1000;pointer-events:none;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.profile-dropdown-overlay.open{pointer-events:auto;opacity:1}.profile-dropdown{position:fixed;top:32px;right:32px;width:540px;height:95vh;background:#fff;border-radius:32px;outline:1px solid rgba(0,0,0,.1);outline-offset:-1px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:32px;transform:translateX(140%);opacity:0;transition:all .5s cubic-bezier(.4,0,.2,1);z-index:1000}@media(max-width:768px){.profile-dropdown{top:0;left:0;width:100vw;height:100vh;border-radius:0;padding-bottom:6em}}.profile-dropdown.open{transform:translateX(0);opacity:1}.profile-dropdown .profile-content{width:100%;display:flex;flex-direction:column;gap:24px;position:relative}.profile-dropdown .close-btn{position:absolute;top:0;right:0;color:#000;background:none;border:none;font-size:24px;cursor:pointer;padding:8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.profile-dropdown .close-btn:hover{transform:scale(1.1);opacity:.7}.profile-dropdown .close-btn i{font-size:12px}.profile-dropdown .avatar{width:56px;height:56px;display:flex;justify-content:center;align-items:center;border-radius:60px;border:1px solid rgba(0,0,0,.1);opacity:0;transform:scale(0);animation:avatarSlideIn .6s cubic-bezier(.4,0,.2,1) .1s forwards}@keyframes avatarSlideIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.profile-dropdown .avatar i{font-size:24px;color:#000}.profile-dropdown .greeting{font-weight:600;font-size:36px;line-height:40px;color:#000;word-wrap:break-word;opacity:0;transform:translateY(20px);animation:greetingSlideIn .6s cubic-bezier(.4,0,.2,1) .2s forwards}@keyframes greetingSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown .notice-box{display:flex;background:#f5f5f5;padding:32px;border-radius:32px;outline:1px solid rgba(0,0,0,.1);outline-offset:-1px;overflow:hidden;gap:24px;align-items:flex-start;width:100%;opacity:0;transform:translateY(20px);animation:noticeSlideIn .6s cubic-bezier(.4,0,.2,1) .3s forwards}@keyframes noticeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown .notice-icon{width:32px;height:32px}.profile-dropdown .notice-texts{display:flex;flex-direction:column;gap:32px}.profile-dropdown .notice-texts .notice-text{display:flex;gap:12px;flex-direction:column}.profile-dropdown .notice-title{font-weight:600;font-size:18px;line-height:13px;color:#000}.profile-dropdown .notice-description{font-weight:500;font-size:14px;color:#8d8d8d}.profile-dropdown .menu-item{width:100%;display:flex;justify-content:space-between;align-items:center;font-weight:500;font-size:16px;line-height:16px;color:#000;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;opacity:0;transform:translateX(-20px);animation:menuItemSlideIn .5s cubic-bezier(.4,0,.2,1) forwards}.profile-dropdown .menu-item:nth-child(4){animation-delay:.4s}.profile-dropdown .menu-item:nth-child(5){animation-delay:.5s}@keyframes menuItemSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.profile-dropdown .menu-item:hover{opacity:.6;transform:translateX(5px)}.profile-dropdown .menu-item span{line-height:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.profile-dropdown .menu-item i{rotate:-90deg;color:#000;transition:all .2s cubic-bezier(.4,0,.2,1)}.profile-dropdown .arrow-icon{width:16px;height:16px;position:relative;overflow:hidden}.profile-dropdown .arrow-icon div{width:14.51px;height:6.61px;background:#000;position:absolute;top:16.74px;left:4.64px;transform-origin:top left;transform:rotate(-90deg)}.profile-dropdown .logout-button{width:100%;height:54px;padding:16px;background:#141414;border-radius:64px;color:#fff;font-weight:500;font-size:14px;line-height:14px;display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:none;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(20px);animation:logoutButtonSlideIn .6s cubic-bezier(.4,0,.2,1) .6s forwards}@keyframes logoutButtonSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown .logout-button:hover{background-color:#333;transform:translateY(-2px)}.notification-container{width:100vw;top:24px;left:0;z-index:1000;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:12px}.notification-wrapper{pointer-events:all;opacity:0;transform:translateY(-100%);transition:all .4s cubic-bezier(.4,0,.2,1)}.notification-wrapper.visible{opacity:1;transform:translateY(0)}.notification-wrapper.exiting{opacity:0;transform:translateY(-100%)}.notification{max-width:820px;height:52px;padding:16px;gap:16px;background:#fff;border-radius:32px;outline:1px solid rgba(0,0,0,.1);outline-offset:-1px;display:flex;justify-content:space-between;align-items:center}.notification .icon-check{color:#8a00fc}.notification .icon-cancel{color:#dc2626}.notification .notification-content{display:flex;justify-content:flex-start;align-items:center;gap:16px}.notification .notification-content i{font-size:24px}.notification .notification-content .notification-message{color:#000;font-size:15px;font-weight:500}.notification .icon-cancel1{font-size:13px;color:hsla(0,0%,100%,.6);cursor:pointer;transition:color .2s ease}.notification .icon-cancel1:hover{color:hsla(0,0%,100%,.9)}@media(max-width:768px){.notification{min-width:auto;width:100%}}.notification-container{position:fixed;top:20px;right:20px;z-index:10000;pointer-events:none}@media(max-width:768px){.notification-container{top:10px;right:10px;left:10px}}@font-face{font-family:icomoon;src:url(/_next/static/media/icomoon.36dff870.eot);src:url(/_next/static/media/icomoon.36dff870.eot#iefix) format("embedded-opentype"),url(/_next/static/media/icomoon.52f7e6d8.ttf) format("truetype"),url(/_next/static/media/icomoon.fa6840d2.woff) format("woff"),url(/_next/static/media/icomoon.b3e32ff8.svg#icomoon) format("svg");font-weight:400;font-style:normal;font-display:block}[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-burger:before{content:"\e913"}.icon-discord:before{content:"\e900"}.icon-tiktok:before{content:"\e901"}.icon-youtube:before{content:"\e902"}.icon-telegram:before{content:"\e903"}.icon-instagram:before{content:"\e904"}.icon-three-dot:before{content:"\e905"}.icon-close:before{content:"\e906"}.icon-login:before{content:"\e907"}.icon-user:before{content:"\e908"}.icon-cancel:before{content:"\e909"}.icon-check:before{content:"\e90a"}.icon-pencil:before{content:"\e90b"}.icon-plus:before{content:"\e90c"}.icon-arrow-down:before{content:"\e90d"}.icon-search:before{content:"\e90e"}.icon-check2:before{content:"\e90f"}.icon-minus-sign:before{content:"\e910"}.icon-trash-can:before{content:"\e911"}.icon-shopping-bag:before{content:"\e912"}