@media screen and (max-width: 480px) { /*Максимальная ширина смартфона где будет применяться эффект сетки зеро-блока*/
.t-col { padding: 0 10px !important; } /*Это отступы слева и справа до контента в Grid-контейнере*/
.t-container {
    max-width: 320px !important; /*Это максимальная ширина контейнера в зеро-блоке, при отображении мобильного*/
}
}

.glassmorphism .tn-atom { border-radius: 0px 0px 30px 30px; -webkit-box-shadow: inset -22px 22px 22px px #ffffff10; -moz-box-shadow: inset -22px 22px 22px px #ffffff10; box-shadow: inset -22px 22px 22px px #ffffff10; } .glassmorphism { backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(50px); filter: blur(0px); -webkit-filter: blur(0px); border-radius: 0px 0px 30px 30px; }
 .glassmorphism30 .tn-atom { border-radius: 30px 30px 30px 30px; -webkit-box-shadow: inset -22px 22px 22px px #ffffff10; -moz-box-shadow: inset -22px 22px 22px px #ffffff10; box-shadow: inset -22px 22px 22px px #ffffff10; } .glassmorphism30 { backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(50px); filter: blur(0px); -webkit-filter: blur(0px); border-radius: 30px 30px 30px 30px; } 
 



 



 .glass3 .tn-atom { border-radius: 150px 150px 150px 150px;   -webkit-box-shadow: inset 5px -5px 5px 0px #a5a5a520; -moz-box-shadow: inset 5px -5px 5px 0px #a5a5a520; box-shadow: inset 5px -5px 5px 0px #a5a5a520; } .glass3 {} .glass3 > .tn-atom__sbs-anim-wrapper > .tn-atom, .glass3 > .tn-atom__sbs-anim-wrapper {backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px); filter: blur(0px); -webkit-filter: blur(0px); border-radius: 150px 150px 150px 150px; }.glass3 > .tn-atom {backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px); filter: blur(0px); -webkit-filter: blur(0px); border-radius: 150px 150px 150px 150px; opacity: unset!important;background-color: #14141410!important;}



 .glass2 .tn-atom { border-radius: 150px 150px 150px 150px;   -webkit-box-shadow: inset -5px 5px 5px 0px #ffffff20; -moz-box-shadow: inset -5px 5px 5px 0px #ffffff20; box-shadow: inset -5px 5px 5px 0px #ffffff20; } .glass2 {} .glass2 > .tn-atom__sbs-anim-wrapper > .tn-atom, .glass2 > .tn-atom__sbs-anim-wrapper {backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px); filter: blur(0px); -webkit-filter: blur(0px); border-radius: 150px 150px 150px 150px; }.glass2 > .tn-atom {backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px); filter: blur(0px); -webkit-filter: blur(0px); border-radius: 150px 150px 150px 150px; opacity: unset!important;background-color: #14141410!important;}

 .glass1 .tn-atom { border-radius: 30px 30px 30px 30px;   -webkit-box-shadow: inset -10px 10px 10px 0px #ffffff30; -moz-box-shadow: inset -10px 10px 10px 0px #ffffff30; box-shadow: inset -10px 10px 10px 0px #ffffff30; } .glass1 {} .glass1 > .tn-atom__sbs-anim-wrapper > .tn-atom, .glass1 > .tn-atom__sbs-anim-wrapper {backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px); filter: blur(0px); -webkit-filter: blur(0px); border-radius: 30px 30px 30px 30px; }.glass1 > .tn-atom {backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px); filter: blur(0px); -webkit-filter: blur(0px); border-radius: 30px 30px 30px 30px; opacity: unset!important;background-color: #14141410!important;}

 .glass .tn-atom { border-radius: 30px 30px 30px 30px;   -webkit-box-shadow: inset 10px -10px 10px 0px #a5a5a530; -moz-box-shadow: inset 10px -10px 10px 0px #a5a5a530; box-shadow: inset 10px -10px 10px 0px #a5a5a530; } .glass {} .glass > .tn-atom__sbs-anim-wrapper > .tn-atom, .glass > .tn-atom__sbs-anim-wrapper {backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px); filter: blur(0px); -webkit-filter: blur(0px); border-radius: 30px 30px 30px 30px; }.glass > .tn-atom {backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px); filter: blur(0px); -webkit-filter: blur(0px); border-radius: 30px 30px 30px 30px; opacity: unset!important;background-color: #14141410!important;}

 .myshape .tn-atom { border-radius: 5px 5px 5px 5px;   -webkit-box-shadow: inset 25px -25px 25px 0px #a5a5a510; -moz-box-shadow: inset 25px -25px 25px 0px #a5a5a510; box-shadow: inset 25px -25px 25px 0px #a5a5a510; } .myshape {} .myshape > .tn-atom__sbs-anim-wrapper > .tn-atom, .myshape > .tn-atom__sbs-anim-wrapper {backdrop-filter: blur(50px);-webkit-backdrop-filter: blur(50px); filter: blur(10px); -webkit-filter: blur(10px); border-radius: 5px 5px 5px 5px; }.myshape > .tn-atom {backdrop-filter: blur(50px);-webkit-backdrop-filter: blur(50px); filter: blur(10px); -webkit-filter: blur(10px); border-radius: 5px 5px 5px 5px; opacity: unset!important;background-color: #14141410!important;}
 
 
 .screen .tn-atom { mix-blend-mode: screen;}