.RecitationCover{background-color:var(--accent);flex-shrink:0;position:relative;overflow:hidden}.RecitationCover--small{border-radius:16px;width:140px;height:140px}.RecitationCover--large{background-color:#0000001f;border-radius:22px;width:200px;height:200px;box-shadow:0 8px 24px #0003}.RecitationCover--large .RecitationCover-rose{display:none}.RecitationCover-rose{z-index:0;opacity:.3;pointer-events:none;background-color:var(--rose-color,#922500);width:130%;height:130%;-webkit-mask-image:var(--rose-svg);mask-image:var(--rose-svg);-webkit-mask-image:var(--rose-svg);z-index:0;animation:RecitationCover-spin var(--rose-duration,120s)linear infinite;position:absolute;inset:-15%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes RecitationCover-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.RecitationCover-photo{z-index:2;object-fit:contain;object-position:center bottom;width:100%;height:100%;position:absolute;inset:0;transform:translateZ(0)}.RecitationCover--large .RecitationCover-photo{animation:2s cubic-bezier(.16,1,.3,1) both RecitationCover-fadeIn}@keyframes RecitationCover-fadeIn{0%{opacity:0}to{opacity:1}}.RecitationCover-photo--fallback{object-fit:cover;object-position:center}