@layer components{.vsr-hero{--vsr-hero-frame-w: 1717;--vsr-hero-frame-h: 916;--vsr-hero-band-ratio: 6 / 5;--vsr-hero-band-crop: 5 / 3;--vsr-hero-band-ratio-wide: 12 / 5;--vsr-hero-title-measure: none;--vsr-hero-title-tracking: calc(.648px - .0595em) ;--vsr-hero-rule-color: var(--vsr-color-border-strong);--vsr-hero-rule: var(--vsr-border-width) solid var(--vsr-hero-rule-color);--vsr-hero-step-pad: var(--vsr-space-4);--vsr-hero-pad-block: var(--vsr-section-space-sm);position:relative;padding-block:var(--vsr-hero-pad-block);isolation:isolate}.vsr-hero__inner{display:grid;grid-template-columns:minmax(0,1fr)}.vsr-hero__reveal{display:contents}.vsr-hero__plate{margin-block-end:var(--vsr-space-6);border-block-start:var(--vsr-hero-rule)}.vsr-hero__plate-row{display:flex;flex-wrap:wrap;align-items:center;border-block-end:var(--vsr-hero-rule)}.vsr-hero__marques{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--vsr-space-4);row-gap:var(--vsr-space-1);min-width:0;padding-block:var(--vsr-space-3);font-family:var(--vsr-font-mono);font-size:var(--vsr-text-xs);line-height:var(--vsr-leading-snug)}.vsr-hero__marque{color:var(--vsr-color-heading);letter-spacing:var(--vsr-tracking-widest);text-transform:uppercase}.vsr-hero__plate-line{padding-block:var(--vsr-space-3);color:var(--vsr-color-muted);font-weight:var(--vsr-weight-regular)}.vsr-hero__title{max-width:var(--vsr-hero-title-measure);font-weight:var(--vsr-weight-regular);line-height:var(--vsr-leading-none);letter-spacing:var(--vsr-hero-title-tracking);text-wrap:pretty}.vsr-hero__title-accent{display:block}.vsr-hero__body{margin-block-start:var(--vsr-space-8)}.vsr-hero__text{max-width:var(--vsr-measure-narrow)}.vsr-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--vsr-space-5) var(--vsr-space-8);margin-block-start:var(--vsr-space-8)}.vsr-hero__actions .vsr-btn{font-weight:var(--vsr-weight-regular)}.vsr-hero__route{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--vsr-grid-min),100%),1fr));margin-block-start:var(--vsr-space-10)}.vsr-hero__step{display:flex;flex-direction:column;gap:var(--vsr-space-2);padding-block:var(--vsr-hero-step-pad);padding-inline-end:var(--vsr-space-8);border-block-start:var(--vsr-hero-rule)}.vsr-hero__step-index{color:var(--vsr-color-muted);font-size:var(--vsr-text-xs);line-height:var(--vsr-leading-none)}.vsr-hero__step-label{color:var(--vsr-color-heading);font-size:var(--vsr-text-base);line-height:var(--vsr-leading-snug);letter-spacing:var(--vsr-tracking-tight);text-wrap:balance}.vsr-hero__step-text{max-width:var(--vsr-measure-narrow);color:var(--vsr-color-muted);font-size:var(--vsr-text-sm);line-height:var(--vsr-leading-snug)}.vsr-hero__picker{margin-block-start:var(--vsr-space-8)}.vsr-hero__picker-label{color:var(--vsr-color-muted);font-weight:var(--vsr-weight-regular)}.vsr-hero__faults{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--vsr-space-4) var(--vsr-space-3);margin-block-start:var(--vsr-space-4)}.vsr-hero__fault-link{display:block;color:var(--vsr-color-heading);text-decoration:none}.vsr-hero__fault-image{display:block;width:100%;border:var(--vsr-border)}.vsr-hero__fault-link:hover .vsr-hero__fault-image{border-color:var(--vsr-color-border-hover)}.vsr-hero__fault-label{display:block;margin-block-start:var(--vsr-space-2);font-size:var(--vsr-text-sm);line-height:var(--vsr-leading-snug);letter-spacing:var(--vsr-tracking-tight);text-wrap:balance}.vsr-hero__picker-more{display:flex;align-items:center;justify-content:space-between;gap:var(--vsr-space-4);min-block-size:var(--vsr-tap-target);margin-block-start:var(--vsr-space-4);padding-block:var(--vsr-space-3);border-block-start:var(--vsr-hero-rule);color:var(--vsr-color-link);font-size:var(--vsr-text-sm);text-decoration:none}.vsr-hero__picker-more:hover{color:var(--vsr-color-link);text-decoration:underline;text-underline-offset:.25em}.vsr-hero__picker-more-icon{flex:0 0 auto;transition:transform var(--vsr-duration-fast) var(--vsr-ease-out)}.vsr-hero__picker-more:hover .vsr-hero__picker-more-icon{transform:translate(var(--vsr-space-1))}.vsr-hero__frame{position:relative;margin-block-start:var(--vsr-space-10);margin-inline:calc(var(--vsr-gutter) * -1);overflow:hidden;border-block:var(--vsr-border)}.vsr-hero__picture{display:block}.vsr-hero__image{aspect-ratio:var(--vsr-hero-frame-w) / var(--vsr-hero-frame-h);width:100%;height:100%;object-fit:cover;object-position:50% 100%}@media screen and not (min-width:750px){.vsr-hero{--vsr-hero-title-tracking: var(--vsr-tracking-tighter);--vsr-hero-pad-block: var(--vsr-space-6)}.vsr-hero__title{line-height:var(--vsr-leading-tight);overflow-wrap:anywhere}.vsr-hero__actions{gap:var(--vsr-space-3)}.vsr-hero__actions .vsr-btn{min-block-size:var(--vsr-space-12);line-height:var(--vsr-leading-snug)}.vsr-hero__actions .vsr-btn--primary{flex:1 1 auto;font-weight:var(--vsr-weight-semibold)}.vsr-hero__actions .vsr-btn--link{padding-inline:var(--vsr-space-3)}.vsr-hero__picker{order:2}.vsr-hero__fault-label,.vsr-hero__picker-more{font-size:max(1rem,var(--vsr-text-base))}.vsr-hero__picture{position:absolute;inset-block-end:0;inset-inline:0}.vsr-hero__image{aspect-ratio:var(--vsr-hero-band-ratio);height:auto;object-position:100% 50%}.vsr-hero__step{flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:var(--vsr-space-3);padding-inline-end:0}.vsr-hero__step-text{flex-basis:100%}.vsr-hero__frame{order:1;aspect-ratio:var(--vsr-hero-band-crop);margin-block-start:var(--vsr-space-8)}.vsr-hero__route{order:3;margin-block-start:var(--vsr-space-8)}.vsr-hero__step:last-child{border-block-end:var(--vsr-hero-rule)}.vsr-hero__body,.vsr-hero__actions{margin-block-start:var(--vsr-space-6)}}@media screen and (min-width:750px){.vsr-hero{--vsr-hero-title-measure: 8.7em}.vsr-hero__image{aspect-ratio:var(--vsr-hero-band-ratio-wide)}.vsr-hero__faults{grid-template-columns:repeat(3,minmax(0,1fr))}.vsr-hero__plate-row{overflow:hidden}.vsr-hero__marques{column-gap:0;row-gap:0;margin-inline-start:calc((var(--vsr-space-4) + var(--vsr-border-width)) * -1);padding-block:0}.vsr-hero__marque{padding-block:var(--vsr-space-3);padding-inline:var(--vsr-space-4);border-inline-start:var(--vsr-hero-rule)}}@media screen and (min-width:990px){.vsr-hero__route{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.vsr-hero__step{--vsr-hero-step-pad: var(--vsr-space-5)}}@media screen and not (min-width:1200px){.vsr-hero__inner:has(.vsr-hero__picker) .vsr-hero__route{display:none}}@media screen and (min-width:1200px){.vsr-hero__picker{display:none}}@media screen and (min-width:1200px){.vsr-hero--framed{display:grid;--vsr-hero-pad-block: var(--vsr-space-10);--vsr-hero-rule-color: var(--vsr-color-overlay);--vsr-color-focus: var(--vsr-color-heading);--vsr-hero-sky-trim: .75;align-content:center;min-block-size:min(calc(100vw * var(--vsr-hero-frame-h) / var(--vsr-hero-frame-w) * var(--vsr-hero-sky-trim)),calc(100svh - var(--vsr-header-offset)))}@supports (color: color-mix(in srgb,red 10%,transparent)){.vsr-hero--framed{--vsr-hero-rule-color: color-mix(in srgb, var(--vsr-color-overlay) 50%, transparent)}}.vsr-hero--framed .vsr-btn--primary{--vsr-btn-border: var(--vsr-color-heading)}.vsr-hero--framed .vsr-hero__inner{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(4,auto);column-gap:var(--vsr-grid-gap)}.vsr-hero--framed .vsr-hero__inner:after{content:"";grid-row:1 / -1;grid-column:1 / 7;border-inline-end:var(--vsr-hero-rule);pointer-events:none}.vsr-hero--framed .vsr-hero__plate{grid-row:1;grid-column:1 / 7;margin-block-end:var(--vsr-space-5)}.vsr-hero--framed .vsr-hero__title{grid-row:2;grid-column:1 / 7}.vsr-hero--framed .vsr-hero__body{grid-row:3;grid-column:1 / 7;margin-block-start:var(--vsr-space-6)}.vsr-hero--framed .vsr-hero__actions{margin-block-start:var(--vsr-space-6)}.vsr-hero--framed .vsr-hero__route{grid-row:4;grid-column:1 / 7;margin-block-start:var(--vsr-space-8)}.vsr-hero--framed .vsr-hero__step{padding-inline-end:var(--vsr-space-4)}.vsr-hero--framed .vsr-hero__frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin-block:0;margin-inline:0;border-block:0}.vsr-hero--framed .vsr-hero__picture,.vsr-hero--framed .vsr-hero__image{width:100%;height:100%}.vsr-hero--framed .vsr-hero__image{aspect-ratio:auto}}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-hero-repair.css.map */