.cp-container.hidden{display:none;visibility:hidden}.cp-container .content{align-items:center;border-radius:4px;display:flex;padding:0 20px}.cp-container .content.banner{background-color:#dfdfdf;box-shadow:0 -1px 5px rgba(0,0,0,.4);height:50px;left:0;position:fixed;right:0}.cp-container .content.banner.bottom{bottom:0}.cp-container .content.banner.top{top:0}.cp-container .content.fullscreen{background-color:#dfdfdf;bottom:0;flex-direction:column;left:0;padding:40px;position:fixed;right:0;top:0}.cp-container .content.fullscreen article{align-items:center;display:flex;width:100%}.cp-container .content.fullscreen article *{flex:1 1 auto}.cp-container .content.fullscreen .actions{width:100%}.cp-container .content.modal{background-color:#dfdfdf;bottom:0;box-shadow:2px 2px 5px rgba(0,0,0,.4);flex-direction:column;height:100%;left:0;margin:0 auto;max-height:70%;max-width:70%;padding:40px;position:fixed;right:0;top:50%;transform:translateY(-50%)}.cp-container .content.modal .actions{width:100%}.cp-container .content article{flex:1 1 auto}.cp-container .content .actions{display:flex}.cp-container .content .actions button{background-color:#eee;border:1px solid #eee;border-radius:4px;color:#666;flex:1 1 auto;margin:0 10px;padding:8px 16px}.cp-container .content .actions button:hover{border-color:#ccc;cursor:pointer}.cp-container .overlay{background-color:rgba(0,0,0,.6);bottom:0;left:0;position:fixed;right:0;top:0}