.oi{height:calc(100vh - 73px);min-height:680px;display:flex;flex-direction:column;background:#fff}.oi-head{min-height:60px;display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:8px 48px;border-bottom:1px solid var(--rw-line);flex:none}.oi-back{min-height:44px;display:flex;align-items:center;font-size:13px;color:var(--rw-muted)}.oi-back:hover{color:var(--rw-ink)}.oi-rule{width:1px;height:20px;background:var(--rw-line)}.rw-public .oi-head h1{margin:0;font:500 24px/1 var(--rw-font-display);font-variation-settings:"opsz" 11}.oi-count,.oi-set-key,.oi-pop-title,.oi-tag,.oi-band-tag,.oi-panel-title,.oi-row-meta,.oi-item-brand{font:500 9.5px/1 var(--rw-font-meta);letter-spacing:.12em;color:var(--rw-muted)}.oi-head-actions{margin-left:auto;display:flex;gap:8px}.oi-body{flex:1;display:grid;grid-template-columns:minmax(0,65fr) minmax(300px,35fr);min-height:0}.oi-stage{display:flex;flex-direction:column;border-right:1px solid var(--rw-line);min-height:0;min-width:0}.oi-settings{display:grid;grid-template-columns:repeat(var(--oi-sets, 3),minmax(0,1fr));border-bottom:1px solid var(--rw-line);flex:none;position:relative;z-index:8}.oi-set>summary{list-style:none;min-height:60px;padding:8px 14px;display:flex;flex-direction:column;justify-content:center;gap:6px;border-right:1px solid var(--rw-line);cursor:pointer;min-width:0}.oi-set:last-child>summary{border-right:0}.oi-set>summary::-webkit-details-marker{display:none}.oi-set>summary:hover,.oi-set[open]>summary{background:var(--rw-paper)}.oi-set[open]>summary{box-shadow:inset 0 -2px 0 var(--rw-ink)}.oi-set-key{display:flex;gap:8px;align-items:center}.oi-changed{font:500 8.5px/1 var(--rw-font-meta);letter-spacing:.08em;color:#9f3501}.oi-set-value{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:500;min-width:0}.oi-set-value>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.oi-set-value>span:last-child{margin-left:auto;font-size:10px;color:var(--rw-muted)}.oi-pop{position:absolute;top:100%;left:12px;width:min(440px,calc(100% - 24px));background:#fff;border:1px solid var(--rw-ink);box-shadow:0 12px 32px #00000029;z-index:12;padding:14px;display:flex;flex-direction:column;gap:12px}.oi-set--season .oi-pop{left:50%;transform:translate(-50%)}.oi-pop--end{left:auto;right:12px}.oi-pop-form{display:flex;flex-direction:column;gap:10px}.oi-pop-title{color:var(--rw-ink)}.oi-pop-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.oi-pop label{font-size:12px;color:#444}.oi-pop input[type=text]{height:44px;border:1px solid var(--rw-border);padding:0 12px;font-size:14px;min-width:0}.oi-pop-actions{display:flex;gap:6px}.oi-pop-actions>*{flex:1}.oi-plain{min-height:44px;border:1px solid var(--rw-border);background:#fff;font-size:12px;cursor:pointer}.oi-plain:hover:not(:disabled){border-color:var(--rw-ink)}.oi-plain:disabled{color:var(--rw-muted);cursor:default}.oi-pop-note{margin:0;font-size:12px;color:var(--rw-muted);line-height:1.45}.oi-pop-source{border-top:1px solid var(--rw-line);padding-top:10px;display:flex;flex-direction:column;gap:4px}.oi-attribution{margin:0;font:400 12px/1.4 Roboto,Helvetica Neue,Arial,sans-serif;color:#5e5e5e}.oi-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.oi-tiles--five{grid-template-columns:repeat(5,minmax(0,1fr))}.oi-tile-button{min-height:44px;width:100%;padding:0 6px;display:flex;align-items:center;justify-content:center;text-align:center;font:500 10.5px/1.2 var(--rw-font-meta);letter-spacing:.08em;background:var(--rw-paper);color:var(--rw-muted);border:0;cursor:pointer}.oi-tile-button:hover{outline:1px solid var(--rw-ink);color:var(--rw-ink)}.oi-tile-button[aria-pressed=true],.oi-tile-button[aria-current=true]{background:var(--rw-ink);color:#fff}.oi-pop-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;border-top:1px solid var(--rw-line);padding-top:10px}.oi-text-button{min-height:44px;background:none;border:0;padding:0;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.oi-text-button[aria-pressed=true]{font-weight:600}.oi-quiet-link{min-height:44px;display:inline-flex;align-items:center;font-size:12px;color:var(--rw-muted);text-decoration:underline;text-decoration-color:var(--rw-border);text-underline-offset:4px}.oi-context{min-height:52px;display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:8px 16px 8px 48px;border-bottom:1px solid var(--rw-line);font-size:13px;flex:none}.oi-tag{padding:5px 6px;border:1px solid var(--rw-ink);color:var(--rw-ink)}.oi-tag--selected{border:0;padding:0;color:#1762b6}.oi-note{flex:1;min-width:200px;color:#333}.oi-context-name{font-weight:500}.oi-muted{color:var(--rw-muted)}.oi-context-actions{margin-left:auto;display:flex;gap:6px}.oi-small-outline,.oi-small-plain{min-height:44px;padding:0 12px;display:flex;align-items:center;font-size:12px}.oi-small-outline{border:1px solid var(--rw-ink);color:var(--rw-ink)}.oi-small-outline:hover{background:var(--rw-ink);color:#fff}.oi-small-plain{color:var(--rw-muted)}.oi-fallback{margin:0;padding:10px 16px;border-bottom:1px solid var(--rw-line);background:var(--rw-paper);font-size:13px;flex:none}.oi-band{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 16px;background:var(--rw-ink);color:#fff;font-size:13px;flex:none}.oi-band-tag{border:1px solid #fff;padding:5px 6px;color:#fff}.oi-band-text{flex:1;min-width:200px}.oi-band-update{min-height:44px;padding:0 14px;background:#fff;color:var(--rw-ink);border:0;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.oi-band-keep{min-height:44px;padding:0 10px;background:none;border:0;font-size:12px;color:#c9c6c1;cursor:pointer}.oi-band-keep:hover{color:#fff}.oi-canvas-wrap{flex:1;min-height:0;background:var(--rw-paper);display:flex;align-items:center;justify-content:center;padding:24px}.oi-canvas{width:min(100%,520px);aspect-ratio:4 / 5;max-height:100%;background:#fff;border:1px solid var(--rw-line);position:relative}.oi-piece{position:absolute;background:#fff;border:1.5px dotted #8a8782;display:block;overflow:hidden}.oi-piece:hover{border-color:var(--rw-ink)}.oi-piece img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.oi-piece.is-selected{outline:2px solid var(--rw-ink);outline-offset:3px;border-style:solid;border-color:var(--rw-ink);overflow:visible}.oi-piece-label{position:absolute;left:6px;bottom:6px;padding:2px 4px;background:#ffffffdb;font:9.5px var(--rw-font-meta);color:var(--rw-muted)}.oi-canvas-empty{position:absolute;top:24px;right:24px;bottom:24px;left:24px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:var(--rw-muted)}.oi-mark{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:6px;font:500 10px/1 var(--rw-font-display);font-variation-settings:"opsz" 11;letter-spacing:.2em;color:var(--rw-muted)}.oi-side{display:flex;flex-direction:column;min-height:0;overflow:auto;position:relative;padding-right:28px}.oi-side--swap{padding-right:0;overflow:hidden}.oi-set:first-child>summary{padding-left:48px}.oi-panel{padding:20px;display:flex;flex-direction:column;gap:22px}.rw-public .oi-panel-title{margin:0 0 10px;font:500 9.5px/1 var(--rw-font-meta);letter-spacing:.12em;color:var(--rw-muted)}.oi-rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--rw-ink)}.oi-rows li{border-bottom:1px solid var(--rw-line)}.oi-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 0;min-height:60px;color:var(--rw-ink)}.oi-row:hover{background:var(--rw-paper);color:var(--rw-ink)}.oi-row-photo{height:52px;border:1px solid var(--rw-border);background:#fff;display:block}.oi-row-photo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.oi-row-text{min-width:0;display:flex;flex-direction:column;gap:4px}.oi-row-name{font-size:13px}.oi-row-colour{font-size:11px;color:var(--rw-muted)}.oi-row-swap{font-size:12px;border-bottom:1px solid var(--rw-ink)}.oi-help{margin:0;font-size:12px;line-height:1.5;color:var(--rw-muted)}.oi-help a{color:var(--rw-ink);border-bottom:1px solid var(--rw-ink)}.oi-signup{background:var(--rw-ink);color:#fff;padding:20px;display:flex;flex-direction:column;gap:10px}.rw-public .oi-signup h2{margin:0;font:500 22px/1.15 var(--rw-font-display);font-variation-settings:"opsz" 11;color:#fff}.oi-signup p{margin:0;font-size:13px;line-height:1.5;color:#c9c6c1}.oi-signup-button{min-height:44px;padding:0 20px;background:#fff;color:var(--rw-ink);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;display:inline-flex;align-items:center;align-self:flex-start}.oi-signup-button:hover{opacity:.85;color:var(--rw-ink)}.oi-swap{flex:1;display:flex;flex-direction:column;min-height:0}.oi-swap-head{padding:0 36px 0 20px;border-bottom:1px solid var(--rw-line);display:flex;justify-content:space-between;align-items:center;gap:12px}.rw-public .oi-swap-head .oi-panel-title{margin:0;color:var(--rw-ink);line-height:1.4}.oi-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--rw-ink);flex:none}.oi-subs,.oi-filters{padding:12px 48px 6px 20px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.oi-filters{padding:0 48px 12px 20px;border-bottom:1px solid var(--rw-line);position:relative;z-index:6}.oi-chip,.oi-filter>summary{min-height:44px;padding:0 10px;display:flex;align-items:center;gap:6px;border:1px solid var(--rw-border);font-size:12px;color:var(--rw-ink)}.oi-chip:hover{border-color:var(--rw-ink)}.oi-chip[aria-current=page]{background:var(--rw-ink);border-color:var(--rw-ink);color:#fff}.oi-filter>summary{list-style:none;cursor:pointer;background:var(--rw-ink);border-color:var(--rw-ink);color:#fff}.oi-filter>summary.is-any{background:#fff;border-color:var(--rw-border);color:var(--rw-ink)}.oi-filter>summary::-webkit-details-marker{display:none}.oi-filter>summary span{font-size:9px}.oi-pop--filter{left:20px;right:20px;width:auto;top:calc(100% - 6px)}.oi-match{min-height:44px;display:inline-flex;align-items:center;font-size:12px;color:var(--rw-ink);text-decoration:underline;text-underline-offset:4px}.oi-empty{padding:8px 0;display:flex;flex-direction:column;gap:8px}.oi-empty-head{margin:0;font:500 20px/1.15 var(--rw-font-display);font-variation-settings:"opsz" 11}.oi-library{flex:1;display:flex;min-height:0;padding-right:12px}.oi-library-list{flex:1;min-width:0;overflow:auto;padding:16px 12px 20px 20px;display:flex;flex-direction:column;gap:16px}.oi-pages{display:flex;flex-direction:column;gap:16px}.oi-page{display:flex;flex-direction:column;gap:10px;scroll-margin-top:8px}.oi-page-head{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--rw-line);padding-top:8px;font:500 9px/1 var(--rw-font-meta);letter-spacing:.12em;text-transform:uppercase;color:var(--rw-muted)}.oi-page-head span:first-child{color:var(--rw-ink)}.oi-pages-more{flex:none;min-height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--rw-border);font-size:12px;color:#444}.oi-pages-more:hover:not([aria-disabled]){border-color:var(--rw-ink);color:var(--rw-ink)}.oi-pages-end{margin:0;border-top:1px solid var(--rw-ink);padding-top:8px;font-size:11px;color:var(--rw-muted)}.oi-pages-error{margin:0;font-size:13px}.oi-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:10px}.oi-tile{position:relative;aspect-ratio:3 / 4;background:var(--rw-paper)}.oi-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 1px var(--rw-line);pointer-events:none}.oi-tile.is-on:after{box-shadow:inset 0 0 0 2px var(--rw-ink)}.oi-tile-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.oi-on-canvas{position:absolute;left:4px;top:4px;font:500 8.5px/1 var(--rw-font-meta);letter-spacing:.06em;background:var(--rw-ink);color:#fff;padding:3px 4px}.oi-tile-open{position:absolute;top:0;right:0;bottom:0;left:0;display:block;color:#fff}.oi-tile-open:hover{color:#fff}.oi-tile-open:focus-visible{outline:2px solid var(--rw-ink);outline-offset:2px}.oi-tile-band{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:4px;padding:8px 8px 9px;background:var(--rw-ink)}.oi-tile-brand{font:500 8.5px/1.2 var(--rw-font-meta);letter-spacing:.1em;text-transform:uppercase}.oi-tile-name{font-size:12px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.oi-tile-add{position:absolute;left:6px;top:6px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--rw-ink);font-size:17px;line-height:1;color:var(--rw-ink)}.oi-tile-add:hover{background:var(--rw-ink);color:#fff}.oi-tile-add.is-on{background:var(--rw-ink);color:#fff;font-size:14px}.oi-tile-photos{position:absolute;right:6px;top:6px;height:30px;display:flex;align-items:center;background:#fff;border:1px solid var(--rw-ink)}.oi-tile-photos button{width:24px;height:100%;border:0;background:none;font-size:14px;color:var(--rw-ink)}.oi-tile-photos button:hover{background:var(--rw-paper)}.oi-tile-photos span{min-width:20px;text-align:center;font:500 9px/1 var(--rw-font-meta);color:var(--rw-ink)}.oi-tile-band,.oi-tile-add,.oi-tile-photos{opacity:0;transition:opacity .12s}.oi-tile:hover :is(.oi-tile-band,.oi-tile-add,.oi-tile-photos),.oi-tile:focus-within :is(.oi-tile-band,.oi-tile-add,.oi-tile-photos){opacity:1}@media(hover:none){.oi-tile-band,.oi-tile-add,.oi-tile-photos{opacity:1}}.oi-links{flex:none;margin-top:8px;border-top:1px solid var(--rw-ink);display:flex;flex-direction:column}.oi-links a{min-height:48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--rw-line);font-size:13px;color:var(--rw-ink)}.oi-links a:last-child{border-bottom:0}.oi-links a:hover{background:var(--rw-paper)}.oi-links a.is-quiet{color:var(--rw-muted)}.oi-detail{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;min-height:0;background:#fff}.oi-detail-head{flex:none;display:grid;grid-template-columns:48px minmax(0,1fr) auto;min-height:64px;border-bottom:1px solid var(--rw-ink)}.oi-detail-back{display:flex;align-items:center;justify-content:center;border-right:1px solid var(--rw-line);font-size:16px;color:var(--rw-ink)}.oi-detail-back:hover,.oi-detail-toggle:hover{background:var(--rw-paper);color:var(--rw-ink)}.oi-detail-toggle{display:flex;align-items:center;gap:12px;padding:10px 14px;min-width:0;color:var(--rw-ink)}.oi-detail-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.oi-detail-brand,.oi-detail-label,.oi-detail-facts dt{font:500 9.5px/1 var(--rw-font-meta);letter-spacing:.12em;text-transform:uppercase;color:var(--rw-muted)}.oi-detail-name{font:500 18px/1.15 var(--rw-font-display);font-variation-settings:"opsz" 11;text-wrap:pretty}.oi-detail-caret{font-size:11px}.oi-detail-add{display:flex;align-items:center;padding:0 12px;border-left:1px solid var(--rw-line)}.oi-detail-button{min-height:36px;padding:0 12px;display:inline-flex;align-items:center;border:1px solid var(--rw-ink);background:var(--rw-ink);color:#fff;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.oi-detail-button:hover{opacity:.8;color:#fff}.oi-detail-button.is-on{background:#fff;color:var(--rw-ink)}.oi-detail-button.is-on:hover{opacity:1;color:var(--rw-ink)}.oi-detail-body{flex:1;min-height:0;overflow:auto;padding:16px 20px 24px;display:flex;flex-direction:column;gap:14px}.oi-detail-body--info{padding:20px 20px 28px;gap:24px}.rw-public .oi-detail-label{margin:0;font:500 9.5px/1 var(--rw-font-meta);letter-spacing:.12em}.oi-detail-photos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr));gap:14px 10px}.oi-detail-photos figure{margin:0;display:flex;flex-direction:column;gap:6px}.oi-detail-photos img{width:100%;aspect-ratio:3 / 4;-o-object-fit:cover;object-fit:cover;border:1px solid var(--rw-line);background:var(--rw-paper);display:block}.oi-detail-photos figcaption{font:500 9px/1 var(--rw-font-meta);letter-spacing:.1em;text-transform:uppercase;color:var(--rw-muted)}.oi-detail-facts{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);border-top:1px solid var(--rw-ink)}.oi-detail-facts dt{padding:13px 0;border-bottom:1px solid var(--rw-line)}.oi-detail-facts dd{margin:0;padding:10px 0;border-bottom:1px solid var(--rw-line);font-size:13px}.oi-buy{display:flex;flex-direction:column;gap:10px}.oi-buy-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--rw-muted)}.rw-public .oi-buy-head h3{margin:0;font:500 20px/1.05 var(--rw-font-display);font-variation-settings:"opsz" 11;color:var(--rw-ink)}.oi-buy-note,.oi-buy-none{margin:0;font-size:12px;line-height:1.5;color:var(--rw-muted)}.oi-buy-none{font-size:13px}.oi-offers{list-style:none;margin:0;padding:0;border-top:1px solid var(--rw-ink)}.oi-offers li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:6px 0;border-bottom:1px solid var(--rw-line);font-size:13px}.oi-visit{min-height:36px;padding:0 12px;display:inline-flex;align-items:center;border:1px solid var(--rw-ink);color:var(--rw-ink);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.oi-visit:hover{background:var(--rw-ink);color:#fff}.oi-detail-page{align-self:flex-start;font-size:13px;color:var(--rw-ink);border-bottom:1px solid var(--rw-ink)}@media(max-width:760px){.oi{height:auto;min-height:0}.oi-side{padding-right:0}.oi-settings--four{grid-template-columns:repeat(2,minmax(0,1fr))}.oi-set:first-child>summary{padding-left:14px}.oi-context{padding-left:16px}.oi-head{padding:8px 16px}.oi-rule{display:none}.oi-head-actions{width:100%;margin-left:0}.oi-head-actions>a{flex:1}.oi-body{grid-template-columns:minmax(0,1fr)}.oi-stage{border-right:0}.oi-set>summary{padding:8px 10px}.oi-set-key{font-size:8.5px;flex-wrap:wrap;gap:4px}.oi-set-value{font-size:12px}.oi-pop,.oi-set--season .oi-pop,.oi-pop--end{left:8px;right:8px;width:auto;transform:none}.oi-canvas-wrap{padding:16px}.oi-side{overflow:visible;border-top:1px solid var(--rw-line)}.oi-library-list{overflow:visible}.oi-library .rw-dr{position:sticky;top:0;align-self:flex-start;max-height:100vh}.oi-detail{position:fixed;z-index:60}.oi-subs,.oi-filters{padding-right:16px}.oi-context-actions{margin-left:0}}