Current Path : /var/www/www-root/data/www/www.monolith-realty.ru/bitrix/js/ui/ears/dist/ |
Current File : /var/www/www-root/data/www/www.monolith-realty.ru/bitrix/js/ui/ears/dist/ears.bundle.css |
.ui-ears-wrapper { display: inline-flex; overflow: hidden; position: relative; max-height: 100%; max-width: 100%; } .ui-ear { position: absolute; background-repeat: no-repeat; background-position: center; cursor: pointer; z-index: 11; opacity: 0; transition: .3s; pointer-events: none; } .ui-ears-wrapper.--grabbing .ui-ear { pointer-events: none; } .ui-ear-left, .ui-ear-right { top: 0; bottom: 0; width: 49px; } .ui-ear-left { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='49' height='94'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23525C69' d='M2 0c25.957 0 47 21.043 47 47S27.957 94 2 94c-.67 0-1.337-.014-2-.042V.042C.663.014 1.33 0 2 0z'/%3E%3Cpath fill='%23FFF' d='M11.838 45.462l11.618-11.618a1 1 0 011.414 0l1.71 1.71a1 1 0 010 1.414l-9.247 9.246 9.247 9.248a1 1 0 010 1.414l-1.71 1.71a1 1 0 01-1.414 0L11.838 46.968a.996.996 0 01-.29-.648v-.21a.996.996 0 01.29-.648z'/%3E%3C/g%3E%3C/svg%3E"); left: 0; margin-left: -50px; } .ui-ear-right { right: 0; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='49' height='94'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23525C69' d='M49 93.958c-.663.028-1.33.042-2 .042C21.043 94 0 72.957 0 47S21.043 0 47 0c.67 0 1.337.014 2 .042v93.916z'/%3E%3Cpath fill='%23FFF' d='M31.667 46.215l-9.247 9.247a1 1 0 000 1.414l1.71 1.71a1 1 0 001.414 0l11.618-11.618a.997.997 0 00.292-.753.997.997 0 00-.292-.753L25.544 33.844a1 1 0 00-1.414 0l-1.71 1.71a1 1 0 000 1.414l9.247 9.247z'/%3E%3C/g%3E%3C/svg%3E"); margin-right: -50px; } .ui-ear-top, .ui-ear-bottom { left: 0; right: 0; height: 49px; } .ui-ear-top { top: 0; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='95' height='50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M94.458.5c.028.663.042 1.33.042 2 0 25.957-21.043 47-47 47S.5 28.457.5 2.5c0-.67.014-1.337.042-2h93.916z' fill='%23525C69'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M46.715 17.833l9.247 9.247a1 1 0 001.414 0l1.71-1.71a1 1 0 000-1.414L47.468 12.338a.997.997 0 00-.753-.292 1 1 0 00-.753.292L34.344 23.956a1 1 0 000 1.414l1.71 1.71a1 1 0 001.414 0l9.247-9.247z' fill='%23fff'/%3E%3C/svg%3E"); } .ui-ear-bottom { bottom: 0; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='95' height='50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.542 49.5a47.407 47.407 0 01-.042-2c0-25.957 21.043-47 47-47s47 21.043 47 47c0 .67-.014 1.337-.042 2H.542z' fill='%23525C69'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M48.285 32.167l-9.247-9.247a1 1 0 00-1.414 0l-1.71 1.71a1 1 0 000 1.414l11.618 11.618a.997.997 0 00.753.292 1 1 0 00.753-.292l11.618-11.618a1 1 0 000-1.414l-1.71-1.71a1 1 0 00-1.414 0l-9.247 9.247z' fill='%23fff'/%3E%3C/svg%3E"); } .ui-ear:hover { opacity: .3; } .ui-ear-show { opacity: .18; } .ui-ear-right.ui-ear-show { margin-right: 0; pointer-events: unset; } .ui-ear-left.ui-ear-show { margin-left: 0; pointer-events: unset; } .ui-ears-wrapper-sm .ui-ear { width: 37px; } .ui-ears-wrapper-sm .ui-ear-left, .ui-ears-wrapper-sm .ui-ear-right { background-size: 37px 71px; } .ui-ears-wrapper-sm .ui-ear.ui-ear-top, .ui-ears-wrapper-sm .ui-ear.ui-ear-bottom { width: unset; height: 37px; background-size: 71px 37px; } .ui-ear.ui-ear-top { margin-top: -50px; } .ui-ear.ui-ear-top.ui-ear-show { margin-top: 0; pointer-events: unset; } .ui-ear.ui-ear-bottom { margin-bottom: -50px; } .ui-ear.ui-ear-bottom.ui-ear-show { margin-bottom: 0; pointer-events: unset; } .ui-ear-container { white-space: nowrap; } .ui-ear-container > * { white-space: normal; } .ui-ear-container.--vertical { overflow-y: auto; } .ui-ear-container.--horizontal { overflow-x: auto; } .ui-ear-container-no-scrollbar::-webkit-scrollbar { display: none; } .ui-ear-container-no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }