html[data-age-gate=pending],html[data-age-gate=leaving]{overflow:hidden}html[data-age-gate=pending]:before{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;background:rgb(var(--brand-off-white-rgb));content:""}.age-gate[open]{position:fixed;z-index:101;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:3rem 1.5rem;overflow-y:auto;overscroll-behavior:contain;border:0;outline:none;color:rgb(var(--brand-charcoal-rgb));background:rgb(var(--brand-off-white-rgb));text-align:center}.age-gate::backdrop{background:transparent}html[data-age-gate=verified] .age-gate,.age-gate [hidden]{display:none}.age-gate__content{display:grid;justify-items:center;gap:2.5rem;width:min(100%,32rem);margin-block:auto}@keyframes age-gate-fade-in{0%{opacity:0}to{opacity:1}}.age-gate[open] :is(.age-gate__logo,.age-gate__heading,.age-gate__actions){animation:age-gate-fade-in .7s ease-out both}.age-gate[open] .age-gate__logo{animation-delay:.1s}.age-gate[open] .age-gate__heading{animation-delay:.22s}.age-gate[open] .age-gate__actions{animation-delay:.34s}.age-gate__logo{width:min(100%,18rem);height:auto}.age-gate__heading{font-size:1.125rem;text-align:center;text-wrap:balance}.age-gate__actions{display:flex;justify-content:center;gap:1rem;width:100%}.age-gate__button{min-width:7.5rem;min-height:3rem;padding:.875rem 1.5rem;border:1px solid currentColor;background:transparent;color:inherit;font-family:var(--text-font-family);font-size:.875rem;font-weight:700;line-height:1.2;letter-spacing:.18em;text-transform:uppercase;transition:background-color .2s ease,color .2s ease}.age-gate__button:focus-visible{outline:2px solid rgb(var(--brand-charcoal-rgb));outline-offset:4px}.age-gate__denied{display:grid;justify-items:center;gap:1.5rem}.age-gate__message{max-width:22rem;font-size:1rem;text-wrap:balance}html:not([data-age-gate]) .age-gate__actions{display:none}@media(hover:hover){.age-gate__button:hover{border-color:rgb(var(--brand-charcoal-rgb));background:rgb(var(--brand-charcoal-rgb));color:rgb(var(--brand-off-white-rgb))}}@media screen and (min-width:700px){.age-gate__content{gap:3rem}.age-gate__heading{font-size:1.25rem}}@media(prefers-reduced-motion:reduce){.age-gate[open] :is(.age-gate__logo,.age-gate__heading,.age-gate__actions){animation:none}.age-gate__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-age-gate.css.map */