Current Path : /var/www/www-root/data/www/www.monolith-realty.ru/bitrix/js/ui/advice/dist/ |
Current File : /var/www/www-root/data/www/www.monolith-realty.ru/bitrix/js/ui/advice/dist/advice.bundle.css |
.ui-advice { display: flex; align-items: flex-end; margin-top: 12px; } .ui-advice.--angle-top { align-items: flex-start; } .ui-advice.--angle-bottom { align-items: flex-end; } .ui-advice__avatar-box { margin-right: 5px; margin-left: 8px; } .ui-advice.--angle-top .ui-advice__avatar-box { margin-top: 3px; } .ui-advice__text-box { position: relative; flex-grow: 1; max-width: 77%; padding: 12px 19px; margin-left: 9px; border-radius: 23px; border: var(--ui-border-width-thin, 1px) solid var(--ui-color-primary, #2fc6f6); background-color: var(--ui-color-background-primary, #ffffff); font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-size: var(--ui-font-size-md, 14px); line-height: var(--ui-font-line-height-md, 1.4); font-weight: var(--ui-font-weight-regular, 400); color: var(--ui-color-text-primary, #333); } .ui-advice__text-box::before { content: ''; display: block; position: absolute; width: 14px; height: 12px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.351 11.162a.493.493 0 00-.006-.009C8.41 10.72 3.75 9.562.412 6.467c-.816-.757-.323-2.04.735-2.385C3.505 3.314 5.567 2.106 7.22.898l.01-.004 1.044-.73 2.519 5.298 3.075 6.083-2.517-.383z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.49 10.164a1 1 0 01.67.41c.193.272.393.54.598.803l-1.407-.215-.006-.009C8.41 10.72 3.75 9.562.412 6.467c-.816-.757-.323-2.04.735-2.385C3.505 3.314 5.567 2.106 7.22.898l.01-.004.934-.654c.02.168.042.335.066.502a1 1 0 01-.4.948C6.115 2.946 3.952 4.22 1.457 5.033a.674.674 0 00-.431.404.316.316 0 00-.016.168.244.244 0 00.083.128C4.205 8.62 8.617 9.74 11.49 10.163z' fill='%2337C8F6'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; } .ui-advice.--angle-top .ui-advice__text-box::before { left: -8.2px; top: 8px; transform: scale(1, -1); } .ui-advice.--angle-bottom .ui-advice__text-box::before { left: -8.2px; bottom: 8px; }