.qo-crank{--qo-line: rgba(var(--color-foreground), .16);--qo-line-strong: rgba(var(--color-foreground), .4);--qo-muted: rgba(var(--color-foreground), .72);background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.qo-crank__grid{display:grid;gap:4rem;max-width:64rem;margin:0 auto}.qo-crank--split .qo-crank__grid{max-width:none}.qo-crank__intro{display:flex;flex-direction:column;gap:2.4rem}@media screen and (min-width:990px){.qo-crank--split .qo-crank__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5.6rem;align-items:start}.qo-crank--split .qo-crank__card{position:sticky;top:calc(var(--header-height, 0px) + 2.4rem)}}@media screen and (max-width:989px){.qo-crank--split .qo-crank__grid{gap:2.4rem}.qo-crank--split .qo-crank__intro{display:contents}.qo-crank--split .qo-crank__intro>*{order:3}.qo-crank--split .qo-crank__intro>:nth-child(-n+3){order:1}.qo-crank--split .qo-crank__card{order:2;margin-bottom:2.4rem}}.qo-crank__intro>.qo-eyebrow:not(:first-child){margin-top:4rem}.qo-crank__intro .qo-steps{grid-template-columns:minmax(0,1fr)}.qo-crank__intro .qo-steps--lines .qo-step{border-left:0;padding-left:0}.qo-crank__intro .qo-steps--lines .qo-step+.qo-step{margin-top:2.4rem;border-top:1px solid var(--qo-line)}.qo-inseam{margin:0;max-width:36rem}.qo-inseam__leg{fill:rgb(var(--color-background))}.qo-inseam__svg{display:block;width:100%;height:auto;overflow:visible}.qo-inseam__book{fill:var(--qo-sol)}.qo-inseam__book-edge{stroke:var(--qo-carbono)}.qo-inseam__label{font-family:var(--qo-font-mono);font-size:12px;letter-spacing:.1em}.qo-inseam__label--main{font-size:15px}.qo-inseam__caption{margin-top:1.2rem;font-size:1.2rem;color:var(--qo-muted)}.qo-crank__card{display:flex;flex-direction:column;gap:3.2rem;padding:clamp(2.4rem,4vw,4rem);border:1px solid var(--qo-line)}.qo-crank__title{margin:0;font-family:var(--qo-font);font-size:clamp(2.2rem,2.2vw,3rem);font-stretch:125%;font-weight:800;line-height:1;text-transform:uppercase}.qo-crank__label{margin:0;font-size:1.2rem;color:var(--qo-muted)}.qo-crank__slider{display:flex;flex-direction:column;gap:1.2rem}.qo-crank__inseam{margin:0;font-family:var(--qo-font);font-size:clamp(5.6rem,6vw,8rem);font-stretch:125%;font-weight:800;line-height:.9}.qo-crank__inseam .qo-mono{font-size:1.4rem;font-weight:400;color:var(--qo-muted)}.qo-crank input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:2.4rem;margin:0;background:linear-gradient(var(--qo-sol),var(--qo-sol)) 0 50% / var(--qo-fill, 50%) 2px no-repeat,linear-gradient(var(--qo-line-strong),var(--qo-line-strong)) 0 50% / 100% 1px no-repeat;cursor:pointer}.qo-crank input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:1.8rem;height:1.8rem;border:0;background:var(--qo-sol);clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,0 100%)}.qo-crank input[type=range]::-moz-range-thumb{width:1.8rem;height:1.8rem;border:0;border-radius:0;background:var(--qo-sol);clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,0 100%)}.qo-crank input[type=range]:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:4px}.qo-crank__form{display:flex;flex-direction:column;gap:1.6rem}.qo-crank__form[hidden],.qo-crank__result[hidden],.qo-crank__error[hidden]{display:none}.qo-crank__input{width:100%;padding:1.2rem 0;border:0;border-bottom:1px solid var(--qo-line-strong);border-radius:0;background:transparent;color:inherit;font:inherit;font-size:1.6rem;transition:border-color var(--qo-dur-micro) var(--qo-ease-pedalada)}.qo-crank__input::placeholder{color:var(--qo-muted)}.qo-crank__input:focus{outline:none;border-bottom-color:var(--qo-sol)}.qo-crank__input:focus-visible{box-shadow:0 1px 0 0 var(--qo-sol)}.qo-crank__input[aria-invalid]{border-bottom-color:var(--qo-ocaso)}.qo-crank__consent{display:flex;gap:1.2rem;align-items:flex-start;font-size:1.3rem;line-height:1.5;color:var(--qo-muted);cursor:pointer}.qo-crank__consent input{flex-shrink:0;width:1.8rem;height:1.8rem;margin:.2rem 0 0;accent-color:var(--qo-sol)}.qo-crank__consent a{color:rgb(var(--color-foreground));text-underline-offset:.3rem}.qo-crank__submit{justify-content:space-between;width:100%;margin-top:.8rem}.qo-crank__note{margin:0;font-size:1.2rem;line-height:1.5;color:var(--qo-muted)}.qo-crank__error{margin:0;padding-left:1.2rem;border-left:2px solid var(--qo-ocaso);font-size:1.4rem}.qo-crank__result{display:flex;flex-direction:column;gap:1.2rem;padding-top:2.4rem;border-top:1px solid var(--qo-line);outline:none}.qo-crank__length{margin:0;font-family:var(--qo-font);font-size:clamp(5.6rem,6vw,8rem);font-stretch:125%;font-weight:800;line-height:.9;color:var(--qo-sol)}.qo-crank__shop{display:flex;flex-direction:column;gap:.8rem;margin-top:1.2rem}.qo-crank__shop[hidden],.qo-crank__shop-link[hidden]{display:none}.qo-crank__shop-link{justify-content:space-between;width:100%}@media(prefers-reduced-motion:no-preference){.qo-crank__result:not([hidden]){animation:qo-crank-in var(--qo-dur-texto) var(--qo-ease-inercia)}}@keyframes qo-crank-in{0%{opacity:0;transform:translateY(8px)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/qo-crank-calculator.css.map */
