.tip__container{z-index:5000;position:absolute;inset:0}.tip__overlay{z-index:1;background:0 0;width:100%;height:100%;position:fixed}.tip__overlay-windowed{border-radius:4px;position:absolute;box-shadow:0 0 0 9999px #cccccc80}.tip__box{z-index:2;color:#f7f7f7;background-color:#626262;border-radius:4px;padding:20px;position:relative;box-shadow:0 2px 4px #00000080}.tip__box:not(.--tipless):after{content:"";border-bottom:10px solid #626262;border-left:10px solid #0000;border-right:10px solid #0000;width:0;height:0;position:absolute;top:-10px}.tip__box.--left:after{left:20px}.tip__box.--right:after{right:20px}.tip__box.--top:after{margin-left:-10px;left:50%}.tip__box.--custom-messenger:after{content:"";border:10px solid #0000;border-left-color:#626262;border-right:none;width:0;height:0;margin-left:0;position:absolute;top:auto;bottom:30px;right:-10px}@media (max-width:767px){.tip__box.--custom-messenger:after{border:10px solid #0000;border-top-color:#626262;border-bottom:none;bottom:-10px;right:20px}}.tip__box__wrapper{position:absolute}.tip__box__wrapper.--custom{position:fixed}@media (max-width:767px){.tip__box__wrapper{width:calc(100% - 40px)!important}}.tip__box__close{cursor:pointer;font-size:20px;position:absolute;top:20px;right:20px}.tip__box__title{margin-bottom:10px;padding-right:30px;font-size:16px;font-weight:700;line-height:22px}.tip__box__body{padding-right:30px}