| 1 |
- @media screen and (max-width: 991px){.notice-container[data-v-517844a2] .cwg-dropdown-menu-container{left:-8.4375rem!important}}.notice-container .pc-header-btn[data-v-517844a2]{position:relative;width:-webkit-fit-content;width:fit-content;display:flex;align-items:center;justify-content:center;padding:0 .375rem}.notice-container .pc-header-btn.has-dot[data-v-517844a2]:after{content:"";position:absolute;top:.125rem;right:.125rem;width:.25rem;height:.25rem;background-color:#f56c6c;border-radius:50%}.notice-container .pc-payment-btn[data-v-517844a2]{border-radius:.125rem;padding:.125rem .375rem;height:1.125rem;cursor:pointer}.notice-container .pc-payment-btn .balance-text[data-v-517844a2]{margin-left:.1875rem;font-size:.4375rem;font-weight:500;color:var(--bs-heading-color)}.notice-container .custom-payment-drawer[data-v-517844a2]{width:10rem;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important;padding:0;border-radius:.25rem;box-shadow:0 4px 12px rgba(0,0,0,.1)}.notice-container .custom-payment-drawer .drawer-header[data-v-517844a2]{display:flex;justify-content:space-between;align-items:center;padding:.375rem .5rem;border-bottom:1px solid var(--bs-border-color)}.notice-container .custom-payment-drawer .drawer-header .drawer-title[data-v-517844a2]{font-size:.4375rem;color:var(--bs-heading-color)}.notice-container .custom-payment-drawer .drawer-content[data-v-517844a2]{padding:.625rem .5rem}.notice-container .custom-payment-drawer .drawer-content .balance-amount[data-v-517844a2]{font-size:.5625rem;font-weight:700;color:var(--bs-heading-color);margin-bottom:.25rem}.notice-container .custom-payment-drawer .drawer-content .account-type[data-v-517844a2]{font-size:.40625rem;color:var(--bs-heading-color);margin-bottom:.125rem}.notice-container .custom-payment-drawer .drawer-content .account-number[data-v-517844a2]{font-size:.40625rem;color:var(--bs-heading-color)}.notice-container .custom-payment-drawer .drawer-actions[data-v-517844a2]{display:flex;gap:.3125rem;padding:0 .5rem .625rem}.notice-container .custom-payment-drawer .drawer-actions .action-btn[data-v-517844a2]{flex:1;height:1.125rem;line-height:1.125rem;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important;color:var(--bs-heading-color);font-size:.40625rem;border-radius:.125rem;margin:0}.notice-container .custom-payment-drawer .drawer-actions .action-btn[data-v-517844a2]:after{border:none}.notice-container .custom-payment-drawer .drawer-actions .action-btn[data-v-517844a2]:active{background-color:#e4e7ed}.notice-container .notification-list[data-v-517844a2]{width:100%}.notice-container .notification-item[data-v-517844a2]{display:flex;align-items:center;justify-content:space-between;padding:.375rem .5rem;border-bottom:1px solid var(--bs-border-color);cursor:pointer;transition:all .3s}.notice-container .notification-item[data-v-517844a2]:hover{background-color:rgba(0,0,0,.05)}.notice-container .notification-item .item-content[data-v-517844a2]{flex:1}.notice-container .notification-item .item-content .item-title[data-v-517844a2]{font-size:.4375rem;color:var(--bs-heading-color);line-height:1.4;margin-bottom:.125rem}.notice-container .notification-item .item-content .item-time[data-v-517844a2]{font-size:.375rem;color:var(--bs-heading-color)}.notice-container .notification-item .item-badge[data-v-517844a2]{margin-left:.375rem}.notice-container .notification-item .item-badge .dot[data-v-517844a2]{width:.25rem;height:.25rem;background-color:#f56c6c;border-radius:50%}.notice-container .logout-wrap[data-v-517844a2]{margin-top:auto;padding:20px 16px;margin-bottom:20px}.notice-container .logout-btn[data-v-517844a2]{height:44px;background:#f4eadf;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-weight:600;cursor:pointer}.cwg-pc-header[data-v-c575cd4c]{display:flex;align-items:center;justify-content:space-between;height:1.71875rem;border-bottom:1px solid var(--bs-border-color);padding:0 .5rem;position:relative;z-index:10}.left[data-v-c575cd4c]{display:flex;align-items:center}.center[data-v-c575cd4c]{flex:1}.right[data-v-c575cd4c]{display:flex;align-items:center;gap:0}.bell .dot[data-v-c575cd4c]{position:absolute;top:0;right:-2px;width:7px;height:7px;background:#27ae60;border-radius:50%;display:inline-block}.left-img[data-v-c575cd4c]{width:3.75rem}.avatar .img[data-v-c575cd4c]{width:32px;height:32px;border-radius:50%;background:#eee}.logo .img[data-v-c575cd4c]{width:36px;height:36px;border-radius:50%;background:#fff}
|
