.vz-garage[hidden]{display:none}.vz-garage__tab{position:fixed;inset-block-end:var(--vz-space-5);inset-inline-end:var(--vz-space-5);z-index:var(--vz-z-overlay);display:inline-flex;align-items:center;gap:var(--vz-space-2);max-inline-size:70vw;min-block-size:var(--vz-control-height);padding-inline:var(--vz-space-4);background-color:var(--vz-dark);color:var(--vz-on-dark);border:0;border-radius:var(--vz-radius-pill);box-shadow:var(--vz-elevation);font-family:var(--vz-font-body);font-size:var(--vz-text-sm);font-weight:var(--vz-weight-semibold);cursor:pointer;transition:background-color var(--vz-duration) var(--vz-ease)}.vz-garage__tab:focus-visible{outline:var(--vz-focus-ring);outline-offset:var(--vz-focus-offset)}@media(hover:hover){.vz-garage__tab:hover{background-color:var(--vz-dark-raised)}}.vz-garage__tab svg{flex:none;color:var(--vz-brand)}.vz-garage__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vz-garage__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--vz-z-panel);background-color:var(--vz-scrim);opacity:0;pointer-events:none;transition:opacity var(--vz-duration) var(--vz-ease)}.vz-garage[open] .vz-garage__overlay{opacity:1;pointer-events:auto}.vz-garage__panel{position:fixed;inset-block:0;inset-inline-end:0;z-index:var(--vz-z-panel);inline-size:min(var(--vz-drawer-width),100vw);display:flex;flex-direction:column;background-color:var(--vz-card);border-inline-start:var(--vz-hairline) solid var(--vz-line);box-shadow:var(--vz-elevation);transform:translate(100%);transition:transform var(--vz-duration) var(--vz-ease)}html[dir=rtl] .vz-garage__panel{transform:translate(-100%)}.vz-garage[open] .vz-garage__panel,html[dir=rtl] .vz-garage[open] .vz-garage__panel{transform:translate(0)}@media(prefers-reduced-motion:reduce){.vz-garage__panel{transition:none}}.vz-garage__header{display:flex;align-items:center;justify-content:space-between;gap:var(--vz-space-3);padding:var(--vz-space-5);border-block-end:var(--vz-hairline) solid var(--vz-line)}.vz-garage__title{margin:0;font-family:var(--vz-font-display);font-size:var(--vz-text-md);font-weight:var(--vz-weight-bold);color:var(--vz-ink)}.vz-garage__close{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--vz-control-height-sm);block-size:var(--vz-control-height-sm);padding:0;background:transparent;border:0;border-radius:var(--vz-radius-sm);color:var(--vz-ink-muted);cursor:pointer}.vz-garage__close:focus-visible{outline:var(--vz-focus-ring);outline-offset:var(--vz-focus-offset)}.vz-garage__items{flex:1;overflow-y:auto;margin:0;padding:var(--vz-space-3);list-style:none;display:grid;gap:var(--vz-space-2);align-content:start}.vz-garage__item{display:flex;align-items:stretch;gap:var(--vz-space-1);border:var(--vz-hairline) solid var(--vz-line);border-radius:var(--vz-radius);transition:border-color var(--vz-duration) var(--vz-ease)}.vz-garage__item.is-selected{border-color:var(--vz-brand);background-color:var(--vz-brand-wash)}@media(hover:hover){.vz-garage__item:hover{border-color:var(--vz-line-strong)}}.vz-garage__select{flex:1;display:grid;gap:var(--vz-space-1);justify-items:start;padding:var(--vz-space-3);background:transparent;border:0;border-radius:var(--vz-radius);font-family:var(--vz-font-body);text-align:start;cursor:pointer}.vz-garage__select:focus-visible,.vz-garage__remove:focus-visible{outline:var(--vz-focus-ring);outline-offset:calc(var(--vz-focus-offset) * -1)}.vz-garage__name{font-size:var(--vz-text-base);font-weight:var(--vz-weight-semibold);color:var(--vz-ink)}.vz-garage__engine{font-size:var(--vz-text-xs);line-height:var(--vz-leading);color:var(--vz-ink-muted)}.vz-garage__badge{margin-block-start:var(--vz-space-1)}.vz-garage__remove{flex:none;inline-size:var(--vz-control-height);padding:0;background:transparent;border:0;border-radius:var(--vz-radius);color:var(--vz-ink-subtle);cursor:pointer;transition:color var(--vz-duration) var(--vz-ease)}@media(hover:hover){.vz-garage__remove:hover{color:var(--vz-danger)}}.vz-garage__footer{display:grid;gap:var(--vz-space-2);padding:var(--vz-space-4);border-block-start:var(--vz-hairline) solid var(--vz-line)}@media screen and (max-width:749px){.vz-garage__tab{inset-block-end:var(--vz-space-4);inset-inline-end:var(--vz-space-4)}.vz-garage[open] .vz-garage__tab{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/vz-garage.css.map */