#age-gate{position:fixed;top:0;bottom:0;left:0;right:0;z-index:100;opacity:0;pointer-events:none;background:#00000080}#age-gate.show{opacity:1;pointer-events:all}#age-gate.hidden{opacity:0;pointer-events:none}#age-gate .intro svg{fill:#fff;position:absolute;height:auto;width:305px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;opacity:0}#age-gate .intro img{pointer-events:none;width:100%;height:100%;object-fit:cover}#age-gate .intro{display:none;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;z-index:2;background:#fff}#age-gate .accept{margin-right:10px!important}@media screen and (min-width:1024px){#age-gate .intro svg{animation:introSvg 2s ease .5s forwards}#age-gate .intro svg path{animation:introSvgPath .5s ease 2s forwards}#age-gate .intro img{animation:introImage 1.5s ease 2s forwards}#age-gate .intro{display:block;animation:introWrapper 1s ease 4.5s forwards}#age-gate .gated .main{grid-column:1 / span 7;grid-row:1;height:100vh;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}#age-gate .gated img{grid-column:8 / span 6;grid-row:1;height:100vh;object-fit:cover}#age-gate .intro svg{width:70%;max-width:400px;height:auto}}@media screen and (min-width:1600px){#age-gate .gated .main{width:50%}}@keyframes introSvg{0%{opacity:0}to{opacity:100%}}@keyframes introSvgPath{0%{fill:#fff}to{fill:#000}}@keyframes introImage{0%{opacity:100%}to{opacity:0%}}@keyframes ageGateForm{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes ageGateFormMobile{0%{opacity:0}to{opacity:100%}}#age-gate .verification{background:#fff;width:calc(100vw - 20px);margin:25vh 10px;height:50vh;display:flex;align-items:center;justify-content:center;opacity:0;animation:ageGateFormMobile 1s ease 1s forwards}#age-gate .verification .main{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%}#age-gate .verification .main svg{margin-bottom:20px;width:80%;max-width:200px}#age-gate .verification .main .form{display:flex;flex-direction:column;gap:20px;margin-top:20px}#age-gate .verification .main .form p{max-width:330px;text-align:center}#age-gate .verification .main .form p.question{font-size:1rem}#age-gate .verification .main .form p:not(.question){font-size:.875rem}#age-gate .verification .main .toggle{display:flex;margin:10px auto}#age-gate .verification .accept{margin-right:10px!important}@media screen and (max-width:767px){#age-gate .verification svg.logo-desk{display:none}}@media screen and (min-width:768px){#age-gate .verification{background:#fff;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;width:70%}#age-gate .verification svg.logo-mobile{display:none}}@media screen and (min-width:1024px){#age-gate .verification{opacity:100%;width:70%;margin:0;height:100vh;transform:translate(-100%);animation:ageGateForm 1s ease 5s forwards}#age-gate .verification .main{grid-column:1 / span 7;grid-row:1;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}}@keyframes introWrapper{0%{opacity:100%}to{opacity:0%;pointer-events:none}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/age-gate.css.map */