/* vehicle experiments E-H */
      .vehicle-experiment-host {
         position: fixed;
         inset: 0;
         z-index: 70;
         overflow-y: auto;
         background: #fff;
         opacity: 0;
         visibility: hidden;
         transform: translateY(10px);
         transition: opacity .2s ease, transform .25s ease, visibility .2s ease;
         overscroll-behavior: contain;
         -webkit-overflow-scrolling: touch
      }

      .vehicle-experiment-host.is-open {
         opacity: 1;
         visibility: visible;
         transform: none
      }

      .vehicle-experiment-loader {
         min-height: 100dvh;
         display: grid;
         place-items: center;
         gap: 12px;
         align-content: center;
         background: #fff;
         color: var(--ink);
         font-size: 14px
      }

      .vehicle-experiment-loader::before {
         content: '';
         width: 28px;
         height: 28px;
         border: 3px solid #e4e7ec;
         border-top-color: var(--red);
         border-radius: 50%;
         animation: quote-spin .7s linear infinite
      }

      .drawer-edge-wave {
         position: absolute;
         top: -20px;
         left: 0;
         z-index: -1;
         width: 100%;
         height: 34px;
         opacity: 0;
         transform: scaleY(.25);
         transform-origin: bottom;
         transition: opacity .12s ease
      }

      .drawer-edge-wave svg {
         width: 100%;
         height: 100%
      }

      .drawer-edge-wave path {
         fill: #fff;
         stroke: #eb0a2845;
         stroke-width: 1
      }

      .model-drawer.is-edge-pulling {
         transition: none
      }

      .model-drawer.is-edge-pulling .drawer-edge-wave {
         opacity: 1
      }

      .drawer-pull-status {
         position: absolute;
         top: 7px;
         left: 50%;
         padding: 3px 9px;
         border-radius: 20px;
         background: #f1f3f6;
         color: #657184;
         font-size: 10px;
         opacity: 0;
         transform: translate(-50%, -4px);
         transition: opacity .12s ease, transform .12s ease
      }

      .model-drawer.is-edge-pulling .drawer-pull-status {
         opacity: 1;
         transform: translate(-50%, 0)
      }

      .model-drawer.is-dismiss-ready .drawer-pull-status {
         background: var(--red);
         color: #fff
      }

      @media(prefers-reduced-motion:reduce) {
         .vehicle-experiment-host {
            transition: none
         }
      }

   
      /* clear drawer drag affordance */
      .drawer-edge-wave,
      .drawer-pull-status {
         display: none !important
      }

      .model-drawer-head {
         min-height: 68px;
         padding-top: 24px;
         touch-action: none;
         user-select: none
      }

      .model-drawer-head::before {
         display: none
      }

      .drawer-drag-affordance {
         position: absolute;
         top: 6px;
         left: 50%;
         display: flex;
         flex-direction: column;
         align-items: center;
         gap: 2px;
         width: 150px;
         color: #778295;
         pointer-events: none;
         transform: translateX(-50%)
      }

      .drawer-drag-handle {
         width: 44px;
         height: 5px;
         border-radius: 5px;
         background: #b7bec9;
         transition: width .18s ease, background-color .18s ease, transform .18s ease
      }

      .drawer-drag-label {
         font-size: 10px;
         font-weight: 600;
         line-height: 1.2;
         opacity: 0;
         transform: translateY(-2px);
         transition: opacity .18s ease, transform .18s ease
      }

      .model-drawer.show-drag-hint .drawer-drag-handle {
         animation: drawer-handle-hint 1.2s ease 2
      }

      .model-drawer.show-drag-hint .drawer-drag-label,
      .model-drawer.is-dragging .drawer-drag-label {
         opacity: 1;
         transform: translateY(0)
      }

      .model-drawer.is-dragging {
         transition: none
      }

      .model-drawer.is-dragging .drawer-drag-handle {
         width: calc(44px + var(--drag-extra, 0px));
         background: #eb0a28
      }

      .model-drawer.is-dismiss-ready .drawer-drag-handle {
         transform: scaleX(1.08)
      }

      .model-drawer.is-dismiss-ready .drawer-drag-label {
         color: var(--red)
      }

      @keyframes drawer-handle-hint {
         0%, 100% { transform: translateY(0) }
         45% { transform: translateY(4px) }
      }

      @media(prefers-reduced-motion:reduce) {
         .model-drawer.show-drag-hint .drawer-drag-handle {
            animation: none
         }

         .drawer-drag-handle,
         .drawer-drag-label {
            transition: none
         }
      }

   
      /* visible liquid edge wave */
      .model-drawer {
         overflow: visible
      }

      .model-drawer-head {
         z-index: 2;
         border-radius: 18px 18px 0 0
      }

      .model-drawer-scroll {
         position: relative;
         z-index: 2;
         min-height: 0;
         background: #fff
      }

      .drawer-liquid-wave {
         position: absolute;
         top: -28px;
         left: 0;
         z-index: 1;
         width: 100%;
         height: 48px;
         overflow: visible;
         opacity: 0;
         pointer-events: none;
         transform: scaleY(.3);
         transform-origin: bottom;
         transition: opacity .12s ease, transform .14s ease
      }

      .drawer-liquid-wave svg {
         width: 100%;
         height: 100%;
         overflow: visible
      }

      .drawer-liquid-wave .wave-back {
         fill: #eb0a2812
      }

      .drawer-liquid-wave .wave-mid {
         fill: #eb0a2824
      }

      .drawer-liquid-wave .wave-front {
         fill: #fff;
         stroke: #eb0a2850;
         stroke-width: .7
      }

      .model-drawer.is-dragging .drawer-liquid-wave {
         opacity: 1;
         transform: scaleY(1)
      }

      .model-drawer.is-dismiss-ready .drawer-liquid-wave {
         filter: saturate(1.25)
      }

      @media(max-width:760px), (min-width:481px) {
         .model-drawer-head {
            border-radius: 16px 16px 0 0
         }
      }

      @media(prefers-reduced-motion:reduce) {
         .drawer-liquid-wave {
            transition: none
         }
      }

   
      /* refined drawer handle and trim rows */
      .drawer-liquid-wave {
         display: none !important
      }

      .drawer-drag-affordance {
         gap: 4px
      }

      .drawer-drag-handle {
         width: 52px;
         height: 6px
      }

      .model-drawer.is-dragging .drawer-drag-handle {
         width: calc(52px + var(--drag-extra, 0px))
      }

      .model-version-table-head,
      .model-drawer .model-trim {
         grid-template-columns: 24px minmax(0, 1fr) auto
      }

      .model-version-table-head span:nth-child(3) {
         display: none
      }

      .model-version-table-head span:nth-child(2) {
         grid-column: 2
      }

      .model-version-table-head span:last-child {
         grid-column: 3
      }

      .model-drawer .model-trim>span {
         display: block;
         grid-column: 2;
         min-width: 0
      }

      .model-drawer .model-trim strong,
      .model-drawer .model-trim small {
         grid-column: auto
      }

      .model-drawer .model-trim strong {
         white-space: normal;
         overflow-wrap: anywhere
      }

      .model-drawer .model-trim small {
         display: block;
         margin-top: 3px
      }

      .model-drawer .model-trim b {
         grid-column: 3
      }

      @media(max-width:480px), (min-width:481px) {
         .model-version-table-head,
         .model-drawer .model-trim {
            grid-template-columns: 22px minmax(0, 1fr) auto
         }
      }