@volvo-cars/css/dist/styles_hover.css

Volvo Cars shared CSS

:where(:is([type=checkbox],[type=radio]):enabled+label),:where(:is([type=checkbox],[type=radio]):enabled+*>label:first-child),:where(label:has([type=checkbox]:enabled,.switch:not(:disabled,[aria-disabled=true]),[role=switch]:not(:disabled,[aria-disabled=true]))),:where(:is(button,select,summary,[type=button],[type=reset],[type=submit],[type=checkbox],[type=radio],[role=button],[role=link]):not([aria-disabled=true],:disabled)){cursor:pointer}:where([type=file]:enabled)::file-selector-button{cursor:pointer}:where(.icon-button-filled,.button-filled):hover{--_v66d5c1:var(--_v462cee)}:where(.icon-button-filled,.button-filled):hover:active{--_v66d5c1:var(--_vce294a)}:where(.button-outlined,.icon-button-outlined,.icon-button-clear,.toggle-group-button):hover{--_v66d5c1:var(--_v580f4a)}:where(.button-outlined,.icon-button-outlined,.icon-button-clear,.toggle-group-button):hover:active{--_v66d5c1:var(--_v462cee)}:where(.button-text:hover){text-decoration-line:underline;text-decoration-thickness:.125em}:where(.button-text:active){text-decoration-thickness:auto}:where([type=checkbox]:enabled:hover,[type=radio]:not(:checked):enabled:hover){--_vd02e23:var(--v-color-foreground-primary);--_v6da65a:var(--v-color-foreground-primary);--_v66d5c1:calc(100.0% - var(--_v580f4a))}:where([type=checkbox]:enabled:hover,[type=radio]:not(:checked):enabled:hover):active{--_v66d5c1:calc(100.0% - var(--_v462cee))}:where([type=checkbox]:checked:enabled:hover){--_v6da65a:var(--v-color-foreground-accent-blue);--_vd02e23:var(--v-color-foreground-accent-blue);--_v66d5c1:var(--_v462cee)}:where([type=checkbox]:checked:enabled:hover):active{--_v66d5c1:var(--_vce294a)}:where(:is([type=checkbox],[type=radio])[aria-invalid]:not(:checked):hover),:where([aria-invalid] [type=radio]:not(:checked):hover){--_v66d5c1:calc(100.0% - var(--_v580f4a));--_v6da65a:var(--v-color-foreground-feedback-red);--_vd02e23:var(--v-color-foreground-feedback-red)}:is(:where(:is([type=checkbox],[type=radio])[aria-invalid]:not(:checked):hover),:where([aria-invalid] [type=radio]:not(:checked):hover)):active{--_v66d5c1:calc(100.0% - var(--_v462cee))}:where([data-input-delegate][aria-disabled=true],[data-input-delegate]:has(>:disabled)){pointer-events:none}:where(:is([data-input-delegate]:not([aria-invalid=true],[aria-disabled=true]),:is(textarea,select,input:not([type=button],[type=submit],[type=reset],[type=checkbox],[type=radio],[type=range])):not([aria-invalid=true],:disabled,:focus)):hover){--_v6da65a:var(--v-color-foreground-primary)}:where(a[href]:not([class]):hover),:where(.link-plain:hover),:where(.link-inline:hover),:where(.link-underlined:hover),:where(:is(a,button):hover .link-plain){-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-line:underline;text-decoration-thickness:.125em}:where(a[href]:not([class]):active),:where(.link-plain:active),:where(.link-inline:active),:where(.link-underlined:active),:where(:is(a,button):active .link-plain){text-decoration-thickness:auto}:where(.pagination-dots>li>:is(a,button)):hover{--_v66d5c1:var(--_v580f4a)}:where(.pagination-dots>li>:is(a,button)):hover:active{--_v66d5c1:var(--_v462cee)}:where(input[type=range])::-webkit-slider-thumb:hover{--_v8073cf:var(--_v580f4a)}:where(input[type=range])::-webkit-slider-thumb:active{--_v8073cf:var(--_v462cee)}:where(input[type=range])::-moz-range-thumb:hover{--_v8073cf:var(--_v580f4a)}:where(input[type=range])::-moz-range-thumb:hover:active{--_v8073cf:var(--_v462cee)}:where([role=switch]:is(.switch,:not([class])):enabled:hover){background-color:color-mix(in lab,var(--_v6e0899),var(--v-color-background-primary)var(--_vce294a))}:where(.tap-area:hover){--_v66d5c1:var(--_v580f4a)}@supports not (background:color-mix(in oklab, white 0%, black)){:where(.tap-area:hover){background-color:var(--v-color-background-secondary)}}:where(.tap-area:hover:active){--_v66d5c1:var(--_v462cee)}.hover\:border-primary:hover{--_v2c3a00:var(--v-color-foreground-primary)}.hover\:scale-zoomed:hover,:where(a:hover) .link-hover\:scale-zoomed,:where(button:hover) .button-hover\:scale-zoomed{scale:1.1}.hover\:text-primary:hover{color:var(--v-color-foreground-primary)}