:root{--car-drawer-width: min(40rem, 100vw);--car-drawer-z-base: 1000;--car-drawer-z-content: 1002;--car-drawer-transition: .3s cubic-bezier(.4, 0, .2, 1);--car-drawer-border-radius: 8px;--car-drawer-gap: 1.2rem;--car-drawer-padding: 2.4rem;--car-drawer-field-height: 5.6rem;--car-drawer-checkbox-size: 2rem;--car-drawer-icon-size: 2.4rem;--car-drawer-shadow: -2px 0 10px rgb(0 0 0 / .1);--car-drawer-backdrop: rgb(0 0 0 / .5)}.car-drawer-container summary{display:none!important}.car-drawer-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--car-drawer-z-base);visibility:hidden;pointer-events:none}.car-drawer-container--open{visibility:visible;pointer-events:auto}.car-drawer__content{position:fixed;inset-block-start:0;inset-inline-end:0;inset-inline-start:auto;inset-block-end:auto;inline-size:var(--car-drawer-width);block-size:100vh;max-inline-size:none;max-block-size:none;margin:0;padding:0;border:none;background:transparent;translate:100% 0;transition:translate var(--car-drawer-transition);box-shadow:none;z-index:var(--car-drawer-z-content)}.car-drawer__content::backdrop{background:var(--car-drawer-backdrop);animation:fadeIn var(--car-drawer-transition) ease}.car-drawer-container--open .car-drawer__content[open]{translate:0 0}.car-drawer__content[open]{display:block!important;position:fixed;inset-block-start:0;inset-inline-end:0}.car-drawer__inner,#car-drawer{block-size:100dvh;overflow-y:auto;background:#fff!important;overscroll-behavior:contain;position:relative;display:block!important;inline-size:var(--car-drawer-width);box-shadow:var(--car-drawer-shadow);margin-inline-start:auto}.car-drawer-container--open #car-drawer{display:block!important;visibility:visible!important;opacity:1!important}:is(#car-drawer-dialog .menu-drawer,.car-drawer-container .menu-drawer){translate:none!important;position:static!important}body.car-drawer--open{overflow:hidden}.car-drawer__content:not([open]){display:none}.car-drawer__content[open]{animation:none}.car-drawer-container--open .car-drawer__content[open]{animation:slideInFromRight var(--car-drawer-transition) forwards}.car-drawer-container--closing .car-drawer__content[open]{animation:slideOutToRight var(--car-drawer-transition) forwards}:is(.header__action-text-loading,.mobile-topbar__car-loading){display:none;opacity:0;animation:loading-pulse 1.5s ease-in-out infinite;color:rgb(var(--color-foreground) / .5);transition:opacity .15s ease-out}:is(.car-text-container--loading .header__action-text-loading,.car-text-container--loading .mobile-topbar__car-loading){display:inline;opacity:1}:is(.header__action-text-content,.mobile-topbar__car-content){transition:font-weight .2s ease;display:inline;opacity:1}:is(.car-text-container--loading .header__action-text-content,.car-text-container--loading .mobile-topbar__car-content){display:none!important;opacity:0!important}:is(.header__action-text .header__action-text-content.text-400,.header__action-text .header__action-text-content.text-600,.mobile-topbar__car .mobile-topbar__car-content.text-400,.mobile-topbar__car .mobile-topbar__car-content.text-600){font-weight:inherit!important}@keyframes loading-pulse{0%,to{opacity:.3}50%{opacity:.8}}.car-drawer__actions-view{display:flex;flex-direction:column;gap:var(--car-drawer-gap)}.header__action-text{position:relative;text-align:start;max-inline-size:11rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-topbar__car{position:relative;text-align:start;overflow:hidden}:is(.header__action-text-loading,.header__action-text-content,.mobile-topbar__car-loading,.mobile-topbar__car-content){transition:opacity .15s ease-out,font-weight .2s ease}.car-text-container{position:relative}:is(.car-text-container--content .header__action-text-content,.car-text-container--content .mobile-topbar__car-content){opacity:1!important;display:inline!important}:is(.header__action-text-content,.mobile-topbar__car-content){transition:font-weight .2s ease}:is(.header__action-text.car-text-container--loading .header__action-text-loading,.mobile-topbar__car.car-text-container--loading .mobile-topbar__car-loading){opacity:1;display:inline}:is(.header__action-text.car-text-container--loading .header__action-text-content,.mobile-topbar__car.car-text-container--loading .mobile-topbar__car-content){opacity:0;display:none}:is(.header__action-text.car-text-container--content .header__action-text-loading,.mobile-topbar__car.car-text-container--content .mobile-topbar__car-loading){opacity:0;display:none}:is(.header__action-text.car-text-container--content .header__action-text-content,.mobile-topbar__car.car-text-container--content .mobile-topbar__car-content){opacity:1;display:inline}#car-drawer-dialog .menu-drawer{translate:100% 0;inset-inline-end:0;inset-inline-start:auto}:is(#car-drawer-dialog.menu-opening .menu-drawer,.js #car-drawer-dialog[open].menu-opening .menu-drawer){translate:0 0}.header__icon--car .svg-wrapper{inline-size:var(--car-drawer-icon-size);block-size:var(--car-drawer-icon-size)}.car-drawer__vehicle-list{display:flex;flex-direction:column;gap:1.6rem}.car-drawer__vehicle-item{display:flex;flex-direction:column;align-items:flex-start;block-size:7.2rem;gap:var(--car-drawer-gap);background:#fff;border:1px solid rgb(var(--color-gray-200));border-radius:var(--car-drawer-border-radius);transition:border-color .2s ease}.car-drawer__vehicle-item--selected{border:2px solid black}.car-drawer__vehicle-label{display:flex;align-items:center;gap:var(--car-drawer-gap);cursor:pointer;inline-size:100%;margin:0;block-size:100%;padding:0 var(--car-drawer-padding)}.car-drawer__vehicle-radio-custom{inline-size:var(--car-drawer-checkbox-size);block-size:var(--car-drawer-checkbox-size);border:2px solid rgb(var(--color-gray-400));border-radius:50%;position:relative;transition:border-color .2s ease}.car-drawer__vehicle-radio-custom:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;inline-size:1rem;block-size:1rem;border-radius:50%;background-color:#000;opacity:0;transition:opacity .2s ease}.car-drawer__vehicle-radio:checked+.car-drawer__vehicle-radio-custom{border-color:#000}.car-drawer__vehicle-radio:checked+.car-drawer__vehicle-radio-custom:after{opacity:1}.car-drawer__vehicle-name{flex:1}.car-drawer__empty-state{display:flex;align-items:center;justify-content:center;text-align:center;min-block-size:30rem;padding:2rem}.car-drawer__empty-content{max-inline-size:28rem}.car-drawer__empty-icon{inline-size:4.8rem;block-size:4.8rem;color:rgb(var(--color-gray-400));margin:0 auto 1.6rem}.car-drawer__empty-title{margin:0 0 .8rem}.car-drawer__empty-description{margin:0}.car-drawer__actions.menu-drawer__utility-links{gap:var(--car-drawer-gap);background:#fff;box-shadow:0 -5px 5px #0000000d;padding:var(--car-drawer-padding);padding-block-end:calc(var(--car-drawer-padding) + env(safe-area-inset-bottom,0px))}.car-drawer__actions .button{margin-block-end:0}.car-drawer__header-icon{inline-size:var(--car-drawer-icon-size);block-size:var(--car-drawer-icon-size);margin-inline-end:1.6rem}.car-drawer__main-content [data-view-content]{display:none;opacity:0;visibility:hidden;transition:opacity .3s ease,translate .3s ease;overflow-x:hidden;block-size:100%}:is(.car-drawer__main-content[data-view=list] [data-view-content=list],.car-drawer__main-content[data-view=manage] [data-view-content=manage],.car-drawer__main-content[data-view=add] [data-view-content=add],.car-drawer__main-content[data-view=selector] [data-view-content=selector]){display:block;opacity:1;visibility:visible;translate:0 0}.car-drawer__actions [data-view-actions]{display:none;opacity:0;visibility:hidden;transition:opacity .2s ease}:is([data-view=list]~.menu-drawer__navigation-container .car-drawer__actions [data-view-actions=list],[data-view=manage]~.menu-drawer__navigation-container .car-drawer__actions [data-view-actions=manage],[data-view=add]~.menu-drawer__navigation-container .car-drawer__actions [data-view-actions=add],[data-view=selector]~.menu-drawer__navigation-container .car-drawer__actions [data-view-actions=selector]){display:flex;flex-direction:column;gap:var(--car-drawer-gap);opacity:1;visibility:visible}:is(.car-drawer__main-content[data-view=list]~.car-drawer__actions [data-view-actions=list],.car-drawer__main-content[data-view=manage]~.car-drawer__actions [data-view-actions=manage],.car-drawer__main-content[data-view=add]~.car-drawer__actions [data-view-actions=add],.car-drawer__main-content[data-view=selector]~.car-drawer__actions [data-view-actions=selector]){display:flex;flex-direction:column;gap:var(--car-drawer-gap);opacity:1;visibility:visible}.menu-drawer__header [data-header-view]{display:none;opacity:0;visibility:hidden;transition:opacity .15s ease}:is(.menu-drawer__header[data-drawer-view=list] [data-header-view=default],.menu-drawer__header[data-drawer-view=manage] [data-header-view=default],.menu-drawer__header[data-drawer-view=add] [data-header-view=add],.menu-drawer__header[data-drawer-view=selector] [data-header-view=selector]){display:flex;opacity:1;visibility:visible}.car-drawer__main-content{transition:all .2s ease-in-out;overflow-x:hidden;overflow-y:auto;padding-block-end:calc(var(--car-drawer-padding) + 9.6rem + env(safe-area-inset-bottom,0px))}.car-drawer__main-content--transitioning{pointer-events:none;overflow-x:hidden}:is(.car-drawer__main-content[data-view=add] [data-view-content=add],.car-drawer__main-content[data-view=selector] [data-view-content=selector]){translate:0 0;animation:slideInFromRight .25s ease forwards;overflow-x:hidden}.car-drawer__main-content[data-view=manage] [data-view-content=manage]{animation:fadeIn .2s ease forwards}.car-drawer__vehicle-checkbox{inline-size:var(--car-drawer-checkbox-size);block-size:var(--car-drawer-checkbox-size);border:2px solid rgb(var(--color-gray-400));border-radius:4px;background:#fff;position:relative;cursor:pointer;transition:all .2s ease;flex-shrink:0}.car-drawer__vehicle-checkbox:hover{border-color:#000}.car-drawer__vehicle-checkbox:focus{outline:2px solid black;outline-offset:2px}.car-drawer__vehicle-checkbox-input{position:absolute;opacity:0;cursor:pointer;inline-size:100%;block-size:100%;margin:0;z-index:1}.car-drawer__vehicle-checkbox:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -60%;inline-size:.6rem;block-size:1rem;border:solid white;border-width:0 2px 2px 0;rotate:45deg;opacity:0;transition:opacity .2s ease}.car-drawer__vehicle-checkbox-input:checked+.car-drawer__vehicle-checkbox{background:#000;border-color:#000}.car-drawer__vehicle-checkbox-input:checked+.car-drawer__vehicle-checkbox:after{opacity:1}[data-view=manage] .car-drawer__vehicle-item{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column}[data-view=manage] .car-drawer__vehicle-item:hover{background:rgb(var(--color-gray-100))}@media(hover:none)and (pointer:coarse){[data-view=manage] .car-drawer__vehicle-item{min-block-size:4.4rem}[data-view=manage] .car-drawer__vehicle-item:active{background:rgb(var(--color-gray-200));scale:.98;transition:all .1s ease}}[data-view=manage] .car-drawer__vehicle-item--selected{border-color:#000}[data-view=manage] .car-drawer__vehicle-label{align-items:center;gap:var(--car-drawer-gap);min-block-size:100%}.car-drawer__bulk-selection-info{padding:var(--car-drawer-gap) var(--car-drawer-padding);background:rgb(var(--color-gray-100));border-block-end:1px solid rgb(var(--color-gray-200));font-size:1.4rem;color:#000}:is(.car-drawer__delete-button:disabled,.car-drawer__actions .button:disabled){background:#fff;border-color:rgb(var(--color-gray-200));color:rgb(var(--color-gray-300));cursor:not-allowed}.car-drawer__delete-button:disabled:hover{background:#fff;border-color:rgb(var(--color-gray-200));color:rgb(var(--color-gray-300))}.car-drawer__actions .button:disabled{opacity:.5;pointer-events:none}@media(max-width:749px){.car-drawer__vehicle-item{padding:2rem 1.6rem}.car-drawer__vehicle-list{padding:1.6rem 0}[data-view-actions=manage]{padding:1.6rem;flex-direction:column}:is(.car-drawer__cancel-button,.car-drawer__delete-button){inline-size:100%;min-block-size:4.4rem}.car-drawer__vehicle-checkbox{inline-size:2.4rem;block-size:2.4rem}.car-drawer__bulk-selection-info{padding:1rem 1.6rem}[data-view=manage] .car-drawer__vehicle-label{padding:0 1.6rem;gap:1rem;min-block-size:100%}}.car-drawer__header-content{display:flex;align-items:center;gap:1.6rem;inline-size:100%;justify-content:space-between}.car-drawer__header-title{flex:1;margin:0;color:#000}.menu-drawer__header[data-drawer-header]{position:relative}.menu-drawer__header[data-drawer-header] .car-drawer__header-content{block-size:100%}:is(.car-drawer__back-button,.car-drawer__close-button){display:flex;align-items:center;justify-content:center;inline-size:var(--car-drawer-icon-size);block-size:var(--car-drawer-icon-size);padding:0;background:transparent;border:none;cursor:pointer;transition:opacity .2s ease}:is(.car-drawer__back-button:hover,.car-drawer__close-button:hover){opacity:.7}:is(.car-drawer__back-button .svg-wrapper,.car-drawer__close-button .svg-wrapper){inline-size:.8rem;block-size:1.4rem;display:flex;align-items:center;justify-content:center}.car-drawer__add-fields{display:flex;flex-direction:column;gap:1.6rem;padding:var(--car-drawer-padding);overflow-x:hidden;inline-size:100%}.car-drawer__selection-field{display:flex;align-items:center;justify-content:space-between;inline-size:100%;min-block-size:var(--car-drawer-field-height);padding:.8rem 1.6rem;background:#fff;border:2px solid rgb(var(--color-gray-250));border-radius:var(--car-drawer-border-radius);cursor:pointer;transition:all .2s ease;text-align:start}.car-drawer__selection-field:hover:not(:disabled){border-color:#000}.car-drawer__selection-field:focus{outline:2px solid black;outline-offset:2px}.car-drawer__selection-field--disabled{opacity:.5;cursor:not-allowed}.car-drawer__selection-field--filled{border-color:#000}.car-drawer__field-content{display:flex;flex-direction:column;gap:.2rem;flex:1}.car-drawer__field-label{color:rgb(var(--color-gray-400))}.car-drawer__field-value{color:#000;min-block-size:2.4rem}.car-drawer__field-value:empty{display:none}.car-drawer__validation-message{margin:1.2rem var(--car-drawer-padding) 0;color:rgb(var(--color-error-text, 217 45 32))}.car-drawer__field-icon{inline-size:1.4rem;block-size:.8rem;display:flex;align-items:center;justify-content:center}.car-drawer__selector{display:flex;flex-direction:column;block-size:100%;min-block-size:50vh}.car-drawer__selector-search{position:relative;background:#fff}.car-drawer__search-input{inline-size:100%;block-size:var(--car-drawer-field-height);padding:1.6rem 2rem;padding-inline-end:5.4rem;background:rgb(var(--color-gray-100));border:1px solid transparent;border-radius:var(--car-drawer-border-radius);transition:all .2s ease}.car-drawer__search-input:focus,.car-drawer__search-input:focus-visible{outline:none;border-color:#000;box-shadow:0 0 0 2px rgb(var(--color-gray-200, 210 210 210));background:#fff}.car-drawer__search-input::placeholder{color:rgb(var(--color-gray-400))}.car-drawer__search-clear{position:absolute;inset-block-start:50%;inset-inline-end:1.6rem;translate:0 -50%;inline-size:2.4rem;block-size:2.4rem;background:transparent;display:flex;align-items:center;justify-content:center;padding:0;border:none;appearance:none;-webkit-appearance:none;cursor:pointer;transition:opacity .2s ease}.car-drawer__search-clear .svg-wrapper{inline-size:2.4rem;block-size:2.4rem;display:flex;align-items:center;justify-content:center}.car-drawer__search-clear:hover,.car-drawer__search-clear:focus-visible{outline:none;opacity:.8}.car-drawer__search-clear[hidden]{display:none}.car-drawer__selection-field--error{border-color:rgb(var(--color-error-text, 217 45 32))}.car-drawer__selection-field--error:focus{outline-color:rgb(var(--color-error-text, 217 45 32))}.car-drawer__selector-list{overflow-y:auto;padding:1.6rem 2.2rem}.car-drawer__selector-item{display:flex;align-items:center;inline-size:100%;min-block-size:var(--car-drawer-field-height);padding:1.6rem;background:transparent;border:2px solid transparent;border-radius:var(--car-drawer-border-radius);text-align:start;cursor:pointer;transition:background-color .15s ease;margin-block-end:.8rem}.car-drawer__selector-item:last-child{margin-block-end:0}.car-drawer__selector-item:hover{background:rgb(var(--color-gray-100))}.car-drawer__selector-item:focus{outline:none;border-color:#000}.car-drawer__selector-item--selected{border-color:#000;background:#fff}.car-drawer__selector-item--selected:hover{background:rgb(var(--color-gray-100))}.car-drawer__selector-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.2rem;min-block-size:20rem;padding:2rem;text-align:center}.car-drawer__selector-empty-text{color:rgb(var(--color-gray-400))}.car-drawer__selector-loading{display:flex;align-items:center;justify-content:center;min-block-size:20rem;padding:2rem}.car-drawer__submit-btn:disabled{background:rgb(var(--color-gray-200));color:rgb(var(--color-gray-400));cursor:not-allowed}.car-drawer__submit-btn:not(:disabled){background:#000;color:#fff;cursor:pointer}.car-drawer__submit-btn:not(:disabled):hover{background:rgb(var(--color-gray-700))}@media(max-width:749px){:is(.car-drawer__add-header,.car-drawer__selector-header){padding:1rem 1.6rem}.car-drawer__add-fields{padding:1.6rem}.car-drawer__selector-list{padding:.8rem 1.6rem 1.6rem}}:is(.car-drawer__actions-empty,.car-drawer__actions-with-cars){display:none}[data-view-actions=list][data-car-count="0"] .car-drawer__actions-empty{display:flex;flex-direction:column;gap:var(--car-drawer-gap)}[data-view-actions=list]:not([data-car-count="0"]) .car-drawer__actions-with-cars{display:flex;flex-direction:column;gap:var(--car-drawer-gap)}[data-view-actions=list]:not([data-car-count]) .car-drawer__actions-empty{display:flex;flex-direction:column;gap:var(--car-drawer-gap)}@keyframes slideInFromRight{0%{translate:100% 0}to{translate:0 0}}@keyframes slideOutToRight{0%{translate:0 0}to{translate:100% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hidden{display:none!important}@keyframes checkbox-pulse{0%{scale:1}50%{scale:1.02}to{scale:1}}.checkbox-pulse{animation:checkbox-pulse .2s ease}@media screen and (max-width:599px){:root{--car-drawer-padding: 1.6rem}.car-drawer__selection-field-wrapper .car-drawer__selection-field{padding-inline-end:4rem}.car-drawer__search-clear{inline-size:2.4rem;block-size:2.4rem}.car-drawer__empty-state{min-block-size:24rem;padding:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/car-drawer.css.map?v=163444983428338766851763113553 */