.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;-webkit-backdrop-filter:blur(.5vw);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)}}