.txn-hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:var(--txn-min-height, 100vh);overflow:hidden}.txn-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.txn-hero__bg-img{width:100%;height:100%;object-fit:cover;object-position:var(--txn-bg-position, center center);display:block;filter:brightness(1.45)}.txn-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:rgba(0,0,0,var(--txn-overlay, .3))}.txn-hero__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:24px;padding:40px 24px 80px;color:#fff;text-align:center}.txn-hero__drop-label{font-family:var(--font-body--family, sans-serif);font-weight:700;font-size:clamp(.75rem,2vw,1rem);letter-spacing:.3em;text-transform:uppercase;color:#ffffffe6;margin:0}.txn-hero__countdown{display:flex;align-items:flex-start;gap:clamp(24px,5vw,56px)}.txn-hero__countdown-unit{display:flex;flex-direction:column;align-items:center;gap:8px}.txn-hero__countdown-number{font-family:var(--font-body--family, sans-serif);font-weight:400;font-size:clamp(2.8rem,10vw,7rem);line-height:1;color:#fff;letter-spacing:-.01em;display:block;min-width:2ch}.txn-hero__countdown-label{font-family:var(--font-body--family, sans-serif);font-size:clamp(.55rem,1.2vw,.7rem);letter-spacing:.2em;color:#fff9;text-transform:uppercase}.txn-hero__cta{display:inline-block;margin-top:8px;padding:14px 44px;border:1px solid rgba(255,255,255,.75);color:#fff;font-family:var(--font-body--family, sans-serif);font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;text-decoration:none;transition:background .2s ease,color .2s ease;background:transparent}.txn-hero__cta:hover{background:#ffffff1f}.txn-hero__brand{position:absolute;bottom:6%;left:6%;z-index:3;margin:0;font-family:"Montserrat",var(--font-heading--family, sans-serif);font-weight:700;font-size:clamp(18px,3vw,28px);letter-spacing:.18em;text-transform:uppercase;color:#fff;line-height:1}.template-index header [class*=color-scheme] svg,.template-index header svg,.template-index header [class*=icon] svg,.template-index .header-wrapper svg path,.template-index .header-wrapper svg rect,.template-index .header-wrapper svg circle,.template-index .header-wrapper svg line,.template-index .header-wrapper svg polyline,.template-index .header-wrapper a,.template-index .header-wrapper button{color:#fff!important;fill:#fff!important;stroke:#fff!important}@media(min-width:601px){.txn-hero__bg-img{object-position:bottom right!important;transform:translateY(12%)}}@media(max-width:600px){.txn-hero__countdown{gap:20px}.txn-hero__brand{bottom:5%;left:5%;font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/texanous-hero-countdown.css.map */
