@charset "UTF-8";
@import url("../fonts/fonts.css");
:root {
  --black-100: #000000;
  --black-90: #232323;
  --black-80: #383838;
  --black-70: #4b4b4b;
  --black-60: #979797;
  --black-40: #d8d8d8;
  --black-20: #f2f2f2;
  --black-10: #f6f6f6;
  --black-white: #ffffff;
  --color-blue-for-dark: #009ff4;
  --color-blue-for-light: #0192df;
  --color-red-for-dark: #ff6565;
  --color-red-for-light: #c63939;
  --color-green-for-dark: #00d83a;
  --color-green-for-light: #048000;
  --logo-filter: brightness(100) grayscale(100%);
  --font-family-primary: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
}

body[data-theme=light] {
  --black-100: #ffffff;
  --black-90: #ffffff;
  --black-80: #f6f6f6;
  --black-70: #f2f2f2;
  --black-60: #d8d8d8;
  --black-40: #979797;
  --black-20: #4b4b4b;
  --black-10: #383838;
  --black-white: #383838;
  --color-blue-for-dark: #0192df;
  --color-blue-for-light: #009ff4;
  --color-red-for-dark: #c63939;
  --color-red-for-light: #ff6565;
  --color-green-for-dark: #048000;
  --color-green-for-light: #00d83a;
  --logo-filter: brightness(1) grayscale(0%);
}

body[data-lang=ZHTW] {
  --font-family-primary: "Noto Sans TC", "Noto Sans SC", "Roboto", -apple-system, BlinkMacSystemFont, "PingFang SC", "PingFang TC", "Microsoft YaHei", "微軟雅黑", "Microsoft JhengHei", "微軟正黑體", "Hiragino Sans GB", sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 600;
  --font-weight-bold: 700;
}

body[data-lang=ZHCN] {
  --font-family-primary: "Noto Sans SC", "Noto Sans TC", "Roboto", -apple-system, BlinkMacSystemFont, "PingFang SC", "PingFang TC", "Microsoft YaHei", "微軟雅黑", "Microsoft JhengHei", "微軟正黑體", "Hiragino Sans GB", sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 600;
  --font-weight-bold: 700;
}

body {
  font-family: var(--font-family-primary);
}

body {
  background-color: var(--black-90);
}

main {
  padding-top: 112px;
  padding-bottom: 64px;
}
main .filter-container {
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: 300px auto;
  gap: 16px;
}
main .filter-container .filter-blank {
  display: flex;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
  gap: 8px;
}
main .filter-container .filter-blank {
  font-size: 16px;
  font-weight: var(--font-weight-bold);
  line-height: 140%;
  letter-spacing: 0.5px;
}
main .filter-container .filter-blank::before {
  content: "";
  margin-top: 2px;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3csvg%20width%3d%2224%22%20height%3d%2224%22%20viewBox%3d%220%200%2024%2024%22%20fill%3d%22%23ffffff%22%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%3e%0a%3cpath%20d%3d%22M17.75%2020.25C16.7%2020.25%2015.8125%2019.8875%2015.0875%2019.1625C14.3625%2018.4375%2014%2017.55%2014%2016.5C14%2015.45%2014.3625%2014.5625%2015.0875%2013.8375C15.8125%2013.1125%2016.7%2012.75%2017.75%2012.75C18.8%2012.75%2019.6875%2013.1125%2020.4125%2013.8375C21.1375%2014.5625%2021.5%2015.45%2021.5%2016.5C21.5%2017.55%2021.1375%2018.4375%2020.4125%2019.1625C19.6875%2019.8875%2018.8%2020.25%2017.75%2020.25ZM17.75%2018.25C18.2333%2018.25%2018.6458%2018.0792%2018.9875%2017.7375C19.3292%2017.3958%2019.5%2016.9833%2019.5%2016.5C19.5%2016.0167%2019.3292%2015.6042%2018.9875%2015.2625C18.6458%2014.9208%2018.2333%2014.75%2017.75%2014.75C17.2667%2014.75%2016.8542%2014.9208%2016.5125%2015.2625C16.1708%2015.6042%2016%2016.0167%2016%2016.5C16%2016.9833%2016.1708%2017.3958%2016.5125%2017.7375C16.8542%2018.0792%2017.2667%2018.25%2017.75%2018.25ZM11%2017.5H5C4.71667%2017.5%204.47917%2017.4042%204.2875%2017.2125C4.09583%2017.0208%204%2016.7833%204%2016.5C4%2016.2167%204.09583%2015.9792%204.2875%2015.7875C4.47917%2015.5958%204.71667%2015.5%205%2015.5H11C11.2833%2015.5%2011.5208%2015.5958%2011.7125%2015.7875C11.9042%2015.9792%2012%2016.2167%2012%2016.5C12%2016.7833%2011.9042%2017.0208%2011.7125%2017.2125C11.5208%2017.4042%2011.2833%2017.5%2011%2017.5ZM6.25%2011.25C5.2%2011.25%204.3125%2010.8875%203.5875%2010.1625C2.8625%209.4375%202.5%208.55%202.5%207.5C2.5%206.45%202.8625%205.5625%203.5875%204.8375C4.3125%204.1125%205.2%203.75%206.25%203.75C7.3%203.75%208.1875%204.1125%208.9125%204.8375C9.6375%205.5625%2010%206.45%2010%207.5C10%208.55%209.6375%209.4375%208.9125%2010.1625C8.1875%2010.8875%207.3%2011.25%206.25%2011.25ZM6.25%209.25C6.73333%209.25%207.14583%209.07917%207.4875%208.7375C7.82917%208.39583%208%207.98333%208%207.5C8%207.01667%207.82917%206.60417%207.4875%206.2625C7.14583%205.92083%206.73333%205.75%206.25%205.75C5.76667%205.75%205.35417%205.92083%205.0125%206.2625C4.67083%206.60417%204.5%207.01667%204.5%207.5C4.5%207.98333%204.67083%208.39583%205.0125%208.7375C5.35417%209.07917%205.76667%209.25%206.25%209.25ZM19%208.5H13C12.7167%208.5%2012.4792%208.40417%2012.2875%208.2125C12.0958%208.02083%2012%207.78333%2012%207.5C12%207.21667%2012.0958%206.97917%2012.2875%206.7875C12.4792%206.59583%2012.7167%206.5%2013%206.5H19C19.2833%206.5%2019.5208%206.59583%2019.7125%206.7875C19.9042%206.97917%2020%207.21667%2020%207.5C20%207.78333%2019.9042%208.02083%2019.7125%208.2125C19.5208%208.40417%2019.2833%208.5%2019%208.5Z%22%20fill%3d%22%23ffffff%22%2f%3e%0a%3c%2fsvg%3e%0a") !important;
}
main .filter-container .filter-bar {
  display: flex;
  align-items: self-start;
  gap: 16px;
  flex-wrap: wrap;
  padding: 0 0 12px;
  min-height: 48px;
  margin-bottom: 16px;
  width: 100%;
}
main .filter-container .filter-bar > * {
  margin-left: 0;
  margin-right: 0;
}
main .filter-container .filter-bar .filter-toggle-btn {
  display: none;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background-color: var(--color-blue-for-dark);
  color: var(--black-white);
  border: none;
  border-radius: 6px;
  cursor: pointer;
}
main .filter-container .filter-bar .filter-toggle-btn {
  font-size: 16px;
  font-weight: var(--font-weight-bold);
  line-height: 140%;
  letter-spacing: 0.5px;
}
main .filter-container .filter-bar .filter-toggle-btn.active {
  background-color: transparent;
}
main .filter-container .filter-bar .filter-toggle-btn::before {
  content: "";
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3csvg%20width%3d%2224%22%20height%3d%2224%22%20viewBox%3d%220%200%2024%2024%22%20fill%3d%22%23ffffff%22%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%3e%0a%3cpath%20d%3d%22M17.75%2020.25C16.7%2020.25%2015.8125%2019.8875%2015.0875%2019.1625C14.3625%2018.4375%2014%2017.55%2014%2016.5C14%2015.45%2014.3625%2014.5625%2015.0875%2013.8375C15.8125%2013.1125%2016.7%2012.75%2017.75%2012.75C18.8%2012.75%2019.6875%2013.1125%2020.4125%2013.8375C21.1375%2014.5625%2021.5%2015.45%2021.5%2016.5C21.5%2017.55%2021.1375%2018.4375%2020.4125%2019.1625C19.6875%2019.8875%2018.8%2020.25%2017.75%2020.25ZM17.75%2018.25C18.2333%2018.25%2018.6458%2018.0792%2018.9875%2017.7375C19.3292%2017.3958%2019.5%2016.9833%2019.5%2016.5C19.5%2016.0167%2019.3292%2015.6042%2018.9875%2015.2625C18.6458%2014.9208%2018.2333%2014.75%2017.75%2014.75C17.2667%2014.75%2016.8542%2014.9208%2016.5125%2015.2625C16.1708%2015.6042%2016%2016.0167%2016%2016.5C16%2016.9833%2016.1708%2017.3958%2016.5125%2017.7375C16.8542%2018.0792%2017.2667%2018.25%2017.75%2018.25ZM11%2017.5H5C4.71667%2017.5%204.47917%2017.4042%204.2875%2017.2125C4.09583%2017.0208%204%2016.7833%204%2016.5C4%2016.2167%204.09583%2015.9792%204.2875%2015.7875C4.47917%2015.5958%204.71667%2015.5%205%2015.5H11C11.2833%2015.5%2011.5208%2015.5958%2011.7125%2015.7875C11.9042%2015.9792%2012%2016.2167%2012%2016.5C12%2016.7833%2011.9042%2017.0208%2011.7125%2017.2125C11.5208%2017.4042%2011.2833%2017.5%2011%2017.5ZM6.25%2011.25C5.2%2011.25%204.3125%2010.8875%203.5875%2010.1625C2.8625%209.4375%202.5%208.55%202.5%207.5C2.5%206.45%202.8625%205.5625%203.5875%204.8375C4.3125%204.1125%205.2%203.75%206.25%203.75C7.3%203.75%208.1875%204.1125%208.9125%204.8375C9.6375%205.5625%2010%206.45%2010%207.5C10%208.55%209.6375%209.4375%208.9125%2010.1625C8.1875%2010.8875%207.3%2011.25%206.25%2011.25ZM6.25%209.25C6.73333%209.25%207.14583%209.07917%207.4875%208.7375C7.82917%208.39583%208%207.98333%208%207.5C8%207.01667%207.82917%206.60417%207.4875%206.2625C7.14583%205.92083%206.73333%205.75%206.25%205.75C5.76667%205.75%205.35417%205.92083%205.0125%206.2625C4.67083%206.60417%204.5%207.01667%204.5%207.5C4.5%207.98333%204.67083%208.39583%205.0125%208.7375C5.35417%209.07917%205.76667%209.25%206.25%209.25ZM19%208.5H13C12.7167%208.5%2012.4792%208.40417%2012.2875%208.2125C12.0958%208.02083%2012%207.78333%2012%207.5C12%207.21667%2012.0958%206.97917%2012.2875%206.7875C12.4792%206.59583%2012.7167%206.5%2013%206.5H19C19.2833%206.5%2019.5208%206.59583%2019.7125%206.7875C19.9042%206.97917%2020%207.21667%2020%207.5C20%207.78333%2019.9042%208.02083%2019.7125%208.2125C19.5208%208.40417%2019.2833%208.5%2019%208.5Z%22%20fill%3d%22%23ffffff%22%2f%3e%0a%3c%2fsvg%3e%0a") !important;
}
main .filter-container .filter-bar .selected-filters {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
main .filter-container .filter-bar .selected-filters .filter-tag {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 16px 8px 24px;
  background-color: var(--black-70);
  color: var(--black-white);
  border-radius: 100rem;
  margin-left: 0;
  margin-right: 0;
}
main .filter-container .filter-bar .selected-filters .filter-tag {
  font-size: 14px;
  font-weight: var(--font-weight-medium);
  line-height: 140%;
  letter-spacing: 0.5px;
}
main .filter-container .filter-bar .selected-filters .filter-tag .remove-filter {
  width: 14px;
  height: 14px;
  cursor: pointer;
  position: relative;
}
main .filter-container .filter-bar .selected-filters .filter-tag .remove-filter::before, main .filter-container .filter-bar .selected-filters .filter-tag .remove-filter::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 1px;
  background-color: var(--black-white);
  transform: translate(-50%, -50%) rotate(45deg);
}
main .filter-container .filter-bar .selected-filters .filter-tag .remove-filter::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
main .filter-container .filter-bar .clear-all-btn {
  padding: 6px 12px;
  background-color: transparent;
  color: var(--black-white);
  border: 2px solid var(--black-40);
  border-radius: 100rem;
  cursor: pointer;
}
main .filter-container .filter-bar .clear-all-btn {
  font-size: 14px;
  font-weight: var(--font-weight-medium);
  line-height: 140%;
  letter-spacing: 0.5px;
}
main .filter-container .filter-sidebar {
  width: 100%;
}
main .filter-container .filter-sidebar #show-result-btn {
  display: none;
  width: 100%;
  background-color: var(--color-blue-for-dark);
  text-align: center;
  color: var(--black-white);
  padding: 16px 0;
}
main .filter-container .filter-sidebar #show-result-btn {
  font-size: 18px;
  font-weight: var(--font-weight-bold);
  line-height: 140%;
  letter-spacing: 0.5px;
}
@media (max-width: 720px) {
  main .filter-container .filter-sidebar #show-result-btn {
    font-size: 16px;
  }
}
main .filter-container .filter-sidebar .filter-group {
  border-bottom: 1px solid var(--black-40);
  padding-bottom: 0.5em;
  margin-bottom: 1em;
}
main .filter-container .filter-sidebar .filter-group .filter-group-title {
  margin-bottom: 1em;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3csvg%20width%3d%2224%22%20height%3d%2224%22%20viewBox%3d%220%200%2024%2024%22%20fill%3d%22%23ffffff%22%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%3e%0a%3cpath%20d%3d%22M12%209.46251L4.71251%2016.75C4.47918%2016.9833%204.2021%2017.0979%203.88126%2017.0938C3.56043%2017.0896%203.28335%2016.9708%203.05001%2016.7375C2.81668%2016.5042%202.70001%2016.2271%202.70001%2015.9063C2.70001%2015.5854%202.81668%2015.3083%203.05001%2015.075L10.675%207.46251C10.8667%207.27085%2011.075%207.13126%2011.3%207.04376C11.525%206.95626%2011.7583%206.91251%2012%206.91251C12.2417%206.91251%2012.475%206.95626%2012.7%207.04376C12.925%207.13126%2013.1333%207.27085%2013.325%207.46251L20.95%2015.0875C21.1833%2015.3208%2021.2979%2015.5958%2021.2938%2015.9125C21.2896%2016.2292%2021.1708%2016.5042%2020.9375%2016.7375C20.7042%2016.9708%2020.4271%2017.0875%2020.1063%2017.0875C19.7854%2017.0875%2019.5083%2016.9708%2019.275%2016.7375L12%209.46251Z%22%20fill%3d%22%23ffffff%22%2f%3e%0a%3c%2fsvg%3e%0a") !important;
}
main .filter-container .filter-sidebar .filter-group .filter-group-title {
  font-size: 16px;
  font-weight: var(--font-weight-bold);
  line-height: 140%;
  letter-spacing: 0.5px;
}
main .filter-container .filter-sidebar .filter-group .filter-group-title.active {
  background-image: url("data:image/svg+xml,%3csvg%20width%3d%2224%22%20height%3d%2224%22%20viewBox%3d%220%200%2024%2024%22%20fill%3d%22%23ffffff%22%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%3e%0a%3cpath%20d%3d%22M12%2014.55L19.2875%207.26248C19.5208%207.02914%2019.7958%206.91456%2020.1125%206.91873C20.4291%206.92289%2020.7041%207.04164%2020.9375%207.27498C21.1708%207.50831%2021.2875%207.78331%2021.2875%208.09998C21.2875%208.41664%2021.1708%208.69164%2020.9375%208.92498L13.325%2016.55C13.1333%2016.7416%2012.925%2016.8812%2012.7%2016.9687C12.475%2017.0562%2012.2416%2017.1%2012%2017.1C11.7583%2017.1%2011.525%2017.0562%2011.3%2016.9687C11.075%2016.8812%2010.8666%2016.7416%2010.675%2016.55L3.04998%208.92498C2.81664%208.69164%202.70206%208.41456%202.70623%208.09373C2.71039%207.77289%202.82914%207.49581%203.06248%207.26248C3.29581%207.02914%203.57081%206.91248%203.88748%206.91248C4.20414%206.91248%204.47914%207.02914%204.71248%207.26248L12%2014.55Z%22%20fill%3d%22%23ffffff%22%2f%3e%0a%3c%2fsvg%3e%0a") !important;
}
main .filter-container .filter-sidebar .filter-group .filter-options {
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
main .filter-container .filter-sidebar .filter-group .filter-options label {
  display: block;
  width: 100%;
  margin-bottom: 0.5em;
}
main .filter-container .filter-sidebar .filter-group .filter-options label {
  font-size: 16px;
  font-weight: var(--font-weight-medium);
  line-height: 140%;
  letter-spacing: 0.5px;
}
main .filter-container .filter-sidebar .filter-group .filter-options label.filter-option.disabled {
  opacity: 0.66;
}
main .filter-container .filter-sidebar .filter-group .filter-options.config-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
main .filter-container .filter-sidebar .filter-group .filter-group-title.active + .filter-options {
  max-height: 1000px;
}
main .filter-container .filter-content {
  width: 100%;
}
main .filter-container .filter-content ul.products-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  padding: 0;
  list-style: none;
}
main .filter-container .filter-content ul.products-grid li {
  display: inline-block;
  position: relative;
  width: 0;
  height: 0;
  margin: 0;
  padding: 3% 5%;
  overflow: hidden;
  text-align: center;
  align-content: center;
  border-radius: 10px;
  width: 100%;
  height: auto;
  background-size: 0% 0%;
  background-repeat: no-repeat;
  background-position: center;
}
main .filter-container .filter-content ul.products-grid li {
  font-size: 16px;
  font-weight: var(--font-weight-medium);
  line-height: 140%;
  letter-spacing: 0.5px;
}
main .filter-container .filter-content ul.products-grid li::before, main .filter-container .filter-content ul.products-grid li::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main .filter-container .filter-content ul.products-grid li::before {
  background-color: var(--black-70);
  z-index: -2;
}
main .filter-container .filter-content ul.products-grid li::after {
  background: inherit;
  background-size: 100% 100%;
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: -1;
}
main .filter-container .filter-content ul.products-grid li:hover, main .filter-container .filter-content ul.products-grid li:active {
  color: var(--black-80);
}
main .filter-container .filter-content ul.products-grid li:hover .menu-item-img img:nth-child(1), main .filter-container .filter-content ul.products-grid li:active .menu-item-img img:nth-child(1) {
  opacity: 0;
}
main .filter-container .filter-content ul.products-grid li:hover .menu-item-img img:nth-child(2), main .filter-container .filter-content ul.products-grid li:active .menu-item-img img:nth-child(2) {
  opacity: 1;
}
main .filter-container .filter-content ul.products-grid li:hover:after, main .filter-container .filter-content ul.products-grid li:active:after {
  opacity: 1;
}
main .filter-container .filter-content ul.products-grid li:active .menu-item-txt .menu-item-title {
  color: var(--color-blue-for-dark);
}
main .filter-container .filter-content ul.products-grid li:active .menu-item-txt .product-description {
  color: var(--black-white);
}
main .filter-container .filter-content ul.products-grid li .menu-item-img {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1/1;
}
main .filter-container .filter-content ul.products-grid li .menu-item-img img {
  margin: 0 auto;
  width: 100%;
  transition: opacity 1s cubic-bezier(0.4, 0, 0.2, 1);
}
main .filter-container .filter-content ul.products-grid li .menu-item-img img:nth-child(1) {
  opacity: 1;
}
main .filter-container .filter-content ul.products-grid li .menu-item-img img:nth-child(2) {
  opacity: 0;
  transform: translateY(-100%);
  margin-bottom: -100%;
}
main .filter-container .filter-content ul.products-grid li .menu-item-txt {
  text-align: center;
  position: relative;
}
main .filter-container .filter-content ul.products-grid li .menu-item-txt .menu-item-title {
  margin: 0.5em auto;
}
main .filter-container .filter-content ul.products-grid li .menu-item-txt .menu-item-title {
  font-size: 18px;
  font-weight: var(--font-weight-bold);
  line-height: 140%;
  letter-spacing: 0.5px;
}
@media (max-width: 720px) {
  main .filter-container .filter-content ul.products-grid li .menu-item-txt .menu-item-title {
    font-size: 16px;
  }
}
main .filter-container .filter-content ul.products-grid li .menu-item-txt .product-description {
  padding-bottom: 1em;
}
main .filter-container .filter-content ul.products-grid li .menu-item-txt .product-description {
  font-size: 16px;
  font-weight: var(--font-weight-medium);
  line-height: 140%;
  letter-spacing: 0.5px;
}
@media screen and (max-width: 1180px) {
  main {
    padding-top: 24px;
  }
  main .filter-container {
    grid-template-columns: 1fr;
    position: relative;
  }
  main .filter-container .filter-blank {
    display: none;
  }
  main .filter-container .filter-bar .filter-toggle-btn {
    display: flex;
  }
  main .filter-container .filter-sidebar {
    margin-top: -16px;
    display: none;
    border-radius: 8px;
    padding: 48px 16px 16px;
    position: relative;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.66);
  }
  main .filter-container .filter-sidebar #show-result-btn {
    display: block;
  }
  main .filter-container .filter-sidebar #filter-sidebar-close {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 12px;
    right: 13px;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3csvg%20width%3d%2224%22%20height%3d%2224%22%20viewBox%3d%220%200%2024%2024%22%20fill%3d%22%23ffffff%22%20xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22%3e%0a%3cpath%20d%3d%22M12%2013.4L7.09999%2018.3C6.91665%2018.4833%206.68332%2018.575%206.39999%2018.575C6.11665%2018.575%205.88332%2018.4833%205.69999%2018.3C5.51665%2018.1167%205.42499%2017.8833%205.42499%2017.6C5.42499%2017.3167%205.51665%2017.0833%205.69999%2016.9L10.6%2012L5.69999%207.09999C5.51665%206.91665%205.42499%206.68332%205.42499%206.39999C5.42499%206.11665%205.51665%205.88332%205.69999%205.69999C5.88332%205.51665%206.11665%205.42499%206.39999%205.42499C6.68332%205.42499%206.91665%205.51665%207.09999%205.69999L12%2010.6L16.9%205.69999C17.0833%205.51665%2017.3167%205.42499%2017.6%205.42499C17.8833%205.42499%2018.1167%205.51665%2018.3%205.69999C18.4833%205.88332%2018.575%206.11665%2018.575%206.39999C18.575%206.68332%2018.4833%206.91665%2018.3%207.09999L13.4%2012L18.3%2016.9C18.4833%2017.0833%2018.575%2017.3167%2018.575%2017.6C18.575%2017.8833%2018.4833%2018.1167%2018.3%2018.3C18.1167%2018.4833%2017.8833%2018.575%2017.6%2018.575C17.3167%2018.575%2017.0833%2018.4833%2016.9%2018.3L12%2013.4Z%22%20fill%3d%22%23ffffff%22%2f%3e%0a%3c%2fsvg%3e%0a") !important;
  }
  main .filter-container .filter-sidebar.mobile-filter-open {
    display: block;
  }
  main .filter-container .filter-sidebar.mobile-filter-open ~ .filter-content {
    display: none;
  }
  main .filter-container .filter-sidebar .filter-group .filter-options label {
    color: var(--black-20);
  }
  main .filter-container .filter-sidebar .filter-group .filter-options.config-options {
    display: flex;
    flex-wrap: wrap;
  }
  main .filter-container .filter-sidebar .filter-group .filter-options.config-options label {
    width: 144px;
    margin-left: 0;
    margin-right: 12px;
  }
  main .filter-container .filter-sidebar .filter-group .filter-options.config-options label.blank {
    display: none;
  }
  main .filter-container .filter-sidebar .filter-group .filter-options.config-options label:nth-child(odd) {
    order: 1;
  }
  main .filter-container .filter-sidebar .filter-group .filter-options.config-options label:nth-child(even) {
    order: 2;
  }
  main .filter-container .filter-content ul.products-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 720px) {
  main .filter-container .filter-blank {
    display: none;
  }
  main .filter-container .filter-bar {
    padding: 8px 12px;
    display: block;
  }
  main .filter-container .filter-bar .selected-filters {
    padding: 8px 0;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    gap: 0;
  }
  main .filter-container .filter-bar .selected-filters .filter-tag {
    align-self: flex-start;
    margin-left: 0;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  main .filter-container .filter-bar .clear-all-btn {
    display: inline-block;
  }
  main .filter-container .filter-content ul.products-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

@media screen and (max-width: 1180px) {
  body {
    background-color: var(--black-90);
  }
}/*# sourceMappingURL=filter_v2025.css.map */