.notification-menu.confirm-open{z-index:1}.notification-menu .notification-item{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.25rem;padding:.75rem 1rem;position:relative}.notification-menu .notification-item:not(:last-child){border-bottom:1px solid var(--gray-alpha-300)}.notification-menu .notification-item.empty{opacity:.7}.notification-menu .notification-item.unread .notification-alert{opacity:1}.notification-menu .notification-item .notification-title-wrapper{display:flex;justify-content:space-between;width:100%}.notification-menu .notification-item .notification-title-wrapper .notification-title{font-size:.9rem;font-weight:700}.notification-menu .notification-item .notification-title-wrapper .notification-time{font-size:.9rem;color:var(--gray-alpha-500)}.notification-menu .notification-item .notification-message{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;font-size:.9rem;white-space:break-spaces;padding-left:.5rem}.notification-menu .notification-item .notification-alert{position:absolute;top:.75rem;left:.5rem;content:"";display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background-color:var(--primary-color);opacity:0;transition:opacity .2s ease-in-out}.notice-dialog .title-wrapper{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;font-size:1.125rem;font-weight:700}.notice-dialog .title-wrapper .icon{color:var(--notice-color)}.notice-dialog .content-wrapper{display:flex;flex-direction:column;align-items:center;padding:0}.notice-dialog .content-wrapper .description{text-align:center;white-space:break-spaces;padding:.5rem 1rem;font-size:1rem;margin-bottom:1.5rem}.notice-dialog .content-wrapper .action-btn,.notice-dialog .content-wrapper .link-btn{display:flex;align-items:center;justify-content:center;color:var(--notice-color);opacity:.75;font-size:1.125rem;border-top:1px solid var(--gray-alpha-300);width:100%;padding:.75rem;border-radius:0;height:3.25rem;transition:opacity .2s,background-color .2s}@media(hover:hover)and (pointer:fine){.notice-dialog .content-wrapper .action-btn:hover,.notice-dialog .content-wrapper .link-btn:hover{background-color:var(--gray-alpha-100);opacity:1}}.myshop-header{z-index:10;position:-webkit-sticky;position:sticky;top:1px;flex-direction:column;justify-content:center;height:var(--header-height);color:var(--foreground);background:var(--background-hover);margin-top:-1px;box-shadow:0 1px 0 var(--gray-alpha-300),0 -4px 0 var(--background-hover);transition:box-shadow .2s ease;flex-direction:row}.myshop-header,.myshop-header .left-container{display:flex;align-items:center;width:100%}.myshop-header .left-container .title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;cursor:pointer;transition:opacity .2s ease}.myshop-header .right-container{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;width:100%;transition:padding .2s ease}.myshop-header .right-container .menu-btn{background-color:var(--background);border:1px solid var(--gray-alpha-300);border-radius:.75rem;gap:.5rem;padding-right:43px;position:relative}.myshop-header .right-container .menu-btn.minimal{padding-right:8px}.myshop-header .right-container .menu-btn.minimal .user-icon{display:none}.myshop-header .right-container .menu-btn .menu-icon{color:var(--icon-color)}.myshop-header .right-container .menu-btn .user-icon{position:absolute;top:50%;right:8px;transform:translateY(-50%);border-radius:50%;border:1px solid var(--gray-alpha-300)}@media(hover:hover)and (pointer:fine){.myshop-header .left-container .title:hover{opacity:.8}.myshop-header .right-container .menu-btn:hover{background-color:var(--icon-hover-color)}}@media(min-width:1180px){.myshop-header{padding-left:0;padding-right:0}.myshop-header .right-container .search-input{flex:.5 1}}