.vehicle-damage-status{position:relative;display:flex;flex-direction:column;gap:1rem;width:100%}.vehicle-damage-status h4{color:#2c2c2c;font-weight:700}.vehicle-damage-status .content{display:flex;gap:1.5rem;width:100%}@media screen and (max-width:768px){.vehicle-damage-status .content{flex-direction:column;gap:1rem}}.vehicle-damage-status .content .vehicle-map{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.625rem;color:#e0e0e0;border:1px solid #e4e4e4;padding:1rem;width:100%}@media screen and (max-width:768px){.vehicle-damage-status .content .vehicle-map{padding:.25rem 0}}.vehicle-damage-status .content .vehicle-map .vehicle-label{padding:.5rem;color:#929292;font-size:.75rem}.vehicle-damage-status .content .vehicle-map .front,.vehicle-damage-status .content .vehicle-map .mid,.vehicle-damage-status .content .vehicle-map .rear{display:flex}.vehicle-damage-status .content .vehicle-map .front{position:relative}.vehicle-damage-status .content .vehicle-map .front .wrapper{width:186px;height:64px}@media screen and (max-width:768px){.vehicle-damage-status .content .vehicle-map .front .wrapper{width:145px;height:50px}}.vehicle-damage-status .content .vehicle-map .front .on-tampon{width:145px;height:42px;position:absolute;top:.125rem;left:50%;transform:translateX(-50%)}@media screen and (max-width:768px){.vehicle-damage-status .content .vehicle-map .front .on-tampon{width:113px;height:33px}}.vehicle-damage-status .content .vehicle-map .front .on-tampon .action-button{top:1.125rem}.vehicle-damage-status .content .vehicle-map .rear{position:relative}.vehicle-damage-status .content .vehicle-map .rear .wrapper{width:152px;height:47px}@media screen and (max-width:768px){.vehicle-damage-status .content .vehicle-map .rear .wrapper{width:118px;height:37px}}.vehicle-damage-status .content .vehicle-map .rear .arka-tampon{width:145px;height:42px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media screen and (max-width:768px){.vehicle-damage-status .content .vehicle-map .rear .arka-tampon{width:113px;height:33px}}.vehicle-damage-status .content .vehicle-map .rear .arka-tampon .action-button{bottom:6px;top:unset;transform:translateX(-50%)}.vehicle-damage-status .content .vehicle-map .mid{display:flex;align-items:center}.vehicle-damage-status .content .vehicle-map .mid .center{position:relative}@media screen and (max-width:768px){.vehicle-damage-status .content .vehicle-map .mid .center{margin-left:-7px;margin-right:-7px}}.vehicle-damage-status .content .vehicle-map .mid .center .wrapper{width:161px;height:318px}@media screen and (max-width:768px){.vehicle-damage-status .content .vehicle-map .mid .center .wrapper{width:125px;height:248px}}.vehicle-damage-status .content .vehicle-map .mid .center .motor-kaputu{width:105px;height:88px;position:absolute;top:.625rem;left:50%;transform:translateX(-50%)}@media screen and (max-width:768px){.vehicle-damage-status .content .vehicle-map .mid .center .motor-kaputu{width:82px;height:68px;top:8px}}.vehicle-damage-status .content .vehicle-map .mid .center .tavan{width:78px;height:86px;position:absolute;top:144px;left:50%;transform:translateX(-50%)}@media screen and (max-width:768px){.vehicle-damage-status .content .vehicle-map .mid .center .tavan{width:61px;height:67px;top:112px}}.vehicle-damage-status .content .vehicle-map .mid .center .bagaj-kapagi{width:106px;height:42px;position:absolute;bottom:18px;left:50%;transform:translateX(-50%)}@media screen and (max-width:768px){.vehicle-damage-status .content .vehicle-map .mid .center .bagaj-kapagi{width:82px;bottom:12px}}.vehicle-damage-status .content .vehicle-map .mid .left,.vehicle-damage-status .content .vehicle-map .mid .right{position:relative}.vehicle-damage-status .content .vehicle-map .mid .left .wrapper,.vehicle-damage-status .content .vehicle-map .mid .right .wrapper{width:99px;height:313px}@media screen and (max-width:768px){.vehicle-damage-status .content .vehicle-map .mid .left .wrapper,.vehicle-damage-status .content .vehicle-map .mid .right .wrapper{width:77px;height:244px}}.vehicle-damage-status .content .vehicle-map .mid .left .sag-on-camurluk,.vehicle-damage-status .content .vehicle-map .mid .left .sol-on-camurluk,.vehicle-damage-status .content .vehicle-map .mid .right .sag-on-camurluk,.vehicle-damage-status .content .vehicle-map .mid .right .sol-on-camurluk{width:55px;height:92px;position:absolute;left:5px;top:9px}@media screen and (max-width:768px){.vehicle-damage-status .content .vehicle-map .mid .left .sag-on-camurluk,.vehicle-damage-status .content .vehicle-map .mid .left .sol-on-camurluk,.vehicle-damage-status .content .vehicle-map .mid .right .sag-on-camurluk,.vehicle-damage-status .content .vehicle-map .mid .right .sol-on-camurluk{width:43px;height:71px;top:7px}}.vehicle-damage-status .content .vehicle-map .mid .left .sag-on-camurluk .action-button,.vehicle-damage-status .content .vehicle-map .mid .left .sol-on-camurluk .action-button,.vehicle-damage-status .content .vehicle-map .mid .right .sag-on-camurluk .action-button,.vehicle-damage-status .content .vehicle-map .mid .right .sol-on-camurluk .action-button{top:14px;left:1.5rem}.vehicle-damage-status .content .vehicle-map .mid .left .sag-on-camurluk,.vehicle-damage-status .content .vehicle-map .mid .right .sag-on-camurluk{left:unset;right:5px}.vehicle-damage-status .content .vehicle-map .mid .left .sag-on-camurluk .action-button,.vehicle-damage-status .content .vehicle-map .mid .right .sag-on-camurluk .action-button{left:unset;right:.5rem}.vehicle-damage-status .content .vehicle-map .mid .left .sag-on-kapi,.vehicle-damage-status .content .vehicle-map .mid .left .sol-on-kapi,.vehicle-damage-status .content .vehicle-map .mid .right .sag-on-kapi,.vehicle-damage-status .content .vehicle-map .mid .right .sol-on-kapi{width:79px;height:79px;position:absolute;left:10px;top:100px}@media screen and (max-width:768px){.vehicle-damage-status .content .vehicle-map .mid .left .sag-on-kapi,.vehicle-damage-status .content .vehicle-map .mid .left .sol-on-kapi,.vehicle-damage-status .content .vehicle-map .mid .right .sag-on-kapi,.vehicle-damage-status .content .vehicle-map .mid .right .sol-on-kapi{width:62px;height:62px;top:78px}}.vehicle-damage-status .content .vehicle-map .mid .left .sag-on-kapi .action-button,.vehicle-damage-status .content .vehicle-map .mid .left .sol-on-kapi .action-button,.vehicle-damage-status .content .vehicle-map .mid .right .sag-on-kapi .action-button,.vehicle-damage-status .content .vehicle-map .mid .right .sol-on-kapi .action-button{left:30px}.vehicle-damage-status .content .vehicle-map .mid .left .sag-on-kapi,.vehicle-damage-status .content .vehicle-map .mid .right .sag-on-kapi{left:unset;right:10px}.vehicle-damage-status .content .vehicle-map .mid .left .sag-on-kapi .action-button,.vehicle-damage-status .content .vehicle-map .mid .right .sag-on-kapi .action-button{left:unset;right:.5rem}.vehicle-damage-status .content .vehicle-map .mid .left .sag-arka-kapi,.vehicle-damage-status .content .vehicle-map .mid .left .sol-arka-kapi,.vehicle-damage-status .content .vehicle-map .mid .right .sag-arka-kapi,.vehicle-damage-status .content .vehicle-map .mid .right .sol-arka-kapi{width:79px;height:72px;position:absolute;left:10px;bottom:68px}@media screen and (max-width:768px){.vehicle-damage-status .content .vehicle-map .mid .left .sag-arka-kapi,.vehicle-damage-status .content .vehicle-map .mid .left .sol-arka-kapi,.vehicle-damage-status .content .vehicle-map .mid .right .sag-arka-kapi,.vehicle-damage-status .content .vehicle-map .mid .right .sol-arka-kapi{width:61px;height:56px;bottom:52px}}.vehicle-damage-status .content .vehicle-map .mid .left .sag-arka-kapi .action-button,.vehicle-damage-status .content .vehicle-map .mid .left .sol-arka-kapi .action-button,.vehicle-damage-status .content .vehicle-map .mid .right .sag-arka-kapi .action-button,.vehicle-damage-status .content .vehicle-map .mid .right .sol-arka-kapi .action-button{left:30px}.vehicle-damage-status .content .vehicle-map .mid .left .sag-arka-kapi,.vehicle-damage-status .content .vehicle-map .mid .right .sag-arka-kapi{left:unset;right:10px}.vehicle-damage-status .content .vehicle-map .mid .left .sag-arka-kapi .action-button,.vehicle-damage-status .content .vehicle-map .mid .right .sag-arka-kapi .action-button{left:unset;right:.5rem}.vehicle-damage-status .content .vehicle-map .mid .left .sag-arka-camurluk,.vehicle-damage-status .content .vehicle-map .mid .left .sol-arka-camurluk,.vehicle-damage-status .content .vehicle-map .mid .right .sag-arka-camurluk,.vehicle-damage-status .content .vehicle-map .mid .right .sol-arka-camurluk{width:64px;height:64px;position:absolute;left:13px;bottom:10px}@media screen and (max-width:768px){.vehicle-damage-status .content .vehicle-map .mid .left .sag-arka-camurluk,.vehicle-damage-status .content .vehicle-map .mid .left .sol-arka-camurluk,.vehicle-damage-status .content .vehicle-map .mid .right .sag-arka-camurluk,.vehicle-damage-status .content .vehicle-map .mid .right .sol-arka-camurluk{width:50px;height:50px;bottom:8px;left:10px}}.vehicle-damage-status .content .vehicle-map .mid .left .sag-arka-camurluk .action-button,.vehicle-damage-status .content .vehicle-map .mid .left .sol-arka-camurluk .action-button,.vehicle-damage-status .content .vehicle-map .mid .right .sag-arka-camurluk .action-button,.vehicle-damage-status .content .vehicle-map .mid .right .sol-arka-camurluk .action-button{left:30px}.vehicle-damage-status .content .vehicle-map .mid .left .sag-arka-camurluk,.vehicle-damage-status .content .vehicle-map .mid .right .sag-arka-camurluk{left:unset;right:13px}@media screen and (max-width:768px){.vehicle-damage-status .content .vehicle-map .mid .left .sag-arka-camurluk,.vehicle-damage-status .content .vehicle-map .mid .right .sag-arka-camurluk{right:10px}}.vehicle-damage-status .content .vehicle-map .mid .left .sag-arka-camurluk .action-button,.vehicle-damage-status .content .vehicle-map .mid .right .sag-arka-camurluk .action-button{left:unset;right:.5rem}.vehicle-damage-status .part-item{display:inline;cursor:default}.vehicle-damage-status .part-item .action-button:hover{background:#fff;color:currentColor}.vehicle-damage-status .part-item.selectable,.vehicle-damage-status .part-item.selectable .action-button{cursor:pointer}.vehicle-damage-status .part-item.selectable:hover{color:#929292}.vehicle-damage-status .part-item.orijinal,.vehicle-damage-status .part-item.orijinal:hover{color:#8baf60}.vehicle-damage-status .part-item.lokal-boyali,.vehicle-damage-status .part-item.lokal-boyali:hover{color:#ffd200}.vehicle-damage-status .part-item.boyali,.vehicle-damage-status .part-item.boyali:hover{color:#fb8636}.vehicle-damage-status .part-item.degisen,.vehicle-damage-status .part-item.degisen:hover{color:#e34a6b}.vehicle-damage-status .part-item svg{width:100%;height:100%}.vehicle-damage-status .part-item .action-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;padding:0;font-size:.75rem;width:1.125rem;height:1.125rem;text-transform:uppercase;color:currentColor;cursor:default}.vehicle-damage-status .part-item .action-button.plus{color:#fff;background:#ff3f55}.vehicle-damage-status .part-item .action-button svg{width:9px;height:9px}.vehicle-damage-status .clear-button{margin-top:1rem;opacity:0;font-size:.75rem}@media screen and (max-width:768px){.vehicle-damage-status .clear-button{margin-top:.5rem;margin-bottom:.5rem}}.vehicle-damage-status .clear-button.visible{opacity:1}.vehicle-damage-legend{display:flex;flex-wrap:wrap;gap:1rem}.vehicle-damage-legend.status-list{flex-direction:column;flex-wrap:nowrap}.vehicle-damage-legend li{display:flex;gap:.5rem;font-size:.875rem;color:dimgray}.vehicle-damage-legend li.parts{margin-top:-.25rem;color:#2c2c2c;line-height:1.125rem}.vehicle-damage-legend li .icon{width:1rem;height:1rem;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#8baf60;color:#fff;font-size:.75rem;font-weight:600}.vehicle-damage-legend li .icon.lokal-boyali{background-color:#ffd200}.vehicle-damage-legend li .icon.boyali{background-color:#fb8636}.vehicle-damage-legend li .icon.degisen{background-color:#e34a6b}