.opt-cover{background:#ececec;display:block;position:relative;overflow:hidden}.opt-cover__skel{z-index:1;pointer-events:none;background:linear-gradient(90deg,#ececec 25%,#f5f5f5 50%,#ececec 75%) 0 0/200% 100%;transition:opacity .28s;animation:1.1s linear infinite opt-cover-shimmer;position:absolute;inset:0}.opt-cover.is-loaded .opt-cover__skel{opacity:0}.opt-cover__img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .35s;display:block}.opt-cover.is-loaded .opt-cover__img{opacity:1}@keyframes opt-cover-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.opt-cover__skel{animation:none}.opt-cover__img,.opt-cover__skel{transition:none}}
.opt-progress{z-index:3;background:#111;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:absolute;overflow:hidden;box-shadow:0 0 0 2px #00000059}.opt-progress__ring{border-radius:50%;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.opt-progress__ring circle{fill:none;stroke-width:6px}.opt-progress__ring circle:first-child{stroke:#3a3a3a}.opt-progress__ring circle:last-child{stroke-linecap:round}.opt-progress>span{z-index:1;color:#fff;white-space:nowrap;justify-content:center;align-items:center;font-size:.68rem;font-weight:800;line-height:1;display:flex;position:relative}.opt-progress small{font-size:.85em}.opt-top__donut,.opt-fy__donut,.opt-rubrique__must-donut{bottom:.55rem;right:.55rem}.opt-grid__donut{top:.45rem;right:.45rem}