.vp-variant-picker{display:flex;flex-direction:column;gap:20px}.vp-card{display:grid;grid-template-columns:110px minmax(0,1fr);gap:17px}.vp-variant-picker .vp-card:not(:last-child){padding-bottom:20px;border-bottom:1px solid rgb(var(--border-color))}.vp-card--no-image{grid-template-columns:minmax(0,1fr)}.vp-card__image{width:110px;aspect-ratio:1 / 1.5;background:rgb(var(--text-color) / .04);overflow:hidden;display:flex;align-items:start;justify-content:center}.vp-card__img{display:block;width:100%;height:100%;object-fit:cover}.vp-card__content{display:flex;flex-direction:column;gap:8px;min-width:0}.vp-card__title{font-size:13px;font-weight:500;margin:0;line-height:1.3}.vp-card__meta-label{font-weight:600;font-size:12px;color:rgb(var(--text-color))}.vp-card__meta-value{color:rgb(var(--text-color) / .7);font-size:12px}.vp-card__option{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;width:100%;max-width:450px}.vp-card__content .vp-card__option-footer{display:flex;justify-content:end}.vp-card__option-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap}.vp-card__option-label{display:flex;align-items:baseline;gap:6px}.vp-card__help-link{font-size:12px;color:rgb(var(--text-color));white-space:nowrap;text-decoration:none;background:linear-gradient(to right,currentColor,currentColor) 0 100% / 100% 1px no-repeat;background-position-x:var(--transform-origin-start);transition:color .3s ease-in-out,background-size .3s ease-in-out;position:relative}@media(pointer:fine){.vp-card__help-link:hover{background-size:0% 1px;background-position-x:var(--transform-origin-end)}}.vp-card__values{display:flex;flex-wrap:wrap;gap:12px}.vp-card .block-swatch span{display:flex;flex-direction:column;align-items:center;gap:4px}.vp-card .block-swatch .length{font-size:10px}.vp-card .block-swatch.is-disabled{text-decoration-thickness:1px}.vp-card :is(:checked+.block-swatch,.block-swatch.is-selected).block-swatch--fill{box-shadow:none}.vp-variant-picker #jsc-trigger-button.jsc-size-chart-button{align-self:flex-end;font:inherit;font-size:var(--jotly-buttonFontSize, 1rem)!important;line-height:1.4!important;text-decoration:none!important;background:transparent!important;border:none;padding:0;cursor:pointer;color:rgb(var(--text-color));white-space:nowrap;margin-top:4px;position:relative;display:inline-block}.vp-variant-picker #jsc-trigger-button.jsc-size-chart-button:after{content:"";position:absolute;inset-inline-start:0;inset-block-end:0;width:100%;height:1px;background:currentColor;transform-origin:left center;transition:transform .3s ease-in-out}@media(pointer:fine){.vp-variant-picker #jsc-trigger-button.jsc-size-chart-button:hover:after{transform:scaleX(0);transform-origin:right center}}@media screen and (max-width:699px){.vp-card{grid-template-columns:90px minmax(0,1fr);gap:12px}.vp-card__image{width:90px}.vp-card__values--length{flex-wrap:nowrap;gap:8px}.vp-card__values--length .block-swatch{flex:1 1 0;min-width:0;padding-inline:8px}.vp-card__values{gap:4%}.vp-card__values label{margin:5px 0}}@media screen and (min-width:1000px){.vp-card__title{font-size:14px}.vp-card__values--length{flex-wrap:nowrap}.vp-card__values--length .block-swatch{flex:1 1 0;min-width:0;max-width:100px}}
/*# sourceMappingURL=/cdn/shop/t/162/assets/vp-variant-picker.css.map */