/* Listing Elements */
.listings {

}

.listings article {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 0;
    cursor: pointer;
}

.listings picture {
    border-bottom:.0625rem solid var(--light_gray);
    flex-shrink: 0;
    border-radius: 0;
}

.listings li {
    padding-bottom: 0;
}

.listings .wrap {
    border: .25rem solid #FFF;
    border-radius: 0 0 1rem 1rem;
    flex-grow: 1;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
}

.listings .details {
    padding: 1rem;
}

.listings img {
    width: 100%;
    height: auto;
    aspect-ratio: 2 / 1;
    object-fit: cover;
}

.listings h3 {
    margin-bottom: 1rem;
    /* display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; */
}

.listings p {
    font-size: 1rem;
    line-height: 1.2;
    margin-bottom: 1rem;
    /* display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; */
}

.listings .tags {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.listings .tags span {
    background-color: var(--light);
    color: var(--dark);
    font-size: .875rem;
    font-weight: 500;
    display: inline-flex;
    padding: .25rem .5rem;
    border-radius: .25rem;
}

.listings button {
    text-align: right;
    transition: background-color .2s;
    background-color: var(--link_blue);
    width: 100%;
    border-radius: 0 0 .875rem .875rem;
    padding-right: 1.5em;
}

.listings article:hover button {
    cursor: pointer;
    background-color: var(--blue);
}

.listing_icons{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: .5rem;
    left: .5rem;
    gap: .5rem;
    z-index: 1;
}

.listings :is(.favorite, .view) {
    height: 2rem;
    width: 2rem;
    background-color: rgba(0, 0, 0, .15);
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .2s;
}

.listings :is(.favorite, .view):hover {
    background-color: rgba(0, 0, 0, 1);
    cursor: pointer;
}

.listings :is(.heart, .eye) {
    height: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.listings :is(.heart, .eye):before {
    content: '';
    display: inline-flex;
    height: 1.25rem;
    width: 1.25rem;
    background-color: #FFF;
    mask-repeat: no-repeat;
    line-height: 1;
}

.listings .heart:before {
    width: 1rem;
    height: 1rem;
}

.listings :is(.thumbsup,.thumbsdown):before {
    content: '';
    display: inline-flex;
    height: 1.6rem;
    width: 1.8rem;
    background-color:var(--dark_gray);
    mask-repeat: no-repeat;
    line-height: 1;
}

.thumbs-container {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0.6rem 0 -0.625rem 1.5rem;
}


.thumbs-container .thumbs-down{
    transform:scale(-1,1) rotate(180deg);
    height: 1rem;
}

.thumbsup_checkbox,.thumbsdown_checkbox{
    width: 1.8rem !important;
    height: 2rem !important;
}

.thumbsup_checkbox:checked + i.thumbsup:before{
    background-color: var(--link_blue);
    -webkit-mask: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI4IDI1LjUiPgogIDwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOC43LjEwLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMS4yLjAgQnVpbGQgMjM2KSAgLS0+CiAgPGc+CiAgICA8ZyBpZD0iTGF5ZXJfMiI+CiAgICAgIDxwYXRoIGQ9Ik0yNiwxMS4zYy0uNi0uNC0zLS42LTUtLjZzLTIuMS0uNC0yLjEtMS4xLjUtMS4yLjUtMS4zYzAsMCwxLjgtMi4xLDEuOC0zLjhzLS43LTMtMS42LTMtMS4yLjgtMS41LDEuOXYuMmMtLjQsMS4xLTEuNCwyLjctMi42LDMuNi0xLjIuOS00LDQuMy00LjgsNS4zLS44LDEuMS0yLDEtMi4xLDFsLS44LS4ydjkuNmMxLjQuNiwyLjcuOSwyLjguOWgxM2MuNSwwLDEuNywwLDEuOC0uOSwwLS41LS40LTEuMS0uNi0xLjNsLS40LS41LjYtLjJjMCwwLC44LS4yLjgtMXMtLjctMS4zLS43LTEuNGwtLjctLjQuOC0uMnMuOC0uMiwxLTEuMmMuMi0uOS0uOC0xLjctLjgtMS43bC0uOC0uNmguOWMxLjMtLjIsMS4zLTEuNSwxLjMtMS42LDAtLjYsMC0xLS45LTEuNloiLz4KICAgICAgPHBhdGggZD0iTTYuNywxMi4xSDEuN3MwLDAtLjEsMGMwLDAtLjIsMC0uNC4xLS4yLjItLjMuNS0uMywxdjEwLjVjMCwuMSwwLC4zLjEuNC4xLDAsLjMsMCwuMywwaDVjMCwwLC4zLDAsLjUtLjEuMi0uMi4zLS41LjMtLjksMCwwLDAsMCwwLS4xdi0xMC40YzAtLjEsMC0uMy0uMS0uNC0uMSwwLS4zLDAtLjMsMFoiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==');
    mask: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI4IDI1LjUiPgogIDwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOC43LjEwLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMS4yLjAgQnVpbGQgMjM2KSAgLS0+CiAgPGc+CiAgICA8ZyBpZD0iTGF5ZXJfMiI+CiAgICAgIDxwYXRoIGQ9Ik0yNiwxMS4zYy0uNi0uNC0zLS42LTUtLjZzLTIuMS0uNC0yLjEtMS4xLjUtMS4yLjUtMS4zYzAsMCwxLjgtMi4xLDEuOC0zLjhzLS43LTMtMS42LTMtMS4yLjgtMS41LDEuOXYuMmMtLjQsMS4xLTEuNCwyLjctMi42LDMuNi0xLjIuOS00LDQuMy00LjgsNS4zLS44LDEuMS0yLDEtMi4xLDFsLS44LS4ydjkuNmMxLjQuNiwyLjcuOSwyLjguOWgxM2MuNSwwLDEuNywwLDEuOC0uOSwwLS41LS40LTEuMS0uNi0xLjNsLS40LS41LjYtLjJjMCwwLC44LS4yLjgtMXMtLjctMS4zLS43LTEuNGwtLjctLjQuOC0uMnMuOC0uMiwxLTEuMmMuMi0uOS0uOC0xLjctLjgtMS43bC0uOC0uNmguOWMxLjMtLjIsMS4zLTEuNSwxLjMtMS42LDAtLjYsMC0xLS45LTEuNloiLz4KICAgICAgPHBhdGggZD0iTTYuNywxMi4xSDEuN3MwLDAtLjEsMGMwLDAtLjIsMC0uNC4xLS4yLjItLjMuNS0uMywxdjEwLjVjMCwuMSwwLC4zLjEuNC4xLDAsLjMsMCwuMywwaDVjMCwwLC4zLDAsLjUtLjEuMi0uMi4zLS41LjMtLjksMCwwLDAsMCwwLS4xdi0xMC40YzAtLjEsMC0uMy0uMS0uNC0uMSwwLS4zLDAtLjMsMFoiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==');
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thumbsdown_checkbox:checked + i.thumbsdown:before{
    background-color: var(--dark_gray);
    -webkit-mask: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI4IDI1LjUiPgogIDwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOC43LjEwLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMS4yLjAgQnVpbGQgMjM2KSAgLS0+CiAgPGc+CiAgICA8ZyBpZD0iTGF5ZXJfMiI+CiAgICAgIDxwYXRoIGQ9Ik0yNiwxMS4zYy0uNi0uNC0zLS42LTUtLjZzLTIuMS0uNC0yLjEtMS4xLjUtMS4yLjUtMS4zYzAsMCwxLjgtMi4xLDEuOC0zLjhzLS43LTMtMS42LTMtMS4yLjgtMS41LDEuOXYuMmMtLjQsMS4xLTEuNCwyLjctMi42LDMuNi0xLjIuOS00LDQuMy00LjgsNS4zLS44LDEuMS0yLDEtMi4xLDFsLS44LS4ydjkuNmMxLjQuNiwyLjcuOSwyLjguOWgxM2MuNSwwLDEuNywwLDEuOC0uOSwwLS41LS40LTEuMS0uNi0xLjNsLS40LS41LjYtLjJjMCwwLC44LS4yLjgtMXMtLjctMS4zLS43LTEuNGwtLjctLjQuOC0uMnMuOC0uMiwxLTEuMmMuMi0uOS0uOC0xLjctLjgtMS43bC0uOC0uNmguOWMxLjMtLjIsMS4zLTEuNSwxLjMtMS42LDAtLjYsMC0xLS45LTEuNloiLz4KICAgICAgPHBhdGggZD0iTTYuNywxMi4xSDEuN3MwLDAtLjEsMGMwLDAtLjIsMC0uNC4xLS4yLjItLjMuNS0uMywxdjEwLjVjMCwuMSwwLC4zLjEuNC4xLDAsLjMsMCwuMywwaDVjMCwwLC4zLDAsLjUtLjEuMi0uMi4zLS41LjMtLjksMCwwLDAsMCwwLS4xdi0xMC40YzAtLjEsMC0uMy0uMS0uNC0uMSwwLS4zLDAtLjMsMFoiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==');
    mask: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI4IDI1LjUiPgogIDwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOC43LjEwLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMS4yLjAgQnVpbGQgMjM2KSAgLS0+CiAgPGc+CiAgICA8ZyBpZD0iTGF5ZXJfMiI+CiAgICAgIDxwYXRoIGQ9Ik0yNiwxMS4zYy0uNi0uNC0zLS42LTUtLjZzLTIuMS0uNC0yLjEtMS4xLjUtMS4yLjUtMS4zYzAsMCwxLjgtMi4xLDEuOC0zLjhzLS43LTMtMS42LTMtMS4yLjgtMS41LDEuOXYuMmMtLjQsMS4xLTEuNCwyLjctMi42LDMuNi0xLjIuOS00LDQuMy00LjgsNS4zLS44LDEuMS0yLDEtMi4xLDFsLS44LS4ydjkuNmMxLjQuNiwyLjcuOSwyLjguOWgxM2MuNSwwLDEuNywwLDEuOC0uOSwwLS41LS40LTEuMS0uNi0xLjNsLS40LS41LjYtLjJjMCwwLC44LS4yLjgtMXMtLjctMS4zLS43LTEuNGwtLjctLjQuOC0uMnMuOC0uMiwxLTEuMmMuMi0uOS0uOC0xLjctLjgtMS43bC0uOC0uNmguOWMxLjMtLjIsMS4zLTEuNSwxLjMtMS42LDAtLjYsMC0xLS45LTEuNloiLz4KICAgICAgPHBhdGggZD0iTTYuNywxMi4xSDEuN3MwLDAtLjEsMGMwLDAtLjIsMC0uNC4xLS4yLjItLjMuNS0uMywxdjEwLjVjMCwuMSwwLC4zLjEuNC4xLDAsLjMsMCwuMywwaDVjMCwwLC4zLDAsLjUtLjEuMi0uMi4zLS41LjMtLjksMCwwLDAsMCwwLS4xdi0xMC40YzAtLjEsMC0uMy0uMS0uNC0uMSwwLS4zLDAtLjMsMFoiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==');
    -webkit-mask-size: contain;
    mask-size: contain;
}

.results_button {
    margin-top: 1.5rem;
}

#results:empty + .results_button {
    display: none;
}

/* Base64 icons */
i.eye:before {
    -webkit-mask: url('data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTEuOTk4IDVjLTQuMDc4IDAtNy43NDIgMy4wOTMtOS44NTMgNi40ODMtLjA5Ni4xNTktLjE0NS4zMzgtLjE0NS41MTdzLjA0OC4zNTguMTQ0LjUxN2MyLjExMiAzLjM5IDUuNzc2IDYuNDgzIDkuODU0IDYuNDgzIDQuMTQzIDAgNy43OTYtMy4wOSA5Ljg2NC02LjQ5My4wOTItLjE1Ni4xMzgtLjMzMi4xMzgtLjUwN3MtLjA0Ni0uMzUxLS4xMzgtLjUwN2MtMi4wNjgtMy40MDMtNS43MjEtNi40OTMtOS44NjQtNi40OTN6bTguNDEzIDdjLTEuODM3IDIuODc4LTQuODk3IDUuNS04LjQxMyA1LjUtMy40NjUgMC02LjUzMi0yLjYzMi04LjQwNC01LjUgMS44NzEtMi44NjggNC45MzktNS41IDguNDA0LTUuNSAzLjUxOCAwIDYuNTc5IDIuNjI0IDguNDEzIDUuNXptLTguNDExLTRjMi4yMDggMCA0IDEuNzkyIDQgNHMtMS43OTIgNC00IDQtNC0xLjc5Mi00LTQgMS43OTItNCA0LTR6bTAgMS41Yy0xLjM4IDAtMi41IDEuMTItMi41IDIuNXMxLjEyIDIuNSAyLjUgMi41IDIuNS0xLjEyIDIuNS0yLjUtMS4xMi0yLjUtMi41LTIuNXoiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==');
    mask: url('data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTEuOTk4IDVjLTQuMDc4IDAtNy43NDIgMy4wOTMtOS44NTMgNi40ODMtLjA5Ni4xNTktLjE0NS4zMzgtLjE0NS41MTdzLjA0OC4zNTguMTQ0LjUxN2MyLjExMiAzLjM5IDUuNzc2IDYuNDgzIDkuODU0IDYuNDgzIDQuMTQzIDAgNy43OTYtMy4wOSA5Ljg2NC02LjQ5My4wOTItLjE1Ni4xMzgtLjMzMi4xMzgtLjUwN3MtLjA0Ni0uMzUxLS4xMzgtLjUwN2MtMi4wNjgtMy40MDMtNS43MjEtNi40OTMtOS44NjQtNi40OTN6bTguNDEzIDdjLTEuODM3IDIuODc4LTQuODk3IDUuNS04LjQxMyA1LjUtMy40NjUgMC02LjUzMi0yLjYzMi04LjQwNC01LjUgMS44NzEtMi44NjggNC45MzktNS41IDguNDA0LTUuNSAzLjUxOCAwIDYuNTc5IDIuNjI0IDguNDEzIDUuNXptLTguNDExLTRjMi4yMDggMCA0IDEuNzkyIDQgNHMtMS43OTIgNC00IDQtNC0xLjc5Mi00LTQgMS43OTItNCA0LTR6bTAgMS41Yy0xLjM4IDAtMi41IDEuMTItMi41IDIuNXMxLjEyIDIuNSAyLjUgMi41IDIuNS0xLjEyIDIuNS0yLjUtMS4xMi0yLjUtMi41LTIuNXoiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg=='); 
    -webkit-mask-size: contain;
    mask-size: contain;
}

@media (min-width: 1441px) {
    .listings .details {
        padding: 1rem 1.5rem;
    }
    .results_button {
        margin-top: 2.5rem;
    }
    
}

.icon_round_bg {
    border-radius: 50%;
    box-sizing: border-box;
    display: flex;
    height: 2rem;
    width: 2rem;
    justify-content: center;
    align-items: center;
    border:.0625rem solid var(--light_gray);
}

.results_tile_icon {
    background-color: #fff;
    position: absolute;
    margin-top: -1.375rem;
    right: 0.5rem;
    height: 2.25rem;
    width: 2.25rem;
    cursor: pointer;
    z-index: 1;
}

.more_modal {
    width: 12.5rem;
    position: absolute;
    background: #fff;
    right: .625rem;
    margin-top: 1rem;
    padding: 1rem;
    border-radius: 1.25rem;
    box-shadow: 0 .375rem 1.5rem rgba(0, 0, 0, 0.2);
}

.more_modal ul li{
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--dark);
    cursor: pointer;
}

.more_modal ul li:first-child:not(:last-child) {
    margin-bottom: 1rem;
}

.results_tile_icon svg{
    width: 100% !important;
    height: 100% !important;
    padding: .5rem;
}

/* compare */
.compare_section{
    width: 100%;
    padding-bottom: 1.5rem;
}

.compare-flex{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

.compare_container .compare_thumbnail{
    width: 7rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDUwIDUwIiBmaWxsPSIjN0Y5QUM3Ij4KPHBhdGggZD0iTSAyNSAyIEMgMTIuMzA5NTM0IDIgMiAxMi4zMDk1MzQgMiAyNSBDIDIgMzcuNjkwNDY2IDEyLjMwOTUzNCA0OCAyNSA0OCBDIDM3LjY5MDQ2NiA0OCA0OCAzNy42OTA0NjYgNDggMjUgQyA0OCAxMi4zMDk1MzQgMzcuNjkwNDY2IDIgMjUgMiB6IE0gMjUgNCBDIDM2LjYwOTUzNCA0IDQ2IDEzLjM5MDQ2NiA0NiAyNSBDIDQ2IDM2LjYwOTUzNCAzNi42MDk1MzQgNDYgMjUgNDYgQyAxMy4zOTA0NjYgNDYgNCAzNi42MDk1MzQgNCAyNSBDIDQgMTMuMzkwNDY2IDEzLjM5MDQ2NiA0IDI1IDQgeiBNIDM0Ljk4ODI4MSAxNC45ODgyODEgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDM0LjE3MTg3NSAxNS40Mzk0NTMgTCAyMy45NzA3MDMgMzAuNDc2NTYyIEwgMTYuNjc5Njg4IDIzLjcxMDkzOCBBIDEuMDAwMSAxLjAwMDEgMCAxIDAgMTUuMzIwMzEyIDI1LjE3NzczNCBMIDI0LjMxNjQwNiAzMy41MjUzOTEgTCAzNS44MjgxMjUgMTYuNTYwNTQ3IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzNC45ODgyODEgMTQuOTg4MjgxIHoiPjwvcGF0aD4KPC9zdmc+");
    background-origin: content-box;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2rem;
    height: 4rem;
    border: .125rem dashed var(--link_blue);
    border-radius: .5rem;
}

.compare_container .compare_thumbnail.has_image{
    background-color: #fff;
    background-size: cover;
    border: none;
    position: relative;
}

.compare_container .compare_thumbnail.has_image svg{
    position: absolute;
    right: -0.5rem;
    top: -0.5rem;
    width: 1.25rem;
    fill: #be0000;
    cursor: pointer;
}

.compare_section .btn_compare{
    background-color: var(--dark_gray);
    border: none;
    color: #fff;
    pointer-events: none;
}

#btn_compare.active{
    background-color: var(--link_blue);
    pointer-events: all;
}

.icon_round_bg{
    border-radius: 50%;
    box-sizing: border-box;
    display: flex;
    height: 2.25rem;
    width: 2.25rem;
    justify-content: center;
    align-items: center;
    border:.0625rem solid var(--blue);
}

.compare_thumbnail .compare-icon {
    color: var(--blue);
    opacity: 0.5;
    border-width: 0.25rem;
}

.compare_select{
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    z-index: 1;
    max-width: 100% !important;
    opacity: 0;
}

.compare_select:checked + svg{
    fill: #fff;
}

.results_tile_icon:has(.compare_select:checked) {
    background-color: var(--blue);
}

/* sitepage */
.sitepage_content table{
    table-layout: auto !important;
    width: 100% !important;
}

@media only screen and (max-width: 1024px) {
    .compare_section.compare-flex {
        display: block;
        margin-top: 2rem;
    }

    .compare_section .compare_button {
        text-align: center;
        margin-top: 0.75rem;
    }
}

@media only screen and (max-width:768px) {
    .compare_container {
        overflow-x: scroll;
        justify-content: flex-start;
        padding-bottom: 0.5rem;
    }

    .compare_container .compare_thumbnail {
        flex: 0 0 6.5rem;
    }

    .compare_container .compare_thumbnail.has_image svg{
        right: 0;
        top: 0;
        z-index: 1;
        width: 1rem;
    }

    #listing_title{
        position: relative;
    }

    #listing_title .compare_by{
        position: absolute;
        top: 0;
        right: 0;
    }

    #listing_title .compare_by .switch{
        width: 4rem;
        height: 2rem;
    }

    .recommendations-top{
        display: flex;
        flex-direction: column;
    }

    .recommendations-top .compare_by{
        position: relative !important;
    }

    .switch span::before{
        height: 1.625rem;
        width: 1.625rem;
        left: 0.1875rem;
        bottom: 0.1875rem;
    }

    /* Higher specificity so async form.css desktop rules cannot undo mobile sizing */
    #listing_title .compare_by .switch span::before{
        height: 1.625rem;
        width: 1.625rem;
        left: 0.1875rem;
        bottom: 0.1875rem;
    }

    .switch input:not(.noevents):checked + span::before, .switch.search_compare > span::before{
        -webkit-transform: translateX(2rem);
        -ms-transform: translateX(2.25rem);
        transform: translateX(2rem);
    }

    #listing_title .compare_by .switch input:not(.noevents):checked + span::before,
    #listing_title .compare_by .switch.search_compare > span::before{
        -webkit-transform: translateX(2rem);
        -ms-transform: translateX(2.25rem);
        transform: translateX(2rem);
    }
    
    .thumbs-container{
        margin-left: 1rem;
    }

    .listings :is(.thumbsup,.thumbsdown):before{
        width:1.5rem;
        height:1.4rem;
    }
}