.dkr-pent{position:relative;width:100%;max-width:640px;height:260px;margin-inline:auto;color:#171c30;isolation:isolate}
.dkr-pent-art{position:absolute;left:50%;top:48px;width:180px;height:180px;transform:translateX(-50%);overflow:visible}
.dkr-pent-center{position:absolute;left:50%;top:138px;transform:translate(-50%,-50%);width:64px;height:64px;background:white;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
.dkr-pent-center b{font-size:15px;color:#fa0875;line-height:1.3}.dkr-pent-center span{font-size:10px;color:#687184;white-space:nowrap}
.dkr-pent-label{position:absolute;font-size:14px;font-weight:600;line-height:1.5;white-space:nowrap}
.dkr-pent-label-0{left:50%;top:7px;transform:translateX(-50%);text-align:center}
.dkr-pent-label-1{left:calc(50% + 120px);top:82px}.dkr-pent-label-2{left:calc(50% + 99px);top:189px}
.dkr-pent-label-3{right:calc(50% + 99px);top:189px;text-align:right}.dkr-pent-label-4{right:calc(50% + 120px);top:82px;text-align:right}
.dkr-pent-point{position:absolute;z-index:2;display:grid;place-items:center;width:28px;height:28px;min-height:0;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;transform:translate(-50%,-50%);color:var(--point-color)}
.dkr-pent-point span{display:block;width:10px;height:10px;background:currentColor;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px currentColor;transition:transform .15s}
.dkr-pent-point:hover span,.dkr-pent-point:focus-visible span{transform:scale(1.35)}.dkr-pent-point:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.dkr-pent-point-0{--point-color:#fa0875;left:50%;top:55.2px}.dkr-pent-point-1{--point-color:#9d5ce9;left:calc(50% + 78.75px);top:112.41px}
.dkr-pent-point-2{--point-color:#159da8;left:calc(50% + 48.67px);top:204.99px}.dkr-pent-point-3{--point-color:#ec9541;left:calc(50% - 48.67px);top:204.99px}.dkr-pent-point-4{--point-color:#6482dc;left:calc(50% - 78.75px);top:112.41px}
.dkr-pent-tip{position:absolute;z-index:4;left:50%;top:87px;transform:translateX(-50%);width:min(300px,calc(100% - 16px));padding:14px 16px;background:#fff;border:1px solid #f4c4dc;border-radius:12px;box-shadow:0 8px 28px #22102d24;opacity:0;visibility:hidden;pointer-events:none;font-size:13px;line-height:1.7;text-align:left}
.dkr-pent-tip strong{display:block;color:#c90060;margin-bottom:5px;font-size:14px}.dkr-pent-tip span{display:block;color:#596175}
.dkr-pent-point:hover+.dkr-pent-tip,.dkr-pent-point:focus-visible+.dkr-pent-tip,.dkr-pent-point[aria-expanded="true"]+.dkr-pent-tip{opacity:1;visibility:visible}
.dkr-pent-point.is-dismissed+.dkr-pent-tip{opacity:0;visibility:hidden}
@media(max-width:600px){
 .dkr-pent{max-width:360px;height:330px}
 .dkr-pent-art{top:68px;width:166px;height:166px}.dkr-pent-center{top:151px}
 .dkr-pent-label-0{top:7px}.dkr-pent-label-1{left:auto;right:0;top:80px;width:108px;text-align:center}.dkr-pent-label-4{right:auto;left:0;top:80px;width:108px;text-align:center}
 .dkr-pent-label-2{left:auto;right:0;top:249px;width:126px;text-align:center}.dkr-pent-label-3{right:auto;left:0;top:249px;width:126px;text-align:center}
 .dkr-pent-point-0{top:74.64px}.dkr-pent-point-1{left:calc(50% + 72.62px);top:127.4px}.dkr-pent-point-2{left:calc(50% + 44.88px);top:212.78px}.dkr-pent-point-3{left:calc(50% - 44.88px);top:212.78px}.dkr-pent-point-4{left:calc(50% - 72.62px);top:127.4px}
 .dkr-pent-tip{top:126px}
}
@media(prefers-reduced-motion:reduce){.dkr-pent-point span{transition:none}}