.card.rating-active .item-rating {
    font-size: 0;
    opacity: 1;
    pointer-events: auto;
    text-align: center;
    transition: .2s;
    visibility: visible;
    z-index: 15;
}

.item-rating {
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/1);
    border-radius: 0.25rem;
    border-width: 2px;
    display: grid;
    grid-auto-columns: minmax(0,1fr);
    grid-auto-flow: column;
    justify-content: center;
    left: 50%;
    margin-top: -12px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    visibility: hidden;
    width: 66.666667%;
}

.rating-option {
    font-size: 1.25rem;
    padding: 0.5rem;
    text-align: center;
    transition-duration: .15s;
    transition-property: color,background-color,border-color,fill,stroke,opacity,box-shadow,-webkit-text-decoration-color,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}

.rating-option:hover {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity));
    border-radius: 0.25rem;
    border-width: 2px;
}

.rating-option:hover {
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

ul.list-all {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    -webkit-column-width: 200px;
    -moz-column-width: 200px;
    columns: 200px 5;
}

h3 {
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin: 0;
    font-weight: 700;
}

.cards {
    display: block;
    width: 100%;
}

.card {
    position: relative
}

a.item-link.grid {
    text-decoration: none;
}


*, ::before, ::after {
    -webkit-user-select: none!important;
    -khtml-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    -o-user-select: none!important;
    user-select: none!important;
}

@media print {
    html {
        display: none!important;
    }
}


h3.truncate.text-ellipsis.overflow-hidden.w-full.text-md.m-0 {
    font-size: .83rem;
    font-weight: 700;
    line-height: 1.75rem;
}

@supports (display: grid) {
    .grid-size-button-container button.grid-size-button.medium i {
        font-size:18px
    }

    .grid-size-button-container button.grid-size-button.large i {
        font-size: 22px
    }

    .grid-size-button-container button.grid-size-button i,.grid-size-button-container button.grid-size-button span {
        pointer-events: none
    }

    .cards-container,.suggestions.cards-container {
        grid-gap: .9rem .7rem;
        display: grid;
        grid-template-columns: repeat(auto-fill,minmax(240px,1fr));
        transition: .2s
    }

    .cards-container.no-result,.suggestions.cards-container.no-result {
        display: block
    }

    .cards-container.no-grid,.suggestions.cards-container.no-grid {
        grid-gap: 0;
        display: block
    }

    @media (max-width: 1023px) {
        .cards-container,.suggestions.cards-container {
            grid-template-columns:repeat(auto-fill,minmax(130px,1fr))
        }
    }

    @media only screen and (orientation: landscape) and (min-device-width:320px) and (max-device-width:1023px),only screen and (orientation:portrait) and (min-device-width:320px) and (max-device-width:1023px) {
        .cards-container,.suggestions.cards-container {
            grid-template-columns:repeat(auto-fill,minmax(130px,1fr))
        }
    }

    body .grid-size-button,body.recommendations .grid-size-button {
        background: #fff;
        color: #0a284b
    }

    body.medium-thumbs .grid-size-button.medium,body.recommendations.medium-thumbs .grid-size-button.medium {
        background: #0054a6;
        color: #fff
    }

    body.medium-thumbs .cards>.cards-container,body.recommendations.medium-thumbs .cards>.cards-container {
        grid-template-columns: repeat(auto-fill,minmax(240px,1fr));
        transition: .2s
    }

    @media (max-width: 1023px) {
        body.medium-thumbs .cards>.cards-container,body.recommendations.medium-thumbs .cards>.cards-container {
            grid-template-columns:repeat(auto-fill,minmax(150px,1fr))
        }
    }

    @media only screen and (orientation: landscape) and (min-device-width:320px) and (max-device-width:1023px),only screen and (orientation:portrait) and (min-device-width:320px) and (max-device-width:1023px) {
        body.medium-thumbs .cards>.cards-container,body.recommendations.medium-thumbs .cards>.cards-container {
            grid-template-columns:repeat(auto-fill,minmax(150px,1fr))
        }
    }

    body.large-thumbs .grid-size-button.large,body.recommendations.large-thumbs .grid-size-button.large {
        background: #0054a6;
        color: #fff
    }

    body.large-thumbs .cards>.cards-container,body.recommendations.large-thumbs .cards>.cards-container {
        grid-template-columns: repeat(auto-fill,minmax(275px,1fr));
        transition: .2s
    }

    @media (max-width: 1023px) {
        body.large-thumbs .cards>.cards-container,body.recommendations.large-thumbs .cards>.cards-container {
            grid-template-columns:repeat(auto-fill,minmax(240px,1fr))
        }
    }

    @media only screen and (orientation: landscape) and (min-device-width:320px) and (max-device-width:1023px),only screen and (orientation:portrait) and (min-device-width:320px) and (max-device-width:1023px) {
        body.large-thumbs .cards>.cards-container,body.recommendations.large-thumbs .cards>.cards-container {
            grid-template-columns:repeat(auto-fill,minmax(240px,1fr))
        }
    }

    html.dark body .grid-size-button {
        background: var(--secondary)
    }

    html.dark body.large-thumbs .grid-size-button.large,html.dark body.medium-thumbs .grid-size-button.medium {
        background: #0054a6;
        color: #fff
    }
}