﻿@keyframes shine-skeleton-lines {
    0 {
        background-position: -100px
    }

    40%,100% {
        background-position: 600px
    }
}

@keyframes spin {
    0 {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes rotateImageLoading {
    from {
        transform: translate(-50%,-50%) rotateY(0) scale(1.01)
    }

    to {
        transform: translate(-50%,-50%) rotateY(360deg) scale(1.01)
    }
}

*:where(.container-body :not(iframe,canvas,img,svg,video,audio):not(svg *,symbol *):not(.ds-cmp,.ds-cmp *)), *:where(.iparys_inherited>.header :not(iframe,canvas,img,svg,video,audio):not(svg *,symbol *):not(.ds-cmp,.ds-cmp *)), *:where(.header.base-container.base :not(iframe,canvas,img,svg,video,audio):not(svg *,symbol *):not(.ds-cmp,.ds-cmp *)), *:where(.iparys_inherited>.footer :not(iframe,canvas,img,svg,video,audio):not(svg *,symbol *):not(.ds-cmp,.ds-cmp *)), *:where(.footer.base-container.base :not(iframe,canvas,img,svg,video,audio):not(svg *,symbol *):not(.ds-cmp,.ds-cmp *)) {
    all: unset;
    display: revert
}

*, *::before, *::after {
    box-sizing: border-box
}

body {
    margin: 0
}

html {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none
}

body {
    margin: 0
}

a, button {
    cursor: revert
}

.ds-cmp a, .ds-cmp button {
    cursor: revert-layer
}

ol, ul, menu, summary {
    list-style: none
}

ol {
    counter-reset: revert
}

img {
    max-inline-size: 100%;
    max-block-size: 100%
}

table {
    border-collapse: collapse
}

input, textarea {
    -webkit-user-select: auto
}

textarea {
    white-space: revert
}

meter {
    -webkit-appearance: revert;
    appearance: revert
}

:where(pre) {
    all: revert;
    box-sizing: border-box
}

::placeholder {
    color: unset
}

:where([hidden]) {
    display: none
}

:where([contenteditable]:not([contenteditable="false"])) {
    -moz-user-modify: read-write;
    -webkit-user-modify: read-write;
    overflow-wrap: break-word;
    -webkit-line-break: after-white-space;
    -webkit-user-select: auto
}

:where([draggable="true"]) {
    -webkit-user-drag: element
}

:where(dialog:modal) {
    all: revert;
    box-sizing: border-box
}

::-webkit-details-marker {
    display: none
}

html, body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 100%;
    display: grid
}

body {
    background-color: var(--dg-global-color-neutral-150,#09090b);
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    font-family: var(--dg-font-family-base) !important;
    font-size: 16px;
    line-height: 1.5;
    color: var(--dg-global-color-neutral-10,#fafafa);
    grid-template-rows: auto 1fr auto
}

    body.is-scroll-locked {
        position: fixed;
        width: 100%;
        overflow: hidden
    }

.mod__hidden {
    display: none !important
}

.mod__active {
    opacity: 1;
    cursor: auto
}

.mod__disabled {
    opacity: .5;
    pointer-events: none
}

.mod__no-opacity {
    pointer-events: none;
    opacity: 0;
    cursor: auto
}

.ghost {
    display: none
}

.container-body {
    margin-top: -72px !important
}

body.has-topbar-country-selector .container-body {
    margin-top: -196px
}

@media(min-width:480px) {
    body.has-topbar-country-selector .container-body {
        margin-top: -180px
    }
}

@media(min-width:768px) {
    .container-body {
        margin-top: -88px !important
    }

    body.has-topbar-country-selector .container-body {
        margin-top: -160px
    }
}

@media(min-width:1024px) {
    .container-body {
        margin-top: -96px !important
    }

    body.has-topbar-country-selector .container-body {
        margin-top: -168px
    }
}

.cmp-autonomy-calculator, .cmp-cost-savings-calculator, .cmp-ev-charging-calculator, .cmp-charging-recommender, .cmp-feature-hub-integrator, .cmp-trim-range, .cmp-car-range, .cmp-trimgrid, .cmp-accordion, .charger-finder, .side-modal-component-wrapper, .top-modal-component-wrapper {
    display: none
}
