.AppHeader[data-v-4d0d2ee5]{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.AppHeader__Banner[data-v-4d0d2ee5]{color:var(--color-dark-text);font-size:14px;padding:10px;margin:0;text-align:center;background-color:var(--color-light-text)}.AppHeader__Banner.is-warning[data-v-4d0d2ee5]{background-color:var(--color-warning)}.AppHeader__Banner.is-error[data-v-4d0d2ee5]{background-color:var(--color-error)}.AppHeader__Banner.is-success[data-v-4d0d2ee5]{background-color:var(--color-success)}.AppMenu[data-v-29643abb]{display:flex}.AppMenu__Nav[data-v-29643abb]{flex-grow:1}.AppMenu__Nav ul[data-v-29643abb]{display:flex;align-items:center;justify-content:space-around;list-style:none;margin:0;padding:0}@media (min-width: 800px){.AppMenu__Nav ul[data-v-29643abb]{margin-top:10px;flex-direction:column}}.AppMenu__Nav li[data-v-29643abb]{margin:0;padding:10px 5px}@media (min-width: 800px){.AppMenu__Nav li[data-v-29643abb]{padding:5px}}.AppMenu__Nav button[data-v-29643abb]{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;width:100%;background-color:transparent;border:none;color:#eee;font-size:12px;font-weight:400;padding:10px 20px;cursor:pointer;border-radius:15px;font-weight:600}.AppMenu__Nav button:hover svg[data-v-29643abb]{background-color:rgb(from var(--color-accent) r g b / .2)}.AppMenu__Nav button.is-active svg[data-v-29643abb]{background-color:var(--color-accent);color:var(--color-dark-text)}.AppMenu__Nav button svg[data-v-29643abb]{width:24px;height:24px;border-radius:25px;padding:5px}@media (min-width: 800px){.AppMenu__Nav button[data-v-29643abb]{gap:5px}}@media (min-width: 800px){.AppMenu__Nav[data-v-29643abb]{flex-direction:column;flex-grow:1;justify-content:flex-start;align-items:flex-start;padding:0}}.AppView{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;height:100vh;height:100dvh}@media (min-width: 800px){.AppView{flex-direction:row}}.AppContent{transition:filter .15s ease,transform .15s ease;max-width:1400px;flex-grow:1;overflow-y:auto;padding-bottom:100px}@media (min-width: 800px){.AppContent{order:2;padding:20px}.AppMenu{order:1}}.PageOverlay--is-visible .AppContent{filter:blur(5px);transform:scale(.9)}.BikeListItem[data-v-8bdaae45]{display:flex;padding:25px;flex-direction:column;align-items:flex-start;gap:16px;background:linear-gradient(20deg,#0000 51.52%,#0003 92.88%),#3f3737;border-radius:20px;flex-grow:1;color:var(--color-light-text)}.BikeListItem.BikeListItem--dark[data-v-8bdaae45]{color:var(--color-dark-text)}.BikeListItem__Header[data-v-8bdaae45]{display:flex;flex-direction:column;align-items:flex-start}.BikeListItem__Header h2[data-v-8bdaae45]{margin:0;font-size:40px;font-style:normal;font-weight:600;line-height:normal}.BikeListItem__Header h3[data-v-8bdaae45]{margin:0;font-size:40px;font-style:normal;font-weight:400;line-height:normal}.BikeListItem__SuspensionComponent[data-v-8bdaae45]{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;align-self:stretch;gap:16px}.BikeListItem__SuspensionComponent__Header[data-v-8bdaae45]{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.BikeListItem__SuspensionComponent__Header span[data-v-8bdaae45]:nth-child(1){font-weight:600}.BikeListItem__SuspensionComponent__Settings[data-v-8bdaae45]{display:flex;justify-content:space-between;align-items:center;align-content:center;padding:20px;gap:20px;align-self:stretch;flex-wrap:wrap;border-radius:25px;background:#ffffff1a}.BikeListItem--dark .BikeListItem__SuspensionComponent__Settings[data-v-8bdaae45]{background:#0000000d}.BikeListItem__SuspensionComponent__Settings__Setting[data-v-8bdaae45]{display:flex;flex-direction:column;align-items:center}.BikeListItem__SuspensionComponent__Settings__Setting span[data-v-8bdaae45]:nth-child(1){font-size:20px;font-style:normal;font-weight:600;line-height:normal}.BikeListItem__SuspensionComponent__Settings__Setting span[data-v-8bdaae45]:nth-child(2){font-size:12px;font-style:normal;font-weight:400;line-height:normal;text-transform:uppercase}.Button{background-color:var(--color-light-bg);box-shadow:0 0 0 2px #ffffff1a;border:none;color:var(--color-dark-text);padding:10px 20px;border-radius:5px;font-weight:600}.Button:hover{box-shadow:0 0 0 2px #ffffff4d}.BikeList__Welcome[data-v-9e4ac1cb]{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:20px;max-width:800px}.BikeList__Welcome h1[data-v-9e4ac1cb]{font-size:70px;margin:0 0 20px;max-width:400px;line-height:1}.BikeList[data-v-9e4ac1cb]{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:10px}@media (min-width: 800px){.BikeList[data-v-9e4ac1cb]{display:grid;grid-template-columns:1fr 1fr}}@media (min-width: 1200px){.BikeList[data-v-9e4ac1cb]{display:grid;grid-template-columns:1fr 1fr 1fr}}.Modal[data-v-38856c99]{position:fixed;bottom:0;left:0;right:0;max-width:800px;margin:0 auto;background-color:var(--color-dark-bg);border-radius:10px 10px 0 0;padding:20px 20px 50px;display:flex;flex-direction:column;gap:20px;z-index:5;max-height:80vh;overflow-y:auto}.Modal__Header[data-v-38856c99]{display:flex;justify-content:space-between;align-items:center;margin-block:5px}.Modal__Header h2[data-v-38856c99]{margin:0}.Modal__Close[data-v-38856c99]{background-color:transparent;border:none;color:var(--color-light-text);font-size:20px}.Modal-enter-active[data-v-38856c99],.Modal-leave-active[data-v-38856c99]{transition:all .3s ease}.Modal-enter-from[data-v-38856c99],.Modal-leave-to[data-v-38856c99]{transform:translateY(100%)}.Modal-enter-to[data-v-38856c99],.Modal-leave-from[data-v-38856c99]{transform:translateY(0)}.FormRow{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%}.FormRow label{font-size:16px;font-weight:400;flex-basis:30%}.FormRow input{background-color:transparent;border-radius:0;border:1px solid var(--color-dark-text);border-top:none;border-left:none;border-right:none;color:var(--color-dark-text);padding:10px 0;font-size:20px;font-weight:600}.FormRow input:focus{outline:none;border-color:var(--color-dark-text)}.SuspensionComponentForm>form[data-v-1bad2538]{display:flex;flex-direction:column;align-items:flex-start;gap:30px;background-color:var(--color-dark-bg);border-radius:20px}.SuspensionComponentForm__Toggle__Row[data-v-1bad2538]{display:flex;align-items:center;justify-content:flex-start;gap:20px;width:100%}.SuspensionComponentForm__Toggle__Row>label[data-v-1bad2538]{flex-grow:1}.SuspensionComponentForm__Toggle[data-v-1bad2538]{display:flex;align-items:center;gap:10px;background-color:#fff3;border-radius:30px;padding:3px;font-weight:600;flex-shrink:0}.SuspensionComponentForm__Toggle__Option[data-v-1bad2538]{padding:10px 20px;cursor:pointer;border-radius:25px}.SuspensionComponentForm__Toggle__Option.is-selected[data-v-1bad2538]{background-color:#fff6}.BikeDetail__Header[data-v-6442f565]{display:flex;justify-content:space-between;padding:25px;align-items:flex-start}.BikeDetail__Header.BikeDetail__Header--dark[data-v-6442f565]{color:var(--color-dark-text)}.BikeDetail__Header h2[data-v-6442f565]{margin:0;font-size:40px;font-style:normal;font-weight:600;line-height:normal}.BikeDetail__Header h3[data-v-6442f565]{margin:0;font-size:40px;font-style:normal;font-weight:400;line-height:normal}.BikeDetail__Actions[data-v-6442f565]{display:flex;justify-content:space-between;padding:25px;align-items:flex-start}.BikeDetail__Close[data-v-6442f565]{height:40px;width:40px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;color:var(--color-dark-text)}.BikeDetail__Close svg[data-v-6442f565]{width:24px;height:24px}.BikeDetail__Component__Header[data-v-6442f565]{display:flex;justify-content:space-between;align-items:center;margin:20px;border-bottom:1px solid var(--color-light-text)}.BikeDetail__Component__Settings[data-v-6442f565]{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px}@media (min-width: 800px){.BikeDetail__Component__Settings[data-v-6442f565]{grid-template-columns:1fr 1fr 1fr}}.BikeDetail__Component__Setting[data-v-6442f565]{background-color:var(--color-dark-bg);padding:25px;border-radius:25px;display:flex;flex-direction:column;gap:30px;min-width:130px}.BikeDetail__Component__Setting h4[data-v-6442f565]{margin:0;text-transform:uppercase;font-size:14px;font-weight:600;line-height:normal}.BikeDetail__Component__Setting__Value[data-v-6442f565]{font-size:36px;font-weight:600;line-height:normal;margin:0}.BikeDetail__Component__Setting__Unit[data-v-6442f565]{font-size:14px;font-weight:400;line-height:normal;margin:0}.SuspensionComponentForm__Toggle__Row[data-v-6442f565]{display:flex;align-items:center;justify-content:flex-start;gap:20px;width:100%}.SuspensionComponentForm__Toggle__Row>label[data-v-6442f565]{flex-grow:1}.SuspensionComponentForm__Toggle[data-v-6442f565]{display:flex;align-items:center;gap:10px;background-color:#fff3;border-radius:30px;padding:3px;font-weight:600;flex-shrink:0}.SuspensionComponentForm__Toggle__Option[data-v-6442f565]{padding:10px 20px;cursor:pointer;border-radius:25px}.SuspensionComponentForm__Toggle__Option.is-selected[data-v-6442f565]{background-color:#fff6}.SuspensionComponentForm__Range[data-v-6442f565]{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:20px}.SuspensionComponentForm__Range>input[type=range][data-v-6442f565]{flex-grow:1}.SuspensionComponentForm__Range>input[type=number][data-v-6442f565]{font-size:40px}.BikeDetail__Component__Actions[data-v-6442f565]{display:flex;justify-content:flex-end;padding:10px}.color-input__pointer-transparent,.color-input__pointer-color,.color-input__slider-canvas,.color-input__slider-container{width:100%;height:100%}.color-input__text-format-arrows,.color-input__text-inputs-wrapper,.color-input__arrow-down,.color-input__arrow-up{display:flex;justify-content:center;align-items:center}.color-input__saturation-pointer,.color-input__slider-pointer{border-radius:50%;background:#fbfbfb;overflow:hidden;border:2px #fbfbfb solid;box-shadow:0 0 5px #0f0f0f4d}.color-input__arrow-down,.color-input__arrow-up{width:12px;height:10px;opacity:.4;transition:.3s;position:relative}.color-input__arrow-down:before,.color-input__arrow-up:before{display:block;content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent}.color-input__arrow-down:hover,.color-input__arrow-up:hover{opacity:.8}.color-input__popup{position:absolute;z-index:9999;width:auto;min-width:280px;background-color:#fbfbfb;box-shadow:0 5px 10px #0f0f0f66;-webkit-user-select:none;user-select:none;color:#0f0f0f;--popup-offset: 10px}.color-input__popup--top{translate:0 calc(var(--popup-offset) * -1)}.color-input__popup--bottom{translate:0 var(--popup-offset)}.color-input__popup--center-right{translate:var(--popup-offset) 0}.color-input__popup--center-left{translate:calc(var(--popup-offset) * -1) 0}.color-input__popup--enter-from,.color-input__popup--leave-to{transform:translateY(-10px);opacity:0}.color-input__popup--enter-active,.color-input__popup--leave-active{transition:transform .3s,opacity .3s}.color-input__slider{width:85%;height:6px;margin:18px auto;position:relative}.color-input__slider-container{display:block;top:50%;border-radius:3px;overflow:hidden;background-size:contain}.color-input__slider-canvas{display:block}.color-input__slider-active-area{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%}.color-input__slider-pointer{width:12px;height:12px}.color-input__pointer-transparent{background-size:auto 100%}.color-input__saturation-area{width:100%;height:125px;position:relative}.color-input__saturation-pointer{top:auto;width:20px;height:20px;position:absolute;bottom:0;left:0;z-index:10001}.color-input__text-inputs-area{display:flex;margin:0 7px 10px}.color-input__text-inputs-wrapper{flex:1 0;flex-wrap:wrap}.color-input__text-input-container{white-space:nowrap}.color-input__text-input{font-family:inherit;color:inherit;width:4ch;text-align:center;margin:0 5px;background:transparent;border-style:solid;border-width:1px;border-radius:3px}.color-input__text-input:focus{outline-color:var(--outline-color)}.color-input__text-input--hex{width:8ch}.color-input__text-format-arrows{flex:0 1;flex-direction:column}.color-input__arrow-up:before{border-bottom:5px solid var(--arrow-color)}.color-input__arrow-down:before{border-top:5px solid var(--arrow-color)}.color-input__box-color,.color-input__box-inner{width:100%;height:100%}.color-input{position:relative;display:inline-block}.color-input__box{width:40px;height:40px;cursor:pointer;border-radius:20%;overflow:hidden;transition:background-color .05s .15s}.color-input__box-inner{border-radius:inherit;overflow:hidden;transition:transform .2s;background-color:#fff;background-size:100%}.color-input__box-inner--active{transform:scale(.9)}.color-input__box--active{background:#fbfbfb;transition:all .2s,background-color .05s}.color-input__box--disabled{cursor:not-allowed}.NewBikeForm>form[data-v-b73f2d3a]{display:flex;flex-direction:column;align-items:flex-start;gap:30px;padding:30px;background-color:var(--color-dark-bg);border-radius:20px;margin:20px}.NewBikeForm__Header[data-v-b73f2d3a]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin:20px}.Page[data-v-00864b2a]{padding-inline:5%}.Page__Content[data-v-00864b2a]{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:20px}.About__Section[data-v-b7d3a37b]{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px}.About__Section h2[data-v-b7d3a37b],.About__Section h3[data-v-b7d3a37b],.About__Section p[data-v-b7d3a37b]{margin:0}.About__Section p[data-v-b7d3a37b]{line-height:1.7}form[data-v-110fca4c]{display:flex;flex-direction:column;gap:30px}.FormRow input[data-v-110fca4c]{background-color:transparent;border-radius:0;border:1px solid var(--color-light-text);border-top:none;border-left:none;border-right:none;color:var(--color-light-text);padding:10px 0;font-size:20px;font-weight:600}.FormRow input[data-v-110fca4c]:focus{outline:none;border-color:var(--color-light-text)}:root{--color-light-text: rgb(250, 250, 250);--color-dark-text: rgb(70, 70, 70);--color-dark-bg: rgb(36, 36, 36);--color-light-bg: rgb(250, 250, 250);--color-warning: rgb(243, 234, 134);--color-error: rgb(246, 144, 110);--color-success: rgb(156, 253, 121);--color-accent: rgb(243, 228, 134)}body,input,select,button{font-family:Inter,sans-serif}body{margin:0;padding:0;background-color:var(--color-dark-bg);color:var(--color-light-text)}a{color:var(--color-light-text);border-bottom:2px solid var(--color-light-text);text-decoration:none}.PageOverlay{position:fixed;top:0;left:0;height:100vh;width:100vw;z-index:4;visibility:hidden;opacity:0;background:#000;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.PageOverlay--is-visible{overflow:hidden}.PageOverlay--is-visible .PageOverlay{opacity:.5;visibility:visible}p:first-child{margin-top:0}p:last-child{margin-bottom:0}