.royale-band.rb-tile-config{--rb-ink:#30312b;--rb-muted:#746f65;--rb-border:#dfdcd4;--rb-panel:#fffefa;--rb-sticky-top:0px;--rb-preview-height:330px;background:#faf9f6;color:var(--rb-ink)}.rb-tile-config .rb-intro{max-width:690px;margin-bottom:36px}.rb-tile-config .rb-intro h1{font-family:Georgia,Times New Roman,serif;font-weight:400;letter-spacing:-.04em;font-size:48px}.rb-tile-config .rb-intro p{color:#686459;font-size:14px}.rb-tile-config .rb-intro .rb-eyebrow{font-size:10px;letter-spacing:.2em;color:#89764e}.rb-tile-config .rb-native-choice{display:none!important}.rb-tile-config .rb-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:0}.rb-tile-config .rb-choice-set{position:relative;min-width:0;margin:0;padding:0 0 25px;border:0;scroll-margin-top:calc(var(--rb-preview-height) + var(--rb-sticky-top) + 20px)}.rb-tile-config .rb-choice-set legend{padding:0 88px 0 0;font-size:13px;font-weight:500;letter-spacing:.025em;margin:0 0 12px;color:var(--rb-ink);float:left;width:100%}.rb-tile-config .rb-choice-current{display:none}.rb-tile-config [data-tile-group=design] .rb-choice-current{display:block;clear:both;font-size:12px;color:var(--rb-muted);margin:-6px 80px 10px 0}.rb-tile-config .rb-choice-rail{clear:both;display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:3px 2px 8px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#ad9b7c #ede8de;overscroll-behavior-x:contain;touch-action:pan-x pan-y;max-width:100%}.rb-tile-config .rb-choice-rail::-webkit-scrollbar{height:5px}.rb-tile-config .rb-choice-rail::-webkit-scrollbar-thumb{background:#ad9b7c;border-radius:4px}.rb-tile-config .rb-choice-rail::-webkit-scrollbar-track{background:#ede8de;border-radius:4px}.rb-tile-config button.rb-choice-tile{position:relative;flex:0 0 134px;min-width:0;height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid var(--rb-border);border-radius:10px;background:var(--rb-panel);padding:10px 7px;color:var(--rb-ink);scroll-snap-align:start;line-height:1.2;transition:border-color .16s,background .16s,box-shadow .16s}@media(hover:hover){.rb-tile-config button.rb-choice-tile:hover{border-color:#a09276;background:#fcfaf5}}.rb-tile-config button.rb-choice-tile[aria-checked=true]{border-color:#82704c;background:#f8f5ee;box-shadow:inset 0 0 0 .5px #82704c}.rb-tile-config button.rb-choice-tile[aria-checked=true]:after{content:"\2713";position:absolute;right:7px;top:6px;color:#82704c;font:12px Arial,sans-serif}.rb-tile-config .rb-choice-tile svg{width:112px;height:78px;max-width:100%;flex-shrink:0}.rb-tile-config .rb-tile-label{font-size:12px;text-align:center;max-width:100%;line-height:1.2}.rb-tile-config .rb-tile-detail{font-size:10px;color:var(--rb-muted);line-height:1.2;text-align:center}.rb-tile-config .rb-choice-tile:disabled{opacity:.4}.rb-tile-config .rb-choice-tile:focus-visible{outline:2px solid #82704c;outline-offset:2px}.rb-tile-config .rb-choice-help{margin:2px 0 0;font-size:12px;color:var(--rb-muted)}.rb-tile-config .rb-choice-scroll{position:absolute;right:0;top:-13px;display:flex;gap:6px}.rb-tile-config button.rb-rail-arrow{min-height:44px;width:44px;border:1px solid #c5b797;padding:0;display:grid;place-items:center;background:#f3eee3;color:#51442e;border-radius:50%;cursor:pointer}.rb-tile-config .rb-rail-arrow svg{width:40px;height:32px;stroke-width:2.4}.rb-tile-config button.rb-rail-arrow:disabled{opacity:.3;cursor:default}.rb-tile-config button.rb-rail-arrow:focus-visible{outline:2px solid #82704c;outline-offset:2px}.rb-tile-config .rb-design-discovery{clear:both;display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:0 0 8px}.rb-tile-config .rb-design-discovery[hidden]{display:none}.rb-tile-config .rb-design-discovery p{margin:0;color:#746f65;font-size:10px;font-weight:400;line-height:1.4}.rb-tile-config .rb-design-discovery .rb-choice-scroll{position:static;flex-shrink:0}.rb-tile-config .rb-scroll-touch{display:none}@media(hover:hover){.rb-tile-config button.rb-rail-arrow:not(:disabled):hover{background:#e9e0ce;border-color:#8b7651}}@media(pointer:coarse){.rb-tile-config .rb-scroll-desktop{display:none}.rb-tile-config .rb-scroll-touch{display:inline}}.rb-tile-config [data-tile-group=design] button.rb-choice-tile{flex-basis:152px;height:158px;padding:10px 8px 14px;gap:5px}.rb-tile-config [data-tile-group=design] .rb-choice-tile svg{width:136px;height:94px}.rb-tile-config [data-tile-group=design] .rb-tile-label{font:18px Georgia,Times New Roman,serif}.rb-tile-config :is([data-tile-group=color],[data-tile-group=finish],[data-tile-group=edge],[data-tile-group=fit]) .rb-choice-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);overflow:visible}.rb-tile-config :is([data-tile-group=color],[data-tile-group=finish],[data-tile-group=edge],[data-tile-group=fit]) .rb-choice-tile{width:100%}.rb-tile-config [data-tile-group=color] .rb-choice-tile{height:112px}.rb-tile-config [data-tile-group=color] .rb-choice-tile svg{width:102px;height:71px}.rb-tile-config [data-tile-group=color] .rb-tile-label{font-size:12px}.rb-tile-config :is([data-tile-group=karat],[data-tile-group=family],[data-tile-group=engraving]) .rb-choice-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);overflow:visible}.rb-tile-config button.rb-text-tile{height:52px;flex-basis:74px;padding:10px 14px}.rb-tile-config [data-tile-group=karat] .rb-tile-label{font:20px Georgia,Times New Roman,serif}.rb-tile-config [data-tile-group=width] .rb-tile-label{font-size:14px;white-space:nowrap}.rb-tile-config [data-tile-group=family] .rb-tile-label{font-size:14px}.rb-tile-config [data-tile-group=family] .rb-choice-rail{gap:5px;padding:4px;margin-bottom:8px;background:#efede7;border:1px solid #e7e3da;border-radius:10px}.rb-tile-config [data-tile-group=family] .rb-choice-tile{border:0;background:transparent;border-radius:7px;height:46px;box-shadow:none}.rb-tile-config [data-tile-group=family] .rb-choice-tile[aria-checked=true]{background:#fffefa;box-shadow:0 2px 6px #3027190b}.rb-tile-config [data-tile-group=family] .rb-choice-tile:after{display:none}.rb-tile-config [data-tile-group=engraving] .rb-tile-label{font-size:12px}.rb-tile-config [data-tile-group=engraving] .rb-choice-tile{padding:10px 8px}.rb-tile-config .rb-choice-fixed{display:flex;align-items:center;gap:11px;padding:12px 0;font-size:13px;clear:both;min-height:45px;border-bottom:1px solid #e4dfd4}.rb-tile-config .rb-included-mark{font-size:12px;color:#8b7953}.rb-tile-config [data-tile-group=finish]:has(.rb-choice-fixed:not([hidden])){padding-bottom:24px}.rb-tile-config [data-tile-group=finish]:has(.rb-choice-fixed:not([hidden])) legend{margin-bottom:0}.rb-tile-config label.rb-direct-size{font-size:13px;font-weight:500;gap:12px;margin:0 0 28px;scroll-margin-top:calc(var(--rb-preview-height) + var(--rb-sticky-top) + 20px)}.rb-tile-config .rb-direct-size select{height:52px;border:1px solid var(--rb-border);border-radius:8px;background:var(--rb-panel);font-size:16px;padding:12px 16px;color:var(--rb-ink);max-width:240px}.rb-tile-config [data-tile-group=font] .rb-choice-tile{flex-basis:126px;height:115px}.rb-tile-config .rb-font-sample{font-size:35px;line-height:1.25}.rb-tile-config [data-tile-group=font] .rb-tile-label{font-size:16px}.rb-tile-config [data-design-note]{font-size:12px;color:var(--rb-muted);margin:0 0 17px}.rb-tile-config .rb-engraving{margin-top:3px;padding-top:22px;border-top:1px solid var(--rb-border)}.rb-tile-config .rb-engraving .rb-choice-set{padding-bottom:10px}.rb-tile-config [data-traditional-profile]{padding:0 0 22px;font-size:12px;color:var(--rb-muted)}.rb-tile-config [data-traditional-profile] strong{padding:6px 0!important;color:var(--rb-ink);font:19px Georgia,serif}.rb-tile-config .rb-visual{position:sticky!important;top:calc(var(--rb-sticky-top) + 20px);align-self:start;background:#fffefa;border:1px solid #e5e1d8;border-radius:13px;padding:12px;z-index:5;box-shadow:0 8px 30px #31342704}.rb-tile-config .rb-stage{border-radius:9px;background:#fffefa!important;height:430px}.rb-tile-config .rb-gesture-hint{margin:0 0 10px;font-size:10px;letter-spacing:.015em;color:#807b70}.rb-tile-config .rb-extras-toolbar{display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:5px!important;margin-top:0}.rb-tile-config .rb-extras-toolbar button{font-size:11px;line-height:1.2;min-height:44px;padding:6px!important;white-space:normal;border-color:#d9d2c3}.rb-tile-config .rb-extras-toolbar .rb-try-pill{justify-content:center;gap:4px;border-color:#30312b;background:#30312b}.rb-tile-config .rb-try-pill svg{width:15px;height:15px;flex-shrink:0}.rb-tile-config .rb-preview-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 4px 2px;border-top:1px solid #e7e2d8;margin-top:12px}.rb-tile-config .rb-preview-selection{font-size:10px;line-height:1.45;color:var(--rb-muted);max-width:65%;display:flex;flex-direction:column;gap:3px}.rb-tile-config .rb-preview-selection b{font:16px Georgia,serif;color:#36352e}.rb-tile-config .rb-preview-price{text-align:right;display:flex;flex-direction:column;gap:3px;white-space:nowrap}.rb-tile-config .rb-preview-price small{font-size:10px;color:var(--rb-muted)}.rb-tile-config .rb-preview-price strong{font:23px Georgia,serif;font-variant-numeric:tabular-nums}.rb-tile-config .rb-view-tools{position:absolute;top:8px;right:8px;z-index:3}.rb-tile-config .rb-view-tools summary{cursor:pointer;list-style:none;display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:25px;background:#fffefae8;font-size:11px;border:1px solid #e8e3d9}.rb-tile-config .rb-view-tools summary::-webkit-details-marker{display:none}.rb-tile-config .rb-view-tools summary:after{content:"+";margin-left:10px;font-size:16px}.rb-tile-config .rb-view-tools[open] summary:after{content:"\2212"}.rb-tile-config .rb-view-tools-body{position:absolute;right:0;top:48px;width:230px;padding:14px;background:#fffefa;box-shadow:0 12px 40px #303c2c26;border:1px solid #ddded5;border-radius:10px}.rb-tile-config .rb-view-tools .rb-zoom{margin-top:14px;margin-bottom:3px;font-size:12px}.rb-tile-config .rb-view-tools .rb-rotate button{background:#f1eee6}.rb-tile-config button.rb-enlarge{position:absolute;top:8px;left:8px;min-height:44px;width:44px;border-radius:50%;padding:7px;background:#fffefae8;border:1px solid #e8e3d9;z-index:3}.rb-tile-config .rb-enlarge svg{width:100%;height:100%}.rb-tile-config .rb-large-preview{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;padding:12px;border:1px solid #e0dfd6;border-radius:13px;width:min(860px,calc(100% - 20px));max-height:94dvh;overflow:auto;background:#fffefa}.rb-tile-config .rb-large-preview::backdrop{background:#181e16aa;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rb-tile-config .rb-large-preview .rb-visual{position:relative!important;top:auto!important;border:0;box-shadow:none;padding:8px 0 0}.rb-tile-config .rb-large-preview .rb-stage{height:min(60dvh,620px)!important}.rb-tile-config .rb-large-preview .rb-enlarge,.rb-tile-config .rb-large-preview .rb-extras-toolbar,.rb-tile-config .rb-large-preview .rb-preview-summary{display:none}.rb-tile-config button.rb-large-close{display:block;margin:0 0 0 auto;border:0;background:#f1eee6;border-radius:24px;font-size:13px}@media(max-width:760px){.royale-band.rb-tile-config{padding:20px 18px!important}.rb-tile-config .rb-intro{margin-bottom:24px}.rb-tile-config .rb-intro h1{font-size:36px;margin:9px 0 12px}.rb-tile-config .rb-intro p{font-size:13px;margin:6px 0}.rb-tile-config .rb-intro .rb-eyebrow{font-size:9px}.rb-tile-config .rb-layout{display:block}.rb-tile-config .rb-visual{top:var(--rb-sticky-top);z-index:30;padding:7px 8px 8px;border-radius:0 0 13px 13px;margin:0 -9px 25px;box-shadow:0 8px 20px #2832220b}.rb-tile-config .rb-stage{height:clamp(116px,24svh,225px)}.rb-tile-config .rb-preview-summary{padding-top:9px;margin-top:8px;min-height:44px}.rb-tile-config .rb-preview-price strong{font-size:20px}.rb-tile-config .rb-preview-selection{font-size:9px}.rb-tile-config .rb-preview-selection b{font-size:15px}.rb-tile-config .rb-preview-price small{font-size:9px}.rb-tile-config .rb-gesture-hint{font-size:9px;margin:0 0 6px}.rb-tile-config .rb-choice-set{padding-bottom:24px}.rb-tile-config .rb-choice-set legend{font-size:13px}.rb-tile-config .rb-tile-label{font-size:11px}.rb-tile-config .rb-choice-rail{gap:8px}.rb-tile-config [data-tile-group=design] button.rb-choice-tile{flex-basis:144px;height:155px}.rb-tile-config [data-tile-group=design] .rb-choice-tile svg{width:130px;height:91px}.rb-tile-config [data-tile-group=design] .rb-tile-label{font-size:17px}.rb-tile-config :is([data-tile-group=color],[data-tile-group=finish]) .rb-choice-tile{height:111px;padding:10px 3px}.rb-tile-config [data-tile-group=finish] .rb-choice-tile svg{width:100%;height:70px}.rb-tile-config [data-tile-group=color] .rb-tile-label{font-size:11px}.rb-tile-config .rb-direct-size select{max-width:100%}.rb-tile-config .rb-extras-toolbar button{font-size:10px}.rb-tile-config .rb-extras-message{font-size:10px;line-height:1.3;margin:5px 2px 0}.rb-tile-config .rb-options{min-width:0}.rb-tile-config .rb-total strong{font-size:24px}}@media(max-width:1024px)and (max-height:520px)and (orientation:landscape){.rb-tile-config .rb-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px}.rb-tile-config .rb-stage{height:calc(100svh - 175px)}.rb-tile-config .rb-visual{top:var(--rb-sticky-top);margin:0;padding:6px}.rb-tile-config .rb-gesture-hint{display:none}.rb-tile-config .rb-preview-summary{margin-top:5px;padding-top:5px}.rb-tile-config .rb-large-preview .rb-stage{height:65dvh!important}}@media(prefers-reduced-motion:reduce){.rb-tile-config *{scroll-behavior:auto!important;transition:none!important}}.royale-band.rb-tile-config{isolation:isolate;--rb-menu-shift: 100vw}.royale-band.rb-tile-config .rb-layout>.rb-visual{transition:translate .3s cubic-bezier(.31,1,.31,1)}body:has(header-drawer #Details-menu-drawer-container[open]) .royale-band.rb-tile-config{overflow-x:clip}body:has(header-drawer #Details-menu-drawer-container[open].menu-opening) .royale-band.rb-tile-config .rb-layout>.rb-visual{translate:var(--rb-menu-shift) 0;pointer-events:none;transition-duration:.5s}@media(min-width:750px){.royale-band.rb-tile-config{--rb-menu-shift: 40rem}}@media(prefers-reduced-motion:reduce){.royale-band.rb-tile-config .rb-layout>.rb-visual{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/royale-choice-tiles.css.map */