.variant-cascade{--cascade-ink: #151515;--cascade-muted: #6c6c6c;--cascade-line: #dddddd;--cascade-panel: #fafaf8;--cascade-photo: #f2f2f1;--cascade-badge: #ff826e;--cascade-savings-bg: #ebf6ef;--cascade-savings-text: #37765d}.variant-cascade{display:block;max-width:100%}.variant-cascade .variant-cascade__level{display:block;min-width:0;min-inline-size:0;max-width:100%;margin:0;padding:0;box-sizing:border-box}.variant-cascade .variant-cascade__level+.variant-cascade__level{margin-top:1.5rem}fieldset.variant-cascade__level{min-inline-size:0}.variant-cascade input[type=radio]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;opacity:0}.variant-cascade input[type=radio]+label{color:var(--cascade-ink);box-shadow:none;overflow:visible;cursor:pointer}.variant-cascade input[type=radio]:disabled+label{cursor:pointer;color:var(--cascade-ink)}.variant-cascade .variant-cascade__label{display:block;width:100%;margin:0;padding:0;font-size:12px;font-weight:600;line-height:16px;letter-spacing:0;color:var(--cascade-ink)}.variant-cascade .variant-cascade__selected{display:block;min-height:16px}.variant-cascade .variant-cascade__options--l1{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.variant-cascade input[type=radio]+label.color-variant-chip.color-variant-chip--cascade{display:inline-flex;align-items:center;gap:5px;width:auto;min-width:65px;height:44px;margin:0;padding:0 12px;background:#fff;color:var(--cascade-ink);border:1px solid var(--cascade-line);border-radius:22px;box-shadow:none;font-size:9px;font-weight:400;line-height:13px;letter-spacing:0;cursor:pointer;transition:border-color var(--duration-short) ease,box-shadow var(--duration-short) ease}.variant-cascade input[type=radio]+label.color-variant-chip.color-variant-chip--cascade .color-variant-chip__dot{flex:0 0 16px;width:16px;height:16px;margin:0;border:none;border-radius:50%}.variant-cascade input[type=radio]+label.color-variant-chip.color-variant-chip--cascade .color-variant-chip__name{white-space:nowrap;font-size:9px;line-height:13px}.variant-cascade input[type=radio]:checked+label.color-variant-chip.color-variant-chip--cascade{border:2px solid var(--cascade-ink);padding:0 11px;box-shadow:none;background:#fff;color:var(--cascade-ink)}.variant-cascade__level--swatch-round.variant-cascade__level--1 .variant-cascade__options--l1{gap:8px}.variant-cascade__level--swatch-round input[type=radio]+label.color-variant-chip.color-variant-chip--cascade{position:relative;gap:0;width:34px;min-width:34px;height:34px;padding:4px;border:1px solid var(--cascade-line);border-radius:50%}.variant-cascade__level--swatch-round input[type=radio]+label.color-variant-chip.color-variant-chip--cascade .color-variant-chip__dot{flex:1 1 auto;width:100%;height:100%;box-shadow:inset 0 0 0 1px #00000014}.variant-cascade__level--swatch-round input[type=radio]+label.color-variant-chip.color-variant-chip--cascade .color-variant-chip__name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.variant-cascade__level--swatch-round input[type=radio]:checked+label.color-variant-chip.color-variant-chip--cascade{border:2px solid var(--cascade-ink);padding:3px}.variant-cascade__level--swatch-round input[type=radio]:disabled+label.color-variant-chip--cascade{opacity:.4}.variant-cascade input[type=radio]+label.variant-cascade__chip{display:inline-flex;align-items:center;height:44px;margin:0;padding:0 16px;background:#fff;color:var(--cascade-ink);border:1px solid var(--cascade-line);border-radius:22px;font-size:11px;font-weight:400;line-height:1;box-shadow:none;cursor:pointer}.variant-cascade input[type=radio]:checked+label.variant-cascade__chip{border:2px solid var(--cascade-ink);padding:0 15px;background:#fff;color:var(--cascade-ink)}@media screen and (hover:hover){.variant-cascade input[type=radio]:not(:disabled)+label.color-variant-chip--cascade:hover,.variant-cascade input[type=radio]:not(:disabled)+label.variant-cascade__chip:hover{border-color:var(--cascade-ink)}}.variant-cascade__group{display:none}.variant-cascade__group.is-active{display:flex;flex-wrap:nowrap;min-width:0;max-width:100%;box-sizing:border-box}.variant-cascade__group.is-active.variant-cascade__cards{width:100%;flex:0 0 100%}.variant-cascade__level--2 .variant-cascade__label{font-size:12px;font-weight:600;line-height:17px;margin-bottom:7px}.variant-cascade__cards{width:100%;max-width:100%;gap:10px;margin-top:7px;overflow-x:auto;padding:0;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;box-sizing:border-box}.variant-cascade__cards::-webkit-scrollbar{display:none}.variant-cascade__card{position:relative;flex:0 0 156px;scroll-snap-align:center}.variant-cascade__card input[type=radio]{top:0;left:0;margin:0}.variant-cascade input[type=radio]+label.variant-cascade__card-label{position:relative;display:block;width:156px;margin:0;padding:6px;background:#fff;border:2px solid var(--cascade-line);border-radius:3px;box-shadow:none;overflow:hidden;cursor:pointer;box-sizing:border-box;transition:border-color var(--duration-short) ease,box-shadow var(--duration-short) ease}.variant-cascade input[type=radio]:checked+label.variant-cascade__card-label{border:2px solid var(--cascade-ink);box-shadow:none;background:#fff;color:var(--cascade-ink)}.variant-cascade input[type=radio]+label:before,.variant-cascade input[type=radio]+label:after{content:none}.variant-cascade input[type=radio]:checked+label.variant-cascade__card-label .variant-cascade__card-name,.variant-cascade input[type=radio]:checked+label.variant-cascade__card-label .variant-cascade__card-price{color:var(--cascade-ink)}@media screen and (hover:hover){.variant-cascade input[type=radio]:not(:disabled)+label.variant-cascade__card-label:hover{border-color:var(--cascade-ink)}}.variant-cascade__card-media{position:relative;display:block;width:100%;height:auto;border-radius:4px;overflow:hidden;background:var(--cascade-photo)}.variant-cascade__card-media img{width:100%;height:auto;display:block}.variant-cascade__card-badge{position:absolute;top:4px;right:0;display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:15px;padding:0 4px;background:var(--cascade-badge);border-radius:2px;color:#fff;font-size:8px;font-weight:600;line-height:11px;letter-spacing:.4px;text-transform:uppercase}.variant-cascade__card-info{position:relative;display:block;margin-top:7px}.variant-cascade__card-name{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--cascade-ink);font-size:10px;font-weight:600;line-height:14px;letter-spacing:0}.variant-cascade__level-benefit{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;font-weight:400;line-height:15px;color:#6c6c6c}.variant-cascade__level-benefit[hidden]{display:none}.variant-cascade__card-price-row{position:relative;margin-top:5px;display:flex;align-items:center;gap:8px}.variant-cascade__card-price{color:var(--cascade-ink);font-size:11px;font-weight:600;line-height:15px}.variant-cascade__card-compare{color:#888;font-size:8px;font-weight:400;line-height:11px;text-decoration:line-through}.variant-cascade__card-radio{position:absolute;right:0;top:0;width:15px;height:15px;border:1px solid var(--cascade-ink);border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}.variant-cascade__card-radio-dot{width:9px;height:9px;border-radius:50%;background:transparent;transition:background-color var(--duration-short) ease}.variant-cascade input[type=radio]:checked+label .variant-cascade__card-radio-dot{background:var(--cascade-ink)}.variant-cascade__card-savings{position:relative;display:flex;align-items:center;margin-top:6px;width:100%;min-height:22px;box-sizing:border-box;padding:0 6px;border-radius:2px;background:#f5857033;color:#cf533c;font-size:8px;font-weight:500;line-height:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.variant-cascade__card.is-soldout label.variant-cascade__card-label{opacity:.45}.variant-cascade__level--3.is-empty{display:none}.variant-cascade .variant-cascade__level--3:not(.is-open){margin-top:0}.variant-cascade__collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-default, .35s) ease}.variant-cascade__level--3.is-open .variant-cascade__collapse{grid-template-rows:1fr}.variant-cascade__collapse-inner{overflow:hidden;min-height:0}.variant-cascade__box{background:var(--cascade-panel);border:1px solid var(--cascade-line);border-radius:5px;padding:11px}.variant-cascade__label--l3{margin-bottom:8px}.variant-cascade__pills{gap:8px}.variant-cascade input[type=radio]+label.variant-cascade__l3-color{position:relative;display:inline-flex;align-items:center;flex:1 1 165px;max-width:165px;height:38px;margin:0;padding:0 9px;background:#fff;border:1px solid var(--cascade-line);border-radius:19px;box-shadow:none;cursor:pointer}.variant-cascade input[type=radio]:checked+label.variant-cascade__l3-color{border:2px solid var(--cascade-ink);padding:0 8px;box-shadow:none;background:#fff;color:var(--cascade-ink)}.variant-cascade__l3-dot{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px;border-radius:50%;background-position:center;background-repeat:no-repeat;background-size:cover}.variant-cascade__l3-check{width:12px;height:12px;opacity:0;color:#fff;transition:opacity var(--duration-short) ease}.variant-cascade input[type=radio]:checked+label .variant-cascade__l3-check{opacity:1}.variant-cascade__l3-name{margin-left:7px;font-size:11px;font-weight:400;line-height:15px;color:var(--cascade-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.variant-cascade input[type=radio]+label.variant-cascade__pill--l3{display:inline-flex;align-items:center;flex:1 1 165px;max-width:165px;min-height:38px;margin:0;padding:0 14px;background:#fff;color:var(--cascade-ink);border:1px solid var(--cascade-line);border-radius:19px;font-size:11px;font-weight:400;line-height:15px;box-shadow:none;cursor:pointer}.variant-cascade input[type=radio]:checked+label.variant-cascade__pill--l3{border:2px solid var(--cascade-ink);padding:0 13px;box-shadow:none;background:#fff;color:var(--cascade-ink)}@media screen and (hover:hover){.variant-cascade input[type=radio]:not(:disabled)+label.variant-cascade__l3-color:hover,.variant-cascade input[type=radio]:not(:disabled)+label.variant-cascade__pill--l3:hover{border-color:var(--cascade-ink)}}.variant-cascade input[type=radio]:focus-visible+label,.variant-cascade input[type=radio]:focus-visible+label *{outline-offset:2px}.variant-cascade input[type=radio]:focus-visible+label.color-variant-chip--cascade,.variant-cascade input[type=radio]:focus-visible+label.variant-cascade__chip,.variant-cascade input[type=radio]:focus-visible+label.variant-cascade__card-label,.variant-cascade input[type=radio]:focus-visible+label.variant-cascade__l3-color,.variant-cascade input[type=radio]:focus-visible+label.variant-cascade__pill--l3{outline:2px solid rgb(var(--color-keyboard-focus));outline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/4/assets/inia-best-component-variant-cascade.css.map */
