#double-discovery .double-equation{font-size:19px;font-weight:750;font-variant-numeric:tabular-nums;color:var(--purple)}
.doubles-units{transform:scale3d(var(--unit-fit,1),var(--unit-fit,1),var(--unit-fit,1));transition:none}
.doubles-units .unit-cube,.doubles-label{animation:double-hug 2s cubic-bezier(.22,.7,.2,1) both;transition:none}
.doubles-label{--hug-z:calc(var(--unit)/2 + 4px);position:absolute;left:calc(var(--label-x)*var(--unit) - 17px);top:calc(var(--label-y)*var(--unit) - 13px);min-width:34px;padding:3px;border:1px solid var(--purple);border-radius:12px;background:var(--surface,#fffdfb);color:var(--control-ink,#6e546e);font-size:14px;font-weight:750;text-align:center;backface-visibility:hidden;transform:translateZ(var(--hug-z))}
.doubles-label[data-half="1"]{border-style:dashed}
.doubles-units:after{content:"";position:absolute;transform:translateZ(calc(var(--unit)/2 + 2px));border-color:var(--purple);border-style:dashed;border-width:0;pointer-events:none}
.doubles-units[data-axis="columns"]:after{left:50%;top:0;height:100%;border-left-width:2px}
.doubles-units[data-axis="rows"]:after{top:50%;left:0;width:100%;border-top-width:2px}
@keyframes double-hug{0%,25%{transform:translate3d(calc(var(--hug-x)*var(--unit)),calc(var(--hug-y)*var(--unit)),var(--hug-z,0px))}80%,100%{transform:translate3d(0,0,var(--hug-z,0px))}}
@media(prefers-reduced-motion:reduce){.doubles-units .unit-cube,.doubles-label{animation:none}}
@media print{#double-discovery{display:none}}