.pp-product-variants{font-family:var(--pp-font-body, sans-serif);font-size:13px;color:var(--pp-ink, #0B1F33)}.pp-product-variants__header{margin:0 0 2px;font-size:13px;line-height:1.3;color:var(--pp-ink, #0B1F33)}.pp-product-variants__label{font-weight:700;margin-right:4px}.pp-product-variants__current{transition:color var(--pp-dur-fast, .12s) var(--pp-ease, ease)}.pp-product-variants__list{display:flex;flex-wrap:wrap;gap:10px;padding:2px 0}.pp-product-variants--swatch .pp-product-variants__item{width:52px;height:52px;padding:0;background:#fff;border:1.5px solid var(--pp-border, #E4DDD0);border-radius:10px;overflow:hidden;cursor:pointer;transition:border-color var(--pp-dur-fast, .12s) var(--pp-ease, ease),box-shadow var(--pp-dur-fast, .12s) var(--pp-ease, ease);text-decoration:none;display:inline-block}.pp-product-variants__swatch-img{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block}.pp-product-variants--chip .pp-product-variants__item{display:inline-flex;align-items:center;padding:4px 8px;background:#fff;border:1.5px solid var(--pp-border, #E4DDD0);border-radius:var(--pp-radius-sm, 8px);font-size:13px;font-weight:700;color:var(--pp-primary, #0E3A5C);text-decoration:none;white-space:nowrap;cursor:pointer;transition:border-color var(--pp-dur-fast, .12s) var(--pp-ease, ease),color var(--pp-dur-fast, .12s) var(--pp-ease, ease)}.pp-product-variants__chip-text{display:inline-block;line-height:1}.pp-product-variants__item:hover:not(.is-disabled){border-color:var(--pp-primary-deep, #082740)}.pp-product-variants--chip .pp-product-variants__item:hover:not(.is-disabled){color:var(--pp-primary-deep, #082740)}.pp-product-variants__item.is-active{border-color:var(--pp-primary, #0E3A5C);border-width:2px}.pp-product-variants__item.is-disabled{opacity:.45;pointer-events:none}.pp-product-variants__item:focus-visible{outline:2px solid var(--pp-primary, #0E3A5C);outline-offset:2px}.pp-product-variants__swipe-hint{display:none;margin:2px 0 0;font-family:var(--pp-font-mono, monospace);font-size:11px;font-weight:600;color:var(--pp-muted, #5E6B7A);text-align:center;-webkit-user-select:none;user-select:none}@media screen and (max-width:600px){.pp-product-variants__list{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}.pp-product-variants__list::-webkit-scrollbar{display:none}.pp-product-variants__item{flex-shrink:0}.pp-product-variants__swipe-hint{display:block}}
/*# sourceMappingURL=/cdn/shop/t/113/assets/pp-product-variants.css.map */