.ps-w7-axis-markers .ps-joint-stage{container-type:size}.ps-w7-axis-markers .w7-axis-plane{width:min(100cqw, calc(100cqh * var(--w7-photo-ratio)));aspect-ratio:var(--w7-photo-ratio);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ps-w7-axis-markers .w7-axis-plane .responsive-picture{width:100%;height:100%;display:block}.ps-w7-axis-markers .w7-axis-plane img{object-fit:contain;width:100%;height:100%}.ps-w7-axis-markers .ps-joint-dot{width:44px;min-width:44px;height:44px;color:var(--primary-foreground);box-shadow:none;background:0 0;border:0;border-radius:50%;margin:0;padding:0;transform:translate(-50%,-50%)}.ps-w7-axis-markers .ps-joint-dot:after{content:none}.ps-w7-axis-markers .w7-axis-number{border:2px solid var(--primary-foreground);background:var(--brand-red);width:clamp(24px,3.2vw,38px);height:clamp(24px,3.2vw,38px);color:var(--primary-foreground);font:800 12px/1 var(--font-body);border-radius:50%;place-items:center;display:grid}.ps-w7-axis-markers .ps-joint-dot:focus-visible{outline:2px solid var(--primary-foreground);outline-offset:2px}.ps-w7-axis-markers .w7-axis-leaders{z-index:2;pointer-events:none;width:100%;height:100%;stroke:var(--primary-foreground);display:none;position:absolute;inset:0}.ps-w7-axis-markers .ps-joint-dot{z-index:3}@media (width<=767px){.ps-w7-axis-markers .ps-joint-dot{clip-path:circle(50%);width:32px;min-width:32px;height:32px;min-height:32px}.ps-w7-axis-markers .w7-axis-number{border-width:1.5px;width:20px;height:20px;font-size:11px}.ps-w7-axis-markers .ps-joint-dot:first-of-type{z-index:1}.ps-w7-axis-markers .ps-joint-dot:nth-of-type(2){z-index:2}.ps-w7-axis-markers .ps-joint-dot:nth-of-type(3){z-index:3}.ps-w7-axis-markers .ps-joint-dot:nth-of-type(4){z-index:4}.ps-w7-axis-markers .ps-joint-dot:nth-of-type(5){z-index:5}.ps-w7-axis-markers .ps-joint-dot:nth-of-type(6){z-index:6;width:26px;min-width:26px;height:26px;min-height:26px}.ps-w7-axis-markers .ps-joint-dot:nth-of-type(7){z-index:7;width:26px;min-width:26px;height:26px;min-height:26px}.ps-w7-axis-markers .ps-joint-dot:is(.is-active,:hover,:focus-visible){z-index:8}.ps-w7-axis-markers .ps-joint-dot:focus-visible .w7-axis-number{outline:2px solid var(--primary-foreground);outline-offset:1px}}