section[component=modal]{opacity:0}@media only screen and (max-width:768px){section[component=modal]{width:calc(100vw - 24px)}}section[component=modal].position-left{left:24px;right:auto}@media only screen and (max-width:768px){section[component=modal].position-left{left:12px}}section[component=modal].position-right{left:auto;right:24px}@media only screen and (max-width:768px){section[component=modal].position-right{right:12px}}section[component=modal].position-top{top:24px;bottom:auto}@media only screen and (max-width:768px){section[component=modal].position-top{top:12px}}section[component=modal].position-bottom{top:auto;bottom:24px}@media only screen and (max-width:768px){section[component=modal].position-bottom{bottom:12px}}section[component=modal].position-center-x{left:50%!important;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}section[component=modal].position-center{left:50%;top:50%;right:auto;bottom:auto;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}section[component=modal].position-center-y{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}section[component=modal].position-bottom.position-center-x{-webkit-transform:translateX(-50%) translateY(48px);-ms-transform:translateX(-50%) translateY(48px);transform:translateX(-50%) translateY(48px);-webkit-transition:transform .2s ease-in-out 50ms,opacity .2s ease-in-out 50ms;-moz-transition:transform .2s ease-in-out 50ms,opacity .2s ease-in-out 50ms;transition:transform .2s ease-in-out 50ms,opacity .2s ease-in-out 50ms}section[component=modal].position-bottom.position-center-x .content{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);-webkit-transition:transform .4s ease-in-out 0s;-moz-transition:transform .4s ease-in-out 0s;transition:transform .4s ease-in-out 0s}section[component=modal].position-bottom.position-center-x[data-status=active]{opacity:1;-webkit-transform:translateX(-50%) translateY(0);-ms-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);-webkit-transition:transform .2s ease-in-out 0s,opacity .2s ease-in-out 0s;-moz-transition:transform .2s ease-in-out 0s,opacity .2s ease-in-out 0s;transition:transform .2s ease-in-out 0s,opacity .2s ease-in-out 0s}section[component=modal].position-bottom.position-center-x[data-status=active] .content{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:transform .4s ease-in-out 50ms;-moz-transition:transform .4s ease-in-out 50ms;transition:transform .4s ease-in-out 50ms}