.hmi-public{--hmi-gap:15px;position:relative;width:100%;font-family:inherit}.hmi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--hmi-gap)}.hmi-slider{display:flex;gap:var(--hmi-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:2px 0 10px}.hmi-slider>.hmi-public-card{flex:0 0 calc((100% - 4 * var(--hmi-gap))/5);scroll-snap-align:start}.hmi-public-card{min-width:0;border-radius:5px;overflow:hidden;background:white;border:1px solid #f1e7eb}.hmi-cover{display:block;position:relative;aspect-ratio:3/4;background:#fff4f4;color:#222;overflow:hidden}.hmi-cover img{display:block;width:100%;height:100%;object-fit:cover}.hmi-cover:focus-visible,.hmi-controls button:focus-visible{outline:3px solid #8e1044;outline-offset:-3px}.hmi-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;font-size:38px;text-shadow:0 1px 5px #555}.hmi-album{position:absolute;right:10px;top:10px;color:white;font-size:28px;text-shadow:0 1px 5px #555}.hmi-counters{display:flex;justify-content:center;gap:15px;padding:12px 8px;font-size:14px;color:#111}.hmi-cover-fallback{display:flex;height:100%;align-items:center;justify-content:center;padding:15px}.hmi-controls{display:flex;justify-content:flex-end;gap:8px;margin-bottom:10px}.hmi-controls button{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #ead5dd;border-radius:50%;background:#fff;color:#222;font-size:26px;cursor:pointer;padding:0}.hmi-pagination ul{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:25px 0}.hmi-pagination a,.hmi-pagination span{display:block;padding:8px 12px;border:1px solid #ead5dd;border-radius:4px}.hmi-pagination .current{background:#8e1044;color:#fff}.hmi-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1024px){.hmi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hmi-slider>.hmi-public-card{flex-basis:calc((100% - 2 * var(--hmi-gap))/3)}}@media(max-width:767px){.hmi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hmi-slider>.hmi-public-card{flex-basis:72%}.hmi-counters{gap:10px;padding:10px 5px;font-size:13px}}