:root {
        --doc-height: 100%;
        --col-pid-primary: #00AB17;
        --prime-color-primary-gray: #101820;
        --prime-color-secondary-white: #F7F7F7;
        --color-icon-enabled: #525867;
        --color-text-high: rgba(49, 53, 59, 0.96);
        --color-text-low: rgba(49, 53, 59, 0.68);
        --BN100: #EBFFFE;
        --BN200: #FFC400;
        --N500: #52565E;
        --N600: #40454C;
        --NN0: #FFFFFF;
        --NN50: #F0F3F7;
        --G500: #03AC0E;
        --NN200: #D6DFEB;
        --NN300: #BFC9D9;
        --NN500: rgba(141, 150, 170, 0.4);
        --NN600: #6D7588;
        --NN1000: #000000;
        --N700: rgba(49, 53, 59, 0.96);
        --GN30: #d7ffec;
        --GN400: #20CE7D;
        --GN500: #00AB17;
        --GN50: #ECFEF4;
        --NN100: #E4EBF5;
        --NN950: #212121;
        --RN500: #E02954;
        --RN100: #FFDBE2;
        --R500: #EF144A;
        --N75: #E5E7E9;
        --G200: #D6FFDE;
        --NN900: rgba(46, 49, 55, 0.54);
        --YN50: #FFFAE6;
        --color-chip-disabled: #F3F4F5;
  }

  :root {
    --background-primary: #fff;
    --background-secondary: #f0f3f7;
    --background-tertiary: #e5e7e9;
    --background-success: #c9fde0;
    --background-success-secondary: #ecfef4;
    --background-danger: #d6001c;
    --color-primary: #212121;
    --color-primary-900: #2e3137;
    --color-secondary: #6d7588;
    --color-tertiary: #aab4c8;
    --color-success: #00aa5b;
    --color-danger: #f94d63;
    --color-disabled: #bfc9d9;
    --vc-card-sawtooth-margin: 0.25rem;
    --vc-card-radius: 0.1875rem;
    --vc-card-gap: 0.0625rem;
    --vc-card-height: 6.625rem;
    --vc-card-width: auto;
    --vc-main-title-font-size: 0.875rem;
    --vc-subtitle-font-size: 0.75rem;
    --vc-main-title-line-height: 1.25rem;
    --vc-card-label-font-size: 0.625rem;
    --vc-card-label-line-height: 0.75rem;
    --vc-expiry-font-size: 0.625rem;
    --vc-expiry-line-height: 0.875rem;
    --vc-expiry-margin-top: 0.25rem;
    --vc-text-logo-font-size: 1.25rem;
    --vc-warning-banner-height: 1.875rem;
    --vc-warning-banner-padding-left-right: 0.5rem;
    --vc-warning-banner-font-size: 0.75rem;
}

    html {
        font-family: 'Open Sauce One', "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        font-weight: 400;
        line-height: 1.5;
        box-sizing: border-box;
        font-size: 14px;
        -webkit-text-size-adjust: 100%;
    }

    html,
    body {
        margin: 0;
        padding: 0;
        color: rgba(0, 0, 0, .54);
        height: 100vh;
        height: var(--doc-height);
    }

    *, *:focus, *:hover {
        outline: none !important;
    }
    [type=button], [type=reset], [type=submit], button {
        -webkit-appearance: button;
    }
    button, select {
        text-transform: none;
    }
    
    p, label {
        margin: 0;
    }

    *,
    *::before,
    *::after {
        box-sizing: border-box;
    }

    *,
    *::before,
    *::after {
        box-sizing: inherit;
    }

    .css-29utoc::-webkit-scrollbar {
        display: none;
    }

    a:hover {
        color: #008712;
        text-decoration: none;
    }

    .css-hsyg {
        display: flex;
        align-items: center;
        padding-left: 20px;
    }

    .css-hsyg img {
        width: 60%;
    }

    a {
        color: rgba(0, 0, 0, .7);
        text-decoration: none;
    }

    .css-invView {
        display: flex;
        flex-direction: column;
    }

    .css-1a4jr82::-webkit-scrollbar {
        width: 7px;
    }

    .css-1a4jr82::-webkit-scrollbar-thumb {
        background: rgb(159, 166, 176);
        border-radius: 7px;
    }

    .css-1a4jr82::-webkit-scrollbar-thumb:hover {
        background: rgb(96, 96, 96);
        border-radius: 7px;
    }

    .css-1a4jr82::-webkit-scrollbar-track {
        background: rgb(241, 241, 241);
    }

    .css-isyaq5::-webkit-scrollbar {
        width: 4px;
    }

    .css-isyaq5::-webkit-scrollbar-thumb {
        background: rgb(159, 166, 176);
        border-radius: 4px;
    }

    .css-isyaq5::-webkit-scrollbar-thumb:hover {
        background: rgb(96, 96, 96);
        border-radius: 4px;
    }

    .css-isyaq5::-webkit-scrollbar-track {
        background: rgb(241, 241, 241);
    }

    button:focus {
        outline: none;
    }

    img {
        border-style: none;
    }

    /*=======  PRODUCT  ======= */
    .css-xan4u6-unf-card {
        display: block;
        position: relative;
        margin: 0px;
        padding: 0px;
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.12));
        background-color: var(--color-card, #FFFFFF);
        cursor: default;
        border-radius: 8px;
        min-height: 600px;
    }

    .css-xa32s6-unf-card {
        display: block;
        position: relative;
        margin: 0px;
        padding: 5px 24px;
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.12));
        background-color: var(--color-card, #FFFFFF);
        cursor: default;
        border-radius: 8px;
        min-height: 600px;
    }

    .css-18zcqu {
        display: flex;
        width: 100%;
        -webkit-box-align: center;
        align-items: center;
        padding: 24px 24px 0px;
        margin: 0px 0px 22px;
    }

    .css-138fgu {
        display: flex;
        width: 100%;
        -webkit-box-align: center;
        align-items: center;
        margin: 0px 0px 22px;
    }

    .css-1yw6foh {
        width: 50%;
        display: flex;
    }

    .css-1yw6foh .wrapper-title {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-1yw6foh h3 {
        margin: 0px;
    }

    .css-1jc8vh8-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Nunito Sans", -apple-system, sans-serif;
        font-size: 1.42857rem;
        line-height: 26px;
        color: var(--color-text-high);
        text-decoration: initial;
    }

    .css-uzpm2a {
        width: 50%;
        text-align: right;
    }

    .css-778r7j-unf-tooltip {
        display: inline-block;
        position: relative;
        margin-right: 8px;
    }

    .css-uzpm2a button {
        margin-right: 12px;
        vertical-align: top;
    }

    .css-778r7j-unf-tooltip * {
        cursor: pointer;
    }

    .css-9ev3fg {
        display: inline-flex;
        padding: 9px;
        border: 1px solid var(--N75, #E5E7E9);
        border-radius: 8px;
        cursor: pointer;
        background: var(--NN0);
        margin-right: 0px !important;
    }

    .css-778r7j-unf-tooltip>div {
        width: auto;
        white-space: nowrap;
        padding: 6px 8px;
    }

    .css-1w2acix {
        width: 200px;
        font-size: 0.714286rem;
        font-weight: 400;
        position: absolute;
        z-index: 1;
        left: 50%;
        padding: 12px 16px;
        border-radius: 4px;
        line-height: 16px;
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.12));
        transition: opacity 280ms ease-in-out 0s;
        opacity: 0;
        visibility: hidden;
        background-color: var(--color-text-high);
        text-align: center;
        color: var(--NN0);
        top: 0%;
        transform: translate(-50%, calc(-100% - 12px));
    }

    .css-1w2acix::before {
        border-color: transparent transparent var(--color-card, #FFFFFF) transparent;
        transform: translate(-50%, calc(0% + 14px)) rotate(180deg);
    }

    .css-1w2acix::after {
        border-color: transparent transparent var(--color-text-high) transparent;
        transform: translate(-50%, calc(0% + 14px)) rotate(180deg);
    }

    .css-1w2acix::after,
    .css-1w2acix::before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        border-width: 6px;
        border-style: solid;
    }

    .css-frmfyl {
        -webkit-box-align: center;
        align-items: center;
        background-color: var(--NN0);
        border-width: 1px;
        border-style: solid;
        border-image: initial;
        border-color: var(--N75, #E5E7E9);
        color: var(--N700, #31353B)AD;
        display: inline-flex;
        vertical-align: top;
        flex: 1 1 0%;
        flex-wrap: nowrap;
        font-size: 1rem;
        height: 40px;
        line-height: 16px;
        margin-bottom: 0px;
        margin-right: 8px;
        overflow: hidden;
        padding: 0px 12px;
        text-overflow: ellipsis;
        transition: all 0.28s ease-in-out 0s;
        white-space: nowrap;
        cursor: pointer;
        border-radius: 8px;
    }

    .css-1j0wfc-unf-chip {
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        vertical-align: top;
        background-color: var(--color-page-background, #FFFFFF);
        border-radius: 16px;
        color: var(--color-text-low);
        flex: 1 1 0%;
        flex-wrap: nowrap;
        line-height: 16px;
        text-overflow: ellipsis;
        transition: all 200ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s;
        white-space: nowrap;
        overflow: hidden;
        cursor: pointer;
        width: 150px;
        height: 40px;
        border: none;
        font-size: 0.857143rem;
        padding: 0px;
        margin: 0px;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    .css-1j0wfc-unf-chip i,
    .css-1j0wfc-unf-chip svg {
        margin: 0px 0px 0px auto;
    }

    .css-uzpm2a button:last-child {
        margin-right: 0px;
    }

    .css-87hvdb-unf-btn {
        width: auto;
        height: 40px;
        color: rgb(255, 255, 255);
        font-family: "Nunito Sans", sans-serif;
        font-weight: 700;
        font-size: 1rem;
        line-height: 20px;
        text-indent: initial;
        background-color: #03AC0E;
        border: none;
        border-radius: 8px;
        display: inline-block;
        outline: none;
        cursor: pointer;
        position: relative;
        padding: 0px 16px;
        transition: background-color 300ms ease 0s;
    }

    .css-87hvdb-unf-btn span {
        font-size: inherit;
        text-overflow: ellipsis;
        white-space: nowrap;
        opacity: 1;
        display: block;
        overflow: hidden;
        position: relative;
        top: 0px;
        transition: opacity 300ms linear 0s, top 300ms linear 0s;
    }

    .css-87hvdb-unf-btn::after {
        content: "";
        background-color: rgb(49, 53, 59);
        opacity: 0;
        inset: 0px;
        border-radius: inherit;
        position: absolute;
        transition: opacity 300ms ease 0s;
        pointer-events: none;
    }

    .css-1xmoy9n-unf-tab-wrapper {
        position: relative;
    }

    .css-3qpmyy-unf-tab-holder {
        display: flex;
        position: relative;
        border-bottom: 1px solid var(--N75, #E5E7E9);
        min-height: 48px;
        white-space: nowrap;
        background-color: var(--color-page-background, #FFFFFF);
        overflow: auto hidden;
    }

    .css-ejl2wk {
        display: inline-block;
        box-sizing: border-box;
        padding: 16px 24px;
        height: 52px;
        line-height: 20px;
        font-weight: 800;
        color: var(--color-text-placeholder, rgba(49, 53, 59, 0.44));
        text-transform: capitalize;
        font-size: 14px;
        cursor: pointer;
        transition: color 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s;
    }

    .css-ejl2wk span {
        margin-left: 4px;
    }

    .css-11ia3bb-unf-indicator {
        min-width: 16px;
        width: 171px;
        height: 2px;
        border-radius: 1px;
        background-color: var(--G500);
        position: absolute;
        bottom: 0px;
        left: 0px;
        transition-duration: 300ms;
        transition-timing-function: cubic-bezier(0.63, 0.01, 0.29, 1);
    }

    .css-aut100-unf-indicator {
        min-width: 16px;
        height: 2px;
        border-radius: 1px;
        background-color: var(--G500);
        position: absolute;
        bottom: 0px;
        transition-duration: 300ms;
        transition-timing-function: cubic-bezier(0.63, 0.01, 0.29, 1);
    }

    .css-3qpmyy-unf-tab-holder .e1yhziio3 {
        background-color: var(--G500);
    }

    .css-1gbu4dk {
        padding: 16px 0px 0px;
        min-height: 600px;
    }

    .css-1150e37 {
        padding: 0px 32px 12px 24px;
    }

    .css-ap5200 {
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-1lilx2u {
        max-width: 100%;
        flex: 0 0 auto;
        width: 25%;
    }

    .css-ign1bg {
        border-radius: 8px;
        display: flex;
        -webkit-box-flex: inherit;
        flex-grow: inherit;
        -webkit-box-align: stretch;
        align-items: stretch;
        overflow: hidden;
        transition: border-color 280ms ease 0s;
        width: 300px;
        height: auto;
        background-color: var(--color-page-background, #FFFFFF);
        border: 1px solid var(--color-border, #E5E7E9);
        flex-direction: row-reverse;
    }

    .css-souuva {
        border: none;
        outline: none;
        position: relative;
        cursor: pointer;
        padding: 0px;
        transition: background-color 280ms ease 0s;
        width: 40px;
        background-color: var(--color-chip-disabled, #F3F4F5);
        flex: 0 0 auto;
    }

    .css-ign1bg .e16vycsw0 {
        padding-right: 12px;
        padding-left: 12px;
    }

    .css-1ez7tqp {
        max-width: 100%;
        flex: 0 0 auto;
        width: 75%;
        display: flex;
        -webkit-box-pack: end;
        justify-content: flex-end;
    }

    .css-123v49h {
        max-width: 100%;
        flex: 0 0 auto;
        width: 22%;
        padding-left: 14px;
    }

    .css-1nvxlia {
        position: relative;
        display: inline-block;
        min-width: 165px;
        width: 100% !important;
    }

    .css-1nvxlia>div {
        min-width: 165px !important;
    }

    .css-1mcdr3a {
        cursor: pointer;
        display: flex;
        position: relative;
        -webkit-box-align: center;
        align-items: center;
        height: 40px;
        box-sizing: border-box;
        background-color: rgb(255, 255, 255);
        font-size: 1rem;
        letter-spacing: 0px;
        min-width: 180px;
        padding: 10px 8px 10px 16px;
        border-radius: 8px;
        border-width: 1px;
        border-style: solid;
        border-color: var(--N75, #E5E7E9);
        border-image: initial;
        color: rgb(159, 166, 176);
    }

    .css-1mcdr3a span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: calc(100% - 20px);
    }

    .css-123v49h span {
        vertical-align: middle;
    }

    .css-1ez7tqp span {
        vertical-align: middle;
    }

    .css-1mcdr3a .chevron {
        margin-left: auto;
        top: 50%;
        transform: translateY(-50%);
        height: 9px;
        width: 14px;
        position: absolute;
        right: 10px;
        background-size: contain;
        background-image: url(https://assets.printink.id/img/60b87db6.png);
        background-position: center center;
        transition: all 200ms ease 0s;
    }

    .css-6cyogi {
        width: 100%;
        height: auto;
        max-height: 376px;
        overflow: hidden scroll;
        list-style-type: none;
        position: absolute;
        z-index: 2;
        box-sizing: border-box;
        background: rgb(255, 255, 255);
        border: 1px solid rgb(229, 231, 233);
        margin: 0px;
        padding: 8px 0px;
        display: none;
    }

    .css-6cyogi>li {
        display: block;
        position: relative;
    }

    .css-6cyogi li>div:first-child {
        width: calc(100% - 20px);
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        align-items: center;
        position: relative;
        padding: 8px 10px;
        margin: 0px 8px;
        border-radius: 4px;
        cursor: pointer;
        display: inline-block;
    }

    .css-6cyogi li>div:first-child .left-section {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
    }

    .css-6cyogi li>div:first-child label {
        margin-bottom: 0px;
    }

    .css-6cyogi li>div:first-child .left-section .text {
        padding-left: 4px;
    }

    .css-6cyogi li>div:first-child .text {
        white-space: nowrap;
        margin-right: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 400;
        display: inline-block;
        max-width: 76%;
    }

    .css-1x2edwq {
        border-top: thin solid var(--N75, #E5E7E9);
        border-bottom: thin solid var(--N75, #E5E7E9);
        padding: 7px 16px;
        line-height: 1.43;
        color: var(--N700, #31353B)AD;
        z-index: 100;
        font-size: 12px;
        font-weight: 700;
    }

    .css-3b0zis {
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
        -webkit-box-align: center;
        align-items: center;
        height: 32px;
    }

    .css-1dbpi61 {
        max-width: 100%;
        flex: 0 0 auto;
        width: 35%;
        padding-left: 7px;
        padding-right: 32px;
    }

    .css-145pi61 {
        max-width: 100%;
        flex: 0 0 auto;
        width: 70%;
        padding-left: 7px;
        padding-right: 32px;
    }

    .css-iq8jiu .headerCheckAll--box {
        margin-right: 22px;
        display: inline-block;
    }

    .css-vj65bh-unf-checkbox {
        cursor: pointer;
        display: inline-block;
    }

    .css-1dbpi61 span {
        cursor: pointer;
        vertical-align: middle;
    }

    .css-1dbpi61 span p {
        margin: 0px;
        display: inline-block;
        vertical-align: middle;
    }

    .css-1dbpi61 span img {
        width: 18px;
        vertical-align: middle;
        margin-left: 2px;
    }

    .css-dshkaj {
        max-width: 100%;
        flex: 0 0 auto;
        width: 15%;
    }

    .css-1vbozpk {
        max-width: 100%;
        flex: 0 0 auto;
        width: 20%;
    }

    .css-1vbozpk span {
        cursor: pointer;
        vertical-align: middle;
    }

    .css-1vbozpk span p {
        margin: 0px;
        display: inline-block;
        vertical-align: middle;
    }

    .css-1vbozpk span img {
        width: 18px;
        vertical-align: middle;
        margin-left: 2px;
    }

    .css-1q9uqts {
        max-width: 100%;
        flex: 0 0 auto;
        width: 15%;
    }

    .css-1q9uqts span {
        cursor: pointer;
        vertical-align: middle;
    }

    .css-1q9uqts span p {
        margin: 0px;
        display: inline-block;
        vertical-align: middle;
    }

    .css-1q9uqts span img {
        width: 18px;
        vertical-align: middle;
        margin-left: 2px;
    }

    .css-1dey5ll {
        max-width: 100%;
        flex: 0 0 auto;
        width: 6%;
    }

    .css-1d6y5ll {
        max-width: 100%;
        flex: 0 0 auto;
        width: 10%;
    }

    .css-1993fdz {
        padding: 16px;
        border-bottom: thin solid var(--N50, #F3F4F5);
        transition: all 0.2s ease-in-out 0s;
    }

    .css-1fg3fdz {
        padding: 16px;
        border-bottom: thin solid var(--N50, #F3F4F5);
        transition: all 0.2s ease-in-out 0s;
        background-color: #f2f4f6;
    }

    .css-67dj33 {
        padding: 16px;
        border-bottom: thin solid var(--N50, #F3F4F5);
        transition: all 0.2s ease-in-out 0s;
        background-color: #f9f9f9;
    }

    .css-67dj33 .css-ru3gk0 {
        background-color: #ffffff;
    }

    .css-eniub8 {
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
        align-items: flex-start;
    }

    .css-196kfws {
        max-width: 100%;
        flex: 0 0 auto;
        width: 35%;
        display: flex;
        align-items: flex-start;
        padding-left: 8px;
    }

    .css-197zfws {
        max-width: 100%;
        flex: 0 0 auto;
        width: 70%;
        padding-left: 8px;
    }

    .css-1f745xw {
        display: flex;
        align-items: flex-start;
    }

    .css-1f745xw .boxChecked {
        margin-right: 22px;
        margin-top: -3px;
        display: inline-block;
    }

    .css-c6l7qi-unf-checkbox {
        cursor: pointer;
        display: inline-block;
        align-self: center;
    }

    .css-196kfws span {
        vertical-align: middle;
    }

    .css-1duhqit {
        width: 56px;
        height: 56px;
        flex: 0 0 auto;
        position: relative;
    }

    .css-1duhqit a {
        cursor: pointer;
        display: block;
    }

    a {
        color: rgba(0, 0, 0, .7);
        text-decoration: none;
    }

    .css-1duhqit img {
        border-radius: 6px;
        object-fit: contain;
        background-color: var(--NN0);
    }

    .css-1buce4j {
        padding: 0px 32px 0px 12px;
    }

    .css-1buce4j .styPLCProductNameInfo {
        max-height: 60px;
        overflow: hidden;
        word-break: break-word;
    }

    .css-1buce4j .styPLCProductNameInfo a {
        color: var(--N700, #31353B);
        font-weight: 800;
        font-family: "Nunito Sans", -apple-system, sans-serif;
    }

    .css-1buce4j h5 {
        margin: 0px;
    }

    .css-12rmgqd-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Nunito Sans", -apple-system, sans-serif;
        font-size: 1rem;
        line-height: 20px;
        color: var(--color-text-high);
        text-decoration: initial;
    }

    .css-cias66 {
        font-size: 0.857143rem;
        color: var(--N500, #52565E);
        line-height: 1.5;
        margin: 4px 0px 0px;
        display: flex;
        flex-wrap: wrap;
        word-break: break-word;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-cias66 p {
        margin: 0px;
    }

    .css-196kfws span {
        vertical-align: middle;
    }

    .css-cias66 span {
        color: var(--N700, #31353B);
        margin-right: 6px;
    }

    .css-xum9w1 {
        max-width: 100%;
        flex: 0 0 auto;
        width: 20%;
        align-self: flex-start;
    }

    .css-xd59w1 {
        max-width: 100%;
        flex: 0 0 auto;
        width: 15%;
        align-self: flex-start;
    }

    .css-v824 {
        color: var(--N400, #6C727C);
    }

    .css-xum9w1 span {
        vertical-align: middle;
    }

    .css-fb90vp {
        max-width: 100%;
        flex: 0 0 auto;
        width: 15%;
        align-self: flex-start;
    }

    .css-fsd0vp {
        max-width: 100%;
        flex: 0 0 auto;
        width: 10%;
        align-self: flex-start;
    }

    .css-1ntforg {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        color: var(--N400, #6C727C);
    }

    .css-1ntforg .stockVarian--wrap {
        display: flex;
    }

    .css-14d0z92 {
        font-size: 1rem;
    }

    .css-12bjz2d {
        max-width: 100%;
        flex: 0 0 auto;
        width: 6%;
        align-self: flex-start;
    }

    .css-oq5gty {
        margin: 8px 0px;
    }

    .css-12hxtyk-unf-toggle {
        height: 100%;
        cursor: pointer;
    }

    .css-12hxtyk-unf-toggle,
    .css-12hxtyk-unf-toggle * {
        -webkit-tap-highlight-color: transparent;
        user-select: none;
    }

    .css-qtgeu-unf-toggle__input:checked,
    .css-qtgeu-unf-toggle__input:not(:checked) {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

    .css-qtgeu-unf-toggle__input {
        opacity: 0;
        width: 0px;
        height: 0px;
        margin: 0px;
        padding: 0px;
    }

    .css-qtgeu-unf-toggle__input:checked+.en8rpss3 {
        background-color: var(--G500);
    }

    .css-12bjz2d span {
        vertical-align: middle;
    }

    .css-mgao9t-unf-toggle__lever {
        content: "";
        width: 44px;
        height: 24px;
        vertical-align: middle;
        background-color: var(--color-toggle-off, #6C727C);
        border-radius: 15px;
        display: inline-block;
        position: relative;
        transition: background 200ms cubic-bezier(0.2, 0.64, 0.21, 1) 0s;
    }

    .css-12hxtyk-unf-toggle,
    .css-12hxtyk-unf-toggle * {
        -webkit-tap-highlight-color: transparent;
        user-select: none;
    }

    .css-qtgeu-unf-toggle__input:checked+.en8rpss3::before,
    .css-qtgeu-unf-toggle__input:checked+.en8rpss3::after {
        transform: translateX(100%);
    }

    .css-mgao9t-unf-toggle__lever::before,
    .css-mgao9t-unf-toggle__lever::after {
        content: "";
        width: 20px;
        height: 20px;
        background-color: rgb(255, 255, 255);
        border-radius: 50%;
        display: inline-block;
        position: absolute;
        left: 2px;
        top: 2px;
        transform: translateX(0%);
        transition: transform 200ms cubic-bezier(0.2, 0.64, 0.21, 1) 0s;
    }

    .css-awx2fp {
        max-width: 100%;
        flex: 0 0 auto;
        width: 9%;
        align-self: flex-start;
        padding-right: 16px;
    }

    .css-asdw2fp {
        max-width: 100%;
        flex: 0 0 auto;
        width: 5%;
        display: flex;
        justify-content: center;
    }

    .css-1zp96t {
        margin: 4px 0px;
    }

    .css-1vjqxvx-unf-chip {
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        vertical-align: top;
        background-color: var(--color-page-background, #FFFFFF);
        border-width: 1px;
        border-style: solid;
        border-image: initial;
        border-color: var(--color-border, #E5E7E9);
        color: var(--color-text-low);
        flex: 1 1 0%;
        flex-wrap: nowrap;
        line-height: 16px;
        padding: 0px 12px;
        text-overflow: ellipsis;
        transition: all 200ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s;
        white-space: nowrap;
        overflow: hidden;
        cursor: pointer;
        width: 100%;
        height: 32px;
        border-radius: 8px;
        font-size: 0.857143rem;
        font-weight: 800;
        margin: 0px;
        -webkit-box-pack: justify;
        justify-content: space-between;

    }

    .css-1vjqxvx-unf-chip:hover {
        border-color: var(--color-border, #E5E7E9);
        color: var(--color-text-high);
    }

    .css-1vjqxvx-unf-chip svg {
        display: inline-block;
        vertical-align: middle;
        transition: all 200ms linear 0s;
    }

    .css-1vjqxvx-unf-chip.active svg {
        display: inline-block;
        vertical-align: middle;
        transition: all 200ms linear 0s;
        transform: rotate(180deg);
    }

    .css-25fjye-unf-chip {
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        vertical-align: top;
        background-color: var(--color-page-background, #FFFFFF);
        border-width: 1px;
        border-style: solid;
        border-image: initial;
        border-color: var(--color-border, #E5E7E9);
        color: var(--color-text-low);
        flex: 1 1 0%;
        flex-wrap: nowrap;
        line-height: 16px;
        padding: 0px 12px;
        text-overflow: ellipsis;
        transition: all 200ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s;
        white-space: nowrap;
        overflow: hidden;
        cursor: pointer;
        width: 100%;
        height: 40px;
        border-radius: 8px;
        font-size: 1rem;
        font-weight: 800;
        margin: 0px;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    .css-25fjye-unf-chip:hover {
        border-color: var(--color-border, #E5E7E9);
        color: var(--color-text-high);
    }

    .css-25fjye-unf-chip.active {
        border-radius: 8px 8px 0px 0px;
    }

    .css-25fjye-unf-chip .unf-icon {
        display: inline-block;
        vertical-align: middle;
        transition: all 200ms linear 0s;
        ;
    }

    .css-25fjye-unf-chip.active .unf-icon {
        display: inline-block;
        vertical-align: middle;
        transition: all 200ms linear 0s;
        transform: rotate(180deg);
    }

    .css-ru3gk0 {
        background-color: var(--N50, #F3F4F5);
        border-radius: 8px;
        height: auto;
        position: relative;
        margin: 12px 16px 0px auto;
        width: calc(100% - 65px);
    }

    .css-gh567ss {
        background-color: var(--N50, #F3F4F5);
        border-radius: 8px;
        height: auto;
        position: relative;
        margin: 12px 0px 0px 0px;
        width: 100%;
    }

    .css-gh567ss h5 {
        margin: 0px;
    }

    .css-gyrh49 {
        background-color: var(--N50, #F3F4F5);
        border-radius: 8px;
        position: relative;
        height: auto;
        margin: 12px 0px 0px 0px;
        width: 100%;
    }

    .css-gyrh49 h5 {
        margin: 0px;
    }

    .css-gyrh49 .css-1rhha8u {
        border-bottom: thin solid var(--N75, #E5E7E9);
    }

    .css-1rhha8u {
        cursor: pointer;
        padding: 7px 16px;
    }

    .css-ap5200 {
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-2zwm76 {
        max-width: 100%;
        flex: 0 0 auto;
        width: 90%;
    }

    .css-ru3gk0 h5 {
        margin: 0px;
    }

    .css-1702nmo {
        max-width: 100%;
        flex: 0 0 auto;
        width: 10%;
    }

    .css-e7c46k {
        width: 24px;
        height: 24px;
        margin: 0px 0px 0px auto;
    }

    .css-1jeamnl {
        width: 100%;
        height: auto;
        max-height: none;
        list-style-type: none;
        position: absolute;
        z-index: 2;
        box-sizing: border-box;
        background: rgb(255, 255, 255);
        border: 1px solid rgb(229, 231, 233);
        margin: 0px;
        padding: 8px 0px;
        display: none;
    }

    .css-18v78bw {
        left: 100%;
        display: none;
        top: 0px;
        position: absolute;
        padding: 8px 0px;
        z-index: 2;
        background: var(--NN0);
        box-sizing: border-box;
        border: 1px solid var(--N75, #E5E7E9);
        cursor: pointer;
        width: auto;
    }

    .css-1jeamnl>li {
        display: block;
        position: relative;
    }

    .css-18v78bw>li.child-item>div.background {
        background-color: var(--NN0);
    }

    .css-1jeamnl li>div:first-child {
        width: calc(100% - 20px);
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        align-items: center;
        position: relative;
        padding: 8px 10px;
        margin: 0px 8px;
        border-radius: 4px;
        cursor: pointer;
        display: inline-block;
    }

    .css-1jeamnl>li .background {
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        position: relative;
        padding: 8px 10px;
        margin: 0px 8px;
        border-radius: 4px;
        cursor: pointer;
    }

    .css-1jeamnl li>div:first-child .text {
        white-space: nowrap;
        margin-right: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 400;
        display: inline-block;
        max-width: 100%;
    }

    .css-1jeamnl>li .background .text {
        color: var(--N700, #31353B);
    }

    .css-1b2qrz0 {
        padding-right: 18px;
    }

    .css-1v79p57 {
        color: var(--N400, #6C727C);
        line-height: 1.5;
    }

    .css-dshkaj span {
        vertical-align: middle;
    }

    .css-1v79p57 span {
        color: var(--N700, #31353B);
        vertical-align: bottom;
    }

    .css-19705b0 {
        display: flex;
        margin: 8px 0px 14px;
    }

    .css-z8clmf:first-child {
        border-top-left-radius: 100px;
        border-bottom-left-radius: 100px;
    }

    .css-z8clmf {
        width: 20px;
        height: 6px;
        background-color: var(--G500);
        margin: 0px 1px;
    }

    .css-1551xkd:last-child {
        border-top-right-radius: 100px;
        border-bottom-right-radius: 100px;
    }

    .css-1551xkd {
        width: 20px;
        height: 6px;
        background-color: var(--N100, #DBDEE2);
        margin: 0px 1px;
    }

    .css-24ehv5 {
        max-width: 100%;
        flex: 0 0 auto;
    }

    .css-s5ys5m {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        font-size: 1rem;
        color: var(--N400, #6C727C);
        margin-right: 12px;
    }

    .css-ypd15i-unf-tooltip {
        display: inline-block;
        position: relative;
    }

    .css-24ehv5 span {
        vertical-align: middle;
    }

    .css-s5ys5m span {
        margin-left: 6px;
    }

    .css-1qrnbt7 {
        width: 200px;
        font-size: 0.714286rem;
        font-weight: 400;
        position: absolute;
        z-index: 1;
        left: 50%;
        padding: 12px 16px;
        border-radius: 4px;
        line-height: 16px;
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.12));
        transition: opacity 280ms ease-in-out 0s;
        opacity: 0;
        visibility: hidden;
        background-color: var(--color-text-high);
        text-align: center;
        color: var(--NN0);
        top: 0%;
        transform: translate(-50%, calc(-100% - 12px));
    }

    .css-1qrnbt7::before {
        border-color: transparent transparent var(--color-card, #FFFFFF) transparent;
        transform: translate(-50%, calc(0% + 20px)) rotate(180deg);
    }

    .css-1qrnbt7::after {
        border-color: transparent transparent var(--color-text-high) transparent;
        transform: translate(-50%, calc(0% + 20px)) rotate(180deg);
    }

    .css-1qrnbt7::after,
    .css-1qrnbt7::before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        border-width: 6px;
        border-style: solid;
    }

    .css-l4t0uh {
        margin-left: 5px;
        position: relative;
        top: -2px;
    }

    .css-l4t0uh+div {
        text-align: center !important;
    }

    .css-th2mc4 {
        width: 200px;
        font-size: 0.714286rem;
        font-weight: 400;
        position: absolute;
        z-index: 1;
        left: 50%;
        padding: 12px 16px;
        border-radius: 4px;
        line-height: 16px;
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.12));
        transition: opacity 280ms ease-in-out 0s;
        opacity: 0;
        visibility: hidden;
        background-color: var(--color-card, #FFFFFF);
        text-align: left;
        color: var(--color-text-high);
        top: 0%;
        transform: translate(-50%, calc(-100% - 12px));
    }

    .css-th2mc4::before {
        border-color: transparent transparent var(--color-card, #FFFFFF) transparent;
        transform: translate(-50%, calc(0% + 36px)) rotate(180deg);
    }

    .css-th2mc4::after {
        border-color: transparent transparent var(--color-card, #FFFFFF) transparent;
        transform: translate(-50%, calc(0% + 36px)) rotate(180deg);
    }

    .css-th2mc4::after,
    .css-th2mc4::before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        border-width: 6px;
        border-style: solid;
    }

    .css-1nvxlia.default .selected {
        color: var(--N200, #9FA6B0);
    }

    .css-1dgfdwd.selected {
        color: rgb(49, 53, 59);
    }

    .css-1dgfdwd .chevron {
        margin-left: auto;
        top: 50%;
        transform: translateY(-50%);
        height: 9px;
        width: 14px;
        position: absolute;
        right: 10px;
        background-size: contain;
        background-image: url(https://assets.printink.id/img/60b87db6.png);
        background-position: center center;
        transition: all 200ms ease 0s;
    }

    .css-1dgfdwd .chevron.active {
        transform: translateY(-50%) rotate(180deg);
    }

    .css-1jeamnl.parent {
        display: inline-block;
        left: 0px;
        top: 100%;
        width: 100%;
        border-radius: 0px 0px 8px 8px;
    }

    .css-1dgfdwd {
        cursor: pointer;
        display: flex;
        position: relative;
        -webkit-box-align: center;
        align-items: center;
        height: 40px;
        box-sizing: border-box;
        background-color: rgb(255, 255, 255);
        font-size: 1rem;
        letter-spacing: 0px;
        min-width: 180px;
        padding: 10px 8px 10px 16px;
        border-radius: 8px 8px 0px 0px;
        border-width: 1px;
        border-style: solid;
        border-color: var(--N75, #E5E7E9);
        border-image: initial;
        color: rgb(159, 166, 176);
    }

    .css-1jeamnl>li:hover:not(.disabled) .background {
        background-color: var(--N50, #F3F4F5);
    }

    .css-1jeamnl>li:hover:not(.disabled)>div {
        background-color: var(--N50, #F3F4F5);
        font-weight: 800;
    }

    .css-1jeamnl>li:hover:not(.disabled)>.background>.text {
        font-weight: 800;
    }

    .css-4lr30v {
        border-radius: 8px;
        position: absolute;
        background-color: rgb(255, 255, 255);
        transition: opacity 0.2s ease 0s;
        visibility: visible;
        opacity: 1;
        border: thin solid var(--N75, #E5E7E9);
        min-width: 150px;
    }

    .css-6fsds3 {
        z-index: 111;
        border-radius: 8px;
        position: fixed;
        background-color: rgb(255, 255, 255);
        transition: opacity 0.2s ease 0s;
        visibility: visible;
        opacity: 1;
        border: thin solid var(--N75, #E5E7E9);
        min-width: 150px;
    }

    .css-25sass {
        cursor: pointer;
        display: flex;
        -webkit-box-pack: start;
        justify-content: flex-start;
        padding: 6px 12px;
        color: var(--N500, #52565E);
        position: relative;
        -webkit-box-align: center;
        align-items: center;
        font-size: 0.9rem;
        font-weight: 700;
    }

    .css-25sass:hover {
        background-color: var(--N50, #F3F4F5);
    }

    .css-d9rdz1 {
        cursor: pointer;
        display: flex;
        -webkit-box-pack: start;
        justify-content: flex-start;
        padding: 6px 12px;
        color: var(--N500, #52565E);
        position: relative;
        -webkit-box-align: center;
        align-items: center;
        font-size: 0.857143rem;
    }

    .css-d9rdz1 svg {
        margin-right: 8px;
    }

    .css-d9rdz1:hover {
        background-color: var(--N50, #F3F4F5);
    }

    .css-1be1nc6 {
        width: calc(100% - 24px);
        height: 1px;
        background-color: var(--N75, #E5E7E9);
        margin: 6px auto;
    }

    .css-1gmcosb {
        background-color: var(--N50, #F3F4F5);
        border-radius: 8px;
        position: relative;
        height: 100%;
        margin: 12px 16px 0px auto;
        width: calc(100% - 65px);
    }

    .css-1gmcosb .styCollapsibleActive--head {
        border-bottom: thin solid var(--N75, #E5E7E9);
    }

    .css-1t1xv2g {
        padding: 0px 16px;
    }

    .css-wo4tdh {
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
        align-items: flex-start;
        border-bottom: thin solid var(--N75, #E5E7E9);
        padding: 15px 0px;
    }

    .css-ojx9mu {
        max-width: 100%;
        flex: 0 0 auto;
        width: 33%;
        display: flex;
    }

    .css-1qir7n3 {
        display: flex;
        padding: 0px;
    }

    .css-6idl0y {
        padding-left: 0px;
    }

    .css-6idl0y .styPLCProductNameInfo {
        max-height: 60px;
        overflow: hidden;
    }

    .css-1gmcosb h5 {
        margin: 0px;
    }

    .css-6idl0y h5 {
        margin: 0px;
    }

    .css-cias66 {
        font-size: 0.857143rem;
        color: var(--N500, #52565E);
        line-height: 1.5;
        margin: 4px 0px 0px;
        display: flex;
        flex-wrap: wrap;
        word-break: break-word;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-cias66 p {
        margin: 0px;
    }

    .css-ojx9mu span {
        vertical-align: middle;
    }

    .css-cias66 span {
        color: var(--N700, #31353B);
        margin-right: 6px;
    }

    .css-3ghh4k {
        max-width: 100%;
        flex: 0 0 auto;
        width: 15.6%;
    }

    .css-306zlh {
        max-width: 100%;
        flex: 0 0 auto;
        width: 21.6%;
        align-self: flex-start;
    }

    .css-v824 {
        color: var(--N400, #6C727C);
    }

    .css-u1u6l9 {
        margin-bottom: 8px;
        max-width: 180px;
        position: relative;
    }

    .css-2eodbt {
        max-width: 100%;
        flex: 0 0 auto;
        width: 16%;
        align-self: flex-start;
    }

    .css-1ntforg {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        color: var(--N400, #6C727C);
    }

    .css-9kaxl9 {
        margin-bottom: 8px;
        max-width: 94px;
        position: relative;
    }

    .css-12bjz2d {
        max-width: 100%;
        flex: 0 0 auto;
        width: 6%;
        align-self: flex-start;
    }

    .css-12jw36y {
        max-width: 100%;
        flex: 0 0 auto;
        width: 5%;
    }

    .css-61h9op {
        text-align: right;
    }

    .css-61h9op .dots-variant {
        position: relative;
        display: inline-block;
        top: 8px;
        cursor: pointer;
    }

    /*=======  ADD PRODUCT  ======= */

    .css-oviqeo {
        transition: all 0.2s ease 0s;
        min-width: 1130px;
        min-height: 800px;
        height: 100%;
        margin-left: 0px;
        width: 100%;
    }

    .css-yujezu {
        position: fixed;
        right: 0px;
        left: 0px;
        top: 0px;
        z-index: 21;
        margin-bottom: 0px;
        min-width: 750px;
    }

    .css-wx8zhh {
        background-color: rgb(255, 255, 255);
        border-width: 0px 0px 1px;
        border-color: rgb(243, 243, 243);
        border-style: solid;
    }

    .css-2y99la {
        margin: 0px 32px;
        height: 32px;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    .css-161fr38-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 14px;
        line-height: 18px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px;
    }

    .css-1yva4si-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 12px;
        line-height: 16px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px;
    }

    .css-1kuxmm5 {
        width: 20px;
        height: 20px;
        margin-right: 4px;
        background-image: url(https://assets.printink.id/icon/8c8f63b6.svg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: 60% 60%;
        display: inline-block;
    }

    .css-1ddw15v.nospace {
        margin-left: 0px;
        padding-right: 0px;
    }

    .css-1ddw15v {
        font-size: 12px;
        font-weight: 400;
        color: rgba(49, 53, 59, 0.44);
        display: inline-block;
        line-height: 32px;
        margin-left: 18px;
        padding-right: 6px;
    }

    .css-qrstgd {
        background-color: var(--NN0);
        height: 56px;
        box-shadow: rgb(0 0 0 / 4%) 0px 2px 6px 0px;
        border: none;
    }

    .css-f61bmh {
        position: relative;
        margin: 0px 30px;
        height: 56px;
        width: 100%;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    .css-docn6p {
        width: 205px;
    }

    .css-docn6p a {
        height: 100%;
        width: 205px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }

    .css-docn6p a img {
        width: 100%;
        height: auto;
    }

    .css-6fd9ee {
        position: fixed;
        top: 56px;
        left: 0px;
        height: 100%;
        width: 100%;
        opacity: 0.7;
        display: none;
        background: rgb(0, 0, 0);
        z-index: -1;
        transition: all 0.5s ease 0s;
    }

    .css-6fd9ee.is-show {
        display: block;
    }

    .content-wrapper-pid {
        width: 100%;
    }

    .css-16cofkk {
        margin: auto;
        width: 100%;
    }

    .css-17cofkk {
        margin: auto;
        width: 1200px;
    }

    .css-1c5ij41 {
        margin: 16px;
    }

    .css-1o7u7qc-unf-ticker {
        width: 100%;
        border-radius: 8px;
        position: relative;
        margin: auto;
        padding: 0px;
        overflow: hidden;
        color: rgba(49, 53, 59, 0.96);
    }

    .css-tfd7c3 {
        display: flex;
        flex-wrap: nowrap;
        left: 0px;
        margin: 0px auto;
        position: relative;
        top: 0px;
        transition: transform 240ms linear 0s;
        width: 100%;
    }

    .css-jl8ktz>div:first-of-type {
        width: 272px;
        position: relative;
    }

    .css-zb6ddo {
        flex: 0 0 auto;
        position: relative;
        width: 100%;
        padding: 12px 16px;
        background-color: var(--color-ticker-default, #EBF6F6);
        overflow: hidden;
        color: rgba(49, 53, 59, 0.96);
    }

    .css-zb6ddo .unf-ticker__decorator {
        position: absolute;
        top: -5px;
        left: -5px;
    }

    .css-3cm3ca-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-size: 1rem;
        line-height: 20px;
        color: var(--color-text-low);
        text-decoration: initial;
        margin: 0px;
    }

    .css-af8mkl-unf-btn {
        font-family: "Nunito Sans", sans-serif;
        width: auto;
        border-radius: 8px;
        background-position: center center;
        font-weight: 700;
        outline: none;
        position: relative;
        transition: background 0.8s ease 0s;
        cursor: pointer;
        display: inline-flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        color: var(--G500, #0099FF);
        font-size: 1rem;
        padding: 0px !important;
        line-height: unset !important;
        height: unset !important;
    }

    .css-af8mkl-unf-btn span {
        outline: none;
    }

    .css-af8mkl-unf-btn span {
        display: block;
        font-size: inherit;
        opacity: 1;
        overflow: hidden;
        position: relative;
        text-overflow: ellipsis;
        top: 0px;
        transition: opacity 0.3s linear 0s, top 0.3s linear 0s;
        white-space: nowrap;
    }

    .css-1faxj6a-unf-card {
        display: block;
        position: relative;
        margin: 16px;
        padding: 32px;
        border-radius: 8px;
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.12));
        background-color: var(--color-card, #FFFFFF);
        cursor: default;
    }

    .css-c7u81q-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Nunito Sans", -apple-system, sans-serif;
        font-size: 1.14286rem;
        line-height: 22px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px 0px 12px;
    }

    .css-b0bdxf {
        display: flex;
        padding-bottom: 50px;
    }

    .css-jl8ktz {
        display: flex;
    }

    .css-1ay0uwr-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Nunito Sans", -apple-system, sans-serif;
        font-size: 1rem;
        line-height: 20px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px 0px 8px;
    }

    .css-jcvn4q {
        font-family: "Nunito Sans";
        font-style: normal;
        font-weight: 800;
        margin-left: 8px;
        margin-bottom: 8px;
        display: flex;
        padding: 2px 4px;
        width: 38px;
        height: 20px;
        left: 44px;
        top: 0px;
        background: var(--N50, #F3F4F5);
        border-radius: 3px;
        font-size: 11px;
        line-height: 16px;
        color: var(--N200, #9FA6B0);
    }

    .css-boe69t {
        display: flex;
        -webkit-box-flex: 1;
        flex-grow: 1;
        -webkit-box-align: center;
        align-items: center;
        margin-left: 103px;
        position: relative;
    }

    .css-boe69t>div {
        width: 100%;
    }

    .css-boe69t>div>div:nth-child(1) {
        height: 32px;
    }

    .css-t2hjj {
        border-radius: 8px;
        display: flex;
        -webkit-box-flex: inherit;
        flex-grow: inherit;
        -webkit-box-align: stretch;
        align-items: stretch;
        overflow: hidden;
        transition: border-color 280ms ease 0s;
        width: 100%;
        height: auto;
        background-color: var(--color-page-background, #FFFFFF);
        border: 1px solid var(--color-border, #E5E7E9);
        flex-direction: row-reverse;
    }

    .css-souuva {
        border: none;
        outline: none;
        position: relative;
        cursor: pointer;
        padding: 0px;
        transition: background-color 280ms ease 0s;
        width: 40px;
        background-color: var(--color-chip-disabled, #F3F4F5);
        flex: 0 0 auto;
    }

    .css-souuva::after {
        content: "";
        background-size: 24px;
        background-image: url(https://assets.printink.id/icon/af2f34c3.svg);
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        inset: 0px;
    }

    .css-t2hjj>button[type="submit"]:hover {
        background-color: var(--N75, #E5E7E9);
    }

    .css-1qjcr0q {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        width: 330px;
    }

    .css-10klw3m {
        height: 100%;
    }

    .css-boe69t>div>div:nth-child(1) input {
        height: 100%;
        padding: 7px 16px;
    }

    .css-t2hjj .e16vycsw0 {
        padding-right: 12px;
        padding-left: 12px;
    }

    .css-19on077 {
        cursor: pointer;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        height: 100%;
    }

    .css-1teqst1 {
        width: 32px;
        height: 32px;
        display: flex;
        margin-right: 8px;
        padding-top: 4px;
        background-color: transparent;
        border-radius: 4px;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        position: relative;
    }

    .css-1teqst1:hover {
        background-color: var(--N50, #F3F4F5);
    }

    .css-1czdu59 {
        position: relative;
        top: -2px;
    }

    .css-1j07rzi {
        position: absolute;
        top: 44px;
        margin-top: 12px;
    }

    .css-19on077::after {
        background-color: var(--N100, #DBDEE2);
        content: "";
        width: 1px;
        height: 24px;
    }

    .css-1retje2 {
        width: 136px;
        padding: 10px 0px;
        margin-left: 8px;
    }

    .css-bafw0i {
        position: relative;
        cursor: pointer;
        padding: 11px 0px;
    }

    .css-qf6p8n {
        height: 36px;
        display: flex;
        font-size: 0.857143rem;
        color: var(--N700, #31353B);
        padding: 8px;
        border-radius: 4px;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-1vsj2jg {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        flex-shrink: 0;
    }

    .css-mj7qwy-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-size: 1rem;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px 0px 0px 12px;
        line-height: 16px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
    }

    .css-bafw0i:hover .css-qf6p8n {
        background-color: var(--N50, #F3F4F5);
    }

    .css-9mv502 {
        position: absolute;
        z-index: 20;
        cursor: default;
        overflow: hidden;
        max-height: 0px;
        right: 0px;
        width: 328px;
        transition: max-height 200ms ease-in 0s;
    }

    .css-a86muy {
        box-sizing: border-box;
        box-shadow: rgb(0 0 0 / 7%) 0px 4px 6px -1px inset;
        display: block;
        margin-top: 10px;
        background-color: var(--NN0);
        padding: 16px;
        border-radius: 0px 0px 10px 10px;
    }

    .css-ia7gz8 {
        width: 100%;
        min-height: 60px;
        padding: 8px 0px;
        margin-bottom: 14px;
        border-radius: 4px;
        box-sizing: border-box;
    }

    .css-1a1qqdz {
        float: right;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        vertical-align: middle;
        margin-right: 10px;
    }

    .css-30kj0i {
        margin-left: 0.5em;
        display: inline-block;
        width: 200px;
    }

    .css-uv1ig2 {
        display: block;
        margin-bottom: 3px;
        font-size: 1.14286rem;
        font-weight: 800;
        line-height: 22px;
        color: var(--N700, #31353B);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .css-1fjw78d {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        margin-left: 0.5em;
    }

    .css-rxgulu {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

    .css-1gsinl1 {
        position: relative;
        display: flex;
        padding: 4px 0px;
        cursor: pointer;
        width: 100%;
        -webkit-box-align: center;
        align-items: center;
        height: 63px;
    }

    .css-1gsinl1.divider {
        border-top: 1px solid var(--N50, #F3F4F5);
    }

    .css-e3swto {
        padding: 10px 8px;
        border-radius: 8px;
        width: calc(100% + 16px);
        display: flex;
        margin: 0px -8px;
        height: 40px;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-2in2o4-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-size: 1rem;
        line-height: 20px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px;
    }

    .css-f61bmh::after {
        content: "";
        clear: both;
        display: table;
    }

    .css-1a0eeco {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-1a0eeco a {
        font-size: 0.857143rem;
        color: var(--N300, #838994);
        margin-right: 16px;
    }

    .css-1a0eeco a:last-child {
        margin-right: 0px;
    }

    .css-1fmfkr8-unf-card {
        display: block;
        position: relative;
        margin: 16px;
        border-radius: 8px;
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.12));
        background-color: var(--color-card, #FFFFFF);
        cursor: default;
        padding: 11px 32px 0px;
    }

    .css-xtvw2r-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Nunito Sans", -apple-system, sans-serif;
        font-size: 1.14286rem;
        line-height: 22px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 22px 0px 48px;
    }

    .css-1rlxqts {
        display: flex;
        padding-bottom: 40px;
    }

    .css-ew7pxu {
        display: flex;
        flex-direction: column;
        padding-right: 100px;
        width: 350px;
    }

    .css-k5th0o {
        display: flex;
        flex-direction: row;
        font-family: "Nunito Sans";
        font-style: normal;
        font-weight: 800;
        font-size: 1rem;
        line-height: 18px;
        color: var(--N700, #31353B)F5;
        padding-bottom: 8px;
    }

    .css-1b00gey {
        font-family: "Open Sans";
        font-style: normal;
        font-weight: normal;
        font-size: 0.857143rem;
        line-height: 18px;
        color: var(--N700, #31353B)AD;
        white-space: pre-wrap;
    }

    .css-4fdf55 {
        padding-left: 5px;
        font-family: "Open Sans";
        font-style: normal;
        font-weight: normal;
        font-size: 0.857143rem;
        color: #31353B;
        line-height: 15px;
        width: 80%;
    }

    .css-4fdf55 span {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .css-18jqfyr {
        display: flex;
        flex-direction: column;
        position: relative;
    }

    .css-13psm1t {
        margin: 0px;
    }

    .css-x1sij0 {
        display: flex;
        -webkit-box-align: baseline;
        align-items: baseline;
    }

    .css-11xzgqh {
        color: var(--color-text-low);
        font-size: 12px;
        line-height: 18px;
        margin: 4px 0px 0px auto;
        padding-left: 16px;
    }

    .css-kxv2ci {
        display: flex;
        flex-direction: column;
        padding-right: 100px;
        width: 350px;
        -webkit-box-pack: center;
        justify-content: center;
    }

    .css-10w6sgt {
        display: flex;
        flex-direction: column;
        min-width: 750px;
        margin-top: 12px;
        position: relative;
        background: var(--NN0);
        border: 1px solid var(--N75, #E5E7E9);
        box-sizing: border-box;
        border-radius: 8px;
        cursor: pointer;
    }

    .css-19goo3c {
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        align-items: center;
        padding: 10px 12px;
        height: 40px;
    }

    .css-hms6zh {
        display: flex;
        transform: rotate(0deg);
        transition: all 300ms linear 0s;
    }

    .css-1xhj18k {
        display: flex;
        flex-direction: row;
    }

    .css-vyb7xx {
        margin-left: 60px;
    }

    .css-1plqocz-unf-radio {
        cursor: pointer;
        display: inline-block;
    }

    .css-48nyvw {
        width: 0px;
        height: 0px;
        opacity: 0;
        position: absolute;
        appearance: none;
        margin: 0px;
        padding: 0px;
    }

    .css-48nyvw:checked+.e12o1eyi1 {
        border-color: var(--G500, #0099FF);
    }

    .css-48nyvw:checked+.e12o1eyi1::before {
        background: var(--G500, #0099FF);
        transform: scale(1);
    }

    .css-21kod5-unf-radio__area {
        width: 20px;
        height: 20px;
        vertical-align: middle;
        border: 2px solid var(--N400, #6C727C);
        border-radius: 50%;
        position: relative;
        display: inline-block;
    }

    .css-21kod5-unf-radio__area::before {
        content: "";
        position: absolute;
        inset: 2px;
        border-radius: 50%;
        transform: scale(0);
        transition: transform 200ms cubic-bezier(0.2, 0.64, 0.21, 1) 0s;
    }

    .css-141y4qm {
        display: block;
        width: 605px;
    }

    .css-141y4qm>textarea {
        width: 100%;
        outline: none;
        resize: none;
        color: var(--N700, #31353B);
        border: 1px solid var(--N75, #E5E7E9);
        border-radius: 8px;
        padding: 4px;
    }

    .css-1h149it {
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        flex-direction: row-reverse;
    }

    .css-15q705j {
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        padding: 11px 32px 32px;
    }

    .css-1gvabgf {
        padding-top: 21px;
    }

    .css-78dh72-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Nunito Sans", -apple-system, sans-serif;
        font-size: 1.14286rem;
        line-height: 22px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 22px 0px 4px;
    }

    .css-1vl8eb6-unf-toggle,
    .css-1vl8eb6-unf-toggle * {
        -webkit-tap-highlight-color: transparent;
        user-select: none;
    }

    .css-1vl8eb6-unf-toggle {
        height: 100%;
        cursor: not-allowed;
    }

    .css-nu3xov {
        margin-left: 20px;
        font-size: 1rem;
        line-height: 20px;
        color: var(--N700, #31353B)F5;
        padding-top: 2px;
    }

    .css-ev6pqc {
        position: relative;
        width: 150px;
    }

    .css-ev6pqc .e15j6tp62 {
        border-radius: 8px;
    }

    .css-lp7661 {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        padding: 0px 8px 0px 12px;
        cursor: pointer;
        border: 1px solid var(--R500, #EF144A);
        user-select: none;
        transition: border-radius 280ms ease 0s;
        width: 100%;
        height: 40px;
        font-size: 14px;
        line-height: 40px;
        background-color: var(--color-page-background, #FFFFFF);
        pointer-events: all;
        text-align: left;
    }

    .css-lp7661::after {
        content: "";
        display: inline-block;
        background-image: url(https://assets.tokopedia.net/assets-tokopedia-lite/v2/icarus/kratos/1def3953.svg);
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-position: center center;
        transition: transform 280ms ease 0s, background-color 0.12s ease 0s;
        transform: rotate(0deg);
        border-radius: 50%;
    }

    .css-hj6bde {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        padding: 0px 8px 0px 12px;
        cursor: pointer;
        border: 1px solid var(--color-border, #E5E7E9);
        user-select: none;
        transition: border-radius 280ms ease 0s;
        width: 100%;
        height: 40px;
        font-size: 14px;
        line-height: 40px;
        background-color: var(--color-page-background, #FFFFFF);
        pointer-events: all;
        text-align: left;
    }

    .css-hj6bde:hover::after,
    .css-hj6bde:focus::after {
        background-color: var(--N50, #F3F4F5);
    }

    .css-hj6bde::after {
        content: "";
        display: inline-block;
        background-image: url(https://assets.printink.id/icon/1def3953.svg);
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-position: center center;
        transition: transform 280ms ease 0s, background-color 0.12s ease 0s;
        transform: rotate(0deg);
        border-radius: 50%;
    }

    .css-rtapky {
        flex: 1 1 0%;
        color: var(--color-text-high);
        cursor: pointer;
        overflow: hidden;
        padding-right: 8px;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-rtapky span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .css-ev6pqc .e15j6tp60 {
        transition: transform 280ms ease-out 0s, opacity 0.16s ease 0s, visibility 0.16s ease 0s;
        width: 150px;
        padding: 0px 4px;
        overflow: auto;
        position: absolute;
        background: var(--color-card, #FFFFFF);
        border: 1px solid var(--color-border, #E5E7E9);
        border-radius: 0px 0px 8px 8px;
        transform-origin: center top;
        scroll-behavior: smooth;
        transform: translateY(-8px);
        opacity: 0;
        visibility: hidden;
    }

    .css-he3dde {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        padding: 0px 8px 0px 12px;
        cursor: pointer;
        border: 1px solid var(--color-border, #EF144A);
        user-select: none;
        transition: border-radius 280ms ease 0s;
        width: 100%;
        height: 40px;
        font-size: 14px;
        line-height: 40px;
        background-color: var(--color-page-background, #FFFFFF);
        pointer-events: all;
        text-align: left;
    }

    .css-he3dde:hover::after,
    .css-he3dde:focus::after {
        background-color: var(--N50, #F3F4F5);
    }

    .css-he3dde::after {
        content: "";
        display: inline-block;
        background-image: url(https://assets.printink.id/icon/1def3953.svg);
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-position: center center;
        transition: transform 280ms ease 0s, background-color 0.12s ease 0s;
        transform: rotate(0deg);
        border-radius: 50%;
    }

    .css-mj0fyg {
        max-height: 228px;
        z-index: 20;
    }

    .css-mj0fyg * {
        box-sizing: border-box;
    }

    .css-jof6us {
        list-style: none;
        padding: 0px;
        margin: 4px 0px;
    }

    .css-10eoumv {
        cursor: pointer;
        list-style: none;
        outline: none;
        position: relative;
        min-height: 40px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        padding: 4px 0px;
    }

    .css-10eoumv::before {
        content: "";
        position: absolute;
        left: -4px;
        top: 0px;
        height: 100%;
        width: 3px;
        background-color: var(--G500, #0099FF);
        opacity: 1;
        transition: opacity 0.08s ease-in 0s;
    }

    .css-10eoumv button:hover,
    .css-10eoumv button:focus {
        background-color: var(--N50, #F3F4F5);
    }

    .css-10eoumv button {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        position: relative;
        padding: 6px 8px 6px 5px;
        color: var(--color-text-high);
        background-color: transparent;
        font-size: 14px;
        font-weight: 400;
        min-height: 32px;
        border-top: none;
        border-right: none;
        border-bottom: none;
        border-image: initial;
        text-align: left;
        line-height: 1.33;
        width: 100%;
        cursor: pointer;
        border-radius: 4px;
        border-left: 3px solid transparent;
        appearance: none;
    }

    .css-miy2s2 {
        cursor: pointer;
        list-style: none;
        outline: none;
        position: relative;
        min-height: 40px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        padding: 4px 0px;
    }

    .css-19vlzc3 * {
        box-sizing: border-box;
    }

    .css-miy2s2::before {
        content: "";
        position: absolute;
        left: -4px;
        top: 0px;
        height: 100%;
        width: 3px;
        background-color: var(--G500);
        opacity: 0;
        transition: opacity 0.08s ease-in 0s;
    }

    .css-miy2s2 button {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        position: relative;
        padding: 6px 8px 6px 5px;
        color: var(--color-text-high);
        background-color: transparent;
        font-size: 14px;
        font-weight: 400;
        min-height: 32px;
        border-top: none;
        border-right: none;
        border-bottom: none;
        border-image: initial;
        text-align: left;
        line-height: 1.33;
        width: 100%;
        cursor: pointer;
        border-radius: 4px;
        border-left: 3px solid transparent;
        appearance: none;
    }

    .css-miy2s2 button:hover,
    .css-miy2s2 button:focus {
        background-color: var(--N50, #F3F4F5);
    }

    .css-1qhmto6 {
        margin-left: 12px;
    }

    .css-1ld2djh {
        width: 300px;
        margin: 0px;
    }

    .select2-container--bootstrap4 .select2-results__option--highlighted,
    .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected=true] {
        background-color: var(--N50, #F3F4F5) !important;
        color: black !important
    }

    .select2-container--default .select2-results__option[aria-disabled=true] {
        color: #6c757d !important;
    }

    .navbar-light .navbar-nav .active>.nav-link,
    .navbar-light .navbar-nav .nav-link.active,
    .navbar-light .navbar-nav .nav-link.show,
    .navbar-light .navbar-nav .show>.nav-link {
        color: rgba(176, 12, 0, 69) !important;
    }

    .css-794c1v {
        height: 50px;
        position: fixed;
        bottom: 0px;
        width: 100%;
        padding-bottom: 50px;
        background-color: var(--NN0);
        box-shadow: rgb(108 114 124 / 16%) 0px -2px 4px 0px;
        z-index: 20;
        display: flex;
        margin: 0px auto;
        -webkit-box-pack: justify;
        justify-content: space-between;
        align-items: flex-start;
    }

    .css-11rf802 {
        padding: 4px 0px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        flex-flow: column nowrap;
        justify-content: space-around;
        font-weight: 400;
        font-size: 10px;
        line-height: 16px;
        color: rgba(49, 53, 59, 0.68);
        text-decoration: initial;
        white-space: nowrap;
    }

    .css-mw28ox {
        width: 24px;
        height: 24px;
        margin-bottom: 4px;
        position: relative;
    }

    .nav-sidebar .menu-is-opening>.nav-link i.right,
    .nav-sidebar .menu-open>.nav-link i.right {
        transform: rotate(-180deg) !important;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        color: #fff;
        background-color: #007bff;
    }

    [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active,
    [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus,
    [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover {
        background-color: rgb(63 71 78);
        color: #ffffff;
    }

    .css-ondblm {
        padding: 2px 4px;
        position: static;
        width: 40px;
        height: 20px;
        left: 44px;
        top: 0px;
        background: var(--N50, #F3F4F5);
        border-radius: 3px;
        font-size: 11px;
        line-height: 16px;
        color: var(--N200, #9FA6B0);
    }

    .css-61w9h9 {
        padding: 2px 8px 2px 5px;
        border-left: solid 3px var(--G500, #0099FF);
    }

    .css-15hxig7 {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        min-height: 32px;
        padding: 6px 0px 6px 8px;
        font-family: "Open Sans";
        font-style: normal;
        font-weight: normal;
        font-size: 1rem;
        line-height: 20px;
        /*color: var(--N700,#31353B);*/
    }

    /*.css-15hxig7:hover {
		background-color: var(--N50,#F3F4F5);
		border-radius: 8px;
		cursor: pointer;
	}*/

    .css-l7bmay {
        max-width: 85%;
    }

    .css-48kzp4 {
        display: flex;
        transform: rotate(-90deg);
    }

    .css-1wxk3mz {
        padding: 2px 8px;
        border-left: none;
    }

    .css-1wnhwcr {
        border-top: 1px dashed #E5E7E9;
        margin: 24px 0px;
    }

    .css-fjk5da {
        border-top: 1px dashed #E5E7E9;
        margin: 10px 0px;
    }

    .css-1z022ma-unf-btn {
        display: inline-block;
        position: relative;
        font-family: "Nunito Sans", sans-serif;
        font-weight: 700;
        font-size: 0.857143rem;
        line-height: 24px;
        text-indent: initial;
        height: 40px;
        width: auto;
        color: #6C727C;
        background-color: #e5e7e9;
        cursor: not-allowed;
        padding: 0px 16px;
        background-position: center center;
        border-width: initial;
        border-style: none;
        border-color: initial;
        border-image: initial;
        border-radius: 8px;
        outline: none;
        transition: background 0.8s ease 0s;
    }

    .css-1z022ma-unf-btn span {
        display: block;
        font-size: inherit;
        opacity: 1;
        overflow: hidden;
        position: relative;
        text-overflow: ellipsis;
        top: 0px;
        transition: opacity 0.3s linear 0s, top 0.3s linear 0s;
        white-space: nowrap;
    }

    .css-173viyf-unf-btn {
        display: inline-block;
        position: relative;
        font-family: "Nunito Sans", sans-serif;
        font-weight: 700;
        font-size: 0.857143rem;
        line-height: 24px;
        text-indent: initial;
        height: 40px;
        width: auto;
        color: var(--G500);
        background-color: white;
        cursor: pointer;
        padding: 0px 16px;
        background-position: center center;
        border: 1px solid var(--G500);
        border-radius: 8px;
        outline: none;
        transition: background 0.8s ease 0s;
    }

    .css-173viyf-unf-btn span {
        display: block;
        font-size: inherit;
        opacity: 1;
        overflow: hidden;
        position: relative;
        text-overflow: ellipsis;
        top: 0px;
        transition: opacity 0.3s linear 0s, top 0.3s linear 0s;
        white-space: nowrap;
    }

    .css-173viyf-unf-btn:focus {
        outline: none;
    }

    /* ============ FOTO PRODUK ============ */

    .css-2imjyh {
        display: flex;
        flex-wrap: wrap;
    }

    .css-i62psg {
        box-sizing: border-box;
        border-radius: 8px;
        margin-right: 12px;
        width: 140px;
        height: 140px;
        margin-top: 10px;
        margin-bottom: 10px;
        cursor: pointer;
        border: 2px dashed var(--N100, #DBDEE2);
        transition: all 0.25s ease 0s;
    }

    .css-i62psg:hover {
        border-color: var(--G500, #0099FF);
    }

    .css-i62psg:hover>div>div:not(.video) {
        color: var(--G500, #0099FF) !important;
    }

    .css-i62psg:hover>div>div:first-of-type {
        background-image: url(https://assets.printink.id/icon/7c6766f9.svg);
    }

    .css-kmq1n0 {
        display: flex;
        flex-direction: column;
        -webkit-box-pack: center;
        place-content: center;
        width: inherit;
        height: inherit;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-k23dr0 {
        display: flex;
        flex-direction: column;
        -webkit-box-pack: center;
        place-content: center;
        width: inherit;
        height: inherit;
        -webkit-box-align: center;
        align-items: center;
        padding: 19px;
    }

    .css-phearn {
        background-image: url(https://assets.printink.id/icon/8d58e463.svg);
        width: 40px;
        height: 40px;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .css-pwjl43 {
        background-color: #79C257;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        display: flex;
    }

    .css-y12d51 {
        padding-top: 12px;
        font-family: "Open Sans";
        font-style: normal;
        font-weight: bold;
        font-size: 1rem;
        line-height: 20px;
        color: var(--color-text-high);
    }

    .css-y0zwu1 {
        padding-top: 12px;
        font-family: "Open Sans";
        font-style: normal;
        font-weight: normal;
        font-size: 1rem;
        line-height: 20px;
        color: rgba(49, 53, 59, 0.68);
    }

    .css-1xjw7kf {
        font-family: "Open Sans";
        font-style: normal;
        font-weight: normal;
        font-size: 1rem;
        line-height: 20px;
        display: flex;
        color: var(--R600, #D6001C);
        min-height: 20px;
        padding: 0px;
    }

    .css-66xlbl {
        text-align: center;
        padding-bottom: 32px;
    }

    .css-4h6weq {
        height: 90px;
        margin-bottom: 15px;
        color: var(--NN0);
        text-align: center;
        display: flex;
        align-items: flex-end;
    }

    .css-to1rqw {
        display: flex;
        -webkit-box-pack: end;
        justify-content: flex-end;
        padding-right: 4px;
    }

    .css-to1rqw img {
        margin: 0px 4px 8px;
        cursor: pointer;
    }

    .css-1ku71yh {
        box-sizing: border-box;
        margin-right: 12px;
        width: 140px;
        height: 140px;
        margin-top: 10px;
        margin-bottom: 10px;
        border-radius: 8px;
        border: 1px solid var(--N100, #DBDEE2);
        position: relative;
    }

    .css-1ku71yh .imgOverlay {
        cursor: move;
        position: absolute;
        inset: 0px;
        height: 140px;
        width: 100%;
        opacity: 0;
        transition: all 0.5s ease 0s;
        background-color: var(--N700, #31353B)AD;
        border-radius: 8px;
        z-index: 2;
    }

    .css-1ku71yh:hover .imgOverlay {
        opacity: 1;
    }

    .css-4h6weq {
        height: 90px;
        margin-bottom: 15px;
        color: var(--NN0);
        text-align: center;
        display: flex;
        align-items: flex-end;
    }

    .css-uinsfl {
        height: 100%;
        display: flex;
    }

    .css-1spu5f8 {
        position: absolute;
        margin: 8px;
        padding: 3px;
        background: var(--G200);
        border-radius: 3px;
        font-size: 10px;
        font-weight: 600;
        line-height: 16px;
        color: var(--G500, #0099FF);
        z-index: 1;
    }

    .css-10zkpj3 {
        width: 100%;
        background-color: var(--NN0);
        border-radius: 8px;
        border-image: initial;
        background-repeat: no-repeat;
        background-position: center center;
        object-fit: contain;
    }

    /* ============ TABLE VARIANT ============ */

    .css-hix1c1 {
        padding-bottom: 32px;
    }

    .css-6gea5x {
        font-family: "Nunito Sans";
        font-style: normal;
        font-weight: 800;
        font-size: 1rem;
        line-height: 18px;
        color: #31353B;
        padding-bottom: 8px;
    }

    .css-11koacf {
        background: #FFFFFF;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        border-radius: 8px;
        border: 1px solid #E5E7E9;
        padding: 16px 24px 24px;
    }

    .css-1vhc7km {
        display: flex;
        height: 50px;
        border-bottom: 1px solid #E5E7E9;
        -webkit-box-align: center;
        align-items: center;
        font-family: "Open Sans";
        font-style: normal;
        font-weight: bold;
        font-size: 0.857143rem;
        line-height: 18px;
        text-transform: uppercase;
        color: #9fa6b0;
    }

    .css-o6917l {
        min-width: 40px;
    }

    .css-1ruv0p8 {
        display: flex;
        margin: 0px 8px;
        width: 230px;
        word-break: break-word;
    }

    .css-1jn5315 {
        display: flex;
        margin: 0px 8px;
        width: 175px;
    }

    .css-1grydr2 {
        display: flex;
        margin: 0px 8px;
        width: 190px;
    }

    .css-yb4aie {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        width: 56px;
        margin: 0px 10px;
    }

    .css-5d1qlv {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        width: 56px;
        margin: 0px 10px;
        flex-direction: column;
    }

    .css-o6917l {
        min-width: 40px;
    }

    .css-ksypla {
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center;
        padding: 48px 0px;
    }

    .css-2pbjvu {
        display: flex;
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center;
        margin-top: 24px;
        color: #31353B;
    }

    .css-1b78l8f {
        font-weight: 800;
        font-size: 16px;
        line-height: 22px;
    }

    .css-okc7pe {
        font-size: 14px;
        line-height: 20px;
    }

    .css-svcxdp {
        display: flex;
        width: 205px;
        padding-left: 16px;
        padding-right: 32px;
        word-break: break-word;
    }

    .css-18g7ug9 {
        display: flex;
        margin: 0px 8px;
        width: 200px;
        word-break: break-word;
    }

    .css-11f3ccl {
        display: flex;
        margin: 0px 8px;
        width: 155px;
    }

    .css-b9m6ue {
        display: flex;
        margin: 0px 8px;
        width: 170px;
    }

    .css-dz38t4 {
        display: flex;
        padding: 0px 8px;
    }

    .css-1bh52ki {
        width: 24px;
        height: 24px;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }

    .css-8wwjx7-unf-checkbox {
        cursor: pointer;
        display: inline-block;
    }

    .css-1v32p5e-unf-card {
        display: block;
        position: relative;
        margin: 16px;
        border-radius: 8px;
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.12));
        background-color: var(--color-card, #FFFFFF);
        cursor: default;
        padding: 0px;
    }

    .css-h48bim-unf-checkbox__input {
        width: 0px;
        height: 0px;
        opacity: 0;
        position: absolute;
        appearance: none;
        margin: 0px;
        padding: 0px;
    }

    .css-16s5os-unf-checkbox__area {
        width: 20px;
        height: 20px;
        border: 2px solid var(--N400, #6C727C);
        border-radius: 4px;
        vertical-align: middle;
        position: relative;
        display: inline-block;
        transition: transform 200ms cubic-bezier(0.2, 0.64, 0.21, 1) 0s;
        transform-box: fill-box;
    }

    .css-16s5os-unf-checkbox__area::before,
    .css-16s5os-unf-checkbox__area::after {
        content: "";
        border-radius: 4px;
        position: absolute;
        inset: -1px;
        transition: transform 200ms cubic-bezier(0.2, 0.64, 0.21, 1) 0s;
    }

    .css-16s5os-unf-checkbox__area::before {
        transform: scale(0);
    }

    .css-16s5os-unf-checkbox__area::after {
        inset: 0px;
    }

    .css-h48bim-unf-checkbox__input:checked+.e4ba57s1 {
        border-color: var(--G500, #0099FF);
    }

    .css-h48bim-unf-checkbox__input:checked+.e4ba57s1::before {
        transform: scale(1);
        background: var(--G500, #0099FF);
    }

    .css-h48bim-unf-checkbox__input:checked+.e4ba57s1::after {
        background-image: url(https://assets.printink.id/icon/39bb2c28.svg);
        background-size: 14px 10px;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .css-1mkj8ru {
        width: 200px;
        margin: 0px;
    }

    .css-1rcaxqf {
        font-size: 14px;
        font-weight: 800;
        line-height: 22px;
        white-space: nowrap;
        display: flex;
        align-self: stretch;
        -webkit-box-align: center;
        align-items: center;
        padding-left: 12px;
        background-color: var(--color-chip-disabled, #F3F4F5);
        color: var(--color-text-low);
        padding-right: 12px;
    }

    .css-ubsgp5 {
        min-width: 0px;
        min-height: 0px;
        width: 100%;
        color: var(--color-text-high);
        font-family: inherit;
        background-color: transparent;
        line-height: 22px;
        border: none;
        outline: none;
        height: auto;
        font-size: 14px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    input:disabled {
        cursor: not-allowed;
        background-color: #0000000a;
    }

    .css-zah1bb {
        width: 155px;
        margin: 0px;
    }

    .css-1v4mafd {
        width: 170px;
        margin: 0px;
    }

    .css-3iue2d {
        background: var(--N50, #F3F4F5);
        box-sizing: border-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        border: 2px dashed var(--N75, #E5E7E9);
        width: 56px;
        height: 56px;
        border-radius: 6px;
    }

    .css-3iue2d input {
        display: none;
    }

    .css-tfwhg7 {
        width: 38px;
        height: 24px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-8zy5qf {
        padding-top: 6px;
    }

    .css-5d1qlv label {
        margin: -3px;
    }

    .css-1vl8eb6-unf-toggle,
    .css-1vl8eb6-unf-toggle * {
        -webkit-tap-highlight-color: transparent;
        user-select: none;
    }

    .css-1vl8eb6-unf-toggle {
        height: 100%;
        cursor: not-allowed;
    }

    .css-kpi469-unf-toggle__input:checked,
    .css-kpi469-unf-toggle__input:not(:checked) {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }

    .css-kpi469-unf-toggle__input:checked+.en8rpss3 {
        background-color: var(--G500, #0099FF);
        opacity: 0.32;
    }

    .css-oetcfa-unf-toggle__lever {
        content: "";
        width: 44px;
        height: 24px;
        vertical-align: middle;
        background-color: var(--N75, #E5E7E9);
        border-radius: 15px;
        display: inline-block;
        position: relative;
        transition: background 200ms cubic-bezier(0.2, 0.64, 0.21, 1) 0s;
    }

    .css-kpi469-unf-toggle__input:checked+.en8rpss3::before,
    .css-kpi469-unf-toggle__input:checked+.en8rpss3::after {
        transform: translateX(100%);
    }

    .css-oetcfa-unf-toggle__lever::before,
    .css-oetcfa-unf-toggle__lever::after {
        content: "";
        width: 20px;
        height: 20px;
        background-color: rgb(255, 255, 255);
        border-radius: 50%;
        display: inline-block;
        position: absolute;
        left: 2px;
        top: 2px;
        transform: translateX(0%);
        transition: transform 200ms cubic-bezier(0.2, 0.64, 0.21, 1) 0s;
    }

    .css-198hkja {
        display: flex;
        height: 20px;
        width: 20px;
    }

    .css-188pfgk {
        width: 200px;
        font-size: 0.714286rem;
        font-weight: 400;
        position: absolute;
        z-index: 1;
        left: 50%;
        padding: 12px 16px;
        border-radius: 4px;
        line-height: 16px;
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.12));
        transition: opacity 280ms ease-in-out 0s;
        opacity: 0;
        visibility: hidden;
        background-color: var(--color-text-high);
        text-align: center;
        color: var(--NN0);
        top: 100%;
        transform: translate(-50%, calc(0% + 12px));
    }

    .css-ypd15i-unf-tooltip * {
        cursor: pointer;
    }

    .css-188pfgk::after,
    .css-188pfgk::before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        border-width: 6px;
        border-style: solid;
    }

    .css-188pfgk::before {
        border-color: transparent transparent var(--color-card, #FFFFFF) transparent;
        transform: translate(-50%, calc(-100% - 28px));
    }

    .css-188pfgk::after {
        border-color: transparent transparent var(--color-text-high) transparent;
        transform: translate(-50%, calc(-100% - 28px));
    }

    .css-1uv3dna {
        display: flex;
        border-bottom: 1px solid var(--N75, #E5E7E9);
        height: 96px;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-94k0nm {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        padding: 8px 0px 24px;
    }

    .css-1iin1r {
        position: relative;
        background: var(--N50, #F3F4F5);
        border-radius: 8px;
        display: flex;
        padding: 9px;
        margin-right: 9px;
    }

    .css-4ky835 {
        transform: rotate(180deg);
    }

    .css-111o5ku {
        transform: rotate(0deg);
    }

    .css-197vw43-unf-checkbox {
        cursor: pointer;
        display: inline-block;
        position: absolute;
        left: 10px;
        top: 47%;
        transform: translateY(-50%);
    }

    .css-m3x5fh {
        position: relative;
        background: var(--N50, #F3F4F5);
        border-radius: 8px 8px 0px 0px;
        display: flex;
        padding: 9px;
        margin-right: 9px;
    }

    .css-17pftr5 {
        position: absolute;
        top: 48px;
        width: 250px;
        z-index: 5;
        display: flex;
        left: 0px;
        border: 1px solid var(--N75, #E5E7E9);
        box-sizing: border-box;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        background-color: var(--NN0);
        flex-direction: column;
    }

    .css-9i1dor {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        height: 40px;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        padding: 10px 10px 10px 12px;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    .css-355l02 {
        display: flex;
        border-bottom: 1px solid var(--N75, #E5E7E9);
        height: 96px;
        -webkit-box-align: center;
        align-items: center;
        background: var(--N50, #F3F4F5);
        padding: 16px;
    }

    .css-1bnyqia {
        display: flex;
        margin: 0px 8px;
        width: 220px;
        word-break: break-word;
    }

    .css-1my65xx {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        width: 138px;
        margin: 0px 10px;
    }

    .css-pe5q4m-unf-btn {
        display: inline-block;
        position: relative;
        font-family: "Nunito Sans", sans-serif;
        font-weight: 700;
        font-size: 0.857143rem;
        line-height: 24px;
        text-indent: initial;
        height: 40px;
        width: auto;
        color: rgb(255, 255, 255);
        background-color: #03ac0e;
        cursor: pointer;
        padding: 0px 16px;
        background-position: center center;
        border-width: initial;
        border-style: none;
        border-color: initial;
        border-image: initial;
        border-radius: 8px;
        outline: none;
        transition: background 0.8s ease 0s;
    }

    .css-pe5q4m-unf-btn span {
        display: block;
        font-size: inherit;
        opacity: 1;
        overflow: hidden;
        position: relative;
        text-overflow: ellipsis;
        top: 0px;
        transition: opacity 0.3s linear 0s, top 0.3s linear 0s;
        white-space: nowrap;
    }

    .css-pe5q4m-unf-btn:active::after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-color: rgba(49, 53, 59, 0.12);
        border-radius: inherit;
        outline: none;
    }

    .css-pe5q4m-unf-btn:focus {
        outline: none;
    }

    .css-1isfa0e {
        display: flex;
        border-bottom: 1px solid var(--N75, #E5E7E9);
        height: 96px;
        -webkit-box-align: center;
        align-items: center;
        background: var(--G100, #EBFFEF);
    }

    .css-1hvui42 {
        display: flex;
        width: 140px;
        padding-left: 8px;
        padding-right: 16px;
        word-break: break-word;
    }

    .css-138ud3i {
        display: flex;
        margin: 0px 8px;
        width: 170px;
        word-break: break-word;
    }

    .css-1l93sk5 {
        display: flex;
        margin: 0px 8px;
        width: 135px;
    }

    .css-bdtvmf {
        display: flex;
        margin: 0px 8px;
        width: 150px;
    }

    .css-1wvovd4 {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        height: 40px;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        padding: 10px 10px 10px 12px;
        -webkit-box-pack: justify;
        justify-content: space-between;
        background: var(--N50, #F3F4F5);
        margin: 3px;
        border-radius: 4px;
    }

    .css-j7qwjs {
        display: flex;
        flex-direction: column;
    }

    .css-redn50 {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        height: 40px;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        padding: 10px 10px 10px 12px;
        -webkit-box-pack: start;
        justify-content: flex-start;
    }

    .css-1bhr1hg {
        box-sizing: border-box;
        width: 56px;
        height: 56px;
        border-radius: 8px;
        border: 1px solid var(--N75, #E5E7E9);
        position: relative;
    }

    .css-1bhr1hg .imgOverlay {
        cursor: move;
        position: absolute;
        inset: 0px;
        height: 56px;
        width: 100%;
        opacity: 0;
        transition: all 0.5s ease 0s;
        background-color: var(--N700, #31353B)AD;
        border-radius: 8px;
        z-index: 2;
    }

    .css-1bhr1hg:hover .imgOverlay {
        opacity: 1;
    }

    .css-1sxak8 {
        height: 20px;
        margin-bottom: 8px;
        color: var(--NN0);
        text-align: center;
        display: flex;
    }

    .css-d7702c {
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
    }

    .css-d7702c img {
        margin: 0px 1px;
        cursor: pointer;
    }

    .css-1j7wvmo {
        height: 54px;
        width: 100%;
        background-color: var(--NN0);
        border-radius: 8px;
        border-image: initial;
        background-repeat: no-repeat;
        background-position: center center;
        object-fit: contain;
    }

    .css-4bnf8r-unf-ticker {
        width: 100%;
        border-radius: 8px;
        position: relative;
        margin: 32px auto auto;
        padding: 0px;
        overflow: hidden;
        color: rgba(49, 53, 59, 0.96);
        max-width: 693px;
    }

    .css-139o8ic {
        flex: 0 0 auto;
        position: relative;
        width: 100%;
        padding: 12px 16px;
        background-color: var(--color-ticker-warning, #FFFAE6);
        overflow: hidden;
        color: rgba(49, 53, 59, 0.96);
    }

    .css-139o8ic .unf-ticker__decorator {
        position: absolute;
        top: -2px;
        left: -7px;
    }

    .css-1uy3rb {
        color: var(--G500, #0099FF);
        font-weight: 700;
        cursor: pointer;
    }

    .css-5hlt78 {
        flex: 0 1 0%;
        display: flex;
        flex-direction: column;
    }

    .css-1jy6syf {
        display: flex;
        flex-direction: column;
        max-width: 190px;
        margin-left: 8px;
    }

    .css-1jy6syf:first-child {
        margin-left: 0px;
    }

    .css-1gnmsqs {
        width: 750px;
        margin-bottom: 8px;
        flex: 1 1 0%;
        max-width: 190px;
        margin-left: 12px;
    }

    .css-1gnmsqs:first-child {
        margin-left: 0px;
    }

    .e16vycsw0~.css-1bwy0df {
        padding-right: 12px;
        padding-left: 0px;
    }

    .css-1gnmsqs>div>div>div {
        background-color: var(--N50, #F3F4F5);
    }

    .css-1bwy0df {
        font-size: 14px;
        font-weight: 800;
        line-height: 22px;
        white-space: nowrap;
        display: flex;
        align-self: stretch;
        -webkit-box-align: center;
        align-items: center;
        padding-left: 12px;
        background-color: transparent;
        color: var(--color-text-low);
        padding-right: 0px;
    }

    .css-iback {
        background-color: var(--N50, #F3F4F5);
    }

    .css-1iuj5ih {
        padding-left: 8px;
    }

    .css-1plqocz-unf-radio {
        cursor: pointer;
        display: inline-block;
    }

    .css-1qelmrb {
        max-width: 210px;
        margin-left: 8px;
    }

    .css-1qelmrb>div:nth-child(2) {
        margin-top: 4px;
        font-size: 12px;
        line-height: 18px;
    }

    .css-aplaht {
        display: flex;
        flex-direction: row;
        margin-left: 60px;
    }

    .css-1qelmrb {
        max-width: 210px;
        margin-left: 8px;
    }

    .css-vz3nze {
        display: flex;
        flex-direction: column;
        padding-right: 100px;
        width: 350px;
        flex: 0 0 auto;
    }

    .css-1trqj2j {
        width: 60%;
        flex: 1 1 0%;
    }

    .css-jl8ktz>div:last-of-type {
        margin-left: 70px;
        position: relative;
    }

    .css-10tiax8 {
        font-family: "Open Sans";
        font-style: normal;
        font-weight: normal;
        font-size: 0.857143rem;
        line-height: 18px;
        color: var(--N700, #31353B)AD;
        white-space: pre-wrap;
        padding-top: 16px;
    }

    .css-1lkeo24 {
        display: flex;
        float: right;
        margin: 8px 16px 0px 0px;
        padding-bottom: 16px;
    }

    .css-6rp2uu-unf-btn {
        display: inline-block;
        position: relative;
        font-family: "Nunito Sans", sans-serif;
        font-weight: 700;
        font-size: 0.857143rem;
        line-height: 24px;
        text-indent: initial;
        height: 40px;
        background-image: ;
        background-size: ;
        background-repeat-x: ;
        background-repeat-y: ;
        background-attachment: ;
        background-origin: ;
        background-clip: ;
        background-color: ;
        cursor: pointer;
        margin-right: 12px;
        width: 190px;
        color: var(--N700, #31353B)AD;
        padding: 0px 16px;
        background-position: center center;
        border: 1px solid var(--N75, #E5E7E9);
        border-radius: 8px;
        outline: none;
        transition: background 0.8s ease 0s;
    }

    .css-6rp2uu-unf-btn span {
        display: block;
        font-size: inherit;
        opacity: 1;
        overflow: hidden;
        position: relative;
        text-overflow: ellipsis;
        top: 0px;
        transition: opacity 0.3s linear 0s, top 0.3s linear 0s;
        white-space: nowrap;
    }

    .css-6rp2uu-unf-btn:active::after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-color: rgba(49, 53, 59, 0.12);
        border-radius: inherit;
    }

    .css-y5ihv7 {
        position: absolute;
        display: flex;
        flex-direction: row;
        width: calc(100% + 2px);
        left: -1px;
        top: 40px;
        background-color: white;
        z-index: 10;
        border: 1px solid var(--N75, #E5E7E9);
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    .css-15hxig7:hover {
        background-color: var(--N50, #F3F4F5);
        border-radius: 8px;
        cursor: pointer;
    }

    .css-1s7fe32 {
        display: flex;
        flex-direction: column;
        flex: 1 1 0%;
        cursor: pointer;
        height: 200px;
        overflow: hidden scroll;
        margin-right: 2px;
    }

    .css-11ncg9z {
        display: flex;
        flex-direction: column;
        min-width: 750px;
        margin-top: 12px;
        position: relative;
        background: var(--NN0);
        border: 1px solid var(--N75, #E5E7E9);
        box-sizing: border-box;
        border-radius: 8px 8px 0px 0px;
        cursor: pointer;
    }

    .css-76tfg8 {
        display: flex;
        transform: rotate(-180deg);
        transition: all 300ms linear 0s;
    }

    .css-wd1bmt {
        width: 2px;
        display: flex;
        flex-direction: column;
        -webkit-box-pack: center;
        justify-content: center;
    }

    .css-15pltj1 {
        height: 90%;
        background-color: var(--N75, #E5E7E9);
    }

    .css-1s7fe32 {
        display: flex;
        flex-direction: column;
        flex: 1 1 0%;
        cursor: pointer;
        height: 200px;
        overflow: hidden scroll;
        margin-right: 2px;
    }

    .css-18n2cxo-unf-btn {
        display: inline-block;
        position: relative;
        font-family: "Nunito Sans", sans-serif;
        font-weight: 700;
        font-size: 0.857143rem;
        line-height: 24px;
        text-indent: initial;
        height: 40px;
        width: auto;
        color: var(--N600, #40454C);
        background-color: white;
        cursor: pointer;
        padding: 0px 16px;
        background-position: center center;
        border: 1px solid var(--N75, #E5E7E9);
        border-radius: 8px;
        outline: none;
        transition: background 0.8s ease 0s;
    }

    .css-18n2cxo-unf-btn span {
        display: block;
        font-size: inherit;
        opacity: 1;
        overflow: hidden;
        position: relative;
        text-overflow: ellipsis;
        top: 0px;
        transition: opacity 0.3s linear 0s, top 0.3s linear 0s;
        white-space: nowrap;
    }

    .css-18n2cxo-unf-btn:active {
        background-size: 100%;
        transition: background 0s ease 0s;
        outline: none;
    }

    .css-18n2cxo-unf-btn:hover {}

    .css-18n2cxo-unf-btn:focus {
        outline: none;
    }

    .css-ckhojh {
        border-top: 1px solid var(--N75, #E5E7E9);
        padding: 32px;
    }

    .css-u4p24i {
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-1vp0btu {
        background-color: var(--NN0);
    }

    .css-2b097c-container {
        position: relative;
        box-sizing: border-box;
    }

    .css-1k6hqnw-control {
        -webkit-box-align: center;
        align-items: center;
        background-color: white;
        border-color: rgb(204, 204, 204);
        border-radius: 4px;
        border-style: solid;
        border-width: 1px;
        cursor: default;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        justify-content: space-between;
        min-height: 38px;
        position: relative;
        transition: all 100ms ease 0s;
        box-sizing: border-box;
        width: 290px;
        outline: 0px !important;
    }

    .css-1k6hqnw-control:hover,
    .css-1k6hqnw-control:focus {
        border-color: var(--G400, #4FD15A);
    }

    .css-1hwfws3 {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        flex: 1 1 0%;
        flex-wrap: wrap;
        padding: 2px 8px;
        position: relative;
        overflow: hidden;
        box-sizing: border-box;
    }

    .css-1wy0on6 {
        -webkit-box-align: center;
        align-items: center;
        align-self: stretch;
        display: flex;
        flex-shrink: 0;
        box-sizing: border-box;
    }

    .css-1wa3eu0-placeholder {
        color: rgb(128, 128, 128);
        margin-left: 2px;
        margin-right: 2px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        box-sizing: border-box;
    }

    .css-62g3xt-dummyInput {
        background: 0px center;
        border: 0px;
        font-size: inherit;
        outline: 0px;
        padding: 0px;
        width: 1px;
        color: transparent;
        left: -100px;
        opacity: 0;
        position: relative;
        transform: scale(0);
    }

    .css-1okebmr-indicatorSeparator {
        align-self: stretch;
        background-color: rgb(204, 204, 204);
        margin-bottom: 8px;
        margin-top: 8px;
        width: 1px;
        box-sizing: border-box;
    }

    .css-tlfecz-indicatorContainer {
        color: rgb(204, 204, 204);
        display: flex;
        padding: 8px;
        transition: color 150ms ease 0s;
        box-sizing: border-box;
    }

    .css-tlfecz-indicatorContainer:hover {
        color: rgb(153, 153, 153);
    }

    .css-tlfecz-indicatorContainer {
        color: rgb(204, 204, 204);
        display: flex;
        padding: 8px;
        transition: color 150ms ease 0s;
        box-sizing: border-box;
    }

    .css-tlfecz-indicatorContainer:hover {
        color: rgb(153, 153, 153);
    }

    .css-26l3qy-menu {
        top: 100%;
        background-color: rgb(255, 255, 255);
        border-radius: 4px;
        box-shadow: rgb(0 0 0 / 10%) 0px 0px 0px 1px, rgb(0 0 0 / 10%) 0px 4px 11px;
        margin-bottom: 8px;
        margin-top: 8px;
        position: absolute;
        width: 100%;
        z-index: 1;
        box-sizing: border-box;
    }

    .css-78sjop-menu {
        background-color: rgb(255, 255, 255);
        border-radius: 4px;
        box-shadow: rgb(0 0 0 / 10%) 0px 0px 0px 1px, rgb(0 0 0 / 10%) 0px 4px 11px;
        margin-bottom: 8px;
        margin-top: 8px;
        position: absolute;
        width: inherit;
        z-index: 120;
        text-align: left;
        box-sizing: border-box;
    }

    .css-11unzgr {
        max-height: 300px;
        overflow-y: auto;
        padding-bottom: 4px;
        padding-top: 4px;
        position: relative;
        box-sizing: border-box;
    }

    .css-19bqh2r {
        display: inline-block;
        fill: currentcolor;
        line-height: 1;
        stroke: currentcolor;
        stroke-width: 0;
    }

    .css-jgzcxb-option {
        background-color: var(--NN0);
        color: inherit;
        cursor: pointer;
        display: flex;
        font-size: inherit;
        padding: 8px 12px;
        width: 100%;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        box-sizing: border-box;
        align-items: center;
    }

    .css-1s96i5e-option {
        color: rgb(204, 204, 204);
        cursor: not-allowed;
        display: block;
        font-size: inherit;
        padding: 8px 12px;
        width: 100%;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        box-sizing: border-box;
        align-items: center;
    }

    .css-jgzcxb-option:hover {
        background-color: var(--N50, #F3F4F5);
    }

    .css-1lxwves {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .css-17jzzzk-control {
        -webkit-box-align: center;
        align-items: center;
        background-color: white;
        border-color: rgb(204, 204, 204);
        border-radius: 4px;
        border-style: solid;
        border-width: 1px;
        cursor: default;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        justify-content: space-between;
        min-height: 38px;
        position: relative;
        transition: all 100ms ease 0s;
        box-sizing: border-box;
        width: 580px;
        outline: 0px !important;
    }

    .css-100frdd-control {
        -webkit-box-align: center;
        align-items: center;
        background-color: white;
        border-color: rgb(204, 204, 204);
        border-radius: 4px;
        border-style: solid;
        border-width: 1px;
        cursor: default;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        justify-content: space-between;
        min-height: 38px;
        position: relative;
        transition: all 100ms ease 0s;
        box-sizing: border-box;
        outline: 0px !important;
    }

    .css-100frdd-control:hover,
    .css-100frdd-control:focus {
        border-color: var(--G400, #4FD15A);
    }

    .css-1g6gooi {
        margin: 2px;
        padding-bottom: 2px;
        padding-top: 2px;
        visibility: visible;
        color: rgb(51, 51, 51);
        box-sizing: border-box;
    }

    .css-17jzzzk-control:hover,
    .css-17jzzzk-control:focus {
        border-color: var(--G400, #4FD15A);
    }

    .css-1j3wg1c-control {
        -webkit-box-align: center;
        align-items: center;
        background-color: white;
        border-color: rgb(38, 132, 255);
        border-radius: 4px;
        border-style: solid;
        border-width: 1px;
        box-shadow: rgb(38 132 255) 0px 0px 0px 1px;
        cursor: default;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        justify-content: space-between;
        min-height: 38px;
        position: relative;
        transition: all 100ms ease 0s;
        box-sizing: border-box;
        width: 580px;
        outline: 0px !important;
    }

    .css-1j3wg1c-control:hover,
    .css-1j3wg1c-control:focus {
        border-color: var(--G400, #4FD15A);
    }

    .css-udiw {
        border: 2px solid var(--N75, #E5E7E9);
        background-color: rgb(255, 255, 255);
        border-radius: 18px;
        content: " ";
        display: block;
        margin-right: 8px;
        height: 18px;
        width: 18px;
    }

    .css-1uccc91-singleValue {
        color: rgb(51, 51, 51);
        margin-left: 2px;
        margin-right: 2px;
        max-width: calc(100% - 8px);
        overflow: hidden;
        position: absolute;
        text-overflow: ellipsis;
        white-space: nowrap;
        top: 50%;
        transform: translateY(-50%);
        box-sizing: border-box;
    }

    .css-3b7m2z-control {
        -webkit-box-align: center;
        align-items: center;
        background-color: white;
        border-color: rgb(38, 132, 255);
        border-radius: 4px;
        border-style: solid;
        border-width: 1px;
        box-shadow: rgb(38 132 255) 0px 0px 0px 1px;
        cursor: default;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        justify-content: space-between;
        min-height: 38px;
        position: relative;
        transition: all 100ms ease 0s;
        box-sizing: border-box;
        width: 290px;
        outline: 0px !important;
    }

    .css-3b7m2z-control:hover,
    .css-3b7m2z-control:focus {
        border-color: var(--G400, #4FD15A);
    }

    .css-1rhbuit-multiValue {
        background-color: rgb(230, 230, 230);
        border-radius: 2px;
        display: flex;
        margin: 2px;
        min-width: 0px;
        box-sizing: border-box;
    }

    .css-12jo7m5 {
        border-radius: 2px;
        color: rgb(51, 51, 51);
        font-size: 85%;
        overflow: hidden;
        padding: 3px 3px 3px 6px;
        text-overflow: ellipsis;
        white-space: nowrap;
        box-sizing: border-box;
    }

    .css-xb97g8 {
        -webkit-box-align: center;
        align-items: center;
        border-radius: 2px;
        display: flex;
        padding-left: 4px;
        padding-right: 4px;
        box-sizing: border-box;
    }

    .css-xb97g8:hover {
        background-color: rgb(255, 189, 173);
        color: rgb(222, 53, 11);
    }

    .css-1s96i5e-option {
        color: rgb(204, 204, 204);
        cursor: not-allowed;
        display: flex;
        font-size: inherit;
        padding: 8px 12px;
        width: 100%;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        box-sizing: border-box;
    }

    .css-1mf4y6e {
        margin-left: 9px;
    }

    .css-4bpbeu {
        height: 40px;
        border-radius: 8px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        flex: 1 1 0%;
        position: relative;
        overflow: hidden;
        transition: border-color 280ms ease 0s;
        background-color: var(--color-page-background, #FFFFFF);
        border: 1px solid var(--R500, #EF144A);
    }

    .css-kjr5tq {
        font-size: 0.857143rem;
        color: var(--R600, #D6001C);
        position: absolute;
        bottom: 0px;
    }

    .css-1n3rk1p {
        box-sizing: border-box;
        border-radius: 8px;
        margin-right: 12px;
        width: 140px;
        height: 140px;
        margin-top: 10px;
        margin-bottom: 10px;
        cursor: pointer;
        border: 2px dashed var(--R600, #D6001C);
        transition: all 0.25s ease 0s;
    }

    .css-lejwt5 {
        color: var(--R500, #EF144A);
        font-size: 12px;
        line-height: 18px;
        margin: 4px 0px 0px auto;
        padding-left: 16px;
    }

    .css-1tqy9wt {
        display: flex;
        flex-direction: column;
        min-width: 750px;
        margin-top: 12px;
        position: relative;
        background: var(--NN0);
        border: 1px solid var(--R600, #D6001C);
        box-sizing: border-box;
        border-radius: 8px;
        cursor: pointer;
    }

    .css-167ne25 {
        font-family: "Open Sans";
        font-style: normal;
        font-weight: normal;
        font-size: 0.857143rem;
        line-height: 18px;
        white-space: pre-wrap;
        color: var(--R600, #D6001C);
    }

    .css-1sgbou1 {
        font-size: 0.857143rem;
        color: var(--R600, #D6001C);
    }

    .css-b95f0i {
        display: flex;
        flex-direction: column;
        flex: 1 1 0%;
    }

    .css-1obai8a {
        width: 340px;
        margin-bottom: 8px;
    }

    .css-1wa58mm-control {
        -webkit-box-align: center;
        align-items: center;
        background-color: white;
        border-color: var(--N75, #E5E7E9);
        border-radius: 8px;
        border-style: solid;
        border-width: 1px;
        cursor: default;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        justify-content: space-between;
        min-height: 38px;
        position: relative;
        transition: all 100ms ease 0s;
        box-sizing: border-box;
        outline: 0px !important;
    }

    .css-1wa58mm-control:hover,
    .css-1wa58mm-control:focus {
        border-color: var(--G400, #4FD15A);
    }

    .css-iw7cv7-placeholder {
        color: var(--N500, #52565E);
        margin-left: 2px;
        margin-right: 2px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        box-sizing: border-box;
    }

    .css-1knoz3o-control {
        -webkit-box-align: center;
        align-items: center;
        background-color: white;
        border-color: var(--N75, #E5E7E9);
        border-radius: 8px;
        border-style: solid;
        border-width: 1px;
        box-shadow: rgb(38 132 255) 0px 0px 0px 1px;
        cursor: default;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        justify-content: space-between;
        min-height: 38px;
        position: relative;
        transition: all 100ms ease 0s;
        box-sizing: border-box;
        outline: 0px !important;
    }

    .css-1knoz3o-control:hover,
    .css-1knoz3o-control:focus {
        border-color: var(--G400, #4FD15A);
    }

    .css-141y4qm>textarea:focus {
        outline: none;
        border: 1px solid var(--G400, #4FD15A);
    }

    .switch-1 {
        position: relative;
        display: inline-block;
        width: 44px;
        height: 24px;
        border-radius: 30px;
        background-color: #6c727c;
        cursor: pointer;
        transition: all .3s;
        overflow: hidden;
        box-shadow: 0px 0px 2px rgba(0, 0, 0, .3);
        margin: 0px;
    }

    .switch-1 input {
        display: none;
    }

    .switch-1 input:checked+div {
        left: calc(44px - 22px);
        box-shadow: 0px 0px 0px white;
    }

    .switch-1 div {
        position: absolute;
        width: 20px;
        height: 20px;
        border-radius: 20px;
        background-color: white;
        top: 2px;
        left: 2px;
        box-shadow: 0px 0px 1px rgb(150, 150, 150);
        transition: all .3s;
    }

    .switch-1 div:before,
    .switch-1 div:after {
        position: absolute;
        width: calc(44px - 22px);
        height: 24px;
        line-height: 30px;
        font-size: 14px;
        font-weight: bold;
        top: -2px;
    }

    .switch-1 div:before {
        margin-left: 7px;
        color: white;
        left: 100%;
    }

    .switch-1 div:after {
        margin-right: 3px;
        right: 100%;
        color: white;
    }

    .switch-1-checked {
        background-color: #0088F7;
        box-shadow: none;
    }

    .cursor-pointer {
        cursor: pointer;
    }

    .dropdown-pid {
        cursor: pointer;
        padding-bottom: .5rem;
        padding-top: .5rem;
        padding-right: 7.5px;
        padding-left: 7.5px;
        border-radius: 8px;
        border: 1px solid #dee2e6;
        width: 100%;
        flex-grow: 1;
        flex-basis: 0;
        position: relative;
    }

    .css-1e04oiv {
        margin-left: 20px;
        font-size: 0.857143rem;
        line-height: 28px;
        color: var(--N700, #31353B)F5;
    }

    .css-k0saeqs {
        width: 75px;
    }

    .css-1kqeby0 {
        font-family: "Open Sans";
        font-style: normal;
        font-weight: normal;
        font-size: 0.857143rem;
        line-height: 18px;
        color: var(--N700, #31353B)AD;
    }

    .css-inbky3 {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        margin-bottom: 18px;
        cursor: pointer;
    }

    .css-1gl4k7y {
        color: rgb(153, 153, 153);
        padding: 8px 12px;
        text-align: center;
        box-sizing: border-box;
    }

    .css-16v3qt3 {
        display: flex;
        -webkit-box-pack: end;
        justify-content: flex-end;
        margin: 8px 16px 0px 0px;
        padding-bottom: 16px;
    }

    .css-1wih6pa-unf-btn {
        height: 40px;
        font-family: "Nunito Sans", sans-serif;
        font-weight: 700;
        font-size: 0.857143rem;
        line-height: 24px;
        text-indent: initial;
        background-color: var(--color-page-background, #FFFFFF);
        border: 1px solid var(--N75, #E5E7E9);
        border-radius: 8px;
        display: inline-block;
        outline: none;
        cursor: pointer;
        position: relative;
        padding: 0px 16px;
        transition: background-color 300ms ease 0s;
        margin-right: 12px;
        width: 190px;
        color: var(--N700, #31353B)AD;
    }

    .css-1wih6pa-unf-btn::after {
        content: "";
        background-color: rgb(49, 53, 59);
        opacity: 0;
        inset: 0px;
        border-radius: inherit;
        position: absolute;
        transition: opacity 300ms ease 0s;
        pointer-events: none;
    }

    .css-1wih6pa-unf-btn span {
        font-size: inherit;
        text-overflow: ellipsis;
        white-space: nowrap;
        opacity: 1;
        display: block;
        overflow: hidden;
        position: relative;
        top: 0px;
        transition: opacity 300ms linear 0s, top 300ms linear 0s;
    }

    .css-1wih6pa-unf-btn:active::after {
        opacity: 0.12;
    }

    .css-1pdmeax-unf-btn {
        width: auto;
        height: 40px;
        color: rgb(255, 255, 255);
        font-family: "Nunito Sans", sans-serif;
        font-weight: 700;
        font-size: 0.857143rem;
        line-height: 24px;
        text-indent: initial;
        background-color: var(--G500);
        border: none;
        border-radius: 8px;
        display: inline-block;
        outline: none;
        cursor: pointer;
        position: relative;
        padding: 0px 16px;
        transition: background-color 300ms ease 0s;
    }

    .css-1pdmeax-unf-btn span {
        font-size: inherit;
        text-overflow: ellipsis;
        white-space: nowrap;
        opacity: 1;
        display: block;
        overflow: hidden;
        position: relative;
        top: 0px;
        transition: opacity 300ms linear 0s, top 300ms linear 0s;
    }

    .css-1pdmeax-unf-btn::after {
        content: "";
        background-color: rgb(49, 53, 59);
        opacity: 0;
        inset: 0px;
        border-radius: inherit;
        position: absolute;
        transition: opacity 300ms ease 0s;
        pointer-events: none;
    }

    .css-1pdmeax-unf-btn:active::after {
        opacity: 0.12;
    }

    .css-1pdmeax-unf-btn:disabled {
        width: auto;
        height: 40px;
        color: rgb(175 175 175);
        font-family: "Nunito Sans", sans-serif;
        font-weight: 700;
        font-size: 0.857143rem;
        line-height: 24px;
        text-indent: initial;
        background-color: var(--G500, #e9e9e9);
        border: none;
        border-radius: 8px;
        display: inline-block;
        outline: none;
        cursor: not-allowed;
        position: relative;
        padding: 0px 16px;
        transition: background-color 300ms ease 0s;
    }

    .css-jhdgt21-unf-btn {
        width: 100%;
        height: 40px;
        color: rgb(255, 255, 255);
        font-family: "Nunito Sans", sans-serif;
        font-weight: 700;
        font-size: 0.857143rem;
        line-height: 24px;
        text-indent: initial;
        background-color: var(--G500, #dc3545);
        border: none;
        border-radius: 8px;
        display: inline-block;
        outline: none;
        cursor: pointer;
        position: relative;
        padding: 0px 16px;
        transition: background-color 300ms ease 0s;
    }

    .css-jhdgt21-unf-btn span {
        font-size: inherit;
        text-overflow: ellipsis;
        white-space: nowrap;
        opacity: 1;
        display: block;
        overflow: hidden;
        position: relative;
        top: 0px;
        transition: opacity 300ms linear 0s, top 300ms linear 0s;
    }

    .css-jhdgt21-unf-btn::after {
        content: "";
        background-color: rgb(49, 53, 59);
        opacity: 0;
        inset: 0px;
        border-radius: inherit;
        position: absolute;
        transition: opacity 300ms ease 0s;
        pointer-events: none;
    }

    .css-jhdgt21-unf-btn:active::after {
        opacity: 0.12;
    }

    .css-23dsat-unf-btn {
        width: auto;
        height: 40px;
        color: rgb(255, 255, 255);
        font-family: "Nunito Sans", sans-serif;
        font-weight: 700;
        font-size: 0.857143rem;
        line-height: 24px;
        text-indent: initial;
        background-color: var(--G500, #ededed);
        border: none;
        border-radius: 8px;
        display: inline-block;
        outline: none;
        cursor: not-allowed;
        position: relative;
        padding: 0px 16px;
        transition: background-color 300ms ease 0s;
    }

    .css-23dsat-unf-btn span {
        font-size: inherit;
        text-overflow: ellipsis;
        white-space: nowrap;
        opacity: 1;
        display: block;
        overflow: hidden;
        position: relative;
        top: 0px;
        color: gray;
        transition: opacity 300ms linear 0s, top 300ms linear 0s;
    }

    .css-23dsat-unf-btn::after {
        content: "";
        background-color: rgb(49, 53, 59);
        opacity: 0;
        inset: 0px;
        border-radius: inherit;
        position: absolute;
        transition: opacity 300ms ease 0s;
        pointer-events: none;
    }

    .css-23dsat-unf-btn:active::after {
        opacity: 0.12;
    }

    .css-4bpbeu .e16vycsw0 {
        padding-right: 12px;
        padding-left: 12px;
    }

    .css-float {
        position: fixed;
        width: 60px;
        height: 60px;
        bottom: 40px;
        right: 40px;
        background-color: #0C9;
        color: #FFF;
        border-radius: 50px;
        text-align: center;
        box-shadow: 2px 2px 3px #999;
        cursor: pointer !important;
        z-index: 100;
    }

    /*======SUCCESS ANIMATION=======*/

    .success-checkmark {
        width: 89px;
        height: 115px;
        margin: 0 auto;
    }

    .success-checkmark>.check-icon {
        width: 80px;
        height: 80px;
        position: relative;
        border-radius: 50%;
        box-sizing: content-box;
        border: 4px solid #4CAF50;
    }

    .success-checkmark>.check-icon:before {
        top: 3px;
        left: -2px;
        width: 30px;
        transform-origin: 100% 50%;
        border-radius: 100px 0 0 100px;
    }

    .success-checkmark>.check-icon:after {
        top: 0;
        left: 30px;
        width: 60px;
        transform-origin: 0 50%;
        border-radius: 0 100px 100px 0;
        animation: rotate-circle 4.25s ease-in;
    }

    .success-checkmark>.check-icon:before,
    .success-checkmark>.check-icon:after {
        content: '';
        height: 100px;
        position: absolute;
        background: #FFFFFF;
        transform: rotate(-45deg);
    }

    .success-checkmark>.check-icon>.icon-line {
        height: 5px;
        background-color: #4CAF50;
        display: block;
        border-radius: 2px;
        position: absolute;
        z-index: 10;
    }

    .success-checkmark>.check-icon>.icon-line.line-tip {
        top: 46px;
        left: 14px;
        width: 25px;
        transform: rotate(45deg);
        animation: icon-line-tip 0.75s;
    }

    .success-checkmark>.check-icon>.icon-line.line-long {
        top: 38px;
        right: 8px;
        width: 47px;
        transform: rotate(-45deg);
        animation: icon-line-long 0.75s;
    }

    .success-checkmark>.check-icon>.icon-circle {
        top: -4px;
        left: -4px;
        z-index: 10;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        position: absolute;
        box-sizing: content-box;
        border: 4px solid rgba(76, 175, 80, .5);
    }

    .success-checkmark>.check-icon>.icon-fix {
        top: 8px;
        width: 5px;
        left: 26px;
        z-index: 1;
        height: 85px;
        position: absolute;
        transform: rotate(-45deg);
        background-color: #FFFFFF;
    }

    @keyframes rotate-circle {
        0% {
            transform: rotate(-45deg);
        }

        5% {
            transform: rotate(-45deg);
        }

        12% {
            transform: rotate(-405deg);
        }

        100% {
            transform: rotate(-405deg);
        }
    }

    @keyframes icon-line-tip {
        0% {
            width: 0;
            left: 1px;
            top: 19px;
        }

        54% {
            width: 0;
            left: 1px;
            top: 19px;
        }

        70% {
            width: 50px;
            left: -8px;
            top: 37px;
        }

        84% {
            width: 17px;
            left: 21px;
            top: 48px;
        }

        100% {
            width: 25px;
            left: 14px;
            top: 45px;
        }
    }

    @keyframes icon-line-long {
        0% {
            width: 0;
            right: 46px;
            top: 54px;
        }

        65% {
            width: 0;
            right: 46px;
            top: 54px;
        }

        84% {
            width: 55px;
            right: 0px;
            top: 35px;
        }

        100% {
            width: 47px;
            right: 8px;
            top: 38px;
        }
    }

    .css-jvy6cf {
        max-width: 100%;
        flex: 0 0 auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-10iuvtc {
        max-width: 100%;
        flex: 0 0 auto;
        margin: 0px 12px 0px 0px;
    }

    .css-jbzeaf-unf-btn {
        width: auto;
        height: 32px;
        color: var(--color-text-high);
        font-family: "Nunito Sans", sans-serif;
        font-weight: 700;
        font-size: 0.857143rem;
        line-height: 18px;
        text-indent: initial;
        background-color: transparent;
        border: 1px solid var(--N75, #E5E7E9);
        border-radius: 8px;
        display: inline-block;
        outline: none;
        cursor: pointer;
        position: relative;
        padding: 0px 16px;
        transition: background-color 300ms ease 0s;
    }

    .css-24ehv5 {
        max-width: 100%;
        flex: 0 0 auto;
    }

    .css-vow1ph {
        position: relative;
    }

    .css-1o52sjq {
        width: 16px;
        margin-left: 12px;
        cursor: pointer;
    }

    .css-1844mc6 {
        max-width: 100%;
        flex: 0 0 auto;
        width: auto;
        padding-left: 7px;
        padding-right: 32px;
    }

    .css-16s0kao-unf-overlay {
        width: 100%;
        height: 100%;
        background-color: var(--color-overlay, rgba(49, 53, 59, 0.68));
        opacity: 1;
        position: fixed;
        top: 0px;
        left: 0px;
        overflow: hidden;
        z-index: 10011;
        will-change: opacity;
        transition: opacity 300ms cubic-bezier(0, 0, 0.3, 1) 0s;
    }

    .css-9axqxd-unf-modal {
        display: block;
        z-index: 10012;
        opacity: 1;
        background-color: var(--color-card, #FFFFFF);
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 8px;
        padding: 32px;
        text-align: center;
        transition: opacity 0.2s ease 0s;
        box-shadow: 0px 1px 6px var(--color-shadow, rgba(49, 53, 59, 0.12));
        min-width: 400px;
        width: 400px;
    }

    .css-u3f7s0-unf-modal__icon {
        display: block;
        width: 24px;
        height: 24px;
        cursor: pointer;
        position: absolute;
        right: 16px;
        top: 16px;
        background-image: url(https://assets.printink.id/dist/icon/82552b40.svg);
        background-position: center center;
        background-size: 16px;
        background-repeat: no-repeat;
        background-color: transparent;
        border: none;
        appearance: none;
    }

    .css-9axqxd-unf-modal h2 {
        color: var(--N700, #31353B);
        opacity: 0.96;
    }

    .css-sbo7gr-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Nunito Sans", -apple-system, sans-serif;
        font-size: 1.71429rem;
        line-height: 30px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px 0px 16px;
    }

    .css-1exkp3a-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-size: 1.14286rem;
        line-height: 22px;
        color: var(--color-text-low);
        text-decoration: initial;
        margin: 0px 0px 32px;
    }

    .css-lxn143 {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        margin: 0px -5px;
    }

    .css-lxn143>button {
        width: 164px;
    }

    .css-jynckp-unf-btn {
        width: auto;
        height: 40px;
        color: var(--G500);
        font-family: "Nunito Sans", sans-serif;
        font-weight: 700;
        font-size: 0.857143rem;
        line-height: 24px;
        text-indent: initial;
        background-color: var(--color-page-background, #FFFFFF);
        border: 1px solid var(--G500);
        border-radius: 8px;
        display: inline-block;
        outline: none;
        cursor: pointer;
        position: relative;
        padding: 0px 16px;
        transition: background-color 300ms ease 0s;
        margin: 0px 16px 0px 0px;
    }

    .css-90gr4s-unf-btn {
        width: 90px;
        height: 40px;
        color: var(--G500);
        font-family: "Nunito Sans", sans-serif;
        font-weight: 700;
        font-size: 0.857143rem;
        line-height: 24px;
        text-indent: initial;
        background-color: var(--color-page-background, #FFFFFF);
        border: 1px solid var(--G500);
        border-radius: 8px;
        display: inline-block;
        outline: none;
        cursor: pointer;
        position: relative;
        padding: 0px 16px;
        transition: background-color 300ms ease 0s;
        margin: 0px 16px 0px 0px;
    }

    .css-123v49h span {
        vertical-align: middle;
    }

    .css-active-dsp {
        border: 1px solid #c5cdd5 !important;
        border-radius: 8px;
        margin-right: 20px;
        margin-left: 10px;
        width: 150px;
        padding: 5px;
        font-size: 20px;
        background-color: #2d88ff;
        color: white;
        cursor: pointer;
    }

    .css-not-dsp {
        border: 1px solid #c5cdd5 !important;
        border-radius: 8px;
        margin-right: 20px;
        margin-left: 10px;
        width: 150px;
        padding: 5px;
        font-size: 20px;
        cursor: pointer;
    }

    .floatingButtonWrap {
        display: block;
        position: fixed;
        bottom: 20px;
        right: 15px;
        z-index: 999999999;
    }

    .floatingButtonInner {
        position: relative;
    }

    .floatingButton {
        display: block;
        width: 60px;
        height: 60px;
        text-align: center;
        background: -webkit-linear-gradient(45deg, #2d88ff, #2d88ff);
        background: -o-linear-gradient(45deg, #2d88ff, #2d88ff);
        background: linear-gradient(45deg, #2d88ff, #2d88ff);
        color: #fff;
        line-height: 50px;
        position: absolute;
        border-radius: 50% 50%;
        bottom: 0px;
        right: 0px;
        border: 5px solid #2d88ff;
        /* opacity: 0.3; */
        opacity: 1;
        transition: all 0.4s;
    }

    .floatingButton .fa {
        font-size: 15px !important;
    }

    .floatingButton.open,
    .floatingButton:hover,
    .floatingButton:focus,
    .floatingButton:active {
        opacity: 1;
        color: #fff;
    }

    .floatingButton .fa {
        transform: rotate(0deg);
        transition: all 0.4s;
    }

    .floatingButton.open .fa {
        transform: rotate(360deg);
    }

    .floatingMenu {
        position: absolute;
        bottom: 60px;
        right: 0px;
        /* width: 200px; */
        display: none;
    }

    .floatingMenu li {
        width: 100%;
        float: right;
        list-style: none;
        text-align: right;
        margin-bottom: 5px;
    }

    .floatingMenu li a {
        padding: 8px 15px;
        display: inline-block;
        background: #2d88ff;
        color: #fff;
        border-radius: 50px;
        overflow: hidden;
        white-space: nowrap;
        transition: all 0.4s;
        /* -webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.22);
		box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.22); */
        -webkit-box-shadow: 1px 3px 5px rgba(211, 224, 255, 0.5);
        box-shadow: 1px 3px 5px rgba(211, 224, 255, 0.5);
    }

    .floatingMenu li a:hover {
        margin-right: 10px;
        text-decoration: none;
    }

    .css-debt {
        border: 1px;
        border-radius: 25px;
        margin-right: 20px;
        padding: 8px;
        background-color: #2d88ff;
        color: white;
        cursor: pointer;
    }

    .text-sm .select2-container--default .select2-selection--single,
    select.form-control-sm~.select2-container--default .select2-selection--single {
        height: 35px;
        padding-top: 9px;
    }

    .text-sm .select2-container--default .select2-selection--single .select2-selection__arrow,
    select.form-control-sm~.select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 5px;
    }

    .select2-container .select2-selection--single .select2-selection__rendered {
        display: block;
        padding-right: 20px;
        padding-left: 1px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-color: #888 transparent transparent transparent;
        border-style: solid;
        border-width: 5px 4px 0 4px;
        height: 0;
        left: 50%;
        margin-left: -4px;
        margin-top: -2px;
        position: absolute;
        top: 50%;
        width: 0;
    }

    .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
        border-color: transparent transparent #888 transparent;
        border-width: 0 4px 5px 4px;
    }

    tbody tr {
        cursor: pointer !important;
    }

    .css-36it3v-unf-container {
        display: block;
        position: relative;
        padding: 16px;
        background-image: linear-gradient(180deg, var(--NN0) 25%, var(--GN50) 100%);
    }

    .css-kt20nj {
        min-height: 48px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        width: 100%;
        border-radius: 8px;
        background: var(--NN0);
        border: solid 1px var(--N100, #DBDEE2);
        margin: 0px 0px 12px;
        padding: 6px 8px;
    }

    .css-kt20nj .iconLeft {
        width: 24px;
        margin-left: 4px;
    }

    .css-kt20nj .content {
        margin-left: 8px;
        width: calc(100% - 48px);
    }

    .css-kt219nj {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-kt219nj .iconLeft {
        width: 24px;
    }

    .css-kt219nj .content {
        margin-left: 8px;
        width: calc(100% - 48px);
    }

    .css-gqwgyd {
        background-image: url(https://assets.printink.id/icon/f384cf28.svg);
        height: 24px;
        width: 24px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        display: inline-block;
    }

    .css-1pjnhxe {
        background-image: url(https://assets.printink.id/icon/e4e83982.svg);
        height: 24px;
        width: 24px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        display: inline-block;
    }

    .css-1kbpxhf {
        color: var(--N700, #31353B);
        font-size: 1rem;
        font-weight: bold;
        display: block;
        line-height: 18px;
    }

    .border-bt {
        border: 0;
        outline: 0;
        background: transparent;
        border-bottom: 1px solid #dee2e6 !important;
    }

    .profil-initial-40 {
        width: 40px;
        height: 40px;
        background-color: #0088F7;
        border-radius: 50%;
        display: flex;
        font-size: 1rem;
        font-weight: bolder;
        color: #fff;
        align-items: center;
        justify-content: center;
    }

    .list-cust {
        cursor: pointer;
        margin-top: .5rem;
        width: 100%;
        display: flex;
        flex-direction: row;
    }

    .form-anim {
        margin-top: 1rem;
        margin-bottom: 1rem;
        position: relative;
    }

    .input-anim {
        display: block;
        font-size: inherit;
        padding: 6px;
        border: none;
        width: 100%;
        border-bottom: 1px solid #dee2e6;
    }

    .input-anim:focus {
        outline: none;
    }

    .label-anim {
        position: absolute;
        top: 10px;
        left: 5px;
        color: #999;
        font-size: inherit;
        pointer-events: none;
        transition: all 0.2s ease;
    }

    .input-anim:focus~.label-anim,
    .input-anim:valid~.label-anim {
        top: -15px;
        font-size: 9pt;
        color: #343a40;
    }

    .bar {
        display: block;
        position: relative;
    }

    .bar:before,
    .bar:after {
        content: "";
        height: 1px;
        width: 0;
        bottom: 1px;
        position: absolute;
        background: #343a40;
        transition: all 0.2s ease;
    }

    .bar:before {
        left: 50%;
    }

    .bar:after {
        right: 50%;
    }

    input:focus~.bar:before,
    input:focus~.bar:after {
        width: 50%;
    }

    .css-1xc0csq-unf-card {
        display: block;
        position: relative;
        background-color: var(--color-card, #FFFFFF);
        border-radius: 8px;
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.12));
        padding: 0px;
        margin: 0px;
        overflow: unset;
    }

    .css-145fc3q-unf-card {
        display: block;
        position: relative;
        border-radius: 8px;
        filter: drop-shadow(rgba(0, 0, 0, 0.07) 0px 2px 10px) drop-shadow(rgba(0, 0, 0, 0.09) 0px -1px 5px);
        background-color: var(--NN0);
        padding: 0px;
        margin: 35px 0px 20px;
        overflow: unset;
    }

    .css-1k3qxju {
        padding: 16px 24px;
        background-color: var(--NN0);
        border-bottom: 1px solid var(--N100, #DBDEE2);
    }

    .css-1k3qxju:first-child {
        border-radius: 8px 8px 0px 0px;
    }

    .css-1e0yj2y {
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-7e4vat>div>div {
        padding-bottom: 0px;
    }

    .css-g4xf1m-unf-label {
        position: relative;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        font-weight: 700;
        border-radius: 3px;
        line-height: 16px;
        padding: 0px 8px;
        height: 20px;
        font-size: 0.714286rem;
        background-color: var(--N150, #B5BBC5);
        color: var(--NN0);
        margin: 0px 8px 3px 0px;
        overflow: initial;
        -webkit-box-pack: center;
        justify-content: center;
        transition: all 280ms ease-out 0s;
    }

    .css-g0ksd1m-unf-label {
        position: relative;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        font-weight: 700;
        border-radius: 3px;
        line-height: 16px;
        padding: 0px 8px;
        height: 20px;
        font-size: 0.714286rem;
        background-color: var(--N150, #28a745);
        color: var(--NN0);
        margin: 0px 8px 3px 0px;
        overflow: initial;
        -webkit-box-pack: center;
        justify-content: center;
        transition: all 280ms ease-out 0s;
    }

    .css-g4sd51m-unf-label {
        position: relative;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        font-weight: 700;
        border-radius: 3px;
        line-height: 16px;
        padding: 0px 8px;
        height: 20px;
        font-size: 0.714286rem;
        background-color: var(--N150, #ef144a);
        color: var(--NN0);
        margin: 0px 8px 3px 0px;
        overflow: initial;
        -webkit-box-pack: center;
        justify-content: center;
        transition: all 280ms ease-out 0s;
    }

    .css-3lpl5n a,
    .css-3lpl5n p,
    .css-3lpl5n span,
    .css-3lpl5n li {
        font-family: "open sans", tahoma, sans-serif;
    }

    .css-mj50mu-unf-heading-unf-heading {
        position: relative;
        font-weight: 400;
        color: var(--color-text-high);
        text-decoration: initial;
        display: inline;
        margin: 0px;
        font-size: 0.857143rem;
        line-height: 1.4;
    }

    .css-1dyvlfs-unf-heading-unf-heading {
        position: relative;
        font-weight: 400;
        color: var(--color-text-low);
        text-decoration: initial;
        display: block;
        margin: 4px 0px 0px;
        font-size: 0.857143rem;
        line-height: 1.4;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .css-1d34wfs-unf-heading-unf-heading {
        font-weight: 400;
        text-decoration: initial;
        display: block;
        margin: 4px 0px 0px;
        font-size: 0.857143rem;
        line-height: 1.4;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .css-1rmbolx {
        transform: translateY(0px) translateX(5px);
    }

    .css-a8z8t5-unf-heading-unf-heading {
        position: relative;
        font-weight: 700;
        color: var(--color-text-high);
        text-decoration: initial;
        display: inline;
        margin: 0px;
        font-size: 0.857143rem;
        line-height: 1.4;
    }

    .css-1afut4e {
        padding: 11px 15px;
        border-bottom: solid 1px var(--N700, rgba(49, 53, 59, 0.09));
    }

    .css-eh7hiz-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 700;
        font-size: 1rem;
        line-height: 20px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px 0px 10px;
    }

    .css-1tuw3wl {
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .css-12fpwl {
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        margin-top: 0px;
        margin-bottom: 0px;
        flex-wrap: wrap;
    }

    @media print {
        .css-12fpwl {
            display: flex;
            -webkit-box-pack: justify;
            justify-content: center;
            margin-top: 0px;
            margin-bottom: 0px;
            flex-wrap: wrap;
            flex-direction: column;
            text-align: center;
        }

        .border-bottom {
            border-bottom: 1px solid #5c5c5c !important;
        }

        /*
		body .css-invView{
			min-width: 220px !important;
			max-width: 250px !important;
		}
		.container .css-invView{
			min-width:: 220px !important;
			max-width:: 250px !important;
		}*/

        .css-invView {
            display: flex;
            flex-direction: column;
            line-height: 1.2;
        }

        .css-invView * {
            font-size: 95%;
            color: #000000;
        }

        .css-invView small {
            font-size: 75%;
            color: #000000;
        }

        .css-og3ldk * {
            font-size: 90%;
        }

        .css-1r08ol {
            display: flex;
            -webkit-box-pack: justify;
            justify-content: space-between;
            padding: 2px;
            border-bottom: 1px dashed #000000;
            align-items: center;
        }

        .css-1r08ol img:first-child {
            max-height: 20px !important;
        }

        .css-1r08ol img:last-child {
            max-height: 12px !important;
        }

        .css-pfk43d div:first-child {
            padding-right: 5px;
        }

        @page {
            margin: 5%;
        }
    }

    .css-h5vmzt>div {
        margin-bottom: 3px;
    }

    .css-1pyp478-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 700;
        font-size: 1rem;
        line-height: 20px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px;
    }

    .css-1i0oru0-unf-card {
        display: block;
        position: relative;
        padding: 0px;
        /* border-radius: 8px; */
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.12));
        background-color: var(--color-card, #FFFFFF);
        cursor: default;
    }

    .css-1sp923q-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 700;
        text-decoration: initial;
        line-height: 1.4;
        color: var(--G500);
        font-size: 0.857143rem;
        cursor: pointer;
        margin: 0px;
    }

    .css-q78byz {
        display: flex;
    }

    .css-q78byz>div:nth-child(1) {
        flex-shrink: 0;
    }

    .css-q78byz>div:nth-child(1) img {
        display: block;
        width: 70px;
        height: auto;
        border-radius: 6px;
    }

    .css-q78byz>div:nth-child(2) {
        margin-left: 21px;
        margin-bottom: 10px;
        width: calc((100% - 70px) - 21px);
    }

    .css-aju5em-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Nunito Sans", -apple-system, sans-serif;
        font-size: 1.14286rem;
        line-height: 22px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px 0px 7px;
    }

    .css-afs5em-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Nunito Sans", -apple-system, sans-serif;
        font-size: 1.14286rem;
        line-height: 22px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px 0px 7px;
        padding-right: 17px;
    }

    .css-af35em-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Nunito Sans", -apple-system, sans-serif;
        font-size: 1.14286rem;
        line-height: 22px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px;
        padding-right: 17px;
    }

    .css-wyiho2 {
        margin-bottom: 10px;
    }

    .css-wyiho2 h3 {
        color: var(--N700, #31353B);
    }

    .css-wyiho2 span,
    .css-wyiho2 h3 {
        font-size: 1rem;
        margin: 0px;
        line-height: 1.5;
        display: inline-block;
    }

    .css-2a7hk0 {
        display: flex;
        margin-left: 92px;
    }

    .css-1608115 {
        padding-top: 5px;
    }

    .css-2a7hk0>div:nth-child(2) {
        margin: 5px 20px 0px;
        width: 1px;
        height: 20px;
        background: var(--N700, rgba(49, 53, 59, 0.2));
    }

    .css-19lmdp2 {
        max-width: 130px;
        text-align: center;
    }

    .css-13e6rys>div {
        -webkit-box-pack: center;
        justify-content: center;
    }

    .css-h82t6w-unf-quantity-editor {
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        border: solid 1px var(--NN300);
        border-radius: 4px;
        padding: 3px;
        transition: border 120ms cubic-bezier(0.2, 0.64, 0.21, 1) 0s;
    }

    .css-199ul1b {
        background-color: transparent;
        padding: 0px;
        border: none;
        appearance: none;
    }

    .css-1igct5v-unf-quantity-editor__input {
        outline: none;
        border: none;
        background-color: transparent;
        color: var(--color-text-low);
        font-size: 1.14286rem;
        width: 66px;
        text-align: center;
    }

    .css-1608115 {
        padding-top: 5px;
    }

    .css-2a7hk0>div:nth-child(2) {
        margin: 5px 20px 0px;
        width: 1px;
        height: 20px;
        background: var(--N700, rgba(49, 53, 59, 0.2));
    }

    .css-192gjm9 {
        padding-top: 6px;
    }

    .css-1m6p9kl-unf-overlay {
        width: 100%;
        height: 100%;
        background-color: var(--color-overlay, rgba(49, 53, 59, 0.68));
        opacity: 1;
        position: fixed;
        top: 0px;
        left: 0px;
        overflow: hidden;
        z-index: 10000;
        will-change: opacity;
        transition: opacity 300ms cubic-bezier(0, 0, 0.3, 1) 0s;
    }

    .css-1w7abqw-unf-modal {
        display: block;
        z-index: 10010;
        opacity: 1;
        min-width: 700px;
        background-color: var(--color-card, #FFFFFF);
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 8px;
        padding: 40px 0px 0px;
        text-align: center;
        transition: opacity 0.2s ease 0s;
        box-shadow: 0px 1px 6px var(--color-shadow, rgba(49, 53, 59, 0.12));
    }

    .css-1w23dqw-unf-modal {
        display: block;
        z-index: 10010;
        opacity: 1;
        min-width: 700px;
        background-color: var(--color-card, #FFFFFF);
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 8px;
        padding: 32px;
        text-align: center;
        transition: opacity 0.2s ease 0s;
        box-shadow: 0px 1px 6px var(--color-shadow, rgba(49, 53, 59, 0.12));
    }

    .css-1w745qw-unf-modal {
        display: block;
        z-index: 10010;
        opacity: 1;
        min-width: 377px;
        background-color: var(--color-card, #FFFFFF);
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 8px;
        padding: 40px 0px 0px;
        text-align: center;
        transition: opacity 0.2s ease 0s;
        box-shadow: 0px 1px 6px var(--color-shadow, rgba(49, 53, 59, 0.12));
    }

    .css-17hj5qw-unf-modal {
        display: block;
        z-index: 10010;
        opacity: 1;
        min-width: 1000px;
        background-color: var(--color-card, #FFFFFF);
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 8px;
        padding: 40px 0px 0px;
        text-align: center;
        transition: opacity 0.2s ease 0s;
        box-shadow: 0px 1px 6px var(--color-shadow, rgba(49, 53, 59, 0.12));
    }

    .css-sbo7gr-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Nunito Sans", -apple-system, sans-serif;
        font-size: 1.71429rem;
        line-height: 30px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px 0px 16px;
    }

    .css-vesae7 {
        text-align: left;
    }

    .css-vesae7 .address-list-search-bar-wrapper {
        padding-left: 32px;
        padding-right: 32px;
        padding-bottom: 15px;
    }

    .css-1ha94jg {
        border-radius: 8px;
        display: flex;
        -webkit-box-flex: inherit;
        flex-grow: inherit;
        -webkit-box-align: stretch;
        align-items: stretch;
        overflow: hidden;
        transition: border-color 280ms ease 0s;
        width: 100%;
        height: auto;
        background-color: var(--color-page-background, #FFFFFF);
        border: 1px solid var(--color-border, #E5E7E9);
        flex-direction: row-reverse;
    }

    .css-1czin5k {
        border: none;
        outline: none;
        position: relative;
        cursor: pointer;
        padding: 0px;
        transition: background-color 280ms ease 0s;
        width: 40px;
        background-color: var(--color-chip-disabled, #F3F4F5);
        flex: 0 0 auto;
    }

    .css-1czin5k::after {
        content: "";
        background-size: 24px;
        background-image: url(https://assets.printink.id/icon/af2f34c3.svg);
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        inset: 0px;
    }

    .css-vesae7 .address-list-search-bar-wrapper input {
        box-sizing: border-box;
        border: 0px;
        box-shadow: none;
    }

    .css-1ha94jg .e16vycsw0 {
        padding-right: 12px;
        padding-left: 12px;
    }

    .css-vesae7 .variant-list-body-padder {
        padding: 0px 16px 32px;
    }

    .css-vesae7 .variant-list-scrolling-area {
        position: relative;
    }

    .css-vesae7 .variant-list-scrolling-inner-padder {
        padding: 0px 16px;
    }

    .css-vesae7 .variant-list-adder {
        padding: 20px;
        text-align: center;
        font-size: 1.14286rem;
        color: var(--N200, #9FA6B0);
        font-weight: 600;
        border: dashed 1px var(--N100, #DBDEE2);
        border-radius: 4px;
        cursor: pointer;
        margin-bottom: 18px;
    }

    .css-vesae7 .variant-list-item.is-active-variant,
    .css-vesae7 .variant-list-item.is-highlighted {
        border-color: var(--G400, #4FD15A);
    }

    .css-vesae7 .variant-list-item:only-child,
    .css-vesae7 .variant-list-item:last-child {
        margin-bottom: 0px;
    }

    .css-vesae7 .variant-list-item {
        border: 1px solid var(--N100, #DBDEE2);
        padding: 20px;
        border-radius: 8px;
        margin-bottom: 18px;
    }

    .css-vesae7 .add-product-list-body-padder {
        padding: 0px 16px 32px;
    }

    .css-vesae7 .add-product-list-scrolling-area {
        position: relative;
        height: calc((((100vh - 90px) - 50px) - 15px) - 32px);
    }

    .css-vesae7 .add-product-list-scrolling-inner-padder {
        padding: 0px 16px;
    }

    .css-vesae7 .add-product-list-adder {
        padding: 20px;
        text-align: center;
        font-size: 1.14286rem;
        color: var(--N200, #9FA6B0);
        font-weight: 600;
        border: dashed 1px var(--N100, #DBDEE2);
        border-radius: 4px;
        cursor: pointer;
        margin-bottom: 18px;
    }

    .css-vesae7 .add-product-list-item.is-active-add-product,
    .css-vesae7 .add-product-list-item.is-highlighted {
        border-color: var(--G400, #4FD15A);
    }

    .css-vesae7 .add-product-list-item:only-child,
    .css-vesae7 .add-product-list-item:last-child {
        margin-bottom: 0px;
    }

    .css-vesae7 .add-product-list-item {
        border: 1px solid var(--N100, #DBDEE2);
        padding: 20px;
        border-radius: 8px;
        margin-bottom: 18px;
    }

    .css-vesae7 .address-list-body-padder {
        padding: 0px 16px 32px;
    }

    .css-vesae7 .address-list-scrolling-area {
        position: relative;
        height: calc((((100vh - 170px) - 50px) - 15px) - 32px);
    }

    .css-vesae7 .address-list-scrolling-inner-padder {
        padding: 0px 16px;
    }

    .css-vesae7 .address-list-adder {
        padding: 20px;
        text-align: center;
        font-size: 1.14286rem;
        color: var(--N200, #9FA6B0);
        font-weight: 600;
        border: dashed 1px var(--N100, #DBDEE2);
        border-radius: 4px;
        cursor: pointer;
        margin-bottom: 18px;
    }

    .css-vesae7 .address-list-item.is-active-address,
    .css-vesae7 .address-list-item.is-highlighted {
        border-color: var(--G400, #4FD15A);
    }

    .css-vesae7 .address-list-item:only-child,
    .css-vesae7 .address-list-item:last-child {
        margin-bottom: 0px;
    }

    .css-vesae7 .address-list-item {
        border: 1px solid var(--N100, #DBDEE2);
        padding: 20px;
        border-radius: 8px;
        margin-bottom: 18px;
    }

    .css-vesae7 .ali__top-row {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    .css-vesae7 .ali__top-row__left {
        margin-right: 20px;
        max-width: 450px;
    }

    .css-vesae7 .ali__content-parag {
        margin-bottom: 4px;
        line-height: 1.4;
    }

    .css-vesae7 .ali__content-parag .receiver-name {
        color: var(--N700, #31353B);
        font-size: 0.928571rem;
        margin-right: 2px;
        margin-left: 4px;
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 180px;
        vertical-align: middle;
    }

    .css-vesae7 .ali__content-parag .address-title {
        font-size: 0.928571rem;
        color: var(--N700, #31353B);
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 180px;
        vertical-align: middle;
    }

    .css-mh4tan-unf-label {
        position: relative;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        font-weight: 700;
        border-radius: 3px;
        line-height: 16px;
        padding: 0px 8px;
        height: 20px;
        font-size: 0.714286rem;
        background-color: var(--G200);
        color: var(--G500);
        margin: 0px;
        overflow: initial;
        -webkit-box-pack: center;
        justify-content: center;
        transition: all 280ms ease-out 0s;
    }

    .css-vesae7 .ali__content-parag {
        margin-bottom: 4px;
        line-height: 1.4;
    }

    .css-vesae7 .ali__content-parag:last-child {
        margin-bottom: 0px;
    }

    .css-vesae7 .ali__content-parag__address-desc>div {
        font-size: 0.928571rem;
        word-break: break-word;
    }

    .css-vesae7 .ali__content-cta-wrapper {
        margin-top: 14px;
        display: flex;
        width: 100%;
    }

    .css-vesae7 .ali__content-cta-wrapper .box-content-cta:last-child,
    .css-vesae7 .ali__content-cta-wrapper .box-content-cta:only-child {
        border-right: 0px;
    }

    .css-vesae7 .ali__content-cta-wrapper .box-content-cta:first-child {
        padding-left: 0px;
    }

    .css-vesae7 .ali__content-cta-wrapper .box-content-cta {
        font-size: 0.857143rem;
        color: var(--G500);
        font-weight: bold;
        cursor: pointer;
        padding: 0px 20px;
        border-right: 1px solid var(--N100, #DBDEE2);
        line-height: 1.2;
    }

    .styANAOldPinpoint {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        padding: 8px 16px;
        border: 1px solid var(--N75, #E5E7E9);
        border-radius: 8px;
        background: url(https://assets.printink.id/img/bg-map.png) center center / cover no-repeat rgb(242, 242, 242);
    }

    .styANAOldPinpointMarker {
        width: 18px;
        height: 25px;
        background: url(https://assets.printink.id/img/icon-pin.png) center center / cover no-repeat;
        flex-shrink: 0;
    }

    .css-1qrjwth-unf-btn {
        width: 150px;
        height: 40px;
        color: var(--color-text-high);
        font-family: "Nunito Sans", sans-serif;
        font-weight: 700;
        font-size: 0.857143rem;
        line-height: 15px;
        text-indent: initial;
        background-color: var(--color-page-background, #FFFFFF);
        border: none;
        border-radius: 8px;
        display: inline-block;
        outline: none;
        cursor: pointer;
        position: relative;
        padding: 0px 16px;
        transition: background-color 300ms ease 0s;
    }

    .css-1qrjwth-unf-btn::after {
        content: "";
        background-color: rgb(49, 53, 59);
        opacity: 0;
        inset: 0px;
        border-radius: inherit;
        position: absolute;
        transition: opacity 300ms ease 0s;
        pointer-events: none;
    }

    .styTnc {
        font-size: 14px;
        margin-top: 32px;
        text-align: center;
    }

    .greenTnc {
        color: var(--G500, #2d88f7);
        font-weight: 700;
    }

    .select2-container .select2-selection--single {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        height: 35px;
        user-select: none;
        -webkit-user-select: none;
    }

    .css-cocx5b-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        color: var(--color-text-low);
        text-decoration: initial;
        margin-top: 10px;
        text-align: center;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 26px;
        position: absolute;
        top: 5px;
        right: 1px;
        width: 20px;
    }

    .select2-container--default .select2-selection--single {
        background-color: #fff;
        border: 1px solid #aaaaaa73;
        border-radius: 4px;
    }

    div[aria-label="unf-overlay"] {
        opacity: 0.9;
    }

    .css-illpio-unf-overlay {
        width: 100%;
        height: 100%;
        background-color: var(--color-overlay, rgba(49, 53, 59, 0.68));
        opacity: 1;
        position: fixed;
        top: 0px;
        left: 0px;
        overflow: hidden;
        z-index: 1040;
        will-change: opacity;
        transition: opacity 300ms cubic-bezier(0, 0, 0.3, 1) 0s;
    }

    .css-7atkw4-unf-modal {
        display: block;
        z-index: 1050;
        opacity: 1;
        min-width: 500px;
        background-color: var(--color-card, #FFFFFF);
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 8px;
        padding: 0px;
        text-align: center;
        transition: opacity 0.2s ease 0s;
        box-shadow: 0px 1px 6px var(--color-shadow, rgba(49, 53, 59, 0.12));
    }

    .css-18i7x95-unf-modal__icon {
        display: block;
        width: 24px;
        height: 24px;
        cursor: pointer;
        position: absolute;
        right: 16px;
        top: 16px;
        background-image: url(https://assets.printink.id/dist/icon/82552b40.svg);
        background-position: center center;
        background-size: 16px;
        background-repeat: no-repeat;
        background-color: transparent;
        border: none;
        appearance: none;
    }

    .css-165menv {
        width: 500px;
        height: 800px;
        max-height: calc(100vh - 50px);
        overflow: hidden;
    }

    .css-165menv .heading-block {
        text-align: left;
        padding: 18px 50px 18px 17px;
    }

    .css-165menv .heading-block p {
        margin: 0px;
    }

    .css-yiwn2v-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 700;
        font-size: 1rem;
        line-height: 20px;
        color: var(--color-text-high);
        text-decoration: initial;
    }

    .css-165menv iframe {
        border-radius: 5px;
        display: block;
        width: 100%;
        height: calc(100% - 56px);
        border: 0px;
        padding: 0px;
        margin: 0px;
    }

    .header-apps {
        padding: 10px 17px;
        display: none;
        background: #fff !important;
        border-bottom: 1px solid #ededed;
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 7;
    }

    .header-apps a {
        color: rgba(0, 0, 0, .7) !important;
        height: 40px;
        padding: 8px 12px;
        margin-left: 0;
    }

    .unf-overlay {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: #3131316e;
        z-index: -1;
        opacity: 0;
        overflow: hidden;
        transition: opacity .2s linear, z-index .1s linear;
    }

    .unf-dialog {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        width: 100%;
        opacity: 0;
        z-index: -1;
        margin-top: -60px;
        padding: 0 16px;
        transition: opacity .15s cubic-bezier(.215, .61, .355, 1), margin .15s ease-out, z-index .15s ease-out;
    }

    .unf-dialog .unf-dialog__content {
        display: block;
        background-color: #fff;
        box-shadow: rgb(0 0 0 / 30%) 0 8px 20px 0;
        clear: both;
        margin: 0;
        padding: 24px 16px;
        border-radius: 8px;
        max-width: 420px;
        margin: 0 auto;
    }

    .unf-dialog .unf-dialog__title {
        font-size: 17px;
        font-weight: 600;
        color: rgba(49, 53, 59, .96);
        line-height: 24px;
        margin-bottom: 16px;
        text-align: center;
    }

    .unf-dialog .unf-dialog__description {
        font-size: 14px;
        color: rgba(49, 53, 59, .68);
        line-height: 20px;
        margin-bottom: 32px;
        text-align: center;
    }

    .unf-dialog .unf-dialog__action {
        font-size: 14px;
        line-height: 16px;
        font-weight: 600;
        text-align: center;
    }

    .unf-dialog .unf-dialog__action--secondary {
        width: calc(50% - 4px);
        width: -webkit-calc(50% - 4px);
        color: rgba(49, 53, 59, .44);
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .unf-dialog .unf-dialog__action--primary {
        color: #42b549;
        float: right;
        width: calc(50% - 4px);
        width: -webkit-calc(50% - 4px);
    }

    .method-group {
        margin-top: 16px;
    }

    .express-checkout .unf-ticker {
        position: relative;
        width: 100%;
        background-color: #ebf6f6;
        flex: 0 0 auto;
        padding: 8px 16px;
        margin: 0;
        overflow: hidden;
    }

    .unf-ticker {
        position: relative;
        background-color: #fff;
        border-width: 1px 1px 1px 3px;
        border-style: solid;
        border-color: #d3f0d4;
        border-image: initial;
        border-radius: 8px;
        padding: 16px 24px 16px 16px;
    }

    .express-checkout .unf-ticker::before {
        content: "";
        width: 35px;
        height: 35px;
        background-image: url(https://assets.printink.id/img/ic_system_info_main.png);
        background-size: 35px 35px;
        position: absolute;
        top: -5px;
        left: -5px;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .express-checkout .unf-ticker p {
        color: rgba(49, 53, 59, .96);
        font-size: 12px;
        line-height: 1.5;
        margin: 0;
    }

    .express-checkout .unf-separator {
        width: 100%;
        height: 8px;
        background-color: #f3f4f5;
    }

    .express-checkout .payment__label {
        padding: 0 16px;
        margin: 0;
        margin-bottom: 4px;
    }

    .payment__label {
        font-size: 15px;
        font-weight: 600;
        color: rgba(0, 0, 0, .7);
        margin-right: 16px;
    }

    .express-checkout .unf-typo-h4 {
        font-family: nunito sans, sans-serif;
        font-weight: 800;
        font-size: 16px;
        line-height: 1.375;
        color: rgba(49, 53, 59, .96);
        margin: 0;
    }

    .express-checkout .payment-list:nth-child(1),
    .express-checkout .payment-list:nth-child(2),
    .express-checkout .payment-list:nth-child(3),
    .express-checkout .payment-list:nth-child(4) {
        display: block;
    }

    .express-checkout .payment-list:nth-child(1),
    .express-checkout .payment-list:nth-child(2),
    .express-checkout .payment-list:nth-child(3),
    .express-checkout .payment-list:nth-child(4) {
        display: block;
    }

    .express-checkout .payment-list {
        display: none;
    }

    .express-checkout .payment-list:last-of-type .payment__list {
        border: 0;
    }

    .express-checkout .payment-list .payment__list {
        box-sizing: border-box;
        height: auto;
        min-height: 72px;
        padding: 12px 16px;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .express-checkout .payment-list .payment__logo-detail {
        display: flex;
        flex-grow: 1;
    }

    .express-checkout .payment-list.disabled .payment__logo,
    .express-checkout .payment-list.disabled .payment__selection,
    .express-checkout .payment-list.disabled .payment__name,
    .express-checkout .payment-list.disabled .payment__desc:not(.disabled-exclude) {
        opacity: .4;
        pointer-events: none;
    }

    .express-checkout .payment-list .payment__logo {
        width: 46px;
        height: 46px;
        min-width: 46px;
        margin: 0;
        margin-right: 12px;
        flex-shrink: 0;
        display: flex;
        align-items: center;
    }

    .payment__logo {
        height: 32px;
        margin: 16px 0;
        min-width: 62px;
        margin-right: 2px;
        vertical-align: middle;
    }

    .sprite-small.sprite-ovo {
        background: url(/img/toppay/sprites/ovo.png);
        width: 32px;
        height: 32px;
    }

    .sprite-small,
    .sprite-medium {
        display: inline-block;
        background-size: 100% !important;
        background-repeat: no-repeat !important;
        background-position: right 0 top 50% !important;
    }

    .express-checkout .payment-list .payment__detail {
        max-width: 100%;
        padding-right: 16px;
        margin: 0;
        flex-grow: 1;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .payment__detail {
        max-width: 70%;
    }

    .payment__detail-center {
        margin: 22px 0;
    }

    .payment__detail {
        margin: 13px 0;
        vertical-align: middle;
        position: relative;
    }

    .express-checkout .payment-list.disabled .payment__logo,
    .express-checkout .payment-list.disabled .payment__selection,
    .express-checkout .payment-list.disabled .payment__name,
    .express-checkout .payment-list.disabled .payment__desc:not(.disabled-exclude) {
        opacity: .4;
        pointer-events: none;
    }

    .express-checkout .payment-list .payment__name {
        font-size: 14px;
        line-height: 1.425;
        color: rgba(49, 53, 59, .96);
    }

    .disabled .payment__name,
    .disabled .payment__info {
        color: #e8e8e8;
    }

    .payment__name,
    .payment__info {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .payment__name {
        color: rgba(0, 0, 0, .7);
        font-size: 14px;
        height: auto;
    }

    .express-checkout .payment-list.disabled .payment__logo,
    .express-checkout .payment-list.disabled .payment__selection,
    .express-checkout .payment-list.disabled .payment__name,
    .express-checkout .payment-list.disabled .payment__desc:not(.disabled-exclude) {
        opacity: .4;
        pointer-events: none;
    }

    .express-checkout .payment-list .payment__desc {
        font-size: 12px;
        line-height: 1.5;
        color: rgba(49, 53, 59, .68);
    }

    .express-checkout .payment-list.disabled .payment__logo,
    .express-checkout .payment-list.disabled .payment__selection,
    .express-checkout .payment-list.disabled .payment__name,
    .express-checkout .payment-list.disabled .payment__desc:not(.disabled-exclude) {
        opacity: .4;
        pointer-events: none;
    }

    .express-checkout .payment-list .payment__selection {
        flex-shrink: 0;
        line-height: 0;
    }

    .express-checkout .payment-list .payment__selection label {
        display: inline-block;
        margin-bottom: 0;
    }

    .express-checkout .payment-list .payment__selection input[type=radio] {
        width: 0;
        height: 0;
        opacity: 0;
        position: absolute;
        -webkit-appearance: none;
        margin: 0;
        padding: 0;
    }

    .unf-radio__area {
        width: 24px;
        height: 24px;
        vertical-align: middle;
        border: 1px solid #e0e0e0;
        border-radius: 50%;
        position: relative;
        display: inline-block;
    }

    .unf-radio__area {
        width: 24px;
        height: 24px;
        vertical-align: middle;
        border: 1px solid #e0e0e0;
        border-radius: 50%;
        position: relative;
        display: inline-block;
        cursor: pointer;
    }

    .unf-radio__area::before {
        content: "";
        position: absolute;
        top: 2px;
        right: 2px;
        left: 2px;
        bottom: 2px;
        border-radius: 50%;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: center;
        transform-origin: center;
        transition: -webkit-transform .28s ease;
        transition: transform .28s ease;
        transition: transform .28s ease, -webkit-transform .28s ease;
    }

    #credit-card h4 {
        display: inline-block;
        margin-right: 5px;
    }

    .express-checkout .unf-typo-h4 {
        font-family: nunito sans, sans-serif;
        font-weight: 800;
        font-size: 16px;
        line-height: 1.375;
        color: rgba(49, 53, 59, .96);
        margin: 0;
    }

    .unf-label {
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        font-weight: 400;
        line-height: 0;
        height: 20px;
        font-size: .857143rem;
        color: #87d58b;
        position: relative;
        border-radius: 3px;
        padding: 2px 4px;
        background: var(--G200);
        transition: all .2s ease-out 0s;
    }

    .unf-label {
        padding: 2px 4px;
        font-size: 10px;
        font-weight: 700;
        color: #fff;
        background: #03ac0e;
        border-radius: 4px;
        line-height: normal;
        display: inline-block;
    }

    .unf-label p {
        display: block;
        position: relative;
        font-weight: 700;
        font-size: 10px;
        line-height: 16px;
        color: rgba(49, 53, 59, .68);
        text-decoration: initial;
        margin: 0;
    }

    .payment__list {
        background: #fff;
        border-bottom: 1px solid #ededed;
        cursor: pointer;
        height: 64px;
        padding: 0 16px 0 0;
        box-sizing: content-box;
        overflow: hidden;
        margin-left: 16px;
    }

    .express-checkout .payment-list .payment__logo-detail {
        display: flex;
        flex-grow: 1;
    }

    .express-checkout .payment-list .payment__logo {
        width: 46px;
        height: 46px;
        min-width: 46px;
        margin: 0;
        margin-right: 12px;
        flex-shrink: 0;
        display: flex;
        align-items: center;
    }

    .payment__logo {
        height: 32px;
        margin: 16px 0;
        min-width: 62px;
        margin-right: 2px;
        vertical-align: middle;
    }

    .sprite-cc-express {
        background: url(https://assets.printink.id/img/cc-express.png);
        width: 97px;
        height: 53px;
        background-size: 38px !important;
        background-position: center !important;
    }

    .sprite-small,
    .sprite-medium {
        display: inline-block;
        background-size: 100% !important;
        background-repeat: no-repeat !important;
        background-position: right 0 top 50% !important;
    }

    .sprite-small.sprite-mandiri {
        background: url(/img/toppay/sprites/mandiri.png);
        width: 56px;
        height: 32px;
    }

    .sprite-small.sprite-bca {
        background: url(/img/toppay/sprites/bca.png);
        width: 52px;
        height: 32px;
    }

    .sprite-small.sprite-briva {
        background: url(/img/toppay/sprites/briva.png);
        width: 45px;
        height: 32px;
    }

    .sprite-small.sprite-bni {
        background: url(/img/toppay/sprites/bni.png);
        width: 47px;
        height: 32px;
    }

    .sprite-small.sprite-btn {
        background: url(/img/toppay/sprites/btn.png);
        width: 52px;
        height: 32px;
    }

    .sprite-small.sprite-danamon {
        background: url(/img/toppay/sprites/danamon.png);
        width: 45px;
        height: 32px;
    }

    .sprite-small.sprite-cimb {
        background: url(/img/toppay/sprites/cimb.png);
        width: 57px;
        height: 32px;
    }

    .sprite-small.sprite-mandirisyariahva {
        background: url(https://ecs7.tokopedia.net/img/toppay/sprites/bsi-new.png);
        width: 32px;
        height: 32px;
        background-size: contain !important;
        background-position: center !important;
    }

    .sprite-small.sprite-bmiva {
        background: url(/img/toppay/sprites/bmiva.png);
        width: 52px;
        height: 32px;
    }

    .sprite-small.sprite-bca {
        background: url(/img/toppay/sprites/bca.png);
        width: 52px;
        height: 32px;
    }

    .sprite-small.sprite-mandiri {
        background: url(/img/toppay/sprites/mandiri.png);
        width: 56px;
        height: 32px;
    }

    .sprite-small.sprite-bni {
        background: url(/img/toppay/sprites/bni.png);
        width: 47px;
        height: 32px;
    }

    .sprite-small.sprite-bri {
        background: url(/img/toppay/sprites/bri.png);
        width: 58px;
        height: 32px;
    }

    .sprite-small.sprite-cimb {
        background: url(/img/toppay/sprites/cimb.png);
        width: 57px;
        height: 32px;
    }

    .express-checkout .payment__load-more {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 46px;
    }

    .express-checkout .payment__load-more a {
        font-size: 12px;
        line-height: 1.5;
        color: rgba(49, 53, 59, .96) !important;
    }

    .express-checkout .payment__load-more span {
        display: block;
        width: 20px;
        height: 20px;
        background-image: url(https://assets.printink.id/img/ic_system_navigation_chevron_up_primary.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        transform: rotate(180deg);
        opacity: .88;
    }

    .sprite-small.sprite-alfamart {
        background: url(/img/toppay/sprites/alfamart.png);
        width: 47px;
        height: 32px;
    }

    .sprite-small.sprite-indomaret {
        background: url(/img/toppay/sprites/indomaret.png);
        width: 54px;
        height: 32px;
    }

    .sprite-small.sprite-jne {
        background: url(/img/toppay/sprites/jne.png);
        width: 48px;
        height: 32px;
    }

    .sprite-small.sprite-posindonesia {
        background: url(/img/toppay/sprites/pos-indonesia.png);
        width: 37px;
        height: 32px;
    }

    .sprite-small.sprite-circle-k {
        background: url(/img/toppay/sprites/circle-k.png);
        width: 52px;
        height: 32px;
    }

    .sprite-small.sprite-familymart {
        background: url(/img/toppay/sprites/familymart.png);
        width: 61px;
        height: 32px;
    }

    .sprite-small.sprite-tokopediacenter {
        background: url(/img/toppay/sprites/tokopediacenter.png);
        width: 26px;
        height: 32px;
    }

    .css-37v29a {
        grid-area: variant_options / variant_options / variant_options / variant_options;
        margin: 0px;
    }

    .css-17qnh40 {
        position: sticky;
        top: 172px;
    }

    .css-1dzrnlg {
        border-radius: 8px;
        padding: 0px 12px;
    }

    .css-qeg0hf {
        position: relative;
    }

    .css-qeg0hf:first-of-type>button {
        border: none !important;
    }

    .css-15h378w {
        padding: 12px 0px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        width: 100%;
        background-color: transparent;
        border: none;
        cursor: pointer;
    }

    .css-15h378w h6 {
        font-weight: 800;
        font-family: "Nunito Sans", -apple-system, sans-serif;
        font-size: 16px;
        line-height: 22px;
        color: var(--N700, rgba(49, 53, 59, 0.96));
        text-align: left;
        margin: 0px;
    }

    .css-q04odl {
        display: inline-block;
        position: relative;
        width: 12px;
        height: 12px;
    }

    .css-q04odl::before,
    .css-q04odl::after {
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        position: absolute;
        z-index: 1;
        border-radius: 12px;
        top: 50%;
        left: 50%;
        transform-origin: center center;
        transform: translate(-50%, -50%);
        transition: all 200ms ease-in-out 0s;
    }

    .css-q04odl::after {
        transform: translate(-50%, -50%) rotate(0deg);
        background-image: url(https://assets.printink.id/icon/bcd1c470.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 24px 24px;
    }

    .css-1ygofwa.active {
        max-height: 20em;
        overflow-y: auto;
        opacity: 1;
    }

    .css-1ygofwa {
        width: 100%;
        max-height: 0px;
        overflow: hidden;
        opacity: 0;
        transition: max-height 0.5s ease 0s, opacity 0.25s ease 0s;
        will-change: max-height;
    }

    .css-88d2b>div {
        margin-bottom: 16px;
    }

    .css-8atqhb {
        width: 100%;
    }

    .css-1n5cw8h {
        margin-bottom: 4px;
        color: var(--N700, rgba(49, 53, 59, 0.68));
        line-height: 20px;
    }

    .css-1n5cw8h>span {
        text-transform: capitalize;
        color: var(--N700, rgba(49, 53, 59, 0.96));
    }

    .css-3lpl5n a,
    .css-3lpl5n p,
    .css-3lpl5n span,
    .css-3lpl5n li {
        font-family: "open sans", tahoma, sans-serif;
    }

    .css-wlb2wq {
        width: initial;
        position: static;
    }

    .css-wlb2wq .e15j6tp62 {
        border-radius: 8px;
    }

    .css-hdtg6a {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        padding: 0px 8px 0px 12px;
        cursor: pointer;
        border: 1px solid var(--color-border, #E5E7E9);
        user-select: none;
        transition: border-radius 280ms ease 0s;
        width: 100%;
        height: 40px;
        font-size: 14px;
        line-height: 40px;
        background-color: var(--color-page-background, #FFFFFF);
        pointer-events: all;
        text-align: left;
    }

    .css-1ld5nx3 {
        flex: 1 1 0%;
        color: var(--color-text-placeholder, rgba(49, 53, 59, 0.44));
        cursor: pointer;
        overflow: hidden;
        padding-right: 8px;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        margin: 0px;
    }

    .css-1ld5nx3 span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .css-hdtg6a::after {
        content: "";
        display: inline-block;
        background-image: url(https://assets.printink.id/icon/1def3953.svg);
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-position: center center;
        transition: transform 280ms ease 0s, background-color 0.12s ease 0s;
        transform: rotate(0deg);
        border-radius: 50%;
    }

    .css-wlb2wq .e15j6tp60 {
        transition: transform 280ms ease-out 0s, opacity 0.16s ease 0s, visibility 0.16s ease 0s;
        width: 100%;
        padding: 0px 4px;
        overflow: auto;
        position: absolute;
        background: var(--color-card, #FFFFFF);
        border: 1px solid var(--color-border, #E5E7E9);
        border-radius: 0px 0px 8px 8px;
        transform-origin: center top;
        scroll-behavior: smooth;
        transform: translateY(-8px);
        opacity: 0;
        visibility: hidden;
    }

    .css-1u8zuhr {
        max-height: 188px;
        z-index: 20;
    }

    .css-alaez3 {
        cursor: pointer;
        list-style: none;
        outline: none;
        position: relative;
        min-height: 40px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        padding: 4px 0px;
        margin-bottom: 4px;
    }

    .css-1u8zuhr * {
        box-sizing: border-box;
    }

    .css-alaez3 button {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        position: relative;
        padding: 6px 8px 6px 5px;
        color: var(--color-text-high);
        background-color: transparent;
        font-size: 14px;
        font-weight: 400;
        min-height: 32px;
        border-top: none;
        border-right: none;
        border-bottom: none;
        border-image: initial;
        text-align: left;
        line-height: 1.33;
        width: 100%;
        cursor: pointer;
        border-radius: 4px;
        border-left: 3px solid transparent;
        appearance: none;
    }

    .css-alaez3::before {
        content: "";
        position: absolute;
        left: -4px;
        top: 0px;
        height: 100%;
        width: 3px;
        background-color: var(--G500);
        opacity: 0;
        transition: opacity 0.08s ease-in 0s;
    }

    .css-88d2b>div:last-of-type {
        margin-bottom: 12px;
    }

    .css-1ygofwa>div {
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
    }

    .css-1hsahen {
        background-color: white;
        margin-bottom: 0px;
        transition: background-color 0.25s ease 0s;
        position: absolute;
        width: calc(100% + 24px);
        top: 0px;
        bottom: 0px;
        left: -12px;
        z-index: -1;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    .css-1w7abqwu-unf-modal {
        display: block;
        z-index: 10010;
        opacity: 1;
        min-width: 300px;
        background-color: var(--color-card, #FFFFFF);
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 8px;
        padding: 40px 0px 0px;
        text-align: center;
        transition: opacity 0.2s ease 0s;
        box-shadow: 0px 1px 6px var(--color-shadow, rgba(49, 53, 59, 0.12));
    }

    .css-56hjds {
        text-align: center;
        margin-bottom: 16px;
    }

    .css-1jert38-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Nunito Sans", -apple-system, sans-serif;
        font-size: 1.57143rem;
        line-height: 26px;
        color: var(--G500);
        text-decoration: initial;
    }

    .css-viks1o-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-size: 0.857143rem;
        line-height: 18px;
        color: var(--color-text-low);
        text-decoration: initial;
        margin: 4px 0px 7px 0px;
    }

    .css-jenq7o {
        overflow: auto;
    }

    .css-rgs34s {
        align-items: center;
        display: flex;
        margin: 0px 15px 0px 0px;
    }

    .css-ggd5dds {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .css-xxdqwu {
        display: flex;
        flex-wrap: wrap;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-fu1pg4-unf-heading-unf-heading {
        position: relative;
        font-weight: 400;
        color: var(--color-text-low);
        text-decoration: initial;
        font-size: 0.857143rem;
        display: inline-block;
        line-height: 1.4;
        max-width: 120px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0px 5px 0px 0px;
    }

    .css-10h2lyh-unf-heading-unf-heading {
        position: relative;
        text-decoration: initial;
        font-size: 0.857143rem;
        display: inline-block;
        line-height: 1.4;
        font-weight: bold;
        color: var(--G500);
        cursor: pointer;
        margin: 0px;
        padding-top: 1px;
    }

    .css-uacm6y.divider {
        border-top: 1px solid var(--N50, #F3F4F5);
    }

    .css-uacm6y {
        position: relative;
        display: flex;
        padding: 4px 0px;
        cursor: pointer;
        width: 100%;
        -webkit-box-align: center;
        align-items: center;
        height: initial;
    }

    .css-9mv502.is-show {
        transition: max-height 300ms ease-in 0s;
        max-height: 600px;
    }

    .css-1a4jr82 {
        position: fixed;
        height: auto;
        top: 56px;
        bottom: 0px;
        left: 0px;
        background-color: var(--NN0);
        box-shadow: rgb(0 0 0 / 4%) 0px 2px 6px 0px;
        box-sizing: border-box;
        text-align: left;
        white-space: nowrap;
        overflow: hidden scroll;
        z-index: 20;
    }

    .css-1yebrh0 {
        width: 230px;
        height: 100%;
        box-sizing: border-box;
        z-index: 20;
        transition: width 0.2s ease 0s;
        display: block !important;
    }

    .css-1yebrh0.collapse {
        width: 72px;
    }

    .css-10yh4fd {
        position: relative;
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        cursor: pointer;
        padding: 11px 22px;
        border-bottom: 1px solid var(--N50, #F3F4F5);
    }

    .css-13hgx9o {
        display: flex;
        left: 20px;
        transition: all 200ms linear 0s;
    }

    .css-12lptvf {
        display: inline-block;
        padding-left: 8px;
        line-height: 22px;
        font-size: 0.857143rem;
        font-weight: 700;
        color: var(--NN600);
    }

    .css-52thtw {
        padding: 17px 13px;
        max-height: 400px;
        list-style: none;
        margin: 0px;
        transition: max-height 0.3s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
    }

    .css-52thtw li {
        line-height: 22px;
        visibility: visible;
        opacity: 1;
        border-radius: 4px;
    }

    .css-52thtw.collapse {
        max-height: 60px;
    }

    .css-14fg79d {
        padding-bottom: 10px;
        transition: all 0.2s ease 0s;
    }

    .css-le70if {
        display: inline-block;
        box-sizing: border-box;
        position: relative;
    }

    .css-le70if>a {
        display: block;
        width: 48px;
        height: 48px;
    }

    .css-1dbri4y {
        width: 48px;
        height: 48px;
        border: 2px solid var(--NN0);
        object-fit: cover;
        object-position: center center;
        border-radius: 50%;
        box-shadow: rgb(0 0 0 / 12%) 0px 0px 10px 0px;
    }

    .css-fryr33 {
        width: 65px;
        height: 65px;
        border: 2px solid var(--NN0);
        object-fit: cover;
        object-position: center center;
        border-radius: 50%;
        box-shadow: rgb(0 0 0 / 12%) 0px 0px 10px 0px;
    }

    .css-luqyg {
        visibility: visible;
        opacity: 1;
        transition: none 0s ease 0s;
        display: inline-block;
        vertical-align: top;
        width: 131px;
        padding: 5px 8px 0px;
        box-sizing: border-box;
    }

    .css-luqyg.hide {
        opacity: 0;
        visibility: hidden;
    }

    .css-1ynntvp {
        display: block;
        line-height: 18px;
        font-size: 1rem;
        font-weight: 700;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .css-1ynntvp a {
        color: var(--NN950);
    }

    .css-iuixd7 {
        margin-right: 10px;
    }

    .css-1m9g3sq-unf-tooltip {
        display: inline-block;
        position: relative;
    }

    .css-1m9g3sq-unf-tooltip img {
        margin-top: 4px;
    }

    .css-1m9g3sq-unf-tooltip * {
        cursor: pointer;
    }

    .css-1vu6wlx {
        display: inline-block;
        height: 16px;
        margin-top: 5px;
        margin-right: 10px;
        position: relative;
    }

    img {
        border-style: none;
    }

    .css-1m9g3sq-unf-tooltip>div {
        width: auto;
    }

    .css-xtiegq {
        width: 200px;
        font-size: 0.714286rem;
        font-weight: 400;
        position: absolute;
        z-index: 1;
        left: 50%;
        padding: 12px 16px;
        border-radius: 4px;
        line-height: 16px;
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.12));
        transition: opacity 280ms ease-in-out 0s;
        opacity: 0;
        visibility: hidden;
        background-color: var(--color-text-high);
        text-align: center;
        color: var(--NN0);
        top: 100%;
        transform: translate(-50%, calc(0% + 12px));
    }

    .css-8ax7ff {
        width: 0px;
        height: 0px;
        position: absolute;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid var(--color-text-high);
        top: -5px;
        left: 50%;
        transform: translateX(-50%);
    }

    .css-iuixd7::after {
        content: "";
        height: 12px;
        width: 1px;
        margin-top: 8px;
        position: absolute;
        background-color: rgb(229, 231, 233);
    }

    .css-mnd5o1 {
        color: var(--NN600);
        font-size: 1rem;
        margin-top: 2px;
    }

    .css-ihnl67.block {
        display: block;
    }

    .css-ihnl67 {
        visibility: visible;
        opacity: 1;
        transition: none 0s ease 0s;
        align-content: center;
        display: flex;
        overflow: hidden;
        border: 1px solid var(--N75, #E5E7E9);
        border-radius: 8px;
        margin-bottom: 16px;
    }

    .css-ihnl67.not-display {
        display: none;
    }

    .css-12709xq.clickable {
        cursor: pointer;
    }

    .css-12709xq {
        padding: 6px 8px;
        width: 100%;
        background-position: -1px center;
        background-repeat: no-repeat;
        text-align: left;
        font-weight: 700;
        display: flex;
        height: 32px;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        align-items: center;
        line-height: 16px;
        font-size: 0.857143rem;
    }

    .css-10dsqwm {
        display: flex;
        position: relative;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-10dsqwm p {
        color: var(--NN950);
    }

    .css-s8fc-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 700;
        font-size: 0.714286rem;
        line-height: 16px;
        color: var(--color-text-high);
        text-decoration: initial;
    }

    .css-12709xq a {
        color: var(--GN500);
    }

    .css-1rhpt9m-unf-link {
        color: var(--G500);
        font-size: 0.714286rem;
        text-decoration: none;
        cursor: pointer;
    }

    .css-ro7jj2.block {
        display: block;
    }

    .css-ro7jj2 {
        visibility: visible;
        opacity: 1;
        display: inline-block;
        transition: none 0s ease 0s;
    }

    .css-ro7jj2.hide {
        opacity: 0;
        visibility: hidden;
    }

    .css-tco77w {
        padding: 0px 0px 16px;
        border-bottom: 1px solid rgb(243, 244, 245);
    }

    .css-tco77w .content {
        width: 100%;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        border-radius: 6px;
    }

    .css-tco77w .content .label {
        text-transform: uppercase;
    }

    .css-tco77w .content .hours {
        font-size: 0.857143rem;
    }

    .css-tco77w .content .hours>div {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-tco77w .content .hours span {
        font-weight: bold;
        margin-left: 4px;
        color: var(--NN950);
    }

    .css-onyk2p {
        display: flex;
        flex-direction: column;
        padding: 0px 0px;
        border-bottom: 1px solid rgb(243, 244, 245);
    }

    .css-uoz69a {
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        align-items: center;
        border-radius: 8px;
        padding: 2px 4px;
    }

    .css-1ntzzi8 {
        color: var(--NN600);
        font-size: 0.857143rem;
    }

    .css-omf1c7 {
        line-height: 22px;
        font-weight: 700;
        transition: opacity 0s ease 0.15s, visibility 0s ease 0.15s;
        color: rgba(49, 53, 59, 0.96);
        font-size: 1.14286rem;
        cursor: pointer;
    }

    .css-f6s3fi {
        display: flex;
        margin-right: auto;
    }

    .css-f6s3fi svg {
        display: flex;
    }

    svg:not(:root) {
        overflow: hidden;
    }

    .css-1oiouvj {
        font-size: 0.857143rem;
        color: var(--NN950);
        font-weight: 800;
    }

    .css-1ocgnvd {
        list-style: none;
        border-radius: 4px;
        background-color: var(--NN0);
        position: relative;
    }

    .css-1gzd40g {
        position: relative;
        display: flex;
        cursor: pointer;
        height: 36px;
        padding-right: 12px;
        -webkit-box-pack: justify;
        justify-content: space-between;
        padding-left: 3px;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-1gzd40g.active::before {
        background-color: var(--GN500);
    }

    .css-1gzd40g::before {
        content: "";
        position: absolute;
        width: 3px;
        left: 0px;
        background-color: var(--NN0);
        height: 100%;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    .css-1gzd40g.collapse-menu-item {
        padding: 4px 2px 4px 0px;
    }

    .css-1gzd40g.collapse-menu-item:hover {
        background-color: inherit;
    }

    .css-9msnw2 {
        display: flex;
        padding: 8px 10px;
        position: relative;
        box-sizing: border-box;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-23xxs9 {
        display: inline-block;
        vertical-align: middle;
        margin-right: 8px;
        transition: all 100ms ease-in-out 0s;
    }

    .css-23xxs9.slide-right {
        margin-left: 12px;
    }

    .css-1aahsea.active {
        color: var(--GN500);
    }

    .css-1aahsea {
        visibility: visible;
        opacity: 1;
        display: inline-block;
        transition: all 100ms linear 0s;
        font-size: 0.857143rem;
        font-weight: 700;
        color: var(--NN950);
    }

    .css-ods8fo {
        position: absolute;
        right: 12px;
        line-height: 0;
        top: 50%;
        transform: translateY(-50%);
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-1mkrz2 {
        border: 2px solid var(--NN0);
        border-radius: 10px;
        background-color: var(--R500, #EF144A);
        color: var(--NN0);
        line-height: 16px;
        font-size: 0.714286rem;
        font-weight: 700;
        text-align: center;
        font-style: normal;
        box-sizing: border-box;
        width: 25px;
        display: block;
        height: 20px;
        animation: 0.7s ease 0s 1 normal forwards running fadeinFirst;
    }

    .css-he9xok.expand {
        max-height: 256px;
    }

    .css-to2841 {
        height: 28px;
        margin: 2px 0px;
        position: relative;
        font-size: 0.857143rem;
        display: flex;
        padding-left: 29px;
        -webkit-box-align: center;
        align-items: center;
        color: var(--N600, #40454C);
    }

    .css-to2841::before {
        content: "";
        position: absolute;
        width: 3px;
        left: 0px;
        background-color: var(--NN0);
        height: 100%;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    .css-gbq2fj {
        margin: 13px;
        list-style: none;
        border-bottom: 1px solid rgb(243, 244, 245);
    }

    .css-he9xok {
        max-height: 0px;
        overflow: hidden;
        transition: max-height 240ms ease-in-out 0s;
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

    .css-v7pwey {
        display: inline-block;
        vertical-align: middle;
        border-radius: 3px;
        text-transform: uppercase;
        background: var(--R400, #FF5C84);
        color: rgb(255, 255, 255);
        font-size: 0.571429rem;
        font-weight: 700;
        padding: 1px 4px;
        line-height: 10px;
        margin-left: 8px;
    }

    .css-to2841 span {
        width: 100%;
        display: block;
        padding: 4px 0px 4px 16px;
        color: var(--NN950);
        background-color: var(--NN0);
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
    }

    .css-1sbptr8 {
        width: 24px;
        height: 24px;
        background: url(https://assets.printink.id/icon/64f9b8ab.svg) center center / contain no-repeat;
        display: inline-block;
        vertical-align: middle;
        margin-right: 8px;
        transition: all 100ms ease-in-out 0s;
    }

    .css-1j07rzi>div {
        box-shadow: rgb(0 0 0 / 7%) 0px 4px 6px -1px inset;
    }

    .css-15f883f {
        box-sizing: border-box;
        position: absolute;
        top: 0px;
        background-color: var(--NN0);
        border-radius: 0px 0px 10px 10px;
        box-shadow: rgb(0 0 0 / 12%) 0px 2px 8px 0px;
        width: 300px;
        z-index: 495;
        animation-duration: 0.4s;
        animation-fill-mode: forwards;
        height: auto;
        overflow: hidden;
        padding: 0px;
        max-height: calc(100vh - 108px);
        transform: translateX(-134px);
        animation-name: animation-1l6e52p;
    }

    .css-15f883f * {
        box-sizing: border-box;
    }

    .css-16xr3br {
        position: relative;
        display: flex;
        border-bottom: 1px solid var(--N75, #E5E7E9);
    }

    .css-ynddsj {
        height: 52px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        cursor: pointer;
        border-bottom: 2px solid var(--G500);
        width: 50% !important;
    }

    .css-ynddsj p {
        color: var(--G500);
    }

    .css-ynddsj p {
        margin: 0px;
        font-size: 14px;
        font-weight: 800;
        line-height: 1.29;
        color: rgba(49, 53, 59, 0.44);
    }

    .css-yeea38 {
        height: 52px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        cursor: pointer;
        width: 50% !important;
    }

    .css-yeea38 p {
        margin: 0px;
        font-size: 14px;
        font-weight: 800;
        line-height: 1.29;
        color: rgba(49, 53, 59, 0.44);
    }

    .css-1i3hp05 {
        position: absolute;
        height: 2px;
        width: 50%;
        bottom: 0px;
        left: 0px;
        transition: left 0.25s ease 0s;
        will-change: left;
        background-color: var(--G500);
    }

    .css-1eiyg0w {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-color: var(--NN0);
        overflow: auto;
        z-index: 1;
        transition: transform 0.25s ease 0s;
        transform: translateX(100%);
        will-change: transform;
    }

    .css-zdw462 {
        height: 44px;
        padding: 0px 16px;
    }

    .css-zdw462 span {
        height: 100%;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        font-size: 10px;
        line-height: 1.8;
        color: rgba(49, 53, 59, 0.68);
        cursor: pointer;
    }

    .css-zdw462 span::before {
        content: "";
        height: 16px;
        width: 16px;
        display: block;
        background: url(https://assets.printink.id/icon/b7551574.svg) center center / contain no-repeat;
        margin-right: 6px;
    }

    .css-3kkf2m {
        height: 323px;
        max-height: calc(100vh - 309px);
        font-size: 12px;
        line-height: 1.5;
        color: rgba(49, 53, 59, 0.68);
        padding: 0px 16px 8px;
        overflow: auto;
        overscroll-behavior-y: contain;
    }

    .css-3kkf2m h3 {
        margin: 0px 0px 12px;
        font-size: 12px;
        line-height: 1.33;
        color: rgba(49, 53, 59, 0.96);
    }

    .css-11ozld0 {
        background-color: var(--NN0);
        padding: 8px 16px;
    }

    .css-4bt760-unf-btn {
        width: 100%;
        height: 40px;
        color: rgb(255, 255, 255);
        font-family: "Nunito Sans", sans-serif;
        font-weight: 700;
        font-size: 0.857143rem;
        line-height: 24px;
        text-indent: initial;
        background-color: var(--G500);
        border: none;
        border-radius: 8px;
        display: block;
        outline: none;
        cursor: pointer;
        position: relative;
        padding: 0px 16px;
        transition: background-color 300ms ease 0s;
    }

    .css-4bt760-unf-btn span {
        font-size: inherit;
        text-overflow: ellipsis;
        white-space: nowrap;
        opacity: 1;
        display: block;
        overflow: hidden;
        position: relative;
        top: 0px;
        transition: opacity 300ms linear 0s, top 300ms linear 0s;
    }

    .css-6jkw8o {
        height: 423px;
        display: flex;
        flex-direction: column;
        max-height: calc(100vh - 208px);
    }

    .css-isyaq5 {
        overflow: auto;
        overscroll-behavior-y: contain;
    }

    .css-1fefwx2:first-child {
        border: none;
        margin-bottom: 24px;
    }

    .css-1fefwx2 {
        margin: 16px 0px;
        border-top: 2px solid var(--N50, #F3F4F5);
    }

    .css-1setrf5 {
        margin: 16px 0px 8px;
        padding: 0px 16px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    .css-1setrf5 b {
        font-size: 14px;
        font-weight: 800;
        line-height: 1.43;
        color: rgba(49, 53, 59, 0.96);
    }

    .css-1setrf5 div {
        display: flex;
    }

    .css-1setrf5 a {
        font-size: 12px;
        line-height: 1.67;
        color: var(--G500);
    }

    .css-vkc8mm {
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        padding: 0px 16px;
        margin-top: 16px;
    }

    .css-135p6w8 {
        display: block;
        text-align: center;
        width: 56px;
    }

    .css-1k0ntzu {
        position: relative;
    }

    .css-1k0ntzu img {
        margin: 0px auto 6px;
        height: 40px;
        width: 40px;
        display: block;
    }

    .css-135p6w8 p {
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        margin: 0px;
        font-size: 11px;
        line-height: 1.45;
        color: rgba(49, 53, 59, 0.96);
    }

    .css-yxxa56:last-child {
        border-top-width: 8px;
        margin-bottom: 0px;
    }

    .css-yxxa56 {
        margin: 16px 0px;
        border-top: 2px solid var(--N50, #F3F4F5);
        min-height: 231px;
    }

    .css-irabes {
        width: 220px;
        margin: 24px auto;
        text-align: center;
    }

    .css-irabes img {
        margin: 0px auto;
        width: 160px;
        height: auto;
        display: block;
    }

    .css-irabes h3 {
        margin-top: 12px;
        margin-bottom: 8px;
        font-size: 14px;
        line-height: 1.29;
        color: rgba(49, 53, 59, 0.96);
    }

    .css-irabes p {
        font-size: 12px;
        margin-bottom: 16px;
        line-height: normal;
    }

    .css-s5uoec {
        width: 160px;
        margin: 0px auto;
    }

    .css-1s23npw-unf-btn {
        width: 100%;
        height: 32px;
        color: rgb(255, 255, 255);
        font-family: "Nunito Sans", sans-serif;
        font-weight: 700;
        font-size: 0.857143rem;
        line-height: 18px;
        text-indent: initial;
        background-color: var(--G500);
        border: none;
        border-radius: 8px;
        display: block;
        outline: none;
        cursor: pointer;
        position: relative;
        padding: 0px 16px;
        transition: background-color 300ms ease 0s;
    }

    .css-1s23npw-unf-btn span {
        font-size: inherit;
        text-overflow: ellipsis;
        white-space: nowrap;
        opacity: 1;
        display: block;
        overflow: hidden;
        position: relative;
        top: 0px;
        transition: opacity 300ms linear 0s, top 300ms linear 0s;
    }

    .css-1s23npw-unf-btn::after {
        content: "";
        background-color: rgb(49, 53, 59);
        opacity: 0;
        inset: 0px;
        border-radius: inherit;
        position: absolute;
        transition: opacity 300ms ease 0s;
        pointer-events: none;
    }

    .css-8a04g9 {
        position: relative;
        border-radius: 0px 0px 8px 8px;
        box-shadow: rgb(0 0 0 / 12%) 0px -2px 4px 0px;
        background-color: var(--NN0);
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        padding: 12px 16px;
        height: 40px;
        flex: 0 0 auto;
        transition: height 0.4s ease 0s, padding 0.4s ease 0s;
    }

    .css-8a04g9 a,
    .css-8a04g9 p {
        color: var(--G500);
        margin: 0px;
        font-size: 12px;
        line-height: 1.33;
        display: block;
    }

    .css-8a04g9 a,
    .css-8a04g9 p {
        color: var(--G500);
        margin: 0px;
        font-size: 12px;
        line-height: 1.33;
        display: block;
    }

    .css-k6nhxq {
        height: 383px;
        max-height: calc(100vh - 248px);
        overflow: auto;
        overscroll-behavior-y: contain;
    }

    .css-fvlq7c {
        padding: 16px 0px 0px 16px;
        background-color: var(--G100, #EBFFEF);
    }

    .css-9o9caa {
        padding: 0px 16px 16px 0px;
        border-bottom: 1px solid rgba(49, 53, 59, 0.09);
    }

    .css-1r3ci2s {
        width: 100%;
        margin-bottom: 6px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-1r3ci2s img {
        width: 16px;
        height: 16px;
        margin-right: 6px;
    }

    .css-1r3ci2s .tag {
        font-size: 10px;
        margin: 0px;
        color: rgba(49, 53, 59, 0.68);
    }

    .css-1r3ci2s .dot {
        height: 3px;
        width: 3px;
        background-color: rgba(49, 53, 59, 0.44);
        border-radius: 50%;
        display: inline-block;
        vertical-align: middle;
        margin: 0px 5px;
    }

    .css-1r3ci2s .date {
        font-size: 10px;
        margin: 0px 6px 0px 0px;
        color: rgba(49, 53, 59, 0.44);
    }

    .css-ethtfe.is-open {
        padding-left: 230px;
    }

    .css-ethtfe {
        transition: all 0.2s ease 0s;
        margin-top: 56px;
        padding-left: 72px;
        min-height: 800px;
        height: 100%;
    }

    .css-ethtfe .content-container {
        border: none;
    }

    .css-kjafn5 {
        display: flex;
        position: relative;
    }

    .css-zl1pw7 {
        margin-right: 4px;
    }

    .css-zl1pw7 .title {
        font-size: 12px;
        font-weight: bold;
        line-height: 1.33;
        letter-spacing: -0.35px;
        color: rgba(49, 53, 59, 0.96);
        margin: 0px 0px 4px;
    }

    .css-zl1pw7 .content {
        font-size: 12px;
        line-height: 1.33;
        color: rgba(49, 53, 59, 0.68);
        margin: 0px;
        overflow: inherit;
        height: auto;
        word-break: break-word;
    }

    .css-1b2i7ce {
        margin-top: 8px;
    }

    .css-1b2i7ce img {
        object-fit: cover;
        width: 100%;
        height: auto;
        border-radius: 8px;
    }

    .css-43eib3 {
        height: 1px;
        display: block;
    }

    .css-1gsinl1:hover .css-e3swto {
        background-color: var(--N50, #F3F4F5);
    }

    .css-uacm6y:hover .css-e3swto {
        background-color: var(--N50, #F3F4F5);
    }

    .css-tco77w .content:hover {
        background-color: var(--N50, #F3F4F5);
    }

    .css-to2841:hover span {
        font-weight: 700;
        background-color: var(--N50, #F3F4F5);
    }

    .css-to2841.active span {
        font-weight: 700;
        color: var(--GN500);
    }

    .css-uoz69a:hover {
        background-color: var(--N50, #F3F4F5);
    }

    .css-1gzd40g:hover {
        background-color: var(--N50, #F3F4F5);
    }

    .label-float {
        position: relative;
        padding-top: 14px;
    }

    .label-float input {
        border: 1px solid lightgrey;
        border-radius: 5px;
        outline: none;
        padding: 8px;
        font-size: inherit;
        transition: all .1s linear;
        -webkit-transition: all .1s linear;
        -moz-transition: all .1s linear;
        -webkit-appearance: none;
        width: 100%;
    }

    .css-5sday7s {
        height: 55px;
    }

    .label-float input:focus {
        border: 2px solid #3951b2;
    }

    .label-float input::placeholder {
        color: transparent;
    }

    .label-float label {
        pointer-events: none;
        position: absolute;
        top: calc(50% - 3px);
        left: 15px;
        transition: all .1s linear;
        -webkit-transition: all .1s linear;
        -moz-transition: all .1s linear;
        background-color: white;
        padding-left: 3px;
        padding-right: 3px;
        box-sizing: border-box;
    }

    .label-float input:required:invalid+label {
        color: red;
    }

    .label-float input:focus:required:invalid {
        border: 2px solid red;
    }

    .label-float input:required:invalid+label:before {
        content: '*';
    }

    .label-float input:focus+label,
    .label-float input:not(:placeholder-shown)+label {
        font-size: 12px;
        top: 0;
        color: #3951b2;
    }

    .css-o6cuM3c {
        -webkit-align-items: flex-start;
        align-items: flex-start;
        color: #d93025;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        font-size: 12px;
        line-height: normal;
        margin-top: 2px;
        min-height: 16px;
    }

    .css-jibhHc {
        margin-right: 4px;
    }

    .css-Is7Fhb {
        -webkit-align-items: flex-start;
        align-items: flex-start;
        color: #5f6368;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        font-size: 12px;
        line-height: normal;
        margin-top: 2px;
        min-height: 16px;
    }

    .css-fs34jr {
        -webkit-align-items: flex-start;
        align-items: flex-start;
        color: var(--G500);
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        font-size: 12px;
        line-height: normal;
        margin-top: 2px;
        min-height: 16px;
    }

    .css-glk132 {
        position: relative;
        padding: 20px 16px;
        border-style: solid;
        border-width: 1px;
        border-radius: 6px;
        color: rgba(49, 53, 59, 0.96);
        background-image: linear-gradient(#fffae6, #fffae6);
        border-color: rgb(187 128 9 / 40%);
        margin-bottom: 16px;
    }

    .css-ehiw44 {
        background: #f0f3f7;
        padding: 24px;
    }

    .css-eh3er4 {
        background: var(--N50, #F3F4F5);
    }

    .css-ap8zoh {
        width: 72px;
        margin: 16px 0px;
    }

    .css-tagk2p {
        position: relative;
        display: flex;
    }

    .css-tagk2p.is-balance {
        -webkit-box-pack: center;
        justify-content: center;
    }

    .css-tagk2p:hover {
        padding: 4px 2px 4px 0px;
        background: var(--N50, #F3F4F5);
        border-radius: 12px;
    }

    .css-ap8zoh img {
        vertical-align: middle;
        cursor: pointer;
    }

    .css-1a4jr82 .collapse:not(.show) {
        display: block;
    }

    .css-1aahsea.hide {
        opacity: 0;
        visibility: hidden;
    }

    .css-14s23k6 {
        margin: 0px;
        background: rgb(255, 255, 255);
        position: fixed;
        left: 68px;
        z-index: 1;
        padding: 8px 12px;
        border: 1px solid rgb(214, 223, 235);
        box-sizing: border-box;
        border-radius: 4px;
    }

    .css-14s23k6::before {
        position: absolute;
        top: 11px;
        left: -7px;
        content: " ";
        width: 7px;
        height: 7px;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-right: 7px solid rgb(214, 223, 235);
    }

    .css-14s23k6::after {
        position: absolute;
        top: 12px;
        left: -6px;
        content: " ";
        width: 6px;
        height: 6px;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-right: 6px solid rgb(255, 255, 255);
    }

    .css-pryi61 {
        display: flex;
    }

    .css-pryi61 .text {
        margin-right: 6px;
    }

    .css-ods8fo.inline {
        position: unset;
        transform: none;
    }

    .css-ro7jj2.not-display {
        display: none;
    }

    .css-5xi28s {
        border: 2px px solid var(--NN0);
        border-radius: 10px;
        background-color: var(--R500, #EF144A);
        color: var(--NN0);
        line-height: 16px;
        font-size: 0.714286rem;
        font-weight: 700;
        text-align: center;
        font-style: normal;
        box-sizing: border-box;
        width: 25px;
        display: block;
        height: 20px;
        animation: 0.7s ease 0s 1 normal forwards running fadeinFirst;
        position: absolute;
        top: -11px;
        right: 17px;
    }

    .css-5xi28s.collapse {
        width: 8px;
        height: 8px;
        border: none;
        animation: 0.7s ease 0s 1 normal forwards running fadein;
    }

    .css-1sbptr8.slide-right {
        margin-left: 12px;
    }

    .css-1ex3hkq {
        margin: 0px;
        background: rgb(255, 255, 255);
        position: fixed;
        left: 72px;
        z-index: 1;
        padding: 8px 12px;
        border-top: 1px solid rgb(214, 223, 235);
        border-right: 1px solid rgb(214, 223, 235);
        border-bottom: 1px solid rgb(214, 223, 235);
        border-image: initial;
        border-left: none;
        box-sizing: border-box;
        border-radius: 0px 4px 4px 0px;
    }

    .css-mw77ef {
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 18px;
        color: rgb(170, 180, 200);
        text-transform: uppercase;
        margin-left: 8px;
    }

    .css-o88oef {
        margin-top: 8px;
    }

    .css-o88oef a {
        padding-left: 0px;
    }

    .css-o88oef a span:hover {
        cursor: pointer;
        background: rgb(240, 243, 247);
        border-radius: 8px;
    }

    .css-o88oef a span {
        padding: 4px 8px;
    }

    .css-idcxpb {
        padding: 32px;
        display: block;
    }

    .css-t7p0j5 {
        display: flex;
        margin-bottom: 16px;
    }

    .css-t7p0j5>* {
        flex: 1 1 0%;
    }

    .css-8rczq8-unf-card {
        position: relative;
        margin: 0px 32px 0px 0px;
        padding: 24px;
        border-radius: 8px;
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.12));
        background-color: var(--color-card, #FFFFFF);
        cursor: default;
        display: flex;
        flex-direction: column;
        max-width: 511px;
    }

    .css-37czq8-unf-card {
        position: relative;
        margin: 0px;
        padding: 24px;
        border-radius: 8px;
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.12));
        background-color: var(--color-card, #FFFFFF);
        cursor: default;
        display: flex;
        flex-direction: column;
        max-width: 511px;
    }

    .css-841suf {
        margin-bottom: 20px;
        display: flex;
        flex-direction: column;
    }

    .css-2ertzu {
        width: 100%;
        display: flex;
        -webkit-box-pack: end;
        justify-content: flex-end;
    }

    .css-4jgr88 {
        margin: auto;
        position: relative;
        height: 86px;
        width: 86px;
        display: block;
        vertical-align: top;
        text-align: center;
        -webkit-tap-highlight-color: transparent;
    }

    .css-7go09g {
        border: none;
        margin-right: 6px;
        vertical-align: top;
        height: 80px;
        width: 80px;
        overflow: hidden;
        -webkit-transform: translateZ(0);
        -webkit-border-radius: 5%;
        border-radius: 5%;
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.3));
    }

    .css-ugt65k {
        background: #fff;
        bottom: 0;
        position: absolute;
        right: 0;
        overflow: visible;
        height: 32px;
        width: 32px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -webkit-transform: translateZ(0);
        -webkit-tap-highlight-color: transparent;
    }

    .css-20hg8p {
        color: inherit;
        bottom: 0;
        -webkit-box-shadow: 0 1px 1px 0 rgb(65 69 73 / 30%), 0 1px 3px 1px rgb(65 69 73 / 15%);
        box-shadow: 0 1px 1px 0 rgb(65 69 73 / 30%), 0 1px 3px 1px rgb(65 69 73 / 15%);
        margin: 0px 2.5px 3px;
        outline: 0;
        position: absolute;
        right: 0;
        height: 26px;
        width: 26px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        overflow: hidden;
        -webkit-transform: translateZ(0);
        -webkit-tap-highlight-color: transparent;
    }

    .css-22bjs0-unf-card {
        display: block;
        position: relative;
        margin: 0px;
        padding: 0px;
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.12));
        background-color: var(--color-card, #FFFFFF);
        cursor: default;
        border-radius: 8px;
    }

    .css-ezubzf {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        height: 52px;
    }

    .css-ezubzf>div[aria-label="Tab Section"] {
        width: 100%;
    }

    .css-1xmoy9n-unf-tab-wrapper {
        position: relative;
    }

    .css-1wcqxxp-unf-tab-holder {
        display: flex;
        position: relative;
        border-bottom: 1px solid var(--N75, #E5E7E9);
        min-height: 48px;
        white-space: nowrap;
        background-color: var(--color-page-background, #FFFFFF);
        overflow: auto hidden;
        width: 100%;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    .css-1wcqxxp-unf-tab-holder div.active {
        color: var(--G500);
    }

    .css-1wcqxxp-unf-tab-holder>div {
        color: var(--N700, rgba(49, 53, 59, 0.68));
    }

    .css-1wcqxxp-unf-tab-holder .e1yhziio3 {
        background-color: var(--G500);
    }

    .css-1ptqrcl-unf-indicator {
        min-width: 16px;
        width: 129.391px;
        height: 2px;
        border-radius: 1px;
        background-color: var(--G500);
        position: absolute;
        bottom: 0px;
        left: 142.375px;
        transition-duration: 300ms;
        transition-timing-function: cubic-bezier(0.63, 0.01, 0.29, 1);
    }

    .css-448x61-unf-indicator {
        min-width: 16px;
        width: 140.109px;
        height: 2px;
        border-radius: 1px;
        background-color: var(--G500);
        position: absolute;
        bottom: 0px;
        left: 271.766px;
        transition-duration: 300ms;
        transition-timing-function: cubic-bezier(0.63, 0.01, 0.29, 1);
    }

    .css-175xoes-unf-indicator {
        min-width: 16px;
        width: 115.359px;
        height: 2px;
        border-radius: 1px;
        background-color: var(--G500);
        position: absolute;
        bottom: 0px;
        left: 411.875px;
        transition-duration: 300ms;
        transition-timing-function: cubic-bezier(0.63, 0.01, 0.29, 1);
    }

    .css-1gvtg94-unf-indicator {
        min-width: 16px;
        width: 132.531px;
        height: 2px;
        border-radius: 1px;
        background-color: var(--G500);
        position: absolute;
        bottom: 0px;
        left: 527.234px;
        transition-duration: 300ms;
        transition-timing-function: cubic-bezier(0.63, 0.01, 0.29, 1);
    }

    .css-v75j3p-unf-indicator {
        min-width: 16px;
        width: 144.031px;
        height: 2px;
        border-radius: 1px;
        background-color: var(--G500);
        position: absolute;
        bottom: 0px;
        left: 659.765px;
        transition-duration: 300ms;
        transition-timing-function: cubic-bezier(0.63, 0.01, 0.29, 1);
    }

    .css-tw0x0t-unf-indicator {
        min-width: 16px;
        width: 104.688px;
        height: 2px;
        border-radius: 1px;
        background-color: var(--G500);
        position: absolute;
        bottom: 0px;
        left: 803.796px;
        transition-duration: 300ms;
        transition-timing-function: cubic-bezier(0.63, 0.01, 0.29, 1);
    }

    .css-9l6xgv-unf-indicator {
        min-width: 16px;
        width: 142.375px;
        height: 2px;
        border-radius: 1px;
        background-color: var(--G500);
        position: absolute;
        bottom: 0px;
        left: 0px;
        transition-duration: 300ms;
        transition-timing-function: cubic-bezier(0.63, 0.01, 0.29, 1);
    }

    .css-1mlf00v {
        display: flex;
        padding: 12px 16px;
    }

    .css-s1kwne {
        border-radius: 8px;
        display: flex;
        -webkit-box-flex: inherit;
        flex-grow: inherit;
        -webkit-box-align: stretch;
        align-items: stretch;
        overflow: hidden;
        transition: border-color 280ms ease 0s;
        width: 100%;
        height: 40px;
        background-color: var(--color-page-background, #FFFFFF);
        border: 1px solid var(--color-border, #E5E7E9);
        flex-direction: row-reverse;
        color: var(--N700, #31353B);
        position: relative;
    }

    .css-pdh55o {
        border: none;
        outline: none;
        position: relative;
        cursor: pointer;
        padding: 0px;
        transition: background-color 280ms ease 0s;
        width: 40px;
        background-color: var(--color-chip-disabled, #F3F4F5);
        flex: 0 0 40px;
    }

    .css-pdh55o:hover {
        background-color: #b5bbc578;
    }

    .css-pdh55o::after {
        content: "";
        background-size: 24px;
        background-image: url(https://assets.printink.id/icon/af2f34c3.svg);
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        inset: 0px;
    }

    .css-s1kwne .e16vycsw0 {
        padding-right: 12px;
        padding-left: 12px;
    }

    .css-1qnubxu.active:not(.button) {
        border-bottom-color: transparent;
        border-radius: 8px 8px 0px 0px;
    }

    .css-1qnubxu.empty {
        color: var(--N200, #9FA6B0);
    }

    .css-1qnubxu {
        cursor: pointer;
        width: 100%;
        display: flex;
        position: relative;
        -webkit-box-align: center;
        align-items: center;
        padding: 10px 42px 10px 16px;
        height: 40px;
        box-sizing: border-box;
        background-color: var(--NN0);
        border-radius: 8px;
        min-width: 100px;
        border: 1px solid var(--N75, #E5E7E9);
    }

    .css-1mdyxqu-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-size: 1rem;
        line-height: 20px;
        color: var(--color-text-low);
        text-decoration: initial;
        margin-top: 1rem;
    }

    .css-154rklf {
        margin-left: auto;
        top: 50%;
        transform: translateY(-50%);
        height: 24px;
        width: 24px;
        position: absolute;
        right: 10px;
        transition: all 200ms ease 0s;
    }

    .css-qhp1ac.show {
        visibility: visible;
        transform: translateY(0px);
        display: block;
        opacity: 1;
    }

    .css-qhp1ac {
        width: 100%;
        z-index: 1;
        position: absolute;
        opacity: 0;
        top: calc(100% - 1px);
        visibility: hidden;
        border: 1px solid var(--N75, #E5E7E9);
        transition: transform 280ms ease-out 0s, opacity 0.16s ease 0s, visibility 0.16s ease 0s;
        transform: translateY(-10px);
        border-radius: 0px 0px 8px 8px;
        background: var(--NN0);
    }

    .css-tcrw {
        width: 100%;
        max-height: initial;
        overflow: auto;
    }

    .css-1o68m0g-unf-loader-shimmer-line {
        display: block;
        height: 14px;
        width: 80%;
        border-radius: 4px;
        background-color: var(--N100, #DBDEE2);
        margin-bottom: 16px;
        background-image: linear-gradient(89deg, var(--N50, #F3F4F5), var(--N100, #DBDEE2));
        background-size: 99% 100%;
        background-repeat: no-repeat;
        animation: 1.3s linear 1ms infinite normal backwards running animation-1o1bb8b;
    }

    .css-n2fj08-unf-loader-shimmer-line {
        display: block;
        height: 14px;
        width: 50%;
        border-radius: 4px;
        background-color: var(--N100, #DBDEE2);
        margin-bottom: 16px;
        background-image: linear-gradient(89deg, var(--N50, #F3F4F5), var(--N100, #DBDEE2));
        background-size: 99% 100%;
        background-repeat: no-repeat;
        animation: 1.3s linear 1ms infinite normal backwards running animation-1f554e6;
    }

    .css-1ihm499-unf-loader-shimmer-line {
        display: block;
        height: 14px;
        width: 60%;
        border-radius: 4px;
        background-color: var(--N100, #DBDEE2);
        margin-bottom: 16px;
        background-image: linear-gradient(89deg, var(--N50, #F3F4F5), var(--N100, #DBDEE2));
        background-size: 99% 100%;
        background-repeat: no-repeat;
        animation: 1.3s linear 1ms infinite normal backwards running animation-8uymau;
    }

    .css-1mlf00v .filter--order-by {
        width: calc(21.667% + 5px);
    }

    .css-1mlf00v .filter {
        height: 40px;
        margin-right: 8px;
    }

    .css-1mlf00v .filter--all {
        width: calc(21.667% + 5px);
    }

    .css-1mlf00v .filter--date {
        width: calc(21.667% + 5px);
        margin-right: 0px;
    }

    .css-1mlf00v .filter--search {
        position: relative;
        width: calc(45% + 100px);
    }

    .css-1mlf00v .filter {
        height: 40px;
        margin-right: 8px;
    }

    .css-1pluf3g {
        position: relative;
    }

    .css-d145w4 {
        margin-bottom: 8px;
    }

    .css-1s017fd {
        border-radius: 0px 0px 8px 8px;
        padding: 0px 16px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-13usylp-unf-link {
        color: var(--G500);
        font-size: 1rem;
        text-decoration: none;
        cursor: pointer;
    }

    .css-s3r5d2-unf-chip:last-of-type {
        margin-right: 16px;
    }

    .css-s3r5d2-unf-chip:first-of-type {
        margin-left: 16px;
    }

    .css-s3r5d2-unf-chip {
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        vertical-align: top;
        margin-right: 8px;
        background-color: var(--color-page-background, #FFFFFF);
        border-width: 1px;
        border-style: solid;
        border-image: initial;
        border-color: var(--color-border, #E5E7E9);
        color: var(--color-text-low);
        flex-wrap: nowrap;
        font-size: 1rem;
        line-height: 16px;
        height: 40px;
        padding: 0px 12px;
        text-overflow: ellipsis;
        transition: all 200ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s;
        white-space: nowrap;
        overflow: hidden;
        cursor: pointer;
        border-radius: 12px;
        margin-bottom: 12px;
        -webkit-box-flex: 0;
        flex: initial;
    }

    .css-rwf5dm {
        -webkit-box-pack: justify;
        justify-content: space-between;
        display: flex;
        height: 40px;
        margin-bottom: 16px;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-rwf5dm .left-section {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
    }

    .css-14lsqd2-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Nunito Sans", -apple-system, sans-serif;
        font-size: 1.42857rem;
        line-height: 26px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px 5px 0px 0px;
    }

    .css-rwf5dm .right-section {
        display: flex;
    }

    .css-1t1zvvv {
        float: right;
        background-color: var(--NN0);
        position: relative;
        border-radius: 8px;
    }

    .css-6oa95b-unf-btn {
        width: auto;
        height: 40px;
        line-height: 24px;
        text-indent: 24px;
        background-color: transparent;
        border: 1px solid var(--N75, #E5E7E9);
        border-radius: 8px;
        display: inline-block;
        outline: none;
        cursor: pointer;
        position: relative;
        padding: 0px 16px;
        transition: background-color 300ms ease 0s;
        float: right;
        font-weight: 800;
        font-size: 13px;
        font-family: "Nunito Sans", sans-serif;
        color: rgba(49, 53, 59, 0.68);
    }

    .css-6oa95b-unf-btn img {
        height: 16px;
        left: 16px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .css-6oa95b-unf-btn span {
        opacity: 1;
        padding-left: 2px;
    }

    .css-6oa95b-unf-btn span {
        font-size: inherit;
        text-overflow: ellipsis;
        white-space: nowrap;
        opacity: 1;
        display: block;
        overflow: hidden;
        position: relative;
        top: 0px;
        transition: opacity 300ms linear 0s, top 300ms linear 0s;
    }

    .css-6oa95b-unf-btn::after {
        content: "";
        background-color: rgb(49, 53, 59);
        opacity: 0;
        inset: 0px;
        border-radius: inherit;
        position: absolute;
        transition: opacity 300ms ease 0s;
        pointer-events: none;
    }

    .css-1qm1lh {
        margin-bottom: 16px;
    }

    .css-1cyychi {
        padding-right: 16px;
        display: flex;
        z-index: 2;
        -webkit-box-align: center;
        align-items: center;
        height: 56px;
        overflow: hidden;
        box-shadow: none;
        transition: background-color 100ms ease-in 0s, box-shadow 300ms ease-in 0s;
        margin-left: 0px;
    }

    .css-1cyychi.fixed {
        background-color: var(--NN0);
        box-shadow: rgb(49 53 59 / 12%) 0px 1px 6px 0px;
        width: 100%;
        top: 89px;
        position: fixed;
        margin-left: -32px;
    }

    .css-xdkgo6 {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-xdkgo6.fixed {
        padding-left: 32px;
    }

    .css-1pe0oa2-unf-checkbox {
        cursor: pointer;
        display: inline-block;
        margin-bottom: 0px;
    }

    .css-fs5qf2 {
        color: var(--N700, #31353B);
        font-weight: 800;
        padding-left: 8px;
        white-space: nowrap;
    }

    .css-1k9yai1 {
        margin-left: auto;
        margin-top: auto;
        margin-bottom: auto;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-1k9yai1.fixed {
        top: 104px;
        position: fixed;
        right: 40px;
        z-index: 1;
    }

    .css-3x0z07.active {
        font-weight: 800;
        color: var(--G500);
        border-bottom: 2px solid var(--G500);
    }

    .css-3x0z07:last-child {
        margin-right: 0px;
    }

    .css-3x0z07:first-child {
        margin-left: 0px;
    }

    .css-3x0z07 {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        color: var(--N400, #6C727C);
        font-weight: 800;
        font-size: 1rem;
        box-shadow: 0px 0px 0px inset;
        -webkit-box-pack: center;
        justify-content: center;
        cursor: pointer;
        margin: 0px 8px;
        height: 24px;
        width: 16px;
    }

    .css-1rawt6i-unf-card {
        display: block;
        position: relative;
        margin: 0px 0px 16px;
        padding: 0px;
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.12));
        background-color: var(--color-card, #FFFFFF);
        cursor: default;
        border-radius: 8px;
    }

    .css-12pevhk {
        padding: 8px 16px 8px 0px;
        height: 40px;
        background-color: var(--NN0);
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        border-bottom: 1px solid var(--N75, #E5E7E9);
        border-radius: 8px 8px 0px 0px;
    }

    .css-1nbftvk {
        width: 8px;
        height: 24px;
        left: 0px;
        background-color: var(--N150, #B5BBC5);
        border-radius: 0px 5px 5px 0px;
        margin-right: 8px;
    }

    .css-138ftvk {
        width: 8px;
        height: 24px;
        left: 0px;
        background-color: var(--N150, #ef144a);
        border-radius: 0px 5px 5px 0px;
        margin-right: 8px;
    }

    .css-kt0iuu-unf-checkbox {
        cursor: pointer;
        display: inline-block;
        line-height: initial;
    }

    .css-12upz82-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 700;
        font-size: 0.857143rem;
        line-height: 18px;
        color: var(--G500);
        text-decoration: initial;
        margin: 0px 0px 0px 13px;
    }

    .css-1elld72-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 700;
        font-size: 0.857143rem;
        line-height: 18px;
        color: var(--G500, #ef144a);
        text-decoration: initial;
        margin: 0px 0px 0px 13px;
    }

    .css-15yt7r9-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-size: 1rem;
        line-height: 20px;
        color: var(--color-text-low);
        text-decoration: initial;
        margin: 0px 6px;
    }

    .css-1g8zdv8-unf-link {
        color: var(--G500);
        font-size: 0.857143rem;
        text-decoration: none;
        cursor: pointer;
    }

    .css-1g92fv8-unf-link {
        color: var(--G500, #ef144a);
        font-size: 0.857143rem;
        text-decoration: none;
        cursor: pointer;
    }

    .css-3swqau-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-size: 0.857143rem;
        line-height: 18px;
        color: var(--color-text-low);
        text-decoration: initial;
        margin: 0px 0px 0px 6px;
    }

    .css-19midj6 {
        padding: 16px;
    }

    .css-k008qs {
        display: flex;
    }

    .css-izrqci:not(.expanded) {
        padding-bottom: 18px;
    }

    .css-izrqci {
        width: 70%;
        padding-right: 32px;
        border-right: 1px solid var(--N700);
    }

    .css-18je3gv {
        display: flex;
        flex-direction: column;
        padding: 10px 0px;
        border-bottom: 1px solid var(--N700);
    }

    .css-19mm660 {
        display: flex;
        align-items: flex-start;
        margin: 0px 16px 0px 4px;
    }

    .css-19mm660 .product-img {
        width: 56px;
        overflow: hidden;
        flex-shrink: 0;
        height: 56px;
        border-radius: 6px;
    }

    .css-ft6z1k.initial,
    .css-ft6z1k.loaded,
    .css-ft6z1k.error {
        opacity: 1;
    }

    .css-19mm660 .product-info {
        display: inline-block;
        vertical-align: top;
        width: 100%;
        padding-left: 16px;
    }

    .css-14gmdia-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 700;
        font-size: 1rem;
        line-height: 20px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: -4px 0px 0px;
    }

    .css-2zwjpr-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-size: 0.857143rem;
        line-height: 18px;
        color: var(--color-text-low);
        text-decoration: initial;
        margin: 0px;
    }

    .css-19mm660 .product-info>.price-cashback-wrapper {
        margin-top: 6px;
        display: flex;
        flex-flow: row wrap;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-7d9v26-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-size: 0.857143rem;
        line-height: 18px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px 8px 0px 0px;
    }

    .css-1en2t6j-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-size: 0.857143rem;
        line-height: 18px;
        color: var(--color-text-low);
        text-decoration: initial;
        margin: 8px 0px 0px;
    }

    .css-1dk07uv {
        width: 35%;
        padding: 0px 32px;
    }

    .css-12a2xcu:last-of-type {
        margin-bottom: 0px;
    }

    .css-eq0iqp-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 700;
        font-size: 0.857143rem;
        line-height: 18px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px 0px 4px;
    }

    .css-aesc52-unf-label {
        position: relative;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        font-weight: 700;
        border-radius: 3px;
        line-height: 16px;
        padding: 0px 8px;
        height: 20px;
        font-size: 0.714286rem;
        background-color: var(--N150, #B5BBC5);
        color: var(--NN0);
        margin: 0px;
        overflow: initial;
        -webkit-box-pack: center;
        justify-content: center;
        transition: all 280ms ease-out 0s;
        white-space: nowrap;
    }

    .css-aesc53-unf-label {
        position: relative;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        font-weight: 700;
        border-radius: 3px;
        line-height: 16px;
        padding: 0px 8px;
        height: 20px;
        font-size: 0.714286rem;
        background-color: var(--N150, #ef144a);
        color: var(--NN0);
        margin: 0px;
        overflow: initial;
        -webkit-box-pack: center;
        justify-content: center;
        transition: all 280ms ease-out 0s;
        white-space: nowrap;
    }

    .css-aesc54-unf-label {
        position: relative;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        font-weight: 700;
        border-radius: 3px;
        line-height: 16px;
        padding: 0px 8px;
        height: 20px;
        font-size: 0.714286rem;
        background-color: var(--N150, #0085ef);
        color: var(--NN0);
        margin: 0px;
        overflow: initial;
        -webkit-box-pack: center;
        justify-content: center;
        transition: all 280ms ease-out 0s;
        white-space: nowrap;
    }

    .css-aesc55-unf-label {
        position: relative;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        font-weight: 700;
        border-radius: 3px;
        line-height: 16px;
        padding: 0px 8px;
        height: 20px;
        font-size: 0.714286rem;
        background-color: var(--N150, #03AC0E);
        color: var(--NN0);
        margin: 0px;
        overflow: initial;
        -webkit-box-pack: center;
        justify-content: center;
        transition: all 280ms ease-out 0s;
        white-space: nowrap;
    }

    .css-1svzvo0-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-size: 0.857143rem;
        line-height: 18px;
        color: var(--color-text-low);
        text-decoration: initial;
        margin: 4px 0px 0px;
    }

    .css-1epo16x {
        width: 30%;
        padding: 0px 32px;
    }

    .css-12a2xcu {
        margin-bottom: 16px;
    }

    .css-f4noqo {
        height: 32px;
        width: 100%;
        background-color: var(--N50, #d0ffde);
        border-radius: 8px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        padding: 0px 16px;
        margin-top: 12px;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    .css-ksoe4s {
        padding: 16px;
    }

    .css-1mn4903 {
        background-color: var(--color-page-background, #FFFFFF);
        margin-top: 8px;
        padding: 16px;
    }

    .css-1jay97i-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 14px;
        line-height: 18px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px;
    }

    .css-f3djgo {
        height: 32px;
        width: 100%;
        background-color: var(--N50, #ffc9c9);
        border-radius: 8px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        padding: 0px 16px;
        margin-top: 12px;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    .css-17xh12o-unf-tooltip {
        display: inline-block;
        position: relative;
        height: 16px;
    }

    .css-1w3n1h7 {
        width: 16px;
        height: 16px;
        padding: 0px;
        margin: 0px;
        background: url(https://assets.printink.id/icon/7bafa405.svg) center center / contain no-repeat;
        display: inline-block;
    }

    .css-17xh12o-unf-tooltip * {
        cursor: pointer;
    }

    .css-17xh12o-unf-tooltip>div {
        width: initial;
        min-width: 320px;
    }

    .css-1b8211d {
        width: 200px;
        font-size: 0.714286rem;
        font-weight: 400;
        position: absolute;
        z-index: 1;
        top: 50%;
        padding: 12px 16px;
        border-radius: 4px;
        line-height: 16px;
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.12));
        transition: opacity 280ms ease-in-out 0s;
        opacity: 0;
        visibility: hidden;
        background-color: var(--color-card, #FFFFFF);
        text-align: left;
        color: var(--color-text-high);
        left: 100%;
        transform: translate(calc(0% + 12px), -50%);
    }

    .css-osyc3u-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Nunito Sans", -apple-system, sans-serif;
        font-size: 1.14286rem;
        line-height: 22px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px;
    }

    .css-1amb9xm {
        height: 48px;
        border-top: solid 1px var(--N75, #E5E7E9);
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        padding-left: 16px;
        padding-right: 16px;
    }

    .css-1qspk6d {
        -webkit-box-pack: justify;
        justify-content: space-between;
        display: flex;
        flex-shrink: 0;
    }

    .css-1qspk6d .button:first-child {
        margin-left: -8px;
    }

    .css-1qspk6d .button {
        cursor: pointer;
        font-weight: 800;
        padding: 6px 8px;
        margin-right: 16px;
        font-size: 12px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        min-width: 107px;
        border-radius: 6px;
        color: var(--N400, #6C727C);
    }

    .disabled,
    .disabled * {
        cursor: not-allowed;
    }

    .css-1xbjhwq-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-size: 0.857143rem;
        line-height: 18px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px 0px 0px 8px;
    }

    .css-1qspk6d .button:last-child {
        border-right: none;
        margin-right: 24px;
    }

    .css-1qspk6d .button {
        cursor: pointer;
        font-weight: 800;
        padding: 6px 8px;
        margin-right: 16px;
        font-size: 12px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        min-width: 107px;
        border-radius: 6px;
        color: var(--N400, #6C727C);
    }

    .css-1qspk6d .button:hover {
        background-color: var(--N50, #F3F4F5);
    }

    .css-1slcmem {
        display: flex;
        margin-right: auto;
        -webkit-box-align: center;
        align-items: center;
        width: calc(100% - 32px);
        max-width: 480px;
    }

    .css-1qhfsia {
        width: 100%;
        margin-bottom: 0px;
        margin-left: 8px;
    }

    .css-1qhfsia>div>div {
        height: 32px;
    }

    .css-9yxw62 {
        height: 40px;
        border-radius: 8px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        flex: 1 1 0%;
        position: relative;
        overflow: hidden;
        transition: border-color 280ms ease 0s;
        background-color: var(--color-page-background, #FFFFFF);
        border: 1px solid var(--color-border, #E5E7E9);
    }

    .css-9yxw62 .e16vycsw0 {
        padding-right: 12px;
        padding-left: 12px;
    }

    .css-1xkb5m0 {
        height: 40px;
        border-radius: 8px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        flex: 1 1 0%;
        position: relative;
        overflow: hidden;
        transition: border-color 280ms ease 0s;
        background-color: var(--color-page-background, #FFFFFF);
        border: 1px solid var(--G400, #4FD15A);
    }

    .css-1xkb5m0 .e16vycsw0 {
        padding-right: 12px;
        padding-left: 12px;
    }

    input[type='text'],
    textarea,
    select,
    .input {
        -webkit-appearance: none;
    }

    .css-1jp1me2 {
        min-width: 0px;
        min-height: 0px;
        width: 100%;
        color: var(--color-text-high);
        font-family: inherit;
        background-color: transparent;
        line-height: 22px;
        border: none;
        outline: none;
        height: 30px;
        font-size: 12px;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .css-3iojxa-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-size: 0.857143rem;
        line-height: 18px;
        color: var(--color-text-low);
        text-decoration: initial;
    }

    .css-11xuwrf-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 700;
        font-size: 0.857143rem;
        line-height: 18px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px 4px 0px 0px;
    }

    .css-1qnubxu:hover .css-154rklf {
        background-color: var(--N50, #F3F4F5);
        border-radius: 100%;
    }

    .css-154rklf.active {
        transform: translateY(-50%) rotate(180deg);
    }

    .css-128lush-unf-btn:first-of-type {
        margin-left: 16px;
    }

    .css-128lush-unf-btn {
        width: auto;
        height: 32px;
        color: var(--color-text-high);
        font-family: "Nunito Sans", sans-serif;
        font-weight: 700;
        font-size: 0.857143rem;
        line-height: 18px;
        text-indent: initial;
        border: 1px solid var(--N75, #E5E7E9);
        border-radius: 8px;
        display: inline-block;
        outline: none;
        cursor: pointer;
        position: relative;
        padding: 0px 16px;
        transition: background-color 300ms ease 0s;
        margin-left: 8px;
        background: white;
    }

    .css-128lush-unf-btn span {
        font-size: inherit;
        text-overflow: ellipsis;
        white-space: nowrap;
        opacity: 1;
        display: block;
        overflow: hidden;
        position: relative;
        top: 0px;
        transition: opacity 300ms linear 0s, top 300ms linear 0s;
    }

    .css-128lush-unf-btn::after {
        content: "";
        background-color: rgb(49, 53, 59);
        opacity: 0;
        inset: 0px;
        border-radius: inherit;
        position: absolute;
        transition: opacity 300ms ease 0s;
        pointer-events: none;
    }

    .css-128lush-unf-btn:hover {
        background-color: transparent;
        border-color: var(--N75, #E5E7E9);
    }

    .css-1365oyt {
        display: block;
        position: relative;
        font-size: 1rem;
        height: 40px;
        margin: 4px 0px;
        padding: 0px 8px 0px 4px;
        border-left: 3px solid var(--NN0);
        transition: border-left 70ms linear 0s;
    }

    .css-1365oyt>.background {
        display: flex;
        position: relative;
        padding: 6px 8px;
        height: 100%;
        -webkit-box-align: center;
        align-items: center;
        border-radius: 4px;
        cursor: pointer;
    }

    .css-1365oyt:hover>.background {
        background-color: var(--N50, #F3F4F5);
    }

    .css-1f5y4jf {
        position: relative;
    }

    .css-1f5y4jf .e15j6tp62 {
        border-radius: 8px;
    }

    .css-1f5y4jf .e15j6tp60 {
        transition: transform 280ms ease-out 0s, opacity 0.16s ease 0s, visibility 0.16s ease 0s;
        padding: 0px 4px;
        overflow: auto;
        position: absolute;
        background: var(--color-card, #FFFFFF);
        border: 1px solid var(--color-border, #E5E7E9);
        border-radius: 0px 0px 8px 8px;
        transform-origin: center top;
        scroll-behavior: smooth;
        transform: translateY(-8px);
        opacity: 0;
        visibility: hidden;
    }

    .css-19vlzc3 {
        max-height: 276px;
        z-index: 20;
    }

    .css-8iy4iu {
        background-color: var(--color-page-background, #FFFFFF);
        margin-bottom: -8px;
        padding: 8px 0px;
        position: sticky;
        top: 0px;
        z-index: 1;
    }

    .css-1x4p3r1 {
        border-radius: 8px;
        display: flex;
        -webkit-box-flex: inherit;
        flex-grow: inherit;
        -webkit-box-align: stretch;
        align-items: stretch;
        overflow: hidden;
        transition: border-color 280ms ease 0s;
        width: 100%;
        height: auto;
        background-color: var(--N50, #F3F4F5);
        border: 1px solid var(--N50, #F3F4F5);
        flex-direction: row;
    }

    .css-1bavfhf {
        border: none;
        outline: none;
        position: relative;
        cursor: pointer;
        padding: 0px;
        transition: background-color 280ms ease 0s;
        width: 40px;
        background-color: transparent;
        flex: 0 0 auto;
    }

    .css-1x4p3r1 .e16vycsw0 {
        padding-right: 12px;
        padding-left: 0px;
    }

    .css-19vlzc3 label,
    .css-19vlzc3 input {
        border: 0px;
        background-color: var(--N50, #F3F4F5);
    }

    .css-1bavfhf::after {
        content: "";
        background-size: 24px;
        background-image: url(https://assets.printink.id/icon/af2f34c3.svg);
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        inset: 0px;
    }

    .css-1x4p3r1 .e16vycsw0 {
        padding-right: 12px;
        padding-left: 0px;
    }

    [class*=icheck-] {
        min-height: 22px;
        margin-top: 6px !important;
        margin-bottom: 6px !important;
        padding-left: 0;
        display: inline !important;
    }

    [class*=icheck-]>input:first-child {
        position: absolute !important;
        opacity: 0;
        margin: 0;
    }

    label:not(.form-check-label):not(.custom-file-label) {
        font-weight: 700;
    }

    [class*=icheck-]>label {
        padding-left: 29px !important;
        min-height: 22px;
        line-height: 22px;
        display: inline-block;
        position: relative;
        vertical-align: top;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer;
    }

    .icheck-success>input:first-child:checked+label::before,
    .icheck-danger>input:first-child:checked+label::before {
        border-color: white !important;
    }

    .icheck-success>input:first-child:checked+input[type=hidden]+label::before,
    .icheck-success>input:first-child:checked+label::before {
        background-color: #28a745;
        border-color: #28a745;
    }

    [class*=icheck-]>input[type=radio]:first-child+input[type=hidden]+label::before,
    [class*=icheck-]>input[type=radio]:first-child+label::before {
        border-radius: 50%;
    }

    [class*=icheck-]>input:first-child+input[type=hidden]+label::before,
    [class*=icheck-]>input:first-child+label::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 22px;
        height: 22px;
        border: 1px solid #D3CFC8;
        border-radius: 0;
        margin-left: -29px;
    }

    [class*=icheck-]>input:first-child:checked+input[type=hidden]+label::after,
    [class*=icheck-]>input:first-child:checked+label::after {
        content: "";
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        width: 7px;
        height: 10px;
        border: 2px solid #fff;
        border-left: none;
        border-top: none;
        transform: translate(7.75px, 4.5px) rotate(45deg);
        -ms-transform: translate(7.75px, 4.5px) rotate(45deg);
    }

    .css-qwkuc1 {
        width: 32px;
        height: 32px;
    }

    .css-sdhj21 {
        width: 90%;
        height: auto;
        position: absolute;
        z-index: 10;
        box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
        margin-bottom: 1rem;
        white-space: nowrap;
    }

    .css-pd1ng {
        padding: 8px;
        align-items: center;
        display: flex;
        cursor: pointer;
        border-bottom: 1px solid #dee2e6 !important;
        color: #000;
    }

    .css-pd1ng:hover {
        background-color: var(--N50, #F3F4F5);
    }

    .css-fp58vs-unf-tab-holder {
        display: flex;
        position: relative;
        border-bottom: 1px solid var(--N75, #E5E7E9);
        min-height: 48px;
        white-space: nowrap;
        background-color: var(--color-page-background, #FFFFFF);
        overflow: auto hidden;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    .css-q2y3yl {
        color: inherit;
    }

    .css-fp58vs-unf-tab-holder .e1yhziio3 {
        background-color: var(--G500);
    }

    .css-1jurlb9-unf-indicator {
        min-width: 16px;
        width: 116px;
        height: 2px;
        border-radius: 1px;
        background-color: var(--G500);
        position: absolute;
        bottom: 0px;
        left: 0px;
        transition-duration: 300ms;
        transition-timing-function: cubic-bezier(0.63, 0.01, 0.29, 1);
    }

    .switch3 {
        position: relative;
        display: inline-block;
        width: 78px;
        height: 30px;
        border-radius: 30px;
        background-color: #dc3545;
        cursor: pointer;
        transition: all .3s;
        overflow: hidden;
        box-shadow: 0px 0px 2px rgba(0, 0, 0, .3);
    }

    .switch3 input {
        display: none;
    }

    .switch3 input:checked+div {
        left: calc(85px - 32px);
        box-shadow: 0px 0px 0px white;
    }

    .switch3 div {
        position: absolute;
        width: 20px;
        height: 20px;
        border-radius: 20px;
        background-color: white;
        top: 5px;
        left: 5px;
        box-shadow: 0px 0px 1px rgb(150, 150, 150);
        transition: all .3s;
    }

    .switch3 div:before,
    .switch3 div:after {
        position: absolute;
        content: 'Lunas';
        width: calc(85px - 40px);
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        font-weight: bold;
        top: -5px;
    }

    .switch3 div:before {
        content: 'Belum';
        margin-left: 4px;
        color: white;
        left: 100%;
    }

    .switch3 div:after {
        content: 'Lunas';
        margin-right: 3px;
        right: 100%;
        color: white;
    }

    .switch3-checked {
        background-color: #28a745;
        box-shadow: none;
    }

    .css-1x6t7xq-unf-emptystate {
        display: flex;
        flex-direction: column;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        flex: initial;
        text-align: center;
        margin-top: 48px;
    }

    .css-1x6t7xq-unf-emptystate .unf-emptystate-img {
        width: 400px;
        max-width: 400px;
        max-height: 300px;
        padding: 10px;
    }

    .css-1x6t7xq-unf-emptystate img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .css-qdo48k-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Nunito Sans", -apple-system, sans-serif;
        font-size: 1.42857rem;
        line-height: 26px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 8px 0px 0px;
    }

    .css-a9wblb-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-size: 1rem;
        line-height: 20px;
        color: var(--color-text-low);
        text-decoration: initial;
        margin: 4px 0px 0px;
    }

    .css-5e1xlv {
        width: 200px;
        font-size: 0.714286rem;
        font-weight: 400;
        position: absolute;
        z-index: 1;
        top: 50%;
        padding: 12px 16px;
        border-radius: 4px;
        line-height: 16px;
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.12));
        transition: opacity 280ms ease-in-out 0s;
        opacity: 1;
        visibility: visible;
        background-color: var(--color-card, #FFFFFF);
        text-align: left;
        color: var(--color-text-high);
        left: 100%;
        transform: translate(calc(0% + 12px), -50%);
    }

    .css-iua1pu {
        display: flex;
        white-space: nowrap;
        -webkit-box-align: center;
        align-items: center;
        margin: 8px 0px;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    .css-6r8s80-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-size: 1rem;
        line-height: 20px;
        color: var(--color-text-low);
        text-decoration: initial;
        margin: 0px 12px 0px 0px;
    }

    .css-dflok {
        font-size: 20px;
        padding-left: 100px;
        cursor: pointer;
        color: #5f6368;
    }

    .css-sadjhk {
        display: flex;
        align-items: center;
        color: #5f6368;
        font-size: 16px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #dee2e6 !important;
    }

    .css-asduj {
        display: flex;
        align-items: center;
        font-size: 16px;
        cursor: pointer;
        text-align: center;
        padding: 10px 10px;
    }

    .css-asduj:hover {
        background-color: #f5f5f5;
    }

    .profil-initial-30 {
        width: 40px;
        height: 40px;
        background-color: #00AB17;
        border-radius: 50%;
        display: flex;
        font-size: 20px;
        color: #fff;
        align-items: center;
        justify-content: center;
    }

    .profil-initial-30 img {
        width: 40px;
        height: 40px;
        display: inline-block;
        object-position: center center;
        object-fit: cover;
        object-position: center center;
        border-radius: 50%;
    }

    .css-y74ye {
        font-size: 80%;
        font-weight: 400;
        font-size: 0.857143rem;
        line-height: 14px;
        color: #00ac1c;
    }

    .css-jskada {
        display: flex;
        font-size: 13px;
        color: #5f6368;
    }

    .css-kloh23 {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        margin-right: 25px;
    }

    .profil-initial-80 {
        width: 80px;
        height: 80px;
        background-color: #0088F7;
        border-radius: 50%;
        display: flex;
        font-size: 50px;
        color: #fff;
        align-items: center;
        justify-content: center;
    }

    .css-fsh26h {
        border: 1px;
        border-radius: 25px;
        padding: 8px 15px;
        background-color: #00AB17;
        color: white;
        cursor: pointer;
        font-weight: bolder;
    }

    .css-fsh26h * {
        cursor: pointer;
    }

    .css-asd213 {
        color: inherit;
        bottom: 0;
        -webkit-box-shadow: 0 1px 1px 0 rgb(65 69 73 / 30%), 0 1px 3px 1px rgb(65 69 73 / 15%);
        box-shadow: 0 1px 1px 0 rgb(65 69 73 / 30%), 0 1px 3px 1px rgb(65 69 73 / 15%);
        margin: 0px 2.5px 3px;
        outline: 0;
        position: absolute;
        right: 0;
        height: 26px;
        width: 26px;
        border-radius: 50%;
        overflow: hidden;
        -webkit-transform: translateZ(0);
        -webkit-tap-highlight-color: transparent;
        top: 25px;
        background-color: #fff;
        padding-left: 4px;
    }

    .profil-initial-28 {
        width: 28px;
        height: 28px;
        background-color: #0088F7;
        border-radius: 50%;
        display: flex;
        font-size: 20px;
        color: #fff;
        align-items: center;
        justify-content: center;
    }

    .css-hytaer {
        height: auto;
        border-radius: 8px;
        border: 1px solid #dee2e6 !important;
        margin: 1rem;
    }

    .css-kdsjf {
        display: flex;
        align-items: center;
    }

    .css-jdshkl {
        display: flex;
        align-items: center;
        border-radius: 8px;
        background-image: linear-gradient(#fffae6, #fffae6);
        border: 1px solid rgb(187 128 9 / 40%) !important;
        padding: 1rem;
        margin: 1rem;
    }

    .css-kjaaoj {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        margin-left: 16px;
        margin-right: 16px;
    }

    .css-jashdl {
        display: flex;
        cursor: pointer;
        padding: 1rem;
        align-items: center;
    }

    .css-jashdl:hover {
        background-color: #f5f5f5;
    }

    .css-border-cashier {
        border: 2px solid #2d88f7 !important;
        height: 40px;
        border-radius: 8px;
        cursor: pointer;
        text-align: center;
        background-color: #2d88ff;
        color: white;
        line-height: 35px;
    }

    .css-border-cashier-not {
        border: 2px solid #E5E7E9 !important;
        height: 40px;
        border-radius: 8px;
        cursor: pointer;
        text-align: center;
        background-color: #E5E7E9;
        color: #6C727C;
        line-height: 35px;
    }

    .lds-dual-ring.hidden {
        display: none;
    }

    .lds-dual-ring {
        display: inline-block;
        width: 80px;
        height: 80px;
    }

    .lds-dual-ring:after {
        content: " ";
        display: block;
        width: 64px;
        height: 64px;
        border-radius: 50%;
        position: absolute;
        border: 6px solid #fff;
        border-color: #fff transparent #fff transparent;
        animation: lds-dual-ring 1.2s linear infinite;
    }

    @keyframes lds-dual-ring {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    .overlay-loader {
        position: fixed;
        display: flex;
        top: 0;
        left: 0;
        align-items: center !important;
        justify-content: center !important;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, .8);
        z-index: 15000;
        opacity: 1;
        transition: all 0.5s;
    }

    .select2-container--default .select2-dropdown.select2-dropdown--below {
        border-top: 0;
        z-index: 90000;
    }

    .profile-pic {
        width: 100px;
        height: 100px;
        display: inline-block;
        object-position: center center;
        border: 2px solid var(--NN0);
        object-fit: cover;
        object-position: center center;
        border-radius: 50%;
    }

    .file-upload {
        display: none;
    }

    /*.circle {
    border-radius: 5% !important;
    overflow: hidden;
    width: 80px;
    height: 80px;
    border: 2px solid rgba(255, 255, 255, 0.2);
    top: 72px;
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
}*/

    .p-image {
        position: absolute;
        top: 100px;
        right: 209px;
        color: #666666;
        transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
        box-shadow: 0 1px 1px 0 rgb(65 69 73 / 30%), 0 1px 3px 1px rgb(65 69 73 / 15%);
        border: 1px solid #dee2e6 !important;
        padding: 3px 5px;
        border-radius: 100%;
        background-color: #fff;
    }

    .p-image:hover {
        transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    }

    .upload-button {
        font-size: 14px;
    }

    .upload-button:hover {
        transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
        color: #999;
    }

    .circle1 {
        border-radius: 100% !important;
        overflow: hidden;
        width: 100px;
        height: 100px;
        top: 72px;
        box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    }

    .css-1l63a9w {
        display: inline-block;
        width: 100%;
        padding: 8px;
        height: auto;
        vertical-align: top;
    }

    .css-1u0fifx * {
        font-family: "Nunito Sans", sans-serif;
    }

    .css-61tfa6 {
        margin-top: auto;
        margin-right: auto;
    }

    .css-zlsru6 {
        display: block;
        position: relative;
        line-height: initial;
        padding: 0px;
        z-index: 1;
    }

    .css-10kldfv {
        line-height: initial;
        width: 100%;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-17no6sn.large {
        color: var(--NN950);
        font-size: 1.42857rem;
    }

    .css-17no6sn.bold {
        font-weight: 800;
    }

    .css-17no6sn {
        font-size: 1rem;
        font-family: "Nunito Sans", sans-serif;
        color: var(--NN950);
        line-height: initial;
        display: inline-block;
        font-weight: 500;
        margin: 0px 3px 0px 0px;
    }

    .css-14r811m {
        font-size: 1rem;
        color: var(--NN600);
        font-weight: 500;
        display: block;
        font-family: "Open Sans", sans-serif;
    }

    .css-1cou3k {
        display: inline-block;
        width: 25%;
        padding: 8px;
        height: auto;
        vertical-align: top;
    }

    .css-vdqw1q-unf-card {
        display: block;
        position: relative;
        margin: 0px;
        padding: 12px 20px;
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.12));
        background-color: var(--color-card, #FFFFFF);
        cursor: default;
        border-radius: 8px;
        height: 106px;
    }

    .css-17no6sn.light {
        color: var(--NN600);
    }

    .css-10kldfv.title img {
        width: 13px;
        height: 13px;
        margin-left: 3px;
        margin-right: 3px;
    }

    .css-1tamv7n-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Nunito Sans", -apple-system, sans-serif;
        font-size: 1.71429rem;
        line-height: 30px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 4px 0px;
    }

    .css-geek62 {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: start;
        justify-content: flex-start;
    }

    .css-wbl3by {
        color: var(--NN950);
    }

    .css-18xq134 {
        color: var(--N300, #838994);
        font-family: "Open Sans", sans-serif;
        font-size: 0.857143rem;
    }

    .css-ub2269-unf-card {
        display: block;
        position: relative;
        margin: 0px;
        padding: 20px;
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.12));
        background-color: var(--color-card, #FFFFFF);
        cursor: default;
        border-radius: 8px;
        height: 460px;
    }

    .css-yyh54v {
        margin-left: -8px;
        width: calc(100% + 16px);
        display: flex;
    }

    .css-ql049o-unf-card.active {
        box-shadow: rgb(49 53 59 / 12%) 0px 1px 6px 0px;
        border-bottom: 4px solid rgb(79, 186, 104);
    }

    .css-ql049o-unf-card:hover {
        box-shadow: rgb(49 53 59 / 12%) 0px 1px 6px 0px;
    }

    .css-ql049o-unf-card {
        position: relative;
        padding: 9px 10px 10px;
        background-color: var(--color-card, #FFFFFF);
        height: 90px;
        border-radius: 4px;
        width: 184px;
        display: inline-block;
        vertical-align: top;
        margin: 4px;
        box-shadow: none;
        transition: all 150ms ease-in 0s;
        cursor: pointer;
    }

    .css-1b94uaj-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Nunito Sans", -apple-system, sans-serif;
        font-size: 1.42857rem;
        line-height: 26px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 4px 0px;
    }

    .css-1fiob7l {
        color: var(--NN600);
        font-family: "Open Sans", sans-serif;
        font-size: 0.857143rem;
    }

    .css-1c2w6n9-unf-card.active {
        box-shadow: rgb(49 53 59 / 12%) 0px 1px 6px 0px;
        border-bottom: 4px solid rgb(0, 178, 198);
    }

    .css-1c2w6n9-unf-card:hover {
        box-shadow: rgb(49 53 59 / 12%) 0px 1px 6px 0px;
    }

    .css-1c2w6n9-unf-card {
        position: relative;
        padding: 9px 10px 10px;
        background-color: var(--color-card, #FFFFFF);
        height: 90px;
        border-radius: 4px;
        width: 184px;
        display: inline-block;
        vertical-align: top;
        margin: 4px;
        box-shadow: none;
        transition: all 150ms ease-in 0s;
        cursor: pointer;
    }

    .css-4xp4b2-unf-card.active {
        box-shadow: rgb(49 53 59 / 12%) 0px 1px 6px 0px;
        border-bottom: 4px solid rgb(227, 71, 180);
    }

    .css-4xp4b2-unf-card:hover {
        box-shadow: rgb(49 53 59 / 12%) 0px 1px 6px 0px;
    }

    .css-4xp4b2-unf-card {
        position: relative;
        padding: 9px 10px 10px;
        background-color: var(--color-card, #FFFFFF);
        height: 90px;
        border-radius: 4px;
        width: 184px;
        display: inline-block;
        vertical-align: top;
        margin: 4px;
        box-shadow: none;
        transition: all 150ms ease-in 0s;
        cursor: pointer;
    }

    .css-17no6sn.small {
        font-size: 0.857143rem;
    }

    .css-bdjup0 {
        -webkit-box-pack: end;
        justify-content: flex-end;
        position: absolute;
        right: 32px;
        height: 16px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-bdjup0 .line {
        height: 1px;
        width: 14px;
        border-bottom: 2px solid var(--N400, #6C727C);
    }

    .css-ljlhro-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-size: 0.714286rem;
        line-height: 16px;
        color: var(--color-text-low);
        text-decoration: initial;
        margin: 0px 16px 0px 4px;
    }

    .css-bdjup0 .line.dashed {
        border-bottom: 2px dashed var(--N400, #6C727C);
    }

    .css-bdjup0 .line {
        height: 1px;
        width: 14px;
        border-bottom: 2px solid var(--N400, #6C727C);
    }

    .css-10uofj-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-size: 0.714286rem;
        line-height: 16px;
        color: var(--color-text-low);
        text-decoration: initial;
        margin: 0px 4px;
    }

    .css-1xofldp-unf-card {
        display: block;
        position: relative;
        margin: 0px;
        padding: 20px;
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.12));
        background-color: var(--color-card, #FFFFFF);
        cursor: default;
        border-radius: 8px;
        height: 450px;
    }

    .css-1kc9fwh {
        display: block;
        position: relative;
        line-height: initial;
        padding: 0px 0px 10px;
        z-index: 1;
    }

    .css-10kldfv {
        line-height: initial;
        width: 100%;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-17no6sn.medium {
        color: var(--NN950);
        font-size: 1.14286rem;
    }

    .css-g5glr9-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Nunito Sans", -apple-system, sans-serif;
        font-size: 1.71429rem;
        line-height: 30px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px;
    }

    .css-1f903kg {
        font-family: "Open Sans", sans-serif;
        font-size: 0.857143rem;
        margin-top: 4px;
    }

    .css-kicon {
        font-size: 20px;
        color: #6db3ff;
        padding-right: 15px;
    }

    .css-iconm4p {
        font-size: 25px;
        color: #ed4646d1;
        padding-right: 15px;
    }

    .css-t1t1ku {
        position: absolute;
        top: 145px;
        color: #5f6368;
        padding-left: 7px;
    }

    .css-jahads {
        font-size: 5px;
        display: block;
        padding-top: 8px;
    }

    .css-1se5tts-unf-label {
        position: relative;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        font-weight: 700;
        border-radius: 3px;
        line-height: 16px;
        padding: 0px 8px;
        height: 20px;
        font-size: 0.714286rem;
        background-color: var(--N50, #F3F4F5);
        color: var(--N200, #9FA6B0);
        margin: 0px;
        overflow: initial;
        -webkit-box-pack: center;
        justify-content: center;
        transition: all 280ms ease-out 0s;
    }

    .css-ed37e {
        border: 1px;
        border-radius: 8px;
        padding: 8px;
        background-color: #2d88ff;
        color: white;
        cursor: pointer;
        width: 70px;
        text-align: center;
    }

    .css-kjdkas {
        font-size: 15px;
        color: #5f6368;
        padding-right: 15px;
        cursor: pointer;
    }

    .css-ajsdak {
        border: 1px solid #dee2e6 !important;
        margin-top: 40px;
        padding: 15px;
        border-radius: 8px;
        margin-bottom: 70px;
        width: 80%;
        text-align: left;
    }

    .css-lkoj54 {
        padding-left: 15px;
        padding-right: 15px;
        color: #2d88ff;
    }

    .css-h34adj {
        align-items: center;
        font-size: 15px;
        display: flex;
    }

    .css-jukl43 {
        font-size: 15px;
        padding-left: 17px;
        padding-top: 15px;
    }

    .css-1v1qs4 {
        padding: 15px;
    }

    .css-1hb1q70 {
        display: flex;
        flex-direction: row;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        align-items: center;
        padding: 16px;
    }

    .css-1nj4v24-unf-heading-unf-heading {
        display: block;
        position: relative;
        text-decoration: initial;
        font-family: "Nunito Sans";
        font-style: normal;
        font-weight: 800;
        font-size: 1.14286rem;
        line-height: 22px;
        margin: 0px;
        color: var(--N700, #31353B);
    }

    .css-13sqnyi {
        font-family: "Open Sans";
        color: var(--N700, #31353B);
        margin: 0px;
    }

    .css-1erp652 {
        margin-left: 10px;
    }

    .css-1lgij23-unf-btn {
        color: rgb(255, 255, 255);
        font-family: "Nunito Sans", sans-serif;
        font-weight: 700;
        font-size: 0.857143rem;
        line-height: 24px;
        text-indent: initial;
        background-color: var(--G500);
        border: none;
        border-radius: 8px;
        display: inline-block;
        outline: none;
        cursor: pointer;
        position: relative;
        padding: 0px 16px;
        transition: background-color 300ms ease 0s;
        width: 126px;
        height: 40px;
    }

    .css-1lgij23-unf-btn span {
        font-size: inherit;
        text-overflow: ellipsis;
        white-space: nowrap;
        opacity: 1;
        display: block;
        overflow: hidden;
        position: relative;
        top: 0px;
        transition: opacity 300ms linear 0s, top 300ms linear 0s;
    }

    .css-1lgij23-unf-btn::after {
        content: "";
        background-color: rgb(49, 53, 59);
        opacity: 0;
        inset: 0px;
        border-radius: inherit;
        position: absolute;
        transition: opacity 300ms ease 0s;
        pointer-events: none;
    }

    .css-rd0z7l-unf-card {
        position: relative;
        margin: 16px;
        border-radius: 8px;
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.12));
        background-color: var(--color-card, #FFFFFF);
        cursor: default;
        display: flex;
        flex-direction: row;
        padding: 24px 24px 24px 0px;
    }

    .css-hwmdgn {
        display: flex;
        text-align: center;
        cursor: move;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        width: 5%;
    }

    .css-ga4fdb {
        width: 22px;
        height: 22px;
        padding: 0px;
        margin: 0px;
        background: url(https://assets.tokopedia.net/assets-tokopedia-lite/v2/icarus/kratos/8ad23a54.svg) center center / contain no-repeat;
        display: inline-block;
    }

    .css-9px3io {
        display: flex;
        flex-direction: column;
        padding-right: 35px;
        width: 25%;
        -webkit-box-pack: center;
        justify-content: center;
    }

    .css-1ekhol7 {
        font-family: "Open Sans";
        font-style: normal;
        font-weight: bold;
        font-size: 1.14286rem;
        line-height: 22px;
        color: var(--N700, #31353B);
        word-break: break-all;
        overflow-wrap: break-word;
    }

    .css-1bqmqvx {
        font-family: "Open Sans";
        padding-top: 8px;
        font-style: normal;
        font-weight: bold;
        font-size: 1rem;
        line-height: 20px;
        color: var(--N700, #31353B)AD;
    }

    .css-1hg9omi {
        word-break: break-all;
    }

    .css-1wfwvfc {
        display: flex;
        flex-direction: column;
        padding-left: 35px;
        width: 60%;
        border-left: 1px solid var(--N75, #E5E7E9);
        -webkit-box-pack: center;
        justify-content: center;
    }

    .css-nm4447 {
        font-family: "Nunito Sans";
        font-style: normal;
        font-weight: 800;
        font-size: 1.14286rem;
        line-height: 22px;
        color: var(--N700, #31353B);
        padding-bottom: 16px;
    }

    .css-cxrdwh {
        word-break: break-all;
        overflow-wrap: break-word;
        font-family: "Open Sans";
        font-style: normal;
        font-weight: normal;
        font-size: 1rem;
        line-height: 20px;
        color: var(--N700, #31353B)AD;
    }

    .css-1q57nsf {
        display: flex;
        padding-top: 10px;
    }

    .css-1xsbg0a {
        padding-right: 50px;
    }

    .css-16pb0o2 {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        flex-direction: column;
        width: 10%;
    }

    .css-1gtfl7l {
        width: 120px;
    }

    .css-aeclb2-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Nunito Sans", -apple-system, sans-serif;
        font-size: 1.71429rem;
        line-height: 30px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px 0px 16px;
    }

    .css-1oehnd3 {
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    .css-l0brho {
        width: 320px;
        margin-bottom: 8px;
    }

    .css-325sss {
        width: 320px;
    }

    .css-13giide {
        background-position: center center;
        background-repeat: no-repeat;
        flex-shrink: 0;
        transition: margin-right 280ms ease 0s;
        width: 24px;
        height: 24px;
        background-size: 24px;
        border-radius: 4px;
        flex-basis: 24px;
        margin-right: 4px;
    }

    .css-trdr6h {
        background-position: center center;
        background-repeat: no-repeat;
        flex-shrink: 0;
        transition: margin-right 280ms ease 0s;
        width: 24px;
        height: 24px;
        background-size: 24px;
        border-radius: 4px;
        flex-basis: 24px;
        margin-right: 4px;
    }

    .css-1f5y4jf {
        position: relative;
        width: 320px;
    }

    .css-1ttk5kz-unf-btn {
        height: 40px;
        color: var(--color-text-high);
        font-family: "Nunito Sans", sans-serif;
        font-weight: 700;
        font-size: 0.857143rem;
        line-height: 24px;
        text-indent: initial;
        background-color: transparent;
        border: 1px solid var(--N75, #E5E7E9);
        border-radius: 8px;
        display: inline-block;
        outline: none;
        cursor: pointer;
        position: relative;
        padding: 0px 16px;
        transition: background-color 300ms ease 0s;
        width: 140px;
        margin-right: 15px;
    }

    .css-1ttk5kz-unf-btn span {
        font-size: inherit;
        text-overflow: ellipsis;
        white-space: nowrap;
        opacity: 1;
        display: block;
        overflow: hidden;
        position: relative;
        top: 0px;
        transition: opacity 300ms linear 0s, top 300ms linear 0s;
    }

    .css-1ttk5kz-unf-btn::after {
        content: "";
        background-color: rgb(49, 53, 59);
        opacity: 0;
        inset: 0px;
        border-radius: inherit;
        position: absolute;
        transition: opacity 300ms ease 0s;
        pointer-events: none;
    }

    .css-oyf539-unf-btn {
        height: 40px;
        color: rgb(255, 255, 255);
        font-family: "Nunito Sans", sans-serif;
        font-weight: 700;
        font-size: 0.857143rem;
        line-height: 24px;
        text-indent: initial;
        background-color: var(--G500);
        border: none;
        border-radius: 8px;
        display: inline-block;
        outline: none;
        cursor: pointer;
        position: relative;
        padding: 0px 16px;
        transition: background-color 300ms ease 0s;
        width: 140px;
    }

    .css-oyf539-unf-btn span {
        font-size: inherit;
        text-overflow: ellipsis;
        white-space: nowrap;
        opacity: 1;
        display: block;
        overflow: hidden;
        position: relative;
        top: 0px;
        transition: opacity 300ms linear 0s, top 300ms linear 0s;
    }

    .css-oyf539-unf-btn::after {
        content: "";
        background-color: rgb(49, 53, 59);
        opacity: 0;
        inset: 0px;
        border-radius: inherit;
        position: absolute;
        transition: opacity 300ms ease 0s;
        pointer-events: none;
    }

    .css-xwpmp3-opened {
        position: relative;
        width: 320px;
    }

    .css-xwpmp3-opened .e15j6tp60 {
        transition: transform 280ms ease-out 0s, opacity 0.16s ease 0s, visibility 0.16s ease 0s;
        width: 320px;
        padding: 0px 4px;
        overflow: auto;
        position: absolute;
        background: var(--color-card, #FFFFFF);
        border: 1px solid var(--color-border, #E5E7E9);
        border-radius: 0px 0px 8px 8px;
        transform-origin: center top;
        scroll-behavior: smooth;
    }

    .css-xwpmp3-opened .e15j6tp62::after {
        transform: rotate(-180deg);
    }

    .css-xwpmp3-opened .e15j6tp62 {
        border-radius: 8px 8px 0px 0px;
        border-bottom: 1px solid transparent;
    }

    .css-1991u8q {
        border-radius: 8px;
        display: flex;
        -webkit-box-flex: inherit;
        flex-grow: inherit;
        -webkit-box-align: stretch;
        align-items: stretch;
        overflow: hidden;
        transition: border-color 280ms ease 0s;
        width: 100%;
        height: auto;
        background-color: var(--N50, #F3F4F5);
        border: 1px solid var(--N50, #4FD15A);
        flex-direction: row;
    }

    .css-1umvxs6 {
        flex: 0 0 auto;
        position: relative;
        width: 100%;
        padding: 12px 16px;
        background-color: var(--color-ticker-error, #FFEAEF);
        overflow: hidden;
        color: rgba(49, 53, 59, 0.96);
    }

    .css-1umvxs6 .unf-ticker__decorator {
        position: absolute;
        top: -5px;
        left: -5px;
    }

    .css-n50vd0-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-size: 1rem;
        line-height: 20px;
        color: var(--color-text-low);
        text-decoration: initial;
        margin: 0px;
    }

    .css-1nbs49u {
        display: flex;
        flex-wrap: wrap;
        margin-left: -8px;
        margin-right: -8px;
        box-sizing: border-box;
    }

    .pr-2{
        padding-right: 2px;
    }

    .css-1in3gv7 {
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box;
        flex: 0 0 50%;
        max-width: 50%;
        display: block;
    }

    .css-10l9n4c {
        font-weight: 700;
        line-height: 18px;
        display: inline-block;
        pointer-events: none;
        margin-bottom: 4px;
    }

    .css-d143q4 {
        margin-bottom: 8px;
        text-align: left;
    }

    .css-1fiuwsu {
        padding: 16px 24px 20px;
        background-color: var(--NN0);
        border-bottom: 1px solid var(--N100, #DBDEE2);
    }

    .css-5i8y6u-unf-heading {
        position: relative;
        font-weight: 400;
        color: var(--color-text-low);
        text-decoration: initial;
        display: block;
        margin: 4px 0px 0px;
        font-size: 0.857143rem;
        line-height: 1.4;
        max-height: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .css-1duowv5-unf-heading {
        position: relative;
        font-weight: 700;
        color: var(--color-text-high);
        text-decoration: initial;
        display: inline;
        margin: 0px;
        font-size: 0.857143rem;
        line-height: 1.4;
    }

    .css-wtjt4v-unf-heading {
        position: relative;
        font-weight: 400;
        color: var(--color-text-high);
        text-decoration: initial;
        display: inline;
        margin: 0px;
        font-size: 0.857143rem;
        line-height: 1.4;
    }

    .css-rzj81v-unf-list.unf-list--no-margin {
        margin: 0px;
    }

    .css-rzj81v-unf-list {
        margin: 16px 0px;
        padding: 0px;
        list-style: none;
    }

    .css-rzj81v-unf-list .unf-list__item {
        display: flex;
        position: relative;
        padding: 16px 16px 16px 0px;
        margin-left: 16px;
        border-bottom: solid var(--NN300) 1px;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-1age63q {
        width: 100%;
        display: flex;
    }

    .css-ju6xvc {
        width: calc(100% - 30px);
        text-align: left
    }

    .css-1gu6xey {
        font-size: 0.857143rem;
        margin-top: 4px;
        line-height: 20px;
        color: rgba(0, 0, 0, 0.38);
    }

    .css-ju6xvc .title {
        font-weight: 600;
    }

    .css-ju6xvc .title p {
        font-weight: 600;
        display: inline-flex;
    }

    .css-1hhiczv-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px 4px 4px 0px;
    }

    .css-1s4ev0m-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px;
    }

    .css-qf0zd2-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        color: var(--color-text-low);
        text-decoration: initial;
        margin: 4px 0px;
    }

    .css-t9cw8c {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-1fahyr3 {
        background-image: url(https://assets.tokopedia.net/assets-tokopedia-lite/v2/atreus/kratos/82e5345a.svg);
        background-size: 24px;
        padding-right: 24px;
        background-position: right center;
        background-repeat: no-repeat;
    }

    .css-2fnkwz {
        display: inline-flex;
        margin-right: 8px;
    }

    .css-3h678s {
        width: 32px;
        margin-right: 7px;
        text-align: center;
    }

    .css-6jdl89 {
        padding: 0px 16px 32px;
        display: flex;
        justify-content: center;
    }

    .css-38shks {
        box-sizing: border-box;
        border-radius: 8px;
        margin: 10px 25px;
        width: 250px;
        height: 250px;
        cursor: pointer;
        border: 2px dashed var(--N100, #DBDEE2);
    }

    .css-38shks:hover {
        border-color: var(--G500);
    }

    .css-38shks.active {
        box-sizing: border-box;
        border-radius: 8px;
        margin: 10px 25px;
        width: 250px;
        height: 250px;
        cursor: pointer;
        border: 2px dashed var(--G500);
        background-color: #dfffe8
    }

    .css-qbs8we-unf-card {
        display: block;
        position: relative;
        margin: 0px;
        padding: 16px;
        border-radius: 8px;
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.12));
        background-color: var(--color-card, #FFFFFF);
        cursor: default;
        overflow: unset;
    }

    .css-qbs8we-unf-card>div {
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    .css-qbs8we-unf-card>div>div {
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-qbs8we-unf-card>div>div .element-title {
        display: inline-block;
        margin: 0px 5px 0px 0px;
    }

    .css-15ivocf-unf-heading {
        display: block;
        position: relative;
        font-weight: 700;
        font-size: 1rem;
        line-height: 20px;
        color: var(--color-text-high);
        text-decoration: initial;
    }

    .css-42w2sk {
        width: 20px;
        height: 20px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url(https://assets.tokopedia.net/assets-tokopedia-lite/v2/zeus/kratos/a50b8d6e.jpg);
        display: inline-block;
    }

    .css-10ydmiz {
        width: 200px;
        font-size: 0.714286rem;
        font-weight: 400;
        position: absolute;
        z-index: 1;
        left: 50%;
        padding: 12px 16px;
        border-radius: 4px;
        line-height: 16px;
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.12));
        transition: opacity 280ms ease-in-out 0s;
        opacity: 0;
        visibility: hidden;
        background-color: var(--color-text-high);
        text-align: center;
        color: var(--NN0);
        top: 0%;
        transform: translate(-50%, calc(-100% - 12px));
    }

    .css-1x2hfn {
        width: 0px;
        height: 0px;
        position: absolute;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid var(--color-text-high);
        bottom: -5px;
        left: 50%;
        transform: translateX(-50%);
    }

    .css-qbs8we-unf-card .element-value {
        display: inline-block;
        margin: 0px 5px 0px 0px;
    }

    .css-8wwjx7-unf-checkbox {
        cursor: pointer;
        display: inline-block;
    }

    .css-clhrdw-unf-checkbox__input {
        width: 0px;
        height: 0px;
        opacity: 0;
        position: absolute;
        appearance: none;
        margin: 0px;
        padding: 0px;
    }

    .css-clhrdw-unf-checkbox__input:checked+.e3y1k2n1 {
        border-color: var(--G500);
    }

    .css-clhrdw-unf-checkbox__input:checked+.e3y1k2n1::before {
        transform: scale(1);
        background: var(--G500);
    }

    .css-clhrdw-unf-checkbox__input:checked+.e3y1k2n1::after {
        background-image: url(https://assets.tokopedia.net/assets-tokopedia-lite/v2/zeus/kratos/39bb2c28.svg);
        background-size: 14px 10px;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .css-1uetj0x {
        width: 200px;
        font-size: 0.714286rem;
        font-weight: 400;
        position: absolute;
        z-index: 1;
        left: 50%;
        padding: 12px 16px;
        border-radius: 4px;
        line-height: 16px;
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.12));
        transition: opacity 280ms ease-in-out 0s;
        opacity: 1;
        visibility: visible;
        background-color: var(--color-text-high);
        text-align: center;
        color: var(--NN0);
        top: 0%;
        transform: translate(-50%, calc(-100% - 12px));
    }

    .css-2iw0yh {
        flex-wrap: wrap;
        width: 100%;
    }

    .css-og3ldk {
        display: flex;
        flex-direction: column;
        color: #000000;
        border: 2px solid #000000;
        padding: 5px;
    }

    .css-1r08ol {
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        padding: 3px;
        border-bottom: 1px dashed #000000;
        align-items: center;
    }

    .css-1r08ol img:first-child {
        max-height: 30px;
        width: auto;
    }

    .css-1r08ol img:last-child {
        max-height: 22px;
        width: auto;
    }

    .css-cj983k {
        -webkit-box-align: center;
        align-items: center;
        text-align: center;
        border: 1px solid #000000;
        margin: 5px 10px;
        font-size: 17px;
    }

    .css-d79eic {
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        height: 75px;
        margin: 0px 5px;
        padding-bottom: 5px;
        border-bottom: 1px dashed #000000;
    }

    .css-w05djs {
        display: flex;
        flex-direction: column;
        width: 50%;
    }

    .css-pfk43d {
        display: flex;
        flex-direction: row;
        padding-bottom: 5px;
        border-bottom: 1px solid #000000;
    }

    .css-pfk43d div:first-child {
        padding-right: 8px;
    }

    .css-op03ew {
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
    }

    .css-tj85dd {
        display: flex;
        flex-direction: row;
        padding: 5px 0px;
    }

    .css-tj85dd div:first-child {
        width: auto !important;
        min-width: 47% !important;
    }

    .css-gkl5s {
        position: fixed;
        top: 165px;
        right: 230px;
        color: #666666;
        transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
        box-shadow: 0 1px 1px 0 rgb(65 69 73 / 30%), 0 1px 3px 1px rgb(65 69 73 / 15%);
        border: 1px solid #dee2e6 !important;
        padding: 3px 5px;
        border-radius: 100%;
        background-color: #fff;
        cursor: pointer;
    }

    .css-25tac {
        text-align: center;
        width: 25%;
        padding: 0px 10px;
        align-items: center;
    }

    .css-20tac {
        text-align: center;
        width: 20%;
        padding: 0px 10px;
        align-items: center;
    }

    .css-5tac {
        text-align: center;
        width: 5%;
        align-items: center;
    }

    .css-60tac {
        width: 60%;
        text-align: center;
        padding: 0px 10px;
        align-items: center;
    }

    .css-35tac {
        width: 35%;
        text-align: center;
        padding: 0px 10px;
        align-items: center;
    }

    .css-udy998 {
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        padding: 16px 0px;
        border-bottom: 1px solid var(--N75, #E5E7E9);
    }

    .tab-pane {
        display: none;
    }

    .tab-pane.active {
        display: block;
    }

    .css-ftf85r {
        width: 320px;
        margin-bottom: 8px;
        padding-bottom: 12px;
        border-bottom: 1px solid var(--N100, #DBDEE2);
    }

    .daterangepicker td.in-range {
        background-color: #d6ffe4;
        border-color: transparent;
        color: #000;
        border-radius: 0;
    }

    .daterangepicker td.active,
    .daterangepicker td.active:hover {
        background-color: #00ac1c;
        border-color: transparent;
        color: #fff;
    }

    .css-6ao5uy-unf-heading {
        display: block;
        position: relative;
        font-weight: 700;
        font-family: "Open Sauce One", "Nunito Sans", -apple-system, sans-serif;
        font-size: 0.857143rem;
        line-height: 18px;
        letter-spacing: 0px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px 0px 4px;
    }

    .css-kio32a-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-family: "Open Sauce One", "Nunito Sans", -apple-system, sans-serif;
        font-size: 0.857143rem;
        line-height: 18px;
        letter-spacing: 0px;
        color: var(--color-text-low);
        text-decoration: initial;
        margin: 4px 0px 0px;
    }

    .css-1qo5uf8-unf-link {
        color: var(--G500) !important;
        font-size: 0.857143rem;
        text-decoration: none;
        cursor: pointer;
    }

    .css-zxy0nd-unf-overlay {
        width: 100%;
        height: 100%;
        background-color: var(--color-overlay, rgba(49, 53, 59, 0.68));
        opacity: 1;
        position: fixed;
        top: 0px;
        left: 0px;
        overflow: hidden;
        z-index: 1031;
        will-change: opacity;
        transition: opacity 300ms cubic-bezier(0, 0, 0.3, 1) 0s;
    }

    .css-h2lqtu-unf-modal {
        display: block;
        z-index: 1041;
        opacity: 1;
        background-color: var(--color-card, #FFFFFF);
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 8px;
        text-align: center;
        transition: opacity 0.2s ease 0s;
        box-shadow: 0px 1px 6px var(--color-shadow, rgba(49, 53, 59, 0.12));
        max-height: 95%;
        padding: 32px;
        min-width: 450px;
        border: none;
        overflow-y: auto;
    }

    .css-fkrta90-unf-modal {
        display: block;
        z-index: 1041;
        opacity: 1;
        background-color: var(--color-card, #FFFFFF);
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 8px;
        text-align: center;
        transition: opacity 0.2s ease 0s;
        box-shadow: 0px 1px 6px var(--color-shadow, rgba(49, 53, 59, 0.12));
        max-height: 95%;
        padding: 32px;
        width: 85%;
        border: none;
        overflow-y: auto;
    }

    .css-ru12b6-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Open Sauce One", "Nunito Sans", -apple-system, sans-serif;
        font-size: 1.42857rem;
        line-height: 26px;
        letter-spacing: -0.1px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 15px 0px 16px;
    }

    .css-13brihr {
        text-align: left;
    }

    .css-ja4gv3 {
        margin: 0px -32px;
        overflow: hidden;
    }

    .css-1yjf3l6 {
        box-shadow: rgb(49 53 59 / 12%) 0px 1px 6px 0px;
        padding: 16px 32px;
    }

    .css-ja4gv3 .timeline-wrapper {
        max-width: 560px;
        max-height: 600px;
        overflow: auto;
        padding: 32px 24px 16px;
    }

    .css-ja4gv3 .shadow {
        width: 100%;
        background-color: white;
        z-index: 1;
        position: relative;
        height: 0px;
        box-shadow: white 0px 12px 46px 51px;
    }

    .css-1yjf3l6 .order-date {
        color: var(--N300, #838994);
        line-height: 2;
    }

    .css-1yjf3l6 a {
        color: var(--G500);
        font-weight: 800;
    }

    .css-1yjf3l6 .buyer-name {
        font-weight: 800;
        color: var(--N700, #31353B);
    }

    .css-1yjf3l6 .order-date {
        color: var(--N300, #838994);
        line-height: 2;
    }

    .css-1xmfqlh {
        width: 100%;
        vertical-align: top;
        display: flex;
        min-height: 60px;
    }

    .css-1xmfqlh .date {
        text-align: right;
        width: 18%;
        flex-shrink: 0;
        color: var(--N200, #9FA6B0);
        font-size: 0.857143rem;
    }

    .css-1xmfqlh .line-wrapper {
        flex-basis: 0px;
        margin: 0px 16px;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: column;
        width: 3%;
        display: flex;
    }

    .css-1xmfqlh:first-of-type .status-wrapper {
        padding-bottom: 36px;
    }

    .css-1xmfqlh .status-wrapper {
        padding-bottom: 32px;
    }

    .css-1xmfqlh:first-of-type .circle {
        background-color: transparent;
    }

    .css-1xmfqlh .circle {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        position: relative;
        margin-bottom: auto;
        background-color: var(--N100, #DBDEE2);
    }

    .css-1xmfqlh .line-wrapper .line {
        width: 1px;
        height: calc(100% - 9px);
        margin-bottom: -6px;
        background-image: linear-gradient(to bottom, var(--N100, #DBDEE2) 55%, rgba(255, 255, 255, 0) 55%);
        background-position: left center;
        background-size: 1px 12px;
        background-repeat: repeat-y;
    }

    .css-1xmfqlh:first-of-type .circle::before {
        width: 15px;
        position: absolute;
        height: 15px;
        border-radius: 50%;
        background-color: var(--G300, #82EF95);
        transition: all 0.5s ease-out 0s;
        animation-name: grow;
        animation-duration: 1400ms;
        animation-timing-function: ease-out;
        animation-iteration-count: infinite;
        animation-fill-mode: none;
        animation-play-state: running;
        content: "";
    }

    .css-1xmfqlh:first-of-type .circle::after {
        border-radius: 50%;
        background-color: var(--G500);
        content: "";
        position: absolute;
        width: 11px;
        height: 11px;
        left: 2px;
        top: 2px;
    }

    .css-1xmfqlh .circle::after {
        border-radius: 50%;
        background-color: var(--N200, #9FA6B0);
        content: "";
        position: absolute;
        width: 9px;
        height: 9px;
        left: 3px;
        top: 3px;
    }

    .css-1xmfqlh .status-wrapper .status {
        font-size: 0.928571rem;
        margin-top: -0.25rem;
    }

    .css-1xmfqlh:first-of-type .status-wrapper .status {
        font-size: 1.07143rem;
        font-weight: 800;
    }

    .css-1xmfqlh:last-of-type .line {
        display: none;
    }

    .css-djh6dd {
        text-align: center;
        align-items: center;
    }

    .css-1bxulok.parent {
        display: inline-block;
        left: 0px;
        top: 100%;
        border-radius: 0px 0px 8px 8px;
    }

    .css-1bxulok {
        border-radius: 8px;
        display: none;
        width: inherit;
        height: auto;
        max-height: 235px;
        overflow: hidden auto;
        list-style-type: none;
        position: absolute;
        z-index: 111;
        box-sizing: border-box;
        background: rgb(255, 255, 255);
        border: 1px solid rgb(229, 231, 233);
        margin: 0px;
        padding: 8px 0px;
    }

    .css-1bxulok>li {
        display: block;
    }

    .css-1bxulok li>div:first-child {
        width: calc(100% - 20px);
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        align-items: center;
        position: relative;
        padding: 8px 10px;
        margin: 0px 8px;
        border-radius: 4px;
        cursor: pointer;
        display: inline-block;
    }

    .css-1bxulok li>div:first-child .left-section {
        -webkit-box-align: center;
        align-items: center;
        display: flex;
    }

    .css-1bxulok li>div:first-child .left-section>div {
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    .css-1bxulok li>div:first-child label {
        margin-bottom: 0px;
    }

    .css-1bxulok li>div:first-child .left-section>div:nth-child(2) {
        width: 100%;
        padding: 12px 0px 12px 12px;
        border-bottom: solid 1px var(--N75, #E5E7E9);
    }

    .css-1bxulok li>div:first-child:hover {
        background-color: var(--N50, #F3F4F5);
        font-weight: 800;
    }

    .css-1bxulok>li:hover:not(.disabled)>div {
        background-color: var(--N50, #F3F4F5);
        font-weight: 800;
    }

    .css-7sjuud {
        width: 40px;
        height: 30px;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }

    .css-id1rp1-unf-checkbox__input {
        width: 0px;
        height: 0px;
        opacity: 0;
        position: absolute;
        appearance: none;
        margin: 0px;
        padding: 0px;
    }

    .css-id1rp1-unf-checkbox__input:checked+.e3y1k2n1 {
        border-color: var(--G500);
    }

    .css-id1rp1-unf-checkbox__input:checked+.e3y1k2n1::before {
        transform: scale(1);
        background: var(--G500);
    }

    .css-id1rp1-unf-checkbox__input:checked+.e3y1k2n1::after {
        background-image: url(https://assets.tokopedia.net/assets-tokopedia-lite/v2/icarus/kratos/39bb2c28.svg);
        background-size: 14px 10px;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .css-yy2gqq-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Open Sauce One", "Nunito Sans", -apple-system, sans-serif;
        font-size: 0.857143rem;
        line-height: 18px;
        letter-spacing: 0px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px;
    }

    .css-90ykyp-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-family: "Open Sauce One", "Nunito Sans", -apple-system, sans-serif;
        font-size: 0.857143rem;
        line-height: 18px;
        letter-spacing: 0px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px;
    }

    .css-zofpt2-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-family: "Open Sauce One", "Nunito Sans", -apple-system, sans-serif;
        font-size: 0.857143rem;
        line-height: 18px;
        letter-spacing: 0px;
        color: var(--color-text-low);
        text-decoration: initial;
        margin: 8px 0px 0px;
        width: 100%;
        bottom: 4px;
        text-align: left;
    }

    .css-1dj767d {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        flex-shrink: 0;
    }

    .css-jjubnp {
        position: relative;
        display: flex;
        align-items: flex-start;
        padding: 16px 0px;
        min-height: 607px;
    }

    .css-jvc4ln {
        display: block;
        max-width: 322px;
        padding: 16px;
    }

    .css-sw9963 {
        display: block;
        padding: 16px;
    }

    .css-1by6l2m-unf-card {
        display: block;
        position: relative;
        padding: 16px;
        border-radius: 8px;
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.12));
        background-color: var(--color-card, #FFFFFF);
        cursor: default;
        margin: 0px 0px 24px;
    }

    .css-19nhuia {
        position: absolute;
        top: 290px;
        height: 40px;
        width: 258px;
        opacity: 0;
        z-index: 1;
        cursor: pointer;
    }

    .css-166ody5-unf-img {
        border-radius: 4px;
        background-image: none;
        display: block;
        height: 258px;
        width: 258px;
        object-fit: contain;
        margin-bottom: 16px;
    }

    .css-1nxyhqh {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 4px;
    }

    .css-1g2vgvo-unf-btn {
        background-color: transparent;
        border: 1px solid var(--N75, #E5E7E9);
        border-radius: 8px;
        color: var(--color-text-high);
        cursor: pointer;
        display: block;
        font-family: inherit;
        font-weight: 700;
        font-size: 0.857143rem;
        height: 40px;
        line-height: 24px;
        outline: none;
        position: relative;
        padding: 0px 16px;
        text-indent: initial;
        transition: background-color 300ms ease 0s;
        width: 100%;
        margin-bottom: 16px;
    }

    .css-1g2vgvo-unf-btn span {
        display: block;
        font-size: inherit;
        opacity: 1;
        overflow: hidden;
        position: relative;
        text-overflow: ellipsis;
        top: 0px;
        transition: opacity 300ms linear 0s, top 300ms linear 0s;
        white-space: nowrap;
    }

    .css-1g2vgvo-unf-btn::after {
        background-color: rgb(49, 53, 59);
        border-radius: inherit;
        inset: 0px;
        content: "";
        opacity: 0;
        pointer-events: none;
        position: absolute;
        transition: opacity 300ms ease 0s;
    }

    .css-bqy72x {
        font-size: 12px;
        max-width: 400px;
        line-height: 1.6;
    }

    .css-1vyphdl-unf-btn {
        background-color: transparent;
        border: 1px solid var(--N75, #E5E7E9);
        border-radius: 8px;
        color: var(--color-text-high);
        cursor: pointer;
        display: block;
        font-family: inherit;
        font-weight: 700;
        font-size: 0.857143rem;
        height: 40px;
        line-height: 24px;
        outline: none;
        position: relative;
        padding: 0px 16px;
        text-indent: initial;
        transition: background-color 300ms ease 0s;
        width: 100%;
        margin-bottom: 8px;
    }

    .css-1vyphdl-unf-btn span {
        display: block;
        font-size: inherit;
        opacity: 1;
        overflow: hidden;
        position: relative;
        text-overflow: ellipsis;
        top: 0px;
        transition: opacity 300ms linear 0s, top 300ms linear 0s;
        white-space: nowrap;
    }

    .css-1vyphdl-unf-btn::after {
        background-color: rgb(49, 53, 59);
        border-radius: inherit;
        inset: 0px;
        content: "";
        opacity: 0;
        pointer-events: none;
        position: absolute;
        transition: opacity 300ms ease 0s;
    }

    .css-1vyphdl-unf-btn img {
        height: 16px;
        left: 16px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .css-1e4r298-unf-heading {
        display: block;
        position: relative;
        font-weight: 700;
        font-family: "Open Sauce One", "Nunito Sans", -apple-system, sans-serif;
        font-size: 1rem;
        line-height: 20px;
        letter-spacing: 0px;
        color: var(--color-text-low);
        text-decoration: initial;
        margin-bottom: 24px;
    }

    .css-oh71wi {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        margin-bottom: 32px;
        font-size: 0.928571rem;
    }

    .css-57ekgf {
        width: 114px;
    }

    .css-5hicrt {
        margin-right: 12px;
    }

    .css-mq96fn-unf-heading {
        display: block;
        position: relative;
        font-weight: 700;
        font-family: "Open Sauce One", "Nunito Sans", -apple-system, sans-serif;
        font-size: 1rem;
        line-height: 20px;
        letter-spacing: 0px;
        color: var(--color-text-low);
        text-decoration: initial;
        margin-bottom: 32px;
    }

    .css-u9zpzj {
        margin-bottom: 24px;
        font-size: 12px;
        max-width: 400px;
        line-height: 1.6;
    }

    .css-l3z97c-unf-label {
        position: relative;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        font-weight: 700;
        border-radius: 3px;
        line-height: 16px;
        padding: 0px 8px;
        height: 20px;
        font-size: 0.714286rem;
        background-color: rgb(218, 245, 219);
        color: rgb(66, 181, 73);
        margin: 0px 16px 0px 0px;
        overflow: initial;
        -webkit-box-pack: center;
        justify-content: center;
        transition: all 280ms ease-out 0s;
    }

    .css-msa7d1-unf-modal {
        display: block;
        z-index: 10012;
        opacity: 1;
        min-width: 500px;
        background-color: var(--color-card, #FFFFFF);
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 8px;
        padding: 32px;
        text-align: center;
        transition: opacity 0.2s ease 0s;
        box-shadow: 0px 1px 6px var(--color-shadow, rgba(49, 53, 59, 0.12));
        max-width: 460px;
        line-height: 1.5;
    }

    .css-eexas1 {
        max-width: 360px;
        margin: 0px auto;
    }

    .css-p2t902 {
        text-align: left;
        margin: 24px 0px 32px;
    }

    .css-pf4qvt-unf-btn {
        background-color: var(--N75, #E5E7E9);
        border: none;
        border-radius: 8px;
        color: var(--N400, #6C727C);
        cursor: not-allowed;
        display: inline-block;
        font-family: inherit;
        font-weight: 700;
        font-size: 1.14286rem;
        height: 48px;
        line-height: 22px;
        outline: none;
        position: relative;
        padding: 0px 16px;
        text-indent: initial;
        transition: background-color 300ms ease 0s;
        width: 160px;
    }

    .css-pf4qvt-unf-btn span {
        display: block;
        font-size: inherit;
        opacity: 1;
        overflow: hidden;
        position: relative;
        text-overflow: ellipsis;
        top: 0px;
        transition: opacity 300ms linear 0s, top 300ms linear 0s;
        white-space: nowrap;
    }

    .css-pf4qvt-unf-btn::after {
        background-color: rgb(49, 53, 59);
        border-radius: inherit;
        inset: 0px;
        content: "";
        opacity: 0;
        pointer-events: none;
        position: absolute;
        transition: opacity 300ms ease 0s;
    }

    .css-1hfovgl {
        color: var(--color-text-low);
        font-size: 12px;
        font-weight: 700;
        line-height: 16px;
        display: inline-block;
        pointer-events: none;
        margin-bottom: 4px;
    }

    .css-2ymp7i {
        height: 40px;
        border-radius: 8px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        flex: 1 1 0%;
        position: relative;
        overflow: hidden;
        transition: border-color 280ms ease 0s;
        background-color: var(--color-page-background, #FFFFFF);
        border: 1px solid var(--color-border, #E5E7E9);
    }

    .css-2ymp7i .e110g5pc0 {
        padding-right: 12px;
        padding-left: 12px;
    }

    .css-1wc186l {
        min-width: 0;
        min-height: 0;
        width: 100%;
        color: var(--color-text-high);
        font-family: inherit;
        background-color: transparent;
        line-height: 20px;
        border: none;
        outline: none;
        height: auto;
        font-size: 14px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .css-150fdvg {
        color: var(--color-text-low);
        font-size: 12px;
        line-height: 18px;
        position: relative;
        margin: 4px 0px 0px;
    }

    .css-1yd7hv0-unf-btn {
        background-color: var(--G500);
        border: none;
        border-radius: 8px;
        color: rgb(255, 255, 255);
        cursor: pointer;
        display: inline-block;
        font-family: inherit;
        font-weight: 700;
        font-size: 1.14286rem;
        height: 48px;
        line-height: 22px;
        outline: none;
        position: relative;
        padding: 0px 16px;
        text-indent: initial;
        transition: background-color 300ms ease 0s;
        width: 160px;
    }

    .css-1yd7hv0-unf-btn span {
        display: block;
        font-size: inherit;
        opacity: 1;
        overflow: hidden;
        position: relative;
        text-overflow: ellipsis;
        top: 0px;
        transition: opacity 300ms linear 0s, top 300ms linear 0s;
        white-space: nowrap;
    }

    .css-1yd7hv0-unf-btn::after {
        background-color: rgb(49, 53, 59);
        border-radius: inherit;
        inset: 0px;
        content: "";
        opacity: 0;
        pointer-events: none;
        position: absolute;
        transition: opacity 300ms ease 0s;
    }

    .css-1yd7hv0-unf-btn:hover {
        background-color: var(--G600, #12883D);
    }

    .css-jsuy44 {
        display: block;
        height: 50px;
        margin-right: 0.5rem;
        text-align: center;
        font-size: 1.25rem;
        min-width: 0;
    }

    .css-jsuy44:last-child {
        margin-right: 0;
    }

    .css-1rugyps {
        padding: 32px 16px;
        display: flex;
        align-items: flex-start;
        -webkit-box-pack: start;
        justify-content: flex-start;
    }

    .css-1rugyps {
        padding: 32px 16px;
        display: flex;
        align-items: flex-start;
        -webkit-box-pack: start;
        justify-content: flex-start;
    }

    .css-psnzxq {
        width: 35%;
        border: 1px solid var(--N100, #DBDEE2);
        height: 525px;
        overflow: hidden;
    }

    .css-136vjsp {
        font-size: 1.28571rem;
        line-height: 24px;
        color: var(--N600, #40454C);
    }

    .css-1eh90k0 {
        width: 65%;
        padding: 32px 32px 32px 16px;
    }

    .css-6q3vck {
        line-height: 21px;
        color: var(--N400, #6C727C);
    }

    .css-hm03r5 {
        padding: 24px 0px;
        border-bottom: 1px solid var(--N100, #DBDEE2);
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        cursor: pointer;
        font-size: 0.857143rem;
        font-weight: 700;
        color: var(--N700, #31353B);
    }

    .css-hm03r5.listActive {
        color: var(--G500);
    }

    .css-1kzdn2v {
        height: 50px;
        padding: 8px 16px;
        border-bottom: 1px solid var(--N100, #DBDEE2);
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    .css-1ngni0z {
        padding: 16px 24px;
    }

    .css-4etkw1 {
        width: 100%;
        height: 180px;
        color: var(--NN0);
        background: url(https://assets.tokopedia.net/assets-tokopedia-lite/v2/zeus/kratos/df0961b7.png) 0% 0% / contain no-repeat;
        margin: 0px auto 19px;
        padding: 15px 20px 0px;
    }

    .css-1nkugnb {
        width: 85px;
        margin-bottom: 80px;
    }

    .css-1xytzio {
        font-weight: 800;
        font-size: 1.42857rem;
        line-height: 28px;
    }

    .css-1yl4gnp {
        display: flex;
        -webkit-box-align: end;
        align-items: end;
    }

    .css-1n1bp10 {
        font-size: 1.14286rem;
        line-height: 22px;
    }

    .css-agqkjr-unf-heading {
        display: block;
        position: relative;
        font-family: "Open Sauce One", "Nunito Sans", -apple-system, sans-serif;
        line-height: 20px;
        letter-spacing: 0px;
        text-decoration: initial;
        font-weight: 800;
        font-size: 16px;
        color: var(--N700);
        opacity: 0.96;
    }

    .css-19r1szx {
        border-radius: 50%;
        width: 48px;
        height: 48px;
    }

    .css-1nbhurh {
        display: flex;
        margin-top: 20px;
        margin-bottom: 35px;
    }

    .css-11dd602 {
        margin-left: 10px;
        font-size: 12px;
        opacity: 0.68;
        align-self: center;
    }

    .css-cfu2ob-unf-btn {
        background-color: transparent;
        border: 1px solid var(--N75, #E5E7E9);
        border-radius: 8px;
        color: var(--color-text-high);
        cursor: pointer;
        display: block;
        font-family: inherit;
        font-weight: 700;
        font-size: 0.857143rem;
        height: 40px;
        line-height: 24px;
        outline: none;
        position: relative;
        padding: 0px 16px;
        text-indent: initial;
        transition: background-color 300ms ease 0s;
        width: 100%;
    }

    .css-cfu2ob-unf-btn span {
        display: block;
        font-size: inherit;
        opacity: 1;
        overflow: hidden;
        position: relative;
        text-overflow: ellipsis;
        top: 0px;
        transition: opacity 300ms linear 0s, top 300ms linear 0s;
        white-space: nowrap;
    }

    .css-cfu2ob-unf-btn::after {
        background-color: rgb(49, 53, 59);
        border-radius: inherit;
        inset: 0px;
        content: "";
        opacity: 0;
        pointer-events: none;
        position: absolute;
        transition: opacity 300ms ease 0s;
    }

    .css-5rqc84 {
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        margin-bottom: 50px;
    }

    .css-5rqc84 .topDiv {
        display: flex;
        font-weight: 800;
        font-size: 14px;
        line-height: 18px;
        -webkit-box-align: center;
        align-items: center;
        margin-left: -10px;
        max-width: 60%;
    }

    .css-5rqc84 .alignImg {
        margin-top: -10px;
        margin-right: -5px;
        max-width: 40%;
    }

    .css-5rqc84 .iconWrapper {
        position: relative;
    }

    .css-5rqc84 .merchant {
        margin-left: 5px;
    }

    .css-5rqc84 .imageLogo {
        height: 25px;
        width: 25px;
        max-width: 25px;
        border-radius: 50%;
    }

    .css-5rqc84 .imageVerified {
        position: absolute;
        top: 28px;
        left: 30px;
        height: 16px;
        width: 16px;
    }

    .css-1ew46s1-unf-img {
        width: 100%;
        border-radius: 4px;
        height: 100%;
        display: flex;
        background-image: none;
    }

    .css-h5qrqt {
        display: flex;
        font-size: 10px;
        line-height: 18px;
        font-weight: bold;
        -webkit-box-pack: start;
        justify-content: space-between;
    }

    .css-h5qrqt .section {
        margin-right: 50px;
    }

    .css-h5qrqt .section:last-child {
        margin-right: 0px;
    }

    .css-1wuinvr {
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        line-height: 14px;
        color: rgb(255, 255, 255);
    }

    .css-1kfiva8 {
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 20px;
        color: rgb(255, 255, 255);
    }

    .css-gjk038 {
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 20px;
        color: rgb(255, 255, 255);
        text-align: right;
    }

    .css-gjk038 span:last-child {
        font-weight: 700;
    }

    .css-z1cuhk-unf-tab-content {
        background: var(--NN0);
        display: block;
        padding: 24px 30px;
        min-height: 450px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    .css-ee3jeh {
        width: 100%;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        margin: 0px 0px 24px;
    }

    .css-1h1u9d4 {
        width: 85%;
        flex: 0 0 auto;
        max-width: 100%;
    }

    .css-1ut7mj2 {
        flex: 0 0 auto;
        max-width: 100%;
        margin: 0px 16px 0px 0px;
    }

    .css-1bg4hfi {
        position: relative;
        width: auto;
        display: inline-block;
    }

    .css-aimnfr {
        width: 15%;
        flex: 0 0 auto;
        max-width: 100%;
    }

    .css-yei5mn-unf-btn {
        background-color: var(--G500);
        border: none;
        border-radius: 8px;
        color: rgb(255, 255, 255);
        cursor: pointer;
        display: block;
        font-family: inherit;
        font-weight: 700;
        font-size: 1rem;
        height: 40px;
        line-height: 20px;
        outline: none;
        position: relative;
        padding: 0px 16px;
        text-indent: initial;
        transition: background-color 300ms ease 0s;
        width: 100%;
    }

    .css-yei5mn-unf-btn span {
        display: block;
        font-size: inherit;
        opacity: 1;
        overflow: hidden;
        position: relative;
        text-overflow: ellipsis;
        top: 0px;
        transition: opacity 300ms linear 0s, top 300ms linear 0s;
        white-space: nowrap;
    }

    .css-yei5mn-unf-btn::after {
        background-color: rgb(49, 53, 59);
        border-radius: inherit;
        inset: 0px;
        content: "";
        opacity: 0;
        pointer-events: none;
        position: absolute;
        transition: opacity 300ms ease 0s;
    }

    .css-nn9fwj {
        padding: 16px 8px;
        border-top: thin solid var(--N75, #E5E7E9);
        border-bottom: thin solid var(--N75, #E5E7E9);
    }

    .css-hqlqko {
        width: 30%;
        flex: 0 0 auto;
        max-width: 100%;
    }

    .css-nn9fwj span {
        margin: 0px;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 0.857143rem;
        line-height: 18px;
        color: var(--N700, #31353B)AD;
    }

    .css-1wfnmm1 {
        width: 23%;
        flex: 0 0 auto;
        max-width: 100%;
    }

    .css-4xx00s {
        width: 14%;
        flex: 0 0 auto;
        max-width: 100%;
    }

    .css-1l57q5h {
        width: 18%;
        flex: 0 0 auto;
        max-width: 100%;
    }

    .css-34et42 {
        width: 7%;
        flex: 0 0 auto;
        max-width: 100%;
    }

    .css-194nbqx {
        padding: 16px 8px;
        border-bottom: thin solid var(--N75, #E5E7E9);
        transition: all 0.3s ease 0s;
    }

    .css-1gkokyk {
        padding-right: 20px;
        display: flex;
        align-items: flex-start;
    }

    .css-1gkokyk img,
    .css-1gkokyk svg {
        margin: 0px 8px 0px 0px;
    }

    .css-1gkokyk h5 {
        margin: 0px 0px 2px;
        line-height: 20px;
    }

    .css-7tp9u7-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Open Sauce One", "Nunito Sans", -apple-system, sans-serif;
        font-size: 1rem;
        line-height: 18px;
        letter-spacing: 0px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px;
    }

    .css-94yrrd-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Open Sauce One", "Nunito Sans", -apple-system, sans-serif;
        font-size: 1rem;
        line-height: 18px;
        letter-spacing: 1px;
        color: #03AC0E;
        text-decoration: initial;
        margin: 0px 0px 5px;
    }

    .css-1gkokyk span {
        font-size: 1rem;
        color: var(--N700, #31353B);
        line-height: 20px;
    }

    .css-eift6q {
        width: 100%;
        flex: 0 0 auto;
        max-width: 100%;
    }

    .css-dik7hd {
        display: flex;
        padding-right: 20px;
        flex-direction: column;
    }

    .css-11cyq2l {
        flex: 0 0 auto;
        max-width: 100%;
    }

    .css-dik7hd h5 {
        margin: 0px;
    }

    .css-18et3tu {
        flex: 0 0 auto;
        max-width: 100%;
        align-self: center;
    }

    .css-1kbnggd {
        width: 10px;
        height: 1px;
        background-color: var(--N700, #31353B);
        margin: 0px 10px;
    }

    .css-3jb0db {
        display: flex;
        width: initial;
        height: initial;
        max-height: initial;
        min-height: initial;
        max-width: initial;
        padding: 0px;
        margin: 0px;
        flex-flow: initial;
        -webkit-box-flex: initial;
        flex-grow: initial;
        flex-shrink: initial;
        -webkit-box-align: initial;
        align-items: initial;
        -webkit-box-pack: initial;
        justify-content: initial;
    }

    .css-ou7apd-unf-label {
        position: relative;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        font-weight: 700;
        border-radius: 3px;
        line-height: 16px;
        padding: 0px 8px;
        height: 20px;
        font-size: 0.714286rem;
        background-color: var(--G200);
        color: var(--G500);
        margin: 8px 0px 0px;
        overflow: initial;
        -webkit-box-pack: center;
        justify-content: center;
        transition: all 280ms ease-out 0s;
    }

    .css-94jtdd-unf-label {
        position: relative;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        font-weight: 700;
        border-radius: 3px;
        line-height: 16px;
        padding: 0px 8px;
        height: 20px;
        font-size: 0.714286rem;
        background-color: #ffd6d6;
        color: #ac0303;
        margin: 8px 0px 0px;
        overflow: initial;
        -webkit-box-pack: center;
        justify-content: center;
        transition: all 280ms ease-out 0s;
    }

    .css-1dud9z4 {
        font-size: 1rem;
        color: var(--N700, #31353B);
        padding-right: 20px;
        position: relative;
    }

    .css-1dud9z4 span {
        font-weight: normal;
    }

    .css-1ddtmp6 {
        display: inline-block;
        vertical-align: middle;
        margin-left: 8px;
        cursor: pointer;
    }

    .css-69ae98 {
        color: var(--N700, #31353B)AD;
        font-size: 0.857143rem;
        margin: 0px 0px 8px;
        line-height: 18px;
    }

    .css-w752at {
        width: 130px;
        flex: 0 0 auto;
        max-width: 100%;
    }

    .css-69ae98 span {
        color: var(--N700, #31353B);
        font-weight: bold;
        display: inline-block;
        margin: 0px 0px 4px;
    }

    .css-1ic066d {
        padding-left: 20px;
    }

    .css-8fdd5g {
        flex: 0 0 auto;
        max-width: 100%;
        margin: 0px 10px 0px 0px;
    }

    .css-dq683q-unf-tooltip {
        display: inline-block;
        position: relative;
    }

    .css-dq683q-unf-tooltip * {
        cursor: pointer;
    }

    .css-kc8fxy {
        width: 24px;
        height: 24px;
        border-radius: 4px;
        background-color: rgb(239, 243, 249);
        position: relative;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }

    .css-dq683q-unf-tooltip div+div {
        width: auto;
        padding: 4px 16px;
        white-space: nowrap;
    }

    .css-cxek73-unf-tooltip {
        display: inline-block;
        position: relative;
        text-transform: none;
    }

    .css-nn9fwj span img {
        width: 15px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 8px;
    }

    .css-cxek73-unf-tooltip * {
        cursor: pointer;
    }

    .css-1qehu6g {
        width: 0px;
        height: 0px;
        position: absolute;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-right: 5px solid var(--color-card, #FFFFFF);
        left: -5px;
        top: 50%;
        transform: translateY(-50%);
    }

    .css-imw8dy-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Open Sauce One", "Nunito Sans", -apple-system, sans-serif;
        font-size: 0.857143rem;
        line-height: 16px;
        letter-spacing: 0px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px 0px 8px;
    }

    .css-wmusp1-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-family: "Open Sauce One", "Nunito Sans", -apple-system, sans-serif;
        font-size: 0.857143rem;
        line-height: 16px;
        letter-spacing: 0px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px 0px 12px;
    }

    .css-1pc2649-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-family: "Open Sauce One", "Nunito Sans", -apple-system, sans-serif;
        font-size: 0.857143rem;
        line-height: 16px;
        letter-spacing: 0px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px;
    }

    .css-16urw0u {
        position: absolute;
        top: 100%;
        left: 50%;
        z-index: 9;
        padding: 8px;
        background-color: var(--NN0);
        border-radius: 4px;
        text-align: left;
        transform: translate(-50%, 8px);
        transition: opacity 280ms ease-out 0s;
        filter: drop-shadow(rgba(0, 0, 0, 0.12) 0px 2px 8px);
        will-change: filter;
        visibility: hidden;
        opacity: 0;
        width: 160px;
    }

    .css-h64ff {
        display: flex;
        width: initial;
        height: initial;
        max-height: initial;
        min-height: initial;
        max-width: initial;
        padding: 0px;
        margin: 0px 0px 46px;
        flex-flow: row;
        -webkit-box-flex: initial;
        flex-grow: initial;
        flex-shrink: initial;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: initial;
        justify-content: initial;
    }

    .css-13c4s22 {
        display: flex;
        width: 232px;
        height: initial;
        max-height: initial;
        min-height: initial;
        max-width: initial;
        padding: 0px;
        margin: 0px;
        flex-flow: column;
        -webkit-box-flex: initial;
        flex-grow: initial;
        flex-shrink: initial;
        -webkit-box-align: initial;
        align-items: initial;
        -webkit-box-pack: initial;
        justify-content: initial;
    }

    .css-7mea6p {
        display: flex;
        width: calc(100% - 232px);
        height: initial;
        max-height: initial;
        min-height: initial;
        max-width: initial;
        padding: 0px 0px 0px 12px;
        margin: 0px;
        flex-flow: initial;
        -webkit-box-flex: initial;
        flex-grow: initial;
        flex-shrink: initial;
        -webkit-box-align: initial;
        align-items: initial;
        -webkit-box-pack: initial;
        justify-content: initial;
    }

    .css-6766yi-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Open Sauce One", "Nunito Sans", -apple-system, sans-serif;
        font-size: 1rem;
        line-height: 20px;
        letter-spacing: 0px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px;
    }

    .css-y5x2hc-unf-chip {
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        vertical-align: top;
        margin-bottom: 8px;
        margin-right: 8px;
        background-color: var(--color-chip-enabled, #EBFFEF);
        border-radius: 16px;
        border-width: 1px;
        border-image: initial;
        border-color: var(--G400, #4FD15A);
        border-style: solid;
        color: var(--G500);
        flex: 1 1 0%;
        flex-wrap: nowrap;
        font-size: 1rem;
        line-height: 16px;
        height: 40px;
        padding: 0px 12px;
        text-overflow: ellipsis;
        transition: all 200ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s;
        white-space: nowrap;
        overflow: hidden;
        cursor: pointer;
    }

    .css-1t5j1xu-unf-chip {
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        vertical-align: top;
        margin-bottom: 8px;
        margin-right: 8px;
        background-color: var(--color-page-background, #FFFFFF);
        border-radius: 16px;
        border-width: 1px;
        border-image: initial;
        border-color: var(--color-border, #E5E7E9);
        border-style: solid;
        color: var(--color-text-low);
        flex: 1 1 0%;
        flex-wrap: nowrap;
        font-size: 1rem;
        line-height: 16px;
        height: 40px;
        padding: 0px 12px;
        text-overflow: ellipsis;
        transition: all 200ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s;
        white-space: nowrap;
        overflow: hidden;
        cursor: pointer;
    }

    .css-56svnq {
        display: flex;
        width: initial;
        height: initial;
        max-height: initial;
        min-height: initial;
        max-width: initial;
        padding: 0px;
        margin: 0px;
        flex-flow: initial;
        -webkit-box-flex: initial;
        flex-grow: initial;
        flex-shrink: initial;
        align-items: flex-start;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    .css-hh1yhm {
        display: flex;
        width: calc(100% - 371px);
        height: initial;
        max-height: initial;
        min-height: initial;
        max-width: initial;
        padding: 0px;
        margin: 0px;
        flex-flow: column;
        -webkit-box-flex: initial;
        flex-grow: initial;
        flex-shrink: initial;
        -webkit-box-align: initial;
        align-items: initial;
        -webkit-box-pack: initial;
        justify-content: initial;
    }

    .css-1eypncq {
        display: flex;
        width: 100%;
        height: initial;
        max-height: initial;
        min-height: initial;
        max-width: initial;
        padding: 0px;
        margin: 0px;
        flex-flow: column;
        -webkit-box-flex: initial;
        flex-grow: initial;
        flex-shrink: initial;
        -webkit-box-align: initial;
        align-items: initial;
        -webkit-box-pack: initial;
        justify-content: initial;
    }

    .css-1lta24m-unf-card {
        display: block;
        position: relative;
        margin: 0px 0px 16px;
        padding: 24px 0px 32px;
        border-radius: 8px;
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.12));
        background-color: var(--color-card, #FFFFFF);
        cursor: default;
    }

    .css-erre23s-unf-card {
        display: block;
        position: relative;
        margin: 0px 0px 16px;
        padding: 10px 0px 32px;
        border-radius: 8px;
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.12));
        background-color: var(--color-card, #FFFFFF);
        cursor: default;
    }

    .css-sd55ds-unf-card {
        display: block;
        position: relative;
        padding: 10px 0px 0px;
        border-radius: 8px;
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.12));
        background-color: var(--color-card, #FFFFFF);
        cursor: default;
        margin-bottom: 16px;
    }

    .css-1iyi81y-unf-heading {
        display: block;
        font-weight: 800;
        font-family: "Open Sauce One", "Nunito Sans", -apple-system, sans-serif;
        font-size: 1.14286rem;
        line-height: 20px;
        letter-spacing: 0px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px 0px 18px;
        position: relative;
        padding-left: 32px;
    }

    .css-1iyi81y-unf-heading::before {
        content: "";
        position: absolute;
        width: 4px;
        height: 100%;
        left: 0px;
        top: 0px;
        background: rgb(3, 172, 14);
        border-radius: 0px 2px 2px 0px;
    }

    .css-i71z5v {
        display: flex;
        width: initial;
        height: initial;
        max-height: initial;
        min-height: initial;
        max-width: initial;
        padding: 0px 16px 0px 32px;
        margin: 0px;
        flex-flow: column;
        -webkit-box-flex: initial;
        flex-grow: initial;
        flex-shrink: initial;
        -webkit-box-align: initial;
        align-items: initial;
        -webkit-box-pack: initial;
        justify-content: initial;
    }

    .css-1td6w7i {
        display: flex;
        width: initial;
        height: initial;
        max-height: initial;
        min-height: initial;
        max-width: initial;
        padding: 0px;
        margin: 0px 0px 32px;
        flex-flow: row;
        -webkit-box-flex: initial;
        flex-grow: initial;
        flex-shrink: initial;
        align-items: flex-start;
        -webkit-box-pack: initial;
        justify-content: initial;
    }

    .css-202tls {
        display: flex;
        height: initial;
        max-height: initial;
        min-height: initial;
        max-width: initial;
        padding: 12px 16px;
        margin: 0px;
        flex-flow: initial;
        -webkit-box-flex: initial;
        flex-grow: initial;
        flex-shrink: initial;
        align-items: flex-start;
        -webkit-box-pack: initial;
        justify-content: initial;
        width: 213px;
        border: thin solid rgb(229, 231, 233);
        border-radius: 8px;
        cursor: pointer;
    }

    .css-1uyv7co {
        width: 0px;
        height: 0px;
        opacity: 0;
        position: absolute;
        appearance: none;
        margin: 0px;
        padding: 0px;
    }

    .css-1uyv7co:checked+.e1m1i7xu1 {
        border-color: var(--G500);
    }

    .css-1uyv7co:checked+.e1m1i7xu1::before {
        background: var(--G500);
        transform: scale(1);
    }

    .css-1yvpc9a {
        display: flex;
        width: initial;
        height: initial;
        max-height: initial;
        min-height: initial;
        max-width: initial;
        padding: 0px;
        margin: 0px 0px 0px 16px;
        flex-flow: column;
        -webkit-box-flex: initial;
        flex-grow: initial;
        flex-shrink: initial;
        -webkit-box-align: initial;
        align-items: initial;
        -webkit-box-pack: initial;
        justify-content: initial;
    }

    .css-108wd2j {
        display: flex;
        width: initial;
        height: initial;
        max-height: initial;
        min-height: initial;
        max-width: initial;
        padding: 0px;
        margin: 0px 0px 8px;
        flex-flow: initial;
        -webkit-box-flex: initial;
        flex-grow: initial;
        flex-shrink: initial;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: initial;
        justify-content: initial;
    }

    .css-uf2dpi-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Open Sauce One", "Nunito Sans", -apple-system, sans-serif;
        font-size: 1.14286rem;
        line-height: 20px;
        letter-spacing: 0px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px 0px 0px 12px;
    }

    .css-fpu7pz-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-family: "Open Sauce One", "Nunito Sans", -apple-system, sans-serif;
        font-size: 0.814286rem;
        line-height: 16px;
        letter-spacing: 0px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px;
    }

    .css-uvr6sc {
        display: flex;
        height: initial;
        max-height: initial;
        min-height: initial;
        max-width: initial;
        padding: 12px 16px;
        margin: 0px 0px 0px 16px;
        flex-flow: initial;
        -webkit-box-flex: initial;
        flex-grow: initial;
        flex-shrink: initial;
        align-items: flex-start;
        -webkit-box-pack: initial;
        justify-content: initial;
        width: 213px;
        border: thin solid rgb(229, 231, 233);
        border-radius: 8px;
        cursor: pointer;
    }

    .css-ndheo4 {
        display: flex;
        width: initial;
        height: initial;
        max-height: initial;
        min-height: initial;
        max-width: initial;
        padding: 0px;
        margin: 0px;
        flex-flow: column;
        -webkit-box-flex: initial;
        flex-grow: initial;
        flex-shrink: initial;
        align-items: flex-start;
        -webkit-box-pack: initial;
        justify-content: initial;
    }

    .css-1to8n2p {
        display: flex;
        width: 100%;
        height: initial;
        max-height: initial;
        min-height: initial;
        max-width: initial;
        padding: 0px;
        margin: 0px;
        flex-flow: initial;
        -webkit-box-flex: initial;
        flex-grow: initial;
        flex-shrink: initial;
        -webkit-box-align: initial;
        align-items: initial;
        -webkit-box-pack: initial;
        justify-content: initial;
    }

    .css-jtcihq-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-family: "Open Sauce One", "Nunito Sans", -apple-system, sans-serif;
        font-size: 0.857143rem;
        line-height: 18px;
        letter-spacing: 0px;
        color: var(--color-text-low);
        text-decoration: initial;
        margin: 0px;
    }

    .css-1d8v4j5 {
        width: 100%;
        margin-bottom: 8px;
    }

    .css-1qagriq {
        display: flex;
        width: initial;
        height: initial;
        max-height: initial;
        min-height: initial;
        max-width: initial;
        padding: 0px;
        margin: 0px;
        flex-flow: row;
        -webkit-box-flex: initial;
        flex-grow: initial;
        flex-shrink: initial;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: initial;
        justify-content: initial;
    }

    .css-79elbk4 {
        position: relative;
    }

    .e110g5pc0~.css-1c7dk5o {
        padding-right: 12px;
        padding-left: 0px;
    }

    .css-1c7dk5o {
        font-size: 14px;
        font-weight: 800;
        line-height: 20px;
        white-space: nowrap;
        display: flex;
        align-self: stretch;
        -webkit-box-align: center;
        align-items: center;
        padding-left: 12px;
        background-color: transparent;
        color: var(--color-text-low);
        padding-right: 0px;
    }

    .css-1jdkmcs {
        display: flex;
        width: 347px;
        height: initial;
        max-height: initial;
        min-height: initial;
        max-width: initial;
        padding: 0px;
        margin: 0px;
        flex-flow: column;
        -webkit-box-flex: initial;
        flex-grow: initial;
        flex-shrink: initial;
        -webkit-box-align: initial;
        align-items: initial;
        -webkit-box-pack: initial;
        justify-content: initial;
    }

    .css-1j9m2z3 {
        width: 100%;
    }

    .css-1j9m2z3 section {
        width: 100%;
    }

    .css-cgz84c-unf-card {
        display: block;
        position: relative;
        margin: 0px;
        padding: 16px 16px 12px 32px;
        border-radius: 8px;
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.12));
        background-color: var(--color-card, #FFFFFF);
        cursor: default;
    }

    .css-yj8d9 {
        display: flex;
        width: initial;
        max-height: initial;
        min-height: initial;
        max-width: initial;
        margin: 0px;
        flex-flow: initial;
        -webkit-box-flex: initial;
        flex-grow: initial;
        flex-shrink: initial;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        padding: 10px 12px 10px 5px;
        height: 28px;
        position: absolute;
        top: 0px;
        left: 0px;
        border-top-left-radius: 16px;
        border-bottom-right-radius: 50px;
    }

    .css-hdj44s {
        display: flex;
        width: initial;
        height: initial;
        max-height: initial;
        min-height: initial;
        max-width: initial;
        padding: 0px 16px 10px 0px;
        margin: 0px 0px 32px 0px;
        flex-flow: initial;
        -webkit-box-flex: initial;
        flex-grow: initial;
        flex-shrink: initial;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        border-bottom: thin solid var(--N75, #E5E7E9);
    }

    .css-gkyii55 {
        display: flex;
        width: initial;
        height: initial;
        max-height: initial;
        min-height: initial;
        max-width: initial;
        padding: 0px 16px 10px 0px;
        flex-flow: initial;
        -webkit-box-flex: initial;
        flex-grow: initial;
        flex-shrink: initial;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        border-bottom: thin solid var(--N75, #E5E7E9);
    }

    .css-ouinjw {
        display: flex;
        width: initial;
        height: initial;
        max-height: initial;
        min-height: initial;
        max-width: initial;
        padding: 0px 16px 0px 18px;
        margin: 0px;
        flex-flow: initial;
        -webkit-box-flex: initial;
        flex-grow: initial;
        flex-shrink: initial;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    .css-ndyt1p {
        display: flex;
        width: initial;
        height: initial;
        max-height: initial;
        min-height: initial;
        max-width: initial;
        padding: 0px;
        margin: 14px 0px 16px;
        flex-flow: initial;
        -webkit-box-flex: initial;
        flex-grow: initial;
        flex-shrink: initial;
        -webkit-box-align: initial;
        align-items: initial;
        -webkit-box-pack: initial;
        justify-content: initial;
    }

    .css-1as8wvd {
        margin: 0px;
        padding: 0px 0px 0px 16px;
    }

    .css-1vzhir4-unf-card {
        display: block;
        position: relative;
        margin: 0px;
        padding: 16px 0px 12px;
        border-radius: 8px;
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.12));
        background-color: var(--color-card, #FFFFFF);
        cursor: default;
    }

    .css-14t6g3v {
        display: flex;
        width: initial;
        height: initial;
        max-height: initial;
        min-height: initial;
        max-width: initial;
        padding: 0px 0px 0px 32px;
        margin: 0px 0px 16px;
        flex-flow: initial;
        -webkit-box-flex: initial;
        flex-grow: initial;
        flex-shrink: initial;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: start;
        justify-content: flex-start;
    }

    .css-1gf2j7r-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Open Sauce One", "Nunito Sans", -apple-system, sans-serif;
        font-size: 1rem;
        line-height: 18px;
        letter-spacing: 0px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px 8px 0px 0px;
    }

    .css-1ghyuxy {
        display: flex;
        width: initial;
        height: initial;
        max-height: initial;
        min-height: initial;
        max-width: initial;
        padding: 0px 0px 0px 32px;
        margin: 0px;
        flex-flow: initial;
        -webkit-box-flex: initial;
        flex-grow: initial;
        flex-shrink: initial;
        -webkit-box-align: initial;
        align-items: initial;
        -webkit-box-pack: initial;
        justify-content: initial;
    }

    .css-u1cuwv {
        display: flex;
        width: initial;
        height: initial;
        max-height: initial;
        min-height: initial;
        max-width: initial;
        padding: 0px;
        margin: 0px;
        flex-flow: initial;
        -webkit-box-flex: initial;
        flex-grow: initial;
        flex-shrink: initial;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: start;
        justify-content: flex-start;
    }

    .css-1f2ch44-unf-heading {
        display: block;
        position: relative;
        font-weight: 700;
        font-family: "Open Sauce One", "Nunito Sans", -apple-system, sans-serif;
        font-size: 0.857143rem;
        line-height: 18px;
        letter-spacing: 0px;
        color: var(--GN500);
        text-decoration: initial;
        margin: 0px 0px 0px 4px;
    }

    .css-n1u8wi {
        color: var(--color-text-low);
        font-size: 12px;
        line-height: 16px;
        margin: 4px 0px 0px auto;
        padding-left: 16px;
    }

    .css-7bkuha {
        font-size: 14px;
        font-weight: 800;
        line-height: 20px;
        white-space: nowrap;
        display: flex;
        align-self: stretch;
        -webkit-box-align: center;
        align-items: center;
        padding-left: 12px;
        background-color: var(--color-chip-disabled, #F3F4F5);
        color: var(--color-text-low);
        padding-right: 12px;
    }

    .css-dhyy5743-unf-heading {
        display: flex;
        font-weight: 800;
        font-family: "Open Sauce One", "Nunito Sans", -apple-system, sans-serif;
        font-size: 1.14286rem;
        line-height: 20px;
        letter-spacing: 0px;
        color: var(--color-text-high);
        text-decoration: initial;
        position: relative;
        padding-left: 32px;
        margin: 0px;
    }

    .css-dhyy5743-unf-heading .css-aesc53-unf-label {
        margin-left: 10px;
    }

    .css-dhyy5743-unf-heading::before {
        content: "";
        position: absolute;
        width: 4px;
        height: 100%;
        left: 0px;
        top: 0px;
        background: rgb(3, 172, 14);
        border-radius: 0px 2px 2px 0px;
    }

    .css-iru44j {
        border-radius: 3px;
        width: 18px;
        height: 18px;
    }

    .css-ty544r {
        width: 30px;
        height: 30px;
        align-items: center;
        justify-content: center;
        display: flex;
        border-radius: 5px;
        margin: 0px 15px 0px 0px;
        cursor: pointer;
    }

    .css-ty544r.active {
        border-style: solid;
        border-width: 1px;
        border-color: #00ad2b;
    }

    .css-ty544r.disabled .css-iru44j {
        background-color: #F3F4F5 !important;
    }

    .css-tye33s {
        width: 100%;
        vertical-align: top;
        display: flex;
        min-height: 60px;
    }

    .css-tye33s .css-rty344y {
        width: 100%;
        height: 120px;
        color: var(--NN0);
        background: url(https://assets.tokopedia.net/assets-tokopedia-lite/v2/zeus/kratos/df0961b7.png) 0% 0% / contain no-repeat;
        margin: 0px auto 16px;
        padding: 10px 10px 0px;
    }

    .css-tye33s .line-wrapper {
        flex-basis: 0px;
        margin: 0px 16px;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: column;
        width: 3%;
        display: flex;
    }

    .css-tye33s .status-wrapper {
        padding-bottom: 32px;
    }

    .css-tye33s .circle {
        width: 30px;
        height: 20px;
        border-radius: 15%;
        position: relative;
        margin-bottom: auto;
        background-color: #b5bbc5;
    }

    .css-tye33s .line-wrapper .line {
        width: 1px;
        height: calc(100% - 9px);
        margin-bottom: -6px;
        background-image: linear-gradient(to bottom, var(--N100, #DBDEE2) 55%, rgba(255, 255, 255, 0) 55%);
        background-position: left center;
        background-size: 1px 12px;
        background-repeat: repeat-y;
    }

    .css-tye33s .circle::after {
        border-radius: 50%;
        background-color: #FFFFFF;
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        left: 3px;
        top: 3px;
    }

    .css-tye33s .status-wrapper .status {
        font-size: 0.928571rem;
        margin-top: -0.25rem;
    }

    .css-tye33s:last-of-type .line {
        display: none;
    }

    .css-jf788ff {
        color: #ed0000;
        font-size: 12px;
        line-height: 18px;
        position: relative;
        margin: 4px 0px 0px;
    }

    .css-7glk33-unf-btn {
        display: inline-block;
        position: relative;
        font-family: "Nunito Sans", sans-serif;
        font-weight: 700;
        font-size: 0.857143rem;
        line-height: 24px;
        text-indent: initial;
        height: 40px;
        width: auto;
        color: white;
        background-color: #03AC0E;
        cursor: pointer;
        padding: 0px 16px;
        background-position: center center;
        border: 1px solid var(--G500);
        border-radius: 8px;
        outline: none;
        transition: background 0.8s ease 0s;
    }

    .css-7glk33-unf-btn span {
        display: block;
        font-size: inherit;
        opacity: 1;
        overflow: hidden;
        position: relative;
        text-overflow: ellipsis;
        top: 0px;
        transition: opacity 0.3s linear 0s, top 0.3s linear 0s;
        white-space: nowrap;
    }

    .css-7glk33-unf-btn:focus {
        outline: none;
    }

    .css-a50bmo {
        display: flex;
        width: initial;
        height: initial;
        max-height: initial;
        min-height: initial;
        max-width: initial;
        padding: 0px;
        margin: 0px;
        flex-flow: initial;
        -webkit-box-flex: initial;
        flex-grow: initial;
        flex-shrink: initial;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: end;
        justify-content: flex-end;
    }

    .css-1m7yyyf {
        display: flex;
        width: 30%;
        height: initial;
        max-height: initial;
        min-height: initial;
        max-width: initial;
        padding: 0px;
        margin: 0px;
        flex-flow: initial;
        -webkit-box-flex: initial;
        flex-grow: initial;
        flex-shrink: initial;
        -webkit-box-align: initial;
        align-items: initial;
        -webkit-box-pack: initial;
        justify-content: initial;
    }

    .css-fi0u8y-unf-btn {
        background-color: var(--N75, #E5E7E9);
        border: none;
        border-radius: 8px;
        color: var(--N400, #6C727C);
        cursor: not-allowed;
        display: block;
        font-family: inherit;
        font-weight: 700;
        font-size: 1rem;
        height: 40px;
        line-height: 20px;
        outline: none;
        position: relative;
        padding: 0px 16px;
        text-indent: initial;
        transition: background-color 300ms ease 0s;
        width: 100%;
    }

    .css-fi0u8y-unf-btn span {
        display: block;
        font-size: inherit;
        opacity: 1;
        overflow: hidden;
        position: relative;
        text-overflow: ellipsis;
        top: 0px;
        transition: opacity 300ms linear 0s, top 300ms linear 0s;
        white-space: nowrap;
    }

    .css-fi0u8y-unf-btn::after {
        background-color: rgb(49, 53, 59);
        border-radius: inherit;
        inset: 0px;
        content: "";
        opacity: 0;
        pointer-events: none;
        position: absolute;
        transition: opacity 300ms ease 0s;
    }

    .css-yei5mn-unf-btn {
        background-color: var(--G500);
        border: none;
        border-radius: 8px;
        color: rgb(255, 255, 255);
        cursor: pointer;
        display: block;
        font-family: inherit;
        font-weight: 700;
        font-size: 1rem;
        height: 40px;
        line-height: 20px;
        outline: none;
        position: relative;
        padding: 0px 16px;
        text-indent: initial;
        transition: background-color 300ms ease 0s;
        width: 100%;
    }

    .css-yei5mn-unf-btn {
        background-color: var(--G500);
        border: none;
        border-radius: 8px;
        color: rgb(255, 255, 255);
        cursor: pointer;
        display: block;
        font-family: inherit;
        font-weight: 700;
        font-size: 1rem;
        height: 40px;
        line-height: 20px;
        outline: none;
        position: relative;
        padding: 0px 16px;
        text-indent: initial;
        transition: background-color 300ms ease 0s;
        width: 100%;
    }

    .css-yei5mn-unf-btn::after {
        background-color: rgb(49, 53, 59);
        border-radius: inherit;
        inset: 0px;
        content: "";
        opacity: 0;
        pointer-events: none;
        position: absolute;
        transition: opacity 300ms ease 0s;
    }

    .css-gh67dd-menu {
        background-color: rgb(255, 255, 255);
        border-radius: 4px;
        box-shadow: rgb(0 0 0 / 10%) 0px 0px 0px 1px, rgb(0 0 0 / 10%) 0px 4px 11px;
        margin-bottom: 8px;
        position: absolute;
        z-index: 1;
        box-sizing: border-box;
        width: 100%;
        max-width: 482px;
    }

    .css-gtd45e {
        min-height: 40px;
        height: auto;
        border-radius: 8px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        flex: 1 1 0%;
        position: relative;
        overflow: hidden;
        transition: border-color 280ms ease 0s;
        background-color: var(--color-page-background, #FFFFFF);
        border: 1px solid var(--color-border, #E5E7E9);
    }

    .css-gtd45e .e110g5pc0 {
        padding-right: 12px;
        padding-left: 12px;
    }

    .css-934ftf-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-family: "Open Sauce One", "Nunito Sans", -apple-system, sans-serif;
        font-size: 1rem;
        line-height: 20px;
        letter-spacing: 0px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin-bottom: 19px;
        padding-bottom: 5px;
        border-bottom: thin solid var(--N75, #E5E7E9);
    }

    .css-934ftf-unf-heading strong {
        color: #00AB17;
    }

    .css-yxsjo6 {
        width: 200px;
        font-size: 0.714286rem;
        font-weight: 400;
        position: absolute;
        z-index: 1;
        left: 50%;
        padding: 12px 16px;
        border-radius: 4px;
        line-height: 16px;
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.12));
        transition: opacity 280ms ease-in-out 0s;
        opacity: 1;
        visibility: visible;
        background-color: var(--color-text-high);
        text-align: center;
        color: var(--NN0);
        top: 100%;
        transform: translate(-50%, calc(0% + 12px));
    }

    .css-wlskbh {
        border-radius: 8px;
        position: absolute;
        background-color: var(--color-card, #FFFFFF);
        box-shadow: 0 1px 6px 0 var(--color-shadow, rgba(49, 53, 59, 0.12));
        transition-property: opacity, visibility;
        transition-duration: 200ms;
        transition-timing-function: cubic-bezier(0.63, 0.01, 0.29, 1);
        left: 1212.95px;
        top: 430.406px;
        visibility: visible;
        opacity: 1;
        pointer-events: all;
    }

    .css-19h7aj2 {
        padding: 4px;
        min-width: 138px;
    }

    .css-19h7aj2 .dropdownContent__item:hover {
        background-color: var(--N50, #F3F4F5);
        cursor: pointer;
    }

    .css-19h7aj2 .dropdownContent__item {
        padding: 4px 10px;
        border-radius: 4px;
        transition: all 0.3s ease 0s;
        color: var(--N700, #31353B);
        font-weight: bold;
        font-size: 0.857143rem;
        line-height: 18px;
    }

    .css-ywfyo0 {
        width: 100%;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-8tqtwd {
        flex: 0 0 auto;
        max-width: 100%;
        padding: 0px 8px 0px 0px;
    }

    .css-11cyq2l {
        flex: 0 0 auto;
        max-width: 100%;
    }

    .css-34kut5 {
        width: 30px;
        height: 20px;
        border-radius: 15%;
        position: relative;
        background-color: #b5bbc5;
    }

    .css-34kut5::after {
        border-radius: 50%;
        background-color: #FFFFFF;
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        left: 3px;
        top: 3px;
    }

    .css-x6hcan-unf-ticker {
        position: relative;
        width: 100%;
        border-radius: 8px;
        margin: auto;
        overflow: hidden;
        margin-bottom: 15px;
    }

    .css-y5go1x {
        display: flex;
        flex: 1 0 100%;
        position: relative;
        width: 100%;
        overflow: hidden;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row;
        color: var(--NN950);
        background-color: var(--YN50);
        padding: 12px;
        border: 1px solid var(--BN200);
        border-radius: 8px;
    }

    .css-f2gede {
        margin-right: 14px;
        width: 24px;
    }

    .css-1ih5x8y-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Open Sauce One", "Nunito Sans", -apple-system, sans-serif;
        font-size: 1rem;
        line-height: 22px;
        letter-spacing: 0px;
        color: var(--NN950);
        text-decoration: initial;
        margin: 0px;
    }

    .css-1z0diop-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-family: "Open Sauce One", "Nunito Sans", -apple-system, sans-serif;
        font-size: 1rem;
        line-height: 22px;
        letter-spacing: 0px;
        color: var(--NN950);
        text-decoration: initial;
        margin: 0px;
    }

    .css-fk70ffs {
        padding: 17px 16px 0px 16px;
    }

    .css-ky793de {
        width: calc(30% - 6px);
        flex: 0 0 auto;
        max-width: 100%;
        display: flex;
    }

    .css-8jdfd44-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-family: "Open Sauce One", "Nunito Sans", -apple-system, sans-serif;
        font-size: 1rem;
        line-height: 20px;
        letter-spacing: 0px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin-bottom: 29px;
        padding-bottom: 5px;
    }

    .css-8jdfd44-unf-heading strong {
        color: #00AB17;
    }

    .css-1rm7u2e {
        background-color: transparent;
    }

    .css-usuaic {
        max-width: 500px;
        width: 100%;
        margin: 0 auto;
    }

    .css-lapse9e {
        padding-top: 52px;
    }

    .css-1l4sqwf {
        display: grid;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        grid-template-columns: auto 1fr auto;
        grid-template-rows: auto;
        -webkit-column-gap: 8px;
        column-gap: 8px;
        min-height: 52px;
        max-width: 500px;
        padding-top: 8px;
        padding-bottom: 4px;
        padding-right: 10px;
        padding-left: 16px;
        z-index: 40;
        width: 100%;
        background-color: transparent;
        outline: initial;
        position: fixed;
        will-change: background-color, outline;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        -webkit-transition-property: background-color, border-bottom;
        transition-property: background-color, border-bottom;
    }

    .css-5j5h3f {
        display: grid;
        -webkit-box-align: center;
        align-items: center;
        grid-template-columns: auto 1fr auto;
        grid-template-rows: auto;
        column-gap: 8px;
        min-height: 52px;
        max-width: 500px;
        padding-top: 8px;
        padding-bottom: 4px;
        padding-right: 10px;
        padding-left: 16px;
        z-index: 40;
        width: 100%;
        background-color: var(--NN0);
        position: fixed;
        will-change: background-color, outline;
        outline: rgb(218, 226, 237) solid 1px;
        transition: background-color 0.3s ease 0s, border-bottom;
    }

    .css-7v0y8l {
        display: grid;
        -webkit-box-align: center;
        align-items: center;
        grid-template-rows: 36px;
    }

    .css-woaqnc {
        display: grid;
        -webkit-box-align: center;
        align-items: center;
        grid-template-columns: repeat(4, 36px);
        grid-template-rows: 36px;
    }

    .css-1ph5uxn {
        display: grid;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        grid-template-columns: repeat(0, 36px);
        grid-template-rows: 36px;
    }

    .css-ocefpf {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        margin-left: -8px;
        margin-right: 0px;
    }

    .css-7diaqu-unf-searchbar {
        position: relative;
        margin: 0;
        -webkit-transition: margin 0.24s ease;
        transition: margin 0.24s ease;
    }

    .css-7diaqu-unf-searchbar::before {
        content: '';
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 4px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        background-image: url(https://assets.tokopedia.net/assets-tokopedia-lite/v2/atreus/kratos/d3d8fc05.svg);
        background-repeat: no-repeat;
        background-position: center;
    }

    .css-7diaqu-unf-searchbar .unf-searchbar__input {
        display: block;
        height: 36px;
        width: 100%;
        font-family: inherit;
        padding: 12px 24px 12px 28px;
        border-radius: 8px;
        outline: none;
        background-color: var(--NN0);
        border: 1px solid var(--NN200);
        font-size: 14px;
        line-height: 18px;
        color: var(--NN950);
    }

    .css-7diaqu-unf-searchbar .unf-searchbar__input {
        padding: 0px 12px 2px 28px;
        background-color: var(--NN0);
        will-change: background-color, border;
        border: 1px solid var(--N100, #DBDEE2);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        -webkit-transition-property: background-color, border-bottom;
        transition-property: background-color, border-bottom;
    }

    .css-7diaqu-unf-searchbar .unf-navbar__title,
    .css-7diaqu-unf-searchbar .unf-searchbar__input {
        text-overflow: ellipsis;
    }

    .css-zrvj0k {
        width: 40px;
        height: 40px;
        cursor: pointer;
        background-image: url(https://assets.tokopedia.net/assets-tokopedia-lite/v2/atreus/kratos/1b212956.svg);
        background-repeat: no-repeat;
        background-size: 24px;
        background-position: center;
        background-color: transparent;
        border: 0;
        outline: none;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%) scale(0);
        -ms-transform: translateY(-50%) scale(0);
        transform: translateY(-50%) scale(0);
        -webkit-transition: -webkit-transform 300ms cubic-bezier(0.63, 0.01, 0.29, 1);
        -webkit-transition: transform 300ms cubic-bezier(0.63, 0.01, 0.29, 1);
        transition: transform 300ms cubic-bezier(0.63, 0.01, 0.29, 1);
        font-size: 0;
    }

    .css-7diaqu-unf-searchbar button {
        background-size: 12px;
    }

    .css-2t8iwn {
        display: grid;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        grid-template-columns: repeat(4, 36px);
        grid-template-rows: 36px;
    }

    .css-18t80ih {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .css-1go7o2i-unf-notification {
        display: inline-block;
        padding: 0px 4px;
        text-align: center;
        font-size: 10px;
        line-height: 14px;
        min-width: 16px;
        height: 16px;
        color: rgb(255, 255, 255);
        background: var(--RN500);
        position: absolute;
        border-radius: 6px;
        right: -2px;
        top: -6px;
    }

    .css-2t8iwn svg {
        fill: var(--NN0);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        -webkit-transition-property: fill, border-bottom;
        transition-property: fill, border-bottom;
    }

    .css-4j64ny {
        display: block;
        width: 100%;
        max-width: 500px;
        overflow: hidden;
        position: absolute;
        z-index: -2;
        background: linear-gradient(7.43deg, #089855 7.64%, #00AB17 96.11%);
        height: 188px;
    }

    .css-2e0p2t {
        display: block;
        background: var(--NN0);
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        position: relative;
        z-index: 0;
    }

    .css-1v8x7dw {
        overflow: auto;
    }

    .css-9kytv8 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 68px;
        border-radius: 8px;
        background-color: var(--NN0);
        margin: 8px 16px 16px 16px;
        padding: 10px;
        max-width: 500px;
    }

    .css-1oizevs {
        display: block;
        width: 100%;
        height: 52px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none;
    }

    .css-z8pseq {
        width: 100%;
        overflow-y: hidden;
        overflow-x: auto;
        margin: 12px 0px;
        -ms-overflow-style: none;
        -webkit-scrollbar-width: none;
        -moz-scrollbar-width: none;
        -ms-scrollbar-width: none;
        scrollbar-width: none;
    }

    .css-1lip52x {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-left: 16px;
    }

    .css-u3om5k {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        margin-right: 8px;
    }

    .css-l26c97 {
        margin-bottom: 4px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        border-radius: 50%;
        background-color: var(--NN0, #f4f4f4);
        width: 48px;
        height: 48px;
    }

    .css-nmmu5w {
        color: var(--NN950);
        margin: 0;
        max-width: 56px;
        font-size: 0.7142857142857143rem;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        line-height: 14px;
        width: 56px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .css-l26c97 img {
        width: 68%;
        height: 100%;
        object-fit: contain;
    }

    .css-z8pseq::-webkit-scrollbar {
        display: none;
    }

    .css-ml2lxs {
        height: 8px;
        height: 1px;
        background: transparent;
    }

    .css-1rv6yew-unf-divider {
        width: 100%;
        height: 8px;
        background-color: var(--N700);
    }

    .css-150k7hs {
        display: block;
        position: relative;
        overflow: hidden;
        position: relative;
        display: block;
        padding: 12px 0px;
    }

    .css-1g4xm8g {
        position: relative;
        display: block;
        padding: 0px 16px;
        z-index: 1;
        padding: 0;
        margin: 0px -4px;
    }

    .css-1l1yr8k {
        width: 100%;
        position: relative;
        margin: 0 auto;
        overflow: hidden;
        white-space: nowrap;
    }

    .css-1trfag1 {
        width: 100%;
        margin: 0 auto;
        display: inline-block;
        vertical-align: top;
        position: relative;
    }

    .css-osxvod {
        position: relative;
        display: block;
        width: 100%;
        height: 0px;
        max-width: 500px;
        padding-top: 33.33333333333333%;
        border-radius: 8px;
    }

    .css-1trfag1 img {
        width: 100%;
    }

    .css-17jklpk {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
    }

    .css-j1euuu {
        position: relative;
        display: block;
        z-index: 3;
        background: transparent;
        padding-bottom: 70px;
    }

    .carousel .carousel-item {
        height: 190px;
    }

    .carousel-indicators{
        margin-bottom: 0px;
    }

    .carousel-item img {
        position: absolute;
        top: 0;
        left: 0;
        min-height: 100%;
        object-fit: cover;
    }


    .css-1xnb600 {
        display: block;
        position: relative;
        overflow: hidden;
    }

    .css-1om8wo9 {
        display: flex;
        flex-flow: column wrap;
        align-content: flex-start;
        padding: 0px 0px 0px 14px;
        margin: 0px 0px 12px -4px;
        overflow: scroll;
        max-height: 310px;
    }

    .css-1om8wo9::-webkit-scrollbar {
        display: none;
    }

    .css-9bx9ny {
        position: relative;
        display: block;
        padding: 4px;
    }

    .css-zjv45n {
        position: relative;
        display: flex;
        flex-direction: column;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        align-items: center;
        width: 120px;
        height: auto;
        border-radius: 8px;
        border: 1px solid var(--NN50);
    }

    .active>.css-zjv45n {
        border: 1px solid var(--GN400);
        color: var(--GN500);
        background: var(--GN50);
    }

    .active>.css-zjv45n .css-4nv4t8 {
        color: var(--GN500) !important;
    }

    .css-18if7i3 {
        display: inline-block;
        opacity: 1;
        border: 0px;
        margin: 0px;
        padding: 0px;
        background-image: none;
        background-position: initial;
        background-size: initial;
        background-repeat: initial;
        background-attachment: initial;
        background-origin: initial;
        background-clip: initial;
        overflow: hidden;
        box-sizing: border-box;
        position: relative;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        background-color: var(--NN50);
        width: 120px;
        height: 120px;
    }

    .css-p44fcm {
        position: absolute;
        inset: 0px;
        width: 0px;
        height: 0px;
        min-width: 100%;
        max-width: 100%;
        min-height: 100%;
        max-height: 100%;
        display: block;
        padding: 0px;
        border: none;
        box-sizing: border-box;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        margin: 0px;
    }

    .css-4jkhsn {
        display: block;
        color: var(--NN950, rgba(33, 33, 33, 0.96));
        font-family: "Open Sauce One", "Nunito Sans", -apple-system, sans-serif;
        overflow: hidden;
        overflow-wrap: break-word;
        white-space: nowrap;
        text-overflow: ellipsis;
        letter-spacing: 0.2px;
        font-size: 18px;
        font-weight: bold;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .css-1n8xidt {
        position: relative;
        display: flex;
        flex-flow: row;
        padding: 16px 16px 12px;
    }

    .css-1xx7g93 {
        display: flex;
        flex: 1 1 auto;
        flex-flow: column;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        width: 100%;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        padding: 6px 8px;
    }

    .css-4nv4t8 {
        font-size: 0.857143rem;
        font-weight: 800;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        text-align: center;
        color: var(--NN950);
        width: 100%;
        display: -webkit-box;
        overflow: hidden;
        overflow-wrap: break-word;
        white-space: normal;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        max-height: 50px;
    }

    .css-vuuho4 {
        position: relative;
        display: flex;
        flex-flow: row;
        padding: 16px 16px 8px;
    }



    .css-om92sx {
        position: relative;
        display: flex;
        flex-flow: row;
        padding: 16px 16px 4px;
    }

    .css-1qkxqtx {
        padding-bottom: 8px;
        position: relative;
        display: block;
    }

    .css-1e96gai {
        display: flex;
        flex: 1 1 auto;
        -webkit-box-align: center;
        align-items: center;
        overflow: hidden;
    }

    .css-193dyj3 {
        display: block;
        color: var(--NN950, rgba(33, 33, 33, 0.96));
        font-size: 1.14286rem;
        font-weight: 800;
        font-family: "Open Sauce One", "Nunito Sans", -apple-system, sans-serif;
        line-height: 1.28571rem;
        overflow: hidden;
        overflow-wrap: break-word;
        white-space: nowrap;
        text-overflow: ellipsis;
        letter-spacing: 0.2px;
    }

    .css-49i75y {
        display: flex;
        flex: 0 0 auto;
        -webkit-box-align: center;
        align-items: center;
        overflow: hidden;
        padding-left: 8px;
    }

    .css-5txbi7 {
        font-size: 0.857143rem;
        font-weight: 800;
        font-family: "Open Sauce One", -apple-system, sans-serif;
        line-height: 1.14286rem;
        color: var(--GN500, rgba(0, 170, 91, 1));
        margin: auto 0px auto auto;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        letter-spacing: 0.1px;
    }

    .css-1ezqpb4 {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 50%;
        max-height: 250px;
        background: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));
        user-select: none;
        pointer-events: none;
    }

    .css-zdeb9t {
        display: flex;
        padding: 8px 0px 8px 14px;
        margin-left: -4px;
        overflow: scroll;
    }

    .css-6qxndm {
        display: block;
        min-width: 170px;
        max-width: 170px;
        padding: 0px 4px;
    }

    .css-13ekl7h {
        position: relative;
        z-index: 0;
        height: 100%;
        min-width: 50%;
        cursor: pointer;
        flex: 1 1 auto;
    }

    .css-13ekl7h>div {
        height: 100%;
    }

    .css-1c4umxf {
        display: flex;
        flex-direction: column;
        -webkit-box-pack: justify;
        justify-content: space-between;
        height: 100%;
        border-radius: 9px;
        overflow: hidden;
        padding: 0px;
        margin: 0px;
    }

    .css-gfx8z3 {
        display: flex;
        position: static;
        overflow: visible;
        background-color: var(--NN0);
        flex-flow: column nowrap;
        height: 100%;
    }

    .css-1f2quy8 {
        position: relative;
        display: block;
        margin: 0px;
        height: 0px;
        padding-bottom: 100%;
        margin-bottom: 10px;
        overflow: hidden;
    }

    .css-1f2quy8 a {
        display: initial;
    }

    .css-1eg7f6s.responsive {
        display: block;
    }

    .css-1eg7f6s {
        position: relative;
        opacity: 1;
        border: 0px;
        margin: 0px;
        padding: 0px;
        height: initial;
        background: none;
        overflow: hidden;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }

    .css-10rucli {
        display: block;
        width: initial;
        height: initial;
        opacity: 1;
        border: 0px;
        margin: 0px;
        padding: 100% 0px 0px;
        background: none;
        box-sizing: border-box;
        overflow: hidden;
    }

    .css-10rucli.responsive {
        display: block;
    }

    .css-1eg7f6s>img {
        display: block;
        object-fit: cover;
        object-position: center center;
        width: 100%;
        height: 100%;
        margin: 0px auto;
    }

    .css-1f2quy8 img {
        border-radius: 8px 8px 0px 0px;
    }

    .css-1c345mg {
        position: absolute;
        inset: 0px;
        width: 0px;
        height: 0px;
        min-width: 100%;
        max-width: 100%;
        min-height: 100%;
        max-height: 100%;
        display: block;
        padding: 0px;
        margin: auto;
        border: none;
        box-sizing: border-box;
    }

    .css-17refce {
        position: absolute;
        display: flex;
        padding: 3px 4px;
        width: 22px;
        height: 20px;
        right: 4px;
        bottom: 4px;
    }

    .css-1gohnec {
        font-size: 0.714286rem;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        letter-spacing: normal;
        color: rgb(255, 255, 255);
        width: 14px;
        height: 14px;
        text-shadow: rgb(0 0 0 / 36%) 0px 1px 2px;
    }

    .css-974ipl {
        position: relative;
        display: flex;
        flex: 1 1 0%;
        flex-direction: column;
        vertical-align: middle;
        height: auto;
        width: 100%;
        padding: 8px;
        overflow: hidden;
        background-color: var(--NN0);
    }

    .css-gwkf0u {
        display: flex;
        flex-flow: column;
        -webkit-box-flex: 1;
        flex-grow: 1;
        text-align: left;
    }

    .css-svipq6 {
        color: var(--NN950);
        font-size: 0.86rem;
        line-height: 1.5;
        max-width: 100%;
        max-height: 100%;
        white-space: pre-wrap;
        word-break: keep-all;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-bottom: 4px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .css-1ksb19c {
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        color: var(--NN950);
        opacity: 1;
        font-size: 1rem;
        font-weight: bold;
        align-items: flex-end;
        line-height: 1.43;
        margin-bottom: 4px;
    }

    .css-tolj34 {
        display: inline-block;
        background-color: var(--GN100, #C9FDE0);
        border-radius: 3px;
        font-weight: bold;
        font-size: 0.714286rem;
        color: var(--GN500);
        line-height: 1.4;
        letter-spacing: normal;
        margin-bottom: 4px;
        height: 20px;
        padding: 3px 4px 2px;
        margin-right: auto;
    }

    .css-yaxhi2 {
        position: relative;
    }

    .css-1ktbh56 {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        color: var(--N700, rgba(49, 53, 59, 0.54));
        font-size: 0.85rem;
        line-height: 18px;
        margin-bottom: 4px;
    }

    .css-1dvi03c {
        position: relative;
        display: flex;
        flex: 0 0 16px;
        height: 16px;
        margin-right: 2px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(https://images.tokopedia.net/ta/icon/badge/OS-Badge-80.png);
    }

    .css-1rn0irl {
        display: flex;
        flex-direction: column;
        line-height: 18px;
        height: 20px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 100%;
    }

    .css-1kdc32b {
        height: 20px;
        transition: transform 0.3s ease 0s;
        transform: translateY(0px);
        color: var(--NN600);
    }

    .css-1kdc32b {
        height: 20px;
        transition: transform 0.3s ease 0s;
        transform: translateY(0px);
        color: var(--NN600);
    }

    .css-1kdc32b.hidden {
        display: none;
    }

    .css-yaxhi2.full>div:last-child {
        width: 100%;
    }

    .css-yaxhi2>div:last-child {
        margin-bottom: 1px;
        width: 85%;
    }

    .css-q9wnub {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        color: var(--NN600);
        width: 100%;
        overflow: hidden;
    }

    .css-q9wnub i {
        flex-shrink: 0;
        margin-right: 2px;
    }

    .css-1dnx348 {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 16px;
        height: 16px;
        margin-right: 2px;
        background-image: url(https://assets.tokopedia.net/assets-tokopedia-lite/v2/atreus/kratos/9527c778.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 16px;
    }

    .css-t70v7i {
        color: var(--NN600);
        display: flex;
        font-size: 0.85rem;
        -webkit-box-align: center;
        align-items: center;
        line-height: normal;
        height: 12px;
    }

    .css-138sgdp {
        margin: 1px 4px 0px;
        height: 10px;
        width: 1px;
        background: var(--NN600);
    }

    .css-1duhs3e {
        height: 16px;
        display: inline-block;
        background-color: var(--NN0);
        border-radius: 3px;
        font-weight: bold;
        font-size: 0.714286rem;
        color: var(--NN600);
        line-height: 1.4;
        letter-spacing: normal;
        margin-bottom: 4px;
        padding: 3px 0px 2px;
    }

    .css-q9wnub span:last-child {
        font-size: 0.85rem;
        font-weight: normal;
        line-height: normal;
        height: auto;
        margin-bottom: 0px;
        padding: 0px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .css-zdeb9t::-webkit-scrollbar {
        display: none;
    }

    .css-1i11mif {
        height: 50px;
        position: fixed;
        bottom: -1px;
        width: 100%;
        background-color: var(--NN0);
        box-shadow: 0 -2px 4px 0 rgb(108 114 124 / 16%);
        z-index: 20;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        max-width: 500px;
        margin: 0 auto;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-items: flex-start;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
    }

    .css-11rf802 {
        padding: 4px 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: space-around;
        -webkit-justify-content: space-around;
        -ms-flex-pack: space-around;
        justify-content: space-around;
        font-weight: 400;
        font-size: 10px;
        line-height: 16px;
        color: rgba(49, 53, 59, 0.68);
        -webkit-text-decoration: initial;
        text-decoration: initial;
        white-space: nowrap;
    }

    .css-1i11mif>a {
        width: calc(100% / 5);
    }

    .css-mw28ox {
        width: 24px;
        height: 24px;
        margin-bottom: 4px;
        position: relative;
    }

    .css-6lgzv2 {
        position: relative;
        display: block;
        width: 100%;
        max-width: 500px;
        margin: 0px auto;
    }

    .css-6lgzv2::before {
        display: block;
        content: "";
        height: 1px;
        width: 100%;
        background: var(--N700);
    }

    .css-p6w9e {
        position: relative;
        display: block;
        margin: 8px 0px;
        height: 68px;
    }

    .css-8i1ktq {
        position: relative;
        display: flex;
        flex-flow: column;
        width: 100%;
        padding: 8px 12px 0px 12px;
    }

    .css-8atqhb {
        width: 100%;
    }

    .css-80fedd {
        width: 100%;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
    }

    .css-sa50dle {
        width: 50%;
        position: relative;
        min-height: 1px;
        padding: 10px;
        text-align: center;
        display: flex;
    }

    .css-sa100le {
        width: 100%;
        position: relative;
        min-height: 1px;
        padding: 10px;
        text-align: center;
        display: flex;
    }

    .css-prk89d {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .css-prk89d img {
        height: auto;
        max-width: 100%;
        vertical-align: middle;
        display: inline-block;
        max-height: 110px;
    }

    .css-14h06fj {
        display: flex;
        align-items: flex-start;
        margin-left: -8px;
        width: auto;
    }

    .css-1h9x1x0 {
        width: 50%;
        display: inline-block;
        padding-left: 8px;
        background-clip: padding-box;
    }

    .css-1h9x1x0>div {
        margin-bottom: 8px;
    }

    .css-em6f9j {
        position: relative;
        display: block;
        flex: 1 1 auto;
    }

    .css-ouklbv {
        position: relative;
        z-index: 0;
        height: 100%;
        cursor: pointer;
        flex: 1 1 0%;
        min-width: 100%;
        max-width: 100%;
    }

    .css-ouklbv>div {
        height: 100%;
    }

    .css-gj5dds {
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 52px;
        max-width: 500px;
        justify-content: center;
        padding-top: 8px;
        padding-bottom: 4px;
        z-index: 40;
        width: 100%;
        background-color: var(--col-pid-primary);
        outline: initial;
        position: fixed;
        will-change: background-color, outline;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        -webkit-transition-property: background-color, border-bottom;
        transition-property: background-color, border-bottom;
    }

    .css-fh5sskd {
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 52px;
        max-width: 500px;
        justify-content: center;
        padding-top: 8px;
        padding-bottom: 4px;
        z-index: 40;
        width: 100%;
        outline: initial;
        position: fixed;
        will-change: background-color, outline;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        -webkit-transition-property: background-color, border-bottom;
        transition-property: background-color, border-bottom;
        background-color: var(--prime-color-primary-gray);
    }

    .css-fh5sskd svg {
        fill: var(--NN0);
        transition: fill 0.3s ease 0s, border-bottom;
    }

    .css-rjt54d {
        display: flex;
        justify-content: center;
    }

    .css-dltp55 {
        float: left;
        position: absolute;
        bottom: 0;
        width: 100%;
        max-width: 500px;
        height: auto;
        left: auto;
        margin-left: 0;
        z-index: 7;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    .css-dkltff {
        cursor: pointer;
        float: left;
        box-sizing: border-box;
        position: relative;
        color: #fff;
        background: rgba(0, 0, 0, .5);
        overflow: hidden;
        transition: all .3s;
        width: 100%;
        border-radius: 0;
        border-right: 0;
    }

    .carousel__img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        -o-object-fit: cover;
    }

    .css-dksjrd {
        margin: 13px 10px;
    }

    .css-1epbc8 {
        position: absolute;
        right: 8px;
        top: 50%;
        margin: 0px 0px 0px 8px;
        border-radius: 14px;
        transform: translateY(-50%) scale(1);
        transition: transform 0.32s ease 0s;
    }

    .css-1jk03sn-unf-overlay {
        width: 100%;
        height: 100%;
        background-color: var(--color-overlay, rgba(49, 53, 59, 0.68));
        opacity: 1;
        position: fixed;
        top: 0px;
        left: 0px;
        overflow: hidden;
        z-index: 100;
        will-change: opacity;
        transition: opacity 300ms cubic-bezier(0, 0, 0.3, 1) 0s;
    }

    .css-1len3qs-unf-modal {
        z-index: 110;
        opacity: 1;
        width: 85%;
        background-color: var(--color-card, #FFFFFF);
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 8px;
        padding: 32px 12px 12px 12px;
        text-align: center;
        transition: opacity 0.2s ease 0s;
        box-shadow: 0px 1px 6px var(--color-shadow, rgba(49, 53, 59, 0.12));
        display: flex;
        flex-direction: column;
    }

    .css-aeclb2-unf-heading-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Nunito Sans", -apple-system, sans-serif;
        font-size: 1.71429rem;
        line-height: 30px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px 0px 16px;
    }

    .css-1len3qs-unf-modal h2 {
        margin: 0px 0px 30px;
    }

    .css-1ttk5kz-unf-btn {
        height: 40px;
        color: var(--color-text-high);
        font-family: "Nunito Sans", sans-serif;
        font-weight: 700;
        font-size: 0.857143rem;
        line-height: 24px;
        text-indent: initial;
        background-color: transparent;
        border: 1px solid var(--N75, #E5E7E9);
        border-radius: 8px;
        display: inline-block;
        outline: none;
        cursor: pointer;
        position: relative;
        padding: 0px 16px;
        transition: background-color 300ms ease 0s;
        width: 140px;
        margin-right: 15px;
    }

    .css-1ttk5kz-unf-btn span {
        font-size: inherit;
        text-overflow: ellipsis;
        white-space: nowrap;
        opacity: 1;
        display: block;
        overflow: hidden;
        position: relative;
        top: 0px;
        transition: opacity 300ms linear 0s, top 300ms linear 0s;
    }

    .css-1ttk5kz-unf-btn::after {
        content: "";
        background-color: rgb(49, 53, 59);
        opacity: 0;
        inset: 0px;
        border-radius: inherit;
        position: absolute;
        transition: opacity 300ms ease 0s;
        pointer-events: none;
    }

    .css-oyf539-unf-btn {
        height: 40px;
        color: rgb(255, 255, 255);
        font-family: "Nunito Sans", sans-serif;
        font-weight: 700;
        font-size: 0.857143rem;
        line-height: 24px;
        text-indent: initial;
        background-color: var(--G500);
        border: none;
        border-radius: 8px;
        display: inline-block;
        outline: none;
        cursor: pointer;
        position: relative;
        padding: 0px 16px;
        transition: background-color 300ms ease 0s;
        width: 140px;
    }

    .css-oyf539-unf-btn.disabled {
        background-color: #E5E7E9;
        color: var(--N400, #6C727C);
        cursor: not-allowed;
    }

    .css-oyf539-unf-btn span {
        font-size: inherit;
        text-overflow: ellipsis;
        white-space: nowrap;
        opacity: 1;
        display: block;
        overflow: hidden;
        position: relative;
        top: 0px;
        transition: opacity 300ms linear 0s, top 300ms linear 0s;
    }

    .css-oyf539-unf-btn::after {
        content: "";
        background-color: rgb(49, 53, 59);
        opacity: 0;
        inset: 0px;
        border-radius: inherit;
        position: absolute;
        transition: opacity 300ms ease 0s;
        pointer-events: none;
    }

    .css-8ryfhdd {
        height: 40px;
        border-radius: 8px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        flex: 1 1 0%;
        position: relative;
        overflow: hidden;
        transition: border-color 280ms ease 0s;
        background-color: var(--color-page-background, #FFFFFF);
        border: 1px solid var(--color-border, #E5E7E9);
    }

    .css-8ryfhdd .e16vycsw0 {
        padding-right: 12px;
        padding-left: 12px;
    }

    .css-hjud66 {
        min-width: 0px;
        min-height: 0px;
        width: 100%;
        color: var(--color-text-high);
        font-family: inherit;
        background-color: transparent;
        line-height: 22px;
        border: none;
        outline: none;
        height: auto;
        font-size: 14px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .css-dk4ga {
        margin-top: 15px;
    }

    .css-sls4d {
        width: auto;
    }

    .css-6jv1ta {
        --color-shadow: 0 1px 4px 0 rgba(141, 150, 170, 0.4);
        display: block;
        position: relative;
        overflow: hidden;
        background-color: var(--NN0);
        border-radius: initial;
        padding: 16px;
        transition-property: background-color, border-color, box-shadow;
        transition-duration: 120ms;
        transition-timing-function: cubic-bezier(0.2, 0.64, 0.21, 1);
    }

    .css-1mgrh0o-unf-heading {
        display: block;
        position: relative;
        line-height: 18px;
        color: rgb(3, 172, 14);
        text-decoration: initial;
        margin: 20px 0px 0px 0px;
    }

    .whatsapp-button {
        position: fixed;
        bottom: 65px;
        right: 15px;
        z-index: 99;
        background-color: #25d366;
        border-radius: 50px;
        color: #ffffff;
        text-decoration: none;
        width: 50px;
        height: 50px;
        font-size: 30px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        -webkit-box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, 1);
        -moz-box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, 1);
        box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, 1);
        animation: effect 5s infinite ease-in;
    }

    .whatsapp-button:hover {
        color: #ffffff;
        background-color: #007d15;
    }

    @keyframes effect {

        20%,
        100% {
            width: 50px;
            height: 50px;
            font-size: 30px;
        }

        0%,
        10% {
            width: 55px;
            height: 55px;
            font-size: 35px;
        }

        5% {
            width: 50px;
            height: 50px;
            font-size: 30px;
        }
    }

    .css-sla34d {
        background-color: var(--NN0);
        padding: 40px 10px 10px 10px;
    }

    .css-1cs7o53 {
        display: block;
        position: relative;
        overflow: hidden;
        padding: 12px;
    }

    .css-tbbzsp {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-transition: -webkit-transform 500ms ease-out;
        -webkit-transition: transform 500ms ease-out;
        transition: transform 500ms ease-out;
    }

    .css-tbbzsp>* {
        width: 100%;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .css-1kachai {
        width: 100%;
        height: auto;
    }

    .css-04dlrd {
        background-color: var(--NN0);
        color: #000000;
        padding: 40px 10px 40px 10px;
    }

    .css-gp03dg {
        background-color: var(--prime-color-primary-gray);
        color: var(--NN0);
        padding: 40px 15px 10px 15px;
    }

    .css-dkl5dd {
        text-align: center;
        font-weight: 700;
        line-height: 48px;
        font-size: 25px;
        margin: 0px 0px 10px 0px;
        color: var(--col-pid-primary);
    }

    .css-fksteys {
        text-align: center;
        font-weight: 700;
        font-size: 20px;
        margin: 0px 0px 10px 0px;
        color: var(--col-pid-primary);
    }

    .css-sk3d00 {
        text-align: center;
        font-weight: 700;
        line-height: 38px;
        font-size: 25px;
        margin: 0px;
        color: var(--col-pid-primary);
    }

    .css-slfj5ds {
        text-align: center;
        font-weight: 400;
        font-size: 18px;
        line-height: 27px;
        color: #000000;
    }

    .css-sad9d3d {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 30px;
    }

    .css-sad9d3d a {
        color: #ffffff;
    }

    .css-sl4dsp {
        margin: 76px 5px 0px 5px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .css-dlpw4we {
        margin-bottom: 68px;
        text-align: center;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        position: relative;
        width: 100%;
    }

    .css-dlpw4we>div {
        padding: 32px;
        border-radius: 40px;
        -webkit-box-shadow: 0 0 14px 0 rgb(16 24 32 / 14%);
        box-shadow: 0 0 14px 0 rgb(16 24 32 / 14%);
        height: 100%;
    }

    .css-dlpw4we img {
        height: 72px;
        border-radius: 24px;
        -webkit-box-shadow: 0 0 10px 0 rgb(16 24 32 / 10%);
        box-shadow: 0 0 10px 0 rgb(16 24 32 / 10%);
        margin-top: -68px;
        padding: 8px 14px;
        background-color: #fff;
        width: auto;
        margin-bottom: 1rem;
    }

    .css-dlpw4we h3 {
        font-size: 18px;
        line-height: 1.43;
        font-style: normal;
        font-stretch: normal;
        margin-bottom: 8px;
        color: #101820;
        font-weight: bold;
    }

    .css-dlpw4we p {
        font-size: 14px;
        line-height: 21px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal;
        color: #101820;
    }

    .css-skl4ds {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        flex-wrap: wrap;
        max-width: 100%;
        position: relative;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        display: flex;
        margin-bottom: 32px;
        align-content: space-between;
        box-sizing: border-box;
    }

    .css-skl4ds img {
        height: 27px;
    }

    .css-sk5sle {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        position: relative;
        width: 100%;
        display: flex;
        margin-top: 3rem;
    }

    .css-sk5sle p {
        font-size: .875rem;
        line-height: 1.3125rem;
    }

    .css-j47s49 {
        margin-top: 10px;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        position: relative;
        justify-content: center;
    }

    .css-j47s49 button {
        line-height: 30px;
        -webkit-animation: blinker 1s linear infinite;
        animation: blinker 1s linear infinite;
        border-radius: 8px;
        width: auto;
        padding: 5px 20px;
        background: #00aa5b;
        color: #ffffff;
        font-weight: 700;
        font-size: 24px;
        margin-right: 4px;
        border: none;
        cursor: pointer;
    }

    @keyframes blinker {
        to {
            background: #00ab17a3;
        }
    }

    @-webkit-keyframes blinker {
        to {
            background: #00ab17a3;
        }
    }

    .css-1vqjtbq {
        max-width: 100%;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-34ybcs {
        height: 20px;
        line-height: 20px;
        border-radius: 14px;
        background-color: var(--RN500, #E02954);
        color: var(--NN0);
        padding: 0px 8px 0px 4px;
        display: inline-flex;
        flex-shrink: 0;
        -webkit-box-align: center;
        align-items: center;
        font-weight: bold;
    }

    .css-1frbrna {
        height: 12px;
        line-height: 12px;
        font-size: 12px;
        flex-shrink: 0;
        overflow: hidden;
    }

    .css-j3txfr {
        font-size: 12px;
        text-align: center;
        display: inline-flex;
        position: relative;
        box-sizing: border-box;
        overflow: hidden;
    }

    .css-1li8p7i {
        width: 50%;
        position: relative;
        font-size: 12px;
        will-change: transform;
    }

    .css-21k3s {
        margin-bottom: 20px;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        position: relative;
        justify-content: center;
    }

    .css-147t50f {
        flex: 0 1 auto;
        font-size: 0.857143rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        font-family: "Open Sauce One", -apple-system, sans-serif;
        line-height: 1.14286rem;
        letter-spacing: 0.1px;
        color: var(--NN600, rgba(109, 117, 136, 1));
        overflow: hidden;
        overflow-wrap: break-word;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding-right: 8px;
    }

    .css-n8fctm {
        display: flex;
        flex: 1 1 0%;
        -webkit-box-align: center;
        align-items: center;
        padding-top: 12px;
    }

    .css-1m4ttch-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 12px;
        line-height: 16px;
        color: var(--color-text-low);
        text-decoration: initial;
        margin: 0px;
    }

    .css-m75dnw {
        margin-left: 6px;
    }

    .css-bcbspe-unf-heading {
        display: inline-block;
        position: relative;
        font-weight: 700;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 12px;
        line-height: 16px;
        color: var(--G500);
        text-decoration: none;
        margin: 0px;
    }

    .css-g871i0-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 12px;
        line-height: 16px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px;
    }

    .css-1kzo3b9 {
        overflow-x: hidden;
    }

    .css-63yjra {
        display: flex;
        flex-wrap: wrap;
        margin-left: -5px;
        margin-right: -5px;
        box-sizing: border-box;
    }

    .css-fjk47s {
        display: flex;
        box-sizing: border-box;
    }

    .css-alhyzz {
        padding-left: 5px;
        padding-right: 5px;
        box-sizing: border-box;
        flex: 0 0 20%;
        max-width: 20%;
        display: block;
    }

    .css-obahyd {
        border-top: 1px solid var(--N50, #F3F4F5);
        margin: 8px 0px;
    }

    .css-iq5sw7 {
        border-radius: 8px;
        width: 46px;
        height: 46px;
        object-fit: cover;
        margin: 1px 10px 1px 1px;
    }

    .css-xwm4e1 {
        padding-left: 5px;
        padding-right: 5px;
        box-sizing: border-box;
        flex: 0 0 80%;
        max-width: 80%;
        display: block;
    }

    .css-pdkr4ss {
        padding-left: 5px;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }

    .css-1n41ndl-unf-heading {
        position: relative;
        font-weight: 800;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 12px;
        line-height: 16px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .css-1phjxm0 {
        box-shadow: rgb(49 53 59 / 12%) 0px 1px 6px;
        border-radius: 8px;
        padding: 16px;
        margin-top: 12px;
    }

    .css-10pp35k {
        display: flex;
        flex-wrap: wrap;
        margin-left: -4px;
        margin-right: -4px;
        box-sizing: border-box;
        margin-top: 12px;
    }

    .css-fo5xrs {
        padding-left: 4px;
        padding-right: 4px;
        box-sizing: border-box;
        flex: 0 0 66.6667%;
        max-width: 66.6667%;
        display: block;
    }

    .css-wzpgd5-unf-heading {
        position: relative;
        font-weight: 400;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 12px;
        line-height: 16px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px;
        display: flex;
    }

    .css-36858i {
        margin-left: 6px;
        height: 18px;
    }

    .css-1yyzyn5 {
        padding-left: 4px;
        padding-right: 4px;
        box-sizing: border-box;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
        display: block;
    }

    .css-1x58rty-unf-heading {
        display: block;
        position: relative;
        font-weight: 700;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 12px;
        line-height: 16px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px;
    }

    .css-1hw5c43 {
        padding: 16px 16px 0px;
    }

    .css-ej7k09-unf-heading {
        position: relative;
        font-weight: 400;
        margin: 12px 0px;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 12px;
        line-height: 16px;
        color: var(--color-text-high);
        text-decoration: initial;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-zdpt2t {
        margin-left: auto;
        text-align: right;
    }

    .css-13xx5lj {
        border-top: 1px solid var(--N50, #F3F4F5);
        margin: 0px;
    }

    .css-yzf74z-unf-heading {
        position: relative;
        font-weight: 700;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 14px;
        line-height: 18px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 12px 0px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-spe90dj-unf-modal {
        display: block;
        z-index: 1041;
        opacity: 1;
        background-color: var(--NN0);
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 8px;
        text-align: center;
        transition: opacity 0.2s ease 0s;
        box-shadow: 0px 1px 6px var(--color-shadow, rgba(49, 53, 59, 0.12));
        max-height: 95%;
        max-width: 500px;
        padding: 17px;
        width: 90%;
        border: none;
        overflow-y: auto;
    }

    .css-1itv5e3 {
        margin-bottom: 4px;
    }

    .css-lfpeda {
        display: flex;
        flex-direction: column;
        color: #000000;
        padding: 5px;
        text-align: left;
    }

    .css-1bx5ylf {
        padding-top: 10px;
        display: block;
        position: relative;
        margin-bottom: 8px;
    }

    .css-1a970p9 {
        min-height: 100vh;
        padding-bottom: 70px;
    }

    .css-2ji54v {
        min-height: 732px;
    }

    .css-10kons8 {
        background-color: white;
        width: 100%;
        min-height: 375px;
        position: relative;
        overflow: hidden;
    }

    .css-ohwg9z {
        position: relative;
        overflow: hidden;
    }

    .css-52kjqf-unf-heading {
        display: block;
        font-weight: 400;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 12px;
        line-height: 14px;
        text-decoration: initial;
        margin: 0px;
        text-align: center;
        min-width: 26px;
        position: absolute;
        bottom: 8px;
        left: 16px;
        background: var(--N700, rgba(49, 53, 59, 0.68));
        border-radius: 6px;
        padding: 4px 8px;
        color: var(--NN0);
        z-index: 1;
        transition: opacity 0.4s ease-out 0s;
    }

    .css-52kjqf-unf-heading.hide {
        opacity: 0;
    }

    .css-kku25d img {
        object-fit: contain;
        object-position: center center;
        height: 375px;
        width: 100% !important;
    }

    .css-1u21534>img {
        width: 100%;
        opacity: 1;
    }

    .css-1u21534>img.fade {
        opacity: 0;
    }

    .css-1u21534>img.fade.success,
    .css-1u21534>img.fade.default {
        opacity: 1;
    }

    .css-1u21534 {
        background-repeat: no-repeat;
        background-size: 99% 100%;
        display: inline-block;
        height: 100%;
        margin: 0px auto;
        position: relative;
        text-align: center;
        width: 100%;
    }

    .css-kku25d img {
        object-fit: contain;
        object-position: center center;
        height: 375px;
        width: 100% !important;
    }

    .css-abc7f7>img {
        width: 100%;
        opacity: 1;
    }

    .css-abc7f7>img.fade {
        opacity: 0;
    }

    .css-abc7f7 {
        background-color: var(--N75, #E5E7E9);
        background-repeat: no-repeat;
        background-size: 99% 100%;
        display: inline-block;
        height: 100%;
        margin: 0px auto;
        position: relative;
        text-align: center;
        width: 100%;
    }

    .css-kku25d {
        text-align: center;
        background-color: white;
        width: 100%;
        height: 100%;
        position: relative;
    }
    .css-15v5tcj {
        display: flex;
        flex-wrap: nowrap;
        transition: transform 200ms ease-out 0s;
    }

    .css-15v5tcj>* {
        width: 100%;
        flex-shrink: 0;
    }

    .css-1phy55s {
        padding: 0px 16px;
        margin-bottom: 8px;
        position: relative;
        overflow: unset !important;
    }

    .css-vq2c48 {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        margin-bottom: 8px;
        margin-top: 8px;
    }

    .css-iwvxjn-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 18px;
        line-height: 22px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px;
    }

    .css-h6o1lr {
        display: flex;
    }

    .css-86f7co {
        z-index: 1;
        outline: none;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }

    .css-h6o1lr img {
        margin-left: 10px;
    }

    .css-bkgzub {
        color: var(--N700, rgba(49, 53, 59, 0.96));
        font-size: 1rem;
        font-weight: normal;
        line-height: 20px;
        margin: 0px 0px 8px;
        overflow-wrap: break-word;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .css-mtq8eu {
        width: 100%;
        overflow: auto;
    }

    .css-wxfj01 {
        margin: 0px 16px;
        display: flex;
    }

    .css-1hu5dhx {
        font-size: 12px;
        line-height: 18px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        margin-right: 8px;
        margin-bottom: 12px;
        position: relative;
        color: var(--N700, rgba(49, 53, 59, 0.96));
        white-space: nowrap;
    }

    .css-1hu5dhx>span {
        margin-right: 4px;
    }

    .css-12res48 {
        margin-bottom: 12px;
    }

    .css-q4scve {
        padding: 7px 8px;
        background-color: white;
        border: 1px solid rgb(229, 231, 233);
        border-radius: 8px;
        font-size: 12px;
        line-height: 18px;
        color: var(--N700, rgba(49, 53, 59, 0.68));
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        margin-right: 4px;
        white-space: nowrap;
    }

    .css-q4scve>img {
        width: 14px;
        height: 14px;
        margin-right: 5px;
        margin-bottom: 2px;
    }

    .css-q4scve>b {
        color: var(--N700, rgba(49, 53, 59, 0.96));
        margin-right: 4px;
    }

    .css-7qtu5v {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        padding: 0px 16px 12px;
        color: var(--N700, rgba(49, 53, 59, 0.96));
    }

    .css-chql8q {
        font-weight: bold;
        font-size: 12px;
    }

    .css-j3puv3 {
        width: 4px;
    }

    .css-1qxtz39 {
        font-size: 12px;
    }

    .css-1t8yein {
        color: var(--color-icon-enabled);
    }

    .css-crilvd {
        height: 48px;
        box-shadow: rgb(49 53 59 / 12%) 0px 1px 6px;
        border-radius: 4px;
        position: relative;
        overflow: hidden;
    }

    .css-ce8lwf {
        position: absolute;
        z-index: 1;
        height: 100%;
        width: 100%;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-1b766m4 {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        height: 48px;
        max-width: 100%;
    }

    .css-4ofniv {
        position: absolute;
    }

    .css-4ofniv img {
        height: 24px;
        width: 24px;
        margin-right: 24px;
        margin-left: 14px;
    }

    .css-121ho5n {
        padding: 7px 40px 7px 62px;
        text-align: left;
        max-width: 100%;
    }

    .css-bpxooe {
        font-style: normal;
        font-weight: 800;
        font-size: 14px;
        line-height: 18px;
        color: rgba(49, 53, 59, 0.96);
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .css-1sq5sxn {
        font-style: normal;
        font-size: 12px;
        line-height: 16px;
        color: rgba(49, 53, 59, 0.68);
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .css-mxl0c {
        position: absolute;
        left: 0px;
    }

    .css-1g4x5kn {
        position: absolute;
        right: 0px;
    }

    .css-1s0xg8o {
        background: var(--NN50);
        height: 2px;
    }

    .css-a8bfve {
        padding: 0px 16px;
        margin: 16px 0px;
    }

    .css-n7l551 {
        width: 100%;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-n7l551 span:first-child {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .css-n7l551 span {
        text-align: left;
        color: var(--N700);
    }

    .css-n7l551 span b {
        color: var(--N700);
        margin-right: 8px;
    }

    .css-1aw25c5 {
        background: none;
        border: none;
        padding: 0px;
        font-style: inherit;
        font-variant: inherit;
        font-stretch: inherit;
        font-family: inherit;
        cursor: pointer;
        outline: inherit;
        font-weight: 700;
        font-size: 12px;
        line-height: 18px;
        color: var(--G500);
    }

    .css-1n0b1fa-unf-chip {
        max-width: unset;
        line-height: 18px;
        display: inline-flex;
        vertical-align: text-bottom;
        min-width: 40px;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        font-size: 14px;
        color: var(--NN600);
        height: 40px;
        background-color: transparent;
        transition: color 200ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s, background-color 0s, border-color 0s;
        margin: 7px 4px 0px;
        padding: 4px 8px;
        border-radius: 12px;
        border: 1px solid var(--NN300);
    }

    .css-1n0b1fa-unf-chip:first-of-type {
        margin-left: 16px;
    }

    .css-1n0b1fa-unf-chip.active {
        border: 1px solid var(--GN400);
        color: var(--GN500);
        background: var(--GN50);
    }

    .css-1kt63sp {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        overflow: hidden;
        transition: max-width 280ms ease 0s;
        will-change: max-width;
        max-width: 100%;
    }

    .css-1n0b1fa-unf-chip>div:first-child {
        width: auto;
    }

    .css-tczhvy {
        min-width: 0%;
        line-height: 18px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .css-a8bfve {
        padding: 0px 16px;
        margin: 16px 0px;
    }

    .css-qrnw4c-unf-heading {
        position: relative;
        font-weight: 800;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        line-height: 24px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px 0px 12px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        font-size: 1.14286rem;
    }

    .css-16nr50u {
        margin-bottom: 0px;
    }

    .css-16nr50u .content {
        line-height: 20px;
        border-bottom: solid var(--NN50, #F0F3F7) 1px;
        display: flex;
        padding: 6px 0px;
    }

    .css-1iljdri {
        flex: 2 0 0px;
        min-width: 130px;
        align-self: start;
        color: var(--NN600);
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 8px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        max-height: 40px;
    }

    .css-1i4mdxp {
        max-width: 100%;
        flex: 3 1 0px;
        color: var(--NN950);
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .css-1i4mdxp .right-child {
        display: -webkit-box;
        max-height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .css-ta27n3 {
        padding: 0px;
        color: var(--GN500);
        cursor: pointer;
        font-size: 12px;
        font-weight: 700;
        display: inline-block;
        background: none;
        border: none;
        outline: inherit;
    }

    .css-13qs5h3 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        list-style-type: none;
        padding-left: 0px;
        margin: 0px;
    }

    .css-13qs5h3 li {
        display: inline;
        margin-left: 0px;
    }

    .css-13qs5h3 li:first-child::before {
        content: "";
    }

    .css-13qs5h3 li::before {
        content: " > ";
    }

    .css-13qs5h3 a {
        color: var(--GN500);
        cursor: pointer;
        font-size: 12px;
        font-weight: 700;
    }

    .css-1b6lf3v-unf-heading {
        display: block;
        position: relative;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        text-decoration: initial;
        font-size: 16px;
        line-height: 18px;
        font-weight: 800;
        color: var(--NN950);
    }

    .css-25rz8n {
        font-size: 14px;
        line-height: 22px;
        position: relative;
        word-break: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        max-height: 70px;
        color: var(--NN950);
        white-space: normal;
        overflow: hidden;
        margin: 16px 0px 8px;
    }

    .css-a3v1bh {
        padding: 16px;
        color: rgba(49, 53, 59, 0.68);
    }

    .css-1ngblhr {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0px;
        margin: -1px;
        overflow: hidden;
        clip: rect(0px, 0px, 0px, 0px);
        border: 0px;
    }

    .css-ne1dlc {
        margin-top: 0px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        font-size: 1.14286rem;
    }

    .css-bhocl {
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 20px;
        margin-right: 6px;
    }

    .css-ne1dlc .ellipsis {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .css-1ilafk6-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 16px;
        line-height: 24px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px;
    }

    .css-ne1dlc .header-action-link {
        color: var(--GN500);
        text-align: right;
        font-weight: 800;
        font-size: 0.857143rem;
        line-height: 16px;
        margin-left: auto;
    }

    .css-hesxlq {
        width: 90%;
        margin-top: 12px;
        line-height: 20px;
    }

    .css-xboxl8 {
        --color-shadow: 0 1px 4px 0 rgba(141, 150, 170, 0.4);
        display: block;
        overflow: hidden;
        background-color: var(--NN0);
        padding: 10px 0px;
        transition-property: background-color, border-color, box-shadow;
        transition-duration: 120ms;
        transition-timing-function: cubic-bezier(0.2, 0.64, 0.21, 1);
        position: fixed;
        width: 100%;
        max-width: 500px;
        height: 60px;
        bottom: 0px;
        z-index: 2;
        border-radius: 0px;
        box-shadow: rgb(49 53 59 / 12%) 0px -1px 6px;
        margin: 0px auto !important;
    }

    .css-1gadx4v {
        width: 100%;
        height: 40px;
        display: flex;
        flex-direction: row;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-1gadx4v .css-ryl2b4:first-child{
        margin-left: 8px;
    }

    .css-11yeuht {
        position: relative;
        border-radius: 8px;
        background-color: white;
        border: 1px solid black;
        margin: 0px 12px 0px 8px;
        width: 40px;
        height: 100%;
        flex-shrink: 0;
        padding: 0px;
    }

    .css-v7ibj3 {
        display: inline-block;
        vertical-align: middle;
    }

    .css-16h6qe6 {
        display: flex;
        flex-direction: column;
        flex: 1 1 0%;
        margin-right: 8px;
        min-width: 104px;
    }

    .css-adotzy-unf-btn {
        width: 100%;
        height: 40px;
        color: var(--GN500);
        font-size: 14px;
        font-weight: 700;
        line-height: 18px;
        text-overflow: ellipsis;
        white-space: nowrap;
        outline: none;
        border-radius: 8px;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        overflow: hidden;
        position: relative;
        padding: 0px 16px;
        transition: background 300ms ease 0s, border 300ms ease 0s, color 300ms ease 0s;
        background: transparent;
        border: 1px solid var(--GN500);
        font-family: inherit;
    }

    .css-adotzy-unf-btn::before {
        content: ".";
        max-width: 0px;
        width: 0px;
        opacity: 0;
        visibility: hidden;
    }

    .css-16h6qe6 button {
        line-height: 40px;
        font-size: 13px;
        font-weight: 600;
        padding: 0px;
        text-align: center;
    }

    .css-16h6qe6 button span {
        width: 100%;
        top: -1px;
    }

    .css-hw8gh3-unf-btn {
        width: 100%;
        height: 40px;
        color: var(--NN0);
        font-size: 14px;
        font-weight: 700;
        line-height: 18px;
        text-overflow: ellipsis;
        white-space: nowrap;
        outline: none;
        border-radius: 8px;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        overflow: hidden;
        position: relative;
        padding: 0px 16px;
        transition: background 300ms ease 0s, border 300ms ease 0s, color 300ms ease 0s;
        background: var(--GN500);
        border: none;
        font-family: inherit;
    }

    .css-hw8gh3-unf-btn::before {
        content: ".";
        max-width: 0px;
        width: 0px;
        opacity: 0;
        visibility: hidden;
    }

    .css-qenop2-unf-overlay {
        position: fixed;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;
        background-color: var(--color-overlay-dark, #2E3137);
        z-index: 50;
        opacity: 0.7;
        overflow: hidden;
        transition: opacity 300ms cubic-bezier(0, 0, 1, 1) 0s, z-index 120ms 0s, visibility 300ms 0s;
    }

    .css-1wepn7u-unf-bottomsheet-container {
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        pointer-events: none;
        transform: translate3d(0px, 0px, 0px);
        transition-property: transform;
        transition-duration: 400ms;
        transition-timing-function: cubic-bezier(0.2, 0.64, 0.21, 1);
    }

    .css-7acu5l-unf-bottomsheet {
        position: absolute;
        font-family: inherit;
        border-radius: 10px 10px 0px 0px;
        box-shadow: 0px -1px 6px var(--color-shadow, rgba(49, 53, 59, 0.12));
        background-color: var(--NN0);
        pointer-events: all;
        transition-property: transform;
        transition-timing-function: cubic-bezier(0.2, 0.64, 0.21, 1);
        overscroll-behavior-y: contain;
        overflow: auto;
        max-height: 95%;
        width: 100%;
        bottom: 0px;
    }

    .css-oxw5r2 {
        display: flex;
        flex-direction: column;
        max-height: 100%;
    }

    .css-1unotge-unf-bottomsheet__header {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        padding: 16px;
        background-color: var(--NN0);
        z-index: 1;
        flex-wrap: nowrap;
        position: sticky;
        top: 0px;
    }

    .css-1xu2lcv-unf-bottomsheet__close {
        margin-right: 12px;
        flex: 0 0 auto;
        width: 24px;
        height: 24px;
        background-color: transparent;
        background-image: url(https://assets.tokopedia.net/assets-tokopedia-lite/v2/atreus/kratos/03833eed.svg);
        background-position: center center;
        background-size: 24px;
        background-repeat: no-repeat;
        border: none;
    }

    .css-1unotge-unf-bottomsheet__header .unf-sheet__title {
        flex: 1 1 auto;
    }

    .css-1f3gscb {
        width: 100%;
        padding: 0px 16px 16px;
        height: auto;
    }

    .css-1efhbnk {
        display: flex;
        border-radius: 4px;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-1efhbnk img {
        border-radius: 8px;
        margin-right: 8px;
        height: 54px;
        width: 54px;
        object-fit: contain;
    }

    .css-1yuhvjn {
        margin-top: 16px;
    }
    .css-lo0jbe {
        position: absolute;
        inset: 0px;
        pointer-events: none;
    }

    .css-1ybsqn7-unf-accordion__header {
        position: relative;
        overflow: hidden;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        flex-direction: row;
        -webkit-box-align: center;
        align-items: center;
        width: 100%;
        min-height: 57px;
        padding: 12px 16px;
    }

    .css-8jbevc-unf-accordion {
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        flex-direction: column;
        align-items: flex-start;
        position: relative;
        overflow: hidden;
    }

    .css-8jbevc-unf-accordion .unf-accordion__header {
        height: 100%;
        min-height: 100%;
    }

    .css-8jbevc-unf-accordion>div {
        transform: none;
    }

    .css-q8qu0c-unf-accordion__header {
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        flex-direction: row;
        -webkit-box-align: center;
        align-items: center;
        width: 100%;
        min-height: 68px;
        padding: 12px 16px;
    }

    .css-1o08uo8-unf-accordion__header__text {
        display: flex;
        flex: 1 1 0%;
        flex-direction: column;
        overflow: hidden;
        margin-right: 8px;
    }

    .css-1bvb8kd-unf-accordion__header__chevron {
        width: 24px;
        height: 24px;
        background-position: center center;
        background-repeat: no-repeat;
        background-image: url(https://assets.tokopedia.net/assets-tokopedia-lite/v2/atreus/kratos/c93e3895.svg);
        transform: rotate(0deg);
        transition: transform 300ms cubic-bezier(0.2, 0.64, 0.21, 1) 0s;
    }

    .css-1yget5-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 16px;
        line-height: 20px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 0px;
    }

    .css-10jtpgq-unf-accordion__content {
        width: 100%;
        transform-origin: center top;
        overflow: hidden;
        transform: scaleY(1);
        height: auto;
        transition-property: height, transform;
        transition-duration: 300ms;
        transition-timing-function: cubic-bezier(0.2, 0.64, 0.21, 1);
    }

    .css-16rm59f-unf-accordion__content--children {
        position: relative;
    }

    .css-15yu7eo {
        padding: 0px 16px 16px;
    }

    .css-17iqag2 {
        font-size: 14px;
        line-height: 22px;
        position: relative;
        word-break: break-word;
        white-space: pre-wrap;
        color: var(--NN950);
    }

    .css-17iqag2 a {
        color: var(--GN500);
    }

    .css-1efhbnk p {
        font-weight: 800;
        color: var(--NN950);
        margin-top: 0px;
        margin-bottom: 6px;
        height: 100%;
        line-height: 18px;
    }

    .css-16ezm7f-unf-accordion__content {
        width: 100%;
        transform-origin: center top;
        overflow: hidden;
        transform: scaleY(0);
        height: 0px;
        transition-property: height, transform;
        transition-duration: 300ms;
        transition-timing-function: cubic-bezier(0.2, 0.64, 0.21, 1);
    }

    .css-1471958-unf-accordion__header__chevron {
        width: 24px;
        height: 24px;
        background-position: center center;
        background-repeat: no-repeat;
        background-image: url(https://assets.tokopedia.net/assets-tokopedia-lite/v2/atreus/kratos/c93e3895.svg);
        transform: rotate(180deg);
        transition: transform 300ms cubic-bezier(0.2, 0.64, 0.21, 1) 0s;
    }

    .css-w1cljn {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        padding: 0px 16px 10px;
        border-bottom: 1px solid var(--N75, #E5E7E9);
    }

    .css-7gk7e2 {
        border-radius: 8px;
        height: 144px;
        width: 144px;
        object-fit: contain;
    }

    .css-18wo9ms {
        background: rgba(49, 53, 59, 0.32);
        border-radius: 50%;
        position: absolute;
        width: 24px;
        height: 24px;
        right: 8px;
        bottom: 10px;
    }

    .css-12huc1a {
        margin-left: 12px;
        width: 100%;
        overflow: hidden;
    }

    .css-12huc1a .option-value {
        margin-bottom: 2px;
        white-space: nowrap;
    }

    .css-1i2re71-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 10px;
        line-height: 12px;
        color: var(--color-text-low);
        text-decoration: initial;
        margin: 0px;
    }

    .css-1sjx272-unf-label {
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        border-radius: 3px;
        position: relative;
        overflow: hidden;
        padding: 2px 4px;
        height: 20px;
        background-color: var(--NN100, #E4EBF5);
    }

    .css-nxjrmm-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 16px;
        line-height: 18px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 6px 0px;
    }

    .css-w53z9r-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 12px;
        line-height: 14px;
        color: var(--color-text-high);
        text-decoration: initial;
        margin: 4px 0px 0px;
    }

    .css-jh7u83 {
        margin: 0px 16px 36px;
    }

    .css-4ly7nd {
        color: var(--NN950);
        text-transform: capitalize;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        line-height: 18px;
        margin: 16px 0px 4px;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-1bgwnzs {
        display: flex;
        flex-wrap: wrap;
        -webkit-box-align: center;
        align-items: center;
        margin-bottom: 20px;
    }

    .css-itmfwi-unf-chip {
        max-width: unset;
        font-size: 14px;
        line-height: 18px;
        -webkit-box-align: center;
        align-items: center;
        padding: 0px 12px;
        height: 40px;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        border-radius: 12px;
        min-width: 40px;
        margin: 4px 4px 4px 0px;
        color: var(--NN600);
        border: 1px solid var(--NN300);
        background-color: transparent;
        transition: color 180ms ease 0s, background-color 180ms ease 0s, border-color 180ms ease 0s;
    }

    .css-itmfwi-unf-chip.active {
        border: 1px solid var(--GN400);
        color: var(--GN500);
        background: var(--GN50);
    }

    .css-1xve7uu {
        padding: 0px 16px 24px;
        margin-top: 10px;
    }

    .css-82m95r {
        border-radius: 8px;
        box-shadow: rgb(0 0 0 / 12%) 0px 2px 8px 0px;
        max-width: 500px;
        padding: 0px;
    }

    .css-diglxt {
        height: 28px;
        line-height: 28px;
        border-radius: 8px;
        background-color: var(--RN500);
        color: var(--NN0);
        padding: 0px 12px;
        display: flex;
        flex-shrink: 0;
        -webkit-box-align: center;
        align-items: center;
        font-weight: bold;
    }

    .css-ibpfyo {
        font-size: 12px;
        font-weight: normal;
        line-height: 18px;
        color: var(--NN0);
        -webkit-box-flex: 1;
        flex-grow: 1;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 4px;
    }

    .css-1koej62 {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        margin-bottom: 8px;
        width: 100%;
        padding: 0px 8px;
        flex-flow: row nowrap;
    }

    .css-11ze7cv {
        width: 50%;
    }

    .css-1sumqdj {
        position: relative;
        flex: 0.5 1 0%;
        height: 100%;
        min-width: 50%;
        cursor: pointer;
        margin: 0px 4px;
        min-height: 0px;
        z-index: 2 !important;
    }

    .css-9t9dar {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        line-height: 14px;
        font-weight: 600;
        font-size: 0.714286rem;
        color: rgb(255, 255, 255);
        height: 20px;
        padding: 2px 20px 2px 8px;
        margin: -8px -8px 4px;
        background-image: url(https://images.tokopedia.net/img/bPMdTC/2022/12/30/c8743bd1-ab53-4d32-aa27-d9ec0939a539.png);
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .css-svipq6 {
        color: var(--NN950);
        font-size: 0.86rem;
        line-height: 1.5;
        max-width: 100%;
        max-height: 100%;
        white-space: pre-wrap;
        word-break: keep-all;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-bottom: 4px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .css-hwbdeb {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        margin-bottom: 4px;
    }

    .css-1qtulwh {
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        flex: 0 0 30px;
        height: 20px;
        color: var(--RN500);
        background-color: var(--RN100, );
        font-size: 0.714286rem;
        font-weight: bold;
        border-radius: 3px;
        margin: 0px 4px 0px 0px;
    }

    .css-1u1z2kp {
        font-size: 0.714286rem;
        color: var(--NN600);
        text-decoration: line-through;
        max-width: 100px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .css-7nqkuh {
        position: relative;
        margin-top: auto;
    }

    .css-418z6t {
        position: relative;
        height: 4px;
        width: 100%;
        border-radius: 8px;
        margin-top: 8px;
        overflow: hidden;
        background: var(--N75);
    }

    .css-418z6t .progress {
        background-color: var(--R500);
        position: absolute;
        height: 4px;
        width: 93%;
        top: 0px;
        left: 0px;
        border-radius: 8px;
    }

    .css-sa5abp {
        height: 16px;
        background-color: var(--NN0);
        border-radius: 3px;
        font-weight: bold;
        font-size: 0.714286rem;
        color: rgb(239, 20, 74);
        line-height: 1.4;
        letter-spacing: normal;
        margin-bottom: 4px;
        padding: 3px 0px 2px;
        position: relative;
        display: block;
    }

    .css-a7vytx {
        position: fixed;
        bottom: 0px;
        z-index: 20;
        width: 100%;
        max-width: 500px;
        background-color: var(--NN0);
        box-shadow: 0 -2px 4px 0 rgb(108 114 124 / 16%);
        margin: 0 auto;
    }

    .css-kgh0nc {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        margin: 8px;
    }
    .css-1wtlgc6 {
        border: 1px solid var(--NN1000);
        border-radius: 8px;
        padding: 8px;
        margin-right: 8px;
        background: transparent;
        width: 40px;
        height: 40px;
    }

    .css-0sjt3d {
        display: flex;
        width: 100%;
        -webkit-box-align: center;
        align-items: center;
        margin: 8px;
    }

    .css-14uw52k {
        margin-top: 88px;
    }

    .css-7r87u9 {
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        width: 100%;
    }

    .css-jdk5da {
        padding: 0px 16px 10px;
        margin-top: 10px;
    }

    .css-1iijiv2 {
        cursor: pointer;
        border-radius: 8px;
        border: 2px dashed var(--NN300);
        width: 100px;
        height: 100px;
        padding: 0px 4px;
        display: flex;
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center;
        word-break: break-word;
    }

    .css-1iijiv2.hasImage {
        border: unset;
    }

    .css-11hgohj {
        box-sizing: border-box;
        width: 100px;
        height: 100px;
        border-radius: 8px;
        position: relative;
    }

    .css-1xrsp9g {
        height: 100px;
        width: 100%;
        background-color: var(--NN0);
        border-radius: 8px;
        background-repeat: no-repeat;
        background-position: center center;
        object-fit: contain;
        border: 1px solid var(--NN300, #BFC9D9);
    }

    .css-pjk7o8-unf-lightbox__container {
        position: fixed;
        top: 0px;
        left: 0px;
        height: 100vh;
        width: 100%;
        background-color: rgb(0, 0, 0);
        display: flex;
        flex-direction: column;
        -webkit-box-pack: center;
        justify-content: center;
        overflow: hidden;
        color: white;
        z-index: 60;
    }

    .css-iug1zq-unf-navbar-container {
        height: 52px;
        position: relative;
    }

    .css-pjk7o8-unf-lightbox__container .unf-navbar-container {
        position: absolute;
        top: 0px;
        right: 0px;
        left: 0px;
    }

    .css-744l5h {
        width: 100%;
        top: 0px;
        right: 0px;
        left: 0px;
        position: relative;
        z-index: 40;
    }

    .css-1e79sv7 {
        width: 100%;
        height: 52px;
        color: rgb(255, 255, 255);
        transition: background-color 0.24s ease 0s;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        position: relative;
        z-index: 1;
        box-shadow: initial;
        background-color: transparent;
    }

    .css-pjk7o8-unf-lightbox__container .unf-navbar-container .unf-navbar {
        background-color: rgba(0, 0, 0, 0.8);
        transition: transform 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s;
    }

    .css-iug1zq-unf-navbar-container .unf-navbar__back {
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        width: 52px;
        height: 52px;
        background-color: transparent;
        appearance: none;
        border: none;
    }

    .css-1a7d65i {
        min-width: 0px;
        flex: 1 1 0%;
        padding-right: 0px;
    }

    .css-1a7d65i:last-child {
        padding-right: 16px;
    }

    .css-1gx1u6m .unf-navbar__title--heading {
        font-size: 16px;
        line-height: 20px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 700;
        margin: 0px;
        padding-left: 0px;
        color: rgb(255, 255, 255);
    }

    .unf-navbar__title--heading {
        font-size: 16px;
        line-height: 20px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 700;
        margin: 0px;
        padding-left: 0px;
        color: var(--NN950);
        letter-spacing: -0.2px;
        text-decoration: initial;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
    }

    .css-5bnsrm-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 24px;
        line-height: 26px;
        color: var(--color-text-low);
        text-decoration: initial;
    }

    .css-hmmmg1 {
        height: 52px;
    }

    .css-1q4h79k-unf-lightbox__preview-container {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        height: 100vh;
    }

    .css-11wp4k4-unf-lightbox__slider {
        position: relative;
        height: 100vh;
        width: 100%;
        margin: 0px auto;
        overflow: hidden;
    }

    .css-18iblrg-unf-lightbox__slider-track {
        display: flex;
        height: 100vh;
        -webkit-box-align: center;
        align-items: center;
        transition: transform 400ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s;
    }

    .css-qq1ygw-unf-lightbox__slider-item {
        display: flex;
        height: 100%;
    }

    .css-qq1ygw-unf-lightbox__slider-item img,
    .css-qq1ygw-unf-lightbox__slider-item video {
        align-self: center;
        width: 100vw;
    }

    .css-8rxwui-unf-lightbox__content-container {
        position: fixed;
        right: 0px;
        bottom: 0px;
        left: 0px;
        z-index: 2;
        transition: transform 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s;
    }

    .css-cyw58s-unf-lightbox__counter {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        height: 35px;
        width: 55px;
        background-color: rgba(0, 0, 0, 0.8);
        border-radius: 0px 4px 0px 0px;
        color: var(--N0, #FFFFFF);
        font-size: 12px;
    }

    .css-1aqw4l5-unf-lightbox__thumbnails-wrapper {
        padding: 16px 12px;
        background-color: rgba(0, 0, 0, 0.8);
        display: flex;
        overflow-x: auto;
    }

    .css-1aqw4l5-unf-lightbox__thumbnails-wrapper .unf-lightbox__thumbnail {
        height: 60px;
        width: 60px;
        margin: 0px 4px;
        border: 2px solid transparent;
        border-radius: 4px;
        object-fit: cover;
        transition: border 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s;
        flex: 0 0 60px;
    }

    .css-1aqw4l5-unf-lightbox__thumbnails-wrapper .unf-lightbox__thumbnail.active {
        border: 2px solid var(--G300, #82EF95);
    }

    .price-slashed {
        margin: 0px 7px 0px 0px;
        text-decoration: line-through;
        display: inline;
        color: var(--NN600);
    }

    .price-cashback-wrapper {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .css-zdpt2t>.price-slashed {
        margin: 0px;
    }

    .css-19zfi9p-unf-ticker {
        position: relative;
        color: var(--NN950);
        overflow: hidden;
        margin: 12px 16px;
    }

    .css-ifu6kp {
        flex: 1 0 100%;
        padding: 8px 12px 8px 8px;
        background-color: var(--BN950, #EBFFFE);
        position: relative;
        overflow: hidden;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row;
        border-radius: 8px;
        border: 1px solid var(--BN800, #70EAFA);
    }

    .css-c465q {
        margin-right: 8px;
        width: 22px;
    }

    .css-aey2do {
        position: inherit;
        font-size: 12px;
        line-height: 16px;
    }

    .css-19zfi9p-unf-ticker [data-unf="unf-ticker-link"] {
        /* margin-left: 4px; */
        display: inline-block;
        color: var(--G500, #03AC0E);
    }

    .css-19zfi9p-unf-ticker p {
        display: inline;
        margin: 0px;
    }

    .css-11pg213-unf-heading {
        display: block;
        position: relative;
        font-weight: 700;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 12px;
        line-height: 16px;
        color: var(--color-text-low);
        text-decoration: initial;
    }

    .css-g85f23 {
        font-size: 12px;
        line-height: 16px;
        position: relative;
        word-break: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;
        overflow: hidden;
    }

    .css-4wxto2 {
        position: relative;
        display: block;
        flex-flow: column;
        -webkit-box-align: baseline;
        align-items: baseline;
        padding: 16px 16px 8px;
    }

    .css-bnowg6 {
        display: flex;
        flex: 1 1 auto;
        flex-flow: row;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: baseline;
        align-items: baseline;
        margin-top: 4px;
    }

    .css-1slkqpd {
        display: flex;
        flex: 1 1 auto;
        flex-flow: row;
        -webkit-box-align: baseline;
        align-items: baseline;
        overflow: hidden;
    }

    .css-3u3xfs {
        position: relative;
        display: block;
        width: 120px;
        padding: 0px 4px;
    }

    .css-w59alm {
        display: flex;
        flex-flow: row;
        -webkit-box-align: center;
        align-items: center;
        height: 100%;
        padding: 8px 12px;
        border: 1px solid var(--N75, #E5E7E9);
        border-radius: 8px;
    }

    .css-1xwdkf0 {
        display: flex;
        flex: 0 0 24px;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        height: 24px;
        margin-right: 8px;
    }

    .css-1xwdkf0 img {
        width: 100%;
        object-fit: contain;
    }

    .css-1n8kcqm {
        display: block;
        flex: 1 1 auto;
        overflow: hidden;
    }

    .css-1k1pz14 {
        color: var(--N700, rgba(49, 53, 59, 0.96));
        font-size: 0.857143rem;
        line-height: 1.28571rem;
        margin: 0px;
        word-break: break-word;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 100%;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .css-sjk73g {
        display: flex;
        flex-flow: column wrap;
        align-content: flex-start;
        padding: 0px 0px 0px 14px;
        margin: 0px 0px 12px -4px;
        overflow: scroll;
        max-height: 62px;
    }

    .css-sjk73g::-webkit-scrollbar {
        display: none;
    }

    .loader {
        top: calc(50% - 25px);
        position: relative;
        width: 40px;
        height: 20px;
        border-radius: 10px;
        border: 15px solid transparent;
        margin: 0 auto;
        box-sizing: initial;
    }

    .dot-pink,
    .dot-blue {
        position: absolute;
        top: 0;
        width: 20px;
        height: 20px;
        border-radius: 100%;
        animation: pink 1.05s ease-in-out infinite;
    }

    .dot-pink {
        background: var(--G500);
        left: -2px;
    }

    .dot-blue {
        animation-name: blue;
        background: #ffc107;
        right: -2px;
    }

    @keyframes pink {
        0% {
            z-index: 1;
        }

        50% {
            transform: translateX(24px);
        }
    }

    @keyframes blue {
        50% {
            transform: translateX(-24px);
        }
    }

    .css-fyeh23-unf-overlay {
        position: fixed;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;
        background-color: var(--NN0);
        z-index: 1100;
        overflow: hidden;
        transition: opacity 300ms cubic-bezier(0, 0, 1, 1) 0s, z-index 120ms 0s, visibility 300ms 0s;
    }

    .css-11ai4z7 {
        position: fixed;
        bottom: 0px;
        z-index: 20;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-align-items: flex-start;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
        height: 50px;
        width: 100%;
        max-width: 500px;
        background-color: var(--NN0);
        box-shadow: 0 -2px 4px 0 rgb(108 114 124 / 16%);
        margin: 0 auto;
    }

    .css-lvhm25 {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-pack: space-around;
        -webkit-justify-content: space-around;
        -ms-flex-pack: space-around;
        justify-content: space-around;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: rgba(49, 53, 59, 0.68);
        -webkit-text-decoration: none;
        text-decoration: none;
        height: 100%;
        padding: 2px 0 0;
        -webkit-flex: 1 1 33.333%;
        -ms-flex: 1 1 33, 333%;
        flex: 1 1 33.333%;
        width: 33.333%;
        max-width: 33.333%;
    }

    .css-102l4gb {
        display: inline-block;
        width: 24px;
        height: 24px;
    }

    .css-1xu3f20 {
        font-weight: 400;
        font-size: 10px;
        line-height: 16px;
        white-space: nowrap;
    }

    .css-6rud03x {
        font-weight: 400;
        font-size: 10px;
        line-height: 16px;
        white-space: nowrap;
        color: var(--G500);
    }

    .css-5q6bpz {
        position: relative;
        display: block;
        z-index: 0;
        background: var(--NN0);
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        /* margin-top: 20px; */
        min-height: 500px;
    }

    .css-l00j16 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        overflow-y: hidden;
        overflow-x: auto;
        padding: 12px 16px;
        -webkit-align-items: flex-start;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 8px;
        -ms-overflow-style: none;
        -webkit-scrollbar-width: none;
        -moz-scrollbar-width: none;
        -ms-scrollbar-width: none;
        scrollbar-width: none;
    }

    .css-l00j16::-webkit-scrollbar {
        display: none;
    }

    .css-1l1j56r {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-flex: 1 1;
        -ms-flex: 1 1;
        flex: 1 1;
        max-width: 56px;
    }

    .css-1plpjjx {
        margin-bottom: 8px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background-color: var(--NN0);
        width: 48px;
        height: 48px;
    }

    .css-1ldk6ed {
        width: 100%;
        object-fit: contain;
        width: 68%;
        height: 100%;
    }

    .css-dcisou-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 10px;
        line-height: 14px;
        color: var(--color-text-high);
        -webkit-letter-spacing: 0.1px;
        -moz-letter-spacing: 0.1px;
        -ms-letter-spacing: 0.1px;
        letter-spacing: 0.1px;
        -webkit-text-decoration: initial;
        text-decoration: initial;
        margin: 0;
        width: 56px;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .css-12q2lbx {
        display: grid;
        -webkit-box-align: center;
        align-items: center;
        grid-template-columns: auto 1fr auto;
        grid-template-rows: auto;
        column-gap: 8px;
        min-height: 52px;
        max-width: 500px;
        padding-top: 8px;
        padding-bottom: 4px;
        padding-right: 10px;
        padding-left: 10px;
        z-index: 40;
        width: 100%;
        background-color: var(--N0, #FFFFFF);
        position: fixed;
        transition: background-color 0.3s ease 0s, border-bottom;
    }

    .css-1efn816 {
        display: grid;
        -webkit-box-align: center;
        align-items: center;
        grid-template-columns: repeat(1, 36px);
        grid-template-rows: 36px;
    }

    .css-1pxi8v0 {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        margin-left: 0px;
        margin-right: 0px;
    }

    .css-i59lf2-unf-divider {
        width: 100%;
        height: 8px;
        background-color: var(--NN300);
        border: 0;
        margin: 0;
    }

    .css-145ank3-unf-list {
        margin: 16px 0px;
        padding: 0px;
        list-style: none;
        cursor: pointer;
    }

    .css-145ank3-unf-list.unf-list--no-margin {
        margin: 0px;
    }

    .css-145ank3-unf-list .unf-list__item--image {
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 32px 32px;
    }

    .css-145ank3-unf-list .unf-list__item {
        display: flex;
        position: relative;
        padding: 12px 16px 12px 0px;
        margin-left: 16px;
        border-bottom: solid var(--NN100, #E4EBF5) 1px;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-145ank3-unf-list .unf-list__item-container {
        display: flex;
        flex: 1 1 0%;
        flex-direction: column;
        padding-right: 8px;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .css-145ank3-unf-list .unf-list__item-text {
        font-size: 12px !important;
        font-weight: 400 !important;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .css-1rdq90x-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 14px;
        line-height: 18px;
        color: var(--NN950);
        letter-spacing: 0.2px;
        text-decoration: initial;
        margin: 8px 0px;
    }

    .css-c064xy-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 12px;
        line-height: 16px;
        color: var(--color-text-low);
        letter-spacing: 0.1px;
        text-decoration: initial;
        margin: 18px 16px 0px;
    }

    .css-13vfni5 {
        --color-shadow: 0 1px 4px 0 rgba(141, 150, 170, 0.4);
        display: block;
        position: relative;
        overflow: hidden;
        background-color: var(--NN0);
        border-radius: 8px;
        box-shadow: var(--color-shadow);
        padding: 16px;
        margin: 16px;
        transition-property: background-color, border-color, box-shadow;
        transition-duration: 120ms;
        transition-timing-function: cubic-bezier(0.2, 0.64, 0.21, 1);
    }

    .css-1tj5g4w {
        margin-bottom: -8px;
    }

    .css-1m3ko3e-unf-heading {
        position: relative;
        font-weight: 400;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 12px;
        line-height: 16px;
        color: var(--color-text-low);
        letter-spacing: 0.1px;
        text-decoration: initial;
        margin: 0px 0px -4px 12px;
        display: inline-block;
        width: 250px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .css-1d6pdkc-unf-quantity-editor {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        height: 24px;
        box-sizing: border-box;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: solid 1px var(--NN300, #BFC9D9);
        border-radius: 4px;
        padding: 3px;
        -webkit-transition: border 120ms cubic-bezier(0.2, 0.64, 0.21, 1);
        transition: border 120ms cubic-bezier(0.2, 0.64, 0.21, 1);
        overflow: hidden;
        width: 70px;
    }

    .css-12xfsmg {
        background-color: transparent;
        padding: 0;
        border: none;
        -webkit-appearance: none;
    }

    .css-12xfsmg>.unf-icon {
        display: block !important;
    }

    .css-jrfgt7-unf-quantity-editor__input {
        outline: none;
        border: none;
        background-color: transparent;
        color: var(--NN950);
        font-family: inherit;
        font-size: 12px;
        line-height: 16px;
        text-align: center;
        padding: 0;
        -webkit-flex-shrink: 2;
        -ms-flex-negative: 2;
        flex-shrink: 2;
        -webkit-box-flex: 2;
        -webkit-flex-grow: 2;
        -ms-flex-positive: 2;
        flex-grow: 2;
        width: 100%;
    }

    .css-al489sa {
        width: 72px;
        margin-right: 15px;
    }

    .css-fj438de {
        padding: 2px;
        height: 20px;
        width: 100%;
        background-color: var(--NN0);
        border-radius: 8px;
        background-repeat: no-repeat;
        background-position: center center;
        object-fit: contain;
    }

    .css-ls0cer {
        position: absolute;
        z-index: -2;
        display: block;
        height: 188px;
        width: 100%;
        max-width: 500px;
        background: linear-gradient(7.43deg, #00a116 7.64%, #00AB17 100%);
        overflow: hidden;
    }

    /* form starting stylings ------------------------------- */
    .gr-ipt-box {
        position: relative;
        margin-top: 16px;
    }

    .gr-ipt-box input {
        font-size: 16px;
        display: block;
        width: 100%;
        border: none;
        border-bottom: 1px solid var(--NN600);
        line-height: normal;
    }

    .gr-ipt-box input:focus {
        outline: none;
    }

    /* LABEL ======================================= */
    .gr-ipt-box label {
        color: var(--color-text-low);
        font-size: 16px;
        font-weight: normal;
        position: absolute;
        pointer-events: none;
        top: 1px;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
    }

    /* active state */
    .gr-ipt-box input:focus~label,
    .gr-ipt-box input:valid~label {
        top: -20px;
        font-size: 14px;
    }

    /* BOTTOM BARS ================================= */
    .gr-ipt-box .bar {
        position: relative;
        display: block;
        width: 100%;
    }

    .gr-ipt-box .bar:before,
    .gr-ipt-box .bar:after {
        content: '';
        height: 1px;
        width: 0;
        bottom: 1px;
        position: absolute;
        background: var(--GN500);
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
        line-height: normal;
    }

    .gr-ipt-box .bar:before {
        left: 50%;
    }

    .gr-ipt-box .bar:after {
        right: 50%;
    }

    /* active state */
    .gr-ipt-box input:focus~.bar:before,
    .gr-ipt-box input:focus~.bar:after {
        width: 50%;
    }

    /* HIGHLIGHTER ================================== */
    .gr-ipt-box .highlight {
        position: absolute;
        height: 60%;
        width: 100px;
        top: 25%;
        left: 0;
        pointer-events: none;
        opacity: 0.5;
        line-height: normal;
    }

    /* active state */
    .gr-ipt-box input:focus~.highlight {
        -webkit-animation: inputHighlighter 0.3s ease;
        -moz-animation: inputHighlighter 0.3s ease;
        animation: inputHighlighter 0.3s ease;
    }

    /* ANIMATIONS ================ */
    @-webkit-keyframes inputHighlighter {
        from {
            background: var(--GN500);
        }

        to {
            width: 0;
            background: transparent;
        }
    }

    @-moz-keyframes inputHighlighter {
        from {
            background: var(--GN500);
        }

        to {
            width: 0;
            background: transparent;
        }
    }

    @keyframes inputHighlighter {
        from {
            background: var(--GN500);
        }

        to {
            width: 0;
            background: transparent;
        }
    }

    .css-1gucsjs {
        margin-bottom: 10px;
        font-weight: bold;
        color: var(--N700);
        font-size: 1.14286rem;
    }

    .css-jw7bwy {
        --color-shadow: 0 1px 4px 0 rgba(141, 150, 170, 0.4);
        position: relative;
        overflow: hidden;
        background-color: var(--NNO);
        border-radius: 8px;
        box-shadow: var(--color-shadow);
        padding: 16px;
        transition-property: background-color, border-color, box-shadow;
        transition-duration: 120ms;
        transition-timing-function: cubic-bezier(0.2, 0.64, 0.21, 1);
        margin: 16px 0px;
        text-align: left;
        cursor: pointer;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-12uex1n {
        width: 33px;
        height: 33px;
        vertical-align: middle;
        object-fit: contain;
    }

    .css-1bpd5an {
        display: inline-block;
        vertical-align: middle;
        line-height: 1.57;
        margin-left: 16px;
        font-size: 1rem;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .css-jw7bwy b {
        color: var(--N700);
        opacity: 0.96;
        font-weight: 600;
    }

    .css-1jvelqd {
        font-size: 2.28571rem;
        width: 250px;
        margin-top: 24px;
        letter-spacing: 14px;
        padding-left: 14px;
        text-align: center;
        font-weight: bold;
        border-top: 0px;
        border-right: 0px;
        border-left: 0px;
        border-image: initial;
        border-bottom: 2px solid var(--G500);
        border-radius: 0px;
        background-color: transparent;
        color: var(--N700, #31353B);
    }

    .css-cayunn {
        font-size: 0.857143rem;
        margin-top: 21px;
        line-height: 1.5;
        color: var(--N500);
    }

    .css-cayunn .action {
        color: var(--G500);
        font-weight: 600;
        cursor: pointer;
    }

    .css-1jvelqd:focus {
        outline: none;
    }

    .css-u174uq-unf-toaster.unf-toaster--show {
        visibility: visible;
        bottom: 24px;
        transform: scale(1);
        opacity: 1;
        transition-timing-function: cubic-bezier(0.63, 0.01, 0.29, 1);
        transition-delay: 0ms;
    }

    .css-u174uq-unf-toaster {
        position: fixed;
        bottom: 0px;
        left: 0px;
        width: calc(100% - 32px);
        background-color: var(--RN500);
        font-size: 12px;
        line-height: 16px;
        color: var(--NN0);
        opacity: 0;
        visibility: hidden;
        transform: scale(0.8);
        transition-property: bottom, transform, opacity, z-index, visibility;
        transition-delay: 0ms, 300ms, 0ms, 300ms, 0ms;
        transition-duration: 300ms;
        transition-timing-function: cubic-bezier(0.2, 0.64, 0.21, 1);
        will-change: bottom, transform, opacity, visibility;
        z-index: 1000;
        margin: 0px 16px;
        padding: 12px 16px;
        border-radius: 8px;
    }

    .css-cayunn .timer {
        font-weight: 600;
    }

    .css-5nh68r {
        position: fixed;
        top: 52px;
        width: 100%;
        max-width: 500px;
        background: var(--NN0);
        z-index: 4;
    }

    .css-1p0p1yy-unf-searchbar {
        position: relative;
        margin: 4px 16px;
        -webkit-transition: margin 0.24s ease;
        transition: margin 0.24s ease;
    }

    .css-1p0p1yy-unf-searchbar::before {
        content: '';
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 4px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        background-image: url(https://assets.tokopedia.net/assets-tokopedia-lite/v2/atreus/kratos/511432e2.svg);
        background-repeat: no-repeat;
        background-position: center;
    }

    .css-1p0p1yy-unf-searchbar .unf-searchbar__input {
        display: block;
        height: 36px;
        width: 100%;
        font-family: inherit;
        padding: 12px 24px 12px 28px;
        border-radius: 8px;
        outline: none;
        background-color: var(--NN0);
        border: 1px solid var(--NN200);
        font-size: 14px;
        line-height: 18px;
        color: var(--NN950);
    }

    .css-1ms0hth {
        width: 40px;
        height: 40px;
        cursor: pointer;
        background-image: url(https://assets.tokopedia.net/assets-tokopedia-lite/v2/atreus/kratos/22159aaa.svg);
        background-repeat: no-repeat;
        background-size: 24px;
        background-position: center;
        background-color: transparent;
        border: 0;
        outline: none;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%) scale(0);
        -ms-transform: translateY(-50%) scale(0);
        transform: translateY(-50%) scale(0);
        -webkit-transition: -webkit-transform 300ms cubic-bezier(0.63, 0.01, 0.29, 1);
        -webkit-transition: transform 300ms cubic-bezier(0.63, 0.01, 0.29, 1);
        transition: transform 300ms cubic-bezier(0.63, 0.01, 0.29, 1);
        font-size: 0;
    }

    .css-1xxx5yl {
        --color-shadow: 0 1px 4px 0 rgba(141, 150, 170, 0.4);
        display: block;
        position: relative;
        overflow: hidden;
        background-color: var(--NN0);
        border-radius: 8px;
        box-shadow: var(--color-shadow);
        padding: 12px;
        margin: 12px 16px;
        -webkit-transition-property: background-color, border-color, box-shadow;
        transition-property: background-color, border-color, box-shadow;
        -webkit-transition-duration: 120ms;
        transition-duration: 120ms;
        -webkit-transition-timing-function: cubic-bezier(0.2, 0.64, 0.21, 1);
        transition-timing-function: cubic-bezier(0.2, 0.64, 0.21, 1);
    }

    .css-1pm9fmg {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -3.9px;
        margin-right: -3.9px;
        box-sizing: border-box;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .css-1cvmhg6 {
        background: var(--N75);
        height: 0.5px;
        border: none;
        margin: 12px 0 12px 0;
    }

    hr {
        box-sizing: content-box;
        height: 0;
        overflow: visible;
    }

    .css-vcgyl5 {
        padding-left: 4px;
        padding-right: 4px;
        box-sizing: border-box;
        -webkit-flex: 0 0 41.66666666666667%;
        -ms-flex: 0 0 41.66666666666667%;
        flex: 0 0 41.66666666666667%;
        max-width: 41.66666666666667%;
        display: block;
    }

    .css-70qvj9 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .css-qbdqzz {
        position: relative;
        display: inline-block;
        opacity: 1;
        border: 0;
        margin: 0;
        padding: 0;
        width: initial;
        height: initial;
        background: none;
        overflow: hidden;
        box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 0 8px 0 0;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 24px;
        height: 24px;
    }

    .css-1w3vjqw.intrinsic {
        max-width: 100%;
    }

    .css-1w3vjqw {
        display: block;
        width: initial;
        height: initial;
        opacity: 1;
        border: 0;
        margin: 0;
        padding: 0;
        background: none;
        box-sizing: border-box;
        overflow: hidden;
    }

    .css-slp7rq {
        white-space: nowrap;
        overflow: hidden;
    }

    .css-w1suhd-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 10px;
        line-height: 22px;
        color: var(--color-text-high);
        -webkit-letter-spacing: -0.1pxpx;
        -moz-letter-spacing: -0.1pxpx;
        -ms-letter-spacing: -0.1pxpx;
        letter-spacing: -0.1pxpx;
        -webkit-text-decoration: initial;
        text-decoration: initial;
        margin: 0;
    }

    .css-slp7rq * {
        line-height: 14px !important;
        -webkit-letter-spacing: 0px !important;
        -moz-letter-spacing: 0px !important;
        -ms-letter-spacing: 0px !important;
        letter-spacing: 0px !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .css-1vznvkf-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 10px;
        line-height: 12px;
        color: var(--color-text-low);
        -webkit-letter-spacing: 0pxpx;
        -moz-letter-spacing: 0pxpx;
        -ms-letter-spacing: 0pxpx;
        letter-spacing: 0pxpx;
        -webkit-text-decoration: initial;
        text-decoration: initial;
        margin: 0;
    }

    .css-2ftwma {
        padding-left: 4px;
        padding-right: 4px;
        box-sizing: border-box;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
        display: block;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .css-2ftwma .flexLabel {
        height: 20px;
    }

    .css-tohkp3 {
        background-image: url(https://assets.tokopedia.net/assets-tokopedia-lite/v2/atreus/kratos/7859bce8.svg);
        height: 24px;
        width: 24px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
    }

    .css-1ooqwr5 {
        font-size: 0.7142857142857143rem;
        line-height: 16px;
        font-weight: 700;
        padding: 4px;
        border-radius: 3px;
        height: 20px;
        min-width: 50px;
        background: var(--G200);
        color: var(--G500);
    }

    .css-584si3 {
        font-size: 0.7142857142857143rem;
        line-height: 16px;
        font-weight: 700;
        padding: 4px;
        border-radius: 3px;
        height: 20px;
        min-width: 50px;
        background: var(--NN50);
        color: var(--N700);
    }

    .css-h9xz2b {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 12px;
    }

    .css-h9xz2b .leftContent {
        width: 52px;
    }

    .css-h9xz2b .rightContent {
        width: calc(100% - 52px);
    }

    .css-h9xz2b .img__wrapper {
        width: 40px;
        height: 40px;
        margin-right: 12px;
        border-radius: 6px;
        position: relative;
    }

    .css-h9xz2b img {
        width: 40px;
        height: 40px;
        display: block;
        border-image: initial;
        border-radius: 6px;
    }

    .css-h9xz2b .title {
        font-size: 1rem;
        line-height: 18px;
        width: calc(100% - 8px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 2px 0;
    }

    .css-h9xz2b .label {
        font-size: 0.8571428571428571rem;
        -webkit-letter-spacing: 0px;
        -moz-letter-spacing: 0px;
        -ms-letter-spacing: 0px;
        letter-spacing: 0px;
        line-height: 18px;
    }

    .css-17o9zfv-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 14px;
        line-height: 16px;
        color: var(--color-text-low);
        -webkit-letter-spacing: 0.1pxpx;
        -moz-letter-spacing: 0.1pxpx;
        -ms-letter-spacing: 0.1pxpx;
        letter-spacing: 0.1pxpx;
        -webkit-text-decoration: initial;
        text-decoration: initial;
        margin: 2px 0;
    }

    .css-mjbpua-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 12px;
        line-height: 16px;
        color: var(--color-text-low);
        -webkit-letter-spacing: 0pxpx;
        -moz-letter-spacing: 0pxpx;
        -ms-letter-spacing: 0pxpx;
        letter-spacing: 0pxpx;
        -webkit-text-decoration: initial;
        text-decoration: initial;
        margin: 0 0 8px;
        font-size: 0.8571428571428571rem;
        -webkit-letter-spacing: 0px;
        -moz-letter-spacing: 0px;
        -ms-letter-spacing: 0px;
        letter-spacing: 0px;
    }

    .css-1geslm7 {
        margin-top: 50px;
        padding-bottom: 54px;
    }

    .css-1961hvq {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -4px;
        margin-right: -4px;
        box-sizing: border-box;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-items: flex-end;
        -webkit-box-align: flex-end;
        -ms-flex-align: flex-end;
        align-items: flex-end;
    }

    .css-81405x-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 10px;
        line-height: 12px;
        color: var(--color-text-high);
        -webkit-letter-spacing: 0pxpx;
        -moz-letter-spacing: 0pxpx;
        -ms-letter-spacing: 0pxpx;
        letter-spacing: 0pxpx;
        -webkit-text-decoration: initial;
        text-decoration: initial;
        display: inline;
        font-style: normal;
        font-size: 0.7142857142857143rem;
        -webkit-letter-spacing: 0px;
        -moz-letter-spacing: 0px;
        -ms-letter-spacing: 0px;
        letter-spacing: 0px;
        line-height: 14px;
    }

    .css-1961hvq .price {
        font-style: normal;
        font-weight: 600;
        font-size: 0.8571428571428571rem;
        -webkit-letter-spacing: 0px;
        -moz-letter-spacing: 0px;
        -ms-letter-spacing: 0px;
        letter-spacing: 0px;
        color: var(--N600);
    }

    .css-onvzp3 {
        padding-left: 4px;
        padding-right: 4px;
        box-sizing: border-box;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
        display: block;
    }

    .css-pdwyhr-unf-btn {
        width: auto;
        height: 24px;
        color: var(--NN0);
        font-size: 12px;
        font-weight: 700;
        line-height: 16px;
        text-overflow: ellipsis;
        white-space: nowrap;
        outline: none;
        background-position: center;
        border-radius: 8px;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        overflow: hidden;
        position: relative;
        padding: 0 16px;
        -webkit-transition: background 300ms, border 300ms, color 300ms;
        transition: background 300ms, border 300ms, color 300ms;
        background: var(--GN500);
        border: none;
        font-family: inherit;
    }

    .css-pdwyhr-unf-btn::before {
        content: '.';
        max-width: 0;
        width: 0;
        opacity: 0;
        visibility: hidden;
    }

    .css-1961hvq .btnAction {
        font-weight: 600;
        margin-left: 8px;
    }

    .css-ll5qqk-unf-btn {
        width: auto;
        height: 24px;
        color: var(--GN500);
        font-size: 12px;
        font-weight: 700;
        line-height: 16px;
        text-overflow: ellipsis;
        white-space: nowrap;
        outline: none;
        background-position: center;
        border-radius: 8px;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        overflow: hidden;
        position: relative;
        padding: 0 16px;
        -webkit-transition: background 300ms, border 300ms, color 300ms;
        transition: background 300ms, border 300ms, color 300ms;
        background: transparent;
        border: 1px solid var(--GN500);
        font-family: inherit;
    }

    .css-ll5qqk-unf-btn::before {
        content: '.';
        max-width: 0;
        width: 0;
        opacity: 0;
        visibility: hidden;
    }

    .css-n3xf8a {
        margin-top: 8px;
        padding: 0px 16px;
        width: 100%;
        margin-bottom: -8px;
    }

    .css-c2ug9k {
        display: flex;
        padding: 12px 16px;
    }

    .css-c2ug9k.noTitle {
        padding: 0px 16px;
    }

    .css-1hh099s-unf-heading {
        position: relative;
        font-weight: 800;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 16px;
        line-height: 20px;
        color: var(--color-text-high);
        letter-spacing: 0.1px;
        text-decoration: initial;
        margin: 0px;
        display: flex;
        flex: 1 1 auto;
        -webkit-box-align: center;
        align-items: center;
        overflow: hidden;
    }

    .css-1ul3h0y {
        display: inline-flex;
        flex-flow: row nowrap;
        width: 100%;
        -webkit-box-align: center;
        align-items: center;
        padding: 0px;
    }

    .css-1ejvdh4 {
        height: 56px;
        width: 56px;
        min-width: 56px;
        border-radius: 50%;
        overflow: hidden;
        background: var(--NN100, #E4EBF5);
        margin-right: 10px;
    }

    .css-bqlp8e {
        position: relative;
        display: inline-block;
        opacity: 1;
        border: 0px;
        margin: 0px;
        padding: 0px;
        width: initial;
        height: initial;
        background: none;
        overflow: hidden;
        box-sizing: border-box;
    }

    .css-2iegjr {
        perspective: 1000px;
        width: 70%;
        margin-right: 10px;
    }

    .css-18ma87 {
        transition: all 0.6s ease 0s;
        transform-style: preserve-3d;
        position: relative;
        display: block;
        height: 20px;
        animation: 0.5s ease 3s 1 normal forwards running animation-wb4bi0;
        width: 100%;
    }

    .css-1k22br6 {
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        z-index: 2;
        width: 100%;
    }

    .css-1k22br6>img {
        margin-right: 6px;
    }

    .css-bt833a-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 16px;
        line-height: 20px;
        color: var(--color-text-high);
        letter-spacing: 0.1px;
        text-decoration: initial;
        margin: 0px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
    }

    .css-jatiyp {
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        backface-visibility: hidden;
        transform: rotateX(0deg);
        position: absolute;
        left: 0px;
        top: 0px;
    }

    .css-1a14f7z-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 16px;
        line-height: 20px;
        color: var(--color-text-high);
        letter-spacing: 0.1px;
        text-decoration: initial;
        margin: 0px;
        animation: 0.5s ease 0s 1 normal forwards running animation-1au6rao;
        white-space: nowrap;
    }

    .css-118jix8 {
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        margin: 4px 0px;
        width: 100%;
    }

    .css-118jix8>img {
        margin-right: 6px;
    }

    .css-1213v2b-unf-heading {
        display: inline-block;
        position: relative;
        font-weight: 400;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 12px;
        line-height: 16px;
        color: var(--color-text-high);
        letter-spacing: 0.1px;
        text-decoration: initial;
    }

    .css-6gei9z {
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        width: 100%;
    }

    .css-1v994a0 {
        margin-right: 6px;
    }

    .css-164r41r {
        margin-top: 8px;
    }

    .css-eo6zeo {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        padding: 8px 16px;
        cursor: pointer;
    }

    .css-12z0wuy {
        margin-right: 8px;
    }

    .css-tltvdf-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 14px;
        line-height: 18px;
        color: var(--color-text-high);
        letter-spacing: 0.1px;
        text-decoration: initial;
        margin: 0px;
        flex: 1 1 0%;
    }

    .css-1jbz67w {
        text-align: center;
        line-height: 16px;
        font-size: 0.714286rem;
        border-radius: 6px;
        width: 16px;
        height: 16px;
        margin: 0px 4px;
        background-color: rgb(239, 20, 74);
        color: white;
    }

    .css-15vxieg {
        border: 1px solid var(--NN50, #F0F3F7);
        margin: 8px 16px 0px;
    }

    /* .carousel-indicators {
        margin-bottom: 0px;
        bottom: 3px;
    } */

    .carousel .carousel-indicators button {
        width: 8px;
        height: 8px;
        border-radius: 100%;
    }

    .carousel-indicators .active {
        background-color: var(--GN500);
        opacity: 1;
    }

    .css-vclzin {
        position: fixed;
        z-index: 38;
        margin-top: 6px;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 7px -8px;
        white-space: nowrap;
        background-color: white;
        transition: transform 0.3s ease 0s, border-top 0.1s ease 0s;
        will-change: top;
        max-width: 500px;
        transform: translateY(0px);
        border-top: 1px solid var(--N50, #F3F4F5);
    }

    .css-hplr71 {
        display: flex;
        width: 100vw;
        max-width: 100%;
        overflow-x: scroll;
    }

    .css-hplr71 a::after {
        content: "";
        display: block;
        min-width: 80px;
    }

    .css-hplr71::-webkit-scrollbar {
        display: none;
    }

    .css-7e5126 {
        display: inline-block;
        box-sizing: border-box;
        min-width: 80px;
        height: 64px;
        padding: 8px;
        margin-right: 4px;
        line-height: 16px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.38);
        font-size: 10px;
        -webkit-box-align: center;
        align-items: center;
        position: relative;
    }

    .css-7e5126 p {
        font-weight: bold;
    }

    .css-7e5126::after {
        content: "";
        height: 3px;
        width: 100%;
        position: absolute;
        background-color: var(--G500);
        bottom: 0px;
        left: 0px;
        right: 0px;
        margin: auto;
    }

    .css-7e5126 img {
        min-height: 30px;
    }

    .css-n2hbub {
        width: 30px;
        margin: 0px auto;
        line-height: 1;
    }

    .css-1sqk2us {
        background-repeat: no-repeat;
        background-size: 99% 100%;
        display: inline-block;
        height: auto;
        margin: 0px auto;
        position: relative;
        text-align: center;
        width: 100%;
    }

    .css-1sqk2us>img.fade {
        opacity: 0;
    }

    .css-1kjfo9z {
        margin: 0px auto;
        width: 100%;
        text-align: center;
        font-size: 12px;
        color: var(--G500);
    }

    .css-1sqk2us>img.fade.success,
    .css-1sqk2us>img.fade.default {
        opacity: 1;
    }

    .css-10izwvm {
        width: 100%;
        margin: 0px auto;
    }

    .css-8w7lul {
        display: inline-block;
        box-sizing: border-box;
        min-width: 80px;
        height: 64px;
        padding: 8px;
        margin-right: 4px;
        line-height: 16px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.38);
        font-size: 10px;
        -webkit-box-align: center;
        align-items: center;
        position: relative;
    }

    .css-8w7lul p {
        font-weight: normal;
        filter: grayscale(1);
        opacity: 0.6;
    }

    .css-8w7lul::after {
        content: "";
        height: 0px;
        width: 100%;
        position: absolute;
        background-color: var(--G500);
        bottom: 0px;
        left: 0px;
        right: 0px;
        margin: auto;
    }

    .css-8w7lul img {
        min-height: 30px;
    }

    .css-jc8c5m {
        display: block;
        color: var(--NN950);
        font-size: 1.14286rem;
        font-weight: 800;
        font-family: "Open Sauce One", "Nunito Sans", -apple-system, sans-serif;
        line-height: 1.28571rem;
        overflow: hidden;
        overflow-wrap: break-word;
        white-space: nowrap;
        text-overflow: ellipsis;
        letter-spacing: 0.2px;
    }

    .css-12cbo7m {
        font-size: 0.857143rem;
        font-weight: 800;
        font-family: "Open Sauce One", -apple-system, sans-serif;
        line-height: 1.14286rem;
        color: var(--GN500);
        margin: auto 0px auto auto;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        letter-spacing: 0.1px;
    }

    .css-3um8ox {
        color: var(--NN950);
        font-size: 0.86rem;
        line-height: 1.5;
        max-width: 100%;
        max-height: 100%;
        white-space: pre-wrap;
        word-break: keep-all;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-bottom: 4px;
        min-height: 16px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .css-1izdl9e {
        display: flex;
        position: static;
        overflow: visible;
        background-color: var(--NN0);
        flex-flow: column;
        height: 100%;
    }

    .css-z1kcla {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        color: var(--NN900, );
        font-size: 0.85rem;
        line-height: 18px;
        margin-bottom: 4px;
    }

    .css-26zmlj {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        color: var(--NN600);
        width: 100%;
        overflow: hidden;
        margin-bottom: 4px;
    }

    .css-26zmlj i {
        flex-shrink: 0;
        margin-right: 2px;
    }

    .css-r6j48s {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 16px;
        height: 16px;
        margin-right: 2px;
        background-image: url(https://assets.tokopedia.net/assets-tokopedia-lite/v2/phoenix/kratos/24da5b1a.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 16px;
    }

    .css-26zmlj span:last-child {
        font-size: 0.85rem;
        font-weight: normal;
        line-height: normal;
        height: auto;
        margin-bottom: 0px;
        padding: 0px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .css-1sgek4h {
        height: 16px;
        display: inline-block;
        background-color: var(--NN0);
        border-radius: 3px;
        font-weight: bold;
        font-size: 0.714286rem;
        color: var(--NN600);
        line-height: 1.4;
        letter-spacing: normal;
        margin-bottom: 4px;
        padding: 3px 0px 2px;
    }

    .css-1dnz2r {
        margin-bottom: 2px;
        overflow: hidden;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-1pg8bi {
        height: 20px;
    }

    .css-b533b1 {
        height: 16px;
        display: inline-block;
        background-color: var(--NN0);
        border-radius: 3px;
        color: var(--NN600);
        line-height: 1.4;
        margin-bottom: 4px;
        padding: 3px 0px 2px;
        font-weight: 400;
        font-size: 10px;
        letter-spacing: 0.1px;
    }

    .css-1d8byca {
        --color-shadow: 0 1px 4px 0 rgba(141, 150, 170, 0.4);
        display: block;
        position: relative;
        overflow: hidden;
        background-color: var(--NN0);
        border: 1px solid;
        border-color: var(--NN200);
        border-radius: 8px;
        padding: 8px 12px;
        margin: 16px;
        -webkit-transition-property: background-color, border-color, box-shadow;
        transition-property: background-color, border-color, box-shadow;
        -webkit-transition-duration: 120ms;
        transition-duration: 120ms;
        -webkit-transition-timing-function: cubic-bezier(0.2, 0.64, 0.21, 1);
        transition-timing-function: cubic-bezier(0.2, 0.64, 0.21, 1);
    }

    .css-rrdft5 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .css-rrdft5 .payment__text {
        width: 80%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .css-wqq1s1 {
        position: relative;
        display: inline-block;
        opacity: 1;
        border: 0;
        margin: 0;
        padding: 0;
        width: initial;
        height: initial;
        background: none;
        overflow: hidden;
        box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 24px;
        height: 24px;
    }

    .css-hzq9im-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 12px;
        line-height: 16px;
        color: var(--color-text-low);
        -webkit-letter-spacing: 0pxpx;
        -moz-letter-spacing: 0pxpx;
        -ms-letter-spacing: 0pxpx;
        letter-spacing: 0pxpx;
        -webkit-text-decoration: initial;
        text-decoration: initial;
        margin: 0 0 0 8px;
    }

    .css-io8lqb {
        display: block;
        background: none;
        width: initial;
        height: initial;
        max-width: 100%;
        opacity: 1;
        border: 0;
        margin: 0;
        padding: 0;
    }

    .css-nj40ur {
        flex: 1 0 100%;
        padding: 8px 32px 8px 12px;
        background-color: var(--BN100);
        position: relative;
        overflow: hidden;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row;
        border-radius: 0px;
        border-bottom: 1px solid var(--BN200);
    }

    .css-ctpni1-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 14px;
        line-height: 20px;
        color: var(--color-text-high);
        -webkit-letter-spacing: -0.1px;
        -moz-letter-spacing: -0.1px;
        -ms-letter-spacing: -0.1px;
        letter-spacing: -0.1px;
        -webkit-text-decoration: initial;
        text-decoration: initial;
        margin: 0;
    }

    .css-1tiz9mc-unf-heading {
        display: block;
        position: relative;
        font-weight: 700;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 12px;
        line-height: 16px;
        color: var(--color-text-low);
        letter-spacing: 0.1px;
        text-decoration: initial;
    }

    .css-qn3069-unf-ticker p {
        display: inline;
        margin: 0px;
    }

    .css-qn3069-unf-ticker [data-unf="unf-ticker-link"] {
        margin-left: 4px;
        display: inline-block;
        color: var(--GN500);
    }

    .css-qn3069-unf-ticker {
        position: relative;
        margin: 0px;
        color: var(--NN950);
        overflow: hidden;
    }

    .css-k1tgg0-unf-list {
        padding: 0px;
        list-style: none;
        margin: 0px 0px 24px;
    }

    .css-k1tgg0-unf-list .unf-list__item {
        display: flex;
        position: relative;
        padding: 12px 16px 12px 0px;
        margin-left: 16px;
        border-bottom: solid var(--NN100) 1px;
        -webkit-box-align: center;
        align-items: center;
    }

    .css-1k2i7iw>ul>li {
        margin-left: 0px !important;
        padding: 0px !important;
        border-bottom: none !important;
    }

    .css-1ey5evv {
        display: flex;
        align-items: flex-start;
        -webkit-box-pack: justify;
        justify-content: space-between;
        width: 100%;
        padding: 16px 0px;
        margin: 0px 16px;
    }

    .css-1yqigb6 {
        align-self: flex-start;
        margin: 0.25rem 10px 0px 0px;
    }

    .css-jvwfjo {
        padding-right: 8px;
        display: flex;
        flex-direction: column;
        flex: 1 1 0%;
    }

    .css-1wzo5fu {
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .css-1u7qvdv {
        color: var(--color-text-high);
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
        margin: 0.25rem 0px;
        text-align: unset;
    }

    .css-1ewougr {
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .css-1ucdwn3 {
        text-align: right;
        align-self: flex-start;
    }

    .css-1fpp4c8 {
        color: var(--GN500);
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
        margin: 0.25rem 0px;
        text-align: unset;
    }
    [type=checkbox], [type=radio] {
        box-sizing: border-box;
        padding: 0;
    }
    
    .css-1umxz29 {
        z-index: 40;
        display: grid;
        -webkit-box-align: center;
        align-items: center;
        grid-template-columns: auto 1fr auto;
        grid-template-rows: auto;
        column-gap: 8px;
        min-height: 52px;
        max-width: 500px;
        width: 100%;
        padding-top: 8px;
        padding-bottom: 4px;
        padding-right: 10px;
        padding-left: 10px;
        background-color: var(--N0);
        will-change: background-color, outline;
        position: fixed;
        transition: background-color 0.3s ease 0s, outline;
    }
    
    .css-ig5goi {
        display: grid;
        -webkit-box-align: center;
        align-items: center;
        grid-template-rows: 36px;
        grid-template-columns: repeat(1, 36px);
    }
    
    .css-1mwrwi {
        position: relative;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
    }
    
    .css-1mwrwi svg {
        transition: fill 0.3s ease 0s;
    }
    
    .css-hoe9xz {
        align-self: center;
    }

    .css-12s2d7v-unf-notification {
        display: inline-block;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        color: rgb(255, 255, 255);
        background: var(--RN500);
        animation: 300ms cubic-bezier(0.63, 0.01, 0.19, 1.55) 0s 1 normal none running animation-tffeny;
        height: 16px;
        line-height: 16px;
        font-size: 10px;
        padding: 0px 4px;
        position: absolute;
        border-radius: 6px;
        right: -2px;
        top: -6px;
    }
    .css-lo0jbe .unf-animation-ripple {
        border-radius: 100%;
        position: absolute;
        background-color: var(--NN50, #F0F3F7);
        opacity: 0;
        animation: 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s 1 normal none running rippleStart, 300ms linear 300ms 1 normal none running rippleEnd;
    }
    .css-19w2jcl-unf-accordion__header__chevron {
        width: 32px;
        height: 32px;
        border-radius: 8px;
        background-position: center center;
        position: relative;
        overflow: hidden;
    }
    .css-19w2jcl-unf-accordion__header__chevron > svg {
        position: absolute;
        inset: 0px;
        margin: auto;
        transition: transform 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s;
    }
    .css-18zn8qc-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 16px;
        line-height: 22px;
        color: var(--NN950);
        letter-spacing: -0.1px;
        text-decoration: initial;
        margin: 0px;
    }
    .css-1gu2q5j-unf-accordion__content {
        width: 100%;
        transform-origin: center top;
        overflow: hidden;
        transition-property: height, transform;
        transition-duration: 300ms;
        transition-timing-function: cubic-bezier(0.2, 0.64, 0.21, 1);
    }
    .css-8jbevc-unf-accordion > div {
        transform: none;
    }
    .css-hvwk7f {
        padding: 0px 16px 16px;
    }
    .css-87rt53 {
        display: grid;
        -webkit-box-align: center;
        align-items: center;
        grid-template-rows: 36px;
        grid-template-columns: repeat(2, 36px);
    }
    
    .css-15ivigj {
        position: relative;
        display: flex;
        padding-right: 16px;
        padding-left: 16px;
        min-height: 52px;
        width: 100%;
        user-select: none;
        pointer-events: none;
    }
    
    .css-1kl1kpe {
        height: 1px !important;
        position: fixed;
        z-index: 31;
    }
    
    .css-i59lf2-unf-divider {
        width: 100%;
        height: 8px;
        background-color: var(--NN50);
        border: 0px;
        margin: 0px;
    }
    
    .css-1a04627 {
        width: 100%;
        max-width: 500px;
        margin: 0px auto;
    }
    
    .css-1asz3by {
        position: relative;
        display: flex;
        flex: 1 1 0%;
        flex-direction: column;
        vertical-align: middle;
        height: auto;
        width: 100%;
        padding: 8px;
        overflow: hidden;
        background-color: var(--NN0);
    }
    
    .css-gwkf0u {
        display: flex;
        flex-flow: column;
        -webkit-box-flex: 1;
        flex-grow: 1;
        text-align: left;
    }
    
    a {
        color: var(--NN1000);
        text-decoration: none;
    }
    
    .css-3um8ox {
        color: var(--NN950);
        font-size: 0.86rem;
        line-height: 1.5;
        max-width: 100%;
        max-height: 100%;
        white-space: pre-wrap;
        word-break: keep-all;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-bottom: 4px;
        min-height: 16px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    
    .css-h66vau {
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        color: var(--NN950);
        opacity: 1;
        font-size: 1rem;
        font-weight: bold;
        align-items: flex-end;
        line-height: 1.43;
        margin-bottom: 4px;
        flex: 0 0 auto;
    }
    
    .css-yaxhi2 {
        position: relative;
    }
    
    .css-yaxhi2 > div:last-child {
        margin-bottom: 1px;
        width: 85%;
    }
    
    .css-z1kcla {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        color: var(--NN900);
        font-size: 0.85rem;
        line-height: 18px;
        margin-bottom: 4px;
    }
    
    .css-1rn0irl {
        display: flex;
        flex-direction: column;
        line-height: 18px;
        height: 20px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 100%;
    }
    
    .css-1kdc32b {
        height: 20px;
        transition: transform 0.3s ease 0s;
        transform: translateY(0px);
        color: var(--NN600);
    }
    
    .css-26zmlj {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        color: var(--NN600);
        width: 100%;
        overflow: hidden;
        margin-bottom: 4px;
    }
    
    .css-26zmlj i {
        flex-shrink: 0;
        margin-right: 2px;
    }
    
    @media (max-width: 1119px){
        .css-uwyh54 [data-productinfo] > div:last-child {
            width: 100%;
        }
    }
    
    .css-1es2iep {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 16px;
        height: 16px;
        margin-right: 2px;
        background-image: url(https://assets.tokopedia.net/assets-tokopedia-lite/v2/zeus/kratos/9527c778.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 16px;
    }
    
    .css-t70v7i {
        color: var(--NN600);
        display: flex;
        font-size: 0.85rem;
        -webkit-box-align: center;
        align-items: center;
        line-height: normal;
        height: 12px;
    }
    
    .css-138sgdp {
        margin: 1px 4px 0px;
        height: 10px;
        width: 1px;
        background: var(--NN600);
    }
    
    .css-26zmlj span:last-child {
        font-size: 0.85rem;
        font-weight: normal;
        line-height: normal;
        height: auto;
        margin-bottom: 0px;
        padding: 0px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    
    .css-1sgek4h {
        height: 16px;
        display: inline-block;
        background-color: var(--NN0);
        border-radius: 3px;
        font-weight: bold;
        font-size: 0.714286rem;
        color: var(--NN600);
        line-height: 1.4;
        letter-spacing: normal;
        margin-bottom: 4px;
        padding: 3px 0px 2px;
    }
    
    .css-6cp8z8 {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        margin-bottom: 4px;
        overflow: hidden;
    }
    
    .css-xfl72w {
        overflow: hidden;
        font-size: 0.714286rem;
        color: var(--NN400);
        text-decoration: line-through;
        max-width: 100px;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-weight: 400;
        line-height: 12px;
        letter-spacing: 0.1px;
        margin-right: 2px;
    }
    
    .css-1xelcdh {
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        color: var(--RN500);
        font-size: 0.714286rem;
        font-weight: 800;
        margin: 0px 4px 0px 0px;
        line-height: 12px;
        letter-spacing: 0.1px;
    }
    
    .css-1izdl9e {
        display: flex;
        position: static;
        overflow: visible;
        background-color: var(--NN0);
        flex-flow: column;
        height: 100%;
    }
    
    .css-19oqosi {
        position: relative;
        display: block;
        margin: 0px;
        background-color: var(--NN0);
        height: 0px;
        padding-bottom: 100%;
        overflow: hidden;
    }
    
    .css-19oqosi a {
        display: initial;
    }
    
    .css-1mygogd {
        display: block;
        width: 100%;
    }
    
    .css-19oqosi img {
        border-radius: 8px 8px 0px 0px;
    }
    
    .css-1q90pod {
        display: block;
        object-fit: cover;
        object-position: center center;
        width: 100%;
        height: 100%;
        margin: 0px auto;
    }
    
    a:hover{
        text-decoration: none;
    }
    
    .css-s5Fse{
        display: flex;
        align-items: center;
        overflow: hidden;
        height: 1rem;
    }
    
    .css-s5Fse>div:first-child:not(:only-child) {
        max-width: 60%;
        flex-shrink: 0;
    }
    
    .css-s5Fse>div:not(:last-child) {
        margin-right: .25rem;
    }
    
    .css-Ulu8Uw {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        align-items: center;
        cursor: default;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        padding: .125rem .25rem;
        margin-top: 0;
        margin-bottom: 0;
        height: 1rem;
        box-sizing: border-box;
        line-height: 100%;
        border: .0625rem solid;
        border-radius: .0625rem;
        background-color: initial;
        font-size: .625rem;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
    
    .css-gQxzzv {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        align-items: center;
        cursor: default;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        padding: .125rem .25rem;
        margin-top: 0;
        margin-bottom: 0;
        height: 1rem;
        box-sizing: border-box;
        line-height: 100%;
        border: .0625rem solid;
        border-radius: .0625rem;
        background-color: initial;
        font-size: .625rem;
        color: #44b5ff;
    }
    
    .navbar-toggler .col {
        text-align: center;
        position: relative;
    }
    
    .navbar-toggler .fab, .navbar-toggler .fas {
        display: block;
        margin-bottom: 2px;
    }
    
    .navbar-toggler .badge {
        position: absolute;
        top: -5%;
        right: 17%;
        font-size: 40%;
    }
    
    .css-1yqfhlt {
        transition: all 600ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s;
        transform: translateY(0px);
        background-color: var(--NN0);
        width: 100%;
        max-width: 500px;
        margin: 0px auto;
        z-index: 9;
        position: fixed;
        top: 1px;
    }
    
    .css-1yqfhlt[data-n-sticky="true"] {
        top: 52px;
        transition: all 600ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s;
    }
    
    .css-1yqfhlt p {
        cursor: pointer;
    }
    
    .css-16fv7me {
        display: flex;
        flex-wrap: wrap;
        margin-left: -4px;
        margin-right: -4px;
        box-sizing: border-box;
        -webkit-box-align: center;
        align-items: center;
        padding: 10px 16px;
    }
    
    .css-699dzs {
        height: 1px;
        position: fixed;
    }
    
    .css-zgk0q0 {
        padding-left: 4px;
        padding-right: 4px;
        box-sizing: border-box;
        -webkit-box-flex: 1;
        flex-grow: 1;
        flex-basis: 0px;
        max-width: 100%;
        display: block;
    }
    
    .css-1gmo6dw {
        padding-left: 4px;
        padding-right: 4px;
        box-sizing: border-box;
        align-self: flex-end;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
        display: block;
    }
    
    .css-5nvfdl-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 14px;
        line-height: 18px;
        color: var(--NN600);
        letter-spacing: 0.1px;
        text-decoration: initial;
        margin: 0px;
    }
    
    .css-rsmxz9-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 12px;
        line-height: 16px;
        color: var(--GN500, #00AA5B);
        letter-spacing: 0.1px;
        text-decoration: initial;
        margin: 0px;
    }
    
    .css-ptaasj {
        background-color: transparent;
    }
    
    .css-hkhurj {
        padding-top: 16px;
    }
    
    .css-hkhurj[data-n-with-margin="true"] {
        margin-top: 38px;
        transition: margin-top 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s;
    }
    
    .css-hkhurj[data-n-with-margin="false"] {
        transition: margin-top 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s;
    }
    
    .css-kh1ayv {
        width: 100%;
        padding: 16px 16px 0px 16px;
    }
    
    .css-kh1ayv:last-child {
        border: 0px;
    }
    
    .css-pm7k2a {
        padding: 0px 0px 16px;
    }
    
    .css-pm7k2a .product__checkbox-content {
        display: flex;
        gap: 12px;
        z-index: 2;
    }
    
    .css-pm7k2a .product__checkbox {
        position: relative;
    }
    
    .css-pm7k2a .product__checkbox-item {
        margin: 0px;
    }
    
    .css-dnsaji-unf-checkbox {
        display: inline-block;
        line-height: 1;
    }
    
    .css-dnsaji-unf-checkbox input[type="checkbox"] {
        width: 0px;
        height: 0px;
        opacity: 0;
        position: absolute;
        appearance: none;
        margin: 0px;
        padding: 0px;
    }
    
    .css-pm7k2a .product__checkbox-item .checkbox-area {
        border: 2px solid var(--NN500);
        width: 20px;
        height: 20px;
    }
    
    .css-dnsaji-unf-checkbox .checkbox-area {
        width: 24px;
        height: 24px;
        vertical-align: middle;
        border: 1.5px solid var(--NN900);
        border-radius: 4px;
        position: relative;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
    }
    
    .css-pm7k2a .product__checkbox-item .checkbox-area::before {
        width: 20px;
        height: 20px;
    }
    
    .css-dnsaji-unf-checkbox .checkbox-area::before {
        content: "";
        border-radius: 4px;
        position: absolute;
        top: -1.5px;
        left: -1.5px;
        width: 24px;
        height: 24px;
        background: var(--GN500);
        opacity: 0;
        scale: 0.2;
        transition-property: opacity, scale;
        transition-duration: 200ms;
        transition-timing-function: cubic-bezier(0.63, 0.01, 0.29, 1);
    }
    
    .css-dnsaji-unf-checkbox input[type="checkbox"]:checked + .checkbox-area::before {
        opacity: 1;
        scale: 1;
        transition-property: opacity, scale;
        transition-duration: 300ms;
        transition-timing-function: cubic-bezier(0.2, 0.64, 0.21, 1);
    }
    .css-1fkpq2y > div {
        width: 0%;
        overflow: hidden;
        transition: width 300ms cubic-bezier(0.2, 0.64, 0.21, 1) 0s;
        position: relative;
    }
    
    .css-rjq3zg > div {
        width: 100%;
        overflow: hidden;
        transition: width 200ms cubic-bezier(0.2, 0.64, 0.21, 1) 200ms;
        position: relative;
    }
    
    .css-w32hc3 {
        display: grid;
        grid-template-columns: 80px 1fr;
        gap: 12px;
        width: 100%;
    }
    
    .css-o315k2 {
        flex: 0 0 auto;
        height: 80px;
        width: 80px;
        border: 1px solid var(--NN50);
        border-radius: 8px;
        position: relative;
        overflow: unset;
    }
    
    .css-wh4i9y {
        position: relative;
        display: inline-block;
        opacity: 1;
        border: 0px;
        margin: 0px;
        padding: 0px;
        width: initial;
        height: initial;
        background: none;
        overflow: hidden;
        box-sizing: border-box;
        border-radius: 8px;
    }
    
    .css-1w3vjqw {
        display: block;
        width: initial;
        height: initial;
        opacity: 1;
        border: 0px;
        margin: 0px;
        padding: 0px;
        background: none;
        box-sizing: border-box;
        overflow: hidden;
    }
    
    .css-1w3vjqw.intrinsic {
        max-width: 100%;
    }
    
    .css-io8lqb {
        display: block;
        background: none;
        width: initial;
        height: initial;
        max-width: 100%;
        opacity: 1;
        border: 0px;
        margin: 0px;
        padding: 0px;
    }
    
    .css-1fjtzvx {
        flex: 1 1 0%;
        min-width: 0px;
    }
    
    .css-15gq3cs {
        margin-bottom: 4px;
        display: flex;
        gap: 4px;
        -webkit-box-align: center;
        align-items: center;
    }
    
    .css-bkften-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 10px;
        line-height: 12px;
        color: var(--YN500);
        letter-spacing: 0.1px;
        text-decoration: initial;
        margin: 0px;
    }
    
    .css-cyi9ko-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 12px;
        line-height: 16px;
        color: var(--NN600);
        letter-spacing: 0.1px;
        text-decoration: initial;
        margin: 0px 0px 4px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    
    .css-r6ef99 {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        gap: 4px;
        margin-bottom: 4px;
    }
    
    .css-1wdj619-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 12px;
        line-height: 16px;
        color: var(--NN950);
        letter-spacing: 0.1px;
        text-decoration: initial;
        margin: 0px;
    }
    
    .css-apnvh0 {
        margin-top: 16px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
    
    .css-j0ozid {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        gap: 16px;
    }
    
    .css-bqlp8e {
        position: relative;
        display: inline-block;
        opacity: 1;
        border: 0px;
        margin: 0px;
        padding: 0px;
        width: initial;
        height: initial;
        background: none;
        overflow: hidden;
        box-sizing: border-box;
    }
    
    .css-a32lqq-unf-quantity-editor {
        display: inline-flex;
        box-sizing: border-box;
        -webkit-box-align: center;
        align-items: center;
        border: solid 1px var(--NN300);
        padding: 5px;
        transition: border 120ms cubic-bezier(0.2, 0.64, 0.21, 1) 0s;
        overflow: hidden;
        width: 92px;
        height: 32px;
        border-radius: 8px;
    }
    
    .css-a32lqq-unf-quantity-editor button {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        flex-shrink: 0;
        height: 22px;
        width: 22px;
        border-radius: 4px;
        position: relative;
        overflow: hidden;
        transform: translate(0px, 0px);
    }
    
    .css-a32lqq-unf-quantity-editor button::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        background-image: radial-gradient(circle, var(--NN100, #E4EBF5) 10%, transparent 10.01%);
        background-repeat: no-repeat;
        background-position: 50% center;
        transform: scale(10, 10);
        opacity: 0;
        transition: transform 200ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s, opacity 800ms ease 0s;
    }
    
    .css-12xfsmg {
        background-color: transparent;
        padding: 0px;
        border: none;
        appearance: none;
    }
    
    .css-jrfgt7-unf-quantity-editor__input {
        outline: none;
        border: none;
        background-color: transparent;
        color: var(--NN950);
        font-family: inherit;
        font-size: 12px;
        line-height: 16px;
        text-align: center;
        padding: 0px;
        flex-shrink: 2;
        -webkit-box-flex: 2;
        flex-grow: 2;
        width: 100%;
    }
    
    .css-h57ui0 {
        opacity: 1;
        transition: visibility 0s ease 0s, opacity 300ms cubic-bezier(0, 0, 1, 1) 0s;
    }
    
    .css-o0s3o9 {
        transition: all 600ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s;
        transform: translateY(0px);
        position: fixed;
        bottom: 67px;
        z-index: 9;
        width: 100%;
        max-width: 500px;
        border-radius: 12px 12px 0px 0px;
        background: var(--NN50);
    }
    
    .css-5lg31k {
        height: 1px;
        position: fixed;
        width: 100%;
        bottom: 66px;
        z-index: 10;
    }
    
    .css-zwhb35 {
        border-radius: 12px 12px 0px 0px;
        height: 56px;
        border: 1px solid var(--TN300);
        background-color: var(--TN50);
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        color: var(--NN950);
        padding: 12px 16px;
    }
    
    .css-zwhb35 .sty-container {
        display: flex;
        flex-direction: row;
        gap: 10px;
        -webkit-box-align: center;
        align-items: center;
        width: 100%;
    }
    
    .css-zwhb35 > div {
        width: 100%;
    }
    
    .css-zwhb35 .sty-container .styTextCopyWidget {
        margin: 0px;
        font-size: 12px;
        font-weight: 800;
        color: var(--NN950);
    }
    
    .css-w19oxl-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 14px;
        line-height: 18px;
        color: var(--NN600);
        letter-spacing: 0.1px;
        text-decoration: initial;
    }
    
    .css-1hpuzfs {
        position: fixed;
        width: 100%;
        z-index: 10;
        max-width: 500px;
        left: initial;
        bottom: 0px;
        background: var(--NN0);
        padding: 12px 16px;
        box-shadow: none;
    }
    
    .css-1ki73h0 {
        display: block;
        width: 100%;
        bottom: 0px;
        background: var(--NN0);
    }
    
    .css-1ki73h0 .cartfloating__wrapper {
        display: flex;
        width: 100%;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
    
    .css-1ki73h0 .cartfloating__left {
        display: flex;
        width: 25%;
        -webkit-box-pack: start;
        justify-content: start;
        -webkit-box-align: center;
        align-items: center;
        gap: 8px;
    }
    
    .css-1ki73h0 .cartfloating__right {
        display: flex;
        width: 75%;
        -webkit-box-pack: end;
        justify-content: end;
        -webkit-box-align: center;
        align-items: center;
        gap: 8px;
    }
    
    .css-1peku32-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 12px;
        line-height: 16px;
        color: var(--NN600);
        letter-spacing: 0.1px;
        text-decoration: initial;
    }
    
    .css-mcucgs {
        width: auto;
        text-align: right;
    }
    
    .css-mcucgs .text__price {
        font-size: 14px;
        -webkit-box-align: center;
        align-items: center;
    }
    
    .css-b5ynyk-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 12px;
        line-height: 16px;
        color: var(--NN600);
        letter-spacing: 0.1px;
        text-decoration: initial;
        margin: 0px;
    }
    
    .css-1dmen27-unf-heading {
        display: block;
        position: relative;
        font-weight: 700;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 14px;
        line-height: 18px;
        color: var(--NN950);
        letter-spacing: 0.1px;
        text-decoration: initial;
        margin: 4px 0px;
    }
    
    .css-5fgdi-unf-btn {
        color: rgb(255, 255, 255);
        line-height: 18px;
        text-overflow: ellipsis;
        white-space: nowrap;
        outline: none;
        border-radius: 8px;
        display: inline-flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        overflow: hidden;
        position: relative;
        background: var(--GN500);
        border: none;
        font-family: inherit;
        transition: background 120ms cubic-bezier(0.2, 0.64, 0.21, 1) 0s;
        height: 40px;
        font-size: 14px;
        font-weight: 700;
        padding: 0px;
        max-width: 150px !important;
        width: 100px !important;
    }
    
    .css-5fgdi-unf-btn::before {
        content: ".";
        max-width: 0px;
        width: 0px;
        opacity: 0;
        visibility: hidden;
    }
    .css-7r87u9 button:last-child {
        margin-right: 0px;
    }
    .css-1bmi3u3 {
        position: absolute;
        inset: 0px;
        pointer-events: none;
    }
   
    .css-p6rxo-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 10px;
        line-height: 12px;
        color: var(--NN600);
        letter-spacing: 0.1px;
        text-decoration: initial;
        margin: 0px;
    }
    
    .css-1e63sol {
        white-space: pre;
    }
    
    .css-1e63sol:last-of-type {
        overflow: hidden;
        text-overflow: ellipsis;
        flex-shrink: 1;
    }
    
    .css-1ki73h0 .cartfloating__left .checkbox .checkbox-area {
        border: 2px solid var(--NN500);
        width: 20px;
        height: 20px;
    }
    
    .css-1ki73h0 .cartfloating__left .checkbox .checkbox-area::before {
        width: 20px;
        height: 20px;
    }
    
    .css-z1m98n-unf-overlay {
        position: fixed;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;
        background-color: var(--NN900);
        overflow: hidden;
        z-index: 50;
        opacity: 0;
        transition: opacity 300ms cubic-bezier(0, 0, 1, 1) 0s, z-index 120ms cubic-bezier(0, 0, 1, 1) 0s, visibility 300ms cubic-bezier(0, 0, 1, 1) 0s;
    }
    
    .css-1la0m6t-unf-bottomsheet-container {
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        pointer-events: none;
        transform: translate3d(0px, 100%, 0px);
        transition-property: transform;
        transition-duration: 400ms;
        transition-timing-function: cubic-bezier(0.63, 0.01, 0.29, 1);
    }
    
    .css-i6bazn {
        overflow: hidden;
    }
    
    .css-1mlywcy {
        width: 100%;
        overscroll-behavior-y: none;
    }
    
    .css-1u73azk-unf-overlay {
        position: fixed;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;
        background-color: var(--NN900 );
        overflow: hidden;
        z-index: 50;
        opacity: 0.7;
        transition: opacity 300ms cubic-bezier(0, 0, 1, 1) 0s, z-index 120ms cubic-bezier(0, 0, 1, 1) 0s, visibility 300ms cubic-bezier(0, 0, 1, 1) 0s;
    }
    
    .css-oxw5r2 {
        display: flex;
        flex-direction: column;
        max-height: 100%;
    }
    
    .css-18ry4k2-unf-bottomsheet__header {
        display: flex;
        gap: 8px;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        padding: 16px;
        background-color: var(--NN0);
        z-index: 2;
        flex-wrap: nowrap;
        position: sticky;
        top: 0px;
    }
    
    .css-18ry4k2-unf-bottomsheet__header .unf-sheet__close-btn {
        border: none;
        background-color: transparent;
        padding: 0px;
        appearance: none;
    }
    
    .css-18ry4k2-unf-bottomsheet__header .unf-sheet__title {
        flex: 1 1 auto;
        color: var(--NN950);
    }
    
    .css-myaaae-unf-heading {
        display: block;
        position: relative;
        font-weight: 800;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 18px;
        line-height: 24px;
        color: var(--NN900);
        letter-spacing: -0.1px;
        text-decoration: initial;
        margin: 0px;
    }
    
    .css-lftvst-unf-bottomsheet__content {
        position: relative;
        flex: 1 1 auto;
        padding: 0px;
        overflow-y: auto;
    }
    
    .css-1ew54ug .product-info-wrapper {
        display: flex;
        -webkit-box-pack: start;
        justify-content: flex-start;
        padding: 0px 16px;
    }
    
    .css-bqlp8e {
        position: relative;
        display: inline-block;
        opacity: 1;
        border: 0px;
        margin: 0px;
        padding: 0px;
        width: initial;
        height: initial;
        background: none;
        overflow: hidden;
        box-sizing: border-box;
    }
    
    .css-1w3vjqw {
        display: block;
        width: initial;
        height: initial;
        opacity: 1;
        border: 0px;
        margin: 0px;
        padding: 0px;
        background: none;
        box-sizing: border-box;
        overflow: hidden;
    }
    
    .css-1ew54ug .product-info-wrapper .product__img {
        border: 1px solid var(--NN50);
        border-radius: 8px;
        height: auto;
        width: 40px !important;
    }
    
    .css-1ew54ug .product-info-wrapper .text__title {
        margin-left: 12px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 280px;
    }
    
    .css-10x7ei1-unf-heading {
        display: block;
        position: relative;
        font-weight: 400;
        font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
        font-size: 12px;
        line-height: 16px;
        color: var(--NN950);
        letter-spacing: 0.1px;
        text-decoration: initial;
        margin: 0px;
    }
    
    .css-1ew54ug .writing__text-area {
        padding: 16px;
    }

    .css-19nccwx {
        padding: 4px 16px;
        min-height: 200px;
    }
    
    .css-1a8l4bv-group {
        border-radius: 8px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        position: relative;
        padding: 0px 12px;
        transition: border-color 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s;
        border: 1px solid var(--NN300);
    }
    
    .css-1gszrwr-container {
        display: flex;
        flex: 1 1 0%;
        position: relative;
    }
    
    .css-f9did7-txtarea {
        font-family: inherit;
        box-sizing: content-box;
        width: 100%;
        height: 20px;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        background-color: transparent;
        border: none;
        border-radius: 0px;
        box-shadow: none;
        position: relative;
        outline: none;
        resize: none;
        overflow: hidden;
        padding: 0px;
        transition: color 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s;
        color: var(--NN950, #212121);
        margin: 12px 0px;
    }
    
    .css-oypplh-info {
        width: 100%;
        display: flex;
        padding: 2px 12px 0px;
    }
    
    .css-1ckzoxl-info__counter {
        flex: 1 0 55px;
        width: 55px;
        color: var(--NN600);
        font-size: 12px;
        line-height: 14px;
        text-align: right;
    }
    .css-1ckzoxl-info__counter > span {
        color: inherit;
        font-size: inherit;
    }
    .css-1ew54ug .button-save-wrapper {
        padding: 16px 12px 8px 8px;
    }
    .css-136lwwy-unf-btn {
        width: 100%;
        height: 40px;
        color: var(--NN400);
        font-size: 14px;
        font-weight: 800;
        line-height: 18px;
        text-overflow: ellipsis;
        white-space: nowrap;
        outline: none;
        border-radius: 8px;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        overflow: hidden;
        position: relative;
        padding: 0px 16px;
        background: var(--NN100, #E4EBF5);
        border: none;
        font-family: inherit;
        transition: background 120ms cubic-bezier(0.2, 0.64, 0.21, 1) 0s;
    }
    .css-136lwwy-unf-btn::before {
        content: ".";
        max-width: 0px;
        width: 0px;
        opacity: 0;
        visibility: hidden;
    }
    .css-1s34aou {
        position: absolute;
        inset: 0px;
        pointer-events: none;
    }
    .css-6k8nk {
        min-width: 0px;
        display: inline-flex;
        -webkit-box-align: center;
        align-items: center;
        position: relative;
        bottom: 0px;
        opacity: 1;
        transition: opacity 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s, bottom 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s;
    }
    .css-4jvuwi-unf-btn {
        width: 100%;
        height: 40px;
        color: rgb(255, 255, 255);
        font-size: 14px;
        font-weight: 800;
        line-height: 18px;
        text-overflow: ellipsis;
        white-space: nowrap;
        outline: none;
        border-radius: 8px;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        overflow: hidden;
        position: relative;
        padding: 0px 16px;
        background: var(--GN500);
        border: none;
        font-family: inherit;
        transition: background 120ms cubic-bezier(0.2, 0.64, 0.21, 1) 0s;
    }
    .css-4jvuwi-unf-btn::before {
        content: ".";
        max-width: 0px;
        width: 0px;
        opacity: 0;
        visibility: hidden;
    }
    .css-6s73yo {
        position: absolute;
        inset: 0px;
        pointer-events: none;
    }
    
    .css-1as4dwh-group {
        border-radius: 8px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        position: relative;
        padding: 0px 12px;
        transition: border-color 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s;
        border: 1px solid var(--GN500);
    }
    
    .x5MTFu {
        width: 1.125rem;
    }
    .x5MTFu>svg {
        height: 1.25rem;
        margin-left: -.125rem;
        width: 1.625rem;
        stroke: none !important;
        fill: currentColor;
        color: var(--G400);
    }
    .fr0eCs {
        flex: 1;
        margin: 0 0 0 .5rem;
        min-width: 0;
    }
    .IkIEz2 {
        align-items: center;
        display: flex;
        flex: 1;
    }
    .IVWtKQ {
        flex-shrink: 0;
        vertical-align: middle;
    }
    .LHzjIn {
        min-width: 0;
        padding: 0 0 0 .75rem;
    }
    .ArCIVP, .LHzjIn, .qRGN28 {
        align-items: center;
        display: flex;
        flex: 1;
    }
    .wSo4Sg {
        display: flex;
        flex: 1;
        justify-content: flex-end;
    }
    .wSo4Sg {
        min-width: 0;
    }
    .wkMgWk {
        color: rgba(0, 0, 0, .54);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .stardust-icon {
        stroke: currentColor;
        fill: currentColor;
        height: 1em;
        width: 1em;
    }
    .qRGN28 {
        color: rgba(0, 0, 0, .54);
        flex: 0;
        flex-basis: 1.5rem;
        margin: 0 0 0 .625rem;
    }
    .UMJigu{
        background: #f2f2f2;
        flex: 1;
        max-height: calc(100% - 3.25rem);
        overflow: hidden;
        position: relative;
    }
    .UMJigu .button-save-wrapper {
        padding: 16px 12px 8px 8px;
    }
    .O7phdh {
        background: #efefef;
        height: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
    .kdNiYM {
        display: flex;
        flex-direction: column;
    }
    .css-s9GL5N {
        display: flex;
        flex-direction: column;
        padding: 0 .625rem .625rem;
    }
    .css-dh3s8e {
        margin-top: .625rem;
    }
    .css-ry5Ay5{
        position: relative;
        width: auto;
    }
    .vc_CardSeaTw_left {
        background: linear-gradient(180deg, var(--vc-card-left-border-color, #e8e8e8) var(--vc-card-sawtooth-margin, .25rem), transparent 0, transparent calc(100% - var(--vc-card-sawtooth-margin, .25rem)), var(--vc-card-left-border-color, #e8e8e8) calc(100% - var(--vc-card-sawtooth-margin, .25rem))) 0 0 / .0625rem 100% no-repeat, linear-gradient(180deg, var(--vc-card-left-fill-color, #fff) var(--vc-card-sawtooth-margin, .25rem), transparent 0, transparent calc(100% - var(--vc-card-sawtooth-margin, .25rem)), var(--vc-card-left-fill-color, #fff) calc(100% - var(--vc-card-sawtooth-margin, .25rem))) 0 0 / 100% 100% no-repeat;
        border-bottom: .0625rem solid var(--vc-card-left-border-color, #e8e8e8);
        border-bottom-left-radius: .125rem;
        border-top: .0625rem solid var(--vc-card-left-border-color, #e8e8e8);
        border-top-left-radius: .125rem;
        box-sizing: border-box;
        height: 100%;
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: var(--vc-card-height, 7.375rem);
    }
    .vc_CardSeaTw_sawtooth {
        background: linear-gradient(180deg, transparent calc(var(--vc-card-radius, .25rem)* 2), var(--vc-card-left-border-color, #e8e8e8) 0) 0 .0625rem / .0625rem calc(var(--vc-card-radius, .25rem)* 2 + var(--vc-card-gap, .125rem)) repeat-y, radial-gradient(circle at 0 var(--vc-card-radius, .25rem), transparent 0, transparent calc(var(--vc-card-radius, .25rem) - .0625rem), var(--vc-card-left-border-color, #e8e8e8) 0, var(--vc-card-left-border-color, #e8e8e8) var(--vc-card-radius, .25rem), var(--vc-card-left-fill-color, #fff) 0) 0 .0625rem / 100% calc(var(--vc-card-radius, .25rem)* 2 + var(--vc-card-gap, .125rem)) repeat-y;
        bottom: calc(var(--vc-card-sawtooth-margin, .25rem) - .0625rem);
        position: absolute;
        top: calc(var(--vc-card-sawtooth-margin, .25rem) - .0625rem);
        width: 100%;
    }
    
    .vc_CardSeaTw_right {
        background-color: var(--N0);
        border: .0625rem solid var(--N0);
        border-bottom-right-radius: .125rem;
        border-left: none;
        border-top-right-radius: .125rem;
        box-sizing: border-box;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: calc(100% - 6.625rem);
    }
    .vc_VoucherSeaTwStandardTemplate_hideOverflow {
        border: .0625rem solid transparent;
        border-radius: .125rem;
        bottom: 0;
        left: 0;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 0;
    }
    .vc_VoucherSeaTwStandardTemplate_template {
        border: .0625rem solid transparent;
        border-left: none;
        box-shadow: var(--vc-template-box-shadow, .125rem .125rem .3125rem rgba(0, 0, 0, .07));
        box-sizing: border-box;
        display: flex;
        height: 100%;
        position: relative;
        transition: background 1s ease;
    }
    .vc_VoucherSeaTwStandardTemplate_left {
        align-items: center;
        border-right: .0625rem dashed #e8e8e8;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;
        width: var(--vc-card-height, 7.375rem);
    }
    .vc_VoucherSeaTwStandardTemplate_fsv .vc_VoucherSeaTwStandardTemplate_left, .vc_VoucherSeaTwStandardTemplate_shopee .vc_VoucherSeaTwStandardTemplate_left {
        border-right: none;
    }
    .vc_Logo_imageLogo {
        align-items: center;
        display: flex;
        justify-content: center;
    }
    .vc_Logo_circle {
        border-radius: 50%;
    }
    .vc_Logo_logo {
        display: block;
        height: var(--vc-logo-size, 3.5rem);
        width: var(--vc-logo-size, 3.5rem);
    }
    
    .vc_VoucherSeaTwStandardTemplate_middle {
        display: flex;
        flex: 1;
        flex-direction: column;
        justify-content: center;
        overflow: hidden;
        padding-left: .75rem;
        position: relative;
    }
    .vc_MainTitle_mainTitle {
        display: flex;
    }
    .vc_MainTitle_text {
        color: var(--NN950);
        font-size: var(--vc-main-title-font-size, 1rem);
        font-weight: 500;
        line-height: var(--vc-main-title-line-height, 1.25rem);
        white-space: nowrap;
    }
    .vc_MainTitle_fsvLine {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        white-space: normal;
        word-break: break-word;
    }
    .vc_MainTitle_defaultLine, .vc_MainTitle_fsvLine {
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .vc_Subtitle_subTitle {
        color: var(--vc-sub-title-color, rgba(0, 0, 0, .8));
        font-size: var(--vc-subtitle-font-size, .875rem);
        font-weight: var(--vc-subtitle-font-weight, normal);
        line-height: var(--vc-subtitle-line-height, 1rem);
        margin: var(--vc-sub-title-margin, 0);
        padding: var(--vc-sub-title-padding, 0);
        text-align: var(--vc-subtitle-text-align, unset);
        white-space: var(--vc-sub-title-white-space, unset);
        word-break: break-word;
    }
    .vc_VoucherSeaTwStandardTemplate_middle .vc_VoucherSeaTwStandardTemplate_expiryTnc {
        display: flex;
    }
    .vc_VoucherSeaTwStandardTemplate_middle .vc_VoucherSeaTwStandardTemplate_expiryTnc>* {
        margin-top: 0;
    }
    .vc_Expiry_expiry {
        color: rgba(0, 0, 0, .54);
        font-size: var(--vc-expiry-font-size, .75rem);
        line-height: var(--vc-expiry-line-height, .875rem);
        margin-top: var(--vc-expiry-margin-top, .25rem);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .vc_CardSeaTw_card {
        height: var(--vc-card-height, 7.375rem);
        position: relative;
        width: var(--vc-card-width, 28.375rem);
    }
    .vc_CardSeaTw_card.disabled{
    opacity: .5;
    }
    .vc_VoucherSeaTwStandardTemplate_right {
        align-items: flex-end;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: .75rem;
        position: relative;
    }
    .vc_VoucherSeaTwStandardTemplate_center {
        align-items: center;
        display: flex;
        flex-direction: column;
    }
    .vc_RadioButton_radio {
        fill: currentColor;
        stroke: currentColor;
        align-items: center;
        border: var(--vc-radio-button-border, 1px solid rgba(0, 0, 0, .14));
        border-radius: 50%;
        box-shadow: var(--vc-radio-button-box-shadow, rgba(0, 0, 0, .02) 0 2px 0 0);
        box-sizing: border-box;
        cursor: pointer;
        display: flex;
        height: 1.125rem;
        justify-content: center;
        width: 1.125rem;
    }
    
    .css-ryd7ed-unf-checkbox {
        display: inline-block;
        line-height: 1;
    }
    .css-ryd7ed-unf-checkbox input[type="checkbox"] {
        width: 0px;
        height: 0px;
        opacity: 0;
        position: absolute;
        appearance: none;
        margin: 0px;
        padding: 0px;
    }
    .css-ryd7ed-unf-checkbox .checkbox-area {
        width: 1.125rem;
        height: 1.125rem;
        vertical-align: middle;
        border: 1.5px solid var(--NN300);
        border-radius: 50%;
        position: relative;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
    }
    .css-ryd7ed-unf-checkbox .checkbox-area::before {
        content: "";
        border-radius: 50%;
        position: absolute;
        top: -1.5px;
        left: -1.5px;
        width: 1.125rem;
        height: 1.125rem;
        background: var(--GN500);
        opacity: 0;
        scale: 0.2;
        transition-property: opacity, scale;
        transition-duration: 200ms;
        transition-timing-function: cubic-bezier(0.63, 0.01, 0.29, 1);
    }
    
    .css-ryd7ed-unf-checkbox input[type="checkbox"]:checked + .checkbox-area::before {
        opacity: 1;
        scale: 1;
        transition-property: opacity, scale;
        transition-duration: 300ms;
        transition-timing-function: cubic-bezier(0.2, 0.64, 0.21, 1);
    }
    
    .SSnpmk1EAmL7q_hNJp0V9 {
        display: flex;
        position: relative;
    }
    .BmjOOIjgR7O5Yv_sTMs89 {
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-radius: 50%;
        left: -1px;
        transform: translateY(-50%) rotate(45deg);
    }
    .BmjOOIjgR7O5Yv_sTMs89, .cUCSVHidBQqjhrN9JNsQ9 {
        height: 4px;
        position: absolute;
        top: 50%;
        width: 4px;
    }
    .JfMb4ngU7mzjYy5i93fM9 {
        align-items: center;
        border-radius: 2px;
        display: flex;
        height: 100%;
        justify-content: center;
        padding: 2px 4px;
    }
    .PnP7CLYaLRfjLABN2H3v9 {
        font-size: .8rem;
        font-weight: 800;
        letter-spacing: .1px;
        line-height: 12px;
    }
    .cUCSVHidBQqjhrN9JNsQ9 {
        border-radius: 50%;
        border-right-color: transparent;
        border-top-color: transparent;
        right: -1px;
        transform: translateY(-50%) rotate(225deg);
    }
    
    .css-11h9fxh-unf-toaster.unf-toaster--show {
        visibility: visible;
        bottom: 24px;
        transform: scale(1);
        opacity: 1;
        transition-timing-function: cubic-bezier(0.2, 0.64, 0.21, 1);
        transition-delay: 0ms;
        will-change: transform, opacity, visibility;
    }
    .css-11h9fxh-unf-toaster.unf-toaster--show.unf-toaster--btn {
        bottom: 80px;
    }
    
    .css-11h9fxh-unf-toaster.unf-toaster--hide {
        bottom: 24px;
        opacity: 0;
        visibility: hidden;
        transform: scale(0.85);
        transition-property: transform, opacity, visibility;
        transition-duration: 300ms;
        transition-timing-function: cubic-bezier(0.63, 0.01, 0.29, 1);
        will-change: transform, opacity, visibility;
    }
    
    .css-11h9fxh-unf-toaster {
        position: fixed;
        left: 0px;
        width: calc(100% - 32px);
        margin: 0px 16px;
        padding: 12px 16px;
        background-color: var(--NN900, #2E3137);
        font-size: 12px;
        line-height: 16px;
        border-radius: 8px;
        color: rgb(255, 255, 255);
        opacity: 0;
        visibility: hidden;
        z-index: 10;
        transform: scale(1);
        transition-duration: 300ms;
        transition-timing-function: cubic-bezier(0.63, 0.01, 0.29, 1);
        bottom: 134px !important;
    }
    
    .unf-toaster.unf-toaster--show {
        z-index: 80 !important;
    }
    
    .vc_WarningBanner_warningBanner {
        align-items: center;
        background-color: #fff8e4;
        color: #ee4d2d;
        display: flex;
        font-size: var(--vc-warning-banner-font-size, .875rem);
        height: var(--vc-warning-banner-height, 2.375rem);
        margin-top: var(--vc-warning-banner-margin-top, 0);
        padding-left: var(--vc-warning-banner-padding-left-right, .625rem);
        padding-right: var(--vc-warning-banner-padding-left-right, .625rem);
        padding-top: var(--vc-warning-banner-padding-top, 0);
    }
    .vc_WarningBanner_info {
        margin-right: .3125rem;
    }
    .css-1v3uscg {
        position: fixed;
        width: 100%;
        max-width: 500px;
        height: 60px;
        bottom: 0px;
        margin: 0px auto;
        z-index: 10;
        border-radius: 0px;
        box-shadow: rgba(141, 150, 170, 0.4) 0px -1px 6px;
        padding: 10px 0px;
        background-color: var(--NN0);
    }
.css-1tbtyfn {
    position: relative;
    border-radius: 8px;
    background-color: var(--NN0, #FFFFFF);
    border: 1px solid var(--NN1000, #000000);
    margin: 0px 12px 0px 8px;
    width: 40px;
    height: 100%;
    flex-shrink: 0;
    padding: 0px;
}
.css-ryl2b4 {
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
    margin-right: 8px;
    min-width: 104px;
}
.css-ryl2b4 button {
    line-height: 40px;
    font-size: 13px;
    font-weight: 600;
    padding: 0px;
    text-align: center;
}
.css-ryl2b4 button span {
    width: 100%;
    top: -1px;
}
.css-vg34h2-unf-btn {
    width: 100%;
    height: 40px;
    color: var(--GN500);
    font-size: 14px;
    font-weight: 800;
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    outline: none;
    border-radius: 8px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    padding: 0px 16px;
    background: var(--NN0);
    border: 1px solid var(--GN500);
    font-family: inherit;
    transition: background 120ms cubic-bezier(0.2, 0.64, 0.21, 1) 0s;
}
.css-vg34h2-unf-btn::before {
    content: ".";
    max-width: 0px;
    width: 0px;
    opacity: 0;
    visibility: hidden;
}

.css-7r87u9 button {
    margin-right: 8px;
    padding: 0px;
    font-size: 13px;
}
.css-5g8x96-unf-footer .unf-footer__copyright {
    font-size: 10px;
    line-height: 14px;
}
.css-5g8x96-unf-footer {
    background-color: var(--NN0);
    border-top: 1px solid var(--NN50);
    color: var(--NN600);
    padding: 16px;
    width: 100%;
}
.css-1b0fbbn {
    background-color: var(--NN0);
    width: 100%;
    position: relative;
    overflow: hidden;
}
.css-ohwg9z {
    position: relative;
    overflow: hidden;
}
.css-soqpn6-unf-heading {
    display: block;
    font-weight: 400;
    font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.1px;
    text-decoration: initial;
    margin: 0px;
    text-align: center;
    min-width: 26px;
    position: absolute;
    bottom: 12px;
    left: 16px;
    background: var(--NN0);
    border-radius: 6px;
    padding: 4px 8px;
    color: var(--NN600);
    z-index: 1;
    border: 1px solid var(--NN300);
    transition: opacity 0.4s ease-out 0s;
}
.css-soqpn6-unf-heading.hide {
    opacity: 0;
}
.css-9o8kkv {
    position: relative;
}
.css-9o8kkv .carousel-mobile__wrapper {
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.css-1dpani8 .carousel-mobile__wrapper > div {
    display: flex;
    height: 100vw;
    max-height: 500px;
    -webkit-box-align: center;
    align-items: center;
}
.css-98xaxy {
    text-align: center;
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 100%;
    position: relative;
}
.css-1m280rb {
    position: relative;
    opacity: 1;
    border: 0px;
    margin: 0px;
    padding: 0px;
    background: none;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: block;
}
.css-98xaxy img {
    height: 100vw;
    max-height: 500px;
    object-position: center center;
    position: static;
    width: 100% !important;
}
.css-30qrw3 {
    margin: 12px 16px 0px;
}
.css-1lekzkb {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.css-1avabju {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 2px;
}
.css-urfydh-unf-heading {
    display: block;
    position: relative;
    font-weight: 800;
    font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
    line-height: 24px;
    color: var(--GN500);
    letter-spacing: -0.1px;
    text-decoration: initial;
    margin: 0px 4px 0px 0px;
    font-size: 20px;
}
.css-2gzin5 {
    padding: 0px 16px;
    margin: 8px 0px;
    position: relative;
    overflow: unset !important;
}
.css-161tovl {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    align-items: baseline;
    gap: 8px;
}
.css-1d32z72 {
    display: block;
    -webkit-box-align: center;
    align-items: center;
    margin: 0px;
    width: 90%;
}
.css-1a5rmtb {
    color: var(--NN950);
    font-size: 1.14286rem;
    font-weight: normal;
    line-height: 20px;
    overflow-wrap: break-word;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: inline !important;
}
.css-v00ouk {
    margin: 24px 0px 12px 0px;
    width: 100%;
    overflow: auto;
    scrollbar-width: none;
}
.css-125kzlt {
    margin: 0px 16px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: nowrap;
}
.css-nzp7e9-unf-heading {
    display: block;
    position: relative;
    font-weight: 400;
    font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: var(--NN950, #212121);
    letter-spacing: 0.1px;
    text-decoration: initial;
    margin: 0px 8px 0px 0px;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0;
}
.css-116qozg {
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0px 8px 0px 0px;
}
.css-1j5nlbo {
    display: flex;
    padding: 8px;
    border: 1px solid var(--NN300, #BFC9D9);
    border-radius: 8px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
}
.css-1j5nlbo .icon {
    width: 16px;
    height: 16px;
    margin-right: 6px;
    object-fit: contain;
    object-position: center center;
}
.css-1j5nlbo .title {
    color: var(--NN950, #212121);
}
.css-1j5nlbo .subtitle {
    color: var(--NN600, #6D7588);
}
.css-lb3o0z-unf-heading {
    display: block;
    position: relative;
    font-weight: 400;
    font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: var(--NN600, #6D7588);
    letter-spacing: 0.2px;
    text-decoration: initial;
    margin: 0px;
}
.css-njhpjd-unf-heading {
    display: block;
    position: relative;
    font-weight: 400;
    font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: var(--NN600, #6D7588);
    letter-spacing: 0.2px;
    text-decoration: initial;
    margin: 0px 0px 0px 4px;
}
.css-b6lm1u {
    background: var(--NN50, #F0F3F7);
    height: 8px;
}
.css-1akxt2u-unf-heading {
    display: block;
    position: relative;
    font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
    color: var(--NN950, #212121);
    letter-spacing: -0.1px;
    text-decoration: initial;
    font-size: 16px;
    line-height: 18px;
    font-weight: 800;
}
.css-1skeqc3 {
    font-size: 14px;
    line-height: 22px;
    position: relative;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 70px;
    color: var(--NN950, #212121);
    white-space: normal;
    overflow: hidden;
    margin: 16px 0px 8px;
    user-select: none;
}
.css-1bxe7po {
    background-repeat: no-repeat;
    background-position: 96% center;
    min-height: 78px;
    padding: 16px;
    color: var(--NN600, #6D7588);
    background-image: url(https://assets.tokopedia.net/asts/product-detail/icons/options-right-arrow.svg);
}
.css-1bxe7po h4 {
    font-weight: 600;
    font-size: 16px;
    margin: 0px 0px 8px;
    color: var(--NN950, #212121);
    line-height: 22px;
    display: flex;
}
.css-1bxe7po > div {
    line-height: 20px;
}
.WMJC0b {
    border: solid rgba(0, 0, 0, .09) !important;
    border-width: 1px 0 0 !important;
    width: 100%;
}
.GAUnRf, .WMJC0b {
    box-sizing: border-box;
}
.GAUnRf {
    display: flex;
    text-align: center;
}
.typo-r12 {
    font-size: 1rem;
    font-weight: 400;
}
.typo-r14 {
    color: var(--NN950);
    font-size: 1rem;
    font-weight: 400;
}
.hairline-border-bottom {
    border: solid rgba(0, 0, 0, .09) !important;
    border-width: 0 0 1px !important;
}
.hairline-border-right {
    border: solid rgba(0, 0, 0, .09) !important;
    border-width: 0 1px 0 0 !important;
}
.pQSc1I {
    display: flex;
}
.TG_7QL, .pQSc1I {
    box-sizing: border-box;
}
.TG_7QL {
    color: rgba(0, 0, 0, .54);
    flex: 1 1 50%;
    font-weight: 400;
    padding: .5625rem 0;
}
.Td2dff {
    box-sizing: border-box;
    flex: 1 1 50%;
    line-height: .75rem;
    padding: .75rem;
    text-align: center;
}
.THmiXI {
    color: var(--G500);
}
.TnOCi9 {
    flex-grow: 1;
    overflow: auto;
    padding-bottom: 1.5rem;
}
.css-146qq14 {
    padding: 0px 16px;
    margin: 8px 0px;
}
.css-1h9ztr {
    font-size: 12px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    color: var(--NN600);
    letter-spacing: 0.1px;
}
.css-1jxox1i {
    overflow-x: auto;
    white-space: nowrap;
    position: relative;
    display: flex;
    scrollbar-width: none;
}
.css-wghlhg {
    background: none;
    color: inherit;
    border: none;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    padding: 8px 8px 0px 0px;
    position: relative;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-tap-highlight-color: transparent;
}
.css-bbir51 {
    display: inline-flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border: 1px solid var(--NN50);
    border-radius: 12px;
    color: var(--NN600);
    transition: all 0.5s ease 0s;
    width: 62px;
    max-width: 62px;
    overflow: hidden;
}
.css-bbir51.active {
    border: 1px solid var(--GN500, #00AA5B);
    color: var(--GN500, #00AA5B);
}
.css-1hgqdao {
    width: 62px;
    height: 62px;
    border-radius: 8px 8px 0px 0px;
    object-fit: cover;
}
.css-pnp3xc-unf-heading {
    display: block;
    position: relative;
    font-weight: 400;
    font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
    font-size: 10px;
    line-height: 12px;
    color: var(--NN600);
    letter-spacing: 0.1px;
    text-decoration: initial;
    margin: 4px 0px 0px;
    max-width: 56px;
    word-break: break-word;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
    scrollbar-width: none;
}
.css-1k6ar7b {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 20px;
    height: 20px;
}
.css-jheqqz-unf-heading {
    display: block;
    position: relative;
    font-weight: 800;
    font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
    font-size: 10px;
    line-height: 12px;
    color: var(--GN500, #00AA5B);
    letter-spacing: 0.1px;
    text-decoration: initial;
    margin: 4px 0px 0px;
    max-width: 56px;
    word-break: break-word;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
    scrollbar-width: none;
}
.css-2up9w1 {
    height: 48px;
    box-shadow: 0px 1px 6px var(--NN500, rgba(141, 150, 170, 0.4));
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}
.css-13782oj {
    font-style: normal;
    font-weight: 800;
    font-size: 14px;
    line-height: 18px;
    color: var(--NN950);
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.css-32mqi6 {
    font-style: normal;
    font-size: 12px;
    line-height: 16px;
    color: var(--NN600);
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.css-1twaeif {
    width: 100%;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}
.css-1twaeif span:first-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.css-1twaeif span b {
    color: var(--NN950, #212121);
    margin-right: 8px;
}
.css-pegros {
    background: none;
    border: none;
    padding: 0px;
    font-style: inherit;
    font-variant: inherit;
    font-stretch: inherit;
    font-family: inherit;
    font-optical-sizing: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    cursor: pointer;
    outline: inherit;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: var(--GN500, #00AA5B);
}
.css-29utoc {
    margin-top: 8px;
    white-space: nowrap;
    margin-right: -16px;
    margin-left: -16px;
    overflow-y: auto;
    scrollbar-width: none;
}
.css-1q8bru0 {
    display: inline-block;
    position: relative;
    overflow: visible;
    margin: 7px 4px 0px;
}
.css-1q8bru0:first-of-type {
    margin-left: 16px;
}
.css-1m2prdn-unf-chip {
    max-width: unset;
    line-height: 18px;
    transition: color 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s, background-color 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s, border-color 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s, background 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s;
    position: relative;
    overflow: hidden;
    display: inline-flex;
    vertical-align: text-bottom;
    min-width: 40px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin: 0px;
    font-size: 14px;
    color: var(--NN600);
    height: 40px;
    padding: 4px 8px;
    border-radius: 12px;
    border: 1px solid var(--NN300);
    background-color: transparent;
}
.css-1m2prdn-unf-chip.active {
    border: 1px solid var(--GN400);
    color: var(--GN500);
    background: var(--GN50);
}
.css-1m2prdn-unf-chip > div:first-child {
    width: auto;
}
.css-19bf967 {
    min-width: 0%;
    line-height: 18px;
    text-overflow: ellipsis;
    z-index: 1;
    overflow: hidden;
    white-space: nowrap;
}
.css-8q5t8f {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 0px 16px 10px;
    border-bottom: 1px solid var(--NN50);
}
.css-1y0sp1w-unf-heading {
    display: block;
    position: relative;
    font-weight: 800;
    font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: var(--NN950);
    letter-spacing: 0.1px;
    text-decoration: initial;
    margin: 8px 0px 0px;
}
.css-1bgvs2e-unf-heading {
    display: block;
    position: relative;
    font-weight: 400;
    font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: var(--NN950);
    letter-spacing: 0.1px;
    text-decoration: initial;
    margin: 4px 0px 0px;
}
.css-jn8og {
    position: relative;
    overflow: visible;
    margin: 4px 8px 4px 0px;
}
.css-85gull-unf-chip {
    max-width: unset;
    font-size: 14px;
    line-height: 18px;
    -webkit-box-align: center;
    align-items: center;
    padding: 0px 12px;
    height: 40px;
    position: relative;
    overflow: hidden;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 12px;
    min-width: 40px;
    margin: 0px;
    color: var(--NN600);
    border: 1px solid var(--NN300);
    background-color: transparent;
    transition: color 180ms ease 0s, background-color 180ms ease 0s, border-color 180ms ease 0s;
}
.css-85gull-unf-chip.active {
    border: 1px solid var(--GN400);
    color: var(--GN500);
    background: var(--GN50);
}
.css-1f7qhwr {
    box-shadow: 0px -1px 6px var(--NN500);
    width: 100%;
    background: var(--NN0);
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 1;
}
.css-12huc1a .option-value [data-unify="Label"] {
    margin-right: 4px;
    max-width: 50%;
}
.css-12huc1a .option-value [data-unify="Label"] p {
    overflow: hidden;
    text-overflow: ellipsis;
}
.css-8wmec8 {
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-image: url(https://assets.tokopedia.net/assets-tokopedia-lite/v2/phoenix/kratos/d1d576f5.svg);
}
.css-ur4ei9 {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0px;
    margin-right: 0px;
    box-sizing: border-box;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    overflow: scroll hidden;
    width: 100vw;
    padding: 16px;
}
.css-iy5gzj {
    padding-left: 0px;
    padding-right: 0px;
    box-sizing: border-box;
    flex: 0 0 20%;
    max-width: 20%;
    display: block;
}
.css-1evbxw5 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
}
.css-1w322s4 {
    padding: 4px;
    border-radius: 24px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background: var(--NN0);
    border: 1px solid var(--NN100);
}
.css-1s7gr1-unf-heading {
    display: block;
    position: relative;
    font-weight: 400;
    font-family: "Open Sauce One", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: var(--NN600);
    letter-spacing: 0.1px;
    text-decoration: initial;
    margin: 4px;
}
.css-1ku0gvg {
    padding-left: 0px;
    padding-right: 0px;
    box-sizing: border-box;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    display: block;
}
.css-bgrogb-label-spacer {
    width: 100%;
    display: flex;
    position: absolute;
    top: -1px;
    left: 0px;
    pointer-events: none;
}
.css-bgrogb-label-spacer::before {
    flex-basis: 10px;
    width: 10px;
    border-left: 1px solid var(--NN300);
    border-top-left-radius: 8px;
    position: relative;
    left: -1px;
    margin-right: 3px;
}
.css-bgrogb-label-spacer::after {
    flex-basis: 10px;
    -webkit-box-flex: 1;
    flex-grow: 1;
    border-right: 1px solid var(--NN300);
    border-top-right-radius: 8px;
    position: relative;
    right: -1px;
    margin-left: 8px;
}
.css-bgrogb-label-spacer::before, .css-bgrogb-label-spacer::after {
    content: "";
    height: 8px;
    border-top: 1px solid var(--NN300);
    transition: border-top-color 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s, border-right-color 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s, border-left-color 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s;
}
.css-bgrogb-label-spacer span {
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    color: var(--NN600);
    height: 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.css-sljd7l-input {
    width: 100%;
    color: var(--NN950);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    background-color: transparent;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    position: relative;
    outline: none;
    padding: 12px 0px;
    margin: 0px;
    transition: color 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s;
}
.css-yhukxo-label {
    width: 100%;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none;
    overflow: hidden;
    position: absolute;
    top: 27.2727%;
    will-change: transform, font-size, line-height;
    color: var(--NN600);
    visibility: visible;
    font-size: 14px;
    line-height: 20px;
    transition: color 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s, line-height 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s, font-size 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s, top 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s;
}
.css-fkujwb-group {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-top-color: transparent !important;
    border-radius: 8px;
    padding: 0px 12px;
    transition: border-color 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s;
    border: 1px solid var(--NN300);
}
.css-jg5dsj-group {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    border-top-color: transparent !important;
    border-radius: 8px;
    padding: 0px 12px;
    transition: border-color 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s;
    border: 1px solid var(--GN500);
}
.css-ggnbxs-label {
    width: 100%;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none;
    overflow: hidden;
    position: absolute;
    top: 27.2727%;
    will-change: transform, font-size, line-height;
    color: var(--NN600);
    visibility: visible;
    font-size: 12px;
    line-height: 14px;
    transition: color 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s, line-height 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s, font-size 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s, top 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s;
}
.css-durt3s-label-spacer {
    width: 100%;
    display: flex;
    position: absolute;
    top: -1px;
    left: 0px;
    pointer-events: none;
}
.css-durt3s-label-spacer::before {
    flex-basis: 10px;
    width: 10px;
    border-left: 1px solid var(--G500);
    border-top-left-radius: 8px;
    position: relative;
    left: -1px;
    margin-right: 3px;
}
.css-durt3s-label-spacer::after {
    flex-basis: 10px;
    -webkit-box-flex: 1;
    flex-grow: 1;
    border-right: 1px solid var(--G500);
    border-top-right-radius: 8px;
    position: relative;
    right: -1px;
    margin-left: 8px;
}
.css-durt3s-label-spacer::before, .css-durt3s-label-spacer::after {
    content: "";
    height: 8px;
    border-top: 1px solid var(--G500);
    transition: border-top-color 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s, border-right-color 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s, border-left-color 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s;
}
.css-durt3s-label-spacer span {
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    color: var(--NN600);
    height: 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.css-sl2711 {
    position: relative;
    min-height: 380px;
    padding: 16px;
}
.css-1neo3xj-info__text {
    width: 100%;
    color: var(--R500);
    display: flex;
    position: relative;
    overflow: hidden;
}
.css-1neo3xj-info__text > div:first-child, .css-1neo3xj-info__text > p:first-child {
    top: 0px;
    opacity: 1;
    z-index: 2;
}
.css-1neo3xj-info__text > div, .css-1neo3xj-info__text > p {
    width: 100%;
    word-break: break-word;
    color: inherit;
    font-size: 12px;
    line-height: 14px;
    position: relative;
    margin: 0px;
    transition: color 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s, opacity 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s, top 300ms cubic-bezier(0.63, 0.01, 0.29, 1) 0s;
}
.css-1neo3xj-info__text > div:last-child, .css-1neo3xj-info__text > p:last-child {
    left: 0px;
    position: absolute;
    top: -4px;
    opacity: 0;
    margin-left: 0px;
    z-index: 1;
}
.css-18xp1cb {
    margin-bottom: 0px;
}
.css-18xp1cb .content {
    line-height: 20px;
    border-bottom: solid var(--NN50, #F0F3F7) 1px;
    display: flex;
    padding: 6px 0px;
}
.css-1jp8mx8 {
    flex: 2 0 0px;
    min-width: 130px;
    align-self: start;
    color: var(--NN600, #6D7588);
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 8px;
    display: -webkit-box;
}
.css-iqnl64 {
    max-width: 100%;
    flex: 3 1 0px;
    color: var(--NN950, #212121);
    text-overflow: ellipsis;
    overflow: hidden;
}
.css-542wex {
    word-break: break-word;
}