/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/@wordpress/scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/blocks/slot-ranking-list/style.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.slot-ranking-list {

    position: relative
}

.slot-ranking-list__label {

    position: absolute;

    left: 1.5rem;

    top: -1.125rem;

    border-radius: 0.5rem;

    --tw-bg-opacity: 1;

    background-color: rgb(251 179 167 / var(--tw-bg-opacity, 1));

    padding: 0.5rem;

    font-size: 0.875rem;

    line-height: 1.25rem;

    font-weight: 700;

    --tw-text-opacity: 1;

    color: rgb(252 242 241 / var(--tw-text-opacity, 1))
}

.slot-ranking-list__items {

    padding-left: 0px !important
}

.slot-ranking-list__item {

    display: flex;

    flex-wrap: wrap;

    border-width: 1px;

    --tw-border-opacity: 1;

    border-color: rgb(219 222 225 / var(--tw-border-opacity, 1))
}

.slot-ranking-list__item .text-popup__title {

    --tw-text-opacity: 1;

    color: rgb(37 37 37 / var(--tw-text-opacity, 1))
}

.slot-ranking-list__item .text-popup__title p {

    font-size: 1.25rem;

    line-height: 1.75rem;

    font-weight: 700
}

.slot-ranking-list__item .text-popup__tooltip p {

    font-size: 0.75rem;

    line-height: 1rem;

    font-weight: 500
}

.slot-ranking-list__slot {

    display: flex;

    flex-direction: row;

    justify-content: center;

    gap: 1.75rem;

    padding: 1.5rem
}

@media (min-width: 1024px) {

    .slot-ranking-list__slot {

        width: 100%;

        width: 17.5rem;

        flex-direction: column
    }
}

.slot-ranking-list__slot img {

    width: 50%
}

@media (min-width: 1024px) {

    .slot-ranking-list__slot img {

        width: 100%
    }
}

.slot-ranking-list__slot-footer {

    display: flex;

    flex-direction: column-reverse;

    align-items: center;

    justify-content: center;

    gap: 2rem
}

@media (min-width: 1024px) {

    .slot-ranking-list__slot-footer {

        flex-direction: row;

        justify-content: space-between;

        padding-top: 0.5rem
    }
}

.slot-ranking-list__slot-footer-provider {

    display: flex;

    max-height: 2.625rem;

    max-width: 5.625rem;

    justify-content: center
}

@media (min-width: 1024px) {

    .slot-ranking-list__slot-footer-provider {

        justify-content: flex-start
    }
}

.slot-ranking-list__slot-footer-provider img {

    width: 100%;

    -o-object-fit: contain;

       object-fit: contain
}

.slot-ranking-list__slot-link {

    display: block;

    text-align: center;

    font-size: 0.75rem;

    line-height: 1rem;

    font-weight: 600;

    --tw-text-opacity: 1;

    color: rgb(219 0 47 / var(--tw-text-opacity, 1))
}

@media (min-width: 1024px) {

    .slot-ranking-list__slot-link {

        text-align: right
    }
}

.slot-ranking-list__casino {

    width: 100%;

    padding: 1.5rem
}

@media (min-width: 1024px) {

    .slot-ranking-list__casino {

        width: 15.5rem;

        padding-top: 1rem;

        padding-bottom: 1rem
    }
}

.slot-ranking-list__casino .text-popup__title {

    font-weight: 500
}

.slot-ranking-list__content {

    display: flex;

    width: 100%;

    flex-direction: column;

    justify-content: space-between
}

@media (min-width: 1024px) {

    .slot-ranking-list__content {

        width: calc(100% - 33rem)
    }
}

.slot-ranking-list__content p {

    margin-top: 0px;

    padding-top: 0px
}

.slot-ranking-list__text {

    height: 100%;

    --tw-bg-opacity: 1;

    background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1));

    padding: 1.5rem
}

@media (min-width: 1024px) {

    .slot-ranking-list__text {

        padding-left: 2.5rem;

        padding-right: 2.5rem;

        padding-top: 1rem;

        padding-bottom: 1rem
    }
}

.slot-ranking-list__text h2, .slot-ranking-list__text h2.wp-block-heading,
.slot-ranking-list__text h3, .slot-ranking-list__text h3.wp-block-heading,
.slot-ranking-list__text h4, .slot-ranking-list__text h4.wp-block-heading,
.slot-ranking-list__text h5, .slot-ranking-list__text h5.wp-block-heading,
.slot-ranking-list__text h6, .slot-ranking-list__text h6.wp-block-heading {

    padding-top: 0px;

    font-size: 1rem !important;

    line-height: 1.5rem !important;

    font-weight: 700;

    --tw-text-opacity: 1;

    color: rgb(78 5 16 / var(--tw-text-opacity, 1))
}

.slot-ranking-list__text p {

    padding-top: 0.5rem;

    font-size: 0.75rem;

    line-height: 1rem;

    font-weight: 500;

    --tw-text-opacity: 1;

    color: rgb(78 5 16 / var(--tw-text-opacity, 1))
}

.slot-ranking-list__flex {

    display: flex;

    flex-wrap: wrap
}

.slot-ranking-list__full {

    width: 100%;

    border-top-width: 1px;

    --tw-border-opacity: 1;

    border-color: rgb(219 222 225 / var(--tw-border-opacity, 1));

    --tw-bg-opacity: 1;

    background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1));

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-left: 1.5rem;

    padding-right: 1.5rem;

    padding-top: 1rem;

    padding-bottom: 1rem
}

@media (min-width: 1024px) {

    .slot-ranking-list__full {

        padding-left: 2.5rem;

        padding-right: 2.5rem;

        padding-top: 0.75rem;

        padding-bottom: 0.75rem
    }
}

.slot-ranking-list__full .rating-slider-wrapper {

    margin: 0px
}

.slot-ranking-list__attr-title {

    font-size: 0.875rem;

    line-height: 1.25rem;

    font-weight: 400;

    --tw-text-opacity: 1;

    color: rgb(78 5 16 / var(--tw-text-opacity, 1))
}

.slot-ranking-list__attr-value {

    text-align: right;

    font-size: 1rem;

    line-height: 1.5rem;

    font-weight: 700;

    --tw-text-opacity: 1;

    color: rgb(78 5 16 / var(--tw-text-opacity, 1))
}

.slot-ranking-list__quarter p:not(.slot-ranking-list__attr-title),
.slot-ranking-list__half p:not(.slot-ranking-list__attr-title) {

    margin-top: 0px !important;

    padding-top: 0px !important;

    font-size: 1rem !important;

    line-height: 1.5rem !important;

    font-weight: 600 !important;

    --tw-text-opacity: 1 !important;

    color: rgb(78 5 16 / var(--tw-text-opacity, 1)) !important
}

.slot-ranking-list__provider {

    height: 2.5rem
}

.slot-ranking-list__provider img {

    height: 100%;

    width: auto
}

.slot-ranking-list__casino .casino-link-image {

    padding: 0px
}

.slot-ranking-list__casino .casino-link-image .cli-image {

    margin: 0px;

    max-height: 4.375rem
}

.slot-ranking-list__casino .casino-link-image .cli-image img {

    max-height: 4.375rem;

    width: auto
}

.slot-ranking-list__casino .wp-block-button,
.slot-ranking-list__casino .wp-block-button a {

    width: 100%
}

.slot-ranking-list__casino .wp-block-button a {

    padding-top: 0.75rem;

    padding-bottom: 0.75rem
}


/*# sourceMappingURL=index.css.map*/