.pdp-frame__seq{opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .24s var(--ease-out);display:block;position:absolute;inset:0}.pdp-frame__seq[data-live]{opacity:1}@media screen{@supports (animation-timeline:view()){.pdp-frame__seq{animation:linear both pdp-settle;animation-timeline:--frame;animation-range:entry cover 55%}}}.pdp-plinth{opacity:0;pointer-events:none;transition:opacity .24s var(--ease-out);position:absolute;inset:0;-webkit-mask-image:radial-gradient(closest-side,#000 58%,#0000 100%);mask-image:radial-gradient(closest-side,#000 58%,#0000 100%)}.pdp-system__frame[data-stage=live] .pdp-plinth{opacity:1}.pdp-system__frame[data-stage=live] .pdp-system__img{visibility:hidden;transition:visibility 0s linear .24s}.pdp-system__frame[data-stage=live] .pdp-system__pins{visibility:hidden}.pdp-plinth__pins{visibility:hidden;pointer-events:none;position:absolute;inset:0}.pdp-system__frame[data-stage=live] .pdp-plinth__pins{visibility:visible}.pdp-pin--live{color:inherit;font:inherit;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;top:0;left:0}.pdp-pin--live:focus-visible{outline:none}.pdp-pin--live:focus-visible .pdp-pin__pill{outline:2px solid var(--accent);outline-offset:2px}.pdp-pin--live .pdp-pin__pill{transition:background-color .16s var(--ease-out), border-color .16s var(--ease-out), transform .12s var(--ease-out)}.pdp-pin--live .pdp-pin__pill:after{content:"";position:absolute;inset:-6px -4px}.pdp-pin--live .pdp-pin__dot{transition:background-color .16s var(--ease-out)}.pdp-pin--live[aria-pressed=true] .pdp-pin__dot{background:var(--accent)}.pdp-pin--live[aria-pressed=true] .pdp-pin__pill{border-color:var(--accent-soft);background:#080a0adb}.pdp-pin--live[data-dir=up]:active .pdp-pin__pill{transform:translate(-50%)scale(.97)}.pdp-pin--live[data-dir=left]:active .pdp-pin__pill{transform:translateY(-50%)scale(.97)}