.nd-length-selector{display:block;max-width:44rem}.nd-length-selector__label{display:block}.nd-length-selector__presets{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.2rem}.nd-length-selector__preset{cursor:pointer;padding:.8rem 1.4rem;font-size:1.4rem;font-family:inherit;letter-spacing:.06rem;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));border:var(--variant-pills-border-width) solid rgba(var(--color-foreground),.55);border-radius:var(--variant-pills-radius);transition:border .1s ease,background-color .1s ease}.nd-length-selector__preset:hover{border-color:rgb(var(--color-foreground))}.nd-length-selector__preset.is-active{color:rgb(var(--color-button-text));background-color:rgb(var(--color-button));border-color:rgb(var(--color-button))}.nd-length-selector__input-label{display:block}.nd-length-selector__field{position:relative;display:inline-flex;align-items:center;width:16rem;border:var(--inputs-border-width) solid rgba(var(--color-foreground),.55);border-radius:var(--inputs-radius);background-color:rgb(var(--color-background))}.nd-length-selector__input{width:100%;padding:1rem 1.2rem;font-size:1.6rem;font-family:inherit;color:rgb(var(--color-foreground));background:transparent;border:0;-moz-appearance:textfield}.nd-length-selector__input::-webkit-outer-spin-button,.nd-length-selector__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.nd-length-selector__unit{padding-right:1.2rem;font-size:1.4rem;color:rgba(var(--color-foreground),.75)}.nd-length-selector__summary{margin-top:1.2rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem}.nd-length-selector__total-label{font-size:1.4rem;color:rgba(var(--color-foreground),.75)}.nd-length-selector__total{font-size:1.8rem;font-weight:700;color:rgb(var(--color-foreground))}.nd-length-selector__breakdown{font-size:1.3rem;color:rgba(var(--color-foreground),.75)}.nd-length-selector__note{margin-top:.8rem;margin-bottom:0;color:rgba(var(--color-foreground),.75)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-nd-length-selector.css.map */