.modal{position:fixed;z-index:100;height:100%;top:0;bottom:0;right:0;left:0;width:100%;display:flex;align-items:flex-end;display:none}@media screen and (min-width: 940px){.modal{align-items:center}}.modal[aria-hidden=true]{pointer-events:none}.modal[aria-hidden=true] .modal__inner{animation:slide-down .2s ease-in-out forwards}@media screen and (min-width: 940px){.modal[aria-hidden=true] .modal__inner{animation:fade-out .2s ease-in-out forwards}}.modal[aria-hidden=false] .modal__inner{animation:slide-up .2s ease-in-out forwards}@media screen and (min-width: 940px){.modal[aria-hidden=false] .modal__inner{animation:fade-in .2s ease-in-out forwards}}.modal[aria-hidden=true] .modal__cover{opacity:0}.modal[aria-hidden=false] .modal__cover{opacity:1}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes fade-out{0%{opacity:100%}to{opacity:0}}@keyframes fade-in{0%{opacity:0%}to{opacity:100%}}.modal__cover{height:100%;width:100%;position:absolute;background:#0000006b;top:0;left:0;z-index:0;transition:all .2s ease-in-out}.modal__inner{overflow:auto;min-height:60vh;position:relative;width:100%;padding:var(--level5);padding-top:var(--level2);padding-bottom:var(--level2);border-top-left-radius:20px;border-top-right-radius:20px;border:1px solid rgb(var(--color-base-text-1));background-color:rgb(var(--color-base-background-1));z-index:1;transform:translateY(100%)}@media screen and (min-width: 940px){.modal__inner{width:80%;margin-left:auto;margin-right:auto;min-height:auto;border-bottom-left-radius:20px;border-bottom-right-radius:20px;padding:var(--level10);max-width:68rem;overflow:hidden;opacity:0;transform:translateY(0)}}.modal__close{margin-bottom:2rem;display:flex}@media screen and (min-width: 940px){.modal__close{position:absolute;right:var(--level7);top:var(--level5)}}@media screen and (min-width: 940px){.modal .button__text{opacity:0;position:absolute}}.modal__close button{background:transparent;outline:none;border:0;color:rgb(var(--color-base-background-2));position:relative;display:inline-block;width:auto;margin-left:auto;margin-right:auto;padding-top:var(--level1);font-size:var(--micro);padding-left:0;padding-right:0}@media screen and (min-width: 940px){.modal__close button{width:1.25rem}}.modal__close .button__decorative-elem{height:1px;width:100%;position:absolute;bottom:-.5rem;left:0;background-color:rgb(var(--color-base-background-2))}@media screen and (min-width: 940px){.modal__close .button__decorative-elem{background-color:transparent}}@media screen and (min-width: 940px){.modal__close .button__decorative-elem:after,.modal__close .button__decorative-elem:before{content:" ";height:1px;width:100%;background-color:#000;position:absolute}.modal__close .button__decorative-elem:after{transform:rotate(45deg)}.modal__close .button__decorative-elem:before{transform:rotate(-45deg)}}.modal__content{overflow:auto}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-modal.css.map */