.ykRipple:after{content:"";position:absolute;top:0;left:0;width:var(--yk-ripple-size, 100%);height:var(--yk-ripple-size, 100%);background:currentColor;opacity:.12;border-radius:50%;transform:scale(0);transform-origin:center center}.ykRipple--update:after{animation:ykRippleRadiusIn .25s forwards ease-in-out}@keyframes ykRippleRadiusIn{0%{transform:translate(var(--yk-ripple-translate-start, 0)) scale(0)}to{transform:translate(var(--yk-ripple-translate-end, 0)) scale(var(--yk-ripple-scale, 1))}}.ykDialog--open{position:relative;overflow-y:hidden}.ykDialog .ykDialogMask{animation:ykDialogMaskIn .1s ease-in}.ykDialog .ykDialogMask.ykDialogMaskOut{animation:ykDialogMaskOut .1s ease-out;animation-fill-mode:forwards}.ykDialog .ykDialogContainer{animation:ykDialogContainerIn .1s ease-in}.ykDialog .ykDialogContainer.ykDialogContainerOut{animation:ykDialogContainerOut .1s ease-out;animation-fill-mode:forwards}.ykDialog--hidden{visibility:hidden}.ykDialogMask{z-index:1000;position:fixed;top:0;left:0;right:0;bottom:0;height:100%;background-color:rgba(0,0,0,.3)}.ykDialogWrap{z-index:1000;position:fixed;top:0;left:0;right:0;bottom:0;overflow:auto;text-align:center}.ykDialogWrap:before{display:inline-block;width:0;height:100%;vertical-align:middle;content:""}.ykDialogContainer{position:relative;vertical-align:middle;text-align:start;background:#ffffff;display:inline-block}.ykDialogContainer--middle{width:500px}.ykDialogCloseIcon{position:absolute;top:20px;right:20px}.ykDialogTitle,.ykDialogContent{padding:20px}.ykDialogFooter{text-align:right;padding:20px}.ykDialogCancelBtn{margin-right:20px}@keyframes ykDialogMaskIn{0%{opacity:0}to{opacity:1}}@keyframes ykDialogMaskOut{0%{opacity:1}to{opacity:0}}@keyframes ykDialogContainerIn{0%{transform:translate3d(0,100px,0);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes ykDialogContainerOut{0%{transform:translateZ(0);opacity:1}to{transform:translate3d(0,100px,0);opacity:0}}