.blackout-section{padding:5rem 0}.blackout-card{max-width:700px;margin:0 auto;text-align:center;padding:3rem 2rem}.blackout-card__title{margin-bottom:.75rem}.blackout-card__desc{margin-bottom:2rem;max-width:450px;margin-left:auto;margin-right:auto}.hold-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:220px;height:56px;font-family:var(--font-heading);font-size:.6875rem;text-transform:uppercase;letter-spacing:.2em;color:var(--color-accent);background:rgba(var(--color-accent-rgb),.05);border:1px solid rgba(var(--color-accent-rgb),.2);border-radius:.75rem;cursor:pointer;overflow:hidden;user-select:none;-webkit-user-select:none;transition:border-color .3s ease}.hold-button:hover{border-color:rgba(var(--color-accent-rgb),.4)}.hold-button__progress{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--color-accent-rgb),.15);transform:scaleX(0);transform-origin:left;transition:transform .05s linear}.hold-button__text{position:relative;z-index:1}.hold-button__ring{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;pointer-events:none}.hold-button__ring circle{fill:none;stroke:var(--color-accent);stroke-width:2;stroke-dasharray:560;stroke-dashoffset:560;transition:stroke-dashoffset .05s linear;filter:drop-shadow(0 0 4px rgba(var(--color-accent-rgb),.4))}.blackout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:#000;opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.blackout-overlay.is-active{pointer-events:all;animation:blackout-fade-in 2.5s ease-in forwards}.blackout-overlay__text{opacity:0;text-align:center;padding:0 2rem}.blackout-overlay.is-active .blackout-overlay__text{animation:blackout-text-reveal .8s ease-out 2.8s forwards}.blackout-overlay__dismiss{opacity:0;font-family:var(--font-heading);font-size:.5625rem;text-transform:uppercase;letter-spacing:.3em;color:#e0e0e033;background:none;border:none;cursor:pointer;margin-top:2rem}.blackout-overlay.is-active .blackout-overlay__dismiss{animation:blackout-text-reveal .5s ease-out 4s forwards}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-blackout.css.map */