*{margin:0;padding:0}.hidden{display:none}body{background-color:#0d1116;background-color:var(--bg);color:#e6edf3;color:var(--color)}input{height:25px;padding:0 3px}.btn,input{font-family:Poppins,sans-serif;font-size:12px;font-size:var(--btn-fs)}.btn{background-color:#3498db;background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:300;padding:5px 10px;padding:var(--btn-padding);transition:background-color .3s ease}.btn:hover{background-color:#2980b9}:root{--bg:#0d1116;--color:#e6edf3;--accent-color:#3498db;--h1-fs:22px;--btn-fs:12px;--btn-padding:5px 10px;--toolbar-width:360px;--trow-width:300px;--trow-height:30px;--search-input-width:200px;--login-form-width:190px;--card-width:100px;--card-height:170px;--card-text-fs:12px;--card-name-cont-h:50px;--card-img-height:calc(var(--card-height) - var(--card-name-cont-h));--modal-height:550px;--modal-child-height:480px;--modal-child-width:300px;--modal-header-fs:16px;--modal-header-height:60px;--carousel-height:300px;--carousel-img-height:calc(var(--carousel-height) - 20px);--row-top-margin:6px;--row-height:40px;--showcase-item-label-fs:11px;--pagination-width:160px}@media screen and (min-width:450px){:root{--h1-fs:24px;--btn-fs:13px;--btn-padding:6px 12px;--toolbar-width:400px;--trow-width:350px;--trow-height:35px;--search-input-width:250px;--login-form-width:200px;--card-width:110px;--card-height:180px;--modal-height:600px;--modal-child-height:550px;--modal-child-width:350px;--modal-header-fs:17px;--carousel-height:320px;--row-top-margin:8px;--row-height:45px;--showcase-item-label-fs:12px}}@media screen and (min-width:580px){:root{--h1-fs:26px;--btn-fs:15px;--btn-padding:7px 14px;--toolbar-width:500px;--trow-width:450px;--trow-height:40px;--search-input-width:320px;--login-form-width:220px;--card-width:130px;--card-height:210px;--card-text-fs:13px;--card-name-cont-h:55px;--row-top-margin:9px;--row-height:50px;--showcase-item-label-fs:13px;--pagination-width:180px}}@media screen and (min-width:768px){:root{--h1-fs:30px;--btn-fs:16px;--btn-padding:8px 16px;--toolbar-width:600px;--trow-width:500px;--trow-height:45px;--search-input-width:360px;--login-form-width:230px;--card-width:150px;--card-height:230px;--card-text-fs:14px;--modal-header-fs:21px;--modal-height:550px;--modal-child-width:700px;--modal-child-height:450px;--carousel-height:450px;--row-top-margin:10px;--showcase-item-label-fs:14px;--pagination-width:200px}}.pf-200{font-weight:200}.pf-200,.pf-300{font-family:Poppins,sans-serif;font-style:normal}.pf-300{font-weight:300}.pf-400{font-style:normal;font-weight:400}.pf-400,.pif-300{font-family:Poppins,sans-serif}.pif-300{font-style:italic;font-weight:300}.header{margin:45px 20px 20px}h1{font-size:var(--h1-fs);margin-bottom:10px;text-align:center}h1>a{color:var(--color)}.subtitle{font-size:var(--btn-fs);text-align:center}.toolbar{flex-direction:column;justify-content:space-around;margin:20px auto;width:var(--toolbar-width)}.toolbar,.trow{align-items:center;display:flex}.trow{justify-content:space-between;margin-bottom:4px;width:var(--trow-width)}.trow,.trow-child{height:var(--trow-height)}.trow-child{line-height:var(--trow-height)}.trow-child input{border:2px solid #d3d3d3;border-radius:6px;color:#454545;height:calc(100% - 4px);padding:0 8px;width:var(--search-input-width)}.trow-child button{height:var(--trow-height)}.trow-child span{font-size:var(--btn-fs)}.input-child{position:relative}.input-cross{color:var(--bg);position:absolute;right:8px;top:0;-webkit-user-select:none;user-select:none}.input-cross,.sort-order{cursor:pointer}.sort-order:active{animation-duration:.5s;animation-fill-mode:forwards;animation-name:rotate180}@keyframes rotate180{0%{transform:rotate(0deg)}to{transform:rotate(-180deg)}}.toggle-options{animation-duration:.5s;animation-fill-mode:forwards;animation-name:rotateback90;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-options.active{animation-duration:.5s;animation-fill-mode:forwards;animation-name:rotate_neg90}@keyframes rotate_neg90{0%{transform:rotate(0deg)}to{transform:rotate(-90deg)}}@keyframes rotateback90{0%{transform:rotate(-90deg)}to{transform:rotate(0deg)}}.trow2{animation-duration:.5s;animation-name:fade;justify-content:right;position:relative}.trow2>.trow-child{margin-left:10px}.trow-child.keep-left{left:0;margin-left:0;position:absolute}.pseudo.hidden,.trow2.hidden{display:none}#sortBy,.sort-by-label{font-size:var(--btn-fs)}#sortBy{border-radius:6px;padding:2px}.legend-opener{align-items:center;background:#e6edf3;border-radius:400px;bottom:10px;cursor:pointer;display:flex;height:50px;justify-content:center;position:fixed;right:10px;-webkit-user-select:none;user-select:none;width:50px;z-index:1}.legend-opener .badge.active{background-color:var(--accent-color);border-radius:50px;height:10px;position:absolute;right:0;top:0;width:10px}.legend-items{align-items:right;background:#e6edf3;border-radius:5px;bottom:65px;display:flex;flex-direction:column;justify-content:space-around;position:fixed;right:10px;z-index:1}.legend-item{align-items:center;border:1px solid #a9a9a9;border-radius:3px;cursor:pointer;display:flex;justify-content:space-between;margin:5px 10px;padding:3px}.legend-item.active{border:1px solid var(--bg)}.legend-item:first-child{margin-top:10px}.legend-item:last-child{margin-bottom:10px}.legend-item .color{border-radius:100px;height:10px;width:10px}.legend-item .value{color:#000;font-size:var(--card-text-fs);margin-left:8px;-webkit-user-select:none;user-select:none}.cls-2{fill:none;stroke:#000;stroke-linecap:square;stroke-miterlimit:10}@media screen and (min-width:580px){.legend-items{align-items:center;background:none;bottom:0;color:var(--color);flex-direction:row;flex-wrap:wrap;margin:15px auto;max-width:600px;position:relative;right:0;width:80%}.legend-item{border:1px solid var(--bg);padding:2px 3px}.legend-item.active{border:1px solid var(--color)}.legend-item:first-child{margin-top:5px}.legend-item:last-child{margin-bottom:5px}.legend-item .value{color:var(--color)}}.pagination{align-items:center;display:flex;justify-content:space-between;margin:20px auto 30px;width:var(--pagination-width)}.pagination-text{font-size:var(--btn-fs)}.arrow-left,.arrow-right{border-radius:50px;cursor:pointer;height:30px;line-height:30px;text-align:center;-webkit-user-select:none;user-select:none;width:30px}.arrow-left:active{transform:translateX(-2px)}.arrow-right:active{transform:translateX(2px)}.arrow-left:hover,.arrow-right:hover{background-color:#969da281}.arrow-left.disabled,.arrow-right.disabled{opacity:.6;pointer-events:none}.car-list{flex-wrap:wrap;justify-content:center;margin:10px}.car-list,.card{align-items:center;display:flex}.card{cursor:pointer;flex-direction:column;height:var(--card-height);justify-content:space-between;margin:6px;width:var(--card-width)}.card>div{margin:0 auto;width:inherit}.card-img-container{display:flex;height:var(--card-img-height);overflow:hidden;position:relative}.card img{border-radius:6px;height:inherit;min-height:var(--card-img-height);object-fit:cover;transition:all .5s ease;width:inherit}.card:hover img{transform:scale(1.1)}.card-img-container .segment,.card-img-container .segments{border-bottom-right-radius:100px;border-top-right-radius:100px;box-shadow:-1.5px 0 4px #000;height:var(--card-img-height);position:absolute;right:0;transition:all .5s ease;width:5px}.card:hover .card-img-container .segments{box-shadow:none;transform:scale(1.1)}.card-img-container .segment{border-bottom-right-radius:0;border-top-right-radius:0;box-shadow:none}.card-img-container .segment:first-child{border-top-right-radius:100px}.card-img-container .segment:last-child{border-bottom-right-radius:100px}.card-name-container{align-items:center;color:var(--color);display:flex;height:var(--card-name-cont-h);justify-content:center;text-align:center}.card-name-container span{font-size:var(--card-text-fs);line-height:calc(var(--card-text-fs) + 3px);overflow:hidden;padding:0 2px;text-overflow:ellipsis;white-space:normal}.car-showcase{height:var(--modal-child-height);justify-content:space-between;position:relative}.car-showcase,.car-showcase .details{display:flex;flex-direction:column;width:var(--modal-child-width)}.car-showcase .details{height:calc(var(--modal-child-height) - var(--carousel-height) - 10px);justify-content:flex-start;overflow-y:scroll}.row{display:flex;justify-content:space-between;margin:0;width:var(--modal-child-width)}.row:not(:first-child){margin-top:var(--row-top-margin)}.row-item{display:flex;flex-direction:column;height:var(--row-height);justify-content:space-around}.row-item .label{color:grey;display:block;font-size:var(--showcase-item-label-fs)}.row-item .value{font-size:calc(var(--showcase-item-label-fs) + 2px);line-height:calc(var(--showcase-item-label-fs) + 2px)}.ri-small{width:calc(var(--modal-child-width)/2)}.ri-large{width:var(--modal-child-width)}.slideshow-container,.swipe-car{align-items:center;display:flex;justify-content:space-between;width:var(--modal-child-width)}.slideshow-container{flex-direction:column;height:var(--carousel-height);margin:auto;position:relative}.slides{display:none;height:inherit;margin:0 auto;width:var(--modal-child-width)}.slides,.slides img{height:var(--carousel-img-height)}.slides img{border-radius:4px;object-fit:cover;vertical-align:middle;width:100%}.carousel-arrow{background-color:#969da281;border-radius:40px;cursor:pointer;font-size:22px;height:40px;line-height:40px;position:absolute;top:calc(var(--carousel-img-height)/2 - 18px);-webkit-user-select:none;user-select:none;width:20px}.carousel-arrow.left{border-radius:0 40px 40px 0;left:0}.carousel-arrow.right{border-radius:40px 0 0 40px;right:0;text-align:right}.share{align-items:center;background-color:#969da281;border-radius:25px;cursor:pointer;display:flex;height:25px;justify-content:center;line-height:25px;position:absolute;right:0;top:0;width:25px}.dot{background-color:#c2c2c2;border-radius:50%;display:inline-block;height:6px;margin:0 2px;transition:background-color .6s ease;width:6px}.dot.active{background-color:var(--accent-color)}.fade{animation-duration:.5s;animation-name:fade}@keyframes fade{0%{opacity:.4}to{opacity:1}}@media screen and (min-width:580px){.car-list{margin:10px 30px}.card{margin:8px}}@media screen and (min-width:768px){.car-list{margin:10px 50px}.card{margin:10px}.car-showcase{flex-direction:row;justify-content:space-between}.car-showcase .details{height:var(--modal-child-height)}.car-showcase .details,.row,.slides,.slideshow-container{width:calc(var(--modal-child-width)/2 - 10px)}}@media screen and (min-width:1024px){.car-list{margin:20px 100px}.card{margin:12px}}@media screen and (min-width:1250px){.card{margin:14px}}.marquee-container{width:100%}marquee{font-size:36px}marquee.left{transform:scaleX(-1)}.message{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.zoom-in{animation-duration:.6s;animation-name:zoom-in}.zoom-out{animation-duration:.2s;animation-name:zoom-out}@keyframes zoom-in{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes zoom-out{0%{transform:scale(1)}to{transform:scale(0)}}.modal-out{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:5}.modal-body{background:#f5f5f5;border:2px solid #000;border-radius:10px;box-shadow:2px solid #000;color:#000;display:flex;flex-direction:column;height:var(--modal-height);justify-content:space-around;margin:auto;padding:20px}.modal-body.message{height:120px}.modal-header{align-items:center;display:flex;height:var(--modal-header-height);justify-content:center;position:relative;text-align:center}.modal-title{font-size:var(--modal-header-fs)}.modal-close{cursor:pointer;font-size:calc(var(--modal-header-fs) - 2px);position:absolute;right:-5px;top:-10px}.modal-close:hover{transform:scale(1.1)}.legend-items.skeleton{height:50px}.legend-item.skeleton{border:none;height:15px;width:25%}.card.skeleton{justify-content:space-around}.card-img-container.skeleton{border-radius:6px}.card-name-container.skeleton{border-radius:6px;height:calc(var(--card-name-cont-h)/2)}.card-img-container.skeleton,.card-name-container.skeleton,.legend-item.skeleton{animation-duration:1.5s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;background-color:#0f263e;background:linear-gradient(90deg,#565656 8%,#666 18%,#565656 33%);background-size:800px 104px;position:relative}@keyframes placeHolderShimmer{0%{background-position:-500px 0}to{background-position:500px 0}}.loader{animation:spinner 4s linear infinite;border:5px solid #c6dff9;border-radius:50%;border-top:5px solid var(--accent-color);margin:auto}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.message-box{text-align:center}.result-msg{display:block;margin-bottom:12px}@media screen and (min-width:580px){.modal-body{padding:30px}}@media screen and (min-width:768px){.modal-close{top:-20px}.legend-items.skeleton{height:30px}.legend-item.skeleton{width:18%}}@media screen and (min-width:1024px){.modal-body{padding:30px 50px}}.form-content{flex-direction:column;height:var(--modal-child-height);overflow-y:scroll}.form-content,.form-row{display:flex;justify-content:space-between;width:var(--modal-child-width)}.form-row{margin:0}.form-row:not(:first-child){margin-top:var(--row-top-margin)}.form-row-item{font-size:var(--btn-fs);min-height:25px}.fri-small{width:calc(var(--modal-child-width)/2)}.fri-large{width:var(--modal-child-width)}.form-row-item input[type=date],.form-row-item input[type=number],.form-row-item input[type=text]{display:block;width:calc(var(--modal-child-width)/2 - 15px)}.form-row-item input[type=checkbox]{cursor:pointer;height:15px;margin-left:6px;position:relative;vertical-align:middle;width:15px}.form-row-item textarea{display:block;font-family:Poppins,sans-serif;font-size:var(--btn-fs);resize:none;width:calc(var(--modal-child-width) - 6px)}.form-row-item select{display:block;font-family:Poppins,sans-serif;height:29px;padding:0 3px;width:calc(var(--modal-child-width)/2 - 5px)}.form-row-item.button-box{align-items:center;display:flex;justify-content:center}.form-row-item.button-box>button{margin:10px 10px 0}.edit-car-details,.form-row-item.center-vertically{align-items:center;display:flex}.edit-car-details{height:30px;justify-content:flex-start;opacity:.7;position:absolute;top:0;width:var(--modal-child-width)}.edit-car-details.edit{background-color:#f5f5f5;justify-content:space-between;opacity:1}.edit-comp-group{align-items:center;background-color:#f5f5f5;border-radius:0 0 4px 0;display:none;justify-content:space-around;width:60px}.edit-comp-group.active{display:flex}.edit-comp-group:nth-child(2){position:absolute;right:55px;width:150px}.edit-comp{padding:3px 0}.edit-comp.msg{font-size:calc(var(--showcase-item-label-fs) + 2px);padding:0}.edit-comp.icon{cursor:pointer}.edit-comp.icon:active{transform:translateY(2px)}.edit-comp.icon.active{background-color:var(--accent-color);border-radius:500px}.login{margin:40px auto;width:var(--login-form-width)}.login-form{display:flex;flex-direction:column;justify-content:space-around}.login-form-component{align-items:center;display:flex;justify-content:space-between}.login-form-component.c2{display:flex;justify-content:space-between;width:var(--login-form-width)}.login-label,.login-message{font-size:var(--btn-fs);margin-bottom:4px}.login-message{animation:shake .5s;animation-iteration-count:1s;font-size:calc(var(--btn-fs) - 2px)}@media screen and (min-width:580px){.form-row-item input{padding:1px 3px}}@media screen and (min-width:768px){.form-row-item input{padding:2px 3px}.edit-car-details{top:-30px}.form-content{width:calc(var(--modal-child-width)/2 - 15px)}.form-row{width:calc(var(--modal-child-width)/2 - 20px)}.fri-small{width:calc(var(--modal-child-width)/4 - 20px)}.fri-large{width:calc(var(--modal-child-width)/2 - 20px)}.form-row-item input[type=date],.form-row-item input[type=number],.form-row-item input[type=text]{width:calc(var(--modal-child-width)/4 - 30px)}.form-row-item textarea{width:calc(var(--modal-child-width)/2 - 22px)}}@media screen and (min-width:1024px){.form-row-item input{padding:3px}}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}
/*# sourceMappingURL=main.88640f5b.css.map*/