1 line
7.1 KiB
CSS
1 line
7.1 KiB
CSS
|
.popup[data-v-ea76c166]{display:block;position:absolute;background:#fff;box-shadow:0 6px 27px rgba(0,0,0,.25);transform:translate(-50%,-50%);width:-moz-max-content;width:max-content;border-radius:4px}.popup__head[data-v-ea76c166]{width:100%;height:auto;padding:30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #bdbdbd}.popup__title[data-v-ea76c166]{font-size:20px}.popup__close[data-v-ea76c166]{width:20px;height:20px;display:flex;justify-content:center;align-items:center;cursor:pointer}.popup__close svg[data-v-ea76c166]{width:100%;height:100%}.popup__body[data-v-ea76c166]{padding:30px;padding-top:17px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.popup__floor[data-v-ea76c166],.popup__section[data-v-ea76c166]{width:100%;height:auto;display:grid;grid-template-columns:1fr 140px}.popup__floor[data-v-ea76c166]{margin-bottom:30px}.popup__section[data-v-ea76c166]{margin-bottom:20px}.popup__btns[data-v-ea76c166]{width:100%;height:auto;display:flex;justify-content:flex-start;align-items:center;-moz-column-gap:22px;column-gap:22px}.modal{position:fixed;top:0;bottom:0;left:0;right:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:20;opacity:0;visibility:hidden}.modal,.modal.open{transition:all .5s ease-in-out}.modal.open{opacity:1;visibility:visible}.modal-dialog{width:95%;height:90%;background-color:#fff}.modal-content{height:100%;overflow:hidden}.modal-content,.modal-header{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.modal-header{height:auto;border-bottom:1px solid #9e9e9e;padding:50px;padding-bottom:38px}.modal-header .head{width:100%;height:auto;display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.modal-header .head .modal__title{font-size:32px;line-height:120%}.modal-header .head .modal__close{width:24px;height:24px;display:flex;justify-content:center;align-items:center}.modal-header .head .modal__close svg{width:100%;height:100%}.modal-header .fields{width:100%;height:auto;display:flex;justify-content:flex-start;align-items:start;-moz-column-gap:100px;column-gap:100px;padding-right:50px}.modal-header .fields .field{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.modal-header .fields .field label{margin-bottom:10px}.modal-header .fields .field small{margin-top:15px;font-size:14px;color:#757575}@media screen and (max-width:1600px){.modal-header{padding:30px;padding-bottom:28px}.modal-header .head{margin-bottom:21px}.modal-header .head .modal__title{font-size:28px}.modal-header .head .modal__close{width:20px;height:20px}.modal-header .fields{width:100%;height:auto;display:flex;justify-content:flex-start;align-items:start;-moz-column-gap:40px;column-gap:40px}.modal-header .fields .field{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.modal-header .fields .field label{margin-bottom:10px}.modal-header .fields .field small{margin-top:15px;font-size:14px;color:#757575}}.modal-body{display:flex;justify-content:center;align-items:center}.modal-body,.modal-body .facade-map,.modal-body .map,.modal-body .ol-map{width:100%;height:100%}.modal-body .ol-map{position:relative;overflow:hidden}.modal-body .ol-map__pane{height:100%}.modal-body .ol-map__zoom{position:relative;max-width:250px;height:100px;display:flex;justify-content:center;align-items:center;margin:0 auto;margin-bottom:20px}.modal-body .ol-map__zoom-slider{padding:0;position:relative;width:124px;height:4px;background:#9e9e9e!important;z-index:2;transform:rotate(180deg)}.modal-body .ol-map__zoom-slider button{position:absolute;top:-9px;left:0;width:20px;height:20px;border-radius:11px!important;background:#519ef3;transition:background .2s ease}.modal-body .ol-map__zoom-label{position:absolute;top:80px;left:50%;transform:translateX(-50%);color:#000;font-size:18px;text-align:center}.modal-body .ol-map__zoom-btns{position:absolute;left:0;right:0;top:50%;transform:rotate(180deg) transl
|