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/rest/market-expired/src/ |
Upload File : |
.rest-market-expired-popup-wrapper { background: transparent; backdrop-filter: blur(8px); justify-content: center; } .rest-market-expired-popup-wrapper .popup-window-content { overflow: visible !important; } .rest-market-expired-popup__container { background: transparent; display: flex; align-items: center; } .rest-market-expired-popup__content-wrapper { background-color: #FFFFFF; display: flex; gap: 32px; align-items: center; max-width: 916px; min-height: 253px; padding: 32px 40px; border-radius: 18px; position: relative; overflow: hidden; } .rest-market-expired-popup__content-wrapper::before { content: ''; position: absolute; opacity: .05; right: 80px; bottom: -50px; height: 466px; width: 531px; background: url("../images/marketplace-logo-color.svg") no-repeat; background-size: cover; } .rest-market-expired-popup__discount { display: flex; flex-direction: column; width: 200px; background-color: rgba(22, 113, 219, 0.72); border-radius: 18px 0 0 18px; padding: 32px 36px 32px 24px; margin-right: -12px; position: relative; overflow: hidden; } .rest-market-expired-popup__close-icon { position: absolute; right: 10px; top: 10px; cursor: pointer; --ui-icon-set__icon-color: var(--ui-color-base-50); } .rest-market-expired-popup__close-icon:hover { opacity: .8; } .rest-market-expired-popup__discount:before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 110px; background-image: url("../images/glance.svg"); background-size: 100% 100%; animation: marketExpiredPopupGlance 1s ease-in-out; animation-fill-mode: both; animation-delay: 3s; } .rest-market-expired-popup__discount-percentage { margin: 0; font-size: 40px; font-weight: var(--ui-font-weight-bold); color: var(--ui-color-white-base); } .rest-market-expired-popup__discount-terms { font-weight: var(--ui-font-weight-normal); color: var(--ui-color-white-base); opacity: .5; } .rest-market-expired-popup__discount-terms:hover { opacity: 1; color: var(--ui-color-white-base); } @keyframes marketExpiredPopupGlance { from { left: -110px; } to { left: 100%; } } .rest-market-expired-popup__discount:after { content: ''; display: inline-block; background-image: url("../images/discount-arrow.svg"); height: 70px; width: 47px; margin-left: auto; margin-top: 12px; } .rest-market-expired-popup__discount--subscription { width: 132px; } .rest-market-expired-popup__discount-description { margin: 0; font-size: var(--ui-font-size-2xl); font-weight: var(--ui-font-weight-semi-bold); line-height: 21px; color: var(--ui-color-palette-blue-30); } .rest-market-expired-popup__discount-description-white { color: #FFFFFF; } .rest-market-expired-popup__discount--subscription .rest-market-expired-popup__discount-description { font-size: var(--ui-font-size-md); font-weight: var(--ui-font-weight-normal); line-height: 19px; color: var(--ui-color-palette-blue-20); } .rest-market-expired-popup__content { width: 500px; display: flex; flex-direction: column; } .rest-market-expired-popup__title { font-weight: var(--ui-font-weight-semi-bold); font-size: var(--ui-font-size-5xl); line-height: 31px; color: #282828; } .rest-market-expired-popup__description { margin-top: 24px; font-size: var(--ui-font-size-sm); line-height: 18px; color: #555555; } .rest-market-expired-popup__description-text { margin: 0; } .rest-market-expired-popup__description-text:not(:first-child) { margin-top: 18px; } .rest-market-expired-popup__details { margin: 14px 0 0 0; font-size: var(--ui-font-size-md); line-height: 16px; } .rest-market-expired-popup__link, .rest-market-list__link { cursor: pointer; display: inline-flex; border-bottom: 1px dashed rgba(var(--ui-color-link-primary-base-rgb), var(--ui-opacity-40)); } .rest-market-expired-popup__link:hover, .rest-market-list__link:hover { border-bottom: 1px solid var(--ui-color-background-transparent); } .rest-market-expired-popup__aside { position: relative; width: 256px; border-radius: 14px; padding: 24px; gap: 32px; display: flex; flex-direction: column; background: linear-gradient(rgba(5, 191, 255, .1), rgba(5, 191, 255, .1), rgba(33, 237, 176, .1)); } .rest-market-expired-popup__aside:before { content: ''; position: absolute; top: -12px; left: -20px; width: 40px; height: 40px; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.11); border-radius: 50%; background: #FFFFFF url("../images/marketplace-logo-color.svg") no-repeat center; } .rest-market-item { display: flex; align-items: center; overflow: hidden; height: 48px; } .rest-market-list__header { display: flex; width: 100%; justify-content: space-between; align-items: center; } .rest-market-list__title { color: var(--ui-color-palette-black-base); font-size: var(--ui-font-size-2xl); line-height: 21px; font-weight: var(--ui-font-weight-medium); } .rest-market-list__link { font-size: var(--ui-font-size-sm); line-height: 16px; } .rest-market-item__icon-container { box-sizing: border-box; display: flex; min-width: 40px; min-height: 40px; border-radius: 12px; border: 1px solid var(--ui-color-palette-blue-30); background-color: var(--ui-color-palette-blue-10); align-items: center; justify-content: center; } .rest-market-item__icon { --ui-icon-set__icon-size: 28px; --ui-icon-set__icon-color: var(--ui-color-palette-blue-60); } .rest-market-item__name { min-height: 100%; flex-grow: 1; margin-left: 12px; color: var(--ui-color-palette-gray-90); font-size: var(--ui-font-size-xl); font-weight: var(--ui-font-weight-medium); line-height: 19px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-flex; align-items: center; } .rest-market-item:not(:last-child) .rest-market-item__name { box-sizing: border-box; border-bottom: solid 1px rgba(16, 123, 250, 0.07); } .rest-market-list__container { margin-top: 18px; display: flex; flex-direction: column; gap: 16px; } .rest-market-expired-popup__buttons-wrapper { padding-top: 24px; margin-top: auto; display: flex; flex-direction: column; gap: 12px; } .rest-market-expired-popup__button-container { display: flex; flex-basis: 100%; align-items: center; } .rest-market-expired-popup__button:first-child { flex: 1; } .rest-market-expired-popup__button.ui-btn-link.ui-btn { padding: 0 19px; --ui-btn-color: var(--ui-color-palette-gray-40); --ui-btn-color-hover: var(--ui-color-base-90); --ui-btn-color-active: var(--ui-color-base-90); } .rest-market-expired-popup__show, .rest-market-expired-popup-discount__show { animation: marketExpiredPopupShow 500ms ease-out; animation-fill-mode: both; } @keyframes marketExpiredPopupShow { from { transform: translateY(-5%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } .rest-market-expired-curtain { color: var(--ui-color-white-base); font-size: var(--ui-font-size-xl); line-height: 19px; }