.hlf-showcase{padding-top:var(--showcase-pad-top);padding-bottom:var(--showcase-pad-bottom);padding-inline:var(--showcase-side-padding)}@media screen and (min-width:750px){.hlf-showcase{padding-inline:calc(var(--showcase-side-padding) * 2)}}.hlf-showcase__panel{width:100%;max-width:var(--showcase-max-width);margin-inline:auto;background:var(--showcase-bg);border-radius:var(--showcase-panel-radius);overflow:hidden}.hlf-showcase__media{position:relative;display:block;width:100%;aspect-ratio:var(--showcase-ratio-mobile);background:var(--showcase-media-bg);overflow:hidden;text-decoration:none}.hlf-showcase__media--inset{width:auto;margin:var(--showcase-gap);margin-bottom:0;border-radius:var(--showcase-media-radius)}@media screen and (min-width:750px){.hlf-showcase__media{aspect-ratio:var(--showcase-ratio-desktop)}}.hlf-showcase__media img,.hlf-showcase__media video{display:block;width:100%;height:100%;object-fit:contain}.hlf-showcase__slot{width:100%;height:100%}.hlf-showcase__slot--desktop{display:none}.hlf-showcase__slot--mobile{display:block}@media screen and (min-width:750px){.hlf-showcase__slot--desktop{display:block}.hlf-showcase__slot--mobile{display:none}}.hlf-showcase__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:20px;background:linear-gradient(to top,#00000073,#0000 55%);pointer-events:none}.hlf-showcase__overlay--center{justify-content:center;align-items:center;text-align:center;background:#0000002e}.hlf-showcase__overlay-heading{margin:0;font-size:clamp(20px,5vw,38px);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--showcase-overlay-color);text-wrap:balance}.hlf-showcase__overlay-sub{margin:0;font-size:clamp(12px,2.6vw,17px);line-height:1.35;color:var(--showcase-overlay-color);opacity:.92}.hlf-showcase__body{padding:var(--showcase-gap)}.hlf-showcase__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:var(--showcase-gap);align-items:stretch}.hlf-showcase__card--small{aspect-ratio:1 / 1;align-self:start}.hlf-showcase__card--large{grid-row:span 2;align-self:stretch}.hlf-showcase__card{position:relative;display:flex;flex-direction:column;background:var(--showcase-card-bg);border-radius:var(--showcase-card-radius);overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease}@media screen and (hover:hover){.hlf-showcase__card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}}.hlf-showcase__card:focus-visible{outline:2px solid var(--showcase-ribbon-bg);outline-offset:2px}.hlf-showcase__card-title{margin:0;flex:0 0 auto;padding:11px 8px 2px;text-align:center;font-size:13px;font-weight:700;line-height:1.25;color:var(--showcase-card-title-color);text-wrap:balance}.hlf-showcase__card--small .hlf-showcase__card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hlf-showcase__card-title--stacked{display:flex;flex-direction:column;align-items:center;gap:1px;padding:14px 10px 4px}.hlf-showcase__card-title-lead{font-size:14px;font-weight:600;letter-spacing:0}.hlf-showcase__card-title-strong{font-size:20px;font-weight:800;letter-spacing:.04em;line-height:1.1}.hlf-showcase__card-title-strong--sparkle:before,.hlf-showcase__card-title-strong--sparkle:after{content:"\2726";font-size:.55em;font-weight:400;vertical-align:middle;opacity:.65}.hlf-showcase__card-title-strong--sparkle:before{margin-right:.45em}.hlf-showcase__card-title-strong--sparkle:after{margin-left:.45em}.hlf-showcase__card-media{position:relative;flex:1 1 0;min-height:0;display:flex;align-items:center;justify-content:center;padding:4px 8px 8px}.hlf-showcase__card-media img,.hlf-showcase__card-media svg{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}.hlf-showcase__card-ribbon{margin-top:auto;flex:0 0 auto;padding:7px 6px;text-align:center;font-size:11.5px;font-weight:700;line-height:1.2;color:var(--showcase-ribbon-color);background:var(--showcase-ribbon-bg)}.hlf-showcase__card--large .hlf-showcase__card-ribbon{font-size:13px;padding:9px 10px}.hlf-showcase__badge{position:absolute;right:10px;bottom:10px;z-index:2;width:66px;height:66px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;padding:6px;font-size:11.5px;font-weight:800;line-height:1.15;color:var(--showcase-badge-color);background:var(--showcase-badge-bg);box-shadow:0 3px 10px #0000002e}@media screen and (min-width:750px){.hlf-showcase__grid{max-width:var(--showcase-grid-max-width);margin-inline:auto}.hlf-showcase__card-title{padding:16px 12px 4px;font-size:16px}.hlf-showcase__card-title--stacked{padding:22px 16px 6px}.hlf-showcase__card-title-lead{font-size:18px}.hlf-showcase__card-title-strong{font-size:30px}.hlf-showcase__card-media{padding:8px 14px 12px}.hlf-showcase__card-ribbon{font-size:14px;padding:10px}.hlf-showcase__card--large .hlf-showcase__card-ribbon{font-size:16px;padding:13px}.hlf-showcase__badge{width:104px;height:104px;font-size:15px;right:16px;bottom:16px}}@media screen and (max-width:419px){.hlf-showcase__card-title{font-size:10px;padding:6px 3px 1px;line-height:1.15}.hlf-showcase__card-title--stacked{padding:10px 6px 2px}.hlf-showcase__card-title-lead{font-size:12px}.hlf-showcase__card-title-strong{font-size:17px}.hlf-showcase__card-media{padding:1px 4px 3px}.hlf-showcase__card-ribbon{font-size:9px;padding:3px}.hlf-showcase__card--large .hlf-showcase__card-ribbon{font-size:11.5px;padding:8px 6px}.hlf-showcase__badge{width:56px;height:56px;font-size:9.5px;padding:4px}}@media(prefers-reduced-motion:reduce){.hlf-showcase__card{transition:none}.hlf-showcase__card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/246/assets/hlf-media-showcase.css.map */