.modal{will-change:visibility,opacity;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;z-index:1000;visibility:hidden;opacity:0;-webkit-transition:all .5s cubic-bezier(.23,1,.32,1);transition:all .5s cubic-bezier(.23,1,.32,1);-webkit-transition-delay:$modal-delay;transition-delay:$modal-delay}.modal--active{visibility:visible;opacity:1}.modal--align-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.modal__bg{background:rgba(0,0,0,.25)}.modal__dialog{max-width:600px;padding:1.2rem}.modal__content{will-change:transform,opacity;position:relative;padding:2.4rem;background:#fff;background-clip:padding-box;border-radius:3px;box-shadow:0 12px 15px 0 rgba(0,0,0,.25);opacity:0;-webkit-transition:all .25s cubic-bezier(.23,1,.32,1);transition:all .25s cubic-bezier(.23,1,.32,1)}.modal__content--active{opacity:1}.modal__close{z-index:1100;cursor:pointer}.modal__trigger{position:relative;display:inline-block;padding:1rem 1.2rem;color:rgba(0,0,0,.7);line-height:1;cursor:pointer;border-radius:3px;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .5s cubic-bezier(.23,1,.32,1);transition:all .5s cubic-bezier(.23,1,.32,1)}.modal__trigger--active{z-index:10}.modal__trigger:hover{background:#f6f6f6}#modal__temp{will-change:transform,opacity;position:absolute;top:0;left:0;right:0;bottom:0;border-radius:1px;background:#fff;box-shadow:0 12px 15px 0 rgba(0,0,0,.25);-webkit-transform:none;transform:none;opacity:1;-webkit-transition:opacity .1s ease-out,-webkit-transform .25s cubic-bezier(.23,1,.32,1);transition:opacity .1s ease-out,-webkit-transform .25s cubic-bezier(.23,1,.32,1);transition:opacity .1s ease-out,transform .25s cubic-bezier(.23,1,.32,1);transition:opacity .1s ease-out,transform .25s cubic-bezier(.23,1,.32,1),-webkit-transform .5s cubic-bezier(.23,1,.32,1)}.demo-close{position:absolute;bottom:-30%;right:35%;margin:1.2rem;padding:.6rem;background:#4285f4;border-radius:50%;-webkit-transition:all .5s cubic-bezier(.23,1,.32,1);transition:all .5s cubic-bezier(.23,1,.32,1)}.demo-close svg{width:24px;fill:#fff;pointer-events:none;vertical-align:top}.demo-close:hover{background:#999}@media screen and (max-width:700px){.modal__trigger{padding:1.2rem 2.4rem}}@media only screen and (min-width:700px){#text-7{overflow:visible}}