.vht-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e5e5e5;border-radius:12px;background:#fff}.vht-left{display:flex;align-items:center;gap:12px;min-width:0}.vht-thumb{width:54px;height:54px;object-fit:cover;border-radius:8px}.vht-text{display:flex;flex-direction:column;gap:4px;min-width:0}.vht-title-row{display:flex;align-items:center;gap:8px}.vht-title{font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vht-badge{font-size:12px;line-height:1;padding:4px 8px;border-radius:8px;background:#b30c16;color:#fff;font-weight:700}.vht-price-row{display:flex;align-items:center;gap:10px}.vht-price{font-weight:800}.vht-compare{color:#8a8a8a}.is-hidden{display:none}.vht-diff{font-size:12px;font-weight:700;line-height:1;padding:4px 8px;border-radius:999px;background:#f1f1f1;color:#222;white-space:nowrap;height:20px}.vht-toggle{position:relative;width:52px;height:32px;border-radius:999px;border:1px solid #e0e0e0;background:#eee;cursor:pointer;-webkit-appearance:none;appearance:none;outline:none;transition:background .2s ease,border-color .2s ease}.vht-toggle[aria-checked=true]{background:#5cb25d;border-color:#5cb25d}.vht-knob{position:absolute;top:50%;left:2px;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:left .2s ease}.vht-toggle[aria-checked=true] .vht-knob{left:22px}.vht-toggle.vht-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.vht-toggle.vht-disabled .vht-knob{background:#ccc;box-shadow:none}[data-vht-diff],[data-vht-included],[data-vht-same]{display:none;font-size:12px;font-weight:700;line-height:1;padding:4px 8px;border-radius:999px;background:#f1f1f1;color:#222;white-space:nowrap;height:20px}.vht-card:has([data-vht-toggle][aria-checked=false]) .vht-price-row [data-vht-included]{display:inline-block}.vht-card:has([data-vht-toggle][aria-checked=true]) .vht-price-row [data-vht-diff][data-diff-cents="0"]{display:none}.vht-card:has([data-vht-toggle][aria-checked=true]) .vht-price-row [data-vht-diff][data-diff-cents="0"]~[data-vht-same]{display:inline-block}.vht-card:has([data-vht-toggle][aria-checked=true]) .vht-price-row [data-vht-diff]:not([data-diff-cents="0"]){display:inline-block}.vht-card:has([data-vht-toggle][aria-checked=true]) .vht-price-row [data-vht-included]{display:none}.vht-diff.is-hidden+[data-vht-included]{display:inline-block}.vht-diff:not(.is-hidden)+[data-vht-included]{display:none}
/*# sourceMappingURL=/cdn/shop/t/20/assets/variant-handle-toggle.css.map */