.threesixty-holder{width:100%;height:100%}.threesixty-layout{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.threesixty-layout>div:nth-of-type(1){width:100%}.threesixty-container{position:relative}.threesixty-container>img{position:absolute;width:100%;bottom:0}.threesixty-container ol{list-style:none;padding:0;margin:0;position:relative}.threesixty-container ol li{margin-bottom:0}.threesixty-container ol li{position:absolute}.threesixty-container ol li img{opacity:0}.threesixty-container ol li.current-image img{opacity:1}.konfigurator .threesixty-container ol li img{max-height:calc(100vh - 300px)}.inner-ring-holder{position:absolute;bottom:0;display:flex;justify-content:center}.threesixty-controls{display:flex;border-radius:10px;gap:1px;position:absolute;right:5px;top:5px;z-index:5}.threesixty-controls>button{display:initial;border:initial;background-color:initial;padding:initial;transition:initial;color:initial;height:initial;min-height:initial;text-align:initial;min-width:initial;width:auto;border-radius:initial;line-height:initial;font-size:initial;background-color:#e5e5e5;width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:0}.threesixty-controls>button i{margin-right:initial}.threesixty-controls>button:hover{background-color:initial;border:initial;color:initial}.threesixty-controls>button:hover{background-color:#002c5f;color:#fff}.threesixty-controls>button:hover i.icon-expand2{border-color:#fff}.threesixty-controls>button.selected{background-color:#002c5f!important;color:#fff!important}.threesixty-controls>button i{font-size:1.35rem}.threesixty-controls>button i.icon-expand2{font-size:1.111rem;border:1px solid #000000;padding:2px;border-radius:4px}.threesixty-controls>button i.icon-close-thin{font-size:1.15rem}.threesixty-controls>button:first-of-type{border-radius:10px 0 0 10px}.threesixty-controls>button:last-of-type{border-radius:0 10px 10px 0}.threesixty-controls>button:focus{z-index:1}@media (max-width: 768px){.threesixty-controls>button{height:35px;width:35px}.threesixty-controls>button i{font-size:1rem}.threesixty-controls>button i.icon-expand2{font-size:.85rem;padding:2px}.threesixty-controls>button i.icon-seat{font-size:1.12rem}.threesixty-controls>button i.icon-close-thin{font-size:1rem}}.threesixty-controls.interior-mode{background-color:#000}.threesixty-controls.interior-mode>button{background-color:#fff}.threesixty-controls.interior-mode>button:hover{background-color:#002c5f;color:#fff}.threesixty-controls.interior-mode>button:hover i.icon-expand2{border-color:#fff}.threesixty-controls.overlay{right:35px!important;top:35px!important}.threesixty-controls.small-container>button{height:35px;width:35px}.threesixty-controls.small-container>button i{font-size:1rem}.threesixty-controls.small-container>button i.icon-expand2{font-size:.85rem;padding:2px}.threesixty-controls.small-container>button i.icon-seat{font-size:1.12rem}.threesixty-controls.small-container>button i.icon-close-thin{font-size:1rem}.konfigurator-colors{display:flex;flex-direction:column;width:100%}.konfigurator-colors>div{display:flex;flex-direction:row;width:100%}.konfigurator-colors>div.column{flex-direction:column}@media (max-width: 1200px){.konfigurator-colors>div{flex-direction:column}}.konfigurator-colors>div>div{display:flex;flex-direction:column;width:100%}.konfigurator-colors>div>div:nth-of-type(1){margin-bottom:60px}@media (max-width: 1024px){.konfigurator-colors>div>div:nth-of-type(1){margin-bottom:35px}}.konfigurator-colors>div>div>div:nth-of-type(1){display:flex;flex-direction:column}@media (max-width: 768px){.konfigurator-colors>div>div>div:nth-of-type(1){flex-direction:row;align-items:center;gap:0 20px;margin-bottom:20px}.konfigurator-colors>div>div>div:nth-of-type(1) span.h5{margin-bottom:0}}.konfigurator-colors .selected-color-text{padding:4px 10px;background-color:#e5e5e5;border-radius:10px;width:fit-content;font-family:Hyundai-Sans-Head-Medium,sans-serif;font-size:.7777777778rem;margin-bottom:20px}@media (max-width: 768px){.konfigurator-colors .selected-color-text{margin-bottom:0}}.konfigurator-colors .subtext{margin-bottom:24px;color:#999;font-size:.7777777778rem}.konfigurator-colors .color-container-config{display:flex;z-index:5;gap:10px;position:relative;width:fit-content;margin-bottom:25px}@media (max-width: 1024px){.konfigurator-colors .color-container-config{margin-bottom:20px}}.konfigurator-colors .color-container-config button{display:initial;border:initial;background-color:initial;padding:initial;transition:initial;color:initial;height:initial;min-height:initial;text-align:initial;min-width:initial;width:auto;border-radius:initial;line-height:initial;font-size:initial;padding:2px;border:2px solid transparent!important;border-radius:50%}.konfigurator-colors .color-container-config button i{margin-right:initial}.konfigurator-colors .color-container-config button:hover{background-color:initial;border:initial;color:initial}.konfigurator-colors .color-container-config button.selected-color{border-color:#002c5f!important;border-radius:50%}.konfigurator-colors .color-container-config button img{width:70px;height:70px;border-radius:50%}@media (max-width: 768px){.konfigurator-colors .color-container-config button img{width:50px;height:50px}}.threesixty-container{max-width:100%;width:100%;min-height:788px;margin:0 auto 2px;position:relative;cursor:inherit;height:fit-content;min-height:fit-content;display:flex;justify-content:center;align-items:center}@media (max-width: 1200px){.threesixty-container{min-width:unset}}@media (max-width: 576px){.threesixty-container{margin-bottom:0!important}}.threesixty-container.small{max-width:760px}.threesixty-container.konfigurator-mode{margin:0 auto;overflow:hidden}.threesixty-container.grab{cursor:grab}.threesixty-container .loader{top:0;height:100%;width:fit-content;display:flex;text-align:center;justify-content:center;align-items:flex-end;opacity:1}.threesixty-container .loader .static{width:100%;max-width:620px}.threesixty-container .loader>img{opacity:0}.threesixty-container .loader span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1rem;background-color:#fffc;width:60px;height:60px;border-radius:50px;display:flex;justify-content:center;align-items:center;z-index:2}.threesixty-container .loader .preview-loading{bottom:0;left:0;width:100%;height:100%;object-fit:contain;background-color:#fff;filter:blur(2px)}.threesixty-container .loader .ring-loading{position:absolute;left:50%;transform:translate(-50%);width:100%;bottom:0;filter:blur(2px)}.threesixty-container .loader .ring-loading>img{object-fit:contain;width:100%}.threesixty-container .threesixty-images{display:none;list-style:none;margin:0;padding:0;top:0;left:0;width:fit-content;height:fit-content;transition:.5s all ease-out;opacity:0;position:absolute;flex-direction:column;justify-content:center;align-items:center}.threesixty-container .threesixty-images li{position:absolute;min-height:0;padding:0;margin:0;width:fit-content;height:fit-content;display:flex;justify-content:center;align-items:center;background-color:#fff}.threesixty-container .threesixty-images li:before{display:none}.threesixty-container .threesixty-images li .inner-car-image{position:relative;width:100%;bottom:0;object-fit:contain;background-color:#fff}.threesixty-container .threesixty-images li .ring-container{position:absolute;bottom:20px;width:calc(100% - 60px)}.threesixty-container .threesixty-images li .ring-container>.inner-ring-img{object-fit:contain;width:100%}@media (max-width: 1880px){.threesixty-container .threesixty-images li .ring-container:before{bottom:10px}}@media (max-width: 1480px){.threesixty-container .threesixty-images li .ring-container{width:calc(100% - 40px)}.threesixty-container .threesixty-images li .ring-container:before{bottom:3px;font-size:1.6em}}@media (max-width: 1200px){.threesixty-container .threesixty-images li .ring-container:before{bottom:15px}}@media (max-width: 1024px){.threesixty-container .threesixty-images li .ring-container{bottom:35px}.threesixty-container .threesixty-images li .ring-container:before{bottom:7px;font-size:1.6em}}@media (max-width: 768px){.threesixty-container .threesixty-images li .ring-container{width:calc(100% - 40px);bottom:20px}.threesixty-container .threesixty-images li .ring-container:before{bottom:7px;font-size:1.6em}}@media (max-width: 576px){.threesixty-container .threesixty-images li .ring-container:before{bottom:0;font-size:1.2em}}@media (max-width: 480px){.threesixty-container .threesixty-images li .ring-container{width:calc(100% - 30px);bottom:10px}.threesixty-container .threesixty-images li .ring-container:before{bottom:-3px}}.threesixty-container .threesixty-images li .inner-360-image{height:fit-content;display:flex;justify-content:center;position:relative;width:100%}.threesixty-container .threesixty-images .previous-image{z-index:-1}.threesixty-container.new-images{padding-top:60px;overflow:hidden}.threesixty-container.new-images img{bottom:-60px}.threesixty-container.hide{display:none}.color-container{display:flex;align-items:center;justify-content:center;z-index:5;gap:10px;margin:15px auto 0;flex-wrap:wrap}.color-container.interior{position:relative;margin:15px auto auto;left:0;transform:none;bottom:0!important}.color-container button{display:initial;border:initial;background-color:initial;padding:initial;transition:initial;color:initial;height:initial;min-height:initial;text-align:initial;min-width:initial;width:auto;border-radius:initial;line-height:initial;font-size:initial;padding:2px;border:2px solid transparent!important;border-radius:50%}.color-container button i{margin-right:initial}.color-container button:hover{background-color:initial;border:initial;color:initial}.color-container button.selected-color{border-color:#002c5f!important;border-radius:50%}.color-container button img{width:50px;height:50px;border-radius:50%}.threesixty-fullscreen-button{display:initial;border:initial;background-color:initial;padding:initial;transition:initial;color:initial;height:initial;min-height:initial;text-align:initial;min-width:initial;width:auto;border-radius:initial;line-height:initial;font-size:initial;border:1px solid #000000;border-radius:5px;display:flex;justify-content:center;align-items:center;width:44px;height:44px;min-height:40px;cursor:pointer;background-color:#fff;position:absolute;right:50px;top:50px;z-index:5}.threesixty-fullscreen-button i{margin-right:initial}.threesixty-fullscreen-button:hover{background-color:initial;border:initial;color:initial}@media (max-width: 1024px){.threesixty-fullscreen-button{display:none}}.threesixty-fullscreen-button:hover{background-color:#002c5f;color:#fff}.threesixty-fullscreen-button i{transition:.05s ease;border-radius:5px;margin:0;font-size:1.7rem}.threesixty-dialog{display:grid;grid-template-rows:1fr;height:100%}.threesixty-dialog.hide{display:none}.threesixty-dialog .threesixty-container{max-width:unset;height:100%;margin-bottom:30px}.threesixty-dialog .threesixty-container .loader{width:fit-content}@media (max-width: 1480px){.threesixty-dialog .threesixty-container .loader{height:fit-content}}.threesixty-dialog .threesixty-container .threesixty-images,.threesixty-dialog .threesixty-container li,.threesixty-dialog .threesixty-container li .inner-360-image{height:100%}@media (max-width: 1480px){.threesixty-dialog .threesixty-container li .inner-360-image{height:fit-content}}.threesixty-dialog h3{text-align:center;margin-bottom:20px}.threesixty-dialog .price-tag{padding:5px 10px;background-color:#e5e5e5;border-radius:10px;margin:0 auto 32px;width:fit-content;font-size:.78rem;font-family:Hyundai-Sans-Head-Medium,sans-serif}.threesixty-dialog .color-container-overlay{display:flex;align-items:center;z-index:5;gap:10px;position:relative;margin:0 auto;width:fit-content}.threesixty-dialog .color-container-overlay button{display:initial;border:initial;background-color:initial;padding:initial;transition:initial;color:initial;height:initial;min-height:initial;text-align:initial;min-width:initial;width:auto;border-radius:initial;line-height:initial;font-size:initial;padding:2px;border:2px solid transparent!important;border-radius:50%}.threesixty-dialog .color-container-overlay button i{margin-right:initial}.threesixty-dialog .color-container-overlay button:hover{background-color:initial;border:initial;color:initial}.threesixty-dialog .color-container-overlay button.selected-color{border-color:#002c5f!important;border-radius:50%}.threesixty-dialog .color-container-overlay button img{width:70px;height:70px;border-radius:50%}.panorama-container{display:flex;min-height:788px;height:100%;width:100%;border-radius:10px;padding:0;flex-direction:column}.panorama-container #panorama,.panorama-container #panorama-overlay{height:100%;width:100%;border-radius:10px}.panorama-container #panorama.konfigurator-mode,.panorama-container #panorama-overlay.konfigurator-mode{height:100%}.panorama-container #panorama #controls,.panorama-container #panorama-overlay #controls{position:absolute;bottom:5px;left:5px;z-index:2}.panorama-container #panorama #controls>button,.panorama-container #panorama-overlay #controls>button{display:initial;border:initial;background-color:initial;padding:initial;transition:initial;color:initial;height:initial;min-height:initial;text-align:initial;min-width:initial;width:auto;border-radius:initial;line-height:initial;font-size:initial;background-color:#fff;border-radius:7px;padding:5px;margin-right:5px}.panorama-container #panorama #controls>button i,.panorama-container #panorama-overlay #controls>button i{margin-right:initial}.panorama-container #panorama #controls>button:hover,.panorama-container #panorama-overlay #controls>button:hover{background-color:initial;border:initial;color:initial}.panorama-container #panorama #controls>button:hover,.panorama-container #panorama-overlay #controls>button:hover{background-color:#f8f8f8}.panorama-container #panorama .pnlm-zoom-controls,.panorama-container #panorama-overlay .pnlm-zoom-controls,.panorama-container #panorama .pnlm-fullscreen-toggle-button,.panorama-container #panorama-overlay .pnlm-fullscreen-toggle-button{border-radius:7px;border-color:transparent}.panorama-container #panorama-overlay{height:100%}.panorama-container.konfigurator-mode #panorama,.panorama-container.konfigurator-mode #panorama-overlay{height:calc(100% - 20px)}.panorama-container.panorama-overlay{padding:0;height:100%}.panorama-container.panorama-overlay>h3{text-align:center;margin-top:20px;margin-bottom:20px}.panorama-container.hide{display:none}.panorama-container .price-tag{padding:5px 10px;background-color:#e5e5e5;border-radius:10px;margin:0 auto 32px;width:fit-content;font-size:.78rem;font-family:Hyundai-Sans-Head-Medium,sans-serif}.panorama-container .color-container-overlay{display:flex;align-items:center;z-index:5;gap:10px;position:relative;margin:auto auto 0;width:fit-content}.panorama-container .color-container-overlay button{display:initial;border:initial;background-color:initial;padding:initial;transition:initial;color:initial;height:initial;min-height:initial;text-align:initial;min-width:initial;width:auto;border-radius:initial;line-height:initial;font-size:initial;padding:2px;border:2px solid transparent!important;border-radius:50%}.panorama-container .color-container-overlay button i{margin-right:initial}.panorama-container .color-container-overlay button:hover{background-color:initial;border:initial;color:initial}.panorama-container .color-container-overlay button.selected-color{border-color:#002c5f!important;border-radius:50%}.panorama-container .color-container-overlay button img{width:70px;height:70px;border-radius:50%}.x .threesixty-holder{width:100%;height:100%}.x .threesixty-layout{width:100%;height:fit-content;position:relative;flex-direction:column}.x .threesixty-layout .threesixty-container{flex:1}.x .threesixty-layout>div:nth-of-type(1){width:100%;height:fit-content;position:relative;flex-direction:column}
