.attention-block{align-items:center;background:#24abf826;border-radius:8px;display:flex;overflow:hidden;padding:8px 12px;position:relative;width:100%}.attention-block__icon-wrap{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-right:8px;width:24px}.attention-block__icon{max-width:24px}.attention-block__text{color:#f3f3f3;font-size:12px;font-weight:700;letter-spacing:-.03em;line-height:16px;max-width:800px}.attention-block__text .modal-btn{color:#24abf8;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;transition:.2s ease}.attention-block__text .modal-btn:hover{text-decoration-color:#24abf8}.attention-block__close{align-items:center;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-left:8px;position:relative;width:24px}.attention-block__close span{cursor:pointer;display:block;height:16px;transform-origin:center;transition:all .2s ease-in-out;width:16px}.attention-block__close span:after,.attention-block__close span:before{background:#f3f3f3;border-radius:1px;content:"";display:block;height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:12px}.attention-block__close span:after{transform:translate(-50%,-50%) rotate(-45deg)}.attention-block__close span:hover{transform:rotate(90deg)}.attention-block:before{background:#24abf8;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.attention-block.info{background:#24abf826}.attention-block.info:before{background:#24abf8}.attention-block.danger{background:#ff2c5226}.attention-block.danger:before{background:#ff2c52}.attention-block.warning{background:#1b1d32}.attention-block.warning:before{background:#d7b443}