vfitz-usm-garage{--base-font-color:#fff;--color-bg-droplayout:#f62f2e;--color-bg-dropitem: black;--color-bg-nav: #f62f2e;--color-bg-clickitem:#252525;--color-ctl-hover:lightgray;--color-bg-clickitem-select:#44c8f2;--color-bg-foreground: 18,18,18;--box-shadow-foreground: 0 .1rem .5rem .2rem rgba(var(--color-bg-foreground), .3);--box-shadow-menudrop: 0 .2rem .1rem .17rem rgba(var(--color-bg-foreground), .2);--border-size-base:1px;--color-border-base:#fff;--base-bg-border-radius: 0 0 1rem 1rem;--duration-short: .1s;--duration-default: .2s;--duration-announcement-bar: .25s;--duration-medium: .3s;--duration-long: .5s;--duration-extra-long: .6s;--duration-extended: 3s;--ease-out-slow: cubic-bezier(0, 0, .3, 1);--animation-slide-in: vfitz-slideIn var(--duration-extra-long) var(--ease-out-slow) forwards;--animation-fade-in: vfitz-fadeIn var(--duration-extra-long) var(--ease-out-slow);--text-content-novehicle: "SELECT YOUR VEHICLE";--text-content-hasvehicle: "YOUR SELECT VEHICLE";--text-content-mygarage: "My Garage"}vfitz-usm-garage.loading{opacity:0;transform:translateY(-10px)}vfitz-usm-garage:not(.loading){transition:transform var(--duration-default) ease,visibility var(--duration-default) ease}.vfitz-nav{border:calc(var(--border-size-base) * 2) solid var(--color-border-base);border-top:calc(var(--border-size-base) * 2) solid transparent;box-shadow:var(--box-shadow-foreground)}.menudrop,.drop-garage{bottom:var(--border-size-base)!important}.menudrop .vfitz-section-3,.gar-layout{background:var(--color-bg-droplayout);padding:1.5rem 1.5rem 1rem;border-radius:var(--base-bg-border-radius);border:calc(var(--border-size-base) * 2) solid var(--color-border-base);border-top:calc(var(--border-size-base) * 2) solid transparent;box-shadow:var(--box-shadow-menudrop)}vfitz-usm-garage{z-index:1;position:relative;background:transparent;display:flex;justify-content:center;container-type:inline-size;container-name:vfitz3container-garage}vfitz-usm-garage:has([open]){z-index:9}.vfitz-nav{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center;min-width:94%;min-height:6rem;z-index:2;position:relative;background:#f0f8ff;max-width:100rem;padding:1rem;background:var(--color-bg-nav);color:var(--base-font-color);font-weight:700;border-radius:var(--base-bg-border-radius);gap:1rem}.nav-label-vechile:before{content:" ";transform:rotate(90deg);display:inline-block;width:0;height:0;border-style:solid;border-width:5px 0 5px 10px;border-color:transparent transparent transparent var(--base-font-color);cursor:default}.has-vechile .nav-label-vechile:before,.vfitz-nav.has-vechile .nav-label:before{display:none}.drop-garage,.menudrop{padding:0 5%;position:absolute;width:100%;transform:translateY(-100%);visibility:hidden;left:0;bottom:0;color:var(--base-font-color)}.gar-item{display:flex;justify-content:space-between;padding:.5rem 2rem;background:var(--color-bg-dropitem);margin-bottom:.5rem;align-items:center}.gar-item span,.gar-item [ctl]{cursor:pointer}.menudrop.animate--slide-in[open],.drop-garage.animate--slide-in[open]{transform:translateY(100%);visibility:visible}.nav-label-vechile:hover,.gar-layout .gar-item [lable]:hover,.nav-garage:hover,.show-levels .item:hover{text-decoration:underline}.nav-label-vechile{cursor:pointer;display:flex;gap:1rem;align-items:center}.show-levels .item[selected]{background:var(--color-bg-clickitem-select)}.show-levels{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.vfitz-nav.no-levels .show-levels{flex:1;width:100%}.show-levels .item{background:var(--color-bg-clickitem);color:var(--base-font-color);padding:.3rem 1.5rem;min-width:6rem;border-radius:.5rem;text-align:center;cursor:pointer}.vfitz-nav.has-vechile .nav-label-close{display:flex;align-items:center;gap:.5rem}.vfitz-custom-title{display:none!important}.vfitz-nav.levels .vfitz-custom-layout .vfitz-custom-header #vfitz_select select{width:100%}.vfitz-nav.levels .vfitz-custom-layout #vfitz_select .select2.select2-container,.vfitz-nav.levels .vfitz-custom-header #vfitz_select select{min-width:auto;width:100%!important;padding:unset!important;margin:unset!important}div#vfitz_search_btn,.vfitz-section-3,.vfitz-custom-layout.user-custom .vfitz-custom-title{display:none}.vfitz-custom-layout .vfitz-custom-header{padding:unset}.nav-label{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;justify-content:center}.vfitz-nav .nav-label:before{content:var(--text-content-novehicle);width:max-content;text-wrap:nowrap}.vfitz-nav.has-vechile .nav-label:before{content:var(--text-content-hasvehicle);width:max-content;text-wrap:nowrap}.show-levels .vfitz-section-3{width:100%}.vfitz-nav.has-vechile{display:flex;align-items:center;flex-wrap:nowrap;min-width:auto}.nav-label-close{display:none;cursor:pointer}.nav-garage:after{content:var(--text-content-mygarage);width:max-content;text-wrap:nowrap}.nav-garage{display:flex;align-items:center;gap:.5rem;cursor:pointer}.garage-svg{width:1.2em;height:1.2em}.vfitz-nav>.nav-garage{display:none}.nav-label>.nav-garage{display:flex}.gar-item svg[ctl]:hover,.nav-label-close:hover{color:var(--color-ctl-hover)}.vfitz-nav.has-vechile .show-levels{display:none}.menudrop #vfitz_select span.select2.select2-container:nth-child(3),.menudrop #vfitz_select span.select2.select2-container:nth-child(5),.menudrop #vfitz_select span.select2.select2-container:nth-child(7),.menudrop #vfitz_select span.select2.select2-container:nth-child(9),.menudrop #vfitz_select span.select2.select2-container:nth-child(11){display:none}.menudrop.s0 #vfitz_select span.select2.select2-container:nth-child(3),.menudrop.s1 #vfitz_select span.select2.select2-container:nth-child(5),.menudrop.s2 #vfitz_select span.select2.select2-container:nth-child(7),.menudrop.s3 #vfitz_select span.select2.select2-container:nth-child(9),.menudrop.s4 #vfitz_select span.select2.select2-container:nth-child(11){display:block}@container vfitz3container-garage (width >= 750px){.vfitz-nav>.nav-garage{display:flex}.nav-label>.nav-garage{display:none}.vfitz-nav.levels{min-width:40%;justify-content:space-between;flex-direction:row}.vfitz-nav.no-levels{flex-direction:row}.vfitz-nav.no-levels:not(.has-vechile){min-width:80%}.nav-label-vechile:before{transform:rotate(0)}.has-vechile .nav-label-vechile:before,.vfitz-nav.has-vechile .nav-label:before{display:block}.drop-garage,.menudrop{padding:0 10%}}@keyframes vfitz-slideIn{0%{transform:translateY(-2rem);opacity:.01}to{transform:translateY(0);opacity:1}}@keyframes vfitz-fadeIn{0%{opacity:.01}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/vfitz-usm-garage.css.map */