@keyframes ss-dg-flow{to{stroke-dashoffset:-26px}}@keyframes ss-dg-pop{0%{opacity:0;transform:scale(.9)translateY(8px)}to{opacity:1;transform:none}}@keyframes ss-dg-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.ss-dg-stage{--ac:#f8a800;--on:#151517;min-width:0;height:100%;color:var(--palette-black);box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;gap:0;padding:0;display:flex}.ss-dg-tabs{border:0;border-bottom:1px solid color-mix(in oklab, var(--palette-black) 12%, transparent);background:0 0;border-radius:0;flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:0;width:auto;margin:0 0 18px;padding:0;display:grid}.ss-dg-tabs button{color:color-mix(in oklab, var(--palette-black) 48%, transparent);cursor:pointer;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px 4px 12px;font-size:11.5px;font-weight:500;transition:color .3s,background .3s;display:flex;position:relative}.ss-dg-tabs button:after{content:"";background:var(--c);border-radius:2px;height:2px;transition:transform .35s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:-1px;left:18%;right:18%;transform:scaleX(0)}.ss-dg-tabs button[aria-pressed=true]{background:linear-gradient(0deg, color-mix(in srgb, var(--c) 12%, transparent), transparent 85%);color:var(--palette-black);box-shadow:none}.ss-dg-tabs button[aria-pressed=true]:after{transform:scaleX(1)}.ss-dg-tab-ic{background:color-mix(in srgb, var(--c) 14%, transparent);width:26px;height:26px;color:var(--c);border-radius:8px;place-items:center;transition:background .3s,color .3s;display:grid}.ss-dg-tabs button[aria-pressed=true] .ss-dg-tab-ic{background:var(--c);color:#151517}.ss-dg-map{flex:auto;grid-template-columns:30% 1fr 30%;height:auto;min-height:300px;display:grid;position:relative}.ss-dg-stage[dir=rtl] .ss-dg-lines{transform-origin:50%;transform:scaleX(-1)}.ss-dg-lines{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ss-dg-lines path{fill:none;stroke:color-mix(in oklab, var(--palette-black) 14%, transparent);stroke-width:1.5px;transition:stroke .3s}.ss-dg-lines .on path{stroke:var(--ac);stroke-width:2px;stroke-dasharray:6 7;filter:drop-shadow(0 0 4px var(--ac));animation:.9s linear infinite ss-dg-flow}.ss-dg-col{z-index:1;grid-template-rows:repeat(4,1fr);align-items:center;display:grid;position:relative}.ss-dg-in button{border:1px solid color-mix(in oklab, var(--palette-black) 12%, transparent);background:var(--palette-muted);width:100%;color:color-mix(in oklab, var(--palette-black) 70%, transparent);text-align:start;cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:9px 11px;transition:border-color .3s,background .3s,box-shadow .3s,transform .3s;display:flex}.ss-dg-in button:hover{transform:translate(3px)}.ss-dg-stage[dir=rtl] .ss-dg-in button:hover{transform:translate(-3px)}.ss-dg-in button.on{border-color:var(--ac);background:color-mix(in srgb, var(--ac) 10%, var(--palette-white));box-shadow:0 0 0 3px color-mix(in srgb, var(--ac) 10%, transparent)}.ss-dg-ic{background:var(--palette-white);width:30px;height:30px;color:color-mix(in oklab, var(--palette-black) 45%, transparent);border-radius:9px;flex-shrink:0;place-items:center;transition:background .3s,color .3s;display:grid}.ss-dg-in .on .ss-dg-ic{background:var(--ac);color:var(--on)}.ss-dg-map small{letter-spacing:1.2px;text-transform:uppercase;color:color-mix(in oklab, var(--palette-black) 45%, transparent);font-size:9px;display:block}.ss-dg-stage[dir=rtl] .ss-dg-map small{letter-spacing:normal;text-transform:none}.ss-dg-in b{color:var(--palette-black);font-size:13.5px;font-weight:500;display:block}.ss-dg-in button>span:last-child{animation:.45s ease-out ss-dg-fade}.ss-dg-product{z-index:1;background:var(--palette-white);border:1px solid color-mix(in oklab, var(--palette-black) 12%, transparent);border-radius:16px;place-self:center;width:70%;padding:11px;animation:.5s cubic-bezier(.2,.9,.3,1.3) ss-dg-pop;position:relative;box-shadow:0 16px 40px #0f172a1a}.ss-dg-img{aspect-ratio:1/.82;border-radius:11px;display:block;overflow:hidden}.ss-dg-img svg{width:100%;height:100%;display:block}.ss-dg-product>b{color:var(--palette-black);margin-top:9px;font-size:13px;display:block}.ss-dg-product>span{color:var(--ac);font-size:12px;font-weight:600}.ss-dg-tags{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.ss-dg-tags em{background:var(--palette-muted);color:color-mix(in oklab, var(--palette-black) 55%, transparent);border-radius:10px;padding:3px 7px;font-size:9.5px;font-style:normal;transition:background .3s,color .3s}.ss-dg-tags em.on{background:var(--ac);color:var(--on)}.ss-dg-o{border:1px dashed color-mix(in oklab, var(--palette-black) 18%, transparent);background:var(--palette-muted);border-radius:12px;padding:9px 12px;transition:border-color .3s,background .3s,transform .3s}.ss-dg-o b{color:color-mix(in oklab, var(--palette-black) 50%, transparent);margin-top:2px;font-size:12.5px;font-weight:500;transition:color .3s;display:block}.ss-dg-o.on{border-style:solid;border-color:var(--ac);background:color-mix(in srgb, var(--ac) 10%, var(--palette-white));transform:translate(-3px)}.ss-dg-stage[dir=rtl] .ss-dg-o.on{transform:translate(3px)}.ss-dg-o.on b{color:var(--palette-black)}.ss-dg-hint{color:color-mix(in oklab, var(--palette-black) 45%, transparent);flex-shrink:0;margin:12px 0 0;font-size:11px}.ss-dg-vrail,.ss-dg-vlink{display:none}@keyframes ss-dg-vflow{to{background-position:0 18px}}@media (max-width:1023px){.ss-dg-stage{height:auto;padding:0}.ss-dg-tabs{margin-bottom:14px}.ss-dg-tabs button{padding:6px 2px 10px;font-size:10.5px}.ss-dg-map{flex-direction:column;flex:none;grid-template-columns:none;align-items:stretch;gap:0;height:auto;min-height:0;display:flex;position:relative}.ss-dg-lines{display:none}.ss-dg-in{z-index:1;flex-direction:column;grid-template-rows:none;grid-template-columns:none;gap:8px;padding-inline-start:1.75rem;display:flex;position:relative}.ss-dg-vrail{inset-inline-start:.55rem;z-index:0;pointer-events:none;width:2px;display:block;position:absolute;top:.55rem;bottom:.55rem}.ss-dg-vrail-line{background:repeating-linear-gradient(to bottom, color-mix(in oklab, var(--palette-black) 18%, transparent) 0 4px, transparent 4px 9px);background-size:2px 18px;border-radius:2px;width:100%;height:100%;animation:.9s linear infinite ss-dg-vflow;display:block}.ss-dg-vrail-dot{left:50%;top:calc((var(--i,0) + .5) / 4 * 100%);background:var(--ac);width:10px;height:10px;box-shadow:0 0 0 3px color-mix(in srgb, var(--ac) 22%, transparent);border-radius:999px;transition:top .45s cubic-bezier(.2,.8,.2,1);position:absolute;transform:translate(-50%,-50%)}.ss-dg-vlink{background:repeating-linear-gradient(to bottom, color-mix(in srgb, var(--ac) 55%, transparent) 0 4px, transparent 4px 8px);background-size:2px 16px;border-radius:2px;width:2px;height:18px;margin:6px auto;animation:.85s linear infinite ss-dg-vflow;display:block}.ss-dg-in button{text-align:start}.ss-dg-in button:hover,.ss-dg-o.on{transform:none}.ss-dg-product{z-index:1;width:min(100%,240px);margin:4px auto;position:relative}.ss-dg-out{z-index:1;flex-direction:column;grid-template-rows:none;gap:8px;display:flex;position:relative}.ss-dg-o:not(.on){display:none}.ss-dg-o.on{animation:.45s cubic-bezier(.2,.9,.3,1.2) ss-dg-pop}}@media (prefers-reduced-motion:reduce){.ss-dg-lines .on path,.ss-dg-product,.ss-dg-in button>span:last-child,.ss-dg-vrail-line,.ss-dg-vlink,.ss-dg-o.on{animation:none}.ss-dg-vrail-dot{transition:none}}