.rnr-finder{max-width:1200px;margin:0 auto;padding:24px 16px 120px}.rnr-finder--head{margin-bottom:18px}.rnr-finder--title{margin:0 0 6px}.rnr-finder--subtitle{margin:0;opacity:.72;max-width:52ch}.rnr-finder--sidebar{display:none}.rnr-finder--progress{display:flex;gap:7px;margin:6px 0 20px}.rnr-finder--dot{width:26px;height:4px;background:var(--color-border)}.rnr-finder--dot.is-current{background:var(--color-accent)}.rnr-finder--dot.is-done{background:var(--color-accent);opacity:.45}.rnr-finder--step-title{margin:0 0 6px}.rnr-finder--step-hint{margin:0 0 18px;font-size:.875rem;opacity:.65}.rnr-finder--options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rnr-finder--opt{position:relative;display:flex;flex-direction:column;align-items:stretch;padding:0;overflow:hidden;background:var(--bg-body);border:1px solid var(--color-border);border-radius:var(--general-border-radius, 4px);font:inherit;color:inherit;text-align:left;cursor:pointer;transition:box-shadow .14s ease,border-color .14s ease}.rnr-finder--media{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 3;background:repeating-linear-gradient(0deg,rgba(70,45,25,.05) 0 1px,transparent 1px 5px),repeating-linear-gradient(90deg,rgba(255,255,255,.35) 0 2px,transparent 2px 6px),var(--bg-body-darken);overflow:hidden}.rnr-finder--media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.rnr-finder--img-tiny{filter:blur(14px);transform:scale(1.12);transition:opacity .3s ease}.rnr-finder--img-full{opacity:0;transition:opacity .3s ease}.rnr-finder--media.has-image .rnr-finder--img-full{opacity:1}.rnr-finder--media.has-image .rnr-finder--img-tiny{opacity:0}.rnr-finder--sizesvg{width:100%;height:100%;padding:8px}.rnr-finder--media-photo{aspect-ratio:1;background:var(--bg-body-darken)}.rnr-finder--media-photo .rnr-finder--img-full{transition:transform .5s cubic-bezier(.2,.6,.2,1)}.rnr-finder--opt:hover .rnr-finder--media-photo .rnr-finder--img-full,.rnr-finder--opt:focus-visible .rnr-finder--media-photo .rnr-finder--img-full{transform:scale(1.06)}.rnr-finder--media-swatch .rnr-finder--swatch{width:44%;aspect-ratio:1;height:auto;margin-bottom:0}.rnr-finder--opt-text{display:flex;flex-direction:column;gap:2px;padding:10px 13px 12px}.rnr-finder--opt.is-selected{border-color:var(--color-accent);box-shadow:inset 0 0 0 2px var(--color-accent)}.rnr-finder--opt.is-selected .rnr-finder--media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 2px var(--color-accent)}.rnr-finder--opt-label{font-weight:var(--font-body-bold-weight, 700);font-size:.9375rem;color:var(--color-heading)}.rnr-finder--opt-sub{font-size:.75rem;opacity:.6}.rnr-finder--tick{position:absolute;top:9px;right:9px;z-index:1;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:var(--bg-body);font-size:11px;line-height:1;opacity:0;transform:scale(.6);transition:opacity .14s ease,transform .14s ease}.rnr-finder--opt.is-selected .rnr-finder--tick{opacity:1;transform:scale(1)}.rnr-finder--swatch{width:26px;height:26px;border:1px solid rgba(var(--color-body-rgb),.2);margin-bottom:4px}.rnr-finder--bar{position:fixed;left:0;right:0;bottom:0;z-index:99999;display:flex;align-items:center;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:var(--bg-body);border-top:1px solid var(--color-border)}.rnr-finder--nav-back{order:1}.rnr-finder--browse{order:2}.rnr-finder--nav-skip{order:3}.rnr-finder--nav-next{order:4}.rnr-finder--nav-back,.rnr-finder--nav-skip{min-height:48px;padding:0 18px;background:transparent;border:1px solid var(--color-border);border-radius:var(--button-border-radius, 4px);font:inherit;color:inherit;cursor:pointer}.rnr-finder--nav-skip{border-color:var(--color-accent);color:var(--color-accent);font-weight:var(--font-body-bold-weight, 700)}.rnr-finder--nav-next:disabled{opacity:.4;cursor:default}.rnr-finder--nav-back:disabled{opacity:.35;cursor:default}.rnr-finder--browse{margin:0 auto}.rnr-finder--nav-next{min-height:48px;margin-bottom:0}.rnr-finder--noscript{margin-top:24px}@media(min-width:1024px){.rnr-finder{padding:48px 24px 140px}.rnr-finder--layout{display:grid;grid-template-columns:300px 1fr;gap:48px;align-items:start}.rnr-finder--side{position:sticky;top:calc(var(--header-height, 0px) + 24px);max-height:calc(100vh - var(--header-height, 0px) - 48px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.rnr-finder--sidebar{display:flex;flex-direction:column;gap:8px}.rnr-finder--side-step{display:flex;gap:12px;align-items:flex-start;padding:13px 15px;background:var(--bg-body);border:1px solid var(--color-border);border-radius:var(--general-border-radius, 4px);font:inherit;color:inherit;text-align:left;cursor:pointer}.rnr-finder--side-step.is-current{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.rnr-finder--side-n{flex:none;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--bg-body-darken);font-size:.6875rem;font-weight:var(--font-body-bold-weight, 700)}.rnr-finder--side-label{display:block;font-size:.8125rem;font-weight:var(--font-body-bold-weight, 700);color:var(--color-heading)}.rnr-finder--side-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.rnr-finder--chip{font-style:normal;font-size:.625rem;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;background:var(--bg-body-darken)}.rnr-finder--side-none{display:block;margin-top:3px;font-size:.6875rem;opacity:.5}.rnr-finder--options{grid-template-columns:repeat(3,1fr);gap:14px}.rnr-finder--options-colour{grid-template-columns:repeat(4,1fr)}.rnr-finder--bar{position:static;margin-top:14px;padding:14px;flex-wrap:wrap;gap:10px;border:1px solid var(--color-border);border-radius:var(--general-border-radius, 4px)}.rnr-finder--nav-next{order:0;flex:1 1 100%;margin-bottom:0}.rnr-finder--nav-back{order:1;flex:1}.rnr-finder--nav-skip{order:2;flex:1}.rnr-finder--browse{order:3;flex:1 1 100%;text-align:center;margin:2px 0 0}.rnr-finder{padding-bottom:48px}}@media(prefers-reduced-motion:reduce){.rnr-finder--media-photo .rnr-finder--img-full,.rnr-finder--opt:hover .rnr-finder--media-photo .rnr-finder--img-full{transition:none;transform:none}.rnr-finder--opt,.rnr-finder--tick{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/rnr-finder.css.map */