/**
 * GPBox Product Filters
 */
#product-filter-form .product-filter-buttons {
  width: 100%;
  display: grid;
  row-gap: 0.875rem;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  grid-template-rows: 1fr 0px;
  grid-template-columns: repeat(10, fit-content(100%));
  /* justify-items: stretch; */
  align-items: start;
}

#product-filter-form .filter-label.btn-medium,
.mobile-product-filters.btn-medium {
  transition: color 295ms var(--bezier-nobounce), background-color 295ms var(--bezier-nobounce), border-color 295ms var(--bezier-nobounce);
  padding: 0 1rem 0 1.25rem;
}
#product-filter-form .filter-label .filter-label-text {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}
#product-filter-form .filter-label.active,
.mobile-product-filters.active {
  background-color: var(--dark-grey-clr);
  color: var(--text-white-clr);
  border-color: var(--dark-grey-clr) !important;
}
#product-filter-form .filter-label:not(.no-arrow)::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 16 16' focusable='false'%3E%3Cpath stroke='var(--dark-grey-clr,  %231c1c1c)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
  background-size: contain;
  z-index: 0;
  height: 16px;
  width: 16px;
  margin-left: 8px;
}
#product-filter-form .filter-label.active::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16' focusable='false'%3E%3Cpath stroke='var(--text-white-clr,  %23fafafa)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
}
#product-filter-form .filter-label.no-arrow {
  padding-right: 1.5rem;
}
#product-filter-form .filter-label.no-arrow.inline-filter-label {
  padding-right: 0.75rem;
}

#product-filter-form #filters-mobile-modal .filter-label.no-arrow.inline-filter-label,
#product-filter-form #filters-mobile-modal .filter-label.no-arrow.inline-filter-label .filter-label-text,
#product-filter-form #filters-mobile-modal .filter-label.no-arrow.inline-filter-label fieldset {
  margin-left: 0;
  width: 100%;
}

#product-filter-form fieldset:not(.inline-slider-fieldset) {
  position: absolute;
  flex-direction: column;
  padding: 1.5rem 2rem;
  opacity: 0;
  top: 50px;
  left: 0;
  bottom: unset;
  z-index: 79;
  min-width: 250px;
  height: unset;
  min-height: unset;
  overflow: visible;
  box-shadow: 0 6px 36px rgba(34, 34, 34, 0.325);
  background: white;
  border-radius: 18px;
  pointer-events: none;
  transform: translateY(-30px) scale(0.965) perspective(1px);
  transition: opacity 150ms ease-out, transform 255ms var(--bezier);
}
body.loaded #product-filter-form fieldset:not(.hidden),
body.loaded #product-filter-form fieldset:not(.inline-slider-fieldset) {
  display: flex !important;
}

#product-filter-form fieldset.active {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0px) scale(1) perspective(1px);
  transition-delay: 75ms;
}

#product-filter-form .sort-filter {
  margin-left: auto;
}

#product-filter-form .sort-filter .filter-label {
  margin-right: 0px;
}

#product-filter-form .sort-filter fieldset,
#product-filter-form .filter-wrapper:nth-last-child(2) fieldset {
  left: unset;
  right: 0;
  transform: none;
}
#product-filter-form .filter-wrapper:nth-last-child(2) .filter-label {
  margin-right: 0;
}

.mobile-product-filters.btn-medium {
  max-width: 380px;
  padding: 0 1.25rem 0 1rem;
}

#filters-mobile-modal .filter-label.btn-medium {
  border: none !important;
  height: unset;
}
#filters-mobile-modal .filter-label.active.btn-medium {
  height: 40px;
}
#filters-mobile-modal .filter-label.btn-medium .gpbox-icon {
  display: none;
}

body.desktop #product-filter-form .filter-close {
  position: absolute;
  background: white;
  right: -3rem;
  top: 0;
  box-shadow: 0 4px 18px rgb(34 34 34 / 25%);
}
body.desktop #product-filter-form .filter-help {
  top: calc(40px + 0.5rem);
}
body.desktop #product-filter-form .sort-filter .filter-close {
  right: unset;
  left: -3rem;
}

#product-filter-form #filters-mobile-modal .sort-filter {
  order: 100;
}

#product-filter-form #filters-mobile-modal.filter-mobile-modal-sort .sort-filter {
  order: -1;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
  margin-top: 1rem;
  border-bottom: var(--border);
}

#product-filter-form #filters-mobile-modal .price-filter {
  order: 1;
}

#product-filter-form #filters-mobile-modal .in-stock-filter {
  order: 2;
}

#product-filter-form #filters-mobile-modal .type-filter {
  order: 10;
}
#product-filter-form #filters-mobile-modal .motCat-filter {
  order: 11;
}

#product-filter-form #filters-mobile-modal .rating-filter {
  order: 20;
}

#product-filter-form #filters-mobile-modal .special-filter {
  order: 21;
}

#product-filter-form #filters-mobile-modal .location-filter {
  order: 22;
}

#product-filter-form #filters-mobile-modal .seller-filter {
  order: 23;
}

#product-filter-form #filters-mobile-modal .colour-filter {
  order: 24;
}

#product-filter-form #filters-mobile-modal .mw-container > .flex-align-start-top > div {
  width: 100%;
}

body:not(.mobile) #product-filter-form fieldset div.bg-icon:not(.filter-categories) {
  margin: 0 -1rem;
}

#product-filter-form fieldset [type="radio"] {
  padding: 24px 0 0 24px;
}
#product-filter-form fieldset label {
  margin-bottom: 0rem;
  cursor: pointer;
  width: 100%;
}

/* Type filter with multiple columns */
body:not(.mobile) #product-filter-form fieldset[data-filter="specials"]:not(.inline-slider-fieldset) {
  min-width: 280px;
}
body:not(.mobile) #product-filter-form fieldset[data-filter="seller"] {
  min-width: 364px;
  max-width: 364px;
  left: unset;
  transform: none;
  right: unset;
}

#product-filter-form fieldset[data-filter="type"],
#product-filter-form fieldset[data-filter="motCat"],
#product-filter-form fieldset[data-filter="colour"] {
  /* Inputs */
  --grid-layout-gap: 0.75rem;
  --grid-column-count: 8;
  --grid-item--min-width: 106px;
  --padding: 2rem;

  /* Calculated */
  --gap-count: calc(var(--grid-column-count) - 1);
  --total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));
  --total-width: calc(calc(var(--grid-column-count) * var(--grid-item--min-width)) + var(--total-gap-width) + 2 * var(--padding));

  display: flex;
  flex-direction: row;
  gap: var(--grid-layout-gap);
  flex-wrap: wrap;
  width: var(--total-width);
  max-width: 90%;
  min-width: unset;

  padding: var(--padding);
  right: unset;
  left: 50%;
  transform: translatex(-50%);
}
#product-filter-form fieldset[data-filter="motCat"] {
  --grid-column-count: 5;
}

#product-filter-form #filters-mobile-modal fieldset[data-filter="type"],
#product-filter-form #filters-mobile-modal fieldset[data-filter="motCat"],
#product-filter-form #filters-mobile-modal fieldset[data-filter="colour"] {
  justify-content: space-between;
}

#product-filter-form fieldset[data-filter="type"] > div,
#product-filter-form fieldset[data-filter="motCat"] > div {
  width: 106px;
  height: 106px;
  position: relative;
  padding: 0;
}
#product-filter-form fieldset[data-filter="type"] > div:has(input:checked):before {
  opacity: 1;
  -webkit-transform: scale(1) perspective(1px);
  transform: scale(1) perspective(1px);
}
#product-filter-form fieldset[data-filter="type"] > div > input,
#product-filter-form fieldset[data-filter="type"] > div:before,
#product-filter-form fieldset[data-filter="motCat"] > div > input,
#product-filter-form fieldset[data-filter="motCat"] > div:before {
  border-radius: 6px;
}
#product-filter-form fieldset[data-filter="type"] > div > input:before,
#product-filter-form fieldset[data-filter="motCat"] > div > input:before {
  content: none;
}
#product-filter-form fieldset[data-filter="type"] > div > input,
#product-filter-form fieldset[data-filter="motCat"] > div > input {
  border: var(--border);
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

#product-filter-form fieldset[data-filter="type"] > div > label,
#product-filter-form fieldset[data-filter="motCat"] > div > label {
  position: absolute;
  bottom: -2px;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  padding: 0;
  margin: 0;
}
#product-filter-form fieldset[data-filter="type"] > div:first-of-type,
#product-filter-form fieldset[data-filter="motCat"] > div:first-of-type {
  margin-top: 0;
}

#product-filter-form fieldset[data-filter="type"] [type="checkbox"]:focus-visible,
#product-filter-form fieldset[data-filter="motCat"] [type="checkbox"]:focus-visible {
  box-shadow: 0 0 0 1px var(--medium-grey-clr);
  border-color: var(--medium-grey-clr);
}

#product-filter-form fieldset[data-filter="type"] [type="checkbox"]:checked,
#product-filter-form fieldset[data-filter="motCat"] [type="checkbox"]:checked {
  box-shadow: 0 0 0 1px var(--dark-grey-clr);
  border-color: var(--dark-grey-clr);
}

/* Filter Types mobile */
#product-filter-form #filters-mobile-modal fieldset[data-filter="type"],
#product-filter-form #filters-mobile-modal fieldset[data-filter="motCat"],
#product-filter-form #filters-mobile-modal fieldset[data-filter="colour"] {
  --grid-column-count: 3 !important;
  --grid-layout-gap: 0.5rem;
  left: unset;
  padding: 1rem 5px;
}
#product-filter-form #filters-mobile-modal fieldset[data-filter="type"] > div,
#product-filter-form #filters-mobile-modal fieldset[data-filter="motCat"] > div {
  width: calc(calc(100% - 1rem) / 3);
  height: 87px;
}

/* Styles unique to input=type */
#product-filter-form #filters-mobile-modal fieldset[data-filter="type"] > div > label,
#product-filter-form #filters-mobile-modal fieldset[data-filter="motCat"] > div > label {
  font-weight: 400;
  font-size: 13px;
  bottom: -5px;
}

/* Styles unique to input=motCat */
#product-filter-form fieldset[data-filter="motCat"] > div > input {
  background-size: 100% 70px;
  background-color: white;
  background-blend-mode: luminosity;
  background-repeat: no-repeat;
}
#product-filter-form #filters-mobile-modal fieldset[data-filter="motCat"] > div > input {
  background-size: 100% 58px;
}

#product-filter-form fieldset[data-filter="motCat"] [type="checkbox"]:focus,
#product-filter-form fieldset[data-filter="motCat"] [type="checkbox"]:focus-visible,
#product-filter-form fieldset[data-filter="motCat"] [type="checkbox"]:checked,
#product-filter-form fieldset[data-filter="motCat"] [type="checkbox"]:hover {
  background-blend-mode: unset;
}

/* Test filters inline */

#product-filter-form .inline-filter fieldset:not(.hidden) {
  position: relative;
  pointer-events: auto;
  display: flex !important;
  visibility: visible;
  opacity: 1;
  z-index: 1;
  top: unset;
  touch-action: auto;
  -ms-touch-action: auto;
  left: unset;
  transform: unset;
  box-shadow: none;
  padding: 1px;
  border-radius: 0;
  max-width: unset;
  width: 100%;
  flex-wrap: nowrap;
  overscroll-behavior: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#product-filter-form .inline-filter .motCat-filter,
#product-filter-form .inline-filter fieldset:not(.hidden)[data-filter="motCat"] {
  max-width: fit-content !important;
}
#product-filter-form .inline-filter fieldset:not(.hidden) {
  padding: 5px 0;
}
#product-filter-form .inline-filter fieldset:not(.hidden) ::-webkit-scrollbar {
  display: none;
}
#product-filter-form .inline-filter fieldset[data-filter="type"] > div,
#product-filter-form .inline-filter fieldset[data-filter="motCat"] > div {
  width: 106px !important;
  height: 106px !important;
}
#product-filter-form .inline-filter fieldset[data-filter="type"] > div > input {
  background-size: 100% 34px;
}
#product-filter-form .inline-filter fieldset[data-filter="type"] > div > input,
#product-filter-form .inline-filter fieldset[data-filter="type"] > div > input:before,
#product-filter-form .inline-filter fieldset[data-filter="motCat"] > div > input,
#product-filter-form .inline-filter fieldset[data-filter="motCat"] > div:before {
  border-radius: 10px;
}
#product-filter-form .inline-filter fieldset:not(.hidden) .filter-categories {
  display: flex !important;
  float: none !important;
  flex-shrink: 0;
}
#product-filter-form .inline-filter fieldset:not(.hidden) .filter-close {
  display: none;
}

#product-filter-form .inline-filter .filter-label.btn-medium {
  opacity: 0;
  transition: opacity 295ms var(--bezier-nobounce);
  position: absolute;
  top: -3rem;
  padding: 0;
  border: none !important;
  pointer-events: none;
  background-color: white !important;
  color: var(--dark-grey-clr) !important;
  border-radius: 0;
  width: 100%;
  justify-content: flex-start;
}
#product-filter-form .inline-filter .filter-label.btn-medium.active {
  opacity: 1;
  pointer-events: auto;
}
#product-filter-form .inline-filter .filter-label.btn-medium:before {
  content: none;
}
#product-filter-form .inline-filter .filter-label:not(.no-arrow)::after {
  content: none;
}
.inline-filter .flex-direction-nav {
  z-index: 2;
  height: 100%;
}

.inline-filter .flex-direction-nav .flex-nav-prev a {
  padding: 0rem;
  background-image: linear-gradient(to left, rgb(255 255 255 / 0), white 40px);
}
.inline-filter .flex-direction-nav .flex-nav-next a {
  padding: 0rem;
  background-image: linear-gradient(to right, rgb(255 255 255 / 0), white 40px);
}

#product-filter-form .inline-filter .clear-inline-filter {
  display: flex;
}

/* Load more infinite loading */
#load-more[data-load-more-clicked="true"],
#load-more[data-load-more-clicked="true"] .btn-accent {
  cursor: wait;
}
#load-more .btn-accent {
  width: 300px;
}
#load-more h2 {
  font-weight: 700;
  font-size: 1rem;
}

/**
* Categories Pagination
*/
.loop-pagination {
  max-width: 100%;
}
.loop-pagination ul.page-numbers {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  border-radius: 50px;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
  border: var(--border);
}
.loop-pagination ul.page-numbers li > * {
  border-radius: 0;
  height: 56px;
  width: 56px;
  min-width: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loop-pagination ul.page-numbers li > .prev,
.loop-pagination ul.page-numbers li > .next {
  width: auto;
}
.loop-pagination ul.page-numbers .bg-icon:not(.bg-icon-text) {
  width: 42px;
  height: 42px;
  min-width: 42px;
}
.loop-pagination ul.page-numbers .bg-icon:not(.right-arrow):before {
  /* border-radius: 0; */
  border: 0;
}
.loop-pagination ul.page-numbers .right-arrow::after {
  position: relative;
  right: unset;
  margin: 0.25rem;
  background-position: center;
  display: flex;
}
.loop-pagination ul.page-numbers li:first-child > * {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
.loop-pagination ul.page-numbers li:last-child > * {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
.loop-pagination ul.page-numbers .page-numbers.current {
  cursor: default;
  pointer-events: none;
}
.loop-pagination ul.page-numbers .page-numbers.current .bg-icon {
  background-color: var(--very-light-grey-clr);
}
.loop-pagination ul.page-numbers .prev .bg-icon,
.loop-pagination ul.page-numbers .next .bg-icon {
  background: var(--ultra-light-grey-clr);
  line-height: 42px;
  height: 42px;
}
.loop-pagination ul.page-numbers .prev .bg-icon {
  padding-left: 0.5rem !important;
  margin-left: 0.5rem;
}
.loop-pagination ul.page-numbers .next .bg-icon {
  padding-right: 0.5rem !important;
  margin-right: 0.5rem;
}
.loop-pagination ul.page-numbers .page-numbers.dots {
  cursor: default;
  pointer-events: none;
  color: var(--light-grey-clr);
}

.mobile.paged .loop-pagination {
  width: 100%;
}

.mobile .loop-pagination ul.page-numbers {
  width: 100%;
  justify-content: space-between;
}

.mobile .loop-pagination ul.page-numbers .bg-icon-text {
  padding: 0 0.5rem !important;
}

.mobile.paged .loop-pagination ul.page-numbers li > *,
.mobile.paged .loop-pagination ul.page-numbers .page-numbers:not(.current) .bg-icon:not(.bg-icon-text) {
  min-width: unset;
  width: unset;
}

.mobile.paged .loop-pagination ul.page-numbers li:last-child .page-numbers.current {
  width: 56px;
  min-width: 56px;
}

/* Rating Specific */
.filter-label.active .star-rating::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24' focusable='false'%3E%3Cpath stroke='var(--text-white-clr, %23fafafa)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E ");
}
.filter-label.active .star-rating span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24' focusable='false'%3E%3Cpath fill='var(--text-white-clr, %23fafafa)' stroke='var(--text-white-clr, %23fafafa)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E ");
}
#filters-mobile-modal .filter-label .filter-label-text > .star-rating {
  margin-left: 0.5rem;
}

/* Colour Specific */
#product-filter-form fieldset[data-filter="colour"] {
  --grid-column-count: 6;
  --grid-item--min-width: 75px;
  min-width: 542px;
  grid-row-gap: 1.5rem;
  padding: var(--padding) 1rem;
}
#product-filter-form #filters-mobile-modal fieldset[data-filter="colour"] {
  min-width: unset;
}
.filter-colour-input_wrapper {
  min-width: 75px;
}
.filter-colour-input_wrapper label {
  line-height: 1rem;
}
.filter-colour-input_wrapper input:hover {
  transition: transform 295ms var(--bezier-nobounce);
}
.filter-colour-input_wrapper input:not(:checked):hover {
  transform: scale(1.05);
}
.filter-colour-input_wrapper input.bg-icon:before {
  background-image: none;
  background-color: rgba(255, 255, 255, 0.15);
}

.filter-colour-input_wrapper input.bg-icon:after {
  -webkit-transition: border-color 195ms var(--bezier-nobounce);
  transition: border-color 195ms var(--bezier-nobounce);
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  border-radius: 50%;
  border: 1px solid white;
  display: inline-block;
  margin: auto;
}
.filter-colour-input_wrapper input:not(:checked):hover:after {
  border: 1px solid var(--very-light-grey-clr);
}

.filter-colour-input_wrapper [type="checkbox"]:checked {
  box-shadow: 0 0 0 3px white, 0 0 0 4px var(--dark-grey-clr);
}
.filter-colour-input_wrapper [type="checkbox"]:checked:before {
  background-color: transparent;
  opacity: 1;
  -webkit-transform: scale(1) perspective(1px);
  transform: scale(1) perspective(1px);
}
#product-filter-form fieldset .filter-colour-input_wrapper > label {
  padding-left: 0;
  padding-top: 0.5rem;
  transition: opacity 195ms var(--bezier-nobounce);
}
.filter-colour-input_wrapper:hover > label {
  opacity: 0.7;
}

/* Filter label with icons specific */
.filter-label.active svg,
.mobile-product-filters.active svg {
  fill: var(--text-white-clr);
}

/* Seller filter select2 */
#seller-filter {
  margin-top: 1rem;
  width: 300px;
}
.seller-select2 {
  margin: 0.5rem 0;
}

.seller-select2 .select2.select2-container {
  position: relative !important;
  top: 0px !important;
  left: 0px !important;
}

.seller-select2 .select2-container,
.seller-select2 .select2-container .select2-dropdown--below {
  position: relative !important;
  top: 0px !important;
  left: 0px !important;
}

.seller-select2 .select2-selection__clear {
  font-size: 20px;
  color: var(--accent-clr);
  line-height: 23px;
  font-weight: 700;
}

.seller-select2 .select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 1rem;
}

/* Filters + Tippy interaction */
#product-filter-form .tippy-content {
  white-space: nowrap;
}

/* Filter loading animation */
.product-filter__spinner {
  position: absolute;
  z-index: 10;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 5rem;
}

/* Mobile filters */
#product-filter-form #filters-mobile-modal {
  flex-direction: column;
  align-items: flex-start;
}

#product-filter-form #filters-mobile-modal fieldset {
  position: relative;
  opacity: unset;
  visibility: visible;
  transform: translateY(0px) scale(1) perspective(1px);
  box-shadow: none;
  border-radius: 0;
  padding: 0.5rem 0rem;
  top: 0;
  transform: none;
  pointer-events: auto;
  margin-bottom: 1rem;
  margin-left: 1rem;
  width: calc(100% - 2rem);
  touch-action: auto;
  -ms-touch-action: auto;
}
#product-filter-form #filters-mobile-modal fieldset[data-filter="seller"] {
  margin-left: calc(1rem + 5px);
  margin-right: calc(1rem + 5px);
  width: calc(100% - 2rem - 10px);
}

#product-filter-form body.desktop #filters-mobile-modal .filter-label {
  pointer-events: none;
  margin: 0 1rem;
}

#product-filter-form #filters-mobile-modal .filter-label:not(.active)::after {
  content: none;
}

#filters-mobile-modal #seller-filter {
  width: 100%;
  margin-top: 0;
}

#filters-mobile-modal .desktop-only {
  display: none;
}

@media screen and (max-width: 1450px) {
  body.desktop .rating-filter {
    display: none;
  }
}

@media screen and (max-width: 37.5rem) {
  #load-more {
    width: 100%;
  }

  /**
	* Not super necesary but help in desktop to mobile transition if a user does it
	*/
  body:not(.mobile) #product-filter-form {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
    white-space: nowrap;
  }

  #product-filter-form::-webkit-scrollbar {
    display: none; /* Safari and Chrome */
    width: 0; /* Remove scrollbar space */
    height: 0; /* Remove scrollbar space */
    background: transparent; /* Optional: just make scrollbar invisible */
  }

  #content > #product-filter-form > div.relative.mb-margin-center {
    margin-right: 0.8rem;
  }
}
