body{overflow:auto}div#DI_stat_match{--reference_padding:4em;align-items:flex-start;padding:var(--reference_padding)}div#DI_stat_match>img{display:block;position:relative;object-position:0% 0%;object-fit:none}details[data--=match_details]{--offsetX:calc( var(--width_n) * .5 );--offsetY:calc( ( var(--height_n) * .5 ) + 2em + 2em );z-index:10;position:absolute;width:var(--width_n);top:calc(var(--top_n) - var(--offsetY) + 2em + var(--reference_padding));left:calc(var(--left_n) - var(--offsetX) + var(--reference_padding));transform:translate(var(--offsetX),var(--offsetY));transition:.25s ease}details[data--=match_details]>summary{margin-bottom:.5em;padding:.25em;width:100%;height:1.5em;color:transparent;list-style-image:url(marker_circle.svg);cursor:pointer}details[data--=match_details]>summary>span{opacity:0;position:absolute;top:0;height:1.5em;transition:.4s}details[data--=match_details]>summary>span>label{position:relative;padding:0 1em}details[data--=match_details]>summary>span>label>span{display:inline-block;width:1em;height:1em;line-height:1em;border-radius:50%;text-align:center;transform:scale(.5);background:hsla(210 94% 91% /1)}details[data--=match_details]>summary::-webkit-details-marker{background:url(marker_circle.svg)}details[data--=match_details]>summary:hover>span{opacity:1}details[data--=match_details]>div>article{display:grid;height:var(--height_n)}details[data--=match_details]>div>article>input[id^=IN_clip_]{display:none}details[data--=match_details]>div>article>input[id^=IN_clip_]+canvas{display:none;grid-area:1/-1;width:var(--width_n)}details[data--=match_details]>div>article>input[id^=IN_clip_]+canvas+label{display:none;z-index:1;grid-area:1/-1}details[data--=match_details]>div>article>aside,details[data--=match_details]>div>article>input{display:none}details[data--=match_details]>div>article>input:checked+canvas{display:block}details[data--=match_details]>div>article>input:checked+canvas+label{display:block;transition-property:box-shadow;transition-delay:.25s;transition-duration:.5s}details[data--=match_details]>div>article>input:checked+canvas+label+input+aside{position:absolute;top:2em;padding:.5em;min-width:var(--width_n);height:var(--height_n);overflow-Y:auto;font-size:90%}details[data--=match_details]>div>article>input:checked+canvas+label+input:checked+aside{display:block;z-index:2;transform:translateY(var(--height_n));transition-property:transform;transition-delay:.1s;transition-duration:.5s}details[data--=match_details]>div>article>input[id^=IN_clip_]+div{display:none;width:var(--width_n)}details[data--=match_details]>div>article>input:checked+div{display:block}details[data--=match_details][open]{z-index:20;transform:translate(0,0);transition:.25s ease}details[data--=match_details][open]>summary{opacity:0;transition:.4s}details[data--=match_details][open]>summary:hover{opacity:1}details[data--=match_details][open]>summary:hover>span{opacity:1}details[data--=match_details][open]>div>article>div{height:var(--height_n);border:2px solid hsla(210 11% 31% /.75)}details[data--=match_details][open]>div>article>canvas:hover,details[data--=match_details][open]>div>article>div:hover,details[data--=match_details][open]>div>article>label:hover{box-shadow:0 0 0 1000vmax hsla(210 11% 31% /.75);transition-property:box-shadow;transition-delay:.25s;transition-duration:.5s}details[data--=match_details][open]~img{z-index:15}.svg_icon{--svg_icon_dim:24px;fill:hsla(210 11% 79% /1);stroke:none;width:var(--svg_icon_dim);height:var(--svg_icon_dim)}