| 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/rospirotorg.ru/bitrix/js/calendar/open-events/list/dist/ |
Upload File : |
.display-absolute .workarea-content-paddings {
position: relative;
height: 100%;
width: 100%;
}
.calendar-open-events {
position: absolute;
inset: 0;
display: flex;
}
.calendar-open-events-list-events {
width: 100%;
}
.--calendar-scroll-bar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 2px;
}
.--calendar-scroll-bar::-webkit-scrollbar {
width: 5px;
}
.--calendar-scroll-bar:hover::-webkit-scrollbar-thumb {
background: var(--ui-color-base-30);
}
.--calendar-scroll-bar::-webkit-scrollbar-thumb {
border-radius: 4px;
background: var(--ui-color-base-20);
}
.--calendar-scroll-bar::-webkit-scrollbar-track {
border-radius: 4px;
background: var(--ui-color-base-02);
}
.calendar-open-events-list {
display: flex;
}
.calendar-open-events-list-loader {
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 100%25 100%25'%3E%3Csvg width='100%25' height='1000' id='c'%3E%3Crect y='66' width='100%25' height='1' fill='%23e5e5e5'/%3E%3Crect x='20' y='22.5' width='150' height='22' rx='8' fill='%23e5e5e5'/%3E%3Crect x='290' y='23' width='20' height='20' rx='8' fill='%23e5e5e5'/%3E%3Crect x='24' y='82' width='220' height='12' rx='4' fill='%23e5e5e5'/%3E%3Crect x='24' y='104' width='80' height='10' rx='4' fill='%23e5e5e5'/%3E%3Crect x='24' y='144' width='130' height='12' rx='4' fill='%23e5e5e5'/%3E%3Crect x='24' y='166' width='80' height='10' rx='4' fill='%23e5e5e5'/%3E%3Crect x='24' y='206' width='180' height='12' rx='4' fill='%23e5e5e5'/%3E%3Crect x='24' y='228' width='80' height='10' rx='4' fill='%23e5e5e5'/%3E%3Crect x='24' y='268' width='120' height='12' rx='4' fill='%23e5e5e5'/%3E%3Crect x='24' y='290' width='80' height='10' rx='4' fill='%23e5e5e5'/%3E%3Cpath fill='%23e5e5e5' d='M0 127h330v1H0zM0 189h330v1H0zM0 251h330v1H0zM0 313h330v1H0z'/%3E%3Crect x='330' height='100%25' width='1' fill='%23e5e5e5'/%3E%3Crect x='354' y='22.5' width='120' height='22' rx='8' fill='%23e5e5e5'/%3E%3Crect x='100%25' y='26' width='20' height='14' rx='5' fill='%23e5e5e5' transform='translate(-40)'/%3E%3Crect x='350' y='86' width='53' height='53' rx='8' fill='%23e5e5e5'/%3E%3Crect x='430' y='94' width='150' height='16' rx='6' fill='%23e5e5e5'/%3E%3Crect x='430' y='120' width='220' height='14' rx='4' fill='%23e5e5e5'/%3E%3Crect x='100%25' y='102' width='44' height='20' rx='8' fill='%23e5e5e5' transform='translate(-214)'/%3E%3Crect x='100%25' y='102' width='32' height='20' rx='8' fill='%23e5e5e5' transform='translate(-130)'/%3E%3Crect x='100%25' y='96' width='32' height='32' rx='100' fill='%23e5e5e5' transform='translate(-60)'/%3E%3Crect x='350' y='180' width='53' height='53' rx='8' fill='%23e5e5e5'/%3E%3Crect x='430' y='188' width='150' height='16' rx='6' fill='%23e5e5e5'/%3E%3Crect x='430' y='214' width='220' height='14' rx='4' fill='%23e5e5e5'/%3E%3Crect x='100%25' y='196' width='44' height='20' rx='8' fill='%23e5e5e5' transform='translate(-214)'/%3E%3Crect x='100%25' y='196' width='32' height='20' rx='8' fill='%23e5e5e5' transform='translate(-130)'/%3E%3Crect x='100%25' y='190' width='32' height='32' rx='100' fill='%23e5e5e5' transform='translate(-60)'/%3E%3Crect x='350' y='274' width='53' height='53' rx='8' fill='%23e5e5e5'/%3E%3Crect x='430' y='282' width='150' height='16' rx='6' fill='%23e5e5e5'/%3E%3Crect x='430' y='308' width='220' height='14' rx='4' fill='%23e5e5e5'/%3E%3Crect x='100%25' y='290' width='44' height='20' rx='8' fill='%23e5e5e5' transform='translate(-214)'/%3E%3Crect x='100%25' y='290' width='32' height='20' rx='8' fill='%23e5e5e5' transform='translate(-130)'/%3E%3Crect x='100%25' y='284' width='32' height='32' rx='100' fill='%23e5e5e5' transform='translate(-60)'/%3E%3Crect x='330' y='159' width='100%25' height='1' fill='%23e5e5e5'/%3E%3Crect x='330' y='252' width='100%25' height='1' fill='%23e5e5e5'/%3E%3Crect x='330' y='345' width='100%25' height='1' fill='%23e5e5e5'/%3E%3C/svg%3E%3Crect id='d' width='100%25' fill='url(%23a)' mask='url(%23b)' height='100%25'/%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23c'/%3E%3C/mask%3E%3ClinearGradient x1='66.6%25' y1='50%25' x2='33.3%25' y2='50%25' id='a'%3E%3Cstop stop-opacity='0' offset='0%25'/%3E%3Cstop stop-opacity='.07' offset='50%25'/%3E%3Cstop stop-opacity='0' offset='100%25'/%3E%3C/linearGradient%3E%3Canimate xlink:href='%23d' attributeName='x' from='-100%25' to='100%25' dur='1s' begin='0s' repeatCount='indefinite'/%3E%3C/svg%3E");
}
.calendar-open-events-list-events-loader {
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 100%25 100%25'%3E%3Csvg width='100%25' height='1000' id='c'%3E%3Crect y='66' width='100%25' height='1' fill='%23e5e5e5'/%3E%3Crect x='24' y='22.5' width='120' height='22' rx='8' fill='%23e5e5e5'/%3E%3Crect x='100%25' y='26' width='20' height='14' rx='5' fill='%23e5e5e5' transform='translate(-40)'/%3E%3Crect x='20' y='86' width='53' height='53' rx='8' fill='%23e5e5e5'/%3E%3Crect x='100' y='94' width='150' height='16' rx='6' fill='%23e5e5e5'/%3E%3Crect x='100' y='120' width='220' height='14' rx='4' fill='%23e5e5e5'/%3E%3Crect x='100%25' y='102' width='44' height='20' rx='8' fill='%23e5e5e5' transform='translate(-214)'/%3E%3Crect x='100%25' y='102' width='32' height='20' rx='8' fill='%23e5e5e5' transform='translate(-130)'/%3E%3Crect x='100%25' y='96' width='32' height='32' rx='100' fill='%23e5e5e5' transform='translate(-60)'/%3E%3Crect x='20' y='180' width='53' height='53' rx='8' fill='%23e5e5e5'/%3E%3Crect x='100' y='188' width='150' height='16' rx='6' fill='%23e5e5e5'/%3E%3Crect x='100' y='214' width='220' height='14' rx='4' fill='%23e5e5e5'/%3E%3Crect x='100%25' y='196' width='44' height='20' rx='8' fill='%23e5e5e5' transform='translate(-214)'/%3E%3Crect x='100%25' y='196' width='32' height='20' rx='8' fill='%23e5e5e5' transform='translate(-130)'/%3E%3Crect x='100%25' y='190' width='32' height='32' rx='100' fill='%23e5e5e5' transform='translate(-60)'/%3E%3Crect x='20' y='274' width='53' height='53' rx='8' fill='%23e5e5e5'/%3E%3Crect x='100' y='282' width='150' height='16' rx='6' fill='%23e5e5e5'/%3E%3Crect x='100' y='308' width='220' height='14' rx='4' fill='%23e5e5e5'/%3E%3Crect x='100%25' y='290' width='44' height='20' rx='8' fill='%23e5e5e5' transform='translate(-214)'/%3E%3Crect x='100%25' y='290' width='32' height='20' rx='8' fill='%23e5e5e5' transform='translate(-130)'/%3E%3Crect x='100%25' y='284' width='32' height='32' rx='100' fill='%23e5e5e5' transform='translate(-60)'/%3E%3Crect y='159' width='100%25' height='1' fill='%23e5e5e5'/%3E%3Crect y='252' width='100%25' height='1' fill='%23e5e5e5'/%3E%3Crect y='345' width='100%25' height='1' fill='%23e5e5e5'/%3E%3C/svg%3E%3Crect id='d' width='100%25' fill='url(%23a)' mask='url(%23b)' height='100%25'/%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23c'/%3E%3C/mask%3E%3ClinearGradient x1='66.6%25' y1='50%25' x2='33.3%25' y2='50%25' id='a'%3E%3Cstop stop-opacity='0' offset='0%25'/%3E%3Cstop stop-opacity='.07' offset='50%25'/%3E%3Cstop stop-opacity='0' offset='100%25'/%3E%3C/linearGradient%3E%3Canimate xlink:href='%23d' attributeName='x' from='-100%25' to='100%25' dur='1s' begin='0s' repeatCount='indefinite'/%3E%3C/svg%3E");
}
.calendar-open-events-list-categories {
display: flex;
flex-direction: column;
min-width: 330px;
max-width: 330px;
border-right: 1px solid var(--ui-color-base-15);
}
.calendar-open-events-list-categories.--filter {
opacity: 0.5;
filter: grayscale(0.4);
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.calendar-open-events-list-category-list {
flex: 1;
}
.calendar-open-events-list-category {
padding: 3px;
}
.calendar-open-events-list-category:not(:last-child) {
border-bottom: 1px solid var(--ui-color-base-15);
}
.calendar-open-events-list-category.--banned {
opacity: 0.5;
}
.calendar-open-events-list-category.--selected .calendar-open-events-list-category-inner {
background-color: var(--ui-color-accent-light-blue);
}
.calendar-open-events-list-category.--all-category {
background-color: var(--ui-color-base-02);
}
.calendar-open-events-list-category-inner {
padding: 9px 11px 9px 21px;
border-radius: 8px;
cursor: pointer;
}
.calendar-open-events-list-category-inner:hover {
background-color: var(--ui-color-base-04);
}
.calendar-open-events-list-category-title {
display: flex;
align-items: center;
font-size: var(--ui-font-size-lg);
font-weight: var(--ui-font-weight-medium);
color: var(--ui-color-base-default);
}
.calendar-open-events-list-category-title .ui-icon-set {
--ui-icon-set__icon-size: 22px;
--ui-icon-set__icon-color: var(--ui-color-base-default);
transition: none;
}
.calendar-open-events-list-category.--selected .ui-icon-set {
--ui-icon-set__icon-color: var(--ui-color-palette-white-base);
}
.calendar-open-events-list-category-title-name {
flex: 1;
display: flex;
align-items: center;
gap: 5px;
overflow: hidden;
white-space: nowrap;
}
.calendar-open-events-list-category-title-name span {
overflow: hidden;
text-overflow: ellipsis;
}
.calendar-open-events-list-category-title-name .ui-icon-set {
--ui-icon-set__icon-size: 16px;
--ui-icon-set__icon-color: var(--ui-color-base-50);
margin-top: 1px;
}
.calendar-open-events-list-category.--selected .calendar-open-events-list-category-title-name .ui-icon-set {
--ui-icon-set__icon-color: rgba(var(--ui-color-on-primary-rgb), 0.5);
}
.calendar-open-events-list-category.--selected .calendar-open-events-list-category-title-name {
color: var(--ui-color-palette-white-base);
}
.calendar-open-events-list-category-info {
margin-top: 5px;
font-size: var(--ui-font-size-xs);
color: var(--ui-color-base-50);
}
.calendar-open-events-list-category.--selected .calendar-open-events-list-category-info {
color: var(--ui-color-palette-white-base);
}
.calendar-open-events-list-category-info span {
color: var(--ui-color-text-subtle);
}
.calendar-open-events-list-category.--selected .calendar-open-events-list-category-info span {
color: var(--ui-color-palette-white-base);
}
.calendar__open-event__list-header {
padding: 0 20px 0 24px;
align-content: center;
display: flex;
flex-direction: row;
height: 66px;
border-bottom: 1px solid var(--ui-color-base-15);
}
.calendar__open-event__list-header__title {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin: auto 5px auto 0;
color: var(--ui-color-base-solid);
font-weight: var(--ui-font-weight-normal);
font-size: var(--ui-font-size-2xl);
}
.calendar__open-event__list-header__icon {
--ui-icon-set__icon-color: var(--ui-color-base-50);
align-self: center;
}
.calendar-open-events-list-item__list-header__menu {
align-self: center;
margin-right: 0;
margin-left: auto;
--ui-icon-set__icon-size: 20px;
--ui-icon-set__icon-color: var(--ui-color-base-70);
}
.calendar-open-events-list-item__list-header__menu:hover {
cursor: pointer;
}
.calendar-open-events-list-menu-item {
display: flex;
align-items: center;
gap: 8px;
}
.calendar-open-events-list-menu-item .ui-icon-set {
--ui-icon-set__icon-size: 24px;
--ui-icon-set__icon-color: var(--ui-color-base-80);
}
.calendar-open-events-list-categories-title-container {
display: flex;
align-items: center;
height: 66px;
border-bottom: 1px solid var(--ui-color-base-15);
}
.calendar-open-events-list-categories-title {
flex: 1;
display: flex;
align-items: center;
margin: 0 14px 0 20px;
overflow: hidden;
}
.calendar-open-events-list-categories-search {
flex: 1;
position: relative;
display: flex;
margin: 0 8px;
}
.calendar-open-events-list-categories-search-input {
all: unset;
background-color: rgba(var(--ui-color-base-solid-rgb), var(--ui-opacity-5));
border-radius: 4px;
padding: 8px 32px 8px 11px;
flex: 1;
}
.calendar-open-events-list-categories-search-input::placeholder {
color: var(--ui-color-base-40);
}
.calendar-open-events-list-categories-close-search-button {
display: flex;
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-50%);
opacity: 0.4;
cursor: pointer;
transition: opacity 0.2s ease;
}
.calendar-open-events-list-categories-close-search-button:hover {
opacity: 0.6;
}
.calendar-open-events-list-categories-title-text {
margin-right: auto;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: var(--ui-font-size-sm);
font-weight: var(--ui-font-weight-medium);
color: var(--ui-color-text-subtle);
text-transform: var(--ui-text-transform-uppercase);
cursor: default;
}
.calendar-open-events-list-categories-title-button {
display: flex;
margin-left: 5px;
padding: 0 6px;
border-radius: 1in;
cursor: pointer;
transition: box-shadow 0.16s ease;
}
.calendar-open-events-list-categories-title-button:hover {
box-shadow: inset 0 0 0 999px rgba(0, 0, 0, 0.03);
}
.calendar-open-events-list-categories-title-button .ui-icon-set {
--ui-icon-set__icon-size: 22px;
--ui-icon-set__icon-color: var(--ui-color-base-50);
}
.calendar-open-events-list-events {
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
}
.calendar-open-events-list-events:not(.--updating) .main-ui-loader {
display: none;
}
.calendar-open-events-list-events-list {
flex: 1;
position: relative;
}
.calendar-open-events-list-item {
display: flex;
padding: 20px;
align-items: flex-start;
border-bottom: 1px solid var(--ui-color-base-15);
}
.calendar-open-events-list-item-info {
flex: 1;
display: flex;
}
.calendar-open-events-list-item-actions {
display: flex;
margin-left: auto;
align-items: center;
justify-content: space-between;
gap: 10px;
min-width: 200px;
margin-top: 10px;
}
.calendar-open-events-list-item-name {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
row-gap: 8px;
margin-top: 4px;
margin-right: 16px;
}
.calendar-open-events-list-event-time {
display: flex;
gap: 10px;
font-size: var(--ui-font-size-lg);
white-space: nowrap;
}
.calendar-open-events-list-event-time-datetime {
color: var(--ui-color-base-90);
}
.calendar-open-events-list-event-time-full-day {
font-weight: var(--ui-font-weight-medium);
}
.calendar-open-events-list-event-time-full-day::first-letter {
text-transform: capitalize;
}
.calendar-open-events-list-event-time-recursion {
background-color: var(--ui-color-palette-blue-15);
border-radius: 16px;
padding: 2px 8px;
display: flex;
align-items: center;
cursor: default;
}
.calendar-open-events-list-event-time-recursion .ui-icon-set {
--ui-icon-set__icon-size: 16px;
--ui-icon-set__icon-color: var(--ui-color-palette-blue-90);
}
.calendar-open-events-list-event-time-rrule {
margin-left: 5px;
color: var(--ui-color-palette-blue-80);
font-size: var(--ui-font-size-xs);
}
.calendar-open-events-list-events-empty {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
transform: translateY(-6px);
}
.calendar-open-events-list-events-empty-icon {
width: 163px;
height: 133px;
margin-bottom: 23px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 198 162' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M142.299 5.278a2.167 2.167 0 100-4.334 2.167 2.167 0 000 4.334zM35.342 24.002a4.699 4.699 0 100-9.397 4.699 4.699 0 000 9.397zm-.002-2.62a2.079 2.079 0 100-4.157 2.079 2.079 0 000 4.157zM11.471 69.876a6.329 6.329 0 100-12.658 6.329 6.329 0 000 12.658zm-.001-3.303a3.026 3.026 0 100-6.052 3.026 3.026 0 000 6.052zm160.682 82.938a4.506 4.506 0 100-9.012 4.506 4.506 0 000 9.012zm-.001-2.345a2.16 2.16 0 10.001-4.32 2.16 2.16 0 00-.001 4.32zm-72.119 13.919c42.796 0 77.49-34.693 77.49-77.49 0-42.796-34.694-77.489-77.49-77.489-42.796 0-77.49 34.693-77.49 77.49 0 42.796 34.694 77.489 77.49 77.489zm-77.526-5.417H7.442c-.13 0-.257-.004-.384-.014-3.404-.08-6.14-2.941-6.14-6.458a6.558 6.558 0 011.845-4.571 6.285 6.285 0 012.099-1.424 6.917 6.917 0 011.927-5.35 6.546 6.546 0 014.694-1.995c2.255.003 4.246 1.161 5.443 2.93a5.296 5.296 0 011.817-.319c2.814.004 5.126 2.209 5.394 5.029 2.697.604 4.715 3.073 4.713 6.026-.003 3.402-2.688 6.158-5.998 6.157a5.66 5.66 0 01-.346-.011zM182.15 35.833h10.691c.081.004.163.007.245.007 2.35 0 4.255-1.879 4.257-4.198.002-2.013-1.43-3.697-3.344-4.109-.19-1.923-1.831-3.426-3.829-3.428-.452 0-.886.076-1.289.217a4.72 4.72 0 00-3.862-1.998c-1.25 0-2.448.488-3.332 1.36a4.622 4.622 0 00-1.368 3.648c-.552.22-1.06.548-1.489.971a4.375 4.375 0 00-1.309 3.116c0 2.399 1.941 4.35 4.357 4.404.09.006.181.01.272.01z' fill='%23EEF2F4'/%3E%3Cg filter='url(%23filter0_d_510_5255)'%3E%3Crect x='50.973' y='38.166' width='96.744' height='35.262' rx='5.925' fill='%23DFE0E3'/%3E%3C/g%3E%3Cg filter='url(%23filter1_d_510_5255)'%3E%3Crect x='50.973' y='60.859' width='96.744' height='67.811' rx='5.925' fill='%23D5D7DB'/%3E%3C/g%3E%3Crect x='50.973' y='58.732' width='96.744' height='67.811' rx='5.925' fill='%23DFE0E3'/%3E%3Crect x='50.973' y='56.606' width='96.744' height='67.811' rx='5.925' fill='%23fff'/%3E%3Crect opacity='.3' x='60.063' y='66.761' width='10.631' height='10.631' rx='1.991' fill='%23BDC1C6'/%3E%3Crect opacity='.3' x='60.063' y='84.834' width='10.631' height='10.631' rx='1.991' fill='%23BDC1C6'/%3E%3Crect opacity='.3' x='60.063' y='102.907' width='10.631' height='10.631' rx='1.991' fill='%23BDC1C6'/%3E%3Crect opacity='.3' x='77.023' y='66.761' width='10.631' height='10.631' rx='1.991' fill='%23BDC1C6'/%3E%3Crect x='77.023' y='84.834' width='10.631' height='10.631' rx='1.991' fill='%23C9CCD0'/%3E%3Crect opacity='.3' x='77.023' y='102.907' width='10.631' height='10.631' rx='1.991' fill='%23BDC1C6'/%3E%3Crect opacity='.3' x='93.984' y='66.761' width='10.631' height='10.631' rx='1.991' fill='%23BDC1C6'/%3E%3Crect opacity='.3' x='93.984' y='84.834' width='10.631' height='10.631' rx='1.991' fill='%23BDC1C6'/%3E%3Crect opacity='.3' x='93.984' y='102.907' width='10.631' height='10.631' rx='1.991' fill='%23BDC1C6'/%3E%3Crect opacity='.3' x='110.945' y='66.761' width='10.631' height='10.631' rx='1.991' fill='%23BDC1C6'/%3E%3Crect opacity='.3' x='110.945' y='84.834' width='10.631' height='10.631' rx='1.991' fill='%23BDC1C6'/%3E%3Crect opacity='.3' x='127.906' y='66.761' width='10.631' height='10.631' rx='1.991' fill='%23BDC1C6'/%3E%3Crect opacity='.3' x='127.906' y='84.834' width='10.631' height='10.631' rx='1.991' fill='%23BDC1C6'/%3E%3Crect opacity='.25' x='69.043' y='31.836' width='7.442' height='19.136' rx='3.721' fill='%23BDC1C6'/%3E%3Crect x='69.043' y='29.71' width='7.442' height='19.136' rx='3.721' fill='%23BDC1C6'/%3E%3Crect opacity='.25' x='123.266' y='31.836' width='7.442' height='19.136' rx='3.721' fill='%23BDC1C6'/%3E%3Crect x='123.266' y='29.71' width='7.442' height='19.136' rx='3.721' fill='%23BDC1C6'/%3E%3Cdefs%3E%3Cfilter id='filter0_d_510_5255' x='48.433' y='36.473' width='101.821' height='40.34' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='.846'/%3E%3CfeGaussianBlur stdDeviation='1.27'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0.294118 0 0 0 0 0.388235 0 0 0 0.09 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_510_5255'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_510_5255' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_510_5255' x='48.433' y='59.166' width='101.821' height='72.89' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='.846'/%3E%3CfeGaussianBlur stdDeviation='1.27'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0.294118 0 0 0 0 0.388235 0 0 0 0.09 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_510_5255'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_510_5255' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.calendar-open-events-list-events-empty-title {
text-align: center;
margin-bottom: 10px;
font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-light, 300);
font-size: var(--ui-font-size-4xl, 24px);
line-height: var(--ui-font-line-height-3xs, 1.2);
}
.calendar-open-events-category-edit-popup {
display: none;
flex-direction: column;
padding: 6px 14px;
}
.popup-window .calendar-open-events-category-edit-popup {
display: flex !important;
}
.calendar-open-events-category-edit-name-input {
all: unset;
background-color: var(--ui-color-base-03);
border-radius: 8px;
padding: 5px 8px;
font-size: var(--ui-font-size-4xl);
flex: 1;
}
.calendar-open-events-category-edit-name-input::placeholder {
color: var(--ui-color-base-60);
}
.calendar-open-events-category-edit-channel-loader {
width: 150px;
height: 22px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' width='150' height='22'%3E%3Crect x='0' y='0' width='150' rx='8' fill='%23e5e5e5' height='22' id='c'/%3E%3Crect id='d' width='100%25' fill='url(%23a)' mask='url(%23b)' height='100%25'/%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23c'/%3E%3C/mask%3E%3ClinearGradient x1='66.6%25' y1='50%25' x2='33.3%25' y2='50%25' id='a'%3E%3Cstop stop-opacity='0' offset='0%25'/%3E%3Cstop stop-opacity='.07' offset='50%25'/%3E%3Cstop stop-opacity='0' offset='100%25'/%3E%3C/linearGradient%3E%3Canimate xlink:href='%23d' attributeName='x' from='-100%25' to='100%25' dur='1s' begin='0s' repeatCount='indefinite'/%3E%3C/svg%3E");
}
.calendar-open-events-category-edit-channel {
display: flex;
align-items: center;
margin-top: 20px;
overflow: hidden;
width: 100%;
white-space: nowrap;
gap: 12px;
cursor: default;
}
.calendar-open-events-category-edit-channel.--edit {
cursor: pointer;
}
.calendar-open-events-category-edit-channel .ui-icon-set {
--ui-icon-set__icon-size: 22px;
--ui-icon-set__icon-color: var(--ui-color-base-50);
}
.calendar-open-events-category-edit-channel-text {
color: var(--ui-color-base-60);
font-size: var(--ui-font-size-xl);
}
.calendar-open-events-category-edit-channel-avatar {
min-width: 24px;
max-width: 24px;
height: 24px;
border-radius: 4px;
object-fit: cover;
text-align: center;
line-height: 24px;
font-size: var(--ui-font-size-sm);
text-transform: uppercase;
font-weight: var(--ui-font-weight-semi-bold);
color: var(--ui-color-palette-white-base);
}
.calendar-open-events-category-edit-channel-name {
overflow: hidden;
text-overflow: ellipsis;
font-size: var(--ui-font-size-lg);
font-weight: var(--ui-font-weight-medium);
}
.calendar-open-events-category-edit-close {
display: flex;
gap: 12px;
margin: 20px 0;
}
.calendar-open-events-category-edit-close.--disabled {
opacity: 0.5;
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.calendar-open-events-category-edit-close-switcher {
display: flex;
align-items: center;
height: 20px;
}
.calendar-open-events-category-edit-close-body {
flex: 1;
}
.calendar-open-events-category-edit-close-title {
color: var(--ui-color-base-60);
font-size: var(--ui-font-size-xl);
line-height: 20px;
}
.calendar-open-events-category-edit-close.--closed .calendar-open-events-category-edit-close-title {
color: var(--ui-color-text-primary);
}
.calendar-open-events-category-edit-close-hint {
color: var(--ui-color-base-60);
font-size: var(--ui-font-size-3xs);
line-height: var(--ui-font-line-height-sm);
}
.calendar-open-events-category-edit-close-users {
margin-top: 10px;
}
.calendar-open-events-category-edit-description-textarea {
all: unset;
min-height: 77px;
margin-bottom: 20px;
padding: 8px 17px;
border: 1px solid var(--ui-color-base-30);
border-radius: 8px;
font-size: var(--ui-font-size-md);
}
.calendar-open-events-category-edit-description-textarea::placeholder {
color: var(--ui-color-base-60);
}
.calendar-open-events-category-edit-buttons {
display: flex;
justify-content: center;
align-items: center;
gap: 70px;
}
.calendar-open-events-category-edit-button-create {
display: flex;
align-items: center;
gap: 6px;
color: #8DBB00;
font-size: var(--ui-font-size-sm);
font-weight: var(--ui-font-weight-semi-bold);
text-transform: var(--ui-text-transform-uppercase);
cursor: pointer;
}
.calendar-open-events-category-edit-button-create:hover {
opacity: 0.8;
}
.calendar-open-events-category-edit-button-create .ui-icon-set {
--ui-icon-set__icon-size: 24px;
--ui-icon-set__icon-color: #8DBB00;
}
.calendar-open-events-category-edit-button-cancel {
color: #A8ADB4;
font-size: var(--ui-font-size-sm);
font-weight: var(--ui-font-weight-semi-bold);
text-transform: var(--ui-text-transform-uppercase);
cursor: pointer;
}
.calendar-open-events-category-edit-button-cancel:hover {
opacity: 0.8;
}
.calendar-open-events-category-edit-popup-container .popup-window-content {
padding: 0;
background: none;
}
.calendar-open-events-category-edit-popup-container .popup-window-titlebar {
max-height: 15px;
}
.calendar-open-events-list-calendar-sheet {
position: relative;
height: 51px;
min-width: 50px;
margin: 0 15px 0 0;
border-radius: 8px;
border: 1px solid rgb(43, 186, 244);
}
.calendar-open-events-list-calendar-sheet-header {
display: flex;
align-items: center;
justify-content: space-evenly;
height: 9px;
background: rgb(43, 186, 244);
border-radius: 5px 5px 0 0;
}
.calendar-open-events-list-calendar-sheet-header-hole {
background: var(--ui-color-on-primary);
opacity: 0.5;
height: 4px;
width: 4px;
border-radius: 100%;
}
.calendar-open-events-list-calendar-sheet-content {
display: flex;
flex-direction: column;
align-items: center;
font-weight: var(--ui-font-weight-bold);
text-transform: var(--ui-text-transform-uppercase);
}
.calendar-open-events-list-calendar-sheet-date {
color: var(--ui-color-base-90);
font-size: var(--ui-font-size-lg);
}
.calendar-open-events-list-calendar-sheet-month {
color: var(--ui-color-base-50);
font-size: var(--ui-font-size-6xs);
}
.calendar-open-events-list-calendar-sheet-time {
font-size: var(--ui-font-size-7xs);
}
.calendar-open-events-list-calendar-sheet-crown {
position: absolute;
top: 0;
right: 0;
transform: translate(40%, -40%);
display: flex;
padding: 2px;
border-radius: 100%;
border: 1px solid var(--ui-color-on-primary);
background-color: var(--ui-color-primary-alt);
}
.calendar-open-events-list-calendar-sheet-crown .ui-icon-set {
--ui-icon-set__icon-size: 14px;
--ui-icon-set__icon-color: var(--ui-color-on-primary);
}
.calendar-open-events-list-item__attend-button {
--ui-icon-set__icon-color: var(--ui-color-base-70);
}
.calendar-open-events-list-item__attend-button.--on {
--ui-btn-icon: url('/bitrix/js/ui/icon-set/actions/images/plus-30.svg');
}
.calendar-open-events-list-item__attend-button.--off {
--ui-btn-icon: url('/bitrix/js/ui/icon-set/actions/images/minus-30.svg');
}
.calendar-open-events-list-item__attend-button::after {
position: initial;
transform: none;
}
.calendar-open-events-list-item-comment-counter {
display: flex;
column-gap: 4px;
cursor: pointer;
}
.calendar-open-events-list-item-comment-counter .ui-icon-set {
--ui-icon-set__icon-size: 20px;
--ui-icon-set__icon-color: var(--ui-color-base-70);
}
.calendar-open-events-list-item-attendee-counter {
display: flex;
align-items: center;
column-gap: 4px;
color: var(--ui-color-base-90);
font-size: var(--ui-font-size-xs);
}
.calendar-open-events-list-item-attendee-counter .ui-icon-set {
--ui-icon-set__icon-size: 20px;
--ui-icon-set__icon-color: var(--ui-color-base-70);
}
.calendar-open-events-list-item__block-name {
row-gap: 8px;
margin-top: 4px;
margin-right: 16px;
}
.calendar-open-events-list-item__event-name {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
color: var(--ui-color-base-solid);
font-size: var(--ui-font-size-lg);
font-weight: var(--ui-font-weight-medium);
}
.calendar-open-events-list-item__event-name-with-counter {
position: relative;
display: flex;
flex-direction: row;
column-gap: 8px;
}
.calendar-open-events-list-event-name-category {
position: absolute;
top: -18px;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: var(--ui-color-accent-light-blue);
font-weight: var(--ui-font-weight-medium);
font-size: 12px;
pointer-events: none;
}
.calendar-open-events-list-item__event-name-with-counter:hover {
cursor: pointer;
}