[data-v-3ede84dc] .custom-floating-drawer{margin:16px!important;height:calc(100vh - 32px)!important;border-radius:16px!important}.topup-drawer-content[data-v-3ede84dc]{font-size:14px}.close-btn[data-v-3ede84dc]{width:32px;height:32px;border-radius:50%;border:1px solid #e2e8f0!important;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;color:#626262!important;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.02)!important;box-shadow:0 2px 4px rgba(0,0,0,.02)!important}.balance-box[data-v-3ede84dc],.close-btn[data-v-3ede84dc]{background-color:#fff!important;display:-webkit-box;display:-ms-flexbox;display:flex}.balance-box[data-v-3ede84dc]{border-radius:12px!important;border:1px solid #e2e8f0!important;padding:16px 20px!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.balance-label[data-v-3ede84dc]{color:#8c8c8c;font-size:13px}.balance-amount[data-v-3ede84dc]{color:#0a0a0a;font-size:20px;font-weight:500;line-height:1.2}.custom-input-topup[data-v-3ede84dc]{border-radius:8px!important;border:1px solid #e2e8f0!important;height:48px!important;-webkit-box-shadow:none!important;box-shadow:none!important;font-size:15px!important;color:#222!important;background-color:#fff!important}.custom-input-topup.is-invalid[data-v-3ede84dc]{border-color:#ef4444!important}.custom-input-topup[data-v-3ede84dc]:focus{border-color:#f97316!important;-webkit-box-shadow:0 0 0 .2rem rgba(249,115,22,.15)!important;box-shadow:0 0 0 .2rem rgba(249,115,22,.15)!important}.preset-btn[data-v-3ede84dc]{border-radius:8px!important;border:1px solid #e2e8f0!important;color:#222!important;background-color:#fff!important;font-size:14px!important;font-weight:500!important;height:40px!important;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important;-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important;-webkit-transition:all .2s ease!important;transition:all .2s ease!important}.preset-btn[data-v-3ede84dc]:hover{border-color:#f97316!important;color:#f97316!important;background-color:#fff7ed!important}.btn-cancel[data-v-3ede84dc]{border-radius:8px!important;border:1px solid #e2e8f0!important;background-color:#fff!important;color:#222!important;font-weight:500!important;height:44px!important;padding:0 20px!important}.btn-cancel[data-v-3ede84dc]:hover{background-color:#f8fafc!important}.btn-submit[data-v-3ede84dc]{border-radius:8px!important;background-color:#f97316!important;border-color:#f97316!important;color:#fff!important;font-weight:500!important;height:44px!important;padding:0 20px!important}.btn-submit[data-v-3ede84dc]:hover{background-color:#ea580c!important;border-color:#ea580c!important}.btn-submit[data-v-3ede84dc]:disabled{background-color:#e2e8f0!important;border-color:#e2e8f0!important;color:#94a3b8!important;cursor:not-allowed!important}.close-btn[data-v-81e6a946]{width:28px;height:28px;border-radius:50%;padding:0}.topup-success-wrapper[data-v-81e6a946]{font-size:14px}.topup-success-title[data-v-81e6a946]{font-weight:600;font-size:21px;line-height:1.2}.topup-success-close[data-v-81e6a946]{position:absolute;right:0;top:-4px}.topup-success-section-title[data-v-81e6a946]{font-size:16px;font-weight:600}.topup-success-row[data-v-81e6a946]{font-size:15px}.topup-success-total[data-v-81e6a946]{font-size:16px;font-weight:600}.topup-success-modal-content{border-radius:12px!important}.topup-success-modal-content .modal-body{padding:0 32px 32px!important}[data-v-2178d6b8]:deep(.custom-width-modal){max-width:700px!important;width:700px!important}.modal-tambah-produk[data-v-2178d6b8] .modal-content{border-radius:12px;overflow:hidden}.upload-box[data-v-2178d6b8]:hover{background-color:#f1f5f9!important}.btn-batal[data-v-2178d6b8]{border-radius:8px!important;-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#fff!important;border:1px solid #e2e8f0!important;color:#222!important;font-weight:500!important;height:44px}.btn-batal[data-v-2178d6b8]:hover{background-color:#f8fafc!important}.btn-simpan[data-v-2178d6b8]{border-radius:8px!important;-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#f97316!important;border-color:#f97316!important;color:#fff!important;font-weight:500!important;height:44px}.btn-simpan[data-v-2178d6b8]:hover{background-color:#ea580c!important}.btn-simpan[data-v-2178d6b8]:disabled{opacity:.65;cursor:not-allowed;background-color:#fca5a5!important;border-color:#fca5a5!important}.custom-input[data-v-2178d6b8]{border-radius:8px;border:1px solid #e2e8f0;-webkit-box-shadow:none;box-shadow:none;font-size:14px;color:#222;background-color:#fff}.custom-input[data-v-2178d6b8]:focus{border-color:#f97316;-webkit-box-shadow:0 0 0 .2rem rgba(249,115,22,.15);box-shadow:0 0 0 .2rem rgba(249,115,22,.15)}.custom-input[data-v-2178d6b8]::-webkit-input-placeholder{color:#94a3b8;font-size:14px}.custom-input[data-v-2178d6b8]::-moz-placeholder{color:#94a3b8;font-size:14px}.custom-input[data-v-2178d6b8]:-ms-input-placeholder{color:#94a3b8;font-size:14px}.custom-input[data-v-2178d6b8]::-ms-input-placeholder{color:#94a3b8;font-size:14px}.custom-input[data-v-2178d6b8]::placeholder{color:#94a3b8;font-size:14px}.custom-input.is-invalid[data-v-2178d6b8]{border-color:#ea5455;background-image:none}.tooltip-custom-white .tooltip-inner{background-color:#fff!important;text-align:left!important;color:#1e293b!important;border:1px solid #f95e16!important;font-family:inherit!important;padding:6px 12px!important;border-radius:8px!important;font-size:13px!important;font-weight:500!important;margin-left:100px!important;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.08)!important;box-shadow:0 4px 12px rgba(0,0,0,.08)!important}.tooltip-desc .tooltip-inner{max-width:300px!important;width:300px!important}.tooltip-photo .tooltip-inner{max-width:290px!important;width:290px!important}.tooltip-custom-white.bs-tooltip-top .arrow:before{border-top-color:#f95e16!important}.tooltip-custom-white.bs-tooltip-bottom .arrow:before{border-bottom-color:#f95e16!important}.tooltip-custom-white.bs-tooltip-left .arrow:before{border-left-color:#f95e16!important}.tooltip-custom-white.bs-tooltip-right .arrow:before{border-right-color:#f95e16!important}[data-v-36bedc34] .custom-width-modal .modal-dialog{max-width:440px;border-radius:24px}[data-v-36bedc34] .custom-width-modal .modal-content{border-radius:24px;border:none}.komed-modal-container[data-v-36bedc34]{background:#fff;border-radius:24px;padding:32px;width:100%;margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.komed-modal-container[data-v-36bedc34],.komed-modal-icon-wrapper[data-v-36bedc34]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.komed-modal-icon-wrapper[data-v-36bedc34]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:24px}.komed-modal-title[data-v-36bedc34]{text-align:center;font-weight:600;font-size:20px;color:#1f1f1f;margin-bottom:8px;margin-top:0}.komed-modal-subtitle[data-v-36bedc34]{text-align:center;color:#8c8c8c;font-size:14px;margin-bottom:32px;margin-top:0;line-height:1.5}.komed-video-card[data-v-36bedc34]{width:100%;border:1px solid #ece7e2;border-radius:16px;padding:16px;margin-bottom:32px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:16px}.komed-video-card[data-v-36bedc34],.komed-video-thumbnail[data-v-36bedc34]{display:-webkit-box;display:-ms-flexbox;display:flex}.komed-video-thumbnail[data-v-36bedc34]{-ms-flex-negative:0;flex-shrink:0;width:64px;height:64px;background:#f5f5f5;border-radius:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.komed-video-thumbnail-img[data-v-36bedc34]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.komed-video-info[data-v-36bedc34]{-webkit-box-flex:1;-ms-flex:1;flex:1}.komed-video-title[data-v-36bedc34]{font-weight:500;color:#1f1f1f;font-size:14px;-webkit-line-clamp:1}.komed-video-desc[data-v-36bedc34],.komed-video-title[data-v-36bedc34]{margin:0 0 4px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.komed-video-desc[data-v-36bedc34]{color:#8c8c8c;font-size:13px;-webkit-line-clamp:2}.komed-video-date[data-v-36bedc34]{color:#8c8c8c;font-size:12px;margin:0}.komed-modal-actions[data-v-36bedc34]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;gap:16px}.komed-btn-cancel[data-v-36bedc34]{border-radius:16px;color:#1f1f1f!important;background:#fff!important;border:1px solid #ece7e2!important}.komed-btn-cancel[data-v-36bedc34],.komed-btn-delete[data-v-36bedc34]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:48px;font-weight:500;margin:0}.komed-btn-delete[data-v-36bedc34]{border-radius:16px;color:#fff!important;background:#ff6a13!important;border:none!important}.komed-btn-delete[data-v-36bedc34]:hover{background:#ff7d32!important}[data-v-1207c9d8] .custom-width-modal .modal-dialog{max-width:440px;border-radius:24px}[data-v-1207c9d8] .custom-width-modal .modal-content{border-radius:24px;border:none}.komed-modal-container[data-v-1207c9d8]{background:#fff;border-radius:24px;padding:32px;width:100%;margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.komed-modal-container[data-v-1207c9d8],.komed-modal-icon-wrapper[data-v-1207c9d8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.komed-modal-icon-wrapper[data-v-1207c9d8]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:24px}.komed-modal-title[data-v-1207c9d8]{text-align:center;font-weight:600;font-size:20px;color:#1f1f1f;margin-bottom:8px;margin-top:0}.komed-modal-subtitle[data-v-1207c9d8]{text-align:center;color:#8c8c8c;font-size:14px;margin-bottom:32px;margin-top:0;line-height:1.5}.komed-btn-oke[data-v-1207c9d8]{width:100%;height:48px;border-radius:16px;font-weight:500;color:#fff!important;background:#ff6a13!important;border:none!important;margin:0}.komed-btn-oke[data-v-1207c9d8]:hover{background:#ff7d32!important}[data-v-725b33f2] .custom-width-modal .modal-dialog{max-width:440px;border-radius:24px}[data-v-725b33f2] .custom-width-modal .modal-content{border-radius:24px;border:none}.komed-modal-container[data-v-725b33f2]{background:#fff;border-radius:24px;padding:32px;width:100%;margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.komed-modal-container[data-v-725b33f2],.komed-modal-icon-wrapper[data-v-725b33f2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.komed-modal-icon-wrapper[data-v-725b33f2]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:24px}.komed-modal-title[data-v-725b33f2]{text-align:center;font-weight:600;font-size:20px;color:#1f1f1f;margin-bottom:8px;margin-top:0}.komed-modal-subtitle[data-v-725b33f2]{text-align:center;color:#8c8c8c;font-size:14px;margin-bottom:32px;margin-top:0;line-height:1.5}.komed-modal-actions[data-v-725b33f2]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;gap:16px}.komed-btn-cancel[data-v-725b33f2]{border-radius:16px;color:#1f1f1f!important;background:#fff!important;border:1px solid #ece7e2!important}.komed-btn-cancel[data-v-725b33f2],.komed-btn-primary[data-v-725b33f2]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:48px;font-weight:500;margin:0}.komed-btn-primary[data-v-725b33f2]{border-radius:16px;color:#fff!important;background:#ff6a13!important;border:none!important}.komed-btn-primary[data-v-725b33f2]:hover{background:#ff7d32!important}