CSS File

1.t-body_popupshowed{height:100vh;min-height:100vh;overflow:hidden}

2.t-popup{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;opacity:0;-webkit-transition:opacity ease-in-out 0.3s;-moz-transition:opacity ease-in-out 0.3s;-o-transition:opacity ease-in-out 0.3s;transition:opacity ease-in-out 0.3s;width:100%;height:100%;box-sizing:border-box;cursor:pointer;padding:0 20px;background-color:rgba(0,0,0,.6);z-index:9999999;display:none;outline:none}

3.t-popup.t-popup_show{opacity:1}

4.t-popup__container{background:#fff;margin:0 auto;width:auto;position:absolute;top:50%;right:20px;left:20px;z-index:1;cursor:default;-moz-transform:translateY(-30%) scale(.9);-ms-transform:translateY(-30%) scale(.9);-webkit-transform:translateY(-30%) scale(.9);-o-transform:translateY(-30%) scale(.9);transform:translateY(-30%) scale(.9)}

5@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.t-popup__container{width:100%}

6}

7.t-popup__container-animated{-webkit-transition:transform ease-in-out 0.3s;-moz-transition:transform ease-in-out 0.3s;-o-transition:transform ease-in-out 0.3s;transition:transform ease-in-out 0.3s}

8.t-popup_show .t-popup__container{-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}

9.t-popup__container.t-popup__container-static{margin:65px auto;top:0;position:relative;left:auto;right:auto;width:100%;-moz-transform:translateY(30%) scale(.9);-ms-transform:translateY(30%) scale(.9);-webkit-transform:translateY(30%) scale(.9);-o-transform:translateY(30%) scale(.9);transform:translateY(30%) scale(.9)}

10.t-popup_show .t-popup__container.t-popup__container-static{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}

11.t-popup__close{position:fixed;right:20px;top:20px;width:23px;height:23px;cursor:pointer;-webkit-transition:opacity ease-in-out 0.3s;-moz-transition:opacity ease-in-out 0.3s;-o-transition:opacity ease-in-out 0.3s;transition:opacity ease-in-out 0.3s;z-index:9}

12@media (hover),(min-width:0\0){.t-popup__close:hover{opacity:.7}

13}

14.t-popup__block-close{top:10px;right:10px;width:43px;height:43px}

15.t-popup__block-close-button{width:23px;padding:10px;font-size:0;border:none;background-color:transparent;cursor:pointer}

16.t-body_scroll-locked{position:fixed;left:0;width:100%}