| Server IP : 80.87.202.40 / Your IP : 216.73.216.169 Web Server : Apache System : Linux rospirotorg.ru 5.14.0-539.el9.x86_64 #1 SMP PREEMPT_DYNAMIC Thu Dec 5 22:26:13 UTC 2024 x86_64 User : bitrix ( 600) PHP Version : 8.2.27 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/bitrix/ext_www/cvetdv.ru/bitrix/js/im/v2/component/elements/loader/src/spinner/ |
Upload File : |
.bx-im-elements-spinner__scope {
--im-elements-spinner__border-color_spinner-blue: #00ace3;
--im-elements-spinner__border-color_spinner-grey: #c0c3c8;
--im-elements-spinner__border-color_spinner-copilot: #8e52ec;
}
.bx-im-elements-spinner__container {
display: flex;
justify-content: center;
align-items: center;
flex: 1 0 auto;
}
.bx-im-elements-spinner__spinner {
opacity: 0.2;
border-radius: 50%;
border-style: solid;
border-color:
var(--im-elements-spinner__border-color_spinner-blue)
var(--im-elements-spinner__border-color_spinner-blue)
var(--im-elements-spinner__border-color_spinner-blue)
transparent
;
animation: spinner-animation 1s infinite linear;
}
.bx-im-elements-spinner__spinner.--color-grey {
opacity: 1;
border-top-color: var(--im-elements-spinner__border-color_spinner-grey);
border-right-color: var(--im-elements-spinner__border-color_spinner-grey);
border-bottom-color: var(--im-elements-spinner__border-color_spinner-grey);
}
.bx-im-elements-spinner__spinner.--color-copilot {
opacity: 1;
border-top-color: var(--im-elements-spinner__border-color_spinner-copilot);
border-right-color: var(--im-elements-spinner__border-color_spinner-copilot);
border-bottom-color: var(--im-elements-spinner__border-color_spinner-copilot);
}
.bx-im-elements-spinner__spinner.--size-xxs {
width: 16px;
height: 16px;
border-width: 2px;
}
.bx-im-elements-spinner__spinner.--size-xs {
width: 22px;
height: 22px;
border-width: 2px;
}
.bx-im-elements-spinner__spinner.--size-s {
width: 60px;
height: 60px;
border-width: 4px;
}
.bx-im-elements-spinner__spinner.--size-l {
width: 106px;
height: 106px;
border-width: 5px;
}
@keyframes spinner-animation {
to {
transform: rotate(1turn)
}
}