.rb{--rb-line: rgba(var(--color-foreground, 0 0 0), .14);--rb-line-strong: rgba(var(--color-foreground, 0 0 0), .45);--rb-ink: rgb(var(--color-foreground, 0 0 0));--rb-paper: rgb(var(--color-background, 255 255 255));--rb-accent: var(--rb-ink);--rb-accent-text: var(--rb-paper);--rb-tile: 315px;--rb-option-gap: 1rem;--rb-option-pad: .75rem;--rb-option-radius: 6px;--rb-option-border: 1px;--rb-option-name: 1.25rem;--rb-option-grow: 1.04;--rb-option-dim: .4;--rb-step-pad: 1.1rem 1rem .6rem;--rb-step-label: 1.3rem;--rb-step-value: .95rem;--rb-step-num: 2rem;--rb-meta-size: .88rem;--rb-chip-size: .78rem;--rb-control-size: .85rem;--rb-control-radius: 4px;--rb-gap: 16px;--rb-gap-mobile: 8px;--rb-cols: 4;--rb-cols-mobile: 2}.rb__header{max-width:46rem;margin:0 auto 2rem;text-align:center;padding:0 1.5rem}.rb__header__title{margin:0 0 .6rem}.rb__header__text{margin:0;opacity:.75}.rb__bar{background:var(--rb-paper);border-block:1px solid var(--rb-line);padding:1.25rem 1.5rem;margin-bottom:1.75rem}.rb__bar__inner{display:flex;flex-direction:column;gap:1rem;max-width:var(--page-width, 1400px);margin:0 auto}.rb__steps{display:flex;flex-direction:column;border:1px solid var(--rb-line);border-radius:6px;overflow:hidden}.rb__step+.rb__step{border-top:1px solid var(--rb-line)}.rb__step__head{display:flex;align-items:baseline;gap:.75rem;width:100%;padding:var(--rb-step-pad)}.rb__step__n{flex:none;width:var(--rb-step-num);height:var(--rb-step-num);border-radius:50%;border:1px solid var(--rb-line-strong);display:grid;place-items:center;font-size:.85rem;font-variant-numeric:tabular-nums;align-self:center}.rb__step[data-rb-selected=true] .rb__step__n{background:var(--rb-accent);border-color:var(--rb-accent);color:var(--rb-accent-text)}.rb__step__text{flex:1 1 auto;min-width:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:.15rem .6rem}.rb__step__label{font-size:var(--rb-step-label);line-height:1.2}.rb__step__value{font-size:var(--rb-step-value);opacity:.6}.rb__step__value:before{content:"\2014  "}.rb__options{display:flex;gap:var(--rb-option-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:1rem;padding:.75rem 1rem 1rem;scrollbar-width:thin;scrollbar-color:var(--rb-line-strong) transparent}.rb__options::-webkit-scrollbar{height:8px}.rb__options::-webkit-scrollbar-track{background:transparent}.rb__options::-webkit-scrollbar-thumb{background:var(--rb-line);border-radius:100px}.rb__options:hover::-webkit-scrollbar-thumb{background:var(--rb-line-strong)}.rb__option{position:relative;flex:0 0 min(var(--rb-tile),62vw);scroll-snap-align:start}.rb__option input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.rb__option label{display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:var(--rb-option-pad);border:var(--rb-option-border) solid rgba(var(--color-foreground, 0 0 0),.16);border-radius:var(--rb-option-radius);background:var(--rb-paper);cursor:pointer;text-align:center;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,opacity .18s ease}.rb__option input:hover+label{border-color:var(--rb-line-strong)}.rb__option input:focus-visible+label{outline:2px solid currentColor;outline-offset:2px}.rb__option input:checked+label{border-color:var(--rb-accent);box-shadow:inset 0 0 0 1px var(--rb-accent);transform:scale(var(--rb-option-grow));position:relative;z-index:1}.rb__options:has(input:checked) .rb__option input:not(:checked)+label,.rb__step[data-rb-selected=true] .rb__option input:not(:checked)+label{opacity:var(--rb-option-dim)}.rb__options:has(input:checked) .rb__option input:not(:checked):hover+label,.rb__step[data-rb-selected=true] .rb__option input:not(:checked):hover+label{opacity:.8}.rb__option input:disabled+label{opacity:.25;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.rb__option label{transition:none}.rb__option input:checked+label{transform:none}}.rb__option__media{width:100%;aspect-ratio:1 / 1;display:grid;place-items:center}.rb__option__img{width:100%;height:100%;object-fit:contain;display:block}.rb__option__img--color{border-radius:50%;width:60%;height:60%}.rb__option__img--blank{display:grid;place-items:center;width:100%;height:100%;border-radius:4px;background:rgba(var(--color-foreground, 0 0 0),.05);font-size:1.6rem;opacity:.4;text-transform:uppercase}.rb__option__name{font-size:var(--rb-option-name);line-height:1.25}.rb__price{display:flex;align-items:center;gap:.4rem;padding:.35rem 1rem .5rem}.rb__price input{width:7rem;padding:.5rem .65rem;border:1px solid rgba(var(--color-foreground, 0 0 0),.18);border-radius:var(--rb-control-radius);font:inherit;font-size:var(--rb-control-size)}.rb__reset{margin:0 1rem 1rem;background:none;border:0;padding:0;font:inherit;font-size:.8rem;cursor:pointer;opacity:.6;text-decoration:underline}.rb__reset:hover{opacity:1}.rb__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.rb__count{font-size:var(--rb-meta-size);opacity:.75;margin:0}.rb__count b{font-variant-numeric:tabular-nums;opacity:1}.rb__sort{display:flex;align-items:center;gap:.5rem;font-size:var(--rb-control-size)}.rb__sort select{padding:.45rem .6rem;border:1px solid rgba(var(--color-foreground, 0 0 0),.18);border-radius:var(--rb-control-radius);font:inherit;font-size:var(--rb-control-size);background:transparent}.rb__chips{display:flex;flex-wrap:wrap;gap:.4rem}.rb__chip{display:inline-flex;align-items:center;gap:.4rem;border:1px solid rgba(var(--color-foreground, 0 0 0),.3);border-radius:100px;padding:.28rem .7rem;font-size:var(--rb-chip-size)}.rb__chip a{text-decoration:none;color:inherit;line-height:1;font-size:1.1em}.rb__diag{margin:0 1rem .75rem;padding:.7rem .85rem;border:1px dashed var(--rb-line-strong);border-radius:4px;font-size:.78rem;line-height:1.5}.rb__diag p{margin:0 0 .35rem}.rb__diag p:last-child{margin-bottom:0}.rb__diag code{background:rgba(var(--color-foreground, 0 0 0),.07);padding:.05em .35em;border-radius:3px;font-size:.95em}.rb__diag ul{margin:.4rem 0 0;padding-left:1.1rem;columns:2}.rb__diag--summary{margin:.5rem 0 0}@media(max-width:749px){.rb__diag ul{columns:1}}.rb__grid{display:grid;grid-template-columns:repeat(var(--rb-cols, 4),minmax(0,1fr));gap:var(--rb-gap, 16px);max-width:var(--page-width, 1400px);margin:0 auto;padding:0 1.5rem}.rb__empty{text-align:center;padding:3rem 1.5rem;opacity:.7}.rb__body{position:relative;min-height:12rem;transition:opacity .15s ease}.rb.is-loading .rb__body{opacity:.45;pointer-events:none}.rb__skeleton{display:grid;grid-template-columns:repeat(var(--rb-cols, 4),minmax(0,1fr));gap:var(--rb-gap, 16px);max-width:var(--page-width, 1400px);margin:0 auto;padding:0 1.5rem}.rb__skeleton__item{aspect-ratio:1 / 1.25;border-radius:4px;background:linear-gradient(100deg,rgba(var(--color-foreground, 0 0 0),.06) 30%,rgba(var(--color-foreground, 0 0 0),.11),rgba(var(--color-foreground, 0 0 0),.06) 70%);background-size:200% 100%;animation:rb-shimmer 1.4s ease-in-out infinite}@keyframes rb-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.rb__skeleton__item{animation:none}}.rb__error{text-align:center;padding:2.5rem 1.5rem}.rb__error a{color:inherit}@media(max-width:989px){.rb__grid,.rb__skeleton{grid-template-columns:repeat(var(--rb-cols-mobile, 2),minmax(0,1fr));gap:var(--rb-gap-mobile, 8px)}.rb__bar{padding:1rem}.rb__options{gap:.6rem;padding:.6rem .75rem .9rem;scroll-padding-inline:.75rem}.rb__step__head{padding:.9rem .75rem .5rem;gap:.6rem}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/ring-builder.css.map */