@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.rdp-root{--rdp-accent-color:blue;--rdp-accent-background-color:#f0f0ff;--rdp-day-height:44px;--rdp-day-width:44px;--rdp-day_button-border-radius:100%;--rdp-day_button-border:2px solid transparent;--rdp-day_button-height:42px;--rdp-day_button-width:42px;--rdp-selected-border:2px solid var(--rdp-accent-color);--rdp-disabled-opacity:0.5;--rdp-outside-opacity:0.75;--rdp-today-color:var(--rdp-accent-color);--rdp-dropdown-gap:0.5rem;--rdp-months-gap:2rem;--rdp-nav_button-disabled-opacity:0.5;--rdp-nav_button-height:2.25rem;--rdp-nav_button-width:2.25rem;--rdp-nav-height:2.75rem;--rdp-range_middle-background-color:var(--rdp-accent-background-color);--rdp-range_middle-color:inherit;--rdp-range_start-color:#fff;--rdp-range_start-background:linear-gradient(var(--rdp-gradient-direction),transparent 50%,var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color:var(--rdp-accent-color);--rdp-range_end-background:linear-gradient(var(--rdp-gradient-direction),var(--rdp-range_middle-background-color) 50%,transparent 50%);--rdp-range_end-color:#fff;--rdp-range_end-date-background-color:var(--rdp-accent-color);--rdp-week_number-border-radius:100%;--rdp-week_number-border:2px solid transparent;--rdp-week_number-height:var(--rdp-day-height);--rdp-week_number-opacity:0.75;--rdp-week_number-width:var(--rdp-day-width);--rdp-weeknumber-text-align:center;--rdp-weekday-opacity:0.75;--rdp-weekday-padding:0.5rem 0rem;--rdp-weekday-text-align:center;--rdp-gradient-direction:90deg;--rdp-animation_duration:0.3s;--rdp-animation_timing:cubic-bezier(0.4,0,0.2,1)}.rdp-root[dir=rtl]{--rdp-gradient-direction:-90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity:unset}.rdp-root{position:relative}.rdp-root,.rdp-root *{box-sizing:border-box}.rdp-day{height:var(--rdp-day-height);text-align:center;width:var(--rdp-day-width)}.rdp-day_button{align-items:center;background:none;border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius);color:inherit;cursor:pointer;display:flex;font:inherit;height:var(--rdp-day_button-height);justify-content:center;margin:0;padding:0;width:var(--rdp-day_button-width)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{align-items:center;border:0;display:inline-flex;position:relative;white-space:nowrap;z-index:1}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{align-items:center;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:none;border:none;color:inherit;cursor:pointer;display:inline-flex;font:inherit;height:var(--rdp-nav_button-height);justify-content:center;margin:0;padding:0;position:relative;width:var(--rdp-nav_button-width)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{fill:var(--rdp-accent-color);display:inline-block}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:50%;transform-origin:50%}.rdp-dropdowns{align-items:center;display:inline-flex;gap:var(--rdp-dropdown-gap);position:relative}.rdp-dropdown{-webkit-appearance:none;appearance:none;border:none;cursor:inherit;inset-block-end:0;inset-block-start:0;inset-inline-start:0;line-height:inherit;margin:0;opacity:0;padding:0;position:absolute;width:100%;z-index:2}.rdp-dropdown_root{align-items:center;display:inline-flex;position:relative}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{align-content:center;display:flex;font-size:large;font-weight:700;height:var(--rdp-nav-height)}.rdp-root[data-nav-layout=after] .rdp-month,.rdp-root[data-nav-layout=around] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{-webkit-margin-start:var(--rdp-nav_button-width);-webkit-margin-end:var(--rdp-nav_button-width);justify-content:center;margin-inline-end:var(--rdp-nav_button-width);margin-inline-start:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{display:inline-flex;height:var(--rdp-nav-height);inset-inline-start:0;position:absolute;top:0}.rdp-root[data-nav-layout=around] .rdp-button_next{display:inline-flex;height:var(--rdp-nav-height);inset-inline-end:0;justify-content:center;position:absolute;top:0}.rdp-months{display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;position:relative}.rdp-month_grid{border-collapse:collapse}.rdp-nav{align-items:center;display:flex;height:var(--rdp-nav-height);inset-block-start:0;inset-inline-end:0;position:absolute}.rdp-weekday{font-size:smaller;font-weight:500;opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);font-size:small;font-weight:400;height:var(--rdp-week_number-height);opacity:var(--rdp-week_number-opacity);text-align:var(--rdp-weeknumber-text-align);width:var(--rdp-week_number-width)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-size:large;font-weight:700}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity)}.rdp-hidden{color:var(--rdp-range_start-color);visibility:hidden}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{background-color:var(--rdp-range_end-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@-webkit-keyframes rdp-slide_in_left{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes rdp-slide_in_left{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes rdp-slide_in_right{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes rdp-slide_in_right{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes rdp-slide_out_left{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes rdp-slide_out_left{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes rdp-slide_out_right{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes rdp-slide_out_right{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.rdp-weeks_before_enter{-webkit-animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{-webkit-animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{-webkit-animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{-webkit-animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{-webkit-animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{-webkit-animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{-webkit-animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{-webkit-animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@-webkit-keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{-webkit-animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{-webkit-animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{-webkit-animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{-webkit-animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.pilih-item .pilih-item__header{grid-column-gap:1em;-webkit-column-gap:1em;column-gap:1em;display:grid;grid-template-columns:1fr .5fr auto}@media only screen and (max-width:768px){.pilih-item .pilih-item__header{grid-row-gap:1em;display:grid;grid-template-columns:1fr;row-gap:1em}}.detail-bundling__field-array{grid-column-gap:16px;-webkit-column-gap:16px;column-gap:16px;display:grid;grid-template-columns:2fr 1fr}@media only screen and (max-width:768px){.detail-bundling__field-array{grid-template-columns:1fr;row-gap:16px}}.katalog__checkbox{grid-column-gap:8px;-webkit-column-gap:8px;column-gap:8px;display:grid;grid-template-columns:repeat(4,1fr)}@media only screen and (max-width:1024px){.katalog__checkbox{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width:768px){.katalog__checkbox{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:375px){.katalog__checkbox{grid-template-columns:repeat(1,1fr)}}.card-barang{grid-column-gap:.5em;-webkit-column-gap:.5em;column-gap:.5em;display:grid;grid-template-columns:1fr auto}@media only screen and (max-width:768px){.card-barang{grid-row-gap:.5em;display:grid;grid-template-columns:1fr;row-gap:.5em}}.card-pesan{display:grid;grid-template-columns:2fr 1.5fr}@media only screen and (max-width:599px){.card-pesan{grid-row-gap:1em;display:grid;grid-template-columns:1fr;row-gap:1em}}.is-enter{grid-column-start:4;grid-row-end:5;grid-row-start:3}.is-000{grid-column-end:4;grid-column-start:2;grid-row-start:4}.PaymentContainer_scroll_hide__NaVlv{-ms-overflow-style:none;scrollbar-width:none}.PaymentContainer_scroll_hide__NaVlv::-webkit-scrollbar{display:none}.PaymentContainer_backdrop__FDIQJ{background-color:#4a4a4a;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:-10}.PaymentContainer_modal_container__eMnDl{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;padding:4%}.PaymentContainer_phone_container__bK-At{background-color:#fff;border-radius:.7em;margin:0 auto;min-height:700px;overflow:hidden;position:relative;width:360px}.PaymentContainer_phone_header__-Kwpw{align-items:center;display:grid;grid-template-columns:1fr 4fr 1fr;min-height:48px;padding:12px 18px}.PaymentContainer_phone_header__-Kwpw>*{color:#fff;display:flex}.PaymentContainer_phone_header__-Kwpw>.PaymentContainer_header_title__lFJ\+j{justify-content:center}.PaymentContainer_phone_header__-Kwpw>.PaymentContainer_header_left__xma83{justify-content:start}.PaymentContainer_phone_header__-Kwpw>.PaymentContainer_header_right__0LJfQ{justify-content:end}.PaymentContainer_header_left__xma83,.PaymentContainer_header_right__0LJfQ{cursor:pointer}.PaymentContainer_fab__Vrw97{background-color:#fff;border-top:2px solid #d3d3d3;bottom:0;position:absolute;width:100%}@media only screen and (max-width:1024px){.PaymentContainer_phone_container__bK-At{border-radius:0;margin:unset;min-height:100vh;width:100%}.PaymentContainer_modal_container__eMnDl{padding:0}.PaymentContainer_fab__Vrw97{position:fixed}}.Payment_section__kEpec{display:flex;flex-direction:column;gap:24px;padding:12px 16px}.Payment_section_centered__nPzVw{align-items:center;display:flex;justify-content:center}.Payment_section_header__SzhLK{align-items:center;display:flex;font-size:16px;justify-content:space-between}.Payment_focused_text__YaT9t{color:#343941;font-weight:700}.Payment_half_focused_text__nQh5i{color:#6d6d6d;font-weight:400}.Payment_spacer__i7x7m{background-color:#eee;height:12px;width:100%}.Payment_product__yZ126{display:flex;flex-direction:column;gap:12px}.Payment_product_container__yh64v{display:flex;font-size:16px;justify-content:space-between}.Payment_product_info__EWbZR{display:flex;flex-direction:column;width:60%}.Payment_info_title__LSOVD{color:#343941}.Payment_info_subtitle__-24Hq{font-size:14px}.Payment_button__JIoE3{color:#fff}.Payment_button__JIoE3,.Payment_button_outline__wG9HA{border-radius:8px;cursor:pointer;display:block;padding:12px 16px;text-align:center;text-decoration:none}.Payment_button_outline__wG9HA{background-color:transparent;border:none;font-size:16px}.Payment_section_float__Jc2Pw{align-items:center;display:flex;font-size:18px;justify-content:space-between;margin-bottom:12px}.Payment_method_container__z5KvW{grid-column-gap:24px;align-items:center;-webkit-column-gap:24px;column-gap:24px;display:grid;grid-template-columns:auto 1fr auto;padding:6px;text-decoration:none}.Payment_method_image__6zu0Y{background-image:linear-gradient(#fff,#f3f3f3f3);border:1px solid #d9d9d9;border-radius:4px;height:46px;padding:4px;width:46px}.Payment_method_qrcode__NFoHa{background-color:#f3f3f3;border-radius:4px;height:150px;width:150px}.Payment_method_spacer__534w8{background-color:#d9d9d9;height:1px;width:100%}.Payment_badge__R3ixE{font-size:10px;font-weight:700;padding:6px 8px}.Payment_badge_warning__brfLK{border:1px solid #f7a933;border-radius:32px;color:#f7a933}.Payment_batasPembayaran_content__v9mhM{display:flex;font-weight:700;justify-content:space-between}.Payment_batasPembayaran_content__v9mhM>div:nth-child(2){color:red}.Payment_selectedMethod_container__igXII{grid-column-gap:16px;align-items:center;-webkit-column-gap:16px;column-gap:16px;display:grid;grid-template-columns:auto 1fr}.Payment_selectedMethod_container__igXII>.Payment_method_image__6zu0Y{height:64px;width:64px}.Payment_selectedMethod_content__rla5o{display:flex;flex-direction:column;width:100%}.Payment_selectedMethod_mid__I3GcY{align-items:center;display:flex;flex-direction:row;font-size:18px;font-weight:700;justify-content:space-between}.Payment_button_icon__40GYn{background-color:transparent;border:none;outline:none;padding:6px}.Payment_selectedMethod_billing__ngPza{display:flex;flex-direction:column;gap:8px}.Payment_selectedMethod_payment__TRA9l{font-size:14px}.Payment_paymentInformation__DC9a-,.Payment_selectedMethod_qrcode__boLab{display:flex;justify-content:center}.Payment_paymentInformation__DC9a-{align-items:center;flex-direction:column;padding:5%;text-align:center}.Payment_paymentInformation_text__EOG5i{display:flex;flex-direction:column;gap:12px;margin:auto 0 5em;width:90%}.Payment_paymentInformation_text__EOG5i>div:first-child{font-size:26px;font-weight:700}.Payment_paymentInformation_text__EOG5i>div:nth-child(2),.Payment_paymentInformation_text__EOG5i>div:nth-child(3){color:#6d6d6d;font-size:16px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}a{color:var(--black87);text-decoration:none}input::-ms-clear,input::-ms-reveal{display:none!important}.swal2-container{z-index:10000}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px}::-webkit-scrollbar-thumb{background:#888;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#555}.my-swal,.swal2-container{z-index:10000!important}.table-cell-trucate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}