.toolbar {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-bottom: 10px;
}

.toolbar--margin {
    margin: 12px 0;
}

.toolbar__body {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}

.toolbar--video .toolbar__body {
    align-items: center;
}

.toolbar__footer {
    display: none;
    width: 100%;
}

.toolbar__footer--visible {
    display: block;
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #E3D9E3;
}

.toolbar__content {
    width: 100%;
    overflow: hidden;
}

.toolbar__aside {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: 10px;
}

.toolbar__button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-color: transparent;
    border: 0;
    cursor: pointer;
}

.toolbar__button:not(:first-child) {
    margin-left: 5px;
}

.toolbar__button--filter {
    position: relative;
    width: 24px;
    height: 24px;
    background-color: #0072DB;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    border-radius: 4px;
}

.toolbar__button--filter:hover {
    background-color: #009CF3;
}

.toolbar__button--filter[data-count]:after {
    content: attr(data-count);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -2px;
    right: -2px;
    width: 14px;
    height: 14px;
    font-size: 12px;
    line-height: 12px;
    font-weight: bold;
    color: #ffffff;
    background-color: #E32C13;
    border-radius: 50%;
    overflow: hidden;
}

.toolbar__button--sort {
    position: relative;
    width: 24px;
    height: 24px;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
    background-size: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8199 11.7001C16.7311 11.6112 16.6257 11.5408 16.5097 11.4927C16.3937 11.4446 16.2694 11.4199 16.1438 11.4199C16.0182 11.4199 15.8939 11.4446 15.7779 11.4927C15.6619 11.5408 15.5565 11.6112 15.4677 11.7001L14.2313 12.9366V1.85637C14.2313 1.60273 14.1306 1.35948 13.9513 1.18013C13.7719 1.00078 13.5287 0.900024 13.2751 0.900024C13.0215 0.900024 12.7782 1.00078 12.5989 1.18013C12.4196 1.35948 12.3188 1.60273 12.3188 1.85637V12.9366L11.0824 11.7C10.9027 11.5225 10.6601 11.4234 10.4076 11.4242C10.155 11.425 9.91304 11.5257 9.73447 11.7043C9.5559 11.8829 9.45523 12.1249 9.45444 12.3774C9.45365 12.63 9.5528 12.8726 9.73026 13.0523L12.5987 15.9211C12.7785 16.0997 13.0217 16.2 13.2751 16.2C13.5286 16.2 13.7717 16.0997 13.9515 15.9211L16.8199 13.0523C16.9087 12.9636 16.9792 12.8581 17.0272 12.7421C17.0753 12.6261 17.1 12.5018 17.1 12.3762C17.1 12.2506 17.0753 12.1263 17.0272 12.0103C16.9792 11.8942 16.9087 11.7888 16.8199 11.7001ZM2.7563 3.76907H9.45007C9.70369 3.76907 9.94692 3.66831 10.1262 3.48896C10.3056 3.30961 10.4063 3.06636 10.4063 2.81272C10.4063 2.55908 10.3056 2.31583 10.1262 2.13648C9.94692 1.95713 9.70369 1.85637 9.45007 1.85637H2.7563C2.50269 1.85637 2.25946 1.95713 2.08013 2.13648C1.9008 2.31583 1.80005 2.55908 1.80005 2.81272C1.80005 3.06636 1.9008 3.30961 2.08013 3.48896C2.25946 3.66831 2.50269 3.76907 2.7563 3.76907ZM7.53757 5.68176H2.7563C2.50269 5.68176 2.25946 5.78252 2.08013 5.96187C1.9008 6.14122 1.80005 6.38447 1.80005 6.63811C1.80005 6.89175 1.9008 7.135 2.08013 7.31435C2.25946 7.4937 2.50269 7.59446 2.7563 7.59446H7.53757C7.79118 7.59446 8.03441 7.4937 8.21374 7.31435C8.39307 7.135 8.49382 6.89175 8.49382 6.63811C8.49382 6.38447 8.39307 6.14122 8.21374 5.96187C8.03441 5.78252 7.79118 5.68176 7.53757 5.68176ZM5.62506 9.50715H2.7563C2.50269 9.50715 2.25946 9.60791 2.08013 9.78726C1.9008 9.96661 1.80005 10.2099 1.80005 10.4635C1.80005 10.7171 1.9008 10.9604 2.08013 11.1397C2.25946 11.3191 2.50269 11.4198 2.7563 11.4198H5.62506C5.87868 11.4198 6.1219 11.3191 6.30123 11.1397C6.48057 10.9604 6.58132 10.7171 6.58132 10.4635C6.58132 10.2099 6.48057 9.96661 6.30123 9.78726C6.1219 9.60791 5.87868 9.50715 5.62506 9.50715ZM3.71256 13.3325H2.7563C2.50269 13.3325 2.25946 13.4333 2.08013 13.6126C1.9008 13.792 1.80005 14.0353 1.80005 14.2889C1.80005 14.5425 1.9008 14.7858 2.08013 14.9651C2.25946 15.1445 2.50269 15.2452 2.7563 15.2452H3.71256C3.96617 15.2452 4.2094 15.1445 4.38873 14.9651C4.56806 14.7858 4.66881 14.5425 4.66881 14.2889C4.66881 14.0353 4.56806 13.792 4.38873 13.6126C4.2094 13.4333 3.96617 13.3325 3.71256 13.3325Z' fill='%23B1B1B4'/%3E%3C/svg%3E%0A");
    border-radius: 4px;
    overflow: hidden;
}

.toolbar__button--sort-blogs {
    background-color: #0072DB;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8199 11.7001C16.7311 11.6112 16.6257 11.5408 16.5097 11.4927C16.3937 11.4446 16.2694 11.4199 16.1438 11.4199C16.0182 11.4199 15.8939 11.4446 15.7779 11.4927C15.6619 11.5408 15.5565 11.6112 15.4677 11.7001L14.2313 12.9366V1.85637C14.2313 1.60273 14.1306 1.35948 13.9513 1.18013C13.7719 1.00078 13.5287 0.900024 13.2751 0.900024C13.0215 0.900024 12.7782 1.00078 12.5989 1.18013C12.4196 1.35948 12.3188 1.60273 12.3188 1.85637V12.9366L11.0824 11.7C10.9027 11.5225 10.6601 11.4234 10.4076 11.4242C10.155 11.425 9.91304 11.5257 9.73447 11.7043C9.5559 11.8829 9.45523 12.1249 9.45444 12.3774C9.45365 12.63 9.5528 12.8726 9.73026 13.0523L12.5987 15.9211C12.7785 16.0997 13.0217 16.2 13.2751 16.2C13.5286 16.2 13.7717 16.0997 13.9515 15.9211L16.8199 13.0523C16.9087 12.9636 16.9792 12.8581 17.0272 12.7421C17.0753 12.6261 17.1 12.5018 17.1 12.3762C17.1 12.2506 17.0753 12.1263 17.0272 12.0103C16.9792 11.8942 16.9087 11.7888 16.8199 11.7001ZM2.7563 3.76907H9.45007C9.70369 3.76907 9.94692 3.66831 10.1262 3.48896C10.3056 3.30961 10.4063 3.06636 10.4063 2.81272C10.4063 2.55908 10.3056 2.31583 10.1262 2.13648C9.94692 1.95713 9.70369 1.85637 9.45007 1.85637H2.7563C2.50269 1.85637 2.25946 1.95713 2.08013 2.13648C1.9008 2.31583 1.80005 2.55908 1.80005 2.81272C1.80005 3.06636 1.9008 3.30961 2.08013 3.48896C2.25946 3.66831 2.50269 3.76907 2.7563 3.76907ZM7.53757 5.68176H2.7563C2.50269 5.68176 2.25946 5.78252 2.08013 5.96187C1.9008 6.14122 1.80005 6.38447 1.80005 6.63811C1.80005 6.89175 1.9008 7.135 2.08013 7.31435C2.25946 7.4937 2.50269 7.59446 2.7563 7.59446H7.53757C7.79118 7.59446 8.03441 7.4937 8.21374 7.31435C8.39307 7.135 8.49382 6.89175 8.49382 6.63811C8.49382 6.38447 8.39307 6.14122 8.21374 5.96187C8.03441 5.78252 7.79118 5.68176 7.53757 5.68176ZM5.62506 9.50715H2.7563C2.50269 9.50715 2.25946 9.60791 2.08013 9.78726C1.9008 9.96661 1.80005 10.2099 1.80005 10.4635C1.80005 10.7171 1.9008 10.9604 2.08013 11.1397C2.25946 11.3191 2.50269 11.4198 2.7563 11.4198H5.62506C5.87868 11.4198 6.1219 11.3191 6.30123 11.1397C6.48057 10.9604 6.58132 10.7171 6.58132 10.4635C6.58132 10.2099 6.48057 9.96661 6.30123 9.78726C6.1219 9.60791 5.87868 9.50715 5.62506 9.50715ZM3.71256 13.3325H2.7563C2.50269 13.3325 2.25946 13.4333 2.08013 13.6126C1.9008 13.792 1.80005 14.0353 1.80005 14.2889C1.80005 14.5425 1.9008 14.7858 2.08013 14.9651C2.25946 15.1445 2.50269 15.2452 2.7563 15.2452H3.71256C3.96617 15.2452 4.2094 15.1445 4.38873 14.9651C4.56806 14.7858 4.66881 14.5425 4.66881 14.2889C4.66881 14.0353 4.56806 13.792 4.38873 13.6126C4.2094 13.4333 3.96617 13.3325 3.71256 13.3325Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}

.toolbar__button--sort:hover {
    opacity: 0.8;
}

/* Slice Nav */

.slice-nav {
    width: 100%;
    height: 24px;
    overflow: hidden;
}

.slice-nav--loaded {
    height: initial;
    overflow: initial;
}

.slice-nav .slice-nav__list {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
}

.slice-nav .slice-nav__list::-webkit-scrollbar {
    display: none;
}

.slice-nav .slice-nav__list--scroll {
    flex-wrap: nowrap;
}

.slice-nav .slice-nav__list .menu-item--hidden {
    display: none;
}

.slice-nav .menu-item {
    margin: 0;
}

.slice-nav:not(.slice-nav--not-order) .menu-item.current-menu-item {
    order: -1;
}

.js_slice-nav .slice-nav .menu-item.current-menu-item {
    order: initial;
}

.slice-nav .menu-item a,
.slice-nav .menu-item span,
.slice-nav .menu-item .removed-link {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 24px;
    padding: 0 10px;
    font-size: 13px;
    line-height: 24px;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
    color: #000000;
    border-radius: 4px;
}

.slice-nav .menu-item a:hover {
    color: #207ACD !important;
}

.slice-nav .menu-item.current-menu-item > a,
.slice-nav .menu-item.current-menu-item > span {
    color: #1F78CA;
    background-color: #fff;
}

.slice-nav--changers .menu-item > a,
.slice-nav--changers .menu-item > span {
    background-color: #fff;
}

.slice-nav--changers .menu-item:not(:last-child) a,
.slice-nav--changers .menu-item:not(:last-child) span {
    margin-right: 10px;
}

.slice-nav .menu-item--show-more {
    margin-left: -5px;
}

.slice-nav .menu-item--show-more a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    padding: 0 0 6px;
    font-size: 18px;
    line-height: 18px;
    color: #207ACD;
}

.slice-nav .menu-item--show-more a:hover {
    opacity: 0.8;
}

.slice-nav .sub-menu {
    display: none;
}

.slice-nav__submenu {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    list-style: none;
}

.slice-nav__submenu .menu-item {
    margin: 0;
}

.slice-nav__submenu .menu-item a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    padding: 0 10px;
    font-size: 13px;
    line-height: 24px;
    font-weight: 500;
    text-decoration: none;
    color: #898594;
}

.slice-nav__submenu .menu-item a:hover,
.slice-nav__submenu .menu-item.current-menu-item a {
    color: #207ACD;
}

.slice-nav--tags {
    margin-bottom: 10px;
}

.slice-nav--tags .slice-nav__list {
    gap: 8px 0;
}

.slice-nav--tags .menu-item {
    margin-right: 10px;
}

.slice-nav--tags .menu-item__link {
    font-size: 14px !important;
    line-height: 24px !important;
    font-weight: 500 !important;
    text-transform: lowercase;
    color: #9D9D9D !important;
    background-color: #E4E4E4;
}

.slice-nav--tags .menu-item__link:before {
    content: "#";
}

.slice-nav--tags .menu-item--show-more a {
    width: 36px;
    height: 30px;
    margin: 0 !important;
    padding: 0 10px;
    text-indent: -9999px;
    background-color: #E4E4E4;
    overflow: hidden;
}

.slice-nav--tags .menu-item--show-more a:before {
    content: "...";
    display: block;
    text-indent: initial;
    margin-top: -5px;
}

/* END Slice Nav */

/* Filter */

.toolbar__filter {
    width: 100%;
    z-index: 13;
}

.toolbar__filter.load-filter {
    position: relative;
    z-index: 10;
}

.toolbar__filter .loading:after {
    top: 48px;
    right: 30px;
    left: initial;
    width: 1em;
    height: 1em;
    border-top: 0.5em solid rgb(0 159 255);
    border-right: 0.5em solid rgb(0 159 255);
    border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);
    border-left: 0.5em solid #ffffff;
}

html.filter-open,
html.filter-open body {
    overflow: hidden;
}

html.filter-open #wpadminbar {
    z-index: 9;
}

html.filter-open .toolbar {
    position: initial;
}

html.filter-open .filter {
    display: block;
}

.filter {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    padding: 20px;
    background-color: #ffffff;
    z-index: 12;
}

.filter__title {
    margin: 0 0 20px;
    padding: 0 0 20px;
    font-size: 20px;
    line-height: 24px;
    text-align: left;
    border-bottom: 1px solid #F6F5F6;
}

.filter__title-text {
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
}

.filter__title-button-close {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    color: #fff;
    width: 24px !important;
    height: 24px !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Cpath stroke='%23DADADA' stroke-linecap='round' stroke-width='1.5' d='M8 16.985 16.485 8.5M8 8.5l8.485 8.485'/%3E%3C/svg%3E") no-repeat center !important;
    border: 0;
}

.filter__form {
    display: flex;
    flex-direction: column;
    height: calc(100% - 64px - 200px);
    margin-right: -20px;
    padding-right: 20px;
    overflow-y: auto;
    scrollbar-width: 4px;
    scrollbar-color: #A9A9A9 #F6F5F6;
}

.filter__form::-webkit-scrollbar {
    width: 4px;
}

.filter__form::-webkit-scrollbar-track {
    background-color: #F6F5F6;
    border-radius: 2px;
}

.filter__form::-webkit-scrollbar-thumb {
    background-color: #A9A9A9;
    border-radius: 2px;
}

.filter__title-button-close:hover {
    opacity: 0.7;
}

.apf-field .counter {
    margin: 0 auto 0 5px;
    color: rgba(0, 0, 0, 0.5);
}

.apf-field__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
}

.apf-field__title:after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-mask-image: url("/wp-content/themes/yelly/assets/images/icons/arrow.svg");
    mask-image: url("/wp-content/themes/yelly/assets/images/icons/arrow.svg");
}

.apf-field__title:hover {
    color: #207ACD;
}

.apf-field__title:hover:after {
    background-color: #207ACD !important;
}

.apf-field--open .apf-field__title {
    font-weight: bold;
}

.apf-field--open .apf-field__title:after {
    background-color: #000000;
    transform: rotate(90deg);
}

.apf-field__content {
    display: none;
}

.apf-field__content {
    flex-direction: column;
}

.apf-field--open .apf-field__content {
    display: flex;
}

.apf-field__content-title {
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    color: #207ACD;
}

.apf-field--selected .apf-field__title {
    font-weight: bold;
    color: #207ACD;
}

.apf-field--selected .apf-field__title:after {
    background-color: #207ACD !important;
}

.apf-field__content-close {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    padding: 0;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg fill='%23207ACD' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5.89258' y='20.0347' width='20' height='3.33333' transform='rotate(-45 5.89258 20.0347)'%3E%3C/rect%3E%3Crect x='20.0347' y='22.3916' width='20' height='3.33333' transform='rotate(-135 20.0347 22.3916)'%3E%3C/rect%3E%3C/svg%3E");
    border: 0;
    cursor: pointer;
}

.apf-field__content-close:hover {
    opacity: 0.8;
}

.apf-field__search {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 36px;
    margin-bottom: 10px;
    padding: 0 4px 0 10px;
    background-color: #F6F5F6;
    border-radius: 4px;
}

.apf-field__search-input {
    width: 100%;
    height: 100% !important;
    padding: 0 !important;
    background-color: transparent !important;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 16px;
    background-image: url("data:image/svg+xml,%3Csvg id='search' fill='%23bebebe' viewBox='0 0 16 17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8939 14.7788L10.8883 9.77307C11.5384 8.80395 11.8877 7.66443 11.8877 6.47131C11.8877 4.88363 11.2694 3.39099 10.1467 2.26827C9.024 1.14571 7.53152 0.527466 5.94384 0.527466C4.35616 0.527466 2.86352 1.14571 1.7408 2.26827C0.61824 3.39099 0 4.88363 0 6.47131C0 8.05899 0.61824 9.55147 1.74096 10.6742C2.86368 11.7969 4.35616 12.4151 5.944 12.4151C7.15056 12.4151 8.30192 12.0577 9.27808 11.3935L14.2789 16.394C14.4477 16.563 14.7581 16.5262 14.972 16.3123L15.8123 15.4719C16.0262 15.258 16.0629 14.9476 15.8939 14.7788ZM5.94384 10.8049C3.55408 10.8049 1.61008 8.86091 1.61008 6.47131C1.61008 4.08171 3.55424 2.13755 5.94384 2.13755C8.33344 2.13755 10.2774 4.08171 10.2774 6.47131C10.2774 8.86091 8.33344 10.8049 5.94384 10.8049Z'/%3E%3C/svg%3E");
    border: 0 !important;
    outline: none !important;
}

.apf-field__search-input::-webkit-input-placeholder {
    color: #A9A9A9;
}

.apf-field__search-input::-moz-placeholder {
    color: #A9A9A9;
}

.apf-field__search-input:-moz-placeholder {
    color: #A9A9A9;
}

.apf-field__search-input:-ms-input-placeholder {
    color: #A9A9A9;
}

.apf-field__content-body {
    display: flex;
    flex-direction: column;
    max-height: 262px;
    overflow-y: auto;
    scrollbar-width: 4px;
    scrollbar-color: #A9A9A9 #F6F5F6;
}

.apf-field__content-body::-webkit-scrollbar {
    width: 4px;
}

.apf-field__content-body::-webkit-scrollbar-track {
    background-color: #F6F5F6;
    border-radius: 2px;
}

.apf-field__content-body::-webkit-scrollbar-thumb {
    background-color: #A9A9A9;
    border-radius: 2px;
}

.apf-field_date input[type="date"] {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 50px;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: left 15px center;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.7365 5.70017C17.2232 5.70017 17.6173 5.30227 17.6173 4.81147V1.8887C17.6173 1.3979 17.2232 1 16.7365 1C16.2503 1 15.8557 1.3979 15.8557 1.8887V4.81147C15.8557 5.30227 16.2503 5.70017 16.7365 5.70017ZM7.26347 5.70017C7.74966 5.70017 8.14426 5.30227 8.14426 4.81147V1.8887C8.14426 1.3979 7.74966 1 7.26347 1C6.7768 1 6.38268 1.3979 6.38268 1.8887V4.81147C6.38268 5.30227 6.7768 5.70017 7.26347 5.70017ZM21.8256 3.17199H18.6743V4.81147C18.6743 5.88952 17.805 6.76661 16.7365 6.76661C15.6681 6.76661 14.7988 5.88952 14.7988 4.81147V3.17199H9.2012V4.81147C9.2012 5.88952 8.33192 6.76661 7.26347 6.76661C6.19501 6.76661 5.32573 5.88952 5.32573 4.81147V3.17199H2.17439C1.52565 3.17199 1 3.70237 1 4.35692V9.21516H23V4.35692C23 3.70237 22.4743 3.17199 21.8256 3.17199ZM1 21.8151C1 22.4696 1.52565 23 2.17439 23H21.8256C22.4743 23 23 22.4696 23 21.8151V10.1631H1V21.8151ZM17.2582 12.9773H20.2627V16.0089H17.2582V12.9773ZM17.2582 17.3024H20.2627V20.3339H17.2582V17.3024ZM12.7511 12.9773H15.7557V16.0089H12.7511V12.9773ZM12.7511 17.3024H15.7557V20.3339H12.7511V17.3024ZM8.24431 12.9773H11.2489V16.0089H8.24431V12.9773ZM8.24431 17.3024H11.2489V20.3339H8.24431V17.3024ZM3.73726 12.9773H6.74181V16.0089H3.73726V12.9773ZM3.73726 17.3024H6.74181V20.3339H3.73726V17.3024Z' fill='%230072DB'/%3E%3C/svg%3E%0A");
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
}

#pair-price-on-date input[type="number"]::-webkit-outer-spin-button,
.apf-field_date input[type="date"]::-webkit-inner-spin-button {
    display: none;
    -webkit-appearance: none;
    margin: 0;
}

.apf-field_date input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    color: transparent;
    background: transparent;
    z-index: 10;
    opacity: 0;
    cursor: pointer;
    -webkit-appearance: none;
}

.apf-field_text .apf-field__content-body,
.apf-field_number .apf-field__content-body,
.apf-field_date .apf-field__content-body {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}

.apf-field_text input,
.apf-field_number input,
.apf-field_date input {
    width: calc(50% - 5px);
    background-color: #F6F5F6;
    border: 1px transparent;
    outline: none;
}

.apf-field_taxonomy .apf-checkbox,
.apf-field_checkbox .apf-checkbox,
.apf-field_radio .apf-radio {
    display: flex;
    align-items: center;
}

.apf-field_taxonomy .apf-checkbox:not(:last-child),
.apf-field_checkbox .apf-checkbox:not(:last-child),
.apf-field_radio .apf-radio:not(:last-child) {
    margin-bottom: 10px;
}

.apf-field_taxonomy .apf-checkbox input,
.apf-field_checkbox .apf-checkbox input,
.apf-field_radio .apf-radio input {
    display: none;
}

.apf-field_taxonomy .apf-checkbox input:checked + .apf-checkbox__label,
.apf-field_checkbox .apf-checkbox input:checked + .apf-checkbox__label,
.apf-field_radio .apf-radio input:checked + .apf-radio__label {
    background-color: #F9F8F9;
    border-radius: 4px;
}

.apf-field_taxonomy .apf-checkbox input:checked + .apf-checkbox__label:after,
.apf-field_checkbox .apf-checkbox input:checked + .apf-checkbox__label:after,
.apf-field_radio .apf-radio input:checked + .apf-radio__label:after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background-color: #207ACD;
    -webkit-mask-image: url("/wp-content/themes/yelly/assets/images/icons/check.svg");
    mask-image: url("/wp-content/themes/yelly/assets/images/icons/check.svg");
}

.apf-checkbox .apf-checkbox__label,
.apf-field_checkbox .apf-checkbox__label,
.apf-field_radio .apf-radio__label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 10px;
    font-size: 14px;
    line-height: 24px;
    cursor: pointer;
}

.apf-field__range {
    margin: 20px 17px 20px 4px;
}

.apf-field__range .noUi-origin {
    width: 100%;
}

.apf-field__range.noUi-target {
    height: 1px;
    background-color: #F6F5F6;
    border: 0;
    border-radius: 50%;
}

.apf-field__range.noUi-target .noUi-connect {
    background-color: rgba(0, 114, 219, 0.8);
}

.apf-field__range.noUi-target .noUi-handle {
    top: -10px;
    width: 20px;
    height: 20px;
    background-color: rgb(0, 114, 219) !important;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
}

.apf-field__range.noUi-target .noUi-handle:before,
.apf-field__range.noUi-target .noUi-handle:after {
    display: none;
}

.filter__footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 20px;
    background-color: #ffffff;
    z-index: 1;
}

.filter__button {
    width: 100%;
    height: 50px !important;
    font-size: 16px;
    line-height: 18px;
}

.filter__clear-button {
    display: none;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 14px;
    line-height: 16px;
    color: #207ACD;
    background-color: transparent;
    border: 0;
    border-bottom: 1px dashed #207ACD;
    outline: 0;
}

.filter__clear-button--visible {
    display: flex;
    cursor: pointer;
}

.filter__clear-button:hover {
    border-color: transparent;
}

.filter__clear-button:before {
    content: "";
    flex-shrink: 0;
    display: none;
    width: 14px;
    height: 14px;
    margin-top: 2px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg fill='%23207ACD' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5.89258' y='20.0347' width='20' height='3.33333' transform='rotate(-45 5.89258 20.0347)'%3E%3C/rect%3E%3Crect x='20.0347' y='22.3916' width='20' height='3.33333' transform='rotate(-135 20.0347 22.3916)'%3E%3C/rect%3E%3C/svg%3E");
}

/* END Filter */

/* Sort */

.js_sort-button {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.js_sort-button:after {
    content: "";
    width: 8px;
    height: 14px;
    margin: 0 0 0 3px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 3.49691e-07L0.535898 6L7.4641 6L4 3.49691e-07Z' fill='black' /%3E%3Cpath d='M4 14L0.535898 8L7.4641 8L4 14Z' fill='black' /%3E%3C/svg%3E%0A");
}

.js_sort-button:hover:after {
    opacity: 1;
}

.js_sort-button--active:after {
    width: 8px;
    height: 8px;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 8L0.5359 2L7.4641 2L4 8Z' fill='black'/%3E%3C/svg%3E%0A");
    opacity: 1;
    transform: rotate(
            180deg
    );
}

.js_sort-button--active[data-order="DESC"]:after {
    transform: rotate(
            0deg
    );
}

/* END Sort */

/* Coin Switcher */

.coin-switcher-wrapper {
    position: relative;
    margin-bottom: 5px;
    padding: 4px;
    background-color: #ffffff;
    border-radius: 5px;
}

.coin-switcher {
    position: relative;
    width: 100%;
    height: 34px;
}

.coin-switcher__items {
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 100%;
    height: 34px;
    background-color: #ffffff;
    border: 1px solid #F6F5F6;
    border-radius: 4px;
    overflow: hidden;
    z-index: 2;
}

.coin-switcher--active .coin-switcher__items {
    height: initial;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-bottom: 0;
}

.coin-switcher__item {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    width: 100%;
    height: 34px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 24px;
    border-bottom: 1px solid #F6F5F6;
    cursor: pointer;
}

.coin-switcher__item:hover {
    text-decoration: underline;
}

.coin-switcher__item--active {
    order: -1;
}

.coin-switcher__item--active:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    margin-left: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 8L0.5359 2L7.4641 2L4 8Z' fill='%23999999'/%3E%3C/svg%3E%0A");
}

.coin-switcher--active .coin-switcher__item--active:after {
    transform: rotate(180deg);
}

.coin-switcher__item-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.coin-switcher__item-logo-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.coin-switcher__button {
    display: none;
}

/* END Coin Switcher */

/* FAQ Toolbar */

.toolbar--faq {
    margin-bottom: 54px;
}

.toolbar--faq .toolbar__content {
    width: 100%;
}

.faq__button {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 34px;
    margin: 10px 0;
    padding: 0;
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
}

.faq__button_hide {
    display: none;
}

.dropdown-block--faq {
    border-radius: 10px !important;
}

.dropdown-block--faq .dropdown-form {
    margin-top: 0;
}

/* END FAQ Toolbar */

.toolbar--archive .toolbar__body {
    flex-direction: column;
    align-items: flex-start;
}

.toolbar--archive .toolbar__tooltips {
    display: flex;
    align-items: center;
    order: -1;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #E3D9E3;
}

.toolbar--archive .tooltip__content {
    padding: 10px;
    z-index: 13;
}

.toolbar--archive .tooltip__button {
    font-size: 13px;
    line-height: 24px;
    font-weight: 500;
    color: #898594;
    background-color: #ECEBEC;
    border: 0;
}

.toolbar--archive .tooltip__button:hover {
    background-color: #dfdfdf;
}

.toolbar--archive .tooltip:not(:last-child) .tooltip__button {
    margin-right: 10px;
}

.toolbar--archive .tooltip__item {
    color: #000000;
    text-decoration: none;
}

.toolbar--archive .tooltip__item:not(:last-child) {
    margin-bottom: 15px;
}

.toolbar--archive .tooltip__item:hover {
    text-decoration: underline;
}

.toolbar--archive .tooltip__item-image {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
}

.toolbar__sort {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 10px;
    overflow-x: auto;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
}

.toolbar__sort::-webkit-scrollbar {
    display: none;
}

.toolbar__sort-button {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 30px;
    padding: 0 10px;
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
    color: #898594;
    background-color: #ECEBEC;
    border: 1px solid #ECEBEC;
    border-radius: 4px;
}

.toolbar__sort-button:hover {
    opacity: 0.8;
}

.toolbar__sort-button:after {
    margin-top: 4px;
}

.toolbar__sort-button:after {
    width: 0;
    height: 0;
    background: none;
}

.toolbar__sort-button[data-order="ASC"]:after {
    margin-top: -2px;
    transform: rotate(180deg)
}

.toolbar__sort-button.active {
    border-color: #999999;
}

.toolbar__switcher {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 4px;
}

.toolbar__switcher-button {
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ffffff;
    border: 0;
    border-radius: 3px;
}

.toolbar__switcher-button:hover {
    opacity: 0.8;
}

.toolbar__switcher-button--list {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' fill='none'%3E%3Cg fill='%23999' clip-path='url(%23a)'%3E%3Crect width='20' height='4' rx='2'/%3E%3Crect width='20' height='4' y='6' rx='2'/%3E%3Crect width='20' height='4' y='12' rx='2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.toolbar__switcher-button--list.active {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' fill='none'%3E%3Cg fill='%230072DB' clip-path='url(%23a)'%3E%3Crect width='20' height='4' rx='2'/%3E%3Crect width='20' height='4' y='6' rx='2'/%3E%3Crect width='20' height='4' y='12' rx='2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.toolbar__switcher-button--cards {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg fill='%23999' clip-path='url(%23a)'%3E%3Crect width='7' height='7' rx='2'/%3E%3Crect width='7' height='7' y='9' rx='2'/%3E%3Crect width='7' height='7' x='9' rx='2'/%3E%3Crect width='7' height='7' x='9' y='9' rx='2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.toolbar__switcher-button--cards.active {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg fill='%230072DB' clip-path='url(%23a)'%3E%3Crect width='7' height='7' rx='2'/%3E%3Crect width='7' height='7' y='9' rx='2'/%3E%3Crect width='7' height='7' x='9' rx='2'/%3E%3Crect width='7' height='7' x='9' y='9' rx='2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.toolbar--dark .slice-nav .menu-item.current-menu-item > a,
.toolbar--dark .slice-nav .menu-item.current-menu-item > span {
    color: #ffffff;
    background: linear-gradient(0deg, #494656 0%, #494656 100%), linear-gradient(0deg, #FFF 0%, #FFF 100%), #F6F5F6;
}

.toolbar--dark .slice-nav .menu-item.current-menu-item > a:hover,
.toolbar--dark .slice-nav .menu-item.current-menu-item > span:hover {
    color: #ffffff !important;
    cursor: default;
}

html.filter-open .wprv-footer {
    display: none;
}

/*** Responsive ***/

@media (min-width: 360px) {

    /* Coin Switcher */
    .coin-switcher__item {
        padding: 0 5px;
        font-size: 16px;
    }

    .coin-switcher__item-logo {
        width: 24px;
        height: 24px;
    }

    /* END Coin Switcher */
}

@media (min-width: 768px) {

    .toolbar__button--filter {
        width: 30px;
        height: 30px;
        background-size: 20px;
    }

    .toolbar__button--sort {
        display: none;
        width: 30px;
        height: 30px;
        background-size: 20px;
    }

    .toolbar__button--sort-blogs {
        display: block;
    }

    .slice-nav {
        height: 30px;
    }

    .slice-nav--loaded {
        height: initial;
    }

    .slice-nav .menu-item:not(:last-child) span,
    .slice-nav .menu-item:not(:last-child) a {
        margin-right: 10px;
    }

    .slice-nav .menu-item a,
    .slice-nav .menu-item span,
    .slice-nav .menu-item .removed-link {
        height: 30px;
    }

    .slice-nav__submenu .menu-item:not(:last-child) {
        margin-right: 10px;
    }

    .slice-nav {
        overflow: hidden;
    }

    .slice-nav .slice-nav__list,
    .slice-nav .slice-nav__list ul {
        flex-wrap: wrap;
    }

    .toolbar__filter .loading:after {
        top: 45px;
        right: 35px;
    }

    .coin-switcher-wrapper {
        padding: 4px;
    }

    .coin-switcher {
        display: flex;
    }

    .coin-switcher__items {
        width: calc(100% - 117px);
    }

    .coin-switcher__button {
        display: flex;
        width: 112px;
        height: 34px;
        font-size: 14px;
        line-height: 16px;
        margin-left: auto;
    }

    .toolbar--faq {
        margin-bottom: 10px;
    }

    .faq__button {
        position: initial;
        width: initial;
        height: 30px;
        margin: 0;
        padding: 0 15px;
    }

    .toolbar--archive .toolbar__body {
        flex-direction: row;
    }

    .toolbar--archive .toolbar__tooltips {
        order: initial;
        width: initial;
        margin: 0 0 0 30px;
        padding: 0;
        border-bottom: 0;
    }

    .toolbar--archive .tooltip__content {
        right: 0 !important;
        left: initial !important;
        transform: none !important;
    }

    .toolbar--archive .tooltip__content:before {
        right: 15px !important;
        left: initial !important;
    }

    .slice-nav--tags .menu-item {
        margin-right: 0;
    }
}

@media (min-width: 1024px) {

    html.filter-open .toolbar__filter:not(.load-filter) {
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        width: 100vw;
        height: 100vh;
        padding: 80px 0;
        top: 0;
        left: 0;
        background-color: rgba(63, 60, 77, 0.9);
        z-index: 15;
    }

    .filter {
        max-width: 500px;
        width: 100%;
        height: 100%;
        position: relative;
        border-radius: 10px;
        overflow: hidden;
    }

    .filter .apf-field:not(:last-child) {
        border-bottom: 1px solid #F6F5F6;
    }

    .filter .apf-field__content-body {
        padding-bottom: 10px;
    }

    .filter__footer {
        position: absolute;
    }
}

@media (min-width: 1280px) {

    .toolbar {
        margin-bottom: 10px;
    }

    .coin-switcher-wrapper {
        margin-bottom: 10px;
    }

    .coin-switcher {
        height: 42px;
    }

    .coin-switcher__items {
        width: calc(100% - 142px);
        height: 42px;
    }

    .coin-switcher__item {
        height: 42px;
    }

    .coin-switcher__item-logo {
        width: 30px;
        height: 30px;
    }

    .coin-switcher__button {
        display: flex;
        width: 132px;
        height: 42px;
        font-size: 16px;
        line-height: 18px;
        margin-left: auto;
    }
}