.banners{position:relative}.banners .item{position:relative}.banners .item .banner_item{display:grid;position:relative}.banners .item .banner_item:before,.banners .item .banner_item:after{top:0;left:0;width:100%;height:100%;content:"";pointer-events:none;position:absolute;background-color:rgba(255,255,255,0.4);-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}.banners .item .banner_item:after{bottom:0;right:0;-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right}@media all and (min-width: 1025px){.banners .item .banner_item:hover:before,.banners .item .banner_item:hover:after{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:0;-webkit-transition-duration:1.3s;-o-transition-duration:1.3s;transition-duration:1.3s}}.banners .close_banner{width:30px;height:30px;position:absolute;top:5px;right:5px;background:#0006;z-index:2;color:#ffffffe6;font-size:16px;padding:7px 0 0 10px;box-sizing:border-box;cursor:pointer}@media all and (max-width: 768px){.banners{display:flex}}@media all and (max-width: 414px){.banners{display:block}}
/*# sourceMappingURL=default.css.map */