#cboxCurrent{bottom:0;font-size:15px}#wpdcom{height:auto;padding:5px 1px}#wpdcom .wmu-hide{display:none!important}#wpdcom .wmu-show{display:inline-block!important}#wpdcom .wmu-upload-wrap{float:right}#wpdcom .wmu-add{cursor:pointer;margin:0 2px;color:#aaa;cursor:pointer;display:inline}#wpdcom .wmu-add i{color:#444}#wpdcom .wmu-add input[type=file]{visibility:hidden;display:none}#wpdcom .wmu-tabs{width:100%;padding:8px 0 17px 0;margin:1px 0 0 0;border-top:1px dotted #ddd;text-align:left}#wpdcom .wmu-tabs .wmu-preview-images .wmu-preview-remove .wmu-file-name{display:none}#wpdcom .wmu-tabs .wmu-preview-remove{position:relative}#wpdcom .wmu-tabs .wmu-preview-remove img{max-height:45px}#wpdcom .wmu-tabs .wmu-preview-remove .wmu-delete{line-height:45px;position:absolute;display:none;top:0;left:0;width:100%;z-index:100;background:url(//kipmu.ru/wp-content/plugins/wpdiscuz/assets/img/delete.png) center no-repeat #eee;opacity:.8}#wpdcom .wmu-tabs .wmu-preview-remove:hover .wmu-delete{display:block;z-index:100}#wpdcom .wmu-preview{margin:0 3px;cursor:pointer;display:inline-block}#wpdcom .wmu-attachment img{vertical-align:bottom}#wpdcom .wmu-attachment audio{vertical-align:bottom}#wpdcom .wmu-attachment-delete,.wpd-content .wmu-attachment-delete{cursor:pointer;border-top:1px solid #fff;visibility:hidden;font-size:5px;line-height:12px;text-align:center;padding:2px 0 1px 0;margin:0;z-index:100;background:url(//kipmu.ru/wp-content/plugins/wpdiscuz/assets/img/file-icons/delete.png) center no-repeat;border-bottom:#fff 1px solid}#wpdcom .wmu-attachment:hover>.wmu-attachment-delete,.wpd-content .wmu-attachment:hover>.wmu-attachment-delete{visibility:visible}#wpdcom .wmu-attachment-delete:hover,.wpd-content .wmu-attachment-delete:hover{visibility:visible;background-color:#ffefef;border-bottom:#ffd6d6 1px solid}#wpdcom .wmu-attached-images{border-bottom:1px dotted #dfdfdf;display:flex;margin-bottom:5px}#wpdcom .wmu-attached-images .wmu-attachment{margin:10px 2px 1px 2px}#wpdcom .wmu-attached-images .attachment-thumbnail,#wpdcom .wmu-attached-images .wmu-attached-image{border:3px solid #f1f1f1}#wpdcom .wmu-attached-image-link{display:inline-block}#wpdcom .wmu-attached-images .wmu-separator{padding:4px 0;display:block}#wpdcom .wmu-action-wrap{width:100%;margin:0;padding:0;text-align:left}#wpdcom .wmu-action-wrap img{display:inline-block;vertical-align:bottom}#wpdcom .wmu-top-title{padding:5px 20px 5px 3px;font-size:10px;color:#888;text-align:left;margin-top:-27px;margin-bottom:7px;line-height:14px;white-space:nowrap;display:table;text-transform:uppercase}#wpdcom .msgEmptyFile,#wpdcom .msgPermissionDenied,#wpdcom .msgUploadingNotAllowed,#wpdcom .wmuPhraseMaxFileCount,#wpdcom .wmuPhraseMaxFileSize,#wpdcom .wmuPhraseNotAllowedFile,#wpdcom .wmuPhrasePostMaxSize{background-color:#fce8e8!important;font-size:14px;text-align:center;color:#ce4a66;border:#f2d3d2 1px solid;padding:5px 10px;width:100%;box-sizing:border-box;margin:5px 0;border-radius:3px}@media screen and (max-width:655px){#wpdcom .wmu-preview-remove .wmu-file-name{font-size:11px}#wpdcom .wmu-preview-remove .wmu-file-name{font-size:11px}#wpdcom .wmu-attached-images .wmu-attached-image{height:auto!important}}@media screen and (max-width:500px){#wpdcom .wc-comment-text iframe{width:98%}}@media screen and (max-width:420px){#wpdcom .wmu-top-title{display:none}}.wpd-wrapper #wpd-content-item-4 .wpd-item-left{float:left;width:88%;border-right:1px dotted #ccc;margin-top:5px}.wpd-wrapper #wpd-content-item-4 .wpd-item-right{margin-left:92%;text-align:center;vertical-align:middle;padding-top:24px;color:#666}.wpd-wrapper #wpd-content-item-4 .wpd-item-right i{display:inline-block;vertical-align:middle;font-size:20px;line-height:20px;color:#e8484a} .lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,.3);outline:0!important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:34px;right:0;bottom:0;left:0;text-align:center;outline:0!important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:0!important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease,-o-transform .3s ease}.lity-closed .lity-content,.lity-loading .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,.6);border:0;background:0 0;outline:0;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:active,.lity-close:focus,.lity-close:hover,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,.6);border:0;background:0 0;outline:0;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container,.lity-iframe .lity-container,.lity-vimeo .lity-container,.lity-youtube .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.lity-hide{display:none}.wpd-wrapper *,.wpd-wrapper :after,.wpd-wrapper :before{margin:0;padding:0;box-sizing:border-box}.wpd-wrapper{width:100%;padding:10px;margin:0 auto;background:0 0}.wpd-wrapper .wpd-list{display:flex;border-right:1px solid #ddd}.wpd-wrapper .wpd-list,.wpd-wrapper .wpd-list-item{list-style:none;list-style-type:none;font-size:14px;}.wpd-wrapper .wpd-list-item{border-top:1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px solid #ddd;display:inline-block;padding:10px 10px;color:#999;cursor:pointer;flex-grow:1;text-align:center}.wpd-wrapper .wpd-list-item:hover{color:#444}.wpd-wrapper .wpd-list-item.wpd-active{border-bottom:none;color:#444}.wpd-wrapper .wpd-list-item span{margin-left:5px}.wpd-wrapper .wpd-content-item{border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:20px}.wpd-wrapper .wpd-content-item:not(.wpd-active){display:none}.wpd-wrapper .wpd-item{border-bottom:1px solid #ddd;font-size:13px;line-height:19px;padding-bottom:7px}.wpd-wrapper .wpd-item:last-child{border-bottom:none}.wpd-wrapper .wpd-item-link.wpd-comment-meta{font-size:12px;color:#555;padding-bottom:0}.wpd-wrapper .wpd-item-link{padding:5px 10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wpd-wrapper .wpd-post-link{margin-left:3px}.wpd-wrapper .wpd-post-item-link{font-size:12px;font-style:italic;color:#666}.wpd-wrapper .wpd-pagination{display:inline-block;margin:10px 0}.wpd-wrapper .wpd-page-link{color:#000;float:left;padding:3px 10px;text-decoration:none;transition:background-color .3s;border-top:1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px solid #ddd;transition:background-color .3s;cursor:pointer;outline:0}.wpd-wrapper .wpd-page-link:hover:not(.wpd-current-page){background:#ddd}.wpd-wrapper .wpd-page-link:last-of-type{border-right:1px solid #ddd}.wpd-wrapper .wpd-current-page{color:#fff;border:none;cursor:initial}.wpd-wrapper .wpd-item.wpd-follow-item .fa-user{font-size:15px;color:#777}.wpd-wrapper .wpd-item.wpd-follow-item .wpd-fl-name{font-size:16px;color:#777}.wpd-wrapper #wpd-content-item-1 .wpd-item-left{float:left;width:88%;border-right:1px dotted #ccc;margin-top:5px}.wpd-wrapper #wpd-content-item-1 .wpd-item-right{margin-left:92%;text-align:center;vertical-align:middle;padding-top:24px;color:#666}.wpd-wrapper #wpd-content-item-2 .wpd-item-left{float:left;width:88%;border-right:1px dotted #ccc;margin-top:5px}.wpd-wrapper #wpd-content-item-3 .wpd-item-left{float:left;width:88%;border-right:1px dotted #ccc;margin-top:5px}.wpd-wrapper #wpd-content-item-2 .wpd-item-right{margin-left:92%;text-align:center;vertical-align:middle;padding-top:24px;color:#666}.wpd-wrapper #wpd-content-item-3 .wpd-item-right{margin-left:92%;text-align:center;vertical-align:middle;padding:15px 0;color:#666}.wpd-wrapper .wpd-item-right *,.wpd-wrapper .wpd-user-email-delete-links-wrap{outline:0!important}.wpd-wrapper #wpd-content-item-1 .wpd-item-right i,.wpd-wrapper #wpd-content-item-2 .wpd-item-right i{display:inline-block;vertical-align:middle;font-size:30px;line-height:30px;color:#e8484a}.wpd-wrapper #wpd-content-item-3 .wpd-item-right i{display:inline-block;vertical-align:middle;font-size:20px;line-height:20px;color:#e8484a}.wpd-wrapper .wpd-user-email-delete-links-wrap{text-align:center;padding:8px}.wpd-wrapper .wpd-user-email-delete-links{font-size:15px}.wpd-wrapper .wpd-user-email-delete-links span{margin-left:5px}.wpd-wrapper.wpd-guest-settings{text-align:center}.wpd-wrapper.wpd-guest-settings .wpd-user-settings-button-wrap{width:70%;min-width:280px;line-height:1.5;border:1px solid #ddd;padding:5px;background:#eee;font-size:14px;margin:15px auto}.wpd-wrapper.wpd-guest-settings .wpd-user-settings-button-wrap:hover{background:#f8f8f8}.wpd-wrapper.wpd-guest-settings .wpd-user-settings-button{cursor:pointer}.wpd-wrapper.wpd-guest-settings .wpd-guest-action-error{color:#fa5454}.wpd-wrapper.wpd-guest-settings .wpd-guest-action-success{color:#00b38f}.wpd-wrapper.wpd-guest-settings{padding:2%}.wpd-clear{clear:both}.wpd-loading{margin-left:5px}.wpd-hide{display:none}.wpd-show{display:inline-block}.wpd-bulk-desc{font-size:12px;color:#666;font-style:italic}@media screen and (max-width:1024px){.wpd-wrapper .wpd-list-item span{display:none}} #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:url(//kipmu.ru/wp-content/plugins/wpdiscuz/assets/third-party/colorbox/images/overlay.png) repeat 0 0;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxTopLeft{width:21px;height:21px;background:url(//kipmu.ru/wp-content/plugins/wpdiscuz/assets/third-party/colorbox/images/controls.png) no-repeat -101px 0}#cboxTopRight{width:21px;height:21px;background:url(//kipmu.ru/wp-content/plugins/wpdiscuz/assets/third-party/colorbox/images/controls.png) no-repeat -130px 0}#cboxBottomLeft{width:21px;height:21px;background:url(//kipmu.ru/wp-content/plugins/wpdiscuz/assets/third-party/colorbox/images/controls.png) no-repeat -101px -29px}#cboxBottomRight{width:21px;height:21px;background:url(//kipmu.ru/wp-content/plugins/wpdiscuz/assets/third-party/colorbox/images/controls.png) no-repeat -130px -29px}#cboxMiddleLeft{width:21px;background:url(//kipmu.ru/wp-content/plugins/wpdiscuz/assets/third-party/colorbox/images/controls.png) left top repeat-y}#cboxMiddleRight{width:21px;background:url(//kipmu.ru/wp-content/plugins/wpdiscuz/assets/third-party/colorbox/images/controls.png) right top repeat-y}#cboxTopCenter{height:21px;background:url(//kipmu.ru/wp-content/plugins/wpdiscuz/assets/third-party/colorbox/images/border.png) 0 0 repeat-x}#cboxBottomCenter{height:21px;background:url(//kipmu.ru/wp-content/plugins/wpdiscuz/assets/third-party/colorbox/images/border.png) 0 -29px repeat-x}#cboxContent{background:#fff;overflow:hidden}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{margin-bottom:28px}#cboxTitle{position:absolute;bottom:4px;left:0;text-align:center;width:100%;color:#949494}#cboxCurrent{position:absolute;bottom:4px;left:58px;color:#949494}#cboxLoadingOverlay{background:url(//kipmu.ru/wp-content/plugins/wpdiscuz/assets/third-party/colorbox/images/loading_background.png) no-repeat center center}#cboxLoadingGraphic{background:url(//kipmu.ru/wp-content/plugins/wpdiscuz/assets/third-party/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:none}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;bottom:4px;right:30px;color:#0092ef}#cboxPrevious{position:absolute;bottom:0;left:0;background:url(//kipmu.ru/wp-content/plugins/wpdiscuz/assets/third-party/colorbox/images/controls.png) no-repeat -75px 0;width:25px;height:25px;text-indent:-9999px}#cboxPrevious:hover{background-position:-75px -25px}#cboxNext{position:absolute;bottom:0;left:27px;background:url(//kipmu.ru/wp-content/plugins/wpdiscuz/assets/third-party/colorbox/images/controls.png) no-repeat -50px 0;width:25px;height:25px;text-indent:-9999px}#cboxNext:hover{background-position:-50px -25px}#cboxClose{position:absolute;bottom:0;right:0;background:url(//kipmu.ru/wp-content/plugins/wpdiscuz/assets/third-party/colorbox/images/controls.png) no-repeat -25px 0;width:25px;height:25px;text-indent:-9999px}#cboxClose:hover{background-position:-25px -25px}.cboxIE #cboxTopLeft,.cboxIE #cboxTopCenter,.cboxIE #cboxTopRight,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)}.mistape_caption{font-size:80%;opacity:0.8;} .mistape-link-wrap{float:left;margin-right:6px;} .mistape-logo svg{display:block;height:22px;width:22px;fill:#E42029;} .mistape-logo.spin{animation-name:spin;animation-duration:1000ms;animation-iteration-count:infinite;animation-timing-function:linear;-webkit-animation-name:spin;-webkit-animation-duration:1000ms;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:spin;-moz-animation-duration:1000ms;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;} .mistape_caption .mistape-link{text-decoration:none!important;border:none!important;box-shadow:none!important;} .mistape-link:hover{text-decoration:none!important;border:none!important;} #mistape_dialog, #mistape_dialog .dialog__overlay{width:100%;height:100%;top:0;left:0;} #mistape_dialog{position:fixed;z-index:2147483647;display:none;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;pointer-events:none;} #mistape_dialog .dialog__overlay{position:absolute;background:rgba(55, 58, 71, 0.9);opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;-webkit-backface-visibility:hidden;} #mistape_dialog .dialog__content .dialog-wrap{perspective:800px;transition:transform 0.5s;} #mistape_dialog .dialog__content .dialog-wrap .dialog-wrap-top{padding:30px 30px 0;background:#fff;transform-origin:50% 100%;transition:transform 0.5s;position:relative;z-index:1;transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;} #mistape_dialog .dialog__content .dialog-wrap .dialog-wrap-top::after{content:'';width:100%;height:100%;position:absolute;background:#fff;top:0;left:0;transform:rotateX( 180deg );transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;} #mistape_dialog .dialog__content .dialog-wrap .dialog-wrap-bottom .comment{margin-top:0;padding-left:0;margin-left:auto;margin-right:auto;width:100%;} #mistape_dialog .dialog__content .dialog-wrap .dialog-wrap-bottom{padding:31px 30px 45px;background:#fff;transition:background 0.4s;transform:translate3d(0,0,0) translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;margin-top:-1px;} #mistape_dialog .dialog__content{width:50%;max-width:560px;min-width:290px;text-align:center;position:relative;opacity:0;transition:height 0.3s ease;font-size:14px;box-sizing:content-box;} #mistape_dialog.dialog--open .dialog__overlay{opacity:1;pointer-events:auto;} #mistape_dialog.dialog--open .dialog__content{pointer-events:auto;} #mistape_reported_text{padding:5px 10px;position:relative;z-index:0;font-weight:normal;} #mistape_reported_text::before{content:'';width:15px;height:15px;border-top:solid 2px #E42029;border-left:solid 2px #E42029;position:absolute;z-index:-1;top:0;left:0;} #mistape_reported_text::after{content:'';width:15px;height:15px;border-bottom:solid 2px #E42029;border-right:solid 2px #E42029;position:absolute;z-index:-1;bottom:0;right:0;} #mistape_reported_text .mistape_mistake_outer{background-color:#F5F5F5;color:#111;font-weight:normal;padding:0 3px;} #mistape_reported_text .mistape_mistake_inner{color:#E42029;font-weight:normal;} textarea#mistape_comment{width:100%;resize:none;font-size:14px;padding:4px 6px;line-height:1.4;box-sizing:border-box;border:1px solid #ddd;border-radius:0;color:#8E8E8E;transition:border 0.3s, color 0.3s, background 0.4s;} textarea#mistape_comment:focus{background-color:#fff;border-color:#949494;color:#1a1a1a;outline:0;} #mistape_dialog .mistape_dialog_block{margin-top:20px;} #mistape_dialog .pos-relative{position:relative;} #mistape_dialog .mistape_dialog_footer{position:absolute;right:0;bottom:-24px;font-size:10px;color:#ddd;} #mistape_dialog .mistape_dialog_footer a{color:#ccc;} #mistape_dialog .mistape_action{display:inline-block;cursor:pointer;padding:11px 25px;margin:0 5px;font-weight:600;border:none;color:#fff;background:#E42029;text-decoration:none;user-select:none;text-transform:uppercase;font-size:13px;min-width:150px;} #mistape_dialog .mistape_action:hover{opacity:0.9;text-decoration:none;} #mistape_dialog h2{margin:0;font-weight:400;font-size:22px;padding:0 0 20px;position:relative;} #mistape_dialog h2::before{content:'';height:1px;width:60px;position:absolute;bottom:0;left:calc(50% - 30px);background:#E42029;} #mistape_dialog h3{margin:0;font-weight:300;font-size:14px;text-transform:none;padding:0 0 1em;color:#BFBFBF;} #mistape_success_dialog .dialog-wrap{background:#fff;padding:30px;} #mistape_success_dialog .dialog-wrap h3{margin-top:20px;} #mistape_dialog.dialog--open .dialog__content, #mistape_dialog.dialog--close .dialog__content{-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;} #mistape_dialog.dialog--open .dialog__content{-webkit-animation-name:anim-open;animation-name:anim-open;} #mistape_dialog.dialog--close .dialog__content{-webkit-animation-name:anim-close;animation-name:anim-close;} @-webkit-keyframes anim-open { 0%{opacity:0;-webkit-transform:scale3d(1.1, 1.1, 1);} 100%{opacity:1;-webkit-transform:scale3d(1, 1, 1);} } @keyframes anim-open { 0%{opacity:0;-webkit-transform:scale3d(1.1, 1.1, 1);transform:scale3d(1.1, 1.1, 1);} 100%{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} } @-webkit-keyframes anim-close { 0%{opacity:1;} 100%{opacity:0;} } @keyframes anim-close { 0%{opacity:1;} 100%{opacity:0;} } @-moz-keyframes spin { from{-moz-transform:rotate(0deg);} to{-moz-transform:rotate(360deg);} } @-webkit-keyframes spin { from{-webkit-transform:rotate(0deg);} to{-webkit-transform:rotate(360deg);} } @keyframes spin { from{transform:rotate(0deg);} to{transform:rotate(360deg);} } .mistape-letter{width:640px;height:400px;top:calc(50% - 200px);position:absolute;} .mistape-letter-front{width:304px;height:190px;position:absolute;bottom:0;z-index:4;left:calc(50% - 152px);transform:scale(0.145);transform-origin:50% 100%;opacity:0;transition:transform 0.4s, opacity 0.15s;} .mistape-letter-front .front-left{width:0;height:0;border-left:152px solid #E42029;border-right:0;border-top:95px solid transparent;border-bottom:95px solid transparent;position:absolute;z-index:2;top:0;left:0;} .mistape-letter-front .front-right{width:0;height:0;border-right:152px solid #E42029;border-left:0;border-top:95px solid transparent;border-bottom:95px solid transparent;position:absolute;z-index:2;top:0;right:0;} .mistape-letter-front .front-right:before{content:'';display:block;width:0;height:0;border-right:152px solid rgba(0,0,0,0.2);border-left:0;border-top:95px solid transparent;border-bottom:95px solid transparent;position:absolute;top:-95px;right:-152px;} .mistape-letter-front .front-bottom{width:0;height:0;border-bottom:95px solid #E42029;border-top:0;border-left:152px solid transparent;border-right:152px solid transparent;position:absolute;z-index:2;bottom:0;left:0;} .mistape-letter-front .front-bottom:before{content:'';display:block;width:0;height:0;border-bottom:95px solid rgba(0,0,0,0.1);border-top:0;border-left:152px solid transparent;border-right:152px solid transparent;position:absolute;top:0;right:-152px;} .mistape-letter-back{width:304px;height:190px;background-color:#E42029;background-repeat:no-repeat;background-size:100% 100%;position:absolute;z-index:2;bottom:0;left:calc(50% - 152px);transition:transform 0.4s, opacity 0.15s;transform:scale(0.145);transform-origin:50% 100%;opacity:0;} .mistape-letter-back:before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,0.4);} .mistape-letter-back > .mistape-letter-back-top{width:0;height:0;border-bottom:95px solid #E42029;border-top:0;border-left:152px solid transparent;border-right:152px solid transparent;background-repeat:no-repeat;background-size:100% 100%;position:absolute;z-index:2;bottom:100%;left:calc(50% - 152px);transition:transform 0.4s;transform-origin:50% 100%;transform:translateX(0) rotateX(-180deg);} .mistape-letter-back > .mistape-letter-back-top:before{content:'';display:block;width:0;height:0;border-bottom:95px solid rgba(0,0,0,.3);border-top:0;border-left:152px solid transparent;border-right:152px solid transparent;position:absolute;top:0;left:-152px;} .mistape-letter-top{width:0;height:0;border-bottom:95px solid #E42029;border-top:0;border-left:152px solid transparent;border-right:152px solid transparent;position:absolute;z-index:2;bottom:0;opacity:0;left:calc(50% - 152px);transition:transform 0.3s;transform-origin:50% 100%;transform:rotateX(0deg);} .mistape-letter-top:before{content:'';display:block;width:0;height:0;border-bottom:95px solid rgba(0,0,0,.3);border-top:0;border-left:152px solid transparent;border-right:152px solid transparent;position:absolute;top:0;left:-152px;} .mistape-letter-top.close{transform:rotateX(-180deg);} #mistape_dialog .dialog__content .dialog-wrap{z-index:3;position:relative;} #mistape_dialog .dialog__content.show-letter .mistape-letter-back, #mistape_dialog .dialog__content.show-letter .mistape-letter-front{transform:scale(1) translateY(15%);opacity:1;} #mistape_dialog .dialog__content.show-letter .mistape-letter-back > .mistape-letter-back-top{transform:rotateX(0deg);} #mistape_dialog .dialog__content.show-letter .dialog-wrap .dialog-wrap-top{transform:rotateX(-180deg);} #mistape_dialog .dialog__content.show-letter .dialog-wrap .dialog-wrap-bottom{background:#c1c1c1;} #mistape_dialog .dialog__content.show-letter .dialog-wrap .dialog-wrap-bottom textarea{background:#c1c1c1;} #mistape_dialog .dialog__content.show-letter .dialog-wrap{transform:translateY(-150%);} #mistape_dialog .dialog__content.show-letter.with-comment .dialog-wrap{transform:translateY(-50%);} #mistape_dialog .mistape_action[data-action="send"]{position:relative;z-index:8;} #mistape_dialog .dialog__content.show-letter .mistape_action[data-action="send"]{transition-delay:0.3s;transition:visibility 0.1s, opacity 0.1s;visibility:hidden!important;opacity:0!important;} @keyframes send-letter1 { 0%{transform:translateX(0) translateY(15%);} 20%{transform:translateX(-60%) translateY(15%);} 100%{transform:translateX(100vw) translateY(15%);} } @-moz-keyframes send-letter1 { 0%{transform:translateX(0) translateY(15%);} 20%{transform:translateX(-60%) translateY(15%);} 100%{transform:translateX(100vw) translateY(15%);} } @-webkit-keyframes send-letter1 { 0%{transform:translateX(0) translateY(15%);} 20%{transform:translateX(-60%) translateY(15%);} 100%{transform:translateX(100vw) translateY(15%);} } @keyframes send-letter2 { 0%{transform:translateX(0) rotateX(-180deg);} 20%{transform:translateX(-60%) rotateX(-180deg);} 100%{transform:translateX(100vw) rotateX(-180deg);} } @-moz-keyframes send-letter2 { 0%{transform:translateX(0) rotateX(-180deg);} 20%{transform:translateX(-60%) rotateX(-180deg);} 100%{transform:translateX(100vw) rotateX(-180deg);} } @-webkit-keyframes send-letter2 { 0% { transform: translateX(0) rotateX(-180deg); } 20% { transform: translateX(-60%) rotateX(-180deg); } 100% { transform: translateX(100vw) rotateX(-180deg); } }