.age-gate{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;display:none;opacity:0;width:100%;height:100%;position:fixed;left:0;top:0;z-index:99999999}.age-gate h2{font-weight:700}.age-gate h2,p{font-family:var(--text-font-family)}.age-gate__text-container p{color:gray}.age-gate__text-container{margin:4px 0}.age-gate__footer{margin:16px 16px 0;font-size:12px}.age-gate--show{transition:opacity 1s ease,display 1s;display:flex;opacity:1}.age-gate__wrapper{border-radius:8px;background:#fff;height:auto;max-width:600px;margin:auto}.age-gate__form{text-align:center;align-items:center;display:flex;height:100%;flex-direction:column;justify-content:center;padding:50px 75px;border:.1rem solid #e1e3e4}.age-gate__button-container{display:flex;gap:.5rem;padding-top:8px}#age-gate__error-message{color:#f20c0c;font-size:14px;display:none}.age-gate__selector-wrapper{margin-bottom:1rem}.age-gate>option{-webkit-appearance:none;appearance:none;margin:40px;text-shadow:0 1px 0 rgba(0,0,0,.4)}.age-gate>option:hover{background-color:#0e76bd}.age-gate__input-list{display:flex;gap:.5rem;margin-bottom:1rem}.age-gate select,.age-gate input{-webkit-appearance:none;appearance:none;padding:8px 24px 8px 8px;border:.1rem solid #000;border-radius:4px;font-family:var(--text-font-family);font-style:var(--text-font-style);font-weight:var(--text-font-weight);background-color:transparent;position:relative;line-height:1.5}.age-gate select{width:100%}.age-gate input{width:33.33%}.age-gate select:hover,.age-gate input:hover{box-shadow:0 0 0 calc(.1rem + 1px) rgba(var(--accent-color-rgb),1);outline:0}.age-gate select:focus,.age-gate input:focus{box-shadow:0 0 0 calc(.1rem + 1px) rgba(var(--accent-color-rgb));outline:0}@media screen and (max-width: 750px){.age-gate__wrapper{margin:0 auto;max-width:450px}.agee-gate__form{padding:25px 50px}.age-gate input{width:100%}.age-gate__input-list{display:grid;width:100%}.age-gate__selector-wrapper{width:100%}.age-gate__button-container{display:grid;width:100%}.age-gate__footer{margin:16px 0 0}}@media screen and (max-width: 440px){.age-gate__footer{font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/82/assets/age-gate.css.map */
