@font-face {
    font-family: "Product Sans-Regular";
    font-style: normal;
    font-weight: 400;
}

@import url("https://fonts.googleapis.com/css?family=Roboto:500,700,400");

@font-face {
    font-family: "Product Sans-Bold";
    font-style: normal;
    font-weight: 700;
}

.android {
    align-items: flex-start;
    background-color: var(--white-2);
    border: 8px none;
    display: flex;
    flex-direction: column;
    height: 812px;
    overflow: hidden;
    width: 375px;
}

.hidden,
.hidden * {
    pointer-events: none;
    visibility: hidden;
}

.flex-col-2 {
    margin-top: 30px;
    min-height: 626px;
    width: 807px;
}

.android .flex-col-3 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
}

.gesture-swipe {
    align-items: flex-end;
    background-color: var(--white-2);
    display: flex;
    height: 14px;
    justify-content: flex-end;
    margin-top: 154px;
    min-width: 375px;
    padding: 4px 155px;
}

.rectangle {
    background-color: #939393;
    border-radius: 32px;
    height: 2px;
    width: 64px;
}

.flex-row-1 {
    align-items: center;
    display: flex;
    margin-top: 17px;
    justify-content: space-between;
    cursor: pointer;
}

.valign-text-middle {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.tentang-game-ini {
    color: var(--black-8);
    font-family: var(--font-family-product_sans-regular);
    font-size: var(--font-size-l);
    font-weight: 400;
    height: 16px;
    letter-spacing: 0.48px;
    line-height: 16px;
    min-width: 126px;
    white-space: nowrap;
}

.android .arrow_back-2 {
    height: 24px;
    width: 24px;
}

.frame-14092 {
    align-items: center;
    background-color: var(--deep-sea);
    border-radius: 32px;
    display: flex;
    height: 32px;
    justify-content: center;
    margin-top: 21px;
    position: relative;
    cursor: pointer;
}

.instal {
    color: var(--white-2);
    font-family: var(--font-family-product_sans-regular);
    font-size: var(--font-size-l);
    font-weight: 400;
    letter-spacing: 0.32px;
    line-height: 16px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: fit-content;
}

.frame-container {
    align-items: flex-start;
    display: flex;
    gap: 8px;
    margin-top: 16px;
}

.frame-1409 {
    align-items: center;
    border: 1px solid;
    border-color: var(--black-3);
    border-radius: 100px;
    display: inline-flex;
    gap: 10px;
    justify-content: center;
    padding: 6px 12px;
    position: relative;
}

.kasino {
    letter-spacing: 0.36px;
    line-height: 12px;
    margin-top: -1px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.slot {
    letter-spacing: 0.36px;
    line-height: 12px;
    margin-top: -1px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.frame-14094::-webkit-scrollbar {
    display: none;
    width: 0;
}

.frame-14094 {
    display: inline-flex;
    margin-top: 27px;
    overflow-x: auto;
    position: relative;
    width: 100%;
}

.slide {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.tapd_31647206_base64_168990 {
    height: 140px;
    object-fit: cover;
    position: relative;
    width: 248.89px;
}

.tapd_31647206_base64_1689907994_282 {
    height: 140px;
    object-fit: cover;
    position: relative;
    width: 248.89px;
}

.frame-14098 {
    align-items: center;
    display: flex;
    height: 42px;
    justify-content: space-between;
    margin: 0 24px;
    max-width: 344px;
}

.group-2073group {
    text-align: center;
}

.android .line {
    height: 32px;
    object-fit: cover;
    width: 1px;
}

.line-143 {
    margin-left: 21px;
}

.android .group {
    align-items: center;
    display: flex;
    flex-direction: column;
}

.group-2073 {
    align-self: flex-end;
    gap: 7px;
    margin-bottom: 0;
    margin-left: 13px;
    min-height: 39px;
    width: 87px;
}

.hasil-download {
    height: 16px;
    letter-spacing: 0;
    line-height: 16px;
    margin-right: 4px;
    min-width: 83px;
    text-align: center;
    white-space: nowrap;
}

.valign-text-bottom {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.address-1 {
    margin-right: 4px;
    min-width: 51px;
}

.android .address-2 {
    height: 16px;
    letter-spacing: 0;
    line-height: 16px;
    text-align: center;
    white-space: nowrap;
}

.group-2074 {
    gap: 6px;
    margin-bottom: 1px;
    margin-left: 34px;
    min-height: 39px;
    width: 43px;
}

.layer-2-1 {
    height: 13px;
    object-fit: cover;
    width: 12px;
}

.remaja {
    height: 16px;
    letter-spacing: 0;
    line-height: 16px;
    margin-right: 2px;
    min-width: 41px;
    text-align: center;
    white-space: nowrap;
}

.line-144 {
    margin-left: 10px;
}

.group-2072 {
    gap: 4px;
    min-height: 42px;
    width: 68px;
}

.overlap-group {
    height: 22px;
    margin-left: 1px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon-star {
    align-items: center;
    display: flex;
    height: 22px;
    top: 0;
    width: 22px;
    padding-bottom: 2px;
}

.text-2valign-text-middleproductsans-bold-black-14px {
    color: rgba(0, 0, 0, .8);
    font-family: var(--font-family-product_sans-bold);
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
}

.star-1 {
    height: 16px;
    width: 16px;
}

.text-2 {
    left: 0;
    letter-spacing: 0;
    position: absolute;
    top: 3px;
}

.android .text {
    height: 16px;
    line-height: 16px;
    text-align: center;
    white-space: nowrap;
}

.address {
    margin-right: 2px;
    min-width: 66px;
}

.tt-boss-club-adalah {
    color: var(--black-8);
    font-family: var(--font-family-roboto);
    font-size: var(--font-size-s);
    font-weight: 400;
    letter-spacing: 0.36px;
    line-height: 19.2px;
    margin-top: 18px;
    /*min-height: 95px;*/
}

.android .flex {
    align-items: flex-start;
    display: flex;
}

.flex-col {
    flex-direction: column;
    gap: 18px;
    min-height: 83px;
    width: 375px;
}

.pixel-5-status-bar {
    align-items: flex-end;
    display: flex;
    height: 41px;
    padding: 3px 14px;
    width: 375px;
}

.wifi {
    height: 13px;
    margin-bottom: 4px;
    margin-left: 214px;
    width: 17px;
}

.battery {
    height: 14px;
    margin-bottom: 3.92px;
    margin-left: 15px;
    width: 9px;
}

.reception {
    height: 13px;
    margin-bottom: 4px;
    margin-left: 11px;
    width: 13px;
}

.text-1 {
    color: var(--black-8);
    font-family: var(--font-family-roboto);
    font-size: var(--font-size-m);
    font-weight: 500;
    letter-spacing: 0.42px;
    margin-bottom: 2px;
    margin-left: 14px;
    min-width: 29px;
}

.ellipse-1 {
    background-color: var(--black);
    border-radius: 9px;
    height: 18px;
    margin-left: 7px;
    width: 18px;
}

.arrow_back {
    margin-left: 20px;
}

.flex-row {
    gap: 20px;
    margin-left: 20px;
    margin-top: 17px;
    min-width: 207px;
}

.flex-col-1 {
    gap: 9px;
    min-height: 47px;
    width: 131px;
}

.v1111 {
    color: var(--deep-sea);
    font-family: var(--font-family-roboto);
    font-size: var(--font-size-m);
    font-weight: 700;
    height: 16px;
    letter-spacing: 0.28px;
    line-height: 16px;
    white-space: nowrap;
}

.tt-boss-club {
    color: var(--black-8);
    font-family: var(--font-family-product_sans-regular);
    font-size: var(--font-size-xl);
    font-weight: 400;
    height: 22px;
    letter-spacing: 0.66px;
    line-height: 22px;
    white-space: nowrap;
}

.icon2-1 {
    height: 56px;
    object-fit: cover;
    width: 56px;
}

.flex-rowflex {
    display: flex;

}

.flex-col-1flex-col-3 {
    margin-left: 20px;
}

.tt-boss-clubvalign-text-middle {
    font-size: 22px;
    font-weight: 400;
    line-height: 22px;
}

.v1111valign-text-middle {
    margin-top: 10px;
    color: rgba(1, 135.95, 1);
    font-family: var(--font-family-roboto);
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
}

.flex-col-2flex-col-3 {
    margin-top: 30px;
}

.addressvalign-text-bottomaddress-2roboto-normal-black-12px {
    color: rgba(0, 0, 0, 0.60);
    text-align: center;
    font-family: var(--font-family-roboto);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
}

.popUps{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.30);
    overscroll-behavior: none;
}
.overlap-group1{
    max-width: 600px;
    min-width: 280px;
    width: 90%;
    min-height: 50%;
    max-height: 90%;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    background: #FFF;
    display: flex;
    flex-flow: column;
}



.rectangle-7{
    overflow-y: auto;
    margin: 15px 0;
    padding: 0 18px;
}

.popUps .tt-boss-club-adalah {
    margin: 0;
}

.rectangle-6 {
    background-color:
            #ececec;
    height: 1px;
}
.head{
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 15px 20px;
    height: 56px;
    background: #FFF;
    border-bottom: 1px solid #ececec;
}

.head .icon2-1{
    width: 40px;
    height: 40px;
}
.tt-boss-club {
    color: var(--black);
    font-family: var(--font-family-product_sans-regular);
    font-size: var(--font-size-l);
    font-weight: 400;
    height: 16px;
    letter-spacing: 0.48px;
    line-height: 16px;
    white-space: nowrap;
}

.title{
    margin-left: 12px;
    display: flex;
    flex-flow: column;
}
.about-this-app{
    color: rgba(0, 0, 0, 0.60);
    font-family: var(--font-family-roboto);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    margin-top: 4px;
}

.head .icon2-2{
    margin-left: auto;
    margin-bottom: auto;
    cursor: pointer;
}
.safe{
    display: none;
    flex-flow: column;
    margin-top: 6px;
}
.safe-title{
    color: rgba(0, 0, 0, 0.80);
    font-family: var(--font-family-product_sans-regular);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px; /* 133.333% */
}
.safe-text{
    color: rgba(0, 0, 0, 0.60);
    font-family: var(--font-family-roboto);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    display: flex;
    align-items: center;
}
.safe .star-1{
    width: 10px;
    height: 10px;
    margin-right: 6px;
}
.downloadPrompt{
    margin: 6px 0 0px 0 ;
    display: none;
    text-align: center;
}