.vgreen-configurator{display:flex;flex-direction:column;gap:1.6rem;margin:1.5rem 0;min-width:0;max-width:100%}.vgreen-field{margin:0}.vgreen-field .form__label,.vgreen-field legend.form__label{display:block;margin-bottom:.6rem;padding:0}.vgreen-field--radio-group{border:none;padding:0}.vgreen-radio-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.6rem}.vgreen-radio-group input[type=radio]{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.vgreen-radio-option{display:inline-flex;align-items:center;justify-content:center;min-height:4rem;padding:.8rem 1.4rem;border:.1rem solid rgba(var(--color-foreground),.55);border-radius:var(--inputs-radius, .4rem);background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;font-size:1.4rem;line-height:1.2;text-align:center;transition:border-color .15s ease,background-color .15s ease}.vgreen-radio-option:hover{border-color:rgb(var(--color-foreground))}.vgreen-radio-group input[type=radio]:checked+.vgreen-radio-option{border-color:var(--vg-brand-green);border-width:.2rem;padding:.7rem 1.3rem;background:var(--vg-brand-green-soft);font-weight:500}.vgreen-radio-group input[type=radio]:focus-visible+.vgreen-radio-option{outline:.2rem solid var(--vg-brand-green);outline-offset:.3rem}.vgreen-field--radio-group:has(.vgreen-radio-option__img){min-width:0;max-width:100%}.vgreen-field--radio-group:has(.vgreen-radio-option__img) .vgreen-radio-group{display:flex;flex-wrap:nowrap;grid-template-columns:none;gap:.8rem;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:2.8rem .4rem 3.6rem;scrollbar-width:thin;scrollbar-color:rgba(var(--color-foreground),.3) transparent;min-width:0;max-width:100%}.vgreen-field--radio-group:has(.vgreen-radio-option__img) .vgreen-radio-group::-webkit-scrollbar{height:.6rem}.vgreen-field--radio-group:has(.vgreen-radio-option__img) .vgreen-radio-group::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.3);border-radius:.3rem}.vgreen-radio-option:has(.vgreen-radio-option__img){flex:0 0 11rem;flex-direction:column;gap:.5rem;padding:.6rem .5rem .5rem;min-height:auto;text-align:center;scroll-snap-align:start;position:relative;transition:transform .18s ease,box-shadow .18s ease,border-color .15s ease,background-color .15s ease}@media(hover:hover){.vgreen-radio-option:has(.vgreen-radio-option__img):hover{transform:scale(1.4);z-index:5;box-shadow:0 .8rem 2.4rem #00000038;border-color:rgb(var(--color-foreground))}}.vgreen-radio-group input[type=radio]:focus-visible+.vgreen-radio-option:has(.vgreen-radio-option__img){transform:scale(1.4);z-index:5}.vgreen-radio-option__img{display:block;width:100%;height:13rem;object-fit:contain;background:rgb(var(--color-background))}.vgreen-radio-option__text{font-size:1.3rem;line-height:1.2}.vgreen-field--radio-group:not(.vgreen-field--swatches) .vgreen-radio-option:has(.vgreen-radio-option__img) .vgreen-radio-option__text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.12rem}.vgreen-radio-option:has(.vgreen-radio-option__img):after{content:"";position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;border-radius:50%;border:.15rem solid rgba(var(--color-foreground),.35);background-color:rgb(var(--color-background));background-image:none;background-repeat:no-repeat;background-position:center;background-size:1.3rem;transition:background-color .15s ease,border-color .15s ease}.vgreen-radio-group input[type=radio]:checked+.vgreen-radio-option:has(.vgreen-radio-option__img){border-width:.1rem;padding:.6rem .5rem .5rem;background:transparent;font-weight:500}.vgreen-radio-group input[type=radio]:checked+.vgreen-radio-option:has(.vgreen-radio-option__img):after{background-color:var(--vg-brand-green);border-color:var(--vg-brand-green);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6L9 17l-5-5'/></svg>")}.vgreen-radio-group input[type=radio]:checked+.vgreen-radio-option:has(.vgreen-radio-option__img){border-color:var(--vg-brand-green)}.vgreen-conditional-field,.vgreen-conditional-note,.vgreen-conditional-panel{display:none}.vgreen-field--radio-group:has(input[data-vgreen-conditional=engraving-yes]:checked)+.vgreen-conditional-field--engraving{display:block}.vgreen-field--radio-group:has(input[data-vgreen-conditional=own-buckle]:checked) .vgreen-conditional-note--own-buckle{display:block}.vgreen-customize-toggle:has(input[data-vgreen-conditional=customize-yes]:checked)+.vgreen-conditional-panel--customize{display:flex;flex-direction:column;gap:1.6rem;margin-top:.4rem;padding:1.6rem;border-left:.3rem solid var(--vg-brand-green);background:var(--vg-brand-green-soft);min-width:0;max-width:100%;overflow:hidden}.vgreen-customize-toggle{margin-top:.8rem;padding-top:1.6rem;border-top:.1rem solid rgba(var(--color-foreground),.15)}.vgreen-conditional-note{margin-top:.8rem;padding:.8rem 1.2rem;background:var(--vg-brand-green-soft);border-left:.3rem solid var(--vg-brand-green);font-size:1.3rem;line-height:1.4;color:rgba(var(--color-foreground),.85)}.vgreen-text-input,.vgreen-textarea{width:100%;padding:.8rem 1.2rem;border:.1rem solid rgba(var(--color-foreground),.55);border-radius:var(--inputs-radius, .4rem);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.5rem;font-family:inherit;line-height:1.4}.vgreen-text-input{min-height:4.5rem}.vgreen-textarea{min-height:10rem;resize:vertical}.vgreen-text-input:focus,.vgreen-textarea:focus{outline:.2rem solid var(--vg-brand-green);outline-offset:0;border-color:var(--vg-brand-green)}.vgreen-field__optional{font-weight:400;color:rgba(var(--color-foreground),.6);font-size:.9em}.vgreen-buckle-source .vgreen-radio-group{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}.vgreen-conditional-panel--buckle-provide{display:block}.vgreen-conditional-panel--buckle-own{display:none}.vgreen-buckle-source:has(input[data-vgreen-conditional=buckle-own]:checked)~.vgreen-conditional-panel--buckle-provide{display:none}.vgreen-buckle-source:has(input[data-vgreen-conditional=buckle-own]:checked)~.vgreen-conditional-panel--buckle-own{display:block}.vgreen-conditional-panel--buckle-own .vgreen-conditional-note--own-buckle{display:block;margin:0}.vgreen-strap-custom-mode .vgreen-conditional-note--custom-length{display:block;margin:0 0 .8rem}.vgreen-no-lug-chosen .vgreen-buckle-section{display:none}.vgreen-companions-summary{margin:1.6rem 0 0;padding:1rem 1.4rem;border:.1rem solid rgba(var(--color-foreground),.15);border-left:.3rem solid var(--vg-brand-green);border-radius:var(--inputs-radius);background:var(--vg-brand-green-soft);color:rgb(var(--color-foreground));font-size:1.4rem;line-height:1.5}.vgreen-companions-summary[hidden]{display:none}.vgreen-companions-summary strong{font-weight:600}@keyframes vgreen-ring-pulse{0%{box-shadow:0 0 rgba(var(--color-foreground),.55)}70%{box-shadow:0 0 0 .8rem rgba(var(--color-foreground),0)}to{box-shadow:0 0 rgba(var(--color-foreground),0)}}.vgreen-needs-choice{border-radius:var(--inputs-radius);animation:vgreen-ring-pulse .85s ease-out 0s 3}.product-form__input--dropdown:has(.vgreen-needs-choice)>.select{border-radius:var(--inputs-radius);animation:vgreen-ring-pulse .85s ease-out 0s 3}.vgreen-radio-option--hidden,input.vgreen-radio-option--hidden{display:none!important}.vgreen-buckle-width-chips{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center;margin-top:.4rem;width:100%}.vgreen-buckle-width-chips:empty{display:none}.vgreen-buckle-width-chip-label{display:inline-block;padding:.15rem .6rem;font-size:1.05rem;font-weight:500;line-height:1.5;border:.1rem solid rgba(var(--color-foreground),.35);border-radius:999px;background:rgb(var(--color-background));color:rgba(var(--color-foreground),.8);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.vgreen-buckle-width-chip-label:hover{border-color:rgb(var(--color-foreground))}.vgreen-buckle-width-chip-input:checked+.vgreen-buckle-width-chip-label{background:var(--vg-brand-green);color:#fff;border-color:var(--vg-brand-green)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.vgreen-buckle-empty-note{margin:1.2rem 0 0;padding:.8rem 1.2rem;background:rgba(var(--color-foreground),.06);border-left:.3rem solid rgba(var(--color-foreground),.4);font-size:1.3rem;line-height:1.4;color:rgba(var(--color-foreground),.85)}.vgreen-buckle-mode-decide .vgreen-buckle-source{display:none}.vgreen-buckle-mode-decide .vgreen-conditional-panel--buckle-own{display:none!important}.vgreen-field--swatches .vgreen-radio-option:has(.vgreen-radio-option__img){flex:0 0 6.8rem;padding:.4rem .3rem;gap:.3rem}.vgreen-field--swatches .vgreen-radio-option__img{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;border-radius:.3rem}.vgreen-field--swatches .vgreen-radio-option__text{font-size:1.05rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.52rem}.vgreen-field--swatches input[type=radio]:checked+.vgreen-radio-option{padding:.3rem .2rem}@media(max-width:480px){.vgreen-field--swatches .vgreen-radio-option:has(.vgreen-radio-option__img){flex:0 0 6rem}.vgreen-field--swatches .vgreen-radio-option__text{font-size:1rem}}.vgreen-field--swatches .vgreen-radio-option--no-image{flex:0 0 6.8rem;flex-direction:column;gap:.3rem;padding:.4rem .3rem;min-height:auto;text-align:center}.vgreen-radio-option__placeholder{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1 / 1;border-radius:.3rem;background:repeating-linear-gradient(45deg,rgba(var(--color-foreground),.08),rgba(var(--color-foreground),.08) .4rem,rgba(var(--color-foreground),.16) .4rem .8rem);font-size:1.6rem;font-weight:600;color:rgba(var(--color-foreground),.7)}@media(max-width:480px){.vgreen-field--swatches .vgreen-radio-option--no-image{flex:0 0 6rem}}.vgreen-stitch-matching-note{display:none;margin:.6rem 0 0;padding:.8rem 1rem;border-left:.3rem solid var(--vg-brand-green);background:rgba(var(--color-foreground),.04);border-radius:.3rem;font-size:1.3rem;line-height:1.4;color:rgba(var(--color-foreground),.85)}.vgreen-field--swatches:has(input[data-stitch-matching]:checked)+.vgreen-stitch-matching-note{display:block}.vgreen-notched-help{margin:0;font-size:1.4rem;line-height:1.5;color:rgba(var(--color-foreground),.8)}.vgreen-notched-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:640px){.vgreen-notched-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:380px){.vgreen-notched-grid{grid-template-columns:1fr}}.vgreen-field--numeric .vgreen-text-input{width:100%}.vgreen-field--numeric .vgreen-text-input::-webkit-outer-spin-button,.vgreen-field--numeric .vgreen-text-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.vgreen-field--numeric .vgreen-text-input[type=number]{-moz-appearance:textfield}.vgreen-field__required{color:#c0392b;margin-left:.2rem}.vgreen-field__hint{margin:-.3rem 0 .6rem;font-size:1.25rem;line-height:1.4;color:rgba(var(--color-foreground),.7)}.vgreen-empty-note{margin:0;padding:1rem 1.2rem;background:rgba(var(--color-foreground),.05);border-left:.3rem solid rgba(var(--color-foreground),.4);border-radius:.3rem;font-size:1.3rem;line-height:1.5;color:rgba(var(--color-foreground),.85)}.vgreen-empty-note p{margin:0 0 .4rem}.vgreen-empty-note p:last-child{margin-bottom:0}.vgreen-empty-note code{padding:.05rem .4rem;border-radius:.2rem;background:rgba(var(--color-foreground),.08);font-size:1.2rem}
/*# sourceMappingURL=/cdn/shop/t/14/assets/vgreen-configurator.css.map */