.chemarry-category-nav{--chem-catnav-background: #faf8f5;--chem-catnav-card: #ffffff;--chem-catnav-text: #0e1b2c;--chem-catnav-secondary: #66707b;--chem-catnav-accent: #e79a2d;--chem-catnav-border: #e7e3de;--chem-catnav-radius: 1.8rem;--chem-catnav-radius-small: 1.2rem;--chem-catnav-shadow: 0 .8rem 2.4rem rgba(14, 27, 44, .06);--chem-catnav-shadow-hover: 0 1.4rem 3.2rem rgba(14, 27, 44, .1);position:relative;width:100%;color:var(--chem-catnav-text);background:var(--chem-catnav-background)}.chemarry-category-nav,.chemarry-category-nav *,.chemarry-category-nav *:before,.chemarry-category-nav *:after{box-sizing:border-box}.chemarry-category-nav__spacing{padding-top:var(--chem-catnav-padding-top-mobile, 1.6rem);padding-bottom:var(--chem-catnav-padding-bottom-mobile, 1.6rem)}.chemarry-category-nav__container{width:min(calc(100% - 3.2rem),var(--chem-catnav-page-width, 118rem));margin:0 auto}.chemarry-category-nav__header{display:flex;align-items:flex-end;justify-content:space-between;gap:2.4rem;margin-bottom:1.8rem}.chemarry-category-nav__heading-group{max-width:64rem}.chemarry-category-nav__eyebrow{display:flex;align-items:center;gap:.7rem;margin:0 0 .7rem;color:var(--chem-catnav-accent);font-size:1.1rem;font-weight:700;line-height:1.2;letter-spacing:.09em;text-transform:uppercase}.chemarry-category-nav__eyebrow:before{content:"";flex:0 0 auto;width:.6rem;height:.6rem;background:currentColor;border-radius:50%}.chemarry-category-nav__title{margin:0;color:var(--chem-catnav-text);font-size:clamp(2rem,2.2vw,2.8rem);font-weight:700;line-height:1.08;letter-spacing:-.035em}.chemarry-category-nav__description{max-width:58rem;margin:.8rem 0 0;color:var(--chem-catnav-secondary);font-size:1.4rem;line-height:1.5}.chemarry-category-nav__description p{margin:0}.chemarry-category-nav__grid{display:grid;grid-template-columns:repeat(var(--chem-catnav-columns-desktop, 4),minmax(0,1fr));gap:var(--chem-catnav-gap-desktop, 1.6rem);margin:0;padding:0;list-style:none}.chemarry-category-nav__item{min-width:0;margin:0;padding:0}.chemarry-category-nav__card{position:relative;display:flex;flex-direction:column;min-height:100%;overflow:hidden;color:var(--chem-catnav-text);background:var(--chem-catnav-card);border:.1rem solid var(--chem-catnav-border);border-radius:var(--chem-catnav-radius);box-shadow:var(--chem-catnav-shadow);text-decoration:none;isolation:isolate;transition:color .18s ease,border-color .18s ease,box-shadow .22s ease,transform .22s ease}.chemarry-category-nav__card:hover{color:var(--chem-catnav-text);border-color:#e79a2d7a;box-shadow:var(--chem-catnav-shadow-hover);transform:translateY(-.3rem);text-decoration:none}.chemarry-category-nav__card:active{transform:translateY(-.1rem)}.chemarry-category-nav__card:focus-visible{outline:.3rem solid rgba(231,154,45,.42);outline-offset:.3rem;box-shadow:none}.chemarry-category-nav__media{position:relative;width:100%;overflow:hidden;aspect-ratio:var(--chem-catnav-image-ratio, 4 / 3);background:linear-gradient(145deg,#f7f4ef,#efebe5)}.chemarry-category-nav__picture{display:block;width:100%;height:100%}.chemarry-category-nav__image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--chem-catnav-image-x, 50%) var(--chem-catnav-image-y, 50%);transition:transform .7s cubic-bezier(.2,.75,.25,1)}.chemarry-category-nav__card:hover .chemarry-category-nav__image{transform:scale(1.045)}.chemarry-category-nav__media:after{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 58%,rgba(14,27,44,.12) 100%);pointer-events:none}.chemarry-category-nav__placeholder{display:grid;place-items:center;width:100%;height:100%;color:#0e1b2c6b}.chemarry-category-nav__placeholder svg{width:min(42%,9rem);height:auto}.chemarry-category-nav__body{display:flex;flex:1 1 auto;align-items:center;justify-content:space-between;gap:1.2rem;min-height:6.4rem;padding:1.3rem 1.4rem}.chemarry-category-nav__copy{min-width:0}.chemarry-category-nav__card-title{display:block;margin:0;color:var(--chem-catnav-text);font-size:1.3rem;font-weight:700;line-height:1.25;letter-spacing:.065em;text-transform:uppercase}.chemarry-category-nav__card-description{display:block;margin-top:.35rem;overflow:hidden;color:var(--chem-catnav-secondary);font-size:1.2rem;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.chemarry-category-nav__arrow{display:grid;flex:0 0 auto;place-items:center;width:3.6rem;height:3.6rem;color:var(--chem-catnav-text);background:#e79a2d1a;border:.1rem solid rgba(231,154,45,.25);border-radius:var(--chem-catnav-radius-small);transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .22s ease}.chemarry-category-nav__arrow svg{display:block;width:1.7rem;height:1.7rem}.chemarry-category-nav__card:hover .chemarry-category-nav__arrow{color:#fff;background:var(--chem-catnav-accent);border-color:var(--chem-catnav-accent);transform:translate(.2rem)}.chemarry-category-nav__mobile-hint{display:none;align-items:center;justify-content:center;gap:.6rem;margin:1.2rem 0 0;color:var(--chem-catnav-secondary);font-size:1.1rem;line-height:1.3;text-align:center}.chemarry-category-nav__mobile-hint svg{width:1.5rem;height:1.5rem}@media screen and (max-width:989px){.chemarry-category-nav__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--chem-catnav-gap-mobile, 1.2rem)}.chemarry-category-nav__media{aspect-ratio:4 / 3}.chemarry-category-nav__card:hover,.chemarry-category-nav__card:hover .chemarry-category-nav__image{transform:none}}@media screen and (max-width:749px){.chemarry-category-nav__spacing{padding-top:var(--chem-catnav-padding-top-mobile, 1.6rem);padding-bottom:var(--chem-catnav-padding-bottom-mobile, 1.6rem)}.chemarry-category-nav__container{width:min(calc(100% - 2.4rem),var(--chem-catnav-page-width, 118rem))}.chemarry-category-nav__header{align-items:flex-start;margin-bottom:1.4rem}.chemarry-category-nav__title{font-size:clamp(2rem,7vw,2.5rem)}.chemarry-category-nav__description{margin-top:.6rem;font-size:1.3rem}.chemarry-category-nav__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--chem-catnav-gap-mobile, 1rem)}.chemarry-category-nav__card{border-radius:1.5rem;box-shadow:0 .5rem 1.6rem #0e1b2c0e}.chemarry-category-nav__media{aspect-ratio:var(--chem-catnav-image-ratio-mobile, 1 / 1)}.chemarry-category-nav__image{object-position:var( --chem-catnav-image-mobile-x, var(--chem-catnav-image-x, 50%) ) var( --chem-catnav-image-mobile-y, var(--chem-catnav-image-y, 50%) )}.chemarry-category-nav__body{align-items:center;min-height:6.1rem;padding:1rem}.chemarry-category-nav__card-title{font-size:1.05rem;line-height:1.3;letter-spacing:.045em}.chemarry-category-nav__card-description{display:none}.chemarry-category-nav__arrow{width:3.2rem;height:3.2rem;border-radius:1rem}.chemarry-category-nav__arrow svg{width:1.5rem;height:1.5rem}.chemarry-category-nav__mobile-hint{display:flex}}@media screen and (max-width:359px){.chemarry-category-nav__container{width:min(calc(100% - 1.6rem),var(--chem-catnav-page-width, 118rem))}.chemarry-category-nav__grid{gap:.8rem}.chemarry-category-nav__body{min-height:5.8rem;padding:.8rem}.chemarry-category-nav__card-title{font-size:.95rem;letter-spacing:.025em}.chemarry-category-nav__arrow{width:2.9rem;height:2.9rem}}@media(prefers-reduced-motion:reduce){.chemarry-category-nav__card,.chemarry-category-nav__image,.chemarry-category-nav__arrow{transition:none}.chemarry-category-nav__card:hover,.chemarry-category-nav__card:hover .chemarry-category-nav__image,.chemarry-category-nav__card:hover .chemarry-category-nav__arrow{transform:none}}.shopify-design-mode .chemarry-category-nav__item{position:relative}.shopify-design-mode .chemarry-category-nav__card{height:100%}
/*# sourceMappingURL=/cdn/shop/t/19/assets/chemarry-category-nav.css.map */