.age-gate--orange{--age-gate-background: #bf5725;--age-gate-background-rgb: 191 87 37;--age-gate-frame: #204635;--age-gate-accent: #db6b30;--age-gate-button-text: #bf5725}.age-gate--green{--age-gate-background: #0d4734;--age-gate-background-rgb: 13 71 52;--age-gate-frame: #db6b30;--age-gate-accent: #db6b30;--age-gate-button-text: #204635}.age-gate,.age-gate__noscript{--age-gate-reveal-duration: 1s;--age-gate-intro-floor-delay: 1.2s;--color-background: var(--age-gate-background);--color-background-rgb: var(--age-gate-background-rgb);--color-foreground: #fff;--color-foreground-rgb: 255 255 255;--color-foreground-heading: #fff;--color-border: var(--age-gate-frame);--color-primary-button-background: #fff;--color-primary-button-text: var(--age-gate-button-text);--color-primary-button-border: #fff;--color-primary-button-hover-background: var(--age-gate-frame);--color-primary-button-hover-text: #fff;--color-primary-button-hover-border: var(--age-gate-frame);--color-secondary-button-background: #fff;--color-secondary-button-text: var(--age-gate-button-text);--color-secondary-button-border: var(--age-gate-accent);--color-secondary-button-hover-background: var(--age-gate-frame);--color-secondary-button-hover-text: #fff;--color-secondary-button-hover-border: var(--age-gate-frame);--color-input-background: #fff;--color-input-text: var(--age-gate-button-text);--color-input-text-rgb: var(--age-gate-background-rgb);--color-input-border: var(--age-gate-accent);--color-input-hover-background: #fff}age-gate-component[hidden]{display:none}.age-gate:not([data-state=closed]){position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483646;background:var(--color-background)}.age-gate__dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;overflow:hidden;color:var(--color-foreground);background:var(--color-background)}.age-gate__dialog::backdrop{background:var(--color-background)}.age-gate__pattern{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 10px,rgb(255 255 255 / .14) 10px,rgb(255 255 255 / .14) 11px)}.age-gate__screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:flex-start;padding:14px 24px;overflow-y:auto;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility 0s .25s}.age-gate[data-state=intro] .age-gate__intro,.age-gate[data-state=prompt] .age-gate__prompt,.age-gate[data-state=declined] .age-gate__prompt,.age-gate[data-state=config-error] .age-gate__config-error{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .25s ease,visibility 0s}.age-gate[data-state=intro] .age-gate__prompt{animation:age-gate-intro-floor 0s linear var(--age-gate-intro-floor-delay, 1.2s) forwards}@keyframes age-gate-intro-floor{to{opacity:1;visibility:visible;pointer-events:auto}}.age-gate__card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;box-sizing:border-box;width:min(calc(100vw - 48px),calc(100dvh - 28px),900px);min-height:min(calc(100dvh - 28px),900px);margin:auto;padding:clamp(32px,5vw,72px);border:clamp(24px,3.2vw,48px) solid var(--color-border);border-radius:clamp(32px,4vw,64px);text-align:center;background:var(--color-background)}.age-gate__card--logo{height:min(calc(100dvh - 28px),900px)}.age-gate__logo{display:block;width:auto;max-width:100%;object-fit:contain}.age-gate__logo--intro{max-height:190px}.age-gate__logo--prompt{max-width:96px;max-height:76px;margin-block-end:24px}.age-gate__wordmark{font-family:var(--font-heading--family);font-size:clamp(2rem,6vw,4rem);font-weight:700;text-transform:uppercase}.age-gate__mode-panel{display:none;width:100%}.age-gate[data-mode=simple] .age-gate__mode-panel--simple,.age-gate[data-mode=date] .age-gate__mode-panel--date{display:block}.age-gate__heading{max-width:13ch;margin:0 auto clamp(18px,2vw,28px);color:var(--color-foreground-heading);font-family:var(--font-heading--family);font-size:clamp(2.25rem,5vw,5rem);line-height:.95;text-transform:uppercase}.age-gate__body{max-width:52ch;margin-inline:auto;font-size:clamp(1rem,1.5vw,1.375rem)}.age-gate__body>:first-child,.age-gate__card--message>:first-child{margin-block-start:0}.age-gate__body>:last-child,.age-gate__card--message>:last-child{margin-block-end:0}.age-gate__actions{display:flex;justify-content:center;width:min(100%,560px);gap:18px;margin:clamp(28px,4vh,48px) auto 0}.age-gate__button{flex:1;min-width:0;min-height:56px;justify-content:center}.age-gate__decline-message{display:none;margin-block-start:28px}.age-gate[data-state=declined] .age-gate__prompt-controls{display:none}.age-gate[data-state=declined] .age-gate__decline-message{display:block}.age-gate__date-form{display:grid;width:100%;gap:16px;margin-block-start:clamp(28px,4vh,44px)}.age-gate__date-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,2vw,18px)}.age-gate__date-field{display:block;min-width:0;text-align:start}.age-gate__date-field input{width:100%;min-height:clamp(60px,7vw,76px);padding:14px clamp(14px,2vw,24px);border:0;border-radius:clamp(10px,1.2vw,16px);color:var(--color-input-text);background:var(--color-input-background);text-align:start;font:inherit;font-size:clamp(1rem,1.5vw,1.25rem)}.age-gate__date-field input::placeholder{color:var(--color-input-text);opacity:1}.age-gate__date-field input:focus-visible{outline:4px solid color-mix(in srgb,var(--color-border) 45%,#fff);outline-offset:4px}.age-gate__date-field input[aria-invalid=true]{outline:2px solid currentcolor;outline-offset:2px}.age-gate__error{min-height:1.5em;margin:0;font-weight:700}.age-gate__date-form>.age-gate__button{width:100%;min-height:clamp(60px,7vw,76px);margin:0}.age-gate__footer{display:grid;justify-items:center;width:100%;gap:clamp(16px,2.5vh,26px);margin-block-start:clamp(28px,4vh,52px)}.age-gate__footer ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin:0;padding:0;list-style:none}.age-gate__legal-links a,.age-gate__responsibility-link{color:currentcolor;font-size:clamp(.75rem,1.1vw,1rem);text-underline-offset:3px}.age-gate__legal-links a:focus-visible,.age-gate__responsibility-link:focus-visible{border-radius:2px;outline:2px solid currentcolor;outline-offset:4px}.age-gate__responsibility-link{text-decoration:underline}.age-gate__footer .country-switcher--age-gate{--country-flag-size: 26px;font-size:clamp(.875rem,1.2vw,1.125rem)}.age-gate__footer .country-switcher--age-gate .country-switcher__trigger{gap:10px}.age-gate__reveal-line{position:absolute;inset-inline:0;inset-block-start:50%;z-index:3;height:5px;background:var(--color-border);opacity:0;pointer-events:none}.age-gate[data-state=revealing]{background:transparent}.age-gate[data-state=revealing] .age-gate__dialog{animation:age-gate-reveal var(--age-gate-reveal-duration) ease-in-out forwards}.age-gate[data-state=revealing] .age-gate__dialog::backdrop{background:transparent}.age-gate[data-state=revealing] .age-gate__screen,.age-gate[data-state=revealing] .age-gate__footer,.age-gate[data-state=revealing] .age-gate__pattern{opacity:0}.age-gate[data-state=revealing] .age-gate__reveal-line{animation:age-gate-reveal-line var(--age-gate-reveal-duration) ease-in-out forwards}.age-gate__noscript{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;display:grid;place-items:center;padding:24px;color:var(--color-foreground);background:var(--color-background);text-align:center}html[data-age-gate-excluded] .age-gate__noscript{display:none}@keyframes age-gate-reveal{0%{clip-path:inset(0 0 0 0)}45%{clip-path:inset(48% 0 48% 0)}60%{clip-path:inset(48% 0 48% 0)}to{clip-path:inset(50% 0 50% 0)}}@keyframes age-gate-reveal-line{0%{opacity:0;transform:scaleX(.25)}35%,70%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@media screen and (max-width:749px){.age-gate__screen{padding:12px}.age-gate__card{width:100%;min-height:min(calc(100dvh - 24px),680px);padding:28px 20px;border-width:5px;border-radius:16px}.age-gate__card--logo{height:min(calc(100dvh - 24px),680px)}.age-gate__actions{width:100%}.age-gate__actions .age-gate__button{flex:1;min-width:0}.age-gate__date-fields{gap:8px}.age-gate__date-field input{min-height:54px;padding:12px;font-size:.875rem}.age-gate__footer{margin-block-start:28px}}@media(prefers-reduced-motion:reduce){.age-gate__screen,.age-gate[data-state=revealing] .age-gate__dialog,.age-gate[data-state=revealing] .age-gate__reveal-line{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/age-gate.css.map */