.bd{--ax: .5;--ay: .5;--veil: rgba(11, 9, 8, .62)}:root[data-mode=light] .bd{--veil: rgba(244, 241, 235, .66)}.bd-pic{position:relative;width:100%}.bd-img{position:relative;z-index:1;display:block;width:100%;height:100%}.bd-mirror{position:absolute;left:0;top:86%;width:100%;height:100%;transform:scaleY(-1);opacity:.14;-webkit-mask-image:linear-gradient(to top,black,transparent 28%);mask-image:linear-gradient(to top,black,transparent 28%);pointer-events:none}.bd-veil{position:absolute;inset:0;z-index:2;overflow:hidden;-webkit-mask:var(--sil) center / 100% 100% no-repeat;mask:var(--sil) center / 100% 100% no-repeat;opacity:0;transition:opacity .6s ease;pointer-events:none}.bd[data-lit] .bd-veil{opacity:1}.bd-hole{position:absolute;left:-50%;top:-50%;width:200%;height:200%;background:radial-gradient(ellipse 13% 14% at 50% 50%,transparent 0%,transparent 45%,var(--veil) 100%);transform:translate3d(calc((var(--ax) - .5) * 50%),calc((var(--ay) - .5) * 50%),0);transition:transform .7s var(--ease-out-soft);will-change:transform}.bd-mark{position:absolute;z-index:3;left:calc(var(--ax) * 100%);top:calc(var(--ay) * 100%);width:0;height:0;opacity:0;transition:left .7s var(--ease-out-soft),top .7s var(--ease-out-soft),opacity .4s ease;pointer-events:none}.bd[data-lit] .bd-mark{opacity:1}.bd-ring{position:absolute;left:-11px;top:-11px;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--color-accent);box-shadow:0 0 0 4px #ee7d2f2e}.bd-ring:after{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:var(--color-accent)}.bd-tag{position:absolute;left:22px;top:-1px;display:flex;align-items:center;gap:8px;padding:7px 11px;background:var(--color-paper);border:1px solid color-mix(in srgb,var(--color-ink) 18%,transparent);white-space:nowrap;transform:translateY(-50%)}.bd-tag:before{content:"";position:absolute;left:-12px;top:50%;width:12px;height:1px;background:var(--color-accent)}.bd-mark[data-flip] .bd-tag{left:auto;right:22px}.bd-mark[data-flip] .bd-tag:before{left:auto;right:-12px}.bd-swatch{position:relative;display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px #0000002e;flex:none}.bd-swatch[data-rim]{box-shadow:inset 0 0 0 1px #0000002e,0 0 0 2px var(--color-paper),0 0 0 3.5px var(--rim)}.bd-row{position:relative}.bd-head{cursor:pointer;width:100%;text-align:left}.bd-row[data-fixed] .bd-head{cursor:default}.bd-row:before{content:"";position:absolute;left:0;top:0;bottom:-1px;width:2px;background:var(--color-accent);transform:scaleY(0);transform-origin:50% 0;transition:transform .5s var(--ease-out-soft)}.bd-row[data-on]:before{transform:none}.bd-name{color:var(--color-ink);transition:color .4s ease}.bd-row:not([data-on]):not([data-open]) .bd-name{color:var(--color-ink-soft)}.bd-caret{transition:transform .5s var(--ease-out-soft)}.bd-row[data-open] .bd-caret{transform:rotate(180deg)}.bd-x{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease-out-soft)}.bd-x>div{min-height:0;overflow:hidden}.bd-row[data-open] .bd-x{grid-template-rows:1fr}.bd-opt{width:100%;text-align:left;cursor:pointer;transition:color .3s ease}.bd-opt:hover .bd-opt-label{color:var(--color-ink)}.bd-opt-label{color:var(--color-ink-soft);transition:color .3s ease}.bd-opt[aria-checked=true] .bd-opt-label{color:var(--color-ink)}.bd-dot{position:relative;display:inline-block;width:16px;height:16px;border-radius:50%;border:1px solid color-mix(in srgb,var(--color-ink) 35%,transparent);flex:none;transition:border-color .3s ease}.bd-dot:after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--color-accent);transform:scale(0);transition:transform .35s var(--ease-out-soft)}.bd-opt[aria-checked=true] .bd-dot{border-color:var(--color-accent)}.bd-opt[aria-checked=true] .bd-dot:after{transform:none}.bd-total{display:grid}.bd-total>*{grid-area:1 / 1}@media(max-width:1023px){.bd-dock{position:sticky;z-index:30;background:var(--color-paper)}.bd-tag{display:none}}@media(prefers-reduced-motion:reduce){.bd-veil,.bd-hole,.bd-mark,.bd-x,.bd-row:before,.bd-caret,.bd-dot:after{transition:none}}