.analog-clock{display:flex;align-items:center;justify-content:center;position:relative}.analog-clock-hand_base{position:absolute;color:#000;inset:auto;z-index:1}.analog-clock-hand{position:absolute;top:auto;bottom:auto;transform-origin:left;left:50%}.analog-clock-bg{position:absolute;inset:auto;left:50%;top:50%;transform:translate(-50%,-50%)}body{padding:1rem;font-family:sans-serif}.previews-container{width:100%;text-align:center;display:grid;grid-template-columns:1fr;justify-content:center;align-items:center}@media (min-width: 769px){.previews-container{grid-template-columns:1fr 1fr}}@media (min-width: 1025px){.previews-container{grid-template-columns:1fr 1fr 1fr}.infos{justify-content:center}}pre{text-align:left;padding:1rem;background-color:#f5f5f5;border-radius:5px;margin-bottom:1rem;white-space:pre-wrap;word-break:break-word;max-width:100%}code{width:100%;overflow-x:auto;white-space:pre;word-break:normal}.preview{display:flex;padding:1rem;flex-direction:column;align-items:center;justify-content:center}.page-title{margin-bottom:1rem;text-align:center}h2{text-transform:capitalize}a{text-decoration:none}.infos{display:flex;padding:1rem 0;align-items:center;width:100%;flex-wrap:wrap}.infos img{margin-right:1rem;margin-bottom:.5rem}header{background-color:#f5f5f5;display:flex;justify-content:center;padding:0rem 1rem;align-items:center;border-radius:5px;margin-bottom:1rem}header h3{text-align:center}footer{background-color:#f5f5f5;display:flex;justify-content:center;padding:1.25rem 1rem;align-items:center;border-radius:5px;margin-top:1rem;text-align:center;font-weight:700;font-size:14px}footer a{margin-left:.5rem}