.car-grid{position:relative;aspect-ratio:11/9;margin:5% 0 0 10.5%;max-width:72%;background-image:url(../images/package/car.webp);background-position:50% 50%;background-repeat:no-repeat;background-size:auto 100%}@media (max-width: 999px){.car-grid{margin:5% 0 6% 11.5%;max-width:78%}}@media (max-width: 649px){.car-grid{margin:9% 0 9% 5%;max-width:95%}}.car-grid .element{position:absolute;width:10%;height:auto !important;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;transition:all 0.2s ease-out;z-index:1}.car-grid .element.element1{left:3.9%;top:1.4%;width:17.2%}.car-grid .element.element2{left:24%;top:19.5%;width:14.2%}.car-grid .element.element3{left:31.8%;top:15.7%;width:28.8%;z-index:7}.car-grid .element.element4{left:55.2%;top:39.3%;width:42.5%}.car-grid .element.element5{left:14.9%;top:23.7%;width:28.2%}.car-grid .element.element6{left:24.8%;top:39%;width:41.2%}.car-grid .element.element7{left:13%;top:24.4%;width:56.4%}.car-grid .element.element8{left:3.5%;top:41.1%;width:71.2%}.car-grid .element.element9{left:3.2%;top:42%;width:71%}.car-grid .element.element10{left:7%;top:4.6%;width:61.6%}.car-grid .element.element11{left:7%;top:4.6%;width:61.6%}.car-grid .element.faded{opacity:0}.car-grid .element.active{filter:drop-shadow(0 0 1.5em #17c2de) saturate(200%)}.car-grid .item{position:absolute;width:20%;height:20%;font-weight:400;text-decoration:none;color:#333;transition:all 0.15s ease-out;z-index:10;backface-visibility:hidden;cursor:pointer}.car-grid .item .frame{position:absolute;width:100%;height:100%;border:1px solid #333;transition:all 0.15s ease-out;z-index:1;backface-visibility:hidden;transform:skewX(-45deg)}@media (max-width: 649px){.car-grid .item .frame{transform:skewX(-10deg)}}.car-grid .item .frame:after{content:'';position:absolute;width:0.75em;height:0.75em;background:#fff;border:0.25em solid #333;border-radius:50%;transition:all 0.15s ease-out}.car-grid .item .trigger{display:block;position:absolute;width:1.25em;height:1.25em;line-height:1.25em;text-align:center;background:#17c2de;border-radius:50%;transform-origin:50% 50%;transition:all 0.15s ease-out;backface-visibility:hidden;z-index:10}.car-grid .item .trigger:before,.car-grid .item .trigger:after{content:'';position:absolute;top:50%;left:25%;display:block;width:50%;height:2px;background:#fff}.car-grid .item .trigger:before{transform:translateY(-50%)}.car-grid .item .trigger:after{transform:translateY(-50%) rotate(90deg)}.car-grid .item .name{position:absolute;display:inline-block;padding:0.5em;margin:-0.5em;font-size:0.8em;white-space:nowrap;backface-visibility:hidden}@media (max-width: 999px){.car-grid .item .name{font-size:0.95em}}@media (max-width: 699px){.car-grid .item .name{font-size:1.2rem}}@media (max-width: 399px){.car-grid .item .name{font-size:1rem}}.car-grid .item.left .frame{border-width:0 1px 1px 0;transform-origin:bottom left}.car-grid .item.left .frame:after{top:0;right:0;transform:skewX(45deg) translate(100%, -50%)}@media (max-width: 649px){.car-grid .item.left .frame:after{transform:skewX(10deg) translate(65%, -50%)}}.car-grid .item.left .name{left:0.5em;bottom:0}@media (max-width: 399px){.car-grid .item.left .name{left:0}}.car-grid .item.left .trigger{left:0;bottom:0;transform:translate(-100%, 50%)}.car-grid .item.right .frame{border-width:1px 0 0 1px;transform-origin:top right}.car-grid .item.right .frame:after{bottom:0;left:0;transform:skewX(45deg) translate(-100%, 50%)}@media (max-width: 649px){.car-grid .item.right .frame:after{transform:skewX(10deg) translate(-65%, 50%)}}.car-grid .item.right .name{right:0.5em;bottom:100%}@media (max-width: 399px){.car-grid .item.right .name{right:0}}.car-grid .item.right .trigger{right:0;transform:translate(100%, -50%)}.car-grid .item.item1{left:21%;top:-5%;width:25%;height:9%}.car-grid .item.item2{left:51%;top:3%;width:25%;height:22%}.car-grid .item.item3{left:67%;top:17%;width:21%;height:11%}.car-grid .item.item4{left:92%;top:29%;width:20%;height:13%}.car-grid .item.item5{left:-13%;top:37.5%;width:25%;height:15%}.car-grid .item.item6{left:6%;top:56%;width:19%;height:18%}.car-grid .item.item7{left:16%;top:73%;width:20%;height:16%}@media (max-width: 999px){.car-grid .item.item4{width:15%}.car-grid .item.item5{left:-9%;width:21%}}@media (max-width: 649px){.car-grid .item.item1{left:15%}.car-grid .item.item2{left:35%;top:10%;height:15%}.car-grid .item.item3{left:58%;top:21%;height:7%}.car-grid .item.item4{left:81%;top:33%;width:15%;height:10%}.car-grid .item.item5{left:-1%;width:20%;height:38%}.car-grid .item.item6{left:17%;top:57%;width:19%;height:30%}.car-grid .item.item7{left:32%;top:72%;width:14%;height:27%}}.car-grid .item.active,.car-grid .item:hover,.car-grid .item:active{color:#17c2de;border-color:#17c2de}.car-grid .item.active .frame,.car-grid .item:hover .frame,.car-grid .item:active .frame{border-color:#17c2de}.car-grid .item.active .frame:after,.car-grid .item:hover .frame:after,.car-grid .item:active .frame:after{border-color:#17c2de}.car-grid .item.active.left .trigger,.car-grid .item:hover.left .trigger,.car-grid .item:active.left .trigger{transform:translate(-100%, 50%) rotate(90deg)}.car-grid .item.active.right .trigger,.car-grid .item:hover.right .trigger,.car-grid .item:active.right .trigger{transform:translate(100%, -50%) rotate(90deg)}.main-package .car-grid[data-package="base"] .item4,.main-package .car-grid[data-package="base"] .element4,.main-package .car-grid[data-package="standard"] .item4,.main-package .car-grid[data-package="standard"] .element4{display:none}