/*! * Material Modal v0.1.3 * Copyright 2015-2017 Mark Rabey (markrabey.com) * Licensed under the MIT license */.modal{will-change:visibility,opacity;display:flex;align-items: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;transition:all .5s cubic-bezier(.23, 1, .32, 1);transition-delay:0s}.modal--active{visibility:visible;opacity:1}.modal--align-top{align-items:flex-start}.modal__bg{background-color:#888;background-color:rgba(0,0,0,0.5)}.modal__dialog{max-width:600px;padding:1.2rem}.modal__content{will-change:transform,opacity;position:relative;opacity:0;display:flex;flex-direction:column;font-size:16px;font-weight:400;min-height:200px;overflow:hidden;z-index:1;background:#fff;border-radius:2px;box-sizing:border-box;box-shadow:0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2);transition:all .5s cubic-bezier(.23, 1, .32, 1)}.modal__content--active{opacity:1}.modal__close{z-index:1100;cursor:pointer}.modal__trigger{overflow:visible;transition:all .5s cubic-bezier(.23, 1, .32, 1)}.modal__trigger--active{z-index:10}.modal__title{align-items:center;color:#000;display:block;display:flex;justify-content:stretch;line-height:normal;padding:16px;perspective-origin:165px 56px;transform-origin:165px 56px;box-sizing:border-box}.modal__title .modal__title-text{align-self:flex-end;color:inherit;display:block;display:flex;font-size:24px;font-weight:300;line-height:normal;overflow:hidden;transform-origin:149px 48px;margin:0}.modal__text{color:rgba(0,0,0,0.54);font-size:13px;line-height:18px;overflow:hidden;padding:16px;width:90%}.modal__footer{font-size:16px;line-height:normal;width:100%;background-color:transparent;padding:8px;box-sizing:border-box;border-top:1px solid rgba(0,0,0,0.1)}.modal__close{z-index:1100;cursor:pointer}.modal__header .modal__close{position:absolute;top:8px;right:8px}.modal__header .modal__close:before{content:'close';position:absolute;top:4px;right:4px}#modal__temp{will-change:transform,opacity,background-color;position:absolute;top:0;left:0;right:0;bottom:0;transform:none;opacity:1;box-shadow:0 2px 5px 0 rgba(0,0,0,0.25);transition:background-color .2s linear,opacity .1s ease-out,transform .5s cubic-bezier(.23, 1, .32, 1)}.content{padding:15px}.modal-demo{padding:15px}.demo-close{position:absolute;top:0;right:0;margin:1.2rem;padding:.6rem;background:rgba(0,0,0,0.3);border-radius:50%;transition:all .5s cubic-bezier(.23, 1, .32, 1);color:#fff;text-decoration:none}.demo-close svg{width:24px;fill:#fff;pointer-events:none;vertical-align:top}.demo-close:hover{background:rgba(0,0,0,0.6)}