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

Volvo Cars shared CSS

:where(:root){--_v70522c:81rem;--_v96871f:min(100vw - var(--v-space-pagemargin)*2,160rem - var(--v-space-pagemargin)*2,100.0%);--_v3a146f:min(var(--_v70522c),var(--_v96871f));--_v17c8a9:calc((var(--v-grid-columns) - 1)*var(--v-space-gutter));--_v75d179:calc((var(--_v3a146f) - var(--_v17c8a9))/var(--v-grid-columns));--_vdef1f3:calc(var(--v-space-gutter)*(var(--v-grid-columns) - 1));--_v3a86b2:calc((var(--_v75d179)*var(--v-grid-columns)) + var(--_vdef1f3))}:where(body:has([data-debug-grid=true])):before{z-index:calc(3.40282e38);width:calc(var(--_v3a146f) + var(--v-space-gutter));pointer-events:none;content:"";background:linear-gradient(to right,var(--v-color-surface-accent-blue),var(--v-color-surface-accent-blue)calc(100.0% - var(--v-space-gutter)),#0000 calc(100.0% - var(--v-space-gutter)));background-size:calc(100.0%/var(--v-grid-columns));opacity:.16;top:0;bottom:0;margin-block:0;margin-inline:auto;display:block;position:fixed;inset-inline-start:calc(50.0% + var(--v-space-gutter)/2);translate:-50%}:where(html:has([data-debug-grid=true])):after,:where(html:has([data-debug-grid=true])):before{width:max(calc((100vw - (160rem - var(--v-space-pagemargin)*2))/2),calc(var(--v-space-pagemargin) - (100vw - 100.0%)/2));pointer-events:none;content:"";background-color:var(--v-color-surface-feedback-red);opacity:.16;height:100vh;display:block;position:fixed;top:0}:where(html:has([data-debug-grid=true])):before{inset-inline-start:0}:where(html:has([data-debug-grid=true])):after{inset-inline-end:0}:where(div[data-inline-debug-grid=true]){position:relative;overflow-x:hidden}:where(div[data-inline-debug-grid=true]):before{z-index:calc(3.40282e38);width:calc(var(--_v3a146f) + var(--v-space-gutter));pointer-events:none;content:"";background:linear-gradient(to right,var(--v-color-surface-accent-blue),var(--v-color-surface-accent-blue)calc(100.0% - var(--v-space-gutter)),#0000 calc(100.0% - var(--v-space-gutter)));background-size:calc(100.0%/var(--v-grid-columns));opacity:.16;top:0;bottom:0;margin-block:0;margin-inline:auto;display:block;position:absolute;inset-inline-start:calc(50.0% + var(--v-space-gutter)/2);translate:-50%}:where([data-debug-outline]) *{outline:1px solid #ff000080}:where([data-debug-outline]) :is(a,b,em,i,li,small,span,strong){outline-color:#00ff0080}:where([data-debug-outline]) div{outline-color:#0000ff80}:where([data-debug-outline]) :is(button,input,select,summary,textarea){outline-color:#ff00ff80}