/* @group @variables */

[class*="m-all-dealer-list"] {
--all-dealer-list-width: 80vw;
--all-dealer-list-height: calc(100vh + env(safe-area-inset-top) + env(safe-area-inset-lbottom));
}

@supports (padding-top: constant(safe-area-inset-top)) {

[class*="m-all-dealer-list"] {
--all-dealer-list-height: calc(100vh + env(safe-area-inset-top) + env(safe-area-inset-lbottom));
}

}

@media all and (min-width:48em) {

[class*="m-all-dealer-list"] {
--all-dealer-list-width: 40rem;
}

}

[class*="m-all-dealer-list"] {
--all-dealer-list-transform: translateX(100vw);
}

[name="all-dealer-toggle"]:checked ~ [class*="m-all-dealer-list"] {
--all-dealer-list-transform: translateX(calc(100vw -30rem));
}

/* @end @variables */

/* @group @root */

html:has(> body > [name="all-dealer-toggle"]:checked),
body:has(> [name="all-dealer-toggle"]:checked) {
overflow-y: hidden !important;
}

/* @end @root */

/* @group @m-all-dealer-list */

[class*="m-all-dealer-list"] {
position: fixed;
overflow-y: auto;
z-index: 32;
top: 0;
right: 0;
bottom: 0;
width: var(--all-dealer-list-width);
height: var(--all-dealer-list-height);
background-color: var(--color-white);
transform: var(--all-dealer-list-transform);
transition: var(--transition);
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-backdrop-filter: blur(.125rem);
backdrop-filter: blur(.125rem);
}

[class*="m-all-dealer-list"]>div {
padding-bottom: 1.5rem;
}

/*:where([class*="a-mutual-header-nav-detail"]) {
position: relative;
display: var(--mutual-header-nav-detail-display);
justify-content: center;
align-items: center;
}*/


/* @end @m-all-dealer-list */


/* @group @variables */

[class*="a-all-dealer-toggle-close"] {
--all-dealer-list-width: 80vw;
--link-background-color: htransparent;
--link-action-background-color: transparent;
--link-active-background-color: transparent;
--link-color: var(--color-white);
--link-action-color: var(--color-white);
--link-active-color: var(--color-white);
--link-cursor: default;
--icon-width: 2.25rem;
--icon-height: 2.25rem;
--icon-fill: var(--color-white);
--all-dealer-list-opacity: 0;
--all-dealer-list-visibility: hidden;
--transition: opacity .3s 0s var(--transition-cubic-bezier);
}

@media all and (min-width:48em) {

[class*="a-all-dealer-toggle-close"] {
--all-dealer-list-width: 40rem;
}

}

[name="all-dealer-toggle"]:checked ~ [class*="a-all-dealer-toggle-close"] {

--link-background-color: hsla(220, 50%, 20%, .5);
--link-action-background-color: hsla(220, 50%, 20%, .5);
--link-active-background-color: hsla(220, 50%, 20%, .5);
--all-dealer-list-opacity: 1;
--all-dealer-list-visibility: visible;
--transition: opacity .1s .2s var(--transition-cubic-bezier);

}

/* @end @variables */

/* @group @a-all-dealer-toggle-close */

[class*="a-all-dealer-toggle-close"] {
position: fixed;
z-index: 31;
top: 0;
right: var(--all-dealer-list-width);
bottom: 0;
left: 0;
background-color: hsla(220, 50%, 20%, .5);
opacity: var(--all-dealer-list-opacity);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-backdrop-filter: blur(.125rem);
backdrop-filter: blur(.125rem);
visibility: var(--all-dealer-list-visibility);
}

[class*="a-all-dealer-toggle-close"] svg {
position: absolute;
top: .75rem;
right: .75rem;
cursor: pointer;
}

/* @end @a-all-dealer-toggle-close */

/* @group @variables */

[class*="a-all-dealer-header"] {
--all-dealer-header-grid-auto-flow: row;
--all-dealer-header-padding: 1.5rem 1.875rem;
}

@media all and (min-width:48em) {

[class*="a-all-dealer-header"] {
--all-dealer-header-grid-auto-flow: column;
--all-dealer-header-padding: 1.5rem 1.875rem;
}

}

/* @end @variables */

/* @group @a-all-dealer-header */

[class*="a-all-dealer-header"] {
display: grid;
align-items: center;
grid-auto-flow: var(--all-dealer-header-grid-auto-flow);
gap: 1.125rem;
padding: var(--all-dealer-header-padding);
}

/* @end @a-all-dealer-header */

/* @group @variables */

[class*="a-all-dealer-detail"] {
--all-dealer-detail-padding: .75rem 1.875rem;
--head-3-font-weight: 300;
--head-3-font-variation-settings: "wght" 300;
--head-3-emphasis-font-weight: 500;
--head-3-emphasis-font-variation-settings: "wght" 500;
}

[class*="a-all-dealer-detail"] p {
--font-size: .75rem;
--line-height: 1.5;
}

@media all and (min-width:48em) {

[class*="a-all-dealer-detail"] {
--all-dealer-detail-padding: .75rem 1.875rem;
}

}

/* @end @variables */

/* @group @a-all-dealer-detail */

[class*="a-all-dealer-detail"] {
display: grid;
justify-content: start;
grid-auto-flow: row;
gap: .375rem;
padding: var(--all-dealer-detail-padding);
box-shadow: 0 1px 0 var(--border-color), inset 0 1px 0 var(--border-color);
}

[class*="a-all-dealer-detail"] a {
margin-top: .375rem;
margin-right: auto;
}

/* @end @a-all-dealer-detail */