.variant-picker-pro{display:flex;flex-direction:column;padding-top:var(--pro-padding-top, 0px);padding-bottom:var(--pro-padding-bottom, 0px);--swatch-input--size: var(--pro-swatch-size, 76px)}.variant-picker-pro__group{border:0;padding:0;margin:0;min-width:0}.variant-picker-pro__group.product-form__input{flex:initial;margin:0;max-width:none;min-width:0}.variant-picker-pro__group--size.product-form__input{margin-top:var(--pro-row-spacing-options, 8px)}.variant-picker-pro__label{display:block;margin-bottom:.8rem;font-size:1.4rem;font-weight:600;line-height:1}.variant-picker-pro__label [data-selected-value]{font-weight:400;color:rgba(var(--color-foreground),.75)}.variant-picker-pro__label--with-link{display:flex;width:fit-content;align-items:center;justify-content:space-between;gap:1rem}.variant-picker-pro__label--with-link .variant-picker-pro__sizing-chart-button{font-size:1.2rem;font-weight:400}.variant-picker-pro input[type=radio]{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.variant-picker-pro__swatch-row{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:1rem;overscroll-behavior-x:contain;scrollbar-width:none}.variant-picker-pro__swatch-row::-webkit-scrollbar{display:none}.variant-picker-pro .swatch-input__input+.swatch-input__label{flex:0 0 auto;width:var(--pro-swatch-size, 76px);height:var(--pro-swatch-size, 76px);padding:0;border-width:var(--pro-swatch-border-width, 2px);border-color:var(--pro-swatch-border-color, #e5e5e5)}.variant-picker-pro .swatch-input__label--square,.variant-picker-pro .swatch-input__label{--pro-swatch-radius-clamped: min(var(--pro-swatch-radius, 10px), calc(var(--pro-swatch-size, 76px) / 2));border-radius:var(--pro-swatch-radius-clamped);--swatch-input--border-radius: max(0px, calc(var(--pro-swatch-radius-clamped) - var(--pro-swatch-border-width, 2px)))}.variant-picker-pro .swatch-input__input:active+.swatch-input__label,.variant-picker-pro .swatch-input__input:checked+.swatch-input__label,.variant-picker-pro .swatch-input__input+.swatch-input__label:hover,.variant-picker-pro .swatch-input__input:hover+.swatch-input__label{border-color:var(--pro-swatch-selected-border-color, rgb(18, 18, 18));border-width:var(--pro-swatch-border-width, 2px)}.variant-picker-pro[data-swatch-style=color] .swatch-input__input:checked+.swatch-input__label{border-color:var(--pro-swatch-border-color, #e5e5e5);outline:var(--pro-swatch-border-width, 2px) solid var(--pro-swatch-selected-border-color, rgb(18, 18, 18));outline-offset:2px}.variant-picker-pro[data-swatch-style=color] .variant-picker-pro__swatch-row{--pro-swatch-ring-bleed: calc(var(--pro-swatch-border-width, 2px) + 4px);padding:var(--pro-swatch-ring-bleed);margin-top:calc(var(--pro-swatch-ring-bleed) * -1);margin-bottom:calc(var(--pro-swatch-ring-bleed) * -1);margin-left:calc((var(--pro-swatch-ring-bleed) * -1) + 5px);margin-right:calc(var(--pro-swatch-ring-bleed) * -1)}.variant-picker-pro[data-swatch-style=color] .variant-picker-pro__group--swatch .variant-picker-pro__label{margin-bottom:1.3rem}.variant-picker-pro__size-row{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:.8rem;overscroll-behavior-x:contain;scrollbar-width:none}.variant-picker-pro__size-row::-webkit-scrollbar{display:none}.variant-picker-pro__size-row label{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:var(--pro-size-button-size, 48px);box-sizing:border-box;padding:calc(var(--pro-size-button-size, 48px) * .208) calc(var(--pro-size-button-size, 48px) * .29);font-size:1.4rem;font-weight:400;line-height:1;text-align:center;color:var(--pro-size-text-color, rgb(18, 18, 18));background:transparent;border-width:var(--pro-size-border-width, 1px);border-style:solid;border-color:var(--pro-size-border-color, #e5e5e5);border-radius:var(--pro-size-radius, 8px);cursor:pointer;transition:border-color var(--duration-short, .15s) ease,background-color var(--duration-short, .15s) ease,color var(--duration-short, .15s) ease}.variant-picker-pro__size-row input[type=radio]:checked+label{background-color:var(--pro-size-selected-bg-color, rgba(18, 18, 18, .05));border-color:var(--pro-size-selected-border-color, rgb(18, 18, 18));color:var(--pro-size-selected-text-color, rgb(18, 18, 18))}.variant-picker-pro__size-row input[type=radio]:not(:checked)+label:hover{border-color:var(--pro-size-selected-border-color, rgb(18, 18, 18))}.variant-picker-pro__size-row input[type=radio].disabled+label{opacity:.4;text-decoration:line-through;cursor:not-allowed}.variant-picker-pro__summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;margin-top:var(--pro-row-spacing-summary, 8px);padding-top:.4rem;font-size:1.3rem}.variant-picker-pro__summary-values{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;color:rgba(var(--color-foreground),.75)}.variant-picker-pro__summary-values strong{color:rgb(var(--color-foreground));font-weight:600}.variant-picker-pro__summary .variant-picker-pro__sizing-chart-button{transform:translateY(-.5px)}.variant-picker-pro__sizing-chart-opener{display:contents}.variant-picker-pro__sizing-chart-button{display:inline-flex;align-items:center;gap:.5rem;background:none;border:0;padding:0;font:inherit;font-size:1.3rem;line-height:1;text-decoration:underline;cursor:pointer;color:rgb(var(--color-foreground))}.variant-picker-pro__sizing-chart-icon{flex:0 0 auto;width:1.4rem;height:1.4rem}.variant-picker-pro__sizing-chart-modal{position:fixed;top:0;left:0;width:0;height:0;overflow:hidden;z-index:100;visibility:hidden;transition:visibility 0s linear .22s}.variant-picker-pro__sizing-chart-modal[open]{width:100%;height:100%;visibility:visible;transition-delay:0s}.variant-picker-pro__sizing-chart-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background-color:rgba(var(--color-foreground),.35);opacity:0;transition:opacity .22s ease-in-out}.variant-picker-pro__sizing-chart-backdrop:empty{display:block}.variant-picker-pro__sizing-chart-modal[open] .variant-picker-pro__sizing-chart-backdrop{opacity:1}.variant-picker-pro__sizing-chart-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;width:100vw;height:100vh;max-height:100vh;display:flex;flex-direction:column;border-radius:0;box-shadow:-.5rem 0 3rem #0003;transform:translate(100%);opacity:.92;transition:transform .22s ease-in-out,opacity .22s ease-in-out}.variant-picker-pro__sizing-chart-modal[open] .variant-picker-pro__sizing-chart-dialog{transform:translate(0);opacity:1}@media screen and (min-width:750px){.variant-picker-pro__sizing-chart-dialog{inset:auto;top:50%;left:50%;width:min(52rem,calc(100vw - 3rem));height:auto;max-height:calc(100vh - 3rem);border-radius:.8rem;box-shadow:0 .5rem 3rem #0003;transform:translate(-50%,-50%) scale(.98);opacity:0;transition:transform .22s ease-in-out,opacity .22s ease-in-out}.variant-picker-pro__sizing-chart-modal[open] .variant-picker-pro__sizing-chart-dialog{transform:translate(-50%,-50%) scale(1);opacity:1}}.variant-picker-pro__sizing-chart-header-row{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:2.4rem 1.6rem 1.2rem}@media screen and (min-width:750px){.variant-picker-pro__sizing-chart-header-row{padding:3rem 3rem 1.5rem}}.variant-picker-pro__sizing-chart-close{flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:none;border:0;padding:.5rem;margin:-.5rem;cursor:pointer;width:2.8rem;height:2.8rem;color:rgb(var(--color-foreground))}.variant-picker-pro__sizing-chart-close svg{width:1.7rem;height:1.7rem}.variant-picker-pro__sizing-chart-scroll{flex:1 1 auto;overflow-y:auto;overscroll-behavior-y:contain;padding:0 1.6rem 2.4rem}@media screen and (min-width:750px){.variant-picker-pro__sizing-chart-scroll{padding:0 3rem 3rem}}.variant-picker-pro__sizing-chart-heading{margin:0}.variant-picker-pro__sizing-chart-image{margin-bottom:2rem}.variant-picker-pro__sizing-chart-image img{width:100%;height:auto;border-radius:.6rem}.variant-picker-pro__sizing-chart-table-wrapper{overflow-x:auto;margin-bottom:2rem}.variant-picker-pro__sizing-chart-table{width:100%;border-collapse:collapse;font-size:1.4rem}.variant-picker-pro__sizing-chart-table th,.variant-picker-pro__sizing-chart-table td{padding:1rem 1.2rem;text-align:center;border-bottom:.1rem solid rgba(var(--color-foreground),.1);white-space:nowrap}.variant-picker-pro__sizing-chart-table th{font-weight:600;background:rgba(var(--color-foreground),.04)}.variant-picker-pro__sizing-chart-table tbody td:first-child{font-weight:600}.variant-picker-pro__sizing-chart-caption{font-size:1.3rem;color:rgba(var(--color-foreground),.75)}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-variant-picker-pro.css.map */