.measurement-field{position:relative;display:none}.measurement-field.active{display:block}.measurement-input-wrapper{position:relative;display:flex;width:100%;max-width:12rem;transition:box-shadow var(--duration-short) ease}.measurement-input-wrapper:before{pointer-events:none;content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--inputs-radius-outset);box-shadow:var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow),var(--inputs-shadow-opacity));z-index:-1}.measurement-input-wrapper:after{pointer-events:none;content:"";position:absolute;top:var(--inputs-border-width);right:var(--inputs-border-width);bottom:var(--inputs-border-width);left:var(--inputs-border-width);border:.1rem solid transparent;border-radius:var(--inputs-radius);box-shadow:0 0 0 var(--inputs-border-width) rgba(var(--color-foreground),var(--inputs-border-opacity));transition:box-shadow var(--duration-short) ease;z-index:1}.measurement-input-wrapper:hover:after{box-shadow:0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-foreground),var(--inputs-border-opacity))}.measurement-input{-webkit-appearance:none;appearance:none;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight-bold, 600);font-size:1.6rem;width:100%;box-sizing:border-box;padding:1.5rem;margin:var(--inputs-border-width);border:0;border-radius:var(--inputs-radius);height:4.5rem;min-height:calc(var(--inputs-border-width) * 2);transition:box-shadow var(--duration-short) ease;position:relative;z-index:2}.measurement-input:focus,.measurement-input:focus-visible{outline:0}.measurement-input-wrapper:has(.measurement-input:focus):after,.measurement-input-wrapper:has(.measurement-input:focus-visible):after{box-shadow:0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-foreground))}@supports not selector(:has(*)){.measurement-input:focus{box-shadow:0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-foreground))}}.measurement-input::placeholder{color:rgba(var(--color-foreground),.5);opacity:1}.measurement-group{margin-bottom:var(--spacing-5, 2.5rem)}.measurement-group-header{font-size:1.6rem;font-weight:var(--font-heading-weight, 600);margin-bottom:var(--spacing-3, .75rem);color:rgb(var(--color-foreground));padding-bottom:var(--spacing-2, .5rem);border-bottom:.1rem solid rgba(var(--color-foreground),.2)}.measurements-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-4, 1.5rem);margin-bottom:var(--spacing-4, 1.5rem)}.measurements-group label{display:block;margin-bottom:.6rem;font-weight:var(--font-heading-weight, 600);font-size:1.4rem;letter-spacing:.1rem;line-height:1.5;color:rgb(var(--color-foreground));white-space:normal;max-width:100%;height:auto}.measurement-field{container-type:inline-size}@container (max-width: 150px){.measurements-group label{font-size:clamp(1.2rem,6cqw,1.4rem)}}@container (max-width: 120px){.measurements-group label{font-size:clamp(1.1rem,5cqw,1.3rem)}}@supports not (container-type: inline-size){.measurement-field{container-type:normal}.measurements-group label{font-size:1.4rem}}.measurement-field--optional label{font-weight:var(--font-body-weight, 400)}.req-star{color:#d80000;display:inline;font-weight:var(--font-heading-weight, 600)}.opt-tag{font-style:italic;color:rgba(var(--color-foreground),.7);font-size:.85em;display:inline}@media screen and (max-width: 749px){.opt-tag{display:block;margin-top:.2rem}}.other-category-notice{margin-bottom:var(--spacing-4, 1.5rem)}.notice-banner{display:flex;align-items:flex-start;gap:var(--spacing-2, .5rem);padding:var(--spacing-3, .75rem) var(--spacing-4, 1.5rem);background-color:rgba(var(--color-foreground),.05);border-left:.3rem solid rgba(var(--color-foreground),.3);border-radius:var(--inputs-radius);color:rgb(var(--color-foreground))}.notice-icon{font-size:1.6rem;line-height:1;flex-shrink:0;margin-top:.1rem}.notice-text{font-size:1.4rem;line-height:1.5;flex:1}.measurement-field--error{position:relative}.measurement-input--error,.measurement-field--error .measurement-input-wrapper,.measurement-field--error .select-wrapper{border-color:#d80000!important;box-shadow:0 0 0 calc(.1rem + var(--inputs-border-width)) #d800004d!important}.measurement-input--error:focus,.measurement-input--error:focus-visible,.conditional-section select.measurement-input--error:focus,.conditional-section select.measurement-input--error:focus-visible{outline:0;box-shadow:0 0 0 calc(.1rem + var(--inputs-border-width)) #d80000!important}.measurement-field:not(.measurement-field--error) .measurement-input-wrapper:has(.measurement-input:not(:placeholder-shown)){border-color:rgba(var(--color-foreground),.2)}.conditional-section{display:none;margin-top:var(--spacing-4, 1.5rem);padding:var(--spacing-4, 1.5rem);background-color:rgba(var(--color-foreground),.04);border-radius:var(--inputs-radius);position:relative}.conditional-section.active{display:block}.conditional-section label{display:block;margin-top:var(--spacing-4, 1.5rem);margin-bottom:.6rem;font-weight:var(--font-heading-weight, 600);font-size:1.4rem;letter-spacing:.1rem;line-height:1.5;color:rgb(var(--color-foreground))}.conditional-section label:first-child{margin-top:0}.conditional-section .select-wrapper{position:relative;display:flex;width:100%;margin-bottom:var(--spacing-3, .75rem);transition:box-shadow var(--duration-short) ease}.conditional-section .select-wrapper:before{pointer-events:none;content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--inputs-radius-outset);box-shadow:var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow),var(--inputs-shadow-opacity));z-index:-1}.conditional-section .select-wrapper:after{pointer-events:none;content:"";position:absolute;top:var(--inputs-border-width);right:var(--inputs-border-width);bottom:var(--inputs-border-width);left:var(--inputs-border-width);border:.1rem solid transparent;border-radius:var(--inputs-radius);box-shadow:0 0 0 var(--inputs-border-width) rgba(var(--color-foreground),var(--inputs-border-opacity));transition:box-shadow var(--duration-short) ease;z-index:1}.conditional-section .select-wrapper:hover:after{box-shadow:0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-foreground),var(--inputs-border-opacity))}.conditional-section select{-webkit-appearance:none;appearance:none;background-color:rgb(var(--color-background));color:rgba(var(--color-foreground),.75);font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:1.2rem;width:100%;box-sizing:border-box;padding:0 calc(var(--inputs-border-width) + 3rem) 0 2rem;margin:var(--inputs-border-width);border:0;border-radius:var(--inputs-radius);height:4.5rem;min-height:calc(var(--inputs-border-width) * 2);cursor:pointer;line-height:calc(1 + .6 / var(--font-body-scale));transition:box-shadow var(--duration-short) ease;position:relative;z-index:2}.conditional-section select:focus,.conditional-section select:focus-visible{outline:0;box-shadow:0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-foreground))}.conditional-section select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23000' fill-opacity='0.75' d='M5 6L0 0h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right calc(var(--inputs-border-width) + 1.5rem) center;background-size:.6rem}.custom-text-wrapper{position:relative;display:none;flex:1;width:100%;margin-top:var(--spacing-2, .5rem);margin-bottom:var(--spacing-3, .75rem);transition:box-shadow var(--duration-short) ease}.custom-text-wrapper[style*="display: block"]{display:flex!important}.custom-text{-webkit-appearance:none;appearance:none;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:1.6rem;width:100%;box-sizing:border-box;padding:1.5rem;margin:var(--inputs-border-width);border:0;border-radius:var(--inputs-radius);height:4.5rem;min-height:calc(var(--inputs-border-width) * 2);transition:box-shadow var(--duration-short) ease;position:relative;z-index:2}.custom-text-wrapper:before{pointer-events:none;content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--inputs-radius-outset);box-shadow:var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow),var(--inputs-shadow-opacity));z-index:-1}.custom-text-wrapper:after{pointer-events:none;content:"";position:absolute;top:var(--inputs-border-width);right:var(--inputs-border-width);bottom:var(--inputs-border-width);left:var(--inputs-border-width);border:.1rem solid transparent;border-radius:var(--inputs-radius);box-shadow:0 0 0 var(--inputs-border-width) rgba(var(--color-foreground),var(--inputs-border-opacity));transition:box-shadow var(--duration-short) ease;z-index:1}.custom-text-wrapper:hover:after{box-shadow:0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-foreground),var(--inputs-border-opacity))}.custom-text:focus,.custom-text:focus-visible{outline:0}.custom-text-wrapper:has(.custom-text:focus):after,.custom-text-wrapper:has(.custom-text:focus-visible):after{box-shadow:0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-foreground))}@supports not selector(:has(*)){.custom-text:focus{box-shadow:0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-foreground))}}.custom-text::placeholder{color:rgba(var(--color-foreground),.5);opacity:1}.conditional-section textarea{-webkit-appearance:none;appearance:none;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:1.6rem;width:100%;box-sizing:border-box;padding:1.5rem;margin:var(--inputs-border-width);border:0;border-radius:var(--inputs-radius);min-height:10rem;resize:none;transition:box-shadow var(--duration-short) ease;position:relative}.conditional-section .textarea-wrapper{position:relative;display:flex;flex-direction:column;width:100%;margin-bottom:var(--spacing-3, .75rem);transition:box-shadow var(--duration-short) ease}.conditional-section .textarea-wrapper:before{pointer-events:none;content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--inputs-radius-outset);box-shadow:var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow),var(--inputs-shadow-opacity));z-index:-1}.conditional-section .textarea-wrapper:after{pointer-events:none;content:"";position:absolute;top:var(--inputs-border-width);right:var(--inputs-border-width);bottom:var(--inputs-border-width);left:var(--inputs-border-width);border:.1rem solid transparent;border-radius:var(--inputs-radius);box-shadow:0 0 0 var(--inputs-border-width) rgba(var(--color-foreground),var(--inputs-border-opacity));transition:box-shadow var(--duration-short) ease;z-index:1}.conditional-section .textarea-wrapper:hover:after{box-shadow:0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-foreground),var(--inputs-border-opacity))}.conditional-section textarea{position:relative;z-index:2}.conditional-section textarea:focus,.conditional-section textarea:focus-visible{outline:0;box-shadow:0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-foreground))}.conditional-section textarea::placeholder{color:rgba(var(--color-foreground),.5);opacity:1}.measurement-hint{margin-bottom:var(--spacing-4, 1.5rem);font-size:1.4rem;color:rgba(var(--color-foreground),.7);line-height:1.5}.collapsible-note-section{margin-bottom:var(--spacing-4, 1.5rem)}.collapsible-note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2, .5rem)}.collapsible-note-header label{margin:0;flex:1}.collapsible-toggle{background:none;border:none;cursor:pointer;padding:.5rem;font-size:1.8rem;line-height:1;color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;min-width:3rem;height:3rem;border-radius:var(--inputs-radius);transition:background-color var(--duration-short) ease}.collapsible-toggle:hover{background-color:rgba(var(--color-foreground),.05)}.collapsible-toggle:focus,.collapsible-toggle:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.toggle-icon{font-weight:var(--font-heading-weight, 600);-webkit-user-select:none;user-select:none}.collapsible-note-content{margin-top:var(--spacing-2, .5rem)}.character-count{text-align:right;font-size:1.2rem;color:rgba(var(--color-foreground),.6);margin-top:.5rem;padding-right:var(--spacing-4, 1.5rem);padding-top:.5rem;padding-bottom:.5rem;line-height:1.4;align-self:flex-end}.character-count.character-limit-reached .character-count-text{color:rgb(var(--color-error, 220, 38, 38));font-weight:var(--font-body-weight-bold, 600)}#harness-type-selector,#tag-type-selector{margin-top:var(--spacing-3, .75rem);margin-bottom:var(--spacing-3, .75rem);background-color:transparent!important;padding:0!important;border-radius:0}#harness-type-selector legend,#tag-type-selector legend{margin-bottom:var(--spacing-2, .5rem);font-weight:var(--font-heading-weight, 600);font-size:1.4rem;color:rgb(var(--color-foreground))}.leather-color-options{display:flex;flex-wrap:wrap;gap:var(--spacing-3, .75rem);margin-top:var(--spacing-2, .5rem);margin-bottom:var(--spacing-3, .75rem)}.leather-color-option{display:flex;flex-direction:column;align-items:center}.leather-color-radio{position:absolute;opacity:0;width:0;height:0}.leather-color-swatch{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform var(--duration-short) ease,opacity var(--duration-short) ease;position:relative}.leather-color-swatch:hover{transform:translateY(-2px);opacity:.9}.color-swatch{width:6rem;height:6rem;border-radius:var(--inputs-radius);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-1, .25rem);border:.2rem solid rgba(var(--color-foreground),.1);transition:border-color var(--duration-short) ease,box-shadow var(--duration-short) ease;box-shadow:var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow),var(--inputs-shadow-opacity))}.color-swatch-text{background-color:rgba(var(--color-foreground),.05);color:rgba(var(--color-foreground),.7)}.color-swatch-other{background-color:rgba(var(--color-foreground),.05);border-style:dashed;border-color:rgba(var(--color-foreground),.3)}.swatch-text{font-size:.9rem;font-weight:var(--font-body-weight-bold, 600);text-align:center;line-height:1.2;padding:.5rem;word-break:break-word}.leather-color-radio:checked+.leather-color-swatch .color-swatch{border-color:rgb(var(--color-foreground));border-width:.3rem;box-shadow:0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-foreground),.3),var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow),var(--inputs-shadow-opacity))}.color-label{font-size:1.2rem;font-weight:var(--font-body-weight, 400);color:rgb(var(--color-foreground));text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:8rem}.leather-color-radio:checked+.leather-color-swatch .color-label{font-weight:var(--font-body-weight-bold, 600)}@media screen and (max-width: 749px){.color-swatch{width:5rem;height:5rem}.color-label{font-size:1.1rem;max-width:7rem}.leather-color-options{gap:var(--spacing-2, .5rem)}}@media screen and (max-width: 749px){.measurements-group{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-3, .75rem)}.measurement-input{max-width:100%}.measurement-group-header{font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/component-custom-measurements.css.map */