.layout-wrapper__avatar-card{display:flex;flex-direction:column;gap:1vw;width:100%}.wallet-card{background:url(/_next/static/media/wallet-icon.51834b6b.png) no-repeat var(--black);box-shadow:var(--secondary-color-2);color:var(--white);display:flex;align-items:center;text-align:start;border-radius:1vw;height:7vw;position:relative;padding:1vw}.wallet-card p{font-size:1vw}.wallet-card h3,.wallet-card p{font-weight:500;text-align:start}.wallet-card h3{font-size:1.5vw}.wallet-card .wallet-img{width:10vw;-o-object-fit:cover;object-fit:cover;height:100%;position:absolute;right:.5vw;z-index:1}.wallet-card .wallet-text{text-align:start;z-index:2}.profile-img-card{display:flex;justify-content:center;margin:0 auto}.notification-icon{display:flex;position:relative;justify-content:flex-end;align-items:end;color:var(--white);font-size:2vw}.notification-icon svg{width:1.5vw;height:1.5vw}.notification-icon span{background-color:#f34b4b;color:#fff;position:absolute;top:-.5vw;right:-.5vw;width:1.3vw;height:1.3vw;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.7vw;z-index:1}.notification-icon span.hidden-count{display:none!important}.account-full-name{font-size:2vw!important;font-weight:500;color:var(--black);text-align:center}.profile-menu-card{padding:0!important}.profile-menu .active-li{background-color:rgba(241,163,40,.0588235294)!important}.profile-menu .active-li:first-child{border-top-right-radius:1vw;border-top-left-radius:1vw}.profile-menu li{padding:1vw 1.5vw;font-size:1vw;display:flex;align-items:center;font-weight:700;cursor:pointer;border-bottom:1px solid var(--gray-100);position:relative}.profile-menu li svg{width:1vw;height:1vw}.profile-menu li:last-child{border-bottom:none}.profile-menu li:hover{color:var(--gray-100)}.profile-menu .link-menu{color:#333;text-decoration:none;display:flex;align-items:center;gap:.5vw;padding-bottom:.2vw;width:100%}.profile-menu .sms-link{display:flex;justify-content:space-between;width:100%}.profile-menu .sms-link div{display:flex;align-items:center;gap:.5vw}.profile-menu .sms-link span{background-color:rgba(241,163,40,.2);color:var(--primary-color);padding:.2vw .5vw;border-radius:.5vw;font-size:.9vw}.profile-menu .hidden-count{display:none!important}.profile-menu .active-link{color:#f2a835;text-decoration:none}.profile-card{background:#fff;box-shadow:2vw;padding:2vw;border-radius:1vw;text-align:center}.profile-card .img-card{display:flex;justify-content:center;border-radius:50%;-o-object-fit:cover;object-fit:cover;width:5vw;height:5vw}.profile-card h2{margin-top:2vw;font-size:1.5vw;font-weight:600}.link-logout-menu{color:var(--red-100)!important}.close-icon{display:none}.level-title{font-size:1.2vw;font-weight:600;color:#222;text-align:start;margin-bottom:1vw}.my-level{width:100%;background:#fff;border-radius:1vw}.level-card{display:flex;justify-content:space-around;align-items:center;margin-bottom:1.5vw}.level-card .level-info{display:flex;flex-direction:column;align-items:center}.level-card .level-info .level-img{width:3vw;height:3vw;-o-object-fit:contain;object-fit:contain}.level-card .level-info .level-name{margin-top:.5vw;font-size:1vw;font-weight:600;color:#222;word-break:break-word;text-align:center;max-width:10vw}.level-card .level-info .level-amount{font-size:.9vw;color:#888}.level-card .divider{width:1px;height:5vw;background-color:#eee}.progress-container .progress-bar{background-color:#f7dcbf;border-radius:1vw;height:.6vw;overflow:hidden;position:relative}.progress-container .progress-bar .progress-fill{background-color:#f2a94d;height:100%;transition:width .3s ease-in-out}.progress-container .progress-labels{display:flex;justify-content:space-between;font-size:.8vw;color:#666;margin-top:.5vw}.progress-container .progress-labels span{font-size:1vw;color:#666}@media only screen and (max-width:700px){.layout-wrapper__avatar-card{width:90%!important;padding-top:4dvh;margin:0 auto;gap:3vw}.wrap{display:flex;justify-content:space-between}.notification-icon span{width:4vw;height:4vw;top:-2vw;right:-2vw;font-size:3vw;z-index:1}.notification-icon span.hidden-count{display:none!important}.notification-icon svg{width:5vw;height:5vw}.wallet-card{width:100%;margin:0!important;border-radius:3vw;display:flex;justify-items:start;position:relative;padding:0 3vw;height:20vw}.wallet-card h3{font-size:6vw}.wallet-card h3,.wallet-card p{font-weight:500;text-align:start}.wallet-card p{font-size:4vw}.wallet-card .wallet-img{width:30vw;position:absolute}.profile-menu{gap:4vw}.profile-menu .link-menu{font-size:4vw;justify-content:flex-start!important;font-weight:500;padding:3vw}.profile-menu .link-menu svg{width:4vw;height:4vw}.profile-menu .link-menu:last-child{border-bottom:none!important}.profile-menu .link-menu{display:flex;justify-content:space-between;align-items:center;gap:4vw;padding-bottom:1.5vw}.sms-link div{gap:4vw!important}.sms-link span{background-color:rgba(241,163,40,.2);color:var(--primary-color);padding:.2vw .5vw;border-radius:.5vw;font-size:.9vw}.profile-card{background:#fff;box-shadow:3vw;border-radius:3vw;text-align:center}.profile-card .img-card{width:15vw;height:15vw;display:flex;justify-content:center;border-radius:50%;-o-object-fit:cover;object-fit:cover}.profile-card .level-img{height:4vw}.profile-card p{margin-top:3vw;align-items:center;font-size:4vw!important}.profile-card h2{margin-top:3vw;font-size:4vw;font-weight:500}.account-full-name{font-size:4vw!important;font-weight:500;text-align:center}.close-icon{display:flex}.close-icon svg{width:4vw;height:4vw}.close-icon svg path{stroke:var(--black)}.level-title{font-size:4vw;margin-bottom:2vw}.my-level{border-radius:4vw;padding:4vw 3vw}.level-card{flex-direction:row;gap:4vw;margin-bottom:5vw}.level-card .level-info .level-img{width:10vw;height:10vw}.level-card .level-info .level-name{margin-top:1.5vw;font-size:3.5vw;max-width:30vw;word-break:break-word;text-align:center}.level-card .level-info .level-amount{font-size:3vw}.level-card .divider{display:none}.progress-container .progress-bar{height:2vw;border-radius:2vw}.progress-container .progress-labels{font-size:2.8vw;margin-top:1.5vw}.progress-container .progress-labels span{font-size:3vw}}@media only screen and (max-height:600px)and (max-width:400px){.level-title{font-size:3.5vw;margin-bottom:1.5vw}.layout-wrapper__avatar-card{padding-top:.5vh;gap:1vw}.wallet-card{height:16vw}.wallet-card h3{font-size:4.2vw}.wallet-card p{font-size:2.8vw}.wallet-card .wallet-img{width:26vw}.profile-menu{gap:2.2vw}.profile-menu .link-menu{font-size:2.8vw;padding:2vw}.profile-menu .link-menu svg{width:3.2vw;height:3.2vw}.profile-card .img-card{width:13vw;height:13vw}.profile-card p{font-size:2.8vw!important}.profile-card h2{font-size:2.8vw}.account-full-name{font-size:2.8vw!important}.close-icon svg{width:3vw;height:3vw}.level-card{flex-direction:row;gap:3vw}.level-card .level-info .level-img{width:4vw;height:4vw}.level-card .level-info .level-name{font-size:2.5vw;max-width:25vw;word-break:break-word;text-align:center}.level-card .level-info .level-amount{font-size:2.2vw}.level-card .divider{display:none}.progress-container .progress-bar{height:1.5vw;border-radius:1.5vw}.progress-container .progress-labels{font-size:2vw}.progress-container .progress-labels span{font-size:2.3vw}}.notifications-modal{display:flex;flex-direction:column;text-align:start;background:var(--white);padding:1vw;border-radius:1vw}.notifications-modal.not-read{border:.1vw solid var(--primary-color)!important}.notifications-modal.is-read{border:.1vw solid var(--gray-200)!important}.notifications-modal h3{font-size:1.2vw;font-weight:700}.notifications-modal p{font-size:1vw;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;height:2.5vw;-webkit-box-orient:vertical}.notifications-modal .modal-img{width:15%}.notifications-modal .modal-img img,.notifications-modal .modal-img video{border-radius:1vw;max-width:100%}.notifications-modal .modal-text{width:70%}.summary-modal{display:flex;flex-direction:row;text-align:start;gap:1vw}.notifications-modal.selected p{overflow:visible;text-overflow:unset;-webkit-line-clamp:unset;line-clamp:unset;display:block;height:auto}.render-notifications{display:flex;padding-right:1vw;flex-direction:column;overflow-y:auto;max-height:50vh;gap:.5vw}.render-notifications::-webkit-scrollbar{width:.6vw;background-color:#f0f0f0}.render-notifications::-webkit-scrollbar-thumb{background-color:#b3b3b3;border:1px solid #999;border-radius:10vw}.render-notifications::-webkit-scrollbar-track{background-color:#eaeaea;border-left:1px solid #d0d0d0;border-radius:10vw}.order-status-header-notify{position:relative;background-color:var(--white);border-radius:1vw;height:8vw;width:100%;margin-bottom:1vw}.order-status-header-notify .order-status-header-texts-notify{display:flex;flex-direction:column;align-items:center;position:absolute;width:85%;text-align:center;left:3.5vw}.order-status-header-notify .order-status-header-title-notify{font-weight:700;font-size:1.1vw}.order-status-header-notify .order-status-header-desc-notify{font-weight:400;font-size:.9vw;color:#77828a;margin-top:.5vw}.order-status-header-notify .order-status-icon-notify{background-color:#f5f5f5;position:absolute;padding:.4vw;border-radius:.6vw;border:.1vw solid #f5f5f5;width:-moz-fit-content;width:fit-content}.order-status-header-notify .order-status-icon-notify svg{width:1.5vw;height:1.5vw;color:#c5c5c5}.order-status-header-notify .order-status-icon-notify:nth-child(2){left:1.2vw;top:1vw;background:var(--accepted-color)}.order-status-header-notify .order-status-icon-notify:nth-child(3){left:14vw;bottom:1vw;background:var(--preparing-color)}.order-status-header-notify .order-status-icon-notify:nth-child(4){right:14vw;bottom:1vw;background:var(--delivering-color)}.order-status-header-notify .order-status-icon-notify:nth-child(5){right:1.2vw;top:1vw;background:var(--completed-color)}.order-status-header-notify .order-status-line-notify{position:absolute}.order-status-header-notify .order-status-line-notify svg{height:3.5vw;width:8vw}.order-status-header-notify .order-status-line-notify:nth-child(6){left:5vw;bottom:1.5vw;transform:rotate(-3deg)}.order-status-header-notify .order-status-line-notify:nth-child(7){left:20vw;bottom:.3vw}.order-status-header-notify .order-status-line-notify:nth-child(8){right:5vw;bottom:1.5vw;transform:rotate(3deg)}.order-status-header-notify .order-cancelled{background-color:#ffe5e5!important;border-color:#ff4d4f!important}.order-status-header-notify .line-cancelled svg path,.order-status-header-notify .order-cancelled svg path{stroke:#ff4d4f!important}.order-status-header-notify .order-status-icon-1-notify{border:.2vw solid #50c2ff!important;background-color:#28a9f1!important}.order-status-header-notify .order-status-icon-1-notify svg{color:#fff!important}.order-status-header-notify .order-status-icon-2-notify{border:.2vw solid #ffca74!important;background-color:#f1a328!important}.order-status-header-notify .order-status-icon-2-notify svg{color:#fff!important}.order-status-header-notify .order-status-icon-3-notify{border:.2vw solid #ff9f4a!important;background-color:#f18628!important}.order-status-header-notify .order-status-icon-3-notify svg{color:#fff!important}.order-status-header-notify .order-status-icon-4-notify{border:.2vw solid #80cbb0!important;background-color:#1bc588!important}.order-status-header-notify .order-status-icon-4-notify svg{color:#fff!important}.order-status-header-notify .order-status-line-1-notify svg path{stroke:#28a9f1!important;stroke-dasharray:none!important}.order-status-header-notify .order-status-line-2-notify svg rect{stroke:#f1a328!important;stroke-dasharray:none!important}.order-status-header-notify .order-status-line-3-notify svg path{stroke:#1bc588!important;stroke-dasharray:none!important}.noNotify{width:10vw;height:10vw;margin:0 auto}.link-goto-menu{display:flex;justify-content:center;align-items:center;gap:.5vw;margin-top:1vw;font-size:1vw;font-weight:500;color:var(--primary-color);text-decoration:none}.video-wrapper{position:relative;display:inline-block;width:100%;height:10vw}.video-wrapper .video-play{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;border-radius:1vw}.video-wrapper .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4vw;height:4vw;border-radius:50%;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(.5vw);background-color:rgba(0,0,0,.434);cursor:pointer;transition:opacity .3s ease}.video-wrapper .play-button .play-icon{font-size:2vw;color:#fff;margin-left:.3vw}.video-wrapper .play-button .play-icon svg{width:1.5vw;height:1.5vw}.birthday-modal.selected{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;width:100%;padding:0}.birthday-modal.selected .birthday-confetti-bg{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.birthday-modal.selected .birthday-card{position:relative;z-index:2;background:#fff;text-align:center;padding:2vw 1vw;width:auto;box-shadow:0 .8vw 2vw rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center}.birthday-modal.selected .birthday-card .gift-icon-wrapper{width:20vw;margin-bottom:1.5vw}.birthday-modal.selected .birthday-card .gift-icon-wrapper .birthday-gift{display:flex;justify-content:center;align-content:center;width:100%;height:auto}.birthday-modal.selected .birthday-card h3{font-size:1.4vw;font-weight:700;margin-bottom:1vw}.birthday-modal.selected .birthday-card p{font-size:1.1vw;color:#444;margin-bottom:2vw;line-height:1.6}.birthday-modal.selected .birthday-card .birthday-confirm-btn{background-color:#fca311;color:#fff;font-weight:600;font-size:1.1vw;padding:1vw 3vw;border-radius:1vw;border:none;cursor:pointer;transition:background .3s ease;width:100%}.birthday-modal.selected .birthday-card .birthday-confirm-btn:hover{background-color:#ffb703}.order-status-header-time-notify{color:var(--gray);font-size:1vw;margin-bottom:1vw}.order-status-header-id-notify{background:#e6e8ea;color:var(--black);font-size:1vw!important;width:-moz-fit-content;width:fit-content;height:inherit!important;padding:.4vw 1.5vw;align-content:center;text-align:center;border-radius:2vw}.link-goto-order{display:flex;justify-content:center;align-items:center;gap:.5vw;margin-top:1vw;font-size:1vw;font-weight:500;background:var(--primary-color)!important;text-decoration:none;color:var(--white);padding:1vw 0;border-radius:1vw}.link-goto-order svg{width:1vw!important;height:1vw!important}.link-goto-order svg path{stroke:var(--white)}.back-icon svg{width:1.2vw!important;height:1.2vw!important}.back-icon svg path{stroke:var(--gray)}.birthday-btn{display:flex;justify-content:space-between;align-items:flex-end;gap:.5vw;font-size:1vw;width:100%}.birthday-btn button{background:var(--primary-color);color:var(--white);padding:1vw;border-radius:1vw;border:none;cursor:pointer;font-size:1vw;font-weight:500;transition:background .3s ease;width:90%}.birthday-btn svg{width:5vw;height:5vw}@media only screen and (max-width:700px){.notification-content{display:flex;flex-direction:column;gap:2vw}.notifications-modal{padding:3vw;border-radius:3vw}.notifications-modal h3{font-size:5vw}.notifications-modal p{font-size:2.5vw;height:auto;-webkit-line-clamp:2;line-clamp:2}.notifications-modal .modal-img{width:30%;margin-bottom:3vw;border-radius:2vw}.notifications-modal .modal-img img,.notifications-modal .modal-img video{width:100%;height:100%;border-radius:2vw}.notifications-modal .modal-text{width:100%}.notifications-modal.is-read{border:1px solid var(--primary-color)}.notifications-modal.selected p{display:block;height:auto;overflow:visible;text-overflow:unset;-webkit-line-clamp:unset;line-clamp:unset}.summary-modal{flex-direction:column;gap:3vw}.render-notifications{max-height:60vh;overflow-y:auto;gap:2vw}.render-notifications::-webkit-scrollbar{width:1vw}.render-notifications::-webkit-scrollbar-thumb{background-color:#b3b3b3;border:1px solid #999;border-radius:10vw}.render-notifications::-webkit-scrollbar-track{background-color:#eaeaea;border-left:1px solid #d0d0d0;border-radius:10vw}.thumbs-container{margin-top:3vw}.thumbs-container img{width:18vw;height:18vw;-o-object-fit:cover;object-fit:cover;border-radius:2vw}.thumbs-container .video-thumb{position:relative}.thumbs-container .video-thumb .play-overlay{font-size:4vw}.order-status-header-notify{height:40vw;padding:5vw 0;border-radius:3vw;position:relative}.order-status-header-notify .order-status-header-texts-notify{position:absolute;top:1vw;width:80vw;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;text-align:center}.order-status-header-notify .order-status-header-texts-notify .order-status-header-title-notify{font-size:4vw;font-weight:700}.order-status-header-notify .order-status-header-texts-notify .order-status-header-desc-notify{font-size:3.5vw;color:#666}.order-status-header-notify .order-status-icon-notify{position:absolute;padding:2vw;border-radius:3vw;border:.3vw solid #f0f0f0;background-color:#fff}.order-status-header-notify .order-status-icon-notify svg{width:4.5vw;height:4.5vw}.order-status-header-notify .order-status-icon-notify:nth-child(2){left:2.5vw;top:15vw}.order-status-header-notify .order-status-icon-notify:nth-child(3){left:22vw;bottom:5vw}.order-status-header-notify .order-status-icon-notify:nth-child(4){right:22vw;bottom:5vw}.order-status-header-notify .order-status-icon-notify:nth-child(5){right:2.5vw;top:15vw}.order-status-header-notify .order-status-line-notify{position:absolute}.order-status-header-notify .order-status-line-notify svg{width:10vw;height:5vw}.order-status-header-notify .order-status-line-notify:nth-child(6){left:10vw;bottom:9vw;transform:rotate(10deg)}.order-status-header-notify .order-status-line-notify:nth-child(7){left:37vw;bottom:6vw}.order-status-header-notify .order-status-line-notify:nth-child(8){right:10vw;bottom:9vw;transform:rotate(-10deg)}.video-wrapper{position:relative;display:inline-block;width:100%;height:40vw}.video-wrapper .video-play{width:100%;height:100%!important;display:block}.video-wrapper .play-button{width:10vw;height:10vw}.video-wrapper .play-button .play-icon{font-size:2vw;color:#fff;margin-left:.3vw}.video-wrapper .play-button .play-icon svg{width:4vw;height:4vw}.birthday-modal.selected .birthday-card{padding:3vw 4vw;width:auto;border-radius:2vw;box-shadow:0 1vw 2.5vw rgba(0,0,0,.1)}.birthday-modal.selected .birthday-card .gift-icon-wrapper{width:12vw;margin-bottom:2vw}.birthday-modal.selected .birthday-card h3{font-size:3.6vw}.birthday-modal.selected .birthday-card p{font-size:2.8vw;margin-bottom:3vw;line-height:1.5}.birthday-modal.selected .birthday-card .birthday-confirm-btn{font-size:3vw;padding:2vw 6vw;border-radius:2vw}.order-status-header-time-notify{color:var(--gray);font-size:2.4vw}.order-status-header-id-notify{background:#e6e8ea;color:var(--black);font-size:2.6vw!important;text-align:center;border-radius:3vw;padding:1vw 3vw;margin-top:2vw}.link-goto-order{gap:1vw;font-size:2.5vw;background:var(--primary-color);padding:2vw 3vw}.back-icon svg,.link-goto-order svg{width:2.5vw;height:2.5vw}.birthday-btn{gap:1.5vw;font-size:2.5vw}.birthday-btn button{padding:1.5vw 3vw;font-size:2.5vw}.birthday-btn svg{width:6vw;height:6vw}.birthday-modal.selected{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;width:100%;padding:0}.birthday-modal.selected .birthday-confetti-bg{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.birthday-modal.selected .birthday-card{position:relative;z-index:2;background:#fff;text-align:center;padding:4vw 5vw;min-width:60vw;max-width:80vw;border-radius:4vw;box-shadow:0 2vw 4vw rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center}.birthday-modal.selected .birthday-card .gift-icon-wrapper{width:20vw;margin-bottom:4vw}.birthday-modal.selected .birthday-card .gift-icon-wrapper .birthday-gift{width:100%;height:auto}.birthday-modal.selected .birthday-card h3{font-size:4vw;font-weight:700;margin-bottom:2vw}.birthday-modal.selected .birthday-card p{font-size:3.5vw;color:#444;margin-bottom:4vw;line-height:1.6}.birthday-modal.selected .birthday-card .birthday-confirm-btn{background-color:#fca311;color:#fff;font-weight:600;font-size:3.8vw;padding:3vw 6vw;border-radius:3vw;border:none;cursor:pointer;transition:background .3s ease}.birthday-modal.selected .birthday-card .birthday-confirm-btn:hover{background-color:#ffb703}.birthday-btn{display:flex;justify-content:space-between;align-items:center;gap:2vw;font-size:3.2vw;width:100%;margin-top:2vw}.birthday-btn button{background:var(--primary-color);color:var(--white);padding:2vw 4vw;border-radius:2vw;border:none;cursor:pointer;font-size:3.5vw;font-weight:500;width:75%;transition:background .3s ease}.birthday-btn svg{width:8vw;height:8vw}.link-goto-order{display:flex;justify-content:center;align-items:center;gap:2vw;margin-top:2vw;font-size:3vw;font-weight:500;background:var(--primary-color)!important;text-decoration:none;color:var(--white);padding:2.5vw 0;border-radius:2vw}.link-goto-order svg{width:4vw!important;height:4vw!important}.link-goto-order svg path{stroke:var(--white)}.back-icon svg{width:4vw!important;height:4vw!important}.back-icon svg path{stroke:var(--gray)}}