pf-variant-picker{display:block}@keyframes pf-picker-spin{to{transform:rotate(360deg)}}.pf-picker-loading{box-sizing:border-box;width:1.75rem;height:1.75rem;margin:1.75rem auto;border:3px solid currentColor;border-top-color:transparent;border-radius:50%;opacity:.55;animation:pf-picker-spin .7s linear infinite}pf-variant-picker[loaded] .pf-picker-loading{display:none}.pf-picker[data-pf-loading]>legend:after{content:"";box-sizing:border-box;display:inline-block;width:.9em;height:.9em;margin-left:.5em;vertical-align:-.15em;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;opacity:.6;animation:pf-picker-spin .7s linear infinite}.pf-picker[data-pf-loading] .pf-picker__options,.pf-picker[data-pf-loading] .pf-picker__grid{opacity:.55;pointer-events:none;transition:opacity .1s ease}.pf-picker{--pf-picker-primary: rgb(var(--btn-bg-color));--pf-picker-primary-text: rgb(var(--btn-text-color));--pf-picker-border: rgb(var(--swatch-border-color-default));--pf-picker-border-hover: rgb(var(--corol-scheme-1-btn-bg-hover));--pf-picker-border-selected: rgb(var(--btn-bg-color));--pf-picker-bg: rgba(var(--bg-color));--pf-picker-panel-bg: rgba(var(--panel-bg-color));--pf-picker-text: rgb(var(--text-color));--pf-picker-radius: var(--btn-border-radius, 0)}.pf-picker{border:none;padding:0;margin-bottom:var(--product-info-block-margin)}.pf-picker:last-child{margin-bottom:0}.pf-picker>legend.label{margin-bottom:calc(1.5 * var(--space-unit))}.pf-picker__label{position:relative;background-color:var(--pf-picker-bg);border:1px solid var(--pf-picker-border);transition:all .15s ease;display:block}.pf-picker__label.is-active{border-color:var(--pf-picker-border-selected)}.pf-picker__label.is-active:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:0 0 0 2px rgba(var(--text-color),.6);border-radius:var(--pf-picker-radius);pointer-events:none;z-index:1}.pf-picker__label:not(.is-active):hover{border-color:var(--pf-picker-border-hover)}.pf-picker__label:hover:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:0 1px 3px rgba(var(--input-text-color),.4);border-radius:var(--pf-picker-radius);pointer-events:none;z-index:1}.pf-picker__label.is-active:hover:after{box-shadow:0 0 0 2px rgba(var(--text-color),.6)}.pf-picker[data-layout=swatch] .opt-btn:checked+.pf-picker__label,.pf-picker[data-layout=image-meta] .opt-btn:checked+.pf-picker__label{border-color:var(--pf-picker-border-selected)!important}.pf-picker[data-layout=y-split] .opt-btn:checked+.pf-picker__label{border-color:var(--pf-picker-primary)!important}.pf-picker:not([data-layout=image-meta]):not([data-layout=swatch]):not([data-layout=y-split]):not([data-layout=text]) .opt-btn:checked+.pf-picker__label{background-color:var(--pf-picker-primary);border-color:var(--pf-picker-primary)!important}.pf-picker:not([data-layout=image-meta]):not([data-layout=swatch]):not([data-layout=y-split]):not([data-layout=text]) .opt-btn:checked+.pf-picker__label span{color:var(--pf-picker-primary-text)!important}.pf-picker[data-layout=text] .opt-btn:checked+.pf-picker__label{background-color:var(--pf-picker-bg);border-color:var(--pf-picker-primary)!important}.pf-picker[data-layout=text] .opt-btn:checked+.pf-picker__label span{color:var(--pf-picker-text)!important}.pf-picker[data-layout=text] .opt-btn:checked+.pf-picker__label .pf-picker__title{background:var(--pf-picker-primary);color:var(--pf-picker-primary-text)!important}.pf-picker__title{padding:.5rem;background:var(--pf-picker-panel-bg);color:var(--pf-picker-text);font-weight:600;font-size:1.3rem}.pf-picker__meta{color:var(--pf-picker-text)}.pf-picker[data-layout=x-split] .pf-picker__label{display:flex;flex-direction:row;align-items:stretch;text-decoration:none;border-radius:0;grid-template-rows:auto auto;overflow:hidden;height:100%}.pf-picker[data-layout=x-split] .pf-picker__title{display:flex;align-items:center;justify-content:center}.pf-picker[data-layout=x-split] .pf-picker__meta{font-size:1.25rem;display:flex;align-items:center;justify-content:center;flex:1;text-align:center}.pf-picker[data-layout=x-split] .pf-picker__label.is-active{border-color:var(--pf-picker-primary)!important}.pf-picker[data-layout=x-split] .pf-picker__label.is-active .pf-picker__title{background:var(--pf-picker-primary);color:var(--pf-picker-primary-text)}@media(hover:hover)and (pointer:fine){.pf-picker[data-layout=x-split] .pf-picker__label:hover{border-color:var(--pf-picker-border-hover)}}@media(max-width:640px){.pf-picker[data-layout=x-split] .pf-picker__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:641px)and (max-width:768px){.pf-picker[data-layout=x-split] .pf-picker__grid{grid-template-columns:repeat(3,1fr)}}.pf-picker[data-layout=image-meta] .pf-picker__options{--pf-ropehold-item-width: clamp(80px, 20vw, 112px);grid-template-columns:repeat(auto-fill,var(--pf-ropehold-item-width))!important;justify-content:flex-start!important;width:100%!important}.pf-picker[data-layout=image-meta] .pf-picker__item{width:var(--pf-ropehold-item-width)}.pf-picker[data-layout=image-meta] .pf-picker__label{padding:0;display:inline-block;text-align:center;width:100%}.pf-picker[data-layout=image-meta] .pf-picker__label>div:first-child{width:100%;aspect-ratio:1 / 1;margin:0 auto;overflow:hidden}.pf-picker[data-layout=image-meta] .pf-picker__label>div:first-child img,.pf-picker[data-layout=image-meta] .pf-picker__label>div:first-child svg,.pf-picker[data-layout=image-meta] .pf-picker__label>div:first-child span{width:100%;height:100%;object-fit:cover;display:block}.pf-picker__swatch-placeholder{width:100%;height:auto;aspect-ratio:1 / 1;display:block}.pf-picker[data-layout=image-meta] .pf-picker__label>div:first-child img{transform:scale(var(--pf-ropehold-zoom, 2.5));transform-origin:top center}.pf-picker[data-layout=image-meta] .pf-picker__details{padding:0;text-align:center}.pf-picker[data-layout=image-meta] .pf-picker__details .pf-picker__title{font-size:var(--font-size-xs, 1.3rem);font-weight:700;padding:.4rem .25rem;background:var(--pf-picker-panel-bg);color:var(--pf-picker-text)}.pf-picker[data-layout=image-meta] .pf-picker__details .pf-picker__meta{font-size:var(--font-size-xs, 1.3rem)}.pf-picker[data-layout=swatch] .pf-picker__options{grid-template-columns:repeat(6,1fr)}.pf-picker[data-layout=swatch] .pf-picker__label{padding:calc(1 * var(--space-unit))}@media(max-width:640px){.pf-picker[data-layout=swatch] .pf-picker__options{grid-template-columns:repeat(4,1fr)}}.pf-picker[data-layout=y-split] .pf-picker__label{min-width:150px;display:grid;grid-template-rows:auto auto;overflow:hidden}.pf-picker[data-layout=y-split] .pf-picker__title{display:block}.pf-picker[data-layout=y-split] .pf-picker__meta{display:block;padding:.5rem 1rem;background:var(--pf-picker-bg);font-weight:600;font-size:1.3rem}.pf-picker[data-layout=y-split] .opt-btn:checked+.pf-picker__label .pf-picker__title{background:var(--pf-picker-primary);color:var(--pf-picker-primary-text)}.pf-picker[data-layout=y-split] .pf-picker__options,.pf-picker[data-layout=text] .pf-picker__options{display:flex!important;flex-wrap:wrap;align-items:stretch;justify-content:flex-start}.pf-picker[data-layout=y-split] .pf-picker__item,.pf-picker[data-layout=text] .pf-picker__item{flex:0 0 auto}@media(max-width:640px){.pf-picker[data-layout=y-split] .pf-picker__options{grid-auto-flow:row;grid-template-columns:repeat(auto-fit,max-content)}}.pf-picker[data-layout=text] .pf-picker__label{min-width:150px;padding:0;display:grid;grid-template-rows:auto;overflow:hidden;width:auto}.pf-picker[data-layout=text] .pf-picker__title{display:block;padding:.5rem 1rem;font-weight:500;text-align:center}.pf-picker__item--unavailable{position:relative}.pf-picker[data-layout=swatch] .pf-picker__item--unavailable:after,.pf-picker[data-layout=image-meta] .pf-picker__item--unavailable:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;background:#ffffffa6;border:1px dashed rgb(var(--text-color));pointer-events:none;z-index:1}.pf-picker[data-layout=text] .pf-picker__item--unavailable .pf-picker__label,.pf-picker[data-layout=y-split] .pf-picker__item--unavailable .pf-picker__label{border-style:dashed;border-color:rgb(var(--text-color))}.pf-picker[data-layout=text] .pf-picker__item--unavailable .pf-picker__title,.pf-picker[data-layout=y-split] .pf-picker__item--unavailable .pf-picker__title{color:#565b5f;background:var(--pf-picker-bg)}.pf-picker__footer{margin-top:.8rem}.pf-picker__size-chart-link{color:var(--pf-picker-text);font-size:1.4rem;text-decoration:underline;text-underline-offset:2px}.pf-picker__size-chart-link:hover,.pf-picker__size-chart-link:focus-visible{color:var(--pf-picker-primary)}
/*# sourceMappingURL=/cdn/shop/t/256/assets/pf-picker-option.css.map */