html.ivp-view-plain .ivp-view-img--model,html.ivp-view-model .ivp-view-img--plain{display:none!important}.ivp-view-toggle{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;margin-left:auto;padding-left:16px;-webkit-user-select:none;user-select:none}.ivp-view-toggle__switch{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;height:28px;padding:2px;border:1px solid var(--text, #111);border-radius:999px;background:var(--bg, #fff);box-sizing:border-box}.ivp-view-toggle__knob{position:absolute;top:2px;bottom:2px;left:2px;width:calc(50% - 2px);border-radius:999px;background:var(--text, #111);transition:transform .22s cubic-bezier(.4,0,.2,1);will-change:transform}html.ivp-view-model .ivp-view-toggle__knob{transform:translate(100%)}.ivp-view-toggle__btn{position:relative;z-index:1;appearance:none;-webkit-appearance:none;margin:0;padding:0 12px;min-width:0;height:22px;line-height:22px;border:0;border-radius:999px;background:transparent;color:var(--text, #111);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color .22s}.ivp-view-toggle__btn:focus-visible{outline:2px solid var(--text, #111);outline-offset:2px}html.ivp-view-plain .ivp-view-toggle__btn[data-ivp-view=plain],html.ivp-view-model .ivp-view-toggle__btn[data-ivp-view=model]{color:var(--bg, #fff)}.ivp-view-toggle__hint{position:absolute;right:calc(100% + 14px);top:50%;z-index:6;display:inline-flex;align-items:center;gap:8px;padding:7px 8px 7px 12px;border-radius:999px;background:var(--text, #111);color:var(--bg, #fff);font-size:12px;font-weight:500;letter-spacing:.01em;line-height:1;white-space:nowrap;cursor:pointer;box-shadow:0 6px 18px #0000002e;transform:translateY(-50%);animation:ivpHintIn .45s cubic-bezier(.2,.9,.3,1.2) both,ivpHintBob 2.4s ease-in-out 1.2s infinite}.ivp-view-toggle__hint[hidden]{display:none!important}.ivp-view-toggle__hint:after{content:"";position:absolute;left:100%;top:50%;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid var(--text, #111);transform:translateY(-50%)}.ivp-view-toggle__hint-arrow{font-size:14px;line-height:1;transform:translateY(-1px)}.ivp-view-toggle__hint-close{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin:0 0 0 2px;padding:0;border:0;border-radius:50%;background:#ffffff2e;color:inherit;font-size:13px;line-height:1;cursor:pointer}.ivp-view-toggle__hint-close:hover{background:#ffffff52}@keyframes ivpHintIn{0%{opacity:0;transform:translateY(-50%) translate(10px) scale(.92)}to{opacity:1;transform:translateY(-50%) translate(0) scale(1)}}@keyframes ivpHintBob{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(-5px)}}@media(min-width:768px){.collection__sticky-bar:has(.ivp-view-toggle__hint:not([hidden])) .collection__products-count{visibility:hidden}}.ivp-view-toggle-row{display:flex;justify-content:flex-end;align-items:center;margin:-12px 0 14px}.ivp-view-toggle-row .ivp-view-toggle{margin-left:0;padding-left:0}@media(prefers-reduced-motion:reduce){.ivp-view-toggle__hint{animation:none}.ivp-view-toggle__knob{transition:none}}@media(max-width:767px){.ivp-view-toggle{padding-left:10px}.ivp-view-toggle__switch{height:26px}.ivp-view-toggle__btn{height:20px;line-height:20px;padding:0 10px;font-size:9px}.ivp-view-toggle--stuck .ivp-view-toggle__hint{display:none!important}.ivp-view-toggle-row{margin:-6px 0 12px}.ivp-view-toggle-row:has(.ivp-view-toggle__hint:not([hidden])){padding-top:16px}.ivp-view-toggle__hint{right:0;top:auto;bottom:calc(100% + 12px);transform:none;font-size:11px;padding:6px 7px 6px 10px;animation:ivpHintInUp .45s cubic-bezier(.2,.9,.3,1.2) both,ivpHintBobUp 2.4s ease-in-out 1.2s infinite}.ivp-view-toggle__hint:after{left:auto;right:22px;top:100%;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--text, #111);border-bottom:0;transform:none}}@keyframes ivpHintInUp{0%{opacity:0;transform:translateY(6px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ivpHintBobUp{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/ivp-view-toggle.css.map */