:root{--jh-input-focus: var(--jh-green-700);--jh-input-error: var(--jh-rose-700);--jh-checkmark-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 12.5L9.5 18L20 6' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.jh-field{display:grid;gap:var(--jh-space-xs)}.jh-field--sm{--input-height: var(--jh-size-control-sm)}.jh-field--md{--input-height: var(--jh-size-control-md)}.jh-field--lg{--input-height: var(--jh-size-control-lg)}.jh-field__label{color:rgb(var(--jh-color-text));font-family:var(--jh-type-label-md-family);font-weight:var(--jh-type-label-md-weight);font-size:var(--jh-type-label-md-size);line-height:var(--jh-type-label-md-leading);letter-spacing:var(--jh-type-label-md-tracking)}.jh-field__control{position:relative}.jh-field__helper{margin:0;color:rgb(var(--jh-color-text-muted));font-family:var(--jh-type-body-sm-family);font-weight:var(--jh-type-body-sm-weight);font-size:var(--jh-type-body-sm-size);line-height:var(--jh-type-body-sm-leading);letter-spacing:var(--jh-type-body-sm-tracking)}.jh-field:has([aria-invalid=true]) .jh-field__helper{color:rgb(var(--jh-input-error))}.jh-field:has(:disabled){opacity:.5}.input,.textarea,.select{border:var(--jh-border-sm) solid rgb(var(--jh-color-border));border-radius:var(--jh-radius-input);background:rgb(var(--jh-color-surface));color:rgb(var(--jh-color-text));padding-inline:var(--jh-space-md);font-family:var(--jh-type-body-md-family);font-weight:var(--jh-type-body-md-weight);font-size:var(--jh-type-body-md-size);line-height:var(--jh-type-body-md-leading);letter-spacing:var(--jh-type-body-md-tracking)}.input::placeholder,.textarea::placeholder{color:rgb(var(--jh-color-text-muted));opacity:1}.textarea{padding-block:var(--jh-space-sm)}:is(.input:focus,.textarea:focus,.select:focus-visible){border-color:rgb(var(--jh-input-focus));box-shadow:inset 0 0 0 var(--jh-border-sm) rgb(var(--jh-input-focus))}:is(.input,.textarea,.select)[aria-invalid=true]{border-color:rgb(var(--jh-input-error));box-shadow:inset 0 0 0 var(--jh-border-sm) rgb(var(--jh-input-error))}:is(.input,.textarea,.select):disabled{cursor:not-allowed}.select{padding-inline-end:calc(var(--jh-space-md) + var(--jh-size-icon-md) + var(--jh-space-xs))}.select-chevron.jh-icon{top:calc(50% - var(--jh-size-icon-md) / 2);color:rgb(var(--jh-color-text-muted));pointer-events:none}.checkbox-container{align-items:center}.checkbox{top:0;width:var(--jh-size-toggle);height:var(--jh-size-toggle);border-radius:var(--jh-radius-xs);background:rgb(var(--jh-color-surface));box-shadow:inset 0 0 0 var(--jh-border-sm) rgb(var(--jh-color-border-strong))}.checkbox:after{content:"";position:absolute;inset:var(--jh-space-3xs);background:rgb(var(--jh-color-text-on-brand));-webkit-mask:var(--jh-checkmark-mask) center / contain no-repeat;mask:var(--jh-checkmark-mask) center / contain no-repeat;opacity:0;transition:opacity .2s ease-in-out}.checkbox:checked{background-color:rgb(var(--jh-color-brand));box-shadow:none}.checkbox:checked:after{opacity:1}.checkbox:focus-visible,.switch:focus-visible{outline:var(--jh-border-md) solid rgb(var(--jh-input-focus));outline-offset:var(--jh-border-md)}.checkbox~label,.switch~label{opacity:1;padding-inline-start:var(--jh-space-sm);color:rgb(var(--jh-color-text));font-family:var(--jh-type-label-md-family);font-weight:var(--jh-type-label-md-weight);font-size:var(--jh-type-label-md-size);line-height:var(--jh-type-label-md-leading);letter-spacing:var(--jh-type-label-md-tracking)}.checkbox:disabled,.switch:disabled{opacity:.5}.checkbox:disabled~label,.switch:disabled~label{color:rgb(var(--jh-color-text));opacity:.5}.switch{flex-shrink:0;width:var(--jh-size-switch-width);height:var(--jh-size-switch-height);padding:var(--jh-space-3xs);background:rgb(var(--jh-color-border-strong))}.switch:after{width:var(--jh-size-toggle);height:var(--jh-size-toggle);background:rgb(var(--jh-white))}.switch:checked{background:rgb(var(--jh-color-brand))}.switch:checked:after{transform:translate(calc(var(--transform-logical-flip) * (var(--jh-size-switch-width) - var(--jh-size-toggle) - 2 * var(--jh-space-3xs))))}.quantity-selector{--jh-icon-size: var(--jh-size-icon-sm);--jh-icon-stroke: var(--jh-border-icon-sm);justify-content:space-between;align-items:center;width:8.25rem;padding-inline:var(--jh-space-xs);border:var(--jh-border-sm) solid rgb(var(--jh-color-border));border-radius:var(--jh-radius-input);background:rgb(var(--jh-color-surface));color:rgb(var(--jh-color-text));font-family:var(--jh-type-body-md-family);font-size:var(--jh-type-body-md-size);line-height:var(--jh-type-body-md-leading)}.quantity-selector__button{display:grid;place-items:center;width:var(--jh-space-xl);height:100%;padding-inline:0}.block-swatch{gap:var(--jh-space-xs);height:var(--input-height);padding-inline:var(--jh-space-md);border:var(--jh-border-sm) solid rgb(var(--jh-color-border));border-radius:var(--jh-radius-pill);background:rgb(var(--jh-color-surface));color:rgb(var(--jh-color-text));font-family:var(--jh-type-label-md-family);font-weight:var(--jh-type-label-md-weight);font-size:var(--jh-type-label-md-size);line-height:var(--jh-type-label-md-leading);letter-spacing:var(--jh-type-label-md-tracking);transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out}.block-swatch:before{display:none}:checked+.block-swatch,.block-swatch.is-selected{border-color:rgb(var(--jh-accent));background-color:rgb(var(--jh-accent));color:rgb(var(--jh-on-accent))}.block-swatch.is-disabled,:checked+.block-swatch.is-disabled{opacity:.35;background-image:none}:focus-visible+.block-swatch{outline:var(--jh-border-md) solid rgb(var(--jh-input-focus));outline-offset:var(--jh-border-md)}.block-swatch__color{width:var(--jh-size-toggle);height:var(--jh-size-toggle)}.jh-filter-pill,.removable-facet{display:inline-flex;align-items:center;gap:var(--jh-space-xs);height:var(--jh-size-control-sm);padding:0 var(--jh-space-md);border:var(--jh-border-sm) solid rgb(var(--jh-color-border));border-radius:var(--jh-radius-pill);background:transparent;color:rgb(var(--jh-color-text));font-family:var(--jh-type-label-md-family);font-weight:var(--jh-type-label-md-weight);font-size:var(--jh-type-label-md-size);line-height:var(--jh-type-label-md-leading);letter-spacing:var(--jh-type-label-md-tracking);white-space:nowrap;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out}.jh-filter-pill.is-active,.removable-facet{border-color:rgb(var(--jh-color-text));background:rgb(var(--jh-color-text));color:rgb(var(--jh-color-background))}.jh-filter-pill:focus-visible{outline:var(--jh-border-md) solid rgb(var(--jh-input-focus));outline-offset:var(--jh-border-md)}@media screen and (pointer:fine){.jh-filter-pill:not(.is-active):hover{border-color:rgb(var(--jh-color-border-strong))}}.jh-coupon{--jh-icon-size: var(--jh-size-icon-sm);--jh-icon-stroke: var(--jh-border-icon-sm);display:inline-flex;align-items:center;justify-content:center;gap:var(--jh-space-xs);height:var(--jh-size-control-sm);padding-inline:var(--jh-space-sm);border:var(--jh-border-sm) dashed rgb(var(--jh-color-border-strong));border-radius:var(--jh-radius-input);color:rgb(var(--jh-color-text-muted));white-space:nowrap}.jh-coupon--applied{border-style:solid;border-color:rgb(var(--jh-color-success));background:rgb(var(--jh-color-success-fill));color:rgb(var(--jh-color-success))}.jh-coupon[aria-busy]{opacity:.5;cursor:progress}@media screen and (pointer:fine){button.jh-coupon:not(.jh-coupon--applied):hover{border-color:rgb(var(--jh-color-text));color:rgb(var(--jh-color-text))}}
/*# sourceMappingURL=/cdn/shop/t/140/assets/design-inputs.css.map */