@import url('/part-1/style.css');
h1{font-size:clamp(30px,4vw,50px);margin:22px 0}.states{display:flex;gap:12px}.states button{flex:1;padding:16px}.layout{grid-template-columns:minmax(0,1fr) 300px}#viewer{height:610px}.playback{display:flex;align-items:center;gap:16px;margin:18px 0}.playback label{white-space:nowrap}.playback input{flex:1;min-width:50px;accent-color:#a6d6bb}.toggle{display:flex;gap:10px;margin:20px 0;font-size:15px}.legend{display:flex;gap:24px}.legend span{display:flex;align-items:center;gap:8px}.legend i{width:12px;height:12px;border-radius:50%}.note,details{font-size:13px;color:#adbbb3}details{margin-top:25px}details a{color:#a5d8ca}#caption{min-height:26px;color:#b8cbbf}#loading{position:absolute;top:50%;left:20px}aside{padding-top:12px}input[type=checkbox]{accent-color:#9dcbb4}@media(max-width:850px){.layout{grid-template-columns:1fr}#viewer{height:520px}aside{max-width:650px}.states{flex-wrap:wrap}}