.hc-demo-card,.hc-demo-card *,.hc-demo-modal,.hc-demo-modal *{box-sizing:border-box}.hc-demo-card{margin:16px 0 18px}.hc-demo-card__button{width:100%;display:grid;grid-template-columns:128px minmax(0,1fr);gap:16px;align-items:center;min-width:0;padding:13px;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;transition:border-color .2s ease,box-shadow .2s ease}.hc-demo-card__button:hover{border-color:#30574e75;box-shadow:0 10px 24px #1c2b4a12}.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;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#fffffff0;color:#30574e;box-shadow:0 4px 14px #00000021}.hc-demo-card__play svg{width:18px;height:18px}.hc-demo-card__content{display:flex;flex-direction:column;gap:4px;min-width:0}.hc-demo-card__eyebrow{color:#30574e;font-size:11px;font-weight:700;line-height:1.15;letter-spacing:.08em;text-transform:uppercase;text-align:left}.hc-demo-card__heading{color:#1c2b4a;font-size:15px;font-weight:700;line-height:1.24}.hc-demo-card__text{color:#65708e;font-size:13px;line-height:1.45}.hc-demo-card__cta{display:inline-flex;align-items:center;gap:6px;width:max-content;margin-top:2px;color:#30574e;font-size:13px;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;display:flex;align-items:center;justify-content:center;padding:0;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:12.25px;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:12.25px;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:82px minmax(0,1fr);gap:11px;padding:10px;border-radius:15px}.hc-demo-card__thumb{width:82px;aspect-ratio:1 / 1;border-radius:12px}.hc-demo-card__play{width:32px;height:32px}.hc-demo-card__play svg{width:15px;height:15px}.hc-demo-card__content{gap:4px}.hc-demo-card__eyebrow{font-size:10px;line-height:1.15;letter-spacing:.07em}.hc-demo-card__heading{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:2.48em;font-size:14px;line-height:1.24}.hc-demo-card__text{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:2.68em;font-size:12px;line-height:1.34}.hc-demo-card__cta{font-size:12.25px;line-height:1.2;margin-top:1px}.hc-demo-modal__transcript summary{padding:10px 13px;font-size:12.25px}.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:12px;line-height:1.55}}@media screen and (max-width:390px){.hc-demo-card__button{grid-template-columns:78px minmax(0,1fr);gap:10px;padding:9px;border-radius:14px}.hc-demo-card__thumb{width:78px;border-radius:10px}.hc-demo-card__play{width:29px;height:29px}.hc-demo-card__eyebrow{font-size:9.75px}.hc-demo-card__heading{font-size:13.75px}.hc-demo-card__text{font-size:11.75px}.hc-demo-card__cta{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/hc-demo-card.css.map */