<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/** Shopify CDN: Minification failed

Line 149:23 Expected "]" to go with "["
Line 149:41 Unexpected "]"
Line 178:12 Expected "]" to go with "["
Line 178:23 Unexpected "]"
Line 198:36 Expected "]" to go with "["
Line 198:54 Unexpected "]"
Line 215:12 Expected "]" to go with "["
Line 215:23 Unexpected "]"
Line 251:12 Expected "]" to go with "["
Line 251:23 Unexpected "]"

**/
/* JellyWall overrides */
.algolia-search-input-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  position: relative;
}
#algolia-search-input {
  height: 40px;
  border: 1px solid;
  padding-left: 10px;
  padding-right: 10px;
  background: #F5F5F5;
  border-radius: 8px;
  border-width: 0.5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.aa-Form[focus-within] {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-box-shadow: initial !important;
          box-shadow: initial !important;
}
.aa-Form[focus-within] {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-box-shadow: initial !important;
          box-shadow: initial !important;
}
.aa-Form[focus-within] {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-box-shadow: initial !important;
          box-shadow: initial !important;
}
.aa-Form:focus-within {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-box-shadow: initial !important;
          box-shadow: initial !important;
}
.aa-DetachedOverlay {
  background-color: rgba(0, 0, 0, 0.5);
}
.aa-DetachedOverlay .aa-DetachedContainer {
  top: 21px;
  border-top-left-radius: 31px;
  border-top-right-radius: 31px;
}
.aa-DetachedContainer .aa-Source[data-autocomplete-source-id=querySuggestionsPlugin] .aa-List {
  gap: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.aa-DetachedContainer .aa-Source[data-autocomplete-source-id=querySuggestionsPlugin] .aa-List .aa-Item {
  padding: 6px 8px;
  background-color: #F3F4F8;
  color: #252525;
  font-size: 0.875rem;
  text-transform: capitalize;
}
.aa-DetachedContainer .aa-List .aa-Item {
  min-height: 0;
  color: #252525;
  font-size: 0.875rem;
}
.aa-DetachedContainer .aa-PanelSection--left {
  margin-top: 0;
}
.aa-DetachedContainer .aa-PanelLayout {
  padding-left: 1rem;
}
.aa-DetachedContainer .aa-SourceHeaderTitle {
  font-size: 0.875rem;
}
.aa-DetachedContainer .aa-dynamicHeader {
  font-size: 0.875rem;
}
.aa-Label .aa-SubmitButton {
  padding-left: 0.9rem;
}
.aa-DetachedContainer .aa-nosearch {
  padding: 0;
  margin-top: 16px;
}
.aa-ItemContentTitle {
  margin: 0;
}
.aa-DetachedContainer #trending-searches {
  width: 95%;
}
.aa-DetachedContainer #trending-searches .flex.gap-4 {
  padding-right: 1rem;
}
.aa-DetachedContainer #popular-collections .mb-4 {
  width: 95%;
}
.aa-DetachedContainer .ruk_rating_snippet {
  font-size: 16px;
}
.ais-Hits-item .ruk_rating_snippet {
  color: rgb(37, 37, 37);
  font-size: 16px;
}
.ais-Hits-item .badge__container {
  padding: 0.4rem 0.6rem !important;
  font-size: 0.6875rem !important;
}
.ais-page .ais-Hits-item span.badge {
  padding: 0 !important;
}
.aa-NoResultsHeader {
  color: rgb(37, 37, 37) !important;
  font-size: 1em !important;
}
.aa-DetachedContainer .container {
  max-width: none;
  max-width: initial;
  margin: 0 1rem;
}
.aa-DetachedContainer .mt-10 {
  margin-top: 1.5rem;
}
.aa-DetachedContainer .aa-Source[data-autocomplete-source-id=products] .aa-ItemContentTitleWrapper {
  height: auto;
}
.aa-PanelLayout[\:has\(.aa-PanelSection\)] {
  --aa-panel-max-height: calc(100vh - 160px);
}
.aa-PanelLayout:has(.aa-PanelSection) {
  --aa-panel-max-height: calc(100vh - 160px);
}
.aa-Panel .aa-Source[data-autocomplete-source-id=products] .aa-ItemContentTitle {
  color: rgb(37, 37, 37);
  font-size: 14px;
  white-space: wrap;
}
.aa-Panel {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-box-shadow: initial !important;
          box-shadow: initial !important;
}
.aa-Panel {
  background: #ffffff;
  border: medium none currentColor;
  border: initial;
}
.algolia-search-close-button {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  width: 30px;
  height: 30px;
}
body[\:has\(.aa-Panel\)] .algolia-search-close-button {
  opacity: 1;
  visibility: visible;
  z-index: 0;
}
body:has(.aa-Panel) .algolia-search-close-button {
  opacity: 1;
  visibility: visible;
  z-index: 0;
}
.algolia-autocomplete-search {
  display: none;
  width: 250px;
  height: 40px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border: 1px solid #E7E7E7;
  border-radius: 32px;
  border-width: 0.5px;
}
.algolia-autocomplete-search[\:has\(.aa-Autocomplete\)] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.algolia-autocomplete-search:has(.aa-Autocomplete) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.algolia-search-input-wrapper .aa-Input {
  width: 100%;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  background-color: transparent;
}
body[\:has\(.aa-Panel\)] .algolia-autocomplete-search {
  width: 300px;
}
body:has(.aa-Panel) .algolia-autocomplete-search {
  width: 300px;
}
.aa-InputWrapper .aa-Input {
  padding-left: 0;
  padding-right: 0;
  font-weight: bold;
  font-size: 12px;
  color: black;
}
.aa-InputWrapper .aa-Input::-webkit-input-placeholder {
  color: black;
}
.aa-InputWrapper .aa-Input::-moz-placeholder {
  color: black;
}
.aa-InputWrapper .aa-Input:-ms-input-placeholder {
  color: black;
}
.aa-InputWrapper .aa-Input::-ms-input-placeholder {
  color: black;
}
.aa-InputWrapper .aa-Input::placeholder {
  color: black;
}
.aa-InputWrapperPrefix {
  display: none;
}
@media (max-width: 680px) {
  .algolia-search-input-wrapper {
    display: none;
  }
}
html[\:has\(.aa-Panel\)] {
  overflow: hidden;
}
html:has(.aa-Panel) {
  overflow: hidden;
}
body .aa-Panel {
  left: 0 !important;
  right: 0 !important;
  border: medium none currentColor !important;
  border: initial !important;
}
body .aa-Panel {
  width: 100vw;
  height: 100vh;
  margin-top: 8px;
  padding-top: 20px;
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}
@media (min-width: 48rem) {
  body .aa-Panel {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 64rem) {
  body .aa-Panel {
    padding-left: 4.375rem;
    padding-right: 4.375rem;
  }
}
@media (min-width: 1280px) {
  body .aa-Panel {
    margin-top: 19px;
  }
}
.aa-Autocomplete .aa-Form {
  border: medium none currentColor;
  border: initial;
  border-color: #E7E7E7;
  height: 38px;
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
  background: initial;
}
.no-reesult-carousel {
  display: none;
}
.show-algolia-recommendation-slider .no-reesult-carousel {
  display: block;
}
.aa-PanelLayout {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media (min-width: 23.4375rem) {
  .aa-PanelLayout {
    max-width: 23.4375rem;
  }
}
@media (min-width: 30rem) {
  .aa-PanelLayout {
    max-width: 30rem;
  }
}
@media (min-width: 48rem) {
  .aa-PanelLayout {
    max-width: 48rem;
  }
}
@media (min-width: 64rem) {
  .aa-PanelLayout {
    max-width: 64rem;
  }
}
@media (min-width: 80rem) {
  .aa-PanelLayout {
    max-width: 80rem;
  }
}
@media (min-width: 90rem) {
  .aa-PanelLayout {
    max-width: 90rem;
  }
}
@media (min-width: 120rem) {
  .aa-PanelLayout {
    max-width: 120rem;
  }
}
.aa-PanelLayout {
  margin-left: auto;
  margin-right: auto;
}
.aa-DetachedContainer .aa-PanelLayout {
  max-width: none;
  max-width: initial;
  margin: 0 1rem;
}
.aa-PanelLayout {
  max-width: none;
}
@media (min-width: 681px) {
  .aa-PanelLayout {
    padding: 0 !important;
  }
}
.aa-Panel .aa-ItemContentTitle {
  white-space: normal;
}
@media (max-width: 1300px) {
  .algolia-autocomplete-search {
    max-width: 250px;
  }
}
@media (max-width: 1200) {
  .algolia-autocomplete-search {
    max-width: 230px;
  }
}
@media (max-width: 1200px) {
  .algolia-autocomplete-search {
    max-width: 170px;
  }
}
@media (min-width: 681px) {
  .aloglia-search-modal-trigger {
    display: none;
  }
}
.ruk_rating_review-label {
  font-size: 12px !important;
}
.ruk_rating_review-label {
  text-transform: capitalize;
}
@media (max-width: 680px) {
  .ruk_rating_review-label {
    display: none;
  }
  .aa-DetachedContainer .aa-PanelLayout {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .aa-DetachedContainer .aa-PanelLayout {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  body .aa-Panel {
    --header-height: 0;
  }
}
.algolia-search-input-wrapper .icon-search {
  position: absolute;
  right: 9px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.algolia-autocomplete-search-wrapper {
  width: 100%;
}
.algolia-search-input-wrapper .aa-MainContainer {
  min-width: 0;
  min-width: initial;
  width: 100%;
}
.card .media, .card__media {
  position: relative !important;
}
.card__heading a:after {
  z-index: -1 !important;
}
.algolia-related-products {
  max-width: 100% !important;
}
.algolia-related-products {
  --duration-long: 0.5s;
}
.algolia-related-products .alg-recommend-title {
  font-size: 1.4375rem;
  line-height: 1.3;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 15px;
  color: rgb(37, 37, 37);
  font-weight: 700;
}
.algolia-related-products .uic-HorizontalSlider-list {
  grid-auto-columns: 90% !important;
}
@media (min-width: 990px) {
  .algolia-related-products .uic-HorizontalSlider-list {
    grid-auto-columns: calc(25% - 0.375rem) !important;
  }
}
/* NA overrides */
.aa-DetachedFormContainer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.aa-DetachedContainer #trending-searches .aa-DetachedFormContainer.gap-4 {
  padding-right: 1rem;
}
.aa-DetachedFormContainer {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  padding-top: 1rem !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  border-style: none !important;
}
.aa-DetachedFormContainer {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.875rem;
     -moz-column-gap: 0.875rem;
          column-gap: 0.875rem;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.aa-DetachedCancelButton {
  color: transparent !important;
  padding: 0px !important;
  border-radius: 9999px !important;
  border-style: none !important;
  background-color: var(--color-accent-1) !important;
  margin: 0px !important;
}
.aa-DetachedCancelButton {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 2.25rem;
  height: 2.25rem;
  overflow: hidden;
}
.aa-DetachedCancelButton:hover {
  --tw-shadow: 0 0 rgba(0,0,0,0) !important;
  --tw-shadow-colored: 0 0 rgba(0,0,0,0) !important;
  -webkit-box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow) !important;
          box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow) !important;
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important;
          box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important;
}
.aa-DetachedCancelButton::after {
  position: absolute;
  top: 50%;
  left: 50%;
  --tw-translate-y: -50%;
  --tw-translate-x: -50%;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  display: block;
  width: 0.75rem;
  height: 0.8125rem;
  content: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2213%22%20viewBox%3D%220%200%2012%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M11.0209%201.67957L1.33008%2011.4778%22%20stroke%3D%22%23252525%22%20stroke-width%3D%222%22/%3E%3Cpath%20d%3D%22M1.33008%201.72943L11.0209%2011.5177%22%20stroke%3D%22%23252525%22%20stroke-width%3D%222%22/%3E%3C/svg%3E");
}
.ais-h2 {
  font-size: 26px !important;
}

.ais-h2 {
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 30px;
}

.ais-results-size-lg .ais-page .ais-results-as-block .ais-hit {
  margin-left: 2% !important;
  width: 31% !important;
}

.ais-results-size-lg .ais-page .ais-results-as-block .ais-hit {
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  min-height: 455px;
  padding: 1rem;
}

.ais-page .ais-results-as-block .ais-hit--picture {
  position: relative !important;
  width: auto !important;
  height: auto !important;
}

.ais-page .ais-SearchBox-input {
  font-weight: bold;
  font-size: 14px;
}

@media (max-width: 768px) {
  .ais-page .ais-SearchBox-input {
    font-size: 16px;
  }
}

.ais-page .ais-SearchBox-input::-webkit-input-placeholder {
  color: black;
}

.ais-page .ais-SearchBox-input::-moz-placeholder {
  color: black;
}

.ais-page .ais-SearchBox-input:-ms-input-placeholder {
  color: black;
}

.ais-page .ais-SearchBox-input::-ms-input-placeholder {
  color: black;
}

.ais-page .ais-SearchBox-input::placeholder {
  color: black;
}

.ais-page .ais-SearchBox-input, .ais-page .ais-SearchBox-input:focus {
  background-color: #ffffff;
}

.ais-page .ais-search-box-container, .ais-page .ais-input-button {
  background-color: #ffffff;
}

.ais-page .ais-input {
  margin: 2rem auto 0.5rem !important;
  max-width: 40.625rem !important;
}

.ais-page .ais-input {
  border-radius: 32px;
  overflow: hidden;
}

@media (max-width: 768px) {
  .ais-page .ais-input {
    margin-bottom: 30px !important;
  }
}

.field__input, .field__select, .customer select {
  border-color: #e5e7eb !important;
}

.ais-page .ais-search-header,
.ais-page .ais-search-header .ais-stats-container,
.ais-page .ais-search-header .ais-change-display {
  display: none;
}

.ais-facets .ais-facet-dropdown-wrapper {
  margin-top: 0px !important;
}

.ais-facets .ais-facet-dropdown-wrapper {
  border-top: 1px solid #e5e7eb;
  padding: 0.5rem 0;
  position: relative;
  z-index: 10;
}

.ais-facets .ais-facet-dropdown-wrapper:before {
  content: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2215%22 height%3D%229%22 viewBox%3D%220 0 15 9%22 fill%3D%22none%22%3E%3Cpath d%3D%22M13.3729 0.282684L7.29542 6.35977L1.21792 0.282684L0.0395824 1.46102L7.29542 8.71727L14.5513 1.46102L13.3729 0.282684Z%22 fill%3D%22black%22%3E%3C/path%3E%3C/svg%3E");
  z-index: -1;
  right: 0;
  top: 1rem;
  position: absolute;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.ais-facets .ais-facet-dropdown-wrapper.open:before {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}

.ais-RefinementList-list {
  padding-right: 8px !important;
}

.ais-RefinementList-list {
  max-height: 10rem;
  overflow-y: auto;
}

.ais-RefinementList-label .ais-RefinementList-count.ais-facet--count-distinct {
  display: block !important;
  right: 10px !important;
  font-size: 12px !important;
  top: 9px !important;
}

.ais-RefinementList-list::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  background: #E7E7E7;
  border-radius: 0.5rem;
}

.ais-RefinementList-list::-webkit-scrollbar-track {
  background: #E7E7E7;
  border-radius: 0.5rem;
}

.ais-RefinementList-list::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #5D5D5D;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
          box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  cursor: drag;
}

.ais-RangeSlider .rheostat-progress {
  height: 1px !important;
}

.ais-RangeSlider .rheostat-marker-horizontal {
  background: none !important;
}

.ais-RangeSlider .rheostat-background {
  background-color: transparent !important;
  border: none !important;
}

.ais-RangeSlider .rheostat-background {
  height: 0;
}

.ais-page .ais-facet--header {
  background: transparent !important;
  color: #000 !important;
  text-transform: capitalize !important;
}

.ais-page .ais-facet--header {
  font-size: 0.875rem;
  line-height: 1.3;
  font-weight: 700;
  cursor: pointer;
}

.ais-page .ais-facet, .ais-page .ais-facet--header {
  border-width: 0 !important;
}

#algolia-shopify-instantsearch .ais-page .ais-facet {
  padding-left: 0;
  padding-right: 0;
}

.ais-page .ais-facet--item {
  padding-left: 1rem !important;
  margin: 7px 0 !important;
}

.ais-page .ais-facet--item {
  border: 1px solid #e5e7eb;
  border-radius: 40px;
}

.ais-page .ais-facet--checkbox {
  display: none !important;
}

.ais-page .ais-facet--item:hover, .ais-page .ais-RefinementList-item--selected {
  border-left: none !important;
  font-weight: normal !important;
}

.ais-page .ais-hit--subtitle {
  display: none;
}

.ais-RangeSlider .rheostat-handle {
  background: #000000 !important;
}

.ais-page .ais-current-refined-values--link &gt; div {
  background: #000 !important;
}

.ais-page .ais-current-refined-values--link &gt; div {
  color: white;
}

.ais-page .ais-current-refined-values--link {
  border: none !important;
}

.ais-page .ais-current-refined-values--link:before {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  padding: 0.5rem !important;
}

.ais-page .ais-current-refined-values--link:before {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ais-facet-price_range {
  display: none;
}

.ais-page a {
  font-size: 12px !important;
}

#FacetFiltersFormMobile .wrap {
  padding: 0.8rem 0;
}

@media (max-width: 490px) {
  .ais-facets .ais-facet-dropdown-wrapper:before {
    right: 1rem;
    z-index: -1;
  }
  .quick-add__submit span {
    font-size: 11px !important;
  }
}

@media (min-width: 768px) {
  .ais-page {
    margin: 0 !important;
    margin: initial !important;
    max-width: none !important;
    max-width: initial !important;
  }
  .ais-h2 {
    margin-top: 64px;
  }
  .ais-page a {
    font-size: 14px !important;
  }
  #FacetFiltersFormMobile .wrap {
    padding: 0;
    margin-bottom: 1rem;
  }
}

.card__information {
  padding: 1rem 0.75rem 0.75rem !important;
}

.ais-Hits-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 2.5rem 1.25rem;
  gap: 2.5rem 1.25rem;
}

.ais-page span.badge {
  padding: 0.4rem 0.6rem !important;
  font-size: 0.6875rem !important;
}

.ais-page span.body-m {
  font-size: 1rem;
  margin-top: 0.25rem;
  line-height: 1.3;
}

.ais-page .ais-Pagination-item {
  width: 38px !important;
  height: 38px !important;
  border-radius: 40px !important;
  border: none !important;
}

.ais-Pagination-item--selected {
  background: #000;
  color: white;
}

.ais-page .ais-Pagination-link {
  padding: 11px 0 !important;
}

.ais-Pagination-item--selected .ais-Pagination-link {
  color: white !important;
}

.ais-page .ais-clear-refinements-container {
  position: absolute !important;
  top: 8px !important;
  right: 4px !important;
}

.ais-page .ais-ClearRefinements-button {
  color: #000 !important;
}

.ais-page .ais-ClearRefinements-button {
  font-size: 14px;
}

.ais-current-refined-values--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.aio-search-card-price {
  margin-bottom: 0.25rem !important;
}

.ais-page .ais-Pagination-list {
  padding-top: 4rem;
}

.results_count .result-count {
  font-size: 14px;
}

.results_count_desktop .result-count {
  font-size: 14px;
}

.ais-SearchBox-loadingIndicator {
  display: none;
}

@media (min-width: 1024px) {
  .ais-Hits-list {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .ais-page .ais-block {
    width: 100% !important;
  }
}

@media (min-width: 769px) {
  .ais-results-size-sm .ais-page .ais-block {
    width: 75% !important;
    padding-left: 8px !important;
  }
}

.ais-page .media--padded {
  padding: 0.3125rem;
}

#algolia-shopify-instantsearch .ais-page {
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}

.ais-page .media--padded {
  padding: 0.3125rem;
}

#algolia-shopify-instantsearch .ais-page .ais-facet--header {
  padding-left: 0;
  padding-right: 0;
}

#algolia-shopify-instantsearch .ais-page .ais-facet a {
  border: 1px solid #e7e7e7 !important;
}

#algolia-shopify-instantsearch .ais-page .ais-facet a {
  background: white;
  /* width: fit-content; */
  height: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.625rem;
  border-radius: 0.25rem;
}

#algolia-shopify-instantsearch .ais-page .media--padded {
  padding: 1.25rem;
}

#algolia-shopify-instantsearch .ais-page .ais-current-refined-values--link:before {
  padding: 0 10px !important;
}

#algolia-shopify-instantsearch .ais-page .ais-current-refined-values--link:before {
  background: #fff;
  position: static;
  height: 13px;
}

#algolia-shopify-instantsearch .ais-page .ais-facet a div:not(.ais-current-refined-values--label) {
  background: white !important;
}

#algolia-shopify-instantsearch .ais-page .ais-facet a div:not(.ais-current-refined-values--label) {
  color: #000;
  font-size: 0.6875rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline;
  position: static;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  max-width: none;
  max-width: initial;
}

#algolia-shopify-instantsearch .ais-page .ais-facet a .ais-current-refined-values--label {
  font-size: 0.6875rem;
}

@media (min-width: 64rem) {
  #algolia-shopify-instantsearch .ais-page {
    padding-left: 4.375rem;
    padding-right: 4.375rem;
  }
  #algolia-shopify-instantsearch .ais-page .media--padded {
    padding: 1.25rem;
  }
  #algolia-shopify-instantsearch .ais-page .ais-facets {
    padding-right: 0;
    width: 13.5rem;
  }
  #algolia-shopify-instantsearch .ais-page .ais-block {
    padding-left: 8.125rem;
    width: calc(100% - 13.5rem);
  }
  #algolia-shopify-instantsearch .ais-page .ais-facet a:hover {
    border-color: #000 !important;
  }
  #algolia-shopify-instantsearch .ais-page .ais-facet a:hover {
    text-decoration: none;
  }
  #algolia-shopify-instantsearch .ais-page .ais-current-refined-values--link:before {
    padding: 0 10px !important;
  }
  #algolia-shopify-instantsearch .ais-page .ais-current-refined-values--link:before {
    background: #fff;
    position: static;
    height: 13px;
  }
  #algolia-shopify-instantsearch .ais-page .ais-facet a div:not(.ais-current-refined-values--label) {
    background: white !important;
  }
  #algolia-shopify-instantsearch .ais-page .ais-facet a div:not(.ais-current-refined-values--label) {
    color: #000;
    font-size: 0.6875rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: inline;
    position: static;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    max-width: none;
    max-width: initial;
  }
  #algolia-shopify-instantsearch .ais-page .ais-facet a .ais-current-refined-values--label {
    font-size: 0.6875rem;
  }
}

@media (max-width: 768px) {
  #algolia-shopify-instantsearch .ais-page .ais-facets {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  #algolia-shopify-instantsearch .ais-page .media--padded {
    padding: 0.3125rem;
  }
}

@media (max-width: 64rem) {
  #algolia-shopify-instantsearch .ais-page .ais-facets {
    width: 100%;
  }
}

#algolia-shopify-instantsearch .ais-page .ais-RefinementList .ais-SearchBox-input {
  padding-left: 16px !important;
}

#algolia-shopify-instantsearch .ais-page .ais-RefinementList .ais-SearchBox-input {
  border: 1px solid #b0b0b0;
  border-radius: 32px;
  padding: 0 16px;
  font-size: 12px;
  background: #F5F5F5;
  font-weight: 500;
}

#algolia-shopify-instantsearch .ais-page .ais-SearchBox-submit {
  right: 16px;
}

#algolia-shopify-instantsearch .ais-page .ais-facet--label {
  font-size: 12px;
}

#algolia-shopify-instantsearch .ais-page .ais-facet a:hover div {
  text-decoration: none;
  text-decoration: initial;
}

#algolia-shopify-instantsearch .ais-RefinementList-item.ais-facet--item.ais-RefinementList-item--selected {
  background-color: #252525;
  color: #fff;
}

#algolia-shopify-instantsearch .ais-page .ais-facet--item:hover {
  border-left: 1px solid #252525 !important;
}

#algolia-shopify-instantsearch .ais-page .ais-facet--item:hover {
  border-color: #252525;
}

#algolia-shopify-instantsearch facet-filters-form [data-filters-mobile-toggle] svg {
  width: 100%;
  height: 100%;
}

@media (max-width: 768px) {
  #algolia-shopify-instantsearch .ais-page {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
  }
}

.ais-page .ais-sort {
  float: none !important;
  float: initial !important;
}

.ais-page .ais-sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.95em;
  border-top: 1px solid #e5e7eb;
  position: relative;
  z-index: 10;
  padding: 0.875rem 0;
  line-height: 1.3;
  font-weight: 700;
}

.ais-page .ais-sort-by {
  margin-right: 10px;
  font-size: 13px;
  color: #000000;
  font-weight: normal;
}

.ais-page .ais-SortBy-select {
  height: auto !important;
  margin-top: 0 !important;
  padding: 5px 30px 5px 5px !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: #e7e7e7 !important;
}

.ais-page .ais-SortBy-select {
  width: 100%;
  padding-right: 0;
  font-size: 12px;
  cursor: pointer;
  background-color: #ffffff;
  font-weight: normal;
  border-radius: 0.25rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.ais-page .ais-SortBy {
  margin-right: 0 !important;
}

.ais-page .ais-SortBy-select.focus-visible {
  outline: medium none invert !important;
  outline: initial !important;
}

.ais-page .ais-SortBy-select.focus-visible {
  outline: medium none invert !important;
  outline: initial !important;
}

.ais-page .ais-SortBy-select.focus-visible {
  outline: medium none invert !important;
  outline: initial !important;
}

.ais-page .ais-SortBy-select:focus-visible {
  outline: medium none invert !important;
  outline: initial !important;
}

.ais-sort-orders-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}

.ais-sort-by-label {
  background: transparent !important;
  color: #000 !important;
  text-transform: capitalize !important;
}

.ais-sort-by-label {
  font-size: 15.2px;
  line-height: 1.3;
  font-weight: 700;
  padding-bottom: 10px;
}

.ais-sort-orders-container .ais-SortBy {
  width: 100%;
  position: relative;
}

.ais-page .ais-sort-orders-container .ais-SortBy {
  position: relative;
  width: 100%;
  margin-right: 10px;
}

.ais-page .ais-sort-orders-container .ais-SortBy::before {
  content: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2215%22 height%3D%229%22 viewBox%3D%220 0 15 9%22 fill%3D%22none%22%3E%3Cpath d%3D%22M13.3729 0.282684L7.29542 6.35977L1.21792 0.282684L0.0395824 1.46102L7.29542 8.71727L14.5513 1.46102L13.3729 0.282684Z%22 fill%3D%22black%22%3E%3C/path%3E%3C/svg%3E");
  z-index: 2;
  right: 6px;
  top: 3px;
  position: absolute;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  background: white;
  pointer-events: none;
}

.ais-page .ais-sort-orders-container .ais-SortBy::after {
  content: "";
  position: absolute;
  display: block;
  right: 3px;
  z-index: 1;
  height: 12px;
  width: 20px;
  top: 4px;
  background: white;
  pointer-events: none;
}

.ais-sort-orders-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}

.ais-page div.mt-auto {
  margin-top: auto !important;
}

.ais-Hits-item .button__inner-wrap .button__text {
  font-size: 11px !important;
}

@media (max-width: 678px) {
  .ais-page .ais-SortBy-select {
    padding: 10px 30px 10px 5px !important;
  }
  .ais-page .ais-sort-orders-container .ais-SortBy::after {
    height: 20px;
  }
  .ais-page .ais-sort-orders-container .ais-SortBy::before {
    right: 15px;
    top: 10px;
  }
}
cart-recommendation {
  z-index: -1;
  --duration-long: 0.4s;
  display: none;
  padding-bottom: 0.2rem;
  background-color: var(--color-uiWhite);
}

.cart-recommendation-wrapper .aspect-square {
  aspect-ratio: auto;
}

.cart-recommendation-wrapper .card__media img {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.cart-recommendation-toogle-btn[aria-expanded=false] svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.cart-recommendation-wrapper {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.cart-recommendation-wrapper .quick-add.largeMax\:hidden {
  display: none;
}

.cart-recommendation-wrapper .mt-auto.large\:hidden {
  display: block;
}

.cart-recommendation-wrapper .ruk_rating_snippet span {
  display: none;
}

.cart-recommendation-wrapper .swiper-slide {
  height: auto !important;
}

.cart-recommendation-wrapper .ais-Hits-item .badge__container {
  font-size: 10px !important;
}

@media (max-width: 768px) {
  .cart-recommendation-wrapper {
    padding-left: 1.125rem;
  }
  .cart-recommendation-toogle-btn {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
  }
}
/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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');font-weight:400;font-style:normal}

:root{--swiper-theme-color:#007aff}

.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}

.swiper-vertical&gt;.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}

.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}

.swiper-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}

.swiper-pointer-events{-ms-touch-action:pan-y;touch-action:pan-y}

.swiper-pointer-events.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}

.swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}

.swiper-slide-invisible-blank{visibility:hidden}

.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}

.swiper-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}

.swiper-backface-hidden .swiper-slide{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}

.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}

.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}

.swiper-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}

.swiper-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top, right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}

.swiper-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}

.swiper-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}

.swiper-css-mode&gt;.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}

.swiper-css-mode&gt;.swiper-wrapper::-webkit-scrollbar{display:none}

.swiper-css-mode&gt;.swiper-wrapper&gt;.swiper-slide{scroll-snap-align:start start}

.swiper-horizontal.swiper-css-mode&gt;.swiper-wrapper{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}

.swiper-vertical.swiper-css-mode&gt;.swiper-wrapper{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}

.swiper-centered&gt;.swiper-wrapper::before{content:'';-ms-flex-negative:0;flex-shrink:0;-webkit-box-ordinal-group:10000;-ms-flex-order:9999;order:9999}

[dir="ltr"] .swiper-centered.swiper-horizontal&gt;.swiper-wrapper&gt;.swiper-slide:first-child{margin-left:var(--swiper-centered-offset-before)}

[dir="rtl"] .swiper-centered.swiper-horizontal&gt;.swiper-wrapper&gt;.swiper-slide:first-child{margin-right:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-horizontal&gt;.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}

.swiper-centered.swiper-vertical&gt;.swiper-wrapper&gt;.swiper-slide:first-child{margin-top:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-vertical&gt;.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}

.swiper-centered&gt;.swiper-wrapper&gt;.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}
.card-wrapper {

    position: relative;

    height: 100%;

    color: inherit;

    text-decoration-line: none;

    border-width: 1px;

    border-style: solid;

    border-color: var(--color-accent-2);

    border-radius: 0.25rem;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    background-color: var(--color-uiWhite);

    overflow: hidden
}

@media (min-width: 64rem) {

    .card-wrapper:hover .media.media--hover-effect &gt; img:first-child:not(:only-child) {

        opacity: 0
    }

    .card-wrapper:hover .media.media--hover-effect &gt; img + img {

        opacity: 1;

        --tw-scale-x: 1.1;

        --tw-scale-y: 1.1;

        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

.card {

    height: 100%;

    text-decoration-line: none
}

.card--media {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column
}

.card__button {

    --tw-bg-opacity: 1;

    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));

    border-radius: 9999px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    width: 2rem;

    height: 2rem;

    position: absolute;

    right: 1.25rem;

    bottom: 1.25rem;

    -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;

    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;

    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;

    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;

    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    pointer-events: none;

    -webkit-transition-duration: 300ms;

            transition-duration: 300ms
}

.card__media:hover .card__button {

    --tw-text-opacity: 1;

    color: rgba(255, 255, 255, var(--tw-text-opacity));

    --tw-bg-opacity: 1;

    background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

@media (min-width: 64rem) {

    .card a:hover .media.media--hover-effect &gt; img:first-child:only-child,
.card-wrapper a:hover .media.media--hover-effect &gt; img:first-child:only-child {

        --tw-scale-x: 1.1;

        --tw-scale-y: 1.1;

        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

.card__media-container {

    position: relative
}

.card__media {

    position: relative;

    z-index: 0;

    display: block
}

.card__media:hover + .card__information a {

    text-decoration-line: underline;

    text-underline-offset: 4px
}

.card__wishlist {

    position: absolute;

    z-index: 10;

    top: 0px;

    left: 0px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    width: 2.5rem;

    height: 2.5rem
}

.card__badge {

    position: absolute;

    z-index: 10;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    gap: 0.5rem;

    -webkit-box-pack: end;

        -ms-flex-pack: end;

            justify-content: flex-end;

    max-width: calc(100% - 2.875rem)
}

.card__badge--static {

    position: static
}

.card__information {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    row-gap: 0.25rem;

    height: 100%;

    padding: 0.625rem
}

@media (min-width: 64rem) {

    .card__information {

        padding: 0.75rem;

        padding-top: 1rem
    }
}

.card__heading {

    font-size: 0.75rem;

    line-height: 1.3
}

@media (min-width: 64rem) {

    .card__heading {

        font-size: 0.875rem;

        line-height: 1.3
    }
}

.card__heading a:hover {

    text-decoration-line: underline;

    text-underline-offset: 2px
}

.card__information-vendor {

    font-size: 0.875rem;

    line-height: 1.25rem;

    margin-top: 0.5rem
}

.card__information-price {

    text-align: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    margin-top: 1.25rem
}

.card__reviews {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-column-gap: 0.5rem;

       -moz-column-gap: 0.5rem;

            column-gap: 0.5rem;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    font-size: 0.6875rem;

    line-height: 1.3
}
</pre></body></html>