.shop-by-type{width:100%;background-color:var(--sbt-bg, #fefaf8)}.shop-by-type__inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr);row-gap:1.25rem;max-width:1440px;margin:0 auto;padding:var(--sbt-pad-top-mobile, 32px) var(--sbt-pad-x-mobile, 1.25rem) var(--sbt-pad-bottom-mobile, 32px)}.shop-by-type__head{min-width:0}.shop-by-type__eyebrow{margin:0 0 .25rem;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:500;line-height:1.2;letter-spacing:.05em;text-transform:uppercase;color:var(--sbt-heading-color, #6d0020)}.shop-by-type__heading{margin:0;font-family:Poppins,sans-serif;font-size:var(--sbt-heading-size-mobile, 1.25rem);font-weight:600!important;line-height:1.2;color:var(--sbt-heading-color, #6d0020)}.shop-by-type__link{justify-self:center;display:inline-flex;flex-shrink:0;align-items:center;gap:.25rem;border-radius:8px;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:500;line-height:1.2;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;color:var(--sbt-link-color, #6d0020)}.shop-by-type__link:hover{text-decoration:underline}.shop-by-type__chevron{flex-shrink:0}.shop-by-type__chevron path{fill:currentColor}.shop-by-type__tiles{display:flex;flex-wrap:nowrap;gap:.75rem;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;margin-inline:calc(-1 * var(--sbt-pad-x-mobile, 1.25rem));padding-inline:var(--sbt-pad-x-mobile, 1.25rem);scroll-padding-inline:var(--sbt-pad-x-mobile, 1.25rem);scrollbar-width:none}.shop-by-type__tiles::-webkit-scrollbar{display:none}.shop-by-type__tile{position:relative;display:flex;flex:0 0 160px;flex-direction:column;justify-content:flex-end;aspect-ratio:var(--sbt-aspect, 202 / 269);padding:.75rem 1rem;overflow:hidden;border-radius:var(--sbt-radius-mobile, 16px);text-decoration:none;scroll-snap-align:start}.shop-by-type__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.shop-by-type__tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,#0000 75.65%,#0009);pointer-events:none}.shop-by-type__label{position:relative;z-index:1;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;line-height:1.5;color:var(--sbt-label-color, #ffffff)}.shop-by-type__tile:focus-visible,.shop-by-type__link:focus-visible{outline:2px solid var(--sbt-heading-color, #6d0020);outline-offset:2px}@media screen and (max-width:1023.98px){.shop-by-type--stack-mobile .shop-by-type__tiles{flex-direction:column;overflow-x:visible;margin-inline:0;padding-inline:0}.shop-by-type--stack-mobile .shop-by-type__tile{flex:none;width:100%}}@media(hover:hover){.shop-by-type__image{transition:transform .4s ease}.shop-by-type__tile:hover .shop-by-type__image{transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){.shop-by-type__image{transition:none}.shop-by-type__tile:hover .shop-by-type__image{transform:none}}@media screen and (min-width:1024px){.shop-by-type__inner{padding:var(--sbt-pad-top-desktop, 40px) 4rem var(--sbt-pad-bottom-desktop, 64px);grid-template-columns:minmax(0,1fr) auto;column-gap:.625rem}.shop-by-type__head{grid-area:1 / 1;align-self:center}.shop-by-type__heading{font-size:var(--sbt-heading-size-desktop, 1.5rem)}.shop-by-type--head-center .shop-by-type__head{text-align:center}.shop-by-type__label{font-size:var(--sbt-label-size-desktop, 1rem)}.shop-by-type__link{grid-area:1 / 2;align-self:center;justify-self:end}.shop-by-type__tiles{grid-area:2 / 1 / 3 / 3;flex-wrap:wrap;justify-content:center;gap:1.25rem;overflow-x:visible;margin-inline:0;padding-inline:0}.shop-by-type__tile{flex:1 1 120px;max-width:202px;border-radius:16px}.shop-by-type--per-row .shop-by-type__tile{flex:0 1 calc((100% - (var(--sbt-per-row) - 1) * 1.25rem) / var(--sbt-per-row) - .1px);max-width:none}}.shop-by-type--icon .shop-by-type__tile{align-items:center;justify-content:center;padding:.75rem 0;background:var(--sbt-icon-bg);border-radius:var(--sbt-icon-radius, 40px)}.shop-by-type--icon .shop-by-type__tile:after{display:none}.shop-by-type--icon .shop-by-type__image{position:static;width:78%;height:auto;max-height:60%;object-fit:contain}.shop-by-type--icon-full .shop-by-type__tile{background:none;padding:0}.shop-by-type--icon-full .shop-by-type__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:none;object-fit:cover}.shop-by-type__label--hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media screen and (max-width:1023.98px){.shop-by-type--icon:not(.shop-by-type--stack-mobile) .shop-by-type__tiles{gap:1rem}.shop-by-type--icon:not(.shop-by-type--stack-mobile) .shop-by-type__tile{flex:0 0 200px}}.shop-by-type--link-beside .shop-by-type__inner{grid-template-columns:minmax(0,1fr) auto;column-gap:.625rem}.shop-by-type--link-beside .shop-by-type__head{grid-area:1 / 1;align-self:center}.shop-by-type--link-beside .shop-by-type__link{grid-area:1 / 2;align-self:center;justify-self:end}.shop-by-type--link-beside .shop-by-type__tiles{grid-area:2 / 1 / 3 / 3}@media screen and (min-width:1024px){.shop-by-type--link-below .shop-by-type__inner{grid-template-columns:minmax(0,1fr);column-gap:0}.shop-by-type--link-below .shop-by-type__head,.shop-by-type--link-below .shop-by-type__link,.shop-by-type--link-below .shop-by-type__tiles{grid-area:auto}.shop-by-type--link-below .shop-by-type__link{align-self:auto;justify-self:center}}
/*# sourceMappingURL=/cdn/shop/t/320/assets/shop-by-type.css.map */