.rental__btns,.roof-monitor__btns{display:flex;padding:16px 16px 24px;align-items:center;gap:12px;position:sticky;margin-top:4px;z-index:2;bottom:0;width:100%;background:#fff}.roof-monitor{max-width:1200px;display:flex;flex-direction:column;gap:24px;margin:80px auto 130px}@media screen and (max-width:1200px){.roof-monitor{gap:16px;align-items:center;margin:40px auto 80px;padding:0 16px;overflow-x:hidden}}.roof-monitor__header{overflow:hidden;display:flex;padding:40px;flex-direction:column;justify-content:center;align-items:center;gap:24px;align-self:stretch;border-radius:24px;background:#f3f3ff;position:relative}@media screen and (max-width:1200px){.roof-monitor__header{padding:24px 20px 0;height:394px;justify-content:flex-start;border-radius:16px}}.roof-monitor__header--title{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.roof-monitor__header--sub-title{display:flex;align-items:center;gap:8px;align-self:stretch;flex-wrap:wrap}@media screen and (max-width:1200px){.roof-monitor__header--sub-title{gap:4px}}.roof-monitor__header--img img{position:absolute;right:0;bottom:0;width:350px;height:232px}@media screen and (max-width:1200px){.roof-monitor__header--img img{width:280px;height:186px}}.roof-monitor__body{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:160px;flex-shrink:0}@media screen and (max-width:1200px){.roof-monitor__body{gap:80px}}.roof-monitor__body--wrapper{display:flex;flex-direction:column;gap:32px;width:100%}.roof-monitor__body--wrapper .chips{display:flex}@media screen and (max-width:1200px){.roof-monitor__body--wrapper .chips{margin-right:-16px}.roof-monitor__body--wrapper .chips .mohaet__chips .chip{gap:8px;align-items:center;justify-content:center;flex-direction:column;width:80px;height:100%;border-radius:16px;padding:12px 16px}}.roof-monitor__body--wrapper .wrapper{display:flex;gap:40px;width:100%;padding:40px;border-radius:24px;border:1px solid var(--Line-Line-Color-01, #e2e2e4)}@media screen and (max-width:1200px){.roof-monitor__body--wrapper .wrapper{gap:24px;flex-direction:column;border:none;padding:0}}.roof-monitor__body--wrapper .wrapper .map-info{display:flex;flex-direction:column;gap:20px;width:560px;border-radius:16px;padding-top:24.5px;background:#f5f6fa}@media screen and (max-width:1200px){.roof-monitor__body--wrapper .wrapper .map-info{gap:16px;width:calc(100% + 32px);border-radius:0;padding-top:0;margin:0 auto;margin-inline:-16px}}.roof-monitor__body--wrapper .wrapper .map-info .status-info{margin-left:32px}@media screen and (max-width:1200px){.roof-monitor__body--wrapper .wrapper .map-info .status-info{margin-left:0;padding:16px 16px 0}}.roof-monitor__body--wrapper .wrapper .map-info .status-info .total_status{display:flex;flex-direction:column}@media screen and (max-width:767px){.roof-monitor__body--wrapper .wrapper .map-info .status-info .total_status{align-items:flex-start;justify-content:space-between}}.roof-monitor__body--wrapper .wrapper .map-info .map__wrapper{display:flex;flex-direction:column;margin-bottom:60px}@media screen and (max-width:1200px){.roof-monitor__body--wrapper .wrapper .map-info .map__wrapper{justify-content:space-evenly;width:calc(100% + 32px);margin-inline:-16px;margin-bottom:28px}}.roof-monitor__body--wrapper .wrapper .map-info .msg_box{text-align:center;margin-top:24px}.roof-monitor__body--wrapper .wrapper .map-info .map{display:flex;align-items:center;justify-content:center;width:560px;height:606px;border-radius:16px}@media screen and (max-width:1200px){.roof-monitor__body--wrapper .wrapper .map-info .map{justify-content:center;width:calc(100% + 32px);height:414px;margin-left:-16px}}.roof-monitor__body--wrapper .wrapper .map-info .map g{cursor:pointer}.roof-monitor__body--wrapper .wrapper .map-info .map g.hide{display:none}.roof-monitor__body--wrapper .wrapper .map-info .map .marker_selected rect.marker_rect{fill:#9e9e9e;fill-opacity:1}.roof-monitor__body--wrapper .wrapper .map-info .map .marker_selected text.marker_num{fill:#fff}.roof-monitor__body--wrapper .wrapper .map-info .map g.hidden{visibility:hidden}.roof-monitor__body--wrapper .wrapper .map-info .map .marker_new{position:relative;width:10px;height:10px;display:block}.roof-monitor__body--wrapper .wrapper .map-info .map .marker_new:target{position:absolute;content:"N";width:10px;height:10px;display:block;background-image:url(/assets/new-SYtR-xc1.svg);z-index:999}.roof-monitor__body--wrapper .wrapper .esite_list{display:flex;flex-direction:column;gap:24px;width:100%}.roof-monitor__cards{display:flex;gap:24px}.roof-monitor__cards.mo{flex-direction:column}@media screen and (max-width:1200px){.roof-monitor__cards{flex-direction:column;gap:16px}}.roof-monitor__summary{display:flex;flex-direction:column;width:100%;gap:24px}@media screen and (max-width:1200px){.roof-monitor__summary{gap:16px}}.roof-monitor__card{width:100%;position:relative;border-radius:12px;background:var(--Light-Color-Light-Color-02, #f5f6fa)}.roof-monitor__card .card{cursor:auto;display:flex;padding:36px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:12px;width:100%;max-width:100%;flex-direction:row}@media screen and (max-width:1200px){.roof-monitor__card .card{padding:24px 16px;gap:16px}}.roof-monitor__card .card__header{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:0}@media screen and (max-width:1200px){.roof-monitor__card .card__header{gap:4px}}.roof-monitor__card .card__image{display:flex}.roof-monitor__card .card__image img{width:152px}@media screen and (max-width:1200px){.roof-monitor__card .card__image img{width:94px}}.roof-monitor__card .card__body{padding:0}@media screen and (max-width:1200px){.roof-monitor__card .card__body{gap:8px}}.roof-monitor__item{border-bottom:1px solid var(--Line-Line-Color-01, #e2e2e4)}.roof-monitor__item:last-child{border:none}.roof-monitor__item .item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 0;cursor:pointer}@media screen and (max-width:1200px){.roof-monitor__item .item{justify-content:space-between;align-items:center;padding:16px 0}}.roof-monitor__item .item__header{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}@media screen and (max-width:1200px){.roof-monitor__item .item__header{gap:8px}}.roof-monitor__item .item__header--title{display:flex;flex-direction:column;align-items:flex-start;gap:4px}@media screen and (max-width:1200px){.roof-monitor__item .item__header--title{gap:8px}}.roof-monitor__item .item__header--summary{display:flex;flex-direction:column;align-items:flex-start;gap:8px}@media screen and (max-width:1200px){.roof-monitor__item .item__header--summary{gap:4px}}.roof-monitor__item .item__header--summary .list{display:flex;gap:2px}.roof-monitor__item .item__header--label{text-overflow:ellipsis;width:300px;overflow:hidden;white-space:nowrap}.roof-monitor__item .item__image img{width:200px;border-radius:12px}@media screen and (max-width:1200px){.roof-monitor__item .item__image img{width:148px}}.roof-monitor__item .item__body{flex-shrink:0}.roof-monitor__table{display:flex;flex-direction:column;align-items:center;gap:24px;align-self:stretch;position:relative}@media screen and (max-width:1200px){.roof-monitor__table{gap:16px}}.roof-monitor__table--title{width:100%;display:flex;justify-content:flex-start}.roof-monitor__table--observe_box{position:absolute;bottom:-108px}@media screen and (max-width:1200px){.roof-monitor__table--observe_box{bottom:-92px}}.roof-monitor__status{position:relative;width:100%}.roof-monitor__status .status{position:relative;padding:24px 40px;border:1px solid var(--Gray-White, #fff);background:#fffc;border-radius:12px}.roof-monitor__status .status.mo{padding:20px 24px}@media screen and (max-width:1200px){.roof-monitor__status .status{padding:20px 24px}}.roof-monitor__status .status__item{display:flex;justify-content:space-between;align-items:center;gap:34px;align-self:stretch;height:40px}.roof-monitor__status .status__item--title,.roof-monitor__status .status__item--value{display:flex;justify-content:center}.roof-monitor__status--swiper{height:40px;overflow:hidden}@media screen and (max-width:1200px){.roof-monitor__status--swiper{height:36px}}.roof-monitor__banner{width:100%;height:102px;display:flex;justify-content:center;align-items:center;border:1px solid var(--Line-Line-Color-01, #e2e2e4);border-radius:12px}@media screen and (max-width:1200px){.roof-monitor__banner{height:100%}}.roof-monitor__bottom{display:flex;flex-direction:column;width:100%}@media screen and (max-width:1200px){.roof-monitor__bottom{gap:40px}}.roof-monitor__floating{background:#fff;width:calc(100% + 32px);margin-left:-16px}.income_profit_calculator{width:100%;display:flex;margin:0 auto;padding:80px 0 130px;flex-direction:column;align-items:center;gap:50px}@media screen and (max-width:1200px){.income_profit_calculator{width:100%;padding:40px 16px 80px;gap:40px}}.income_profit_calculator__title{text-align:center;display:flex;flex-direction:column;gap:16px}@media screen and (max-width:1200px){.income_profit_calculator__title{gap:8px}}.income_profit_calculator__sub-title{display:flex;flex-direction:column;gap:12px}@media screen and (max-width:1200px){.income_profit_calculator__sub-title{gap:8px}}.income_profit_calculator__calc{width:100%;max-width:1200px}@media screen and (max-width:1200px){.income_profit_calculator__calc{width:100%}}.income_profit_calculator__btn{width:100%;max-width:588px}