@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@600;700&family=Roboto:wght@400;500&display=swap');

.v-c0227a3c {
    margin-bottom: 32px;
}

.j-72cdfd16 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.k-13a201f1 {
    box-sizing: border-box;
}

.b-6b40e989 {
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0;
    gap: 10px;
}

.v-1f633ffd {
    font-family: 'Liberation Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    line-height: 28px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    justify-content: center;
    padding: 4px 16px;
    cursor: pointer;
    user-select: none;
    text-align: center;
    text-transform: capitalize;
    color: #060606;
    border: 1px solid #060606;
    border-radius: 8px;
}

.v-1f633ffd.t-448188b4 {
    color: #fff;
    background: #060606;
}

.d-3d1a279c {
    padding: 8px;
    border: 1px solid #ffdb41;
    border-radius: 32px;
}

.d-3d1a279c.d-95429a83 {
    display: none;
}

.k-3a6647f5 {
    display: grid;
    padding: 24px;
    border-radius: 24px;
    background: #f5f5f5;
    gap: 12px 32px;
    grid-template-areas:
        'logo-w-rating extra actions'
        'logo-w-rating facts facts';
    grid-template-columns: 235px auto 190px;
    grid-template-rows: 1fr auto;
}

.m-b8b8b217 {
    display: flex;
    flex-direction: column;
    height: 100%;
    grid-area: logo-w-rating;
}

.e-f2eed1b6 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 235px;
    height: 113px;
}

.e-f2eed1b6 img {
    width: 235px;
    height: 113px;
    padding: 8px;
    object-fit: contain;
}

.t-fcde1332 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.i-2f245f98 {
    display: flex;
    align-items: center;
}

.i-2f245f98 img {
    height: 15px;
}

.b-bba52d7a {
    font-family: 'Liberation Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    line-height: 28px;
    position: relative;
    top: 1px;
    text-align: center;
    text-transform: capitalize;
    color: #060606;
}

.m-c9d1b722 {
    display: flex;
    align-self: center;
    flex-direction: column;
    gap: 12px;
    grid-area: extra;
}

.f-c0971512 {
    font-family: 'Open Sans', sans-serif;
    font-size: 28px;
    font-weight: 700;
    font-style: normal;
    line-height: 44px;
    color: #060606;
}

.o-6fa1ac69 {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.y-b5ceb323 {
    font-family: Roboto, sans-serif;
    font-size: 17px;
    font-weight: 400;
    font-style: normal;
    line-height: normal;
    position: relative;
    display: flex;
    padding-left: 32px;
    color: #404040;
}

.y-b5ceb323:before {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 20px;
    height: 20px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='10' fill='%2355ABFF'/%3E%3Cpath d='M13.5227 7.5L8.52273 12.5L6.25 10.2273' stroke='white' stroke-width='1.66667' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.q-5d4694e2 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    grid-area: actions;
}

.q-5d4694e2 .o-6fa1ac69 {
    display: none;
}

.h-199d3735 {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    padding: 6px;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    color: #060606;
    border-radius: 32px;
    background: #ffea10;
}

.h-199d3735:hover {
    text-decoration: none !important;
    color: #060606;
    background: #e1e100;
}

.p-ee5b7af6 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    height: 32px;
    margin-left: auto;
    padding: 8px 16px;
    cursor: pointer;
    border: 1px dashed #181818;
    border-radius: 32px;
}

.i-a49c3e2d {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    line-height: normal;
    display: flex;
    text-align: center;
    text-transform: capitalize;
    color: #181818;
}

.i-a49c3e2d:after {
    position: relative;
    top: 0;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M14 5.95992C13.9931 5.89867 13.9796 5.83834 13.96 5.77992V5.71992C13.9279 5.65137 13.8852 5.58836 13.8333 5.53325L9.83333 1.53325C9.77822 1.4814 9.71521 1.43864 9.64667 1.40659C9.62677 1.40376 9.60657 1.40376 9.58667 1.40659C9.51894 1.36775 9.44415 1.34281 9.36667 1.33325H6.66667C6.13623 1.33325 5.62753 1.54397 5.25245 1.91904C4.87738 2.29411 4.66667 2.80282 4.66667 3.33325V3.99992H4C3.46957 3.99992 2.96086 4.21063 2.58579 4.58571C2.21071 4.96078 2 5.46949 2 5.99992V12.6666C2 13.197 2.21071 13.7057 2.58579 14.0808C2.96086 14.4559 3.46957 14.6666 4 14.6666H9.33333C9.86377 14.6666 10.3725 14.4559 10.7475 14.0808C11.1226 13.7057 11.3333 13.197 11.3333 12.6666V11.9999H12C12.5304 11.9999 13.0391 11.7892 13.4142 11.4141C13.7893 11.0391 14 10.5304 14 9.99992V5.99992C14 5.99992 14 5.99992 14 5.95992ZM10 3.60659L11.7267 5.33325H10.6667C10.4899 5.33325 10.3203 5.26301 10.1953 5.13799C10.0702 5.01297 10 4.8434 10 4.66658V3.60659ZM10 12.6666C10 12.8434 9.92976 13.013 9.80474 13.138C9.67971 13.263 9.51014 13.3333 9.33333 13.3333H4C3.82319 13.3333 3.65362 13.263 3.5286 13.138C3.40357 13.013 3.33333 12.8434 3.33333 12.6666V5.99992C3.33333 5.82311 3.40357 5.65354 3.5286 5.52851C3.65362 5.40349 3.82319 5.33325 4 5.33325H4.66667V9.99992C4.66667 10.5304 4.87738 11.0391 5.25245 11.4141C5.62753 11.7892 6.13623 11.9999 6.66667 11.9999H10V12.6666ZM12.6667 9.99992C12.6667 10.1767 12.5964 10.3463 12.4714 10.4713C12.3464 10.5963 12.1768 10.6666 12 10.6666H6.66667C6.48986 10.6666 6.32029 10.5963 6.19526 10.4713C6.07024 10.3463 6 10.1767 6 9.99992V3.33325C6 3.15644 6.07024 2.98687 6.19526 2.86185C6.32029 2.73682 6.48986 2.66659 6.66667 2.66659H8.66667V4.66658C8.66667 5.19702 8.87738 5.70573 9.25245 6.0808C9.62753 6.45587 10.1362 6.66658 10.6667 6.66658H12.6667V9.99992Z' fill='black'/%3E%3C/svg%3E");
}

.a-1d883c66 {
    display: flex;
    gap: 8px;
    grid-area: facts;
}

.h-a0cb3032 {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 6px;
    color: #181818;
    border: 1px solid #181818;
    border-radius: 4px;
    gap: 4px;
}

.h-a0cb3032 span {
    color: #55abff;
}

.w-ac4ea181 {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    min-width: 134px;
    max-width: 100%;
    height: 44px;
    margin: 16px auto 0;
    padding: 6px 24px;
    text-align: center;
    text-transform: capitalize;
    color: #181818;
    border: 1px solid #181818;
    border-radius: 32px;
}

.w-ac4ea181:hover {
    cursor: pointer;
    background-color: #e8e8e8;
}

@media (max-width: 1024px) {
    .b-6b40e989 {
        overflow-x: scroll;
        flex-wrap: nowrap;
        width: 100vw;
        margin: 0 -16px 8px;
        padding: 0 16px;
    }

    .b-6b40e989::-webkit-scrollbar {
        display: none;
    }

    .k-3a6647f5 {
        padding: 0 16px 16px;
        gap: 0;
        grid-template-areas:
            'logo-w-rating'
            'extra'
            'actions'
            'facts';
        grid-template-columns: auto;
    }

    .m-b8b8b217 {
        flex-direction: row;
        justify-content: space-between;
    }

    .e-f2eed1b6,
    .e-f2eed1b6 img {
        order: 1;
        width: 166px;
        height: 80px;
    }

    .t-fcde1332 {
        order: 2;
    }

    .m-c9d1b722 {
        margin-top: 4px;
    }

    .f-c0971512 {
        font-size: 19px;
        font-weight: 600;
        line-height: normal;
        text-align: center;
    }

    .m-c9d1b722 .o-6fa1ac69 {
        display: none;
    }

    .q-5d4694e2 {
        margin-top: 4px;
        gap: 8px;
    }

    .h-199d3735 {
        font-size: 16px;
    }

    .p-ee5b7af6 {
        width: 100%;
        height: 35px;
        margin-left: 0;
    }

    .i-a49c3e2d {
        font-size: 14px;
    }

    .q-5d4694e2 .o-6fa1ac69 {
        display: flex;
        margin-top: 8px;
    }

    .y-b5ceb323 {
        font-size: 15px;
        padding-left: 30px;
    }

    .y-b5ceb323:before {
        width: 18px;
        height: 18px;
        background-size: 18px;
    }

    .a-1d883c66 {
        flex-wrap: wrap;
        margin-top: 16px;
    }
}