/*
 * VRH cockpit builder styles for Dawn.
 * Extracted from the VRH Cockpit Builder (Canvas) theme's compiled Tailwind v4 stylesheet:
 * only rules the builder's markup and script use, scoped to .vrh-builder, rem converted to px
 * (Dawn sets html { font-size: 62.5% }), and utility display values marked !important so Dawn's
 * .hidden { display: none !important } cannot override them. Regenerate rather than hand-edit.
 */
@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid
}
@property --tw-leading{syntax:"*";inherits:false
}
@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000
}
@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000
}
@property --tw-ring-color{syntax:"*";inherits:false
}
@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000
}
@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000
}
@property --tw-ring-inset{syntax:"*";inherits:false
}
@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0px
}
@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000
}
@property --tw-duration{syntax:"*";inherits:false
}
@property --tw-ease{syntax:"*";inherits:false
}
@property --tw-content{syntax:"*";initial-value:"";inherits:false
}
@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid
}
@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1
}
@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1
}
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){
.vrh-builder *,.vrh-builder  ::before,.vrh-builder  ::after,.vrh-builder  ::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-shadow:0 0 #0000;--tw-inset-shadow:0 0 #0000;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-outline-style:solid;--tw-scale-x:1;--tw-scale-y:1}
}
.vrh-builder,.vrh-builder{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:4px;--container-sm:384px;--text-xs:12px;--text-xs--line-height:calc(1 / 0.75);--text-sm:14px;--text-sm--line-height:calc(1.25 / 0.875);--text-base:16px;--text-base--line-height:calc(1.5 / 1);--text-lg:18px;--text-lg--line-height:calc(1.75 / 1.125);--text-3xl:30px;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:36px;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:48px;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-0.025em;--tracking-wider:0.05em;--leading-snug:1.375;--radius-sm:4px;--default-transition-duration:150ms;--default-transition-timing-function:var(--ease-ui);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-surface:#ffffff;--color-surface-secondary:#f5f5f5;--color-on-surface:#171717;--color-on-surface-secondary:#61697a;--color-border:#e5e7eb;--color-accent:#2563eb;--color-interactive:#171717;--color-interactive-text:#ffffff;--color-button-primary:var(--color-interactive);--color-button-primary-text:var(--color-interactive-text);--color-success:#059669;--color-warning:#facc15;--color-warning-text:#171717;--color-critical:#b91c1c;--radius-button:8px;--radius-input:8px;--font-body:system-ui, -apple-system, sans-serif;--font-heading:system-ui, -apple-system, sans-serif;--ease-ui:cubic-bezier(0.16, 1, 0.3, 1);--spacing-page:1280px;--spacing-margin:max(16px, var(--safe-area-inset-inline));--spacing-touch-target:44px}
.vrh-builder,.vrh-builder ::backdrop{--safe-area-inset-right:env(safe-area-inset-right, 0px);--safe-area-inset-left:env(safe-area-inset-left, 0px);--safe-area-inset-inline:max(var(--safe-area-inset-left), var(--safe-area-inset-right));--type-paragraph-lg-size:16.52px;--type-paragraph-font:var(--font-body);--type-paragraph-size:14px;--type-paragraph-sm-font:var(--font-body);--type-paragraph-sm-size:11.48px;--type-heading-xl-font:var(--font-heading);--type-heading-xl-size:39px;--type-heading-lg-size:31.2px;--type-heading-md-font:var(--font-heading);--type-heading-md-size:25.35px;--type-heading-sm-font:var(--font-heading);--type-heading-sm-size:19.5px;--type-subheading-font:var(--font-body);--type-subheading-size:10.92px}
.vrh-builder *,.vrh-builder  ::after,.vrh-builder  ::before,.vrh-builder  ::backdrop,.vrh-builder  ::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}
.vrh-builder,.vrh-builder{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}
.vrh-builder hr{height:0;color:inherit;border-top-width:1px}
.vrh-builder abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
.vrh-builder h1,.vrh-builder  h2,.vrh-builder  h3,.vrh-builder  h4,.vrh-builder  h5,.vrh-builder  h6{font-size:inherit;font-weight:inherit}
.vrh-builder a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
.vrh-builder b,.vrh-builder  strong{font-weight:bolder}
.vrh-builder code,.vrh-builder  kbd,.vrh-builder  samp,.vrh-builder  pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}
.vrh-builder small{font-size:80%}
.vrh-builder sub,.vrh-builder  sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
.vrh-builder sub{bottom:-0.25em}
.vrh-builder sup{top:-0.5em}
.vrh-builder table{text-indent:0;border-color:inherit;border-collapse:collapse}
.vrh-builder :-moz-focusring{outline:auto}
.vrh-builder progress{vertical-align:baseline}
.vrh-builder summary{display:list-item}
.vrh-builder ol,.vrh-builder  ul,.vrh-builder  menu{list-style:none}
.vrh-builder img,.vrh-builder  svg,.vrh-builder  video,.vrh-builder  canvas,.vrh-builder  audio,.vrh-builder  iframe,.vrh-builder  embed,.vrh-builder  object{display:block;vertical-align:middle}
.vrh-builder img,.vrh-builder  video{max-width:100%;height:auto}
.vrh-builder button,.vrh-builder  input,.vrh-builder  select,.vrh-builder  optgroup,.vrh-builder  textarea,.vrh-builder  ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}
.vrh-builder :where(select:is([multiple],[size])) optgroup{font-weight:bolder}
.vrh-builder :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
.vrh-builder ::file-selector-button{margin-inline-end:4px}
.vrh-builder ::placeholder{opacity:1}
@supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px){
.vrh-builder ::placeholder{color:currentcolor;
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, currentcolor 50%, transparent)
}}
}
.vrh-builder textarea{resize:vertical}
.vrh-builder ::-webkit-search-decoration{-webkit-appearance:none}
.vrh-builder ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
.vrh-builder ::-webkit-datetime-edit{display:inline-flex}
.vrh-builder ::-webkit-datetime-edit-fields-wrapper{padding:0}
.vrh-builder ::-webkit-datetime-edit,.vrh-builder  ::-webkit-datetime-edit-year-field,.vrh-builder  ::-webkit-datetime-edit-month-field,.vrh-builder  ::-webkit-datetime-edit-day-field,.vrh-builder  ::-webkit-datetime-edit-hour-field,.vrh-builder  ::-webkit-datetime-edit-minute-field,.vrh-builder  ::-webkit-datetime-edit-second-field,.vrh-builder  ::-webkit-datetime-edit-millisecond-field,.vrh-builder  ::-webkit-datetime-edit-meridiem-field{padding-block:0}
.vrh-builder ::-webkit-calendar-picker-indicator{line-height:1}
.vrh-builder :-moz-ui-invalid{box-shadow:none}
.vrh-builder button,.vrh-builder  input:where([type="button"],[type="reset"],[type="submit"]),.vrh-builder  ::file-selector-button{appearance:button}
.vrh-builder ::-webkit-inner-spin-button,.vrh-builder  ::-webkit-outer-spin-button{height:auto}
.vrh-builder h1{line-height:1.2}
.vrh-builder{text-wrap:pretty}
.vrh-builder :where(h1,h2,h3,h4,h5,h6){text-wrap:balance}
.vrh-builder :where(h1,h2,h3,h4,h5,h6):not([class]){font-family:var(--font-heading);font-weight:300;line-height:1.25}
.vrh-builder h1:not([class]){font-size:var(--type-heading-xl-size)}
.vrh-builder h2:not([class]){font-size:var(--type-heading-lg-size)}
.vrh-builder h3:not([class]){font-size:var(--type-heading-md-size)}
.vrh-builder h4:not([class]){font-size:var(--type-heading-sm-size)}
.vrh-builder h5:not([class]){font-size:var(--type-paragraph-lg-size)}
.vrh-builder h6:not([class]){font-size:var(--type-paragraph-size)}
.vrh-builder ul:not([class]){list-style:disc;padding-inline-start:24px}
.vrh-builder ol:not([class]){list-style:decimal;padding-inline-start:24px}
.vrh-builder :where(ul,ol):not([class]){margin-block:16px}
.vrh-builder li:not([class]){margin-block:4px}
.vrh-builder p:not([class]){margin-block:16px}
.vrh-builder :where(strong,b):not([class]){font-weight:700}
.vrh-builder :where(em,i):not([class]){font-style:italic}
.vrh-builder a:not([class]){color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}
.vrh-builder [role="option"]{
@media (prefers-reduced-motion: no-preference){transition:background-color 0.15s var(--ease-ui), color 0.15s var(--ease-ui)
}}
.vrh-builder [role="option"][aria-selected="true"]{background-color:var(--color-surface-secondary);outline:2px solid var(--color-accent);outline-offset:-2px;border-radius:var(--radius-sm)}
.vrh-builder [popover]{border:none;padding:0;margin:0;overflow:visible;background:transparent;opacity:0;transform:translateY(4px);transform-origin:var(--popover-origin, center);transition:opacity 0.1s var(--ease-ui), transform 0.1s var(--ease-ui), display 0.1s allow-discrete, overlay 0.1s allow-discrete}
.vrh-builder [popover]:popover-open{opacity:1;transform:translateY(0);transition:opacity 0.15s var(--ease-ui), transform 0.15s var(--ease-ui), display 0.15s allow-discrete, overlay 0.15s allow-discrete}
@media (prefers-reduced-motion: reduce){
.vrh-builder [popover]{transition-duration:0s}
.vrh-builder [popover]:popover-open{transition-duration:0s}
}
.vrh-builder input[type="text"],.vrh-builder  input[type="email"],.vrh-builder  input[type="password"],.vrh-builder  input[type="search"],.vrh-builder  input[type="tel"],.vrh-builder  input[type="url"],.vrh-builder  input[type="number"],.vrh-builder  input[type="date"],.vrh-builder  textarea,.vrh-builder  select{width:100%;border-radius:var(--radius-input);background-color:var(--color-surface);color:var(--color-on-surface);padding:6px 12px;border:1px solid var(--color-border);font-family:var(--font-body);font-size:var(--text-sm);line-height:1.5;appearance:none;
@media (prefers-reduced-motion: no-preference){transition:border-color 0.15s var(--ease-ui), box-shadow 0.15s var(--ease-ui)
}
&::placeholder{color:var(--color-on-surface-secondary)}
&:focus-visible{outline:2px solid var(--color-interactive);outline-offset:2px}
&:disabled{cursor:not-allowed;background-color:var(--color-surface-secondary);opacity:50%}
&[aria-invalid="true"]{border-color:var(--color-critical);box-shadow:0 0 0 3px color-mix(in srgb, #b91c1c 15%, transparent);
@supports (color: color-mix(in lab, red, red)){box-shadow:0 0 0 3px color-mix(in oklab, var(--color-critical) 15%, transparent)
}}}
.vrh-builder select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-inline-end:40px}
.vrh-builder textarea{resize:vertical;min-height:96px}
.vrh-builder s-video,.vrh-builder  s-predictive-search,.vrh-builder  s-cart,.vrh-builder  s-live-form,.vrh-builder  s-localization-dropdown,.vrh-builder  s-mobile-nav,.vrh-builder  s-variant-picker,.vrh-builder  s-product-image-zoom{display:block}
.vrh-builder s-video{position:relative}
.vrh-builder s-video iframe,.vrh-builder  s-video video{position:absolute;inset:0;width:100%;height:100%}
@media (min-width: 768px){
.vrh-builder{--spacing-margin:max(40px, var(--safe-area-inset-inline))}
}
@media (prefers-reduced-motion: reduce){
.vrh-builder *,.vrh-builder  *::before,.vrh-builder  *::after{animation-duration:0.01ms !important;animation-delay:0s !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}
}
/* Dawn compatibility: Dawn styles these globally; the builder expects Tailwind's preflight. */
.vrh-builder{font-size:16px;letter-spacing:normal;--font-body:var(--font-body-family);--font-heading:var(--font-heading-family);--type-paragraph-font:var(--font-body-family);--type-paragraph-sm-font:var(--font-body-family);--type-heading-xl-font:var(--font-heading-family);--type-heading-md-font:var(--font-heading-family);--type-heading-sm-font:var(--font-heading-family);--type-subheading-font:var(--font-heading-family)}
.vrh-builder :where(h1,h2,h3,h4,h5,h6,p,a,label,summary,button,input,select,ol,ul,li,legend,output){margin:0;color:inherit;letter-spacing:inherit;line-height:inherit;font-family:inherit}
.vrh-builder :where(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit}
.vrh-builder *:focus-visible{box-shadow:none}
.vrh-builder :is(p,div,ul,ol,a,section,span):empty{display:revert}
.vrh-builder summary{position:static}
.vrh-builder input[type="number"]{-moz-appearance:textfield}
.vrh-builder .button-primary{background:var(--color-button-primary);color:var(--color-button-primary-text);
@media (hover: hover){
&:hover{background:color-mix(in srgb, #171717 85%, black);
@supports (color: color-mix(in lab, red, red)){background:color-mix(in oklab, var(--color-button-primary) 85%, black)
}}
}}
.vrh-builder .button-ghost{background:transparent;color:var(--color-on-surface);
@media (hover: hover){
&:hover{background:var(--color-surface-secondary)}
}}
.vrh-builder .type-heading-xl{font-size:var(--type-heading-xl-size);font-family:var(--type-heading-xl-font);font-weight:300;text-wrap:balance}
.vrh-builder .type-heading-md{font-size:var(--type-heading-md-size);font-family:var(--type-heading-md-font);font-weight:400;text-wrap:balance}
.vrh-builder .type-heading-sm{font-size:var(--type-heading-sm-size);font-family:var(--type-heading-sm-font);font-weight:400;text-wrap:balance}
.vrh-builder .type-body{font-size:var(--type-paragraph-size);font-family:var(--type-paragraph-font);line-height:1.625;text-wrap:pretty}
.vrh-builder .type-body-sm{font-size:var(--type-paragraph-sm-size);font-family:var(--type-paragraph-sm-font);text-wrap:pretty}
.vrh-builder .type-overline{font-size:var(--type-subheading-size);font-family:var(--type-subheading-font);font-weight:500;text-transform:uppercase;letter-spacing:0.05em;text-wrap:pretty}
.vrh-builder .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}
.vrh-builder .absolute{position:absolute}
.vrh-builder .relative{position:relative}
.vrh-builder .start-2{inset-inline-start:calc(var(--spacing) * 2)}
.vrh-builder .end-0{inset-inline-end:calc(var(--spacing) * 0)}
.vrh-builder .end-2{inset-inline-end:calc(var(--spacing) * 2)}
.vrh-builder .top-2{top:calc(var(--spacing) * 2)}
.vrh-builder .top-\[4\.25rem\]{top:68px}
.vrh-builder .m-auto{margin:auto}
.vrh-builder .mx-auto{margin-inline:auto}
.vrh-builder .ms-1{margin-inline-start:var(--spacing)}
.vrh-builder .ms-2{margin-inline-start:calc(var(--spacing) * 2)}
.vrh-builder .me-1\.5{margin-inline-end:calc(var(--spacing) * 1.5)}
.vrh-builder .-mt-2{margin-top:calc(var(--spacing) * -2)}
.vrh-builder .-mt-3{margin-top:calc(var(--spacing) * -3)}
.vrh-builder .mt-0\.5{margin-top:calc(var(--spacing) * 0.5)}
.vrh-builder .mt-1{margin-top:var(--spacing)}
.vrh-builder .mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}
.vrh-builder .mt-2{margin-top:calc(var(--spacing) * 2)}
.vrh-builder .mt-auto{margin-top:auto}
.vrh-builder .mb-1{margin-bottom:var(--spacing)}
.vrh-builder .mb-3{margin-bottom:calc(var(--spacing) * 3)}
.vrh-builder .mb-4{margin-bottom:calc(var(--spacing) * 4)}
.vrh-builder .mb-10{margin-bottom:calc(var(--spacing) * 10)}
.vrh-builder .line-clamp-2{overflow:hidden;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.vrh-builder .block{display:block !important}
.vrh-builder .flex{display:flex !important}
.vrh-builder .grid{display:grid !important}
.vrh-builder .hidden{display:none !important}
.vrh-builder .inline-block{display:inline-block !important}
.vrh-builder .inline-flex{display:inline-flex !important}
.vrh-builder .aspect-square{aspect-ratio:1 / 1}
.vrh-builder .size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}
.vrh-builder .size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}
.vrh-builder .size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}
.vrh-builder .size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}
.vrh-builder .size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}
.vrh-builder .size-full{width:100%;height:100%}
.vrh-builder .h-8{height:calc(var(--spacing) * 8)}
.vrh-builder .h-9{height:calc(var(--spacing) * 9)}
.vrh-builder .h-10{height:calc(var(--spacing) * 10)}
.vrh-builder .h-11{height:calc(var(--spacing) * 11)}
.vrh-builder .h-12{height:calc(var(--spacing) * 12)}
.vrh-builder .h-full{height:100%}
.vrh-builder .min-h-5{min-height:calc(var(--spacing) * 5)}
.vrh-builder .min-h-40{min-height:calc(var(--spacing) * 40)}
.vrh-builder .min-h-touch-target{min-height:var(--spacing-touch-target)}
.vrh-builder .w-16{width:calc(var(--spacing) * 16)}
.vrh-builder .w-32{width:calc(var(--spacing) * 32)}
.vrh-builder .w-\[min\(32rem\,calc\(100vw-2rem\)\)\]{width:min(512px, calc(100vw - 32px))}
.vrh-builder .w-fit{width:fit-content}
.vrh-builder .w-full{width:100%}
.vrh-builder .max-w-page{max-width:var(--spacing-page)}
.vrh-builder .max-w-sm{max-width:var(--container-sm)}
.vrh-builder .min-w-0{min-width:0}
.vrh-builder .flex-1{flex:1}
.vrh-builder .shrink-0{flex-shrink:0}
.vrh-builder .cursor-pointer{cursor:pointer}
.vrh-builder .scroll-mt-16{scroll-margin-top:calc(var(--spacing) * 16)}
.vrh-builder .list-disc{list-style-type:disc}
.vrh-builder .list-none{list-style-type:none}
.vrh-builder .grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.vrh-builder .grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.vrh-builder .flex-col{flex-direction:column}
.vrh-builder .flex-wrap{flex-wrap:wrap}
.vrh-builder .items-baseline{align-items:baseline}
.vrh-builder .items-center{align-items:center}
.vrh-builder .items-end{align-items:flex-end}
.vrh-builder .items-start{align-items:flex-start}
.vrh-builder .justify-between{justify-content:space-between}
.vrh-builder .justify-center{justify-content:center}
.vrh-builder .justify-end{justify-content:flex-end}
.vrh-builder .gap-1{gap:var(--spacing)}
.vrh-builder .gap-1\.5{gap:calc(var(--spacing) * 1.5)}
.vrh-builder .gap-2{gap:calc(var(--spacing) * 2)}
.vrh-builder .gap-3{gap:calc(var(--spacing) * 3)}
.vrh-builder .gap-4{gap:calc(var(--spacing) * 4)}
.vrh-builder .gap-5{gap:calc(var(--spacing) * 5)}
.vrh-builder .gap-10{gap:calc(var(--spacing) * 10)}
.vrh-builder .overflow-hidden{overflow:hidden}
.vrh-builder .rounded-button{border-radius:var(--radius-button)}
.vrh-builder .rounded-input{border-radius:var(--radius-input)}
.vrh-builder .border{border-style:var(--tw-border-style);border-width:1px}
.vrh-builder .border-2{border-style:var(--tw-border-style);border-width:2px}
.vrh-builder .border-s-4{border-inline-start-style:var(--tw-border-style);border-inline-start-width:4px}
.vrh-builder .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}
.vrh-builder .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}
.vrh-builder .border-dashed{--tw-border-style:dashed;border-style:dashed}
.vrh-builder .border-on-surface{border-color:var(--color-on-surface)}
.vrh-builder .border-on-surface\/15{border-color:color-mix(in srgb, #171717 15%, transparent);
@supports (color: color-mix(in lab, red, red)){border-color:color-mix(in oklab, var(--color-on-surface) 15%, transparent)
}}
.vrh-builder .border-on-surface\/30{border-color:color-mix(in srgb, #171717 30%, transparent);
@supports (color: color-mix(in lab, red, red)){border-color:color-mix(in oklab, var(--color-on-surface) 30%, transparent)
}}
.vrh-builder .border-on-surface\/40{border-color:color-mix(in srgb, #171717 40%, transparent);
@supports (color: color-mix(in lab, red, red)){border-color:color-mix(in oklab, var(--color-on-surface) 40%, transparent)
}}
.vrh-builder .border-surface\/15{border-color:color-mix(in srgb, #ffffff 15%, transparent);
@supports (color: color-mix(in lab, red, red)){border-color:color-mix(in oklab, var(--color-surface) 15%, transparent)
}}
.vrh-builder .border-surface\/20{border-color:color-mix(in srgb, #ffffff 20%, transparent);
@supports (color: color-mix(in lab, red, red)){border-color:color-mix(in oklab, var(--color-surface) 20%, transparent)
}}
.vrh-builder .border-surface\/25{border-color:color-mix(in srgb, #ffffff 25%, transparent);
@supports (color: color-mix(in lab, red, red)){border-color:color-mix(in oklab, var(--color-surface) 25%, transparent)
}}
.vrh-builder .border-surface\/30{border-color:color-mix(in srgb, #ffffff 30%, transparent);
@supports (color: color-mix(in lab, red, red)){border-color:color-mix(in oklab, var(--color-surface) 30%, transparent)
}}
.vrh-builder .border-warning{border-color:var(--color-warning)}
.vrh-builder .border-s-critical{border-inline-start-color:var(--color-critical)}
.vrh-builder .bg-\[\#2563EB\]{background-color:#2563EB}
.vrh-builder .bg-\[\#C8FF00\]{background-color:#C8FF00}
.vrh-builder .bg-\[\#FB923C\]{background-color:#FB923C}
.vrh-builder .bg-accent{background-color:var(--color-accent)}
.vrh-builder .bg-critical{background-color:var(--color-critical)}
.vrh-builder .bg-on-surface{background-color:var(--color-on-surface)}
.vrh-builder .bg-success{background-color:var(--color-success)}
.vrh-builder .bg-surface{background-color:var(--color-surface)}
.vrh-builder .bg-surface-secondary{background-color:var(--color-surface-secondary)}
.vrh-builder .bg-transparent{background-color:transparent}
.vrh-builder .bg-warning{background-color:var(--color-warning)}
.vrh-builder .object-contain{object-fit:contain}
.vrh-builder .p-0{padding:0}
.vrh-builder .p-2{padding:calc(var(--spacing) * 2)}
.vrh-builder .p-3{padding:calc(var(--spacing) * 3)}
.vrh-builder .p-4{padding:calc(var(--spacing) * 4)}
.vrh-builder .p-6{padding:calc(var(--spacing) * 6)}
.vrh-builder .px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}
.vrh-builder .px-2{padding-inline:calc(var(--spacing) * 2)}
.vrh-builder .px-3{padding-inline:calc(var(--spacing) * 3)}
.vrh-builder .px-4{padding-inline:calc(var(--spacing) * 4)}
.vrh-builder .px-5{padding-inline:calc(var(--spacing) * 5)}
.vrh-builder .px-6{padding-inline:calc(var(--spacing) * 6)}
.vrh-builder .px-margin{padding-inline:var(--spacing-margin)}
.vrh-builder .py-0\.5{padding-block:calc(var(--spacing) * 0.5)}
.vrh-builder .py-1{padding-block:var(--spacing)}
.vrh-builder .py-2{padding-block:calc(var(--spacing) * 2)}
.vrh-builder .py-3{padding-block:calc(var(--spacing) * 3)}
.vrh-builder .py-4{padding-block:calc(var(--spacing) * 4)}
.vrh-builder .py-5{padding-block:calc(var(--spacing) * 5)}
.vrh-builder .py-8{padding-block:calc(var(--spacing) * 8)}
.vrh-builder .py-16{padding-block:calc(var(--spacing) * 16)}
.vrh-builder .py-24{padding-block:calc(var(--spacing) * 24)}
.vrh-builder .ps-3{padding-inline-start:calc(var(--spacing) * 3)}
.vrh-builder .ps-4{padding-inline-start:calc(var(--spacing) * 4)}
.vrh-builder .ps-5{padding-inline-start:calc(var(--spacing) * 5)}
.vrh-builder .pt-4{padding-top:calc(var(--spacing) * 4)}
.vrh-builder .pb-8{padding-bottom:calc(var(--spacing) * 8)}
.vrh-builder .text-center{text-align:center}
.vrh-builder .align-text-top{vertical-align:text-top}
.vrh-builder .text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}
.vrh-builder .text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height))}
.vrh-builder .text-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}
.vrh-builder .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}
.vrh-builder .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}
.vrh-builder .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}
.vrh-builder .text-\[0\.6875rem\]{font-size:11px}
.vrh-builder .leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}
.vrh-builder .leading-none{--tw-leading:1;line-height:1}
.vrh-builder .leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}
.vrh-builder .font-bold{font-weight:var(--font-weight-bold)}
.vrh-builder .font-medium{font-weight:var(--font-weight-medium)}
.vrh-builder .font-normal{font-weight:var(--font-weight-normal)}
.vrh-builder .font-semibold{font-weight:var(--font-weight-semibold)}
.vrh-builder .tracking-tight{letter-spacing:var(--tracking-tight)}
.vrh-builder .tracking-wider{letter-spacing:var(--tracking-wider)}
.vrh-builder .whitespace-pre-line{white-space:pre-line}
.vrh-builder .text-accent{color:var(--color-accent)}
.vrh-builder .text-black{color:var(--color-black)}
.vrh-builder .text-critical{color:var(--color-critical)}
.vrh-builder .text-on-surface{color:var(--color-on-surface)}
.vrh-builder .text-on-surface-secondary{color:var(--color-on-surface-secondary)}
.vrh-builder .text-surface{color:var(--color-surface)}
.vrh-builder .text-surface\/60{color:color-mix(in srgb, #ffffff 60%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-surface) 60%, transparent)
}}
.vrh-builder .text-surface\/70{color:color-mix(in srgb, #ffffff 70%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-surface) 70%, transparent)
}}
.vrh-builder .text-surface\/80{color:color-mix(in srgb, #ffffff 80%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-surface) 80%, transparent)
}}
.vrh-builder .text-warning-text{color:var(--color-warning-text)}
.vrh-builder .text-white{color:var(--color-white)}
.vrh-builder .uppercase{text-transform:uppercase}
.vrh-builder .no-underline{text-decoration-line:none}
.vrh-builder .underline{text-decoration-line:underline}
.vrh-builder .underline-offset-2{text-underline-offset:2px}
.vrh-builder .opacity-50{opacity:50%}
.vrh-builder .ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
.vrh-builder .ring-transparent{--tw-ring-color:transparent}
.vrh-builder .group-open\/step\:hidden{
&:is(:where(.group\/step):is([open],:popover-open,:open) *){display:none !important}}
.vrh-builder .group-open\/step\:inline{
&:is(:where(.group\/step):is([open],:popover-open,:open) *){display:inline !important}}
.vrh-builder .group-open\/step\:rotate-180{
&:is(:where(.group\/step):is([open],:popover-open,:open) *){rotate:180deg}}
.vrh-builder .group-hover\/step\:bg-on-surface{
&:is(:where(.group\/step):hover *){
@media (hover: hover){background-color:var(--color-on-surface)
}}}
.vrh-builder .group-hover\/step\:text-surface{
&:is(:where(.group\/step):hover *){
@media (hover: hover){color:var(--color-surface)
}}}
.vrh-builder .group-has-checked\/item\:flex{
&:is(:where(.group\/item):has(*:checked) *){display:flex !important}}
.vrh-builder .group-has-checked\/opt\:flex{
&:is(:where(.group\/opt):has(*:checked) *){display:flex !important}}
.vrh-builder .group-data-caution\/step\:block{
&:is(:where(.group\/step)[data-caution] *){display:block !important}}
.vrh-builder .group-data-covered\/step\:hidden{
&:is(:where(.group\/step)[data-covered] *){display:none !important}}
.vrh-builder .group-data-covered\/step\:inline-flex{
&:is(:where(.group\/step)[data-covered] *){display:inline-flex !important}}
.vrh-builder .group-data-filtered\/step\:block{
&:is(:where(.group\/step)[data-filtered] *){display:block !important}}
.vrh-builder .group-data-has-pick\/wrap\:hidden{
&:is(:where(.group\/wrap)[data-has-pick] *){display:none !important}}
.vrh-builder .group-data-has-pick\/wrap\:inline-flex{
&:is(:where(.group\/wrap)[data-has-pick] *){display:inline-flex !important}}
.vrh-builder .group-data-has-pick\/wrap\:min-h-\[7\.5rem\]{
&:is(:where(.group\/wrap)[data-has-pick] *){min-height:120px}}
.vrh-builder .group-data-has-pick\/wrap\:self-start{
&:is(:where(.group\/wrap)[data-has-pick] *){align-self:flex-start}}
.vrh-builder .group-data-has-pick\/wrap\:bg-success{
&:is(:where(.group\/wrap)[data-has-pick] *){background-color:var(--color-success)}}
.vrh-builder .group-data-has-pick\/wrap\:text-surface{
&:is(:where(.group\/wrap)[data-has-pick] *){color:var(--color-surface)}}
.vrh-builder .group-data-invalid\/step\:block{
&:is(:where(.group\/step)[data-invalid] *){display:block !important}}
.vrh-builder .group-data-invalid\/step\:text-critical{
&:is(:where(.group\/step)[data-invalid] *){color:var(--color-critical)}}
.vrh-builder .group-data-no-fit\/step\:block{
&:is(:where(.group\/step)[data-no-fit] *){display:block !important}}
.vrh-builder .group-data-requires-locked\/item\:block{
&:is(:where(.group\/item)[data-requires-locked] *){display:block !important}}
.vrh-builder .group-data-soldout\/item\:block{
&:is(:where(.group\/item)[data-soldout] *){display:block !important}}
.vrh-builder .group-data-soldout\/item\:inline-block{
&:is(:where(.group\/item)[data-soldout] *){display:inline-block !important}}
.vrh-builder .group-data-step-disabled\/step\:pointer-events-none{
&:is(:where(.group\/step)[data-step-disabled] *){pointer-events:none}}
.vrh-builder .group-data-step-disabled\/step\:block{
&:is(:where(.group\/step)[data-step-disabled] *){display:block !important}}
.vrh-builder .group-data-step-disabled\/step\:hidden{
&:is(:where(.group\/step)[data-step-disabled] *){display:none !important}}
.vrh-builder .group-data-step-disabled\/step\:inline-flex{
&:is(:where(.group\/step)[data-step-disabled] *){display:inline-flex !important}}
.vrh-builder .group-data-step-disabled\/step\:opacity-40{
&:is(:where(.group\/step)[data-step-disabled] *){opacity:40%}}
.vrh-builder .placeholder\:text-surface\/50{
&::placeholder{color:color-mix(in srgb, #ffffff 50%, transparent);
@supports (color: color-mix(in lab, red, red)){color:color-mix(in oklab, var(--color-surface) 50%, transparent)
}}}
.vrh-builder .backdrop\:bg-on-surface\/60{
&::backdrop{background-color:color-mix(in srgb, #171717 60%, transparent);
@supports (color: color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-on-surface) 60%, transparent)
}}}
.vrh-builder .before\:h-px{
&::before{content:var(--tw-content);height:1px}}
.vrh-builder .before\:flex-1{
&::before{content:var(--tw-content);flex:1}}
.vrh-builder .before\:bg-on-surface\/20{
&::before{content:var(--tw-content);background-color:color-mix(in srgb, #171717 20%, transparent);
@supports (color: color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-on-surface) 20%, transparent)
}}}
.vrh-builder .after\:h-px{
&::after{content:var(--tw-content);height:1px}}
.vrh-builder .after\:flex-1{
&::after{content:var(--tw-content);flex:1}}
.vrh-builder .after\:bg-on-surface\/20{
&::after{content:var(--tw-content);background-color:color-mix(in srgb, #171717 20%, transparent);
@supports (color: color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-on-surface) 20%, transparent)
}}}
.vrh-builder .hover\:border-on-surface{
&:hover{
@media (hover: hover){border-color:var(--color-on-surface)
}}}
.vrh-builder .hover\:bg-on-surface{
&:hover{
@media (hover: hover){background-color:var(--color-on-surface)
}}}
.vrh-builder .hover\:bg-on-surface\/10{
&:hover{
@media (hover: hover){background-color:color-mix(in srgb, #171717 10%, transparent);
@supports (color: color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-on-surface) 10%, transparent)
}
}}}
.vrh-builder .hover\:bg-surface\/10{
&:hover{
@media (hover: hover){background-color:color-mix(in srgb, #ffffff 10%, transparent);
@supports (color: color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-surface) 10%, transparent)
}
}}}
.vrh-builder .hover\:text-surface{
&:hover{
@media (hover: hover){color:var(--color-surface)
}}}
.vrh-builder .hover\:opacity-70{
&:hover{
@media (hover: hover){opacity:70%
}}}
.vrh-builder .hover\:opacity-90{
&:hover{
@media (hover: hover){opacity:90%
}}}
.vrh-builder .hover\:ring-on-surface\/30{
&:hover{
@media (hover: hover){--tw-ring-color:color-mix(in srgb, #171717 30%, transparent);
@supports (color: color-mix(in lab, red, red)){--tw-ring-color:color-mix(in oklab, var(--color-on-surface) 30%, transparent)
}
}}}
.vrh-builder .focus-visible\:outline-2{
&:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}}
.vrh-builder .focus-visible\:outline-offset-2{
&:focus-visible{outline-offset:2px}}
.vrh-builder .focus-visible\:outline-accent{
&:focus-visible{outline-color:var(--color-accent)}}
.vrh-builder .focus-visible\:outline-on-surface{
&:focus-visible{outline-color:var(--color-on-surface)}}
.vrh-builder .disabled\:cursor-not-allowed{
&:disabled{cursor:not-allowed}}
.vrh-builder .has-checked\:ring-on-surface{
&:has(*:checked){--tw-ring-color:var(--color-on-surface)}}
.vrh-builder .has-focus-visible\:outline-2{
&:has(*:focus-visible){outline-style:var(--tw-outline-style);outline-width:2px}}
.vrh-builder .has-focus-visible\:outline-offset-2{
&:has(*:focus-visible){outline-offset:2px}}
.vrh-builder .has-focus-visible\:outline-on-surface{
&:has(*:focus-visible){outline-color:var(--color-on-surface)}}
.vrh-builder .has-disabled\:cursor-not-allowed{
&:has(*:disabled){cursor:not-allowed}}
.vrh-builder .has-disabled\:hover\:ring-transparent{
&:has(*:disabled){
&:hover{
@media (hover: hover){--tw-ring-color:transparent
}}}}
.vrh-builder .has-disabled\:active\:scale-100{
&:has(*:disabled){
&:active{--tw-scale-x:100%;--tw-scale-y:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}}
.vrh-builder .aria-pressed\:bg-on-surface{
&[aria-pressed="true"]{background-color:var(--color-on-surface)}}
.vrh-builder .aria-pressed\:text-surface{
&[aria-pressed="true"]{color:var(--color-surface)}}
.vrh-builder .data-brand-hidden\:hidden{
&[data-brand-hidden]{display:none !important}}
.vrh-builder .data-invalid\:border-s-4{
&[data-invalid]{border-inline-start-style:var(--tw-border-style);border-inline-start-width:4px}}
.vrh-builder .data-invalid\:border-s-critical{
&[data-invalid]{border-inline-start-color:var(--color-critical)}}
.vrh-builder .data-invalid\:bg-critical\/5{
&[data-invalid]{background-color:color-mix(in srgb, #b91c1c 5%, transparent);
@supports (color: color-mix(in lab, red, red)){background-color:color-mix(in oklab, var(--color-critical) 5%, transparent)
}}}
.vrh-builder .data-invalid\:ps-3{
&[data-invalid]{padding-inline-start:calc(var(--spacing) * 3)}}
.vrh-builder .data-pick-blocked\:opacity-40{
&[data-pick-blocked]{opacity:40%}}
.vrh-builder .data-qty-blocked\:opacity-40{
&[data-qty-blocked]{opacity:40%}}
.vrh-builder .data-requires-locked\:opacity-50{
&[data-requires-locked]{opacity:50%}}
.vrh-builder .data-soldout\:opacity-80{
&[data-soldout]{opacity:80%}}
.vrh-builder .motion-safe\:transition-\[background-color\,color\]{
@media (prefers-reduced-motion: no-preference){transition-property:background-color,color;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))
}}
.vrh-builder .motion-safe\:transition-\[box-shadow\,transform\]{
@media (prefers-reduced-motion: no-preference){transition-property:box-shadow,transform;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))
}}
.vrh-builder .motion-safe\:transition-\[box-shadow\]{
@media (prefers-reduced-motion: no-preference){transition-property:box-shadow;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))
}}
.vrh-builder .motion-safe\:transition-\[color\,background-color\,border-color\,opacity\,transform\]{
@media (prefers-reduced-motion: no-preference){transition-property:color,background-color,border-color,opacity,transform;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))
}}
.vrh-builder .motion-safe\:transition-colors{
@media (prefers-reduced-motion: no-preference){transition-property:color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))
}}
.vrh-builder .motion-safe\:transition-transform{
@media (prefers-reduced-motion: no-preference){transition-property:transform, translate, scale, rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))
}}
.vrh-builder .motion-safe\:active\:scale-\[0\.97\]{
@media (prefers-reduced-motion: no-preference){
&:active{scale:0.97}
}}
.vrh-builder .motion-safe\:active\:scale-\[0\.98\]{
@media (prefers-reduced-motion: no-preference){
&:active{scale:0.98}
}}
.vrh-builder .md\:grid-cols-3{
@media (width >= 48rem){grid-template-columns:repeat(3, minmax(0, 1fr))
}}
.vrh-builder .md\:flex-row{
@media (width >= 48rem){flex-direction:row
}}
.vrh-builder .md\:items-end{
@media (width >= 48rem){align-items:flex-end
}}
.vrh-builder .md\:justify-between{
@media (width >= 48rem){justify-content:space-between
}}
.vrh-builder .md\:text-5xl{
@media (width >= 48rem){font-size:var(--text-5xl);line-height:var(--tw-leading, var(--text-5xl--line-height))
}}
.vrh-builder .lg\:sticky{
@media (width >= 64rem){position:sticky
}}
.vrh-builder .lg\:top-24{
@media (width >= 64rem){top:calc(var(--spacing) * 24)
}}
.vrh-builder .lg\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,1fr\)\]{
@media (width >= 64rem){grid-template-columns:minmax(0,2fr) minmax(0,1fr)
}}
.vrh-builder .lg\:items-start{
@media (width >= 64rem){align-items:flex-start
}}
.vrh-builder .\[\&_a\]\:underline{
& a{text-decoration-line:underline}}
.vrh-builder .\[\&_a\]\:underline-offset-2{
& a{text-underline-offset:2px}}
.vrh-builder .\[\&\:\:-webkit-details-marker\]\:hidden{
&::-webkit-details-marker{display:none !important}}
/* Hidden attribute last: it must beat display utilities on the same element. */
.vrh-builder [hidden]:where(:not([hidden="until-found"])){display:none !important}