._box_d1sum_1{transform-style:preserve-3d;--box-height-px:calc(var(--box-height) * 1px);--box-width-px:calc(var(--box-width) * 1px);--box-depth-px:calc(var(--box-depth) * 1px);--box-curve-px:calc(var(--box-curve) * 1px);--box-stroke-px:calc(var(--box-stroke) * 1px);--c-opp:var(--box-width);--c-adj:var(--box-height);--c-hyp:calc(sqrt(pow(var(--c-opp), 2) + pow(var(--c-adj), 2)));--c-oh:calc(var(--c-opp) / var(--c-hyp));--c-angle:asin(var(--c-oh));--c-diff:1.245;--cs-opp:calc((var(--box-width) - var(--box-curve)));--cs-adj:var(--box-height);--cs-hyp:calc(sqrt(pow(var(--cs-opp), 2) + pow(var(--cs-adj), 2)));--cs-oh:calc(var(--cs-opp) / var(--cs-hyp));--cs-angle:asin(var(--cs-oh));--ce-opp:var(--box-width);--ce-adj:calc((var(--box-height) - var(--box-curve)));--ce-hyp:calc(sqrt(pow(var(--ce-opp), 2) + pow(var(--ce-adj), 2)));--ce-oh:calc(var(--ce-opp) / var(--ce-hyp));--ce-angle:asin(var(--ce-oh));grid:1fr/1fr;place-items:center;display:grid;position:relative;container:box inline-size}._box_d1sum_1>*{background:var(--surface);transform-style:preserve-3d;grid-area:1/1}._box_d1sum_1>*:is(._front_d1sum_38,._back_d1sum_38){backface-visibility:hidden}._box_d1sum_1>*:not(._front_d1sum_38,._back_d1sum_38){filter:brightness(.69)}._box_d1sum_1[data-has-secondary-color]>:not(._front_d1sum_38,._back_d1sum_38){background:var(--secondary-surface);filter:unset}._front_d1sum_38,._back_d1sum_38{border:var(--box-stroke-px) solid}._front_d1sum_38,._frontBehind_d1sum_61,._back_d1sum_38,._backBehind_d1sum_63{height:var(--box-height-px);width:var(--box-width-px);border-radius:var(--box-curve-px);overflow:hidden}._left_d1sum_70,._right_d1sum_71,._top_d1sum_72,._bottom_d1sum_73,._centerX_d1sum_74,._centerY_d1sum_75,._diagonalLeftToRightCurveStart_d1sum_76,._diagonalRightToLeftCurveStart_d1sum_77,._diagonalLeftToRightCurveEnd_d1sum_78{width:1px;height:1px}._front_d1sum_38{transform:translateZ(calc(var(--box-depth-px) / 2))}._frontBehind_d1sum_61{transform:translateZ(calc(var(--box-depth-px) / 2 - 1px))}._back_d1sum_38{transform:translateZ(calc(var(--box-depth-px) / -2)) rotateY(180deg)}._backBehind_d1sum_63{transform:translateZ(calc(var(--box-depth-px) / -2 + 1px))}._left_d1sum_70{transform:rotateY(-90deg) translateZ(calc(var(--box-width-px) / 2)) scale(var(--box-depth), calc(var(--box-height) - var(--box-curve) * 2))}._right_d1sum_71{transform:rotateY(90deg) translateZ(calc(var(--box-width-px) / 2)) scale(var(--box-depth), calc(var(--box-height) - var(--box-curve) * 2))}._top_d1sum_72{transform:rotateX(90deg) translateZ(calc(var(--box-height-px) / 2)) scale(calc(var(--box-width) - var(--box-curve) * 2), var(--box-depth))}._bottom_d1sum_73{transform:rotateX(-90deg) translateZ(calc(var(--box-height-px) / 2)) scale(calc(var(--box-width) - var(--box-curve) * 2), var(--box-depth))}._centerX_d1sum_74{transform:rotateX(90deg) scale(var(--box-width), var(--box-depth))}._centerY_d1sum_75{transform:rotateY(-90deg) scale(var(--box-depth), var(--box-height))}._diagonalRightToLeftCurveStart_d1sum_77{transform:rotateY(-90deg) rotateX(var(--c-angle)) scale(var(--box-depth), calc(var(--c-hyp) - var(--box-curve) / var(--c-diff)))}._diagonalLeftToRightCurveStart_d1sum_76{transform:rotateY(-90deg) rotateX(calc(-1 * var(--c-angle))) scale(var(--box-depth), calc(var(--c-hyp) - var(--box-curve) / var(--c-diff)))}._diagonalRightToLeftCurveEnd_d1sum_145{transform:rotateY(-90deg) rotateX(var(--cs-angle)) scale(var(--box-depth), calc(var(--cs-hyp) - var(--box-curve) / 4))}._diagonalLeftToRightCurveEnd_d1sum_78{width:1px;height:1px;transform:rotateY(-90deg) rotateX(calc(-1 * var(--ce-angle))) scale(var(--box-depth), calc(var(--ce-hyp) - var(--box-curve) / 4))}