:root{--transition-default: all .3s ease;--border-radius-default: 10px;--z-index-hero: 2;--z-index-overlay: 1;--z-index-sticky: 20}.my-garage-section{margin-top:var(--padding-top-mobile);margin-bottom:var(--padding-bottom-mobile)}@media (min-width: 1025px){.my-garage-section{margin-top:var(--padding-top);margin-bottom:var(--padding-bottom)}}.my-garage-hero{position:relative;width:100%;height:400px;background:var(--hero-background-color) center / cover;display:flex;align-items:center;justify-content:center}.my-garage-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(var(--color-dark),.4);z-index:var(--z-index-overlay)}.my-garage-hero-content,.my-garage-hero-content *{position:relative;z-index:var(--z-index-hero);text-align:center;color:var(--hero-foreground-color)}.my-garage-hero h1{font-family:var(--font-heading-family);font-size:calc(var(--font-heading-scale) * 5rem);font-weight:600;margin-bottom:20px;line-height:56px;text-transform:uppercase;letter-spacing:-1.5px}.login-prompt,.empty-garage{letter-spacing:0;text-align:center;color:var(--hero-foreground-color);font-size:calc(var(--font-body-scale) * 2rem);line-height:2.4rem}.login-prompt a{color:rgb(var(--color-red))}.garage-icon{max-width:80px;margin:0 auto}.learn-more-btn{display:inline-block;padding:12px 30px;border:2px solid var(--hero-foreground-color);border-radius:30px;color:var(--hero-foreground-color);text-decoration:none;font-weight:600;transition:var(--transition-default)}.learn-more-btn:hover{background-color:var(--hero-foreground-color);color:var(--hero-background-color)}.bike-list-section{padding:4rem 2.5rem;margin:0 auto;background-color:var(--bike-list-background-color);color:var(--bike-list-foreground-color)}.bike-card{display:flex;align-items:center;padding:1.4rem 2rem;margin-bottom:2rem;border:1px solid rgba(var(--color-border),.7);border-radius:var(--border-radius-default);background-color:var(--bike-card-foreground-color);cursor:grab;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.bike-card:hover{box-shadow:0 5px 15px rgba(var(--color-dark),.1)}.bike-card.dragging{opacity:.7;box-shadow:0 10px 20px rgba(var(--color-dark),.15);position:relative;z-index:10}.bike-card.drop-target{border-top:2px solid rgb(var(--color-red))}.bike-icon-tiles{display:flex;align-items:center;margin-right:2.5rem}.bike-logo-container{width:100%;max-width:7rem;height:7rem;border-radius:50%;overflow:hidden;margin-right:1.5rem}.bike-logo{width:100%;height:100%;object-fit:cover;object-position:center}.bike-details{flex-grow:1;display:flex;justify-content:space-between;align-items:center}.bike-name{font-family:var(--font-heading-family);font-size:calc(var(--font-heading-scale) * 1.8rem);font-weight:600;line-height:24.3px;letter-spacing:0}.bike-name a{display:inline-block;text-decoration:none;color:inherit}.bike-name.desktop{display:block}.bike-name.mobile{display:none}.bike-actions{font-family:var(--font-heading-family);font-size:calc(var(--font-heading-scale) * 1.4rem);display:flex;align-items:center;gap:3.5rem;letter-spacing:0}.bike-actions a,.bike-actions button{transition:transform .2s ease-in-out}.bike-actions a:hover,.bike-actions button:hover{transform:scale(1.05)}.action-btn{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;line-height:1.8rem}.action-btn svg{margin-bottom:5px}.garage-btn{background-color:rgb(var(--color-red));color:var(--bike-card-foreground-color);border:none;border-radius:100px;padding:1.5rem 3.7rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-default)}.garage-btn svg{width:4rem;height:2.2rem;fill:var(--bike-list-foreground-color)}.bike-search-section{position:sticky;bottom:0;left:0;width:100%;padding:2.3rem 2.5rem;display:flex;align-items:center;justify-content:space-between;z-index:var(--z-index-sticky);background-color:var(--bike-search-background-color);color:var(--bike-search-foreground-color)}.bike-icon-container{display:flex;align-items:center;margin-right:2rem}.bike-icon-container svg{width:5.6rem;height:3.4rem;margin-right:10px}.bike-icon-container svg path{fill:rgba(var(--color-white),1)}.bike-icon-text{color:rgba(var(--color-white),1);font-weight:600}.bike-icon-text-container{display:flex;flex-direction:column}.bike-icon-text-container span{letter-spacing:0;line-height:2rem}.bike-icon-text-container span:first-child{font-size:calc(var(--font-body-scale) * 1.8rem);font-family:var(--font-heading-family);font-weight:600}.bike-icon-text-container span:last-child{font-size:calc(var(--font-body-scale) * 1.4rem);font-family:var(--font-body-family);font-weight:400}.bike-select{flex-grow:1;position:relative}.bike-select svg{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:20px;height:20px;pointer-events:none}.my-garage-section .bike-search-input{width:100%;padding:1.5rem 2rem .5rem;border:none;border-radius:var(--border-radius-default);font-size:calc(var(--font-body-scale) * 1.5rem);min-height:5.2rem;background-color:rgba(var(--color-white),1);color:var(--bike-search-foreground-color)}.my-garage-section .field__button{height:5.2rem}.my-garage-section .field__label{top:calc(1.4rem + var(--inputs-border-width))}.my-garage-section .field__label span.desktop{display:block}.my-garage-section .field__label span.mobile{display:none}.my-garage-section .field:before,.my-garage-section .field:after,.my-garage-section .field:hover.field:before,.my-garage-section .field:hover.field:after,.my-garage-section .field__input:focus{border-radius:var(--border-radius-default)}.my-garage-section .field__input:focus{box-shadow:none}.my-garage-section .field__input:focus~.field__label,.my-garage-section .field__input:not(:placeholder-shown)~.field__label,.my-garage-section .field__input:-webkit-autofill~.field__label{letter-spacing:0}.my-garage-section .predictive-search-results--wrapper ul{top:4.4rem;padding-inline-start:2rem}.my-garage-section .predictive-search-results-list{border:1px solid rgba(var(--color-base-background-2),1)}.my-garage-section .predictive-search-results-list.top-results{border-bottom:none;border-radius:10px 10px 0 0}.my-garage-section .predictive-search-results-list.bottom-results{border-top:none;border-radius:0 0 10px 10px}.my-garage-section .predictive-search-results--wrapper ul li{color:rgba(var(--color-dark),1)}.add-bike-btn-container{margin-left:2.5rem;position:relative}.add-bike-btn span.desktop{display:block}.add-bike-btn span.mobile{display:none}.add-bike-btn{font-family:var(--font-heading-family);font-size:calc(var(--font-heading-scale) * 1.5rem);line-height:2.1rem;background-color:rgb(var(--color-dark));color:rgb(var(--color-white));border:none;border-radius:100px;padding:1.2rem 5.1rem;min-height:5.2rem;font-weight:600;cursor:pointer;transition:var(--transition-default);display:flex;align-items:center}.add-bike-btn:hover{background-color:rgba(var(--color-grey))}.add-bike-status{position:absolute;top:-30%;left:50%;width:100%;text-align:center;transform:translate(-50%);font-size:calc(var(--font-body-scale) * 1.2rem);max-width:180px;line-height:1.2rem}@media (max-width: 840px){.my-garage-hero{height:300px}.my-garage-hero h1{font-size:2.5rem}.bike-list-section{padding:2rem 1.5rem}.bike-card{padding:1.2rem 2rem;margin-bottom:1.5rem;gap:1.2rem 1.5rem}.bike-icon-tiles{margin:0}.bike-name{font-size:calc(var(--font-body-scale) * 1.6rem);line-height:2.1rem}.bike-name.desktop{display:none}.bike-name.mobile{display:block}.bike-details{flex-direction:column;align-items:center}.bike-logo{margin:0 auto}.garage-btn{padding:1rem 2rem}.action-btn{display:none}.bike-actions{width:100%;gap:2.5rem;justify-content:flex-end}.action-btn svg{height:2.5rem}.bike-search-section{flex-direction:column;gap:0;padding:1.5rem}.my-garage-section .bike-search-input{min-height:4.4rem;padding:.5rem 1rem}.my-garage-section .field__button{height:4.4rem}.my-garage-section .field__label{top:calc(1rem + var(--inputs-border-width))}.my-garage-section .field__input:not(:placeholder-shown)~.field__label,.my-garage-section .field__input:focus~.field__label,.my-garage-section .field__input:active~.field__label{left:calc(var(--inputs-border-width) + 1rem)}.my-garage-section .predictive-search-results--wrapper ul{top:3.7rem}.add-bike-btn-container{width:100%;margin-left:0}.add-bike-status{top:-10%}.bike-select,.add-bike-btn{width:100%;margin-top:1.5rem;margin-left:0;justify-content:center}}@media (max-width: 579px){.bike-card{gap:.7rem;padding:1.25rem 1.2rem}.bike-icon-tiles svg{height:3.1rem}.bike-logo-container{margin-right:0;max-width:3.5rem;height:3.5rem}.bike-name a{line-height:1.5rem;font-size:calc(var(--font-body-scale) * 1.4rem)}.bike-actions{gap:1.5rem}.garage-btn{padding:1rem .9rem}.garage-btn svg{height:1.5rem}.bike-icon-container{justify-content:center}.bike-search-section{display:grid;column-gap:.5rem;grid-template-columns:71% 25%;grid-template-areas:"bike-icon-container bike-icon-container" "bike-search-input add-bike-btn"}.bike-icon-container{grid-area:bike-icon-container}.my-garage-section .bike-search-input{grid-area:bike-search-input}.my-garage-section .field__label span.desktop{display:none}.my-garage-section .field__label span.mobile{display:block}.add-bike-btn span.desktop{display:none}.add-bike-btn span.mobile{display:block}.add-bike-btn{min-height:4.4rem;padding:1.2rem;grid-area:add-bike-btn}}div:where(.swal2-container) div:where(.swal2-popup){font-family:var(--font-body-family);letter-spacing:0;border-radius:var(--border-radius-default);padding:2.5rem;width:95%;max-width:40rem;font-size:calc(var(--font-body-scale) * 1.8rem)}div:where(.swal2-icon){margin-top:0}div:where(.swal2-container) h2:where(.swal2-title){letter-spacing:0;font-family:var(--font-heading-family);font-size:calc(var(--font-body-scale) * 2.4rem)}div:where(.swal2-container) div:where(.swal2-html-container){font-family:var(--font-body-family);font-size:calc(var(--font-body-scale) * 1.8rem)}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm),div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){font-size:calc(var(--font-body-scale) * 1.6rem)}@media (max-width: 749px){div:where(.swal2-container) div:where(.swal2-popup),div:where(.swal2-container) div:where(.swal2-html-container){font-size:calc(var(--font-body-scale) * 1.6rem)}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm),div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){font-size:calc(var(--font-body-scale) * 1.4rem)}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/my-garage-styles.css.map */