.birthdate-validation-section{width:100vw;height:100dvh;z-index:1000;position:fixed;background-color:var(--color-background);transition:all ease var(--duration-medium)}.birthdate-validation-section .birthdate-validation-container{height:100%;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:var(--color-secondary-background)}.birthdate-validation-section .image-wrapper{display:flex;flex-direction:column;align-items:center;gap:7rem}.birthdate-validation-section .image-wrapper .logo-image img{height:4rem;width:auto}.birthdate-validation-section .image-wrapper .icon-image img{height:5.5rem;width:auto}.birthdate-validation-section .heading{font-size:12rem;margin:6rem 0 0;line-height:1}.birthdate-validation-section .paragraph{max-width:50rem}.birthdate-validation-section .paragraph *{margin:0;font-size:2rem;text-transform:uppercase;line-height:1}.birthdate-validation-section form{display:flex;flex-direction:column;align-items:center;margin-top:4rem;gap:5rem}.birthdate-validation-section .custom-select-wrapper{position:relative}.birthdate-validation-section .custom-select-wrapper.shake{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0)}.custom-select-wrapper .custom-select-placeholder{display:flex;text-transform:uppercase;font-size:4rem;gap:1.2rem;justify-content:center;align-items:center;cursor:pointer}.custom-select-wrapper .custom-select-placeholder span{min-width:30rem}.custom-select-wrapper .custom-select-placeholder svg{width:3rem;height:auto;transition:all var(--duration-long)}.custom-select-wrapper.active .custom-select-placeholder svg{transform:rotate(180deg)}.custom-select-wrapper .custom-options-wrapper{height:20vh;overflow-y:auto;list-style:none;margin:0;position:absolute;top:4rem;background-color:var(--color-secondary-background);width:100%;padding:1rem 4.2rem 1rem 0;z-index:2;opacity:0;transform:translateY(-10px);clip-path:inset(0 0 100% 0);pointer-events:none;transition:transform .4s ease-out,opacity .4s ease-out,clip-path .4s ease-out}.custom-select-wrapper.active .custom-options-wrapper{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0);pointer-events:all}.custom-select-wrapper .custom-options-wrapper li{cursor:pointer;font-size:3rem}.custom-select-wrapper .custom-options-wrapper::-webkit-scrollbar{width:.2rem}.custom-select-wrapper .custom-options-wrapper::-webkit-scrollbar-track{background:rgb}.custom-select-wrapper .custom-options-wrapper::-webkit-scrollbar-thumb{background:var(--color-text)}.remember-me-wrapper label{font-size:1.6rem}.remember-me-wrapper label input{opacity:0;height:0;width:0}.remember-me-wrapper label .checkmark:before{content:"";display:inline-block;cursor:pointer;height:2.2rem;width:2.2rem;border-radius:1.1rem;border:1px solid var(--color-text);background:transparent;margin-right:1rem;margin-bottom:-.5rem}.remember-me-wrapper .checkmark:hover:before{transition:background var(--duration-long);background:rgba(from var(--color-text) r g b / .5)}.remember-me-wrapper label input:checked~.checkmark:before{transition:background var(--duration-long);background:var(--color-text)}.birthdate-validation-section .button{display:block;font-size:2rem;padding:1rem 4rem;color:var(--color-secondary-background);margin:0 auto 5rem}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@media screen and (max-width: 768px){.birthdate-validation-section .button{margin-bottom:4rem}}@media screen and (max-width: 749px){.birthdate-validation-section .image-wrapper{gap:3.5rem}.birthdate-validation-section .heading{font-size:8rem;margin:4rem 0 7.5rem}.birthdate-validation-section .paragraph{max-width:28rem}.birthdate-validation-section .paragraph *{font-size:1.6rem}.custom-select-wrapper .custom-select-placeholder{max-width:28rem;font-size:2rem}.custom-select-wrapper .custom-select-placeholder span{min-width:unset;width:80vw;max-width:28rem}.custom-select-wrapper .custom-select-placeholder svg{width:2rem}.custom-select-wrapper .custom-options-wrapper{height:30vh;top:2rem;padding:.5rem 3.2rem .5rem 0}.custom-select-wrapper .custom-options-wrapper li{font-size:2rem}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/birthdate-validation.css.map */
