.hc-demo-card{margin:16px 0 18px}.hc-demo-card__button{width:100%;display:grid;grid-template-columns:128px 1fr;gap:15px;align-items:center;padding:12px;border:1px solid rgba(48,87,78,.24);border-radius:16px;background:#fffdf8;color:inherit;text-align:left;cursor:pointer;font-family:inherit;box-shadow:0 8px 22px #1c2b4a0a;appearance:none;-webkit-appearance:none}.hc-demo-card__button:hover{border-color:#30574e75}.hc-demo-card__button:focus-visible{outline:2px solid rgba(48,87,78,.55);outline-offset:3px}.hc-demo-card__thumb{position:relative;display:block;overflow:hidden;width:128px;aspect-ratio:4/3;border-radius:12px;background:#f3f1ec;flex-shrink:0}.hc-demo-card__thumb img,.hc-demo-card__thumb video{display:block;width:100%;height:100%;object-fit:cover}.hc-demo-card__thumb-fallback{display:block;width:100%;height:100%;background:linear-gradient(135deg,#f7f4ed,#ebe7dc)}.hc-demo-card__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#fffffff0;color:#30574e;box-shadow:0 4px 14px #00000021}.hc-demo-card__content{display:flex;flex-direction:column;gap:4px;min-width:0}.hc-demo-card__eyebrow{color:#30574e;font-size:10.75px;font-weight:700;line-height:1.15;letter-spacing:.08em;text-transform:uppercase;text-align:left}.hc-demo-card__heading{color:#1c2b4a;font-size:14.75px;font-weight:700;line-height:1.22}.hc-demo-card__text{color:#65708e;font-size:12.75px;line-height:1.42}.hc-demo-card__cta{display:inline-flex;align-items:center;gap:6px;width:max-content;margin-top:2px;color:#30574e;font-size:12.75px;font-weight:700;line-height:1.2;text-decoration:underline;text-underline-offset:3px}.hc-demo-modal{box-sizing:border-box;width:min(92vw,520px);max-width:520px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:0;border:0;border-radius:18px;background:#000;overflow:hidden}.hc-demo-modal[open]{display:flex}.hc-demo-modal::backdrop{background:#1218269e}.hc-demo-modal__inner{position:relative;display:flex;flex-direction:column;width:100%;min-height:0;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}.hc-demo-modal__title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hc-demo-modal__close{position:absolute;z-index:2;right:10px;top:10px;width:36px;height:36px;border:0;border-radius:999px;background:#fffffff0;color:#1c2b4a;font-size:26px;line-height:1;cursor:pointer}.hc-demo-modal__close:focus-visible{outline:2px solid #fff;outline-offset:3px}.hc-demo-modal__video video{display:block;width:100%;height:auto;max-height:64vh;max-height:64dvh;object-fit:contain;background:#000}.hc-demo-modal__transcript{display:flex;flex-direction:column;min-height:0;background:#fffdf8;color:#1c2b4a}.hc-demo-modal__transcript:not([open]){flex:0 0 auto}.hc-demo-modal__transcript[open]{flex:1 1 auto}.hc-demo-modal__transcript summary{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 16px;color:#30574e;font-size:12px;font-weight:700;line-height:1.3;cursor:pointer;list-style:none}.hc-demo-modal__transcript summary::-webkit-details-marker{display:none}.hc-demo-modal__transcript summary svg{flex-shrink:0;transition:transform .2s ease}.hc-demo-modal__transcript[open] summary svg{transform:rotate(180deg)}.hc-demo-modal__transcript-content{flex:0 0 auto;min-height:0;height:clamp(120px,26vh,300px);height:clamp(120px,26dvh,300px);max-height:clamp(120px,26vh,300px);max-height:clamp(120px,26dvh,300px);overflow-y:scroll;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:rgba(48,87,78,.45) transparent;padding:0 16px 15px;color:#65708e;font-size:12px;line-height:1.55;overflow-wrap:anywhere}@media screen and (max-width:749px){.hc-demo-card{margin:14px 0 16px}.hc-demo-card__button{grid-template-columns:80px minmax(0,1fr);gap:10px;padding:9px;border-radius:15px;align-items:center}.hc-demo-card__thumb{width:80px;aspect-ratio:1/1;border-radius:12px}.hc-demo-card__play{width:30px;height:30px}.hc-demo-card__eyebrow{font-size:9.5px;line-height:1.1;letter-spacing:.07em;text-align:left}.hc-demo-card__heading{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:2.4em;font-size:13.25px;line-height:1.2}.hc-demo-card__text{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:2.56em;font-size:11.25px;line-height:1.28}.hc-demo-card__cta{font-size:11.75px;line-height:1.2;margin-top:1px}.hc-demo-card__content{gap:3px}.hc-demo-modal__transcript summary{padding:10px 13px;font-size:11.5px}.hc-demo-modal__transcript-content{height:clamp(120px,24vh,260px);height:clamp(120px,24dvh,260px);max-height:clamp(120px,24vh,260px);max-height:clamp(120px,24dvh,260px);padding:0 13px 13px;font-size:11.5px;line-height:1.5}}@media screen and (max-width:390px){.hc-demo-card__button{grid-template-columns:76px minmax(0,1fr);gap:9px;padding:8px;border-radius:14px}.hc-demo-card__thumb{width:76px;border-radius:10px}.hc-demo-card__play{width:28px;height:28px}.hc-demo-card__eyebrow{font-size:9.25px}.hc-demo-card__heading{font-size:12.75px}.hc-demo-card__text{font-size:11px}.hc-demo-card__cta{font-size:11.5px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/hc-demo-card.css.map */