.wf-use{width:100%;padding:var(--wf-use-mobile-padding-top) var(--wf-use-mobile-padding-x) var(--wf-use-mobile-padding-bottom);background:var(--wf-use-bg);overflow:hidden}.wf-use__container{width:100%;max-width:var(--wf-use-content-width);margin:0 auto}.wf-use--full-width .wf-use__container{max-width:none}.wf-use__header{max-width:620px;margin-bottom:var(--wf-use-mobile-header-gap)}.wf-use--mobile-align-left .wf-use__header{text-align:left}.wf-use--mobile-align-center .wf-use__header{margin-left:auto;margin-right:auto;text-align:center}.wf-use__eyebrow{margin:0 0 8px;color:var(--wf-use-eyebrow-color);font-size:var(--wf-use-eyebrow-size);font-weight:700;line-height:1.1;letter-spacing:.08em;text-transform:uppercase}.wf-use__heading{margin:0;color:var(--wf-use-heading-color);font-size:var(--wf-use-heading-mobile-size);font-weight:800;line-height:.98;letter-spacing:-.04em}.wf-use__intro{max-width:500px;margin-top:10px;color:var(--wf-use-copy-color);font-size:var(--wf-use-copy-mobile-size);line-height:1.45}.wf-use__intro p{margin:0}.wf-use--mobile-align-center .wf-use__intro{margin-left:auto;margin-right:auto}.wf-use__swipe-hint{display:flex;align-items:center;gap:6px;margin-top:12px;color:var(--wf-use-heading-color);font-size:11px;font-weight:700;opacity:.7}.wf-use__grid{gap:var(--wf-use-mobile-card-gap)}.wf-use--mobile-swipe .wf-use__grid{display:flex;width:calc(100% + var(--wf-use-mobile-padding-x));margin-right:calc(var(--wf-use-mobile-padding-x) * -1);overflow-x:auto;overflow-y:hidden;padding-right:var(--wf-use-mobile-padding-x);padding-bottom:4px;scroll-snap-type:x mandatory;scroll-padding-left:0;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.wf-use--mobile-swipe .wf-use__grid::-webkit-scrollbar{display:none}.wf-use--mobile-swipe .wf-use__card{flex:0 0 min(var(--wf-use-mobile-card-width),330px);scroll-snap-align:start;scroll-snap-stop:normal}.wf-use--mobile-one .wf-use__grid{display:grid;grid-template-columns:1fr}.wf-use--mobile-two .wf-use__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.wf-use__card{position:relative;display:flex;align-items:flex-end;min-width:0;min-height:var(--wf-use-mobile-card-height);overflow:hidden;padding:var(--wf-use-mobile-card-padding-y) var(--wf-use-mobile-card-padding-x);background:var(--wf-use-card-bg);border-radius:var(--wf-use-card-radius);text-decoration:none;isolation:isolate;box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:pan-y pan-x}.wf-use__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3}.wf-use__image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--wf-use-image-position);transition:transform .32s ease}.wf-use__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(to top,rgba(16,35,77,var(--wf-use-overlay-opacity)),rgba(16,35,77,calc(var(--wf-use-overlay-opacity) * .62)) 45%,#10234d08)}.wf-use__card-content{position:relative;z-index:2;width:100%}.wf-use__badge{display:inline-flex;margin-bottom:7px;color:var(--wf-use-badge-color);font-family:var(--wf-use-badge-font);font-size:var(--wf-use-badge-mobile-size);font-weight:var(--wf-use-badge-weight);line-height:1.1;letter-spacing:.08em;text-transform:uppercase}.wf-use__card-title{margin:0;color:var(--wf-use-title-color);font-family:var(--wf-use-title-font);font-size:var(--wf-use-title-mobile-size);font-weight:var(--wf-use-title-weight);line-height:.98;letter-spacing:-.03em}.wf-use__card-copy{max-width:290px;margin-top:7px;color:var(--wf-use-description-color);font-family:var(--wf-use-description-font);font-size:var(--wf-use-description-mobile-size);font-weight:var(--wf-use-description-weight);line-height:1.35}.wf-use__card-copy p,.wf-use__card-copy span,.wf-use__card-copy strong,.wf-use__card-copy em,.wf-use__card-copy a{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit}.wf-use__card-copy p{margin:0}.wf-use__cta{display:inline-flex;align-items:center;gap:6px;margin-top:12px;color:var(--wf-use-cta-color);font-family:var(--wf-use-cta-font);font-size:var(--wf-use-cta-mobile-size);font-weight:var(--wf-use-cta-weight);line-height:1.2}.wf-use__cta-arrow{display:inline-block;transition:transform .18s ease}.wf-use--mobile-two .wf-use__card{min-height:min(var(--wf-use-mobile-card-height),280px);padding:14px}.wf-use--mobile-two .wf-use__card-copy{font-size:min(var(--wf-use-description-mobile-size),12px)}@media screen and (min-width:750px){.wf-use{padding:calc((var(--wf-use-mobile-padding-top) + var(--wf-use-desktop-padding-top)) / 2) calc((var(--wf-use-mobile-padding-x) + var(--wf-use-desktop-padding-x)) / 2) calc((var(--wf-use-mobile-padding-bottom) + var(--wf-use-desktop-padding-bottom)) / 2)}.wf-use__grid,.wf-use--mobile-swipe .wf-use__grid,.wf-use--mobile-one .wf-use__grid,.wf-use--mobile-two .wf-use__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin:0;overflow:visible;padding:0;gap:calc((var(--wf-use-mobile-card-gap) + var(--wf-use-desktop-gap)) / 2)}.wf-use--mobile-swipe .wf-use__card{width:auto;flex:initial}.wf-use__card,.wf-use--mobile-two .wf-use__card{min-height:calc((var(--wf-use-mobile-card-height) + var(--wf-use-desktop-card-height)) / 2);padding:calc((var(--wf-use-mobile-card-padding-x) + var(--wf-use-desktop-card-padding)) / 2)}}@media screen and (min-width:990px){.wf-use{padding:var(--wf-use-desktop-padding-top) var(--wf-use-desktop-padding-x) var(--wf-use-desktop-padding-bottom)}.wf-use__header{margin-bottom:32px}.wf-use--desktop-align-left .wf-use__header{margin-left:0;margin-right:0;text-align:left}.wf-use--desktop-align-center .wf-use__header{margin-left:auto;margin-right:auto;text-align:center}.wf-use--desktop-align-center .wf-use__intro{margin-left:auto;margin-right:auto}.wf-use__heading{font-size:var(--wf-use-heading-desktop-size)}.wf-use__intro{font-size:var(--wf-use-copy-desktop-size)}.wf-use__swipe-hint{display:none}.wf-use__grid,.wf-use--mobile-swipe .wf-use__grid,.wf-use--mobile-one .wf-use__grid,.wf-use--mobile-two .wf-use__grid{grid-template-columns:repeat(var(--wf-use-desktop-columns),minmax(0,1fr));gap:var(--wf-use-desktop-gap)}.wf-use__card,.wf-use--mobile-two .wf-use__card{min-height:var(--wf-use-desktop-card-height);padding:var(--wf-use-desktop-card-padding)}.wf-use__badge{font-size:var(--wf-use-badge-desktop-size)}.wf-use__card-title{font-size:var(--wf-use-title-desktop-size)}.wf-use__card-copy{font-size:var(--wf-use-description-desktop-size)}.wf-use__cta{font-size:var(--wf-use-cta-desktop-size)}}@media(hover:hover)and (pointer:fine){.wf-use__card{transition:transform .22s ease,box-shadow .22s ease}.wf-use--hover-lift .wf-use__card:hover{transform:translateY(-5px);box-shadow:0 14px 30px #10234d1f}.wf-use--hover-zoom .wf-use__card:hover .wf-use__image{transform:scale(1.05)}.wf-use__card:hover .wf-use__cta-arrow{transform:translate(4px)}}@media(prefers-reduced-motion:reduce){.wf-use__card,.wf-use__image,.wf-use__cta-arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/cc-shop-by-use.css.map */