@nulib/clover 4.3.0 → 4.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Canvas/CanvasView.mjs +4 -0
- package/dist/components/Canvas/media/MediaBody.mjs +38 -10
- package/dist/components/Canvas/media/SeekMarks.mjs +236 -0
- package/dist/components/Canvas/media/Transport.mjs +26 -3
- package/dist/components/Canvas/media/useMediaElement.mjs +23 -11
- package/dist/components/Items/Item.mjs +30 -21
- package/dist/components/Items/Items.mjs +3 -1
- package/dist/components/Items/PagerLayout.mjs +1 -0
- package/dist/components/Map/MapView.mjs +7 -6
- package/dist/components/Panel/PanelToggle.mjs +3 -1
- package/dist/index.d.mts +26 -3
- package/dist/index.mjs +2 -1
- package/dist/map/index.d.mts +6 -0
- package/dist/react/hooks.mjs +3 -1
- package/dist/styles/core.css +1 -1
- package/dist/styles/default.css +1 -1
- package/dist/styles/media.css +1 -1
- package/dist/styles.css +1 -1
- package/dist/templates/document/Document.mjs +2 -3
- package/dist/templates/index.d.mts +433 -0
- package/dist/templates/index.mjs +19 -2
- package/dist/templates/shared/LightboxView.mjs +7 -5
- package/dist/templates/shared/PanelPane.mjs +27 -13
- package/dist/ui/Button.mjs +3 -1
- package/dist/ui/sheets/media.mjs +1 -1
- package/dist/web-components/{About-uNCjvWgs.mjs → About-BtaFd4AF.mjs} +1 -1
- package/dist/web-components/{AnnotationItems-JwlcCvPo.mjs → AnnotationItems-CowjcNUd.mjs} +1 -1
- package/dist/web-components/{AnnotationMenu-BWyKEyvW.mjs → AnnotationMenu-CuR-ZArp.mjs} +1 -1
- package/dist/web-components/{AnnotationState-Bhqs75Br.mjs → AnnotationState-DYkjbBGk.mjs} +1 -1
- package/dist/web-components/{Annotations-ZwcRh2UE.mjs → Annotations-BbSg10Oz.mjs} +1 -1
- package/dist/web-components/{Annotations-C7y0N8Lj.mjs → Annotations-CzeyfbPR.mjs} +1 -1
- package/dist/web-components/{Body-DyrvRDkt.mjs → Body-Bh8Nu8Fo.mjs} +1 -1
- package/dist/web-components/{BodyAlert-XV88XjL8.mjs → BodyAlert-Cra_XvnG.mjs} +1 -1
- package/dist/web-components/Button-CE-5ew-f.mjs +1 -0
- package/dist/web-components/{Camera-7SlnmGtb.mjs → Camera-Cr2RIqCs.mjs} +1 -1
- package/dist/web-components/{Canvas2DBackend-DBGZRGid.mjs → Canvas2DBackend-CH8h2VnH.mjs} +1 -1
- package/dist/web-components/CanvasView-DcrhjwpU.mjs +2 -0
- package/dist/web-components/{CaptionDetails-Bxz8AXMz.mjs → CaptionDetails-BgsrrXAm.mjs} +1 -1
- package/dist/web-components/{ChaptersMenu-CMQiBqvx.mjs → ChaptersMenu-Bl6PPqt2.mjs} +1 -1
- package/dist/web-components/{Chevron-B3XaClVT.mjs → Chevron-CePM9HdR.mjs} +1 -1
- package/dist/web-components/{ChoiceMenu-pugo5zxI.mjs → ChoiceMenu-ClsLiaxQ.mjs} +1 -1
- package/dist/web-components/{Collection-Ch_FeSKp.mjs → Collection-a_DaYUM4.mjs} +1 -1
- package/dist/web-components/{CollectionSelect-2jDEkOcK.mjs → CollectionSelect-XLruVPnQ.mjs} +1 -1
- package/dist/web-components/{Connected-3hnIPSWM.mjs → Connected-BqaysSD7.mjs} +1 -1
- package/dist/web-components/{Connected-Bne3I5E1.mjs → Connected-D30kPwoX.mjs} +1 -1
- package/dist/web-components/{Connected-DuANHN93.mjs → Connected-D_Y8fBZk.mjs} +1 -1
- package/dist/web-components/{Contents-DIQrin_-.mjs → Contents-CA6CnTu3.mjs} +1 -1
- package/dist/web-components/{ControlMenu-BydnCTTQ.mjs → ControlMenu-BTGCnS_-.mjs} +1 -1
- package/dist/web-components/ControlsFade-D-SexeLX.mjs +1 -0
- package/dist/web-components/{CountMenu-CReBYVwu.mjs → CountMenu-CpM-FXwx.mjs} +1 -1
- package/dist/web-components/Cue-DghSvEx4.mjs +1 -0
- package/dist/web-components/Document-FFVXMPwT.mjs +1 -0
- package/dist/web-components/{DomLayers-D9X_FPto.mjs → DomLayers-mS4hhHRF.mjs} +1 -1
- package/dist/web-components/{Download-B8MpVqgk.mjs → Download-CqYuifok.mjs} +1 -1
- package/dist/web-components/{EntryBodies-DdpRfU5U.mjs → EntryBodies-3IO45Orn.mjs} +1 -1
- package/dist/web-components/{EntryThumbnail-DM7Zjj1z.mjs → EntryThumbnail-Anfv7mFZ.mjs} +1 -1
- package/dist/web-components/{FieldPill-BAql8_6s.mjs → FieldPill-pocIy1LB.mjs} +1 -1
- package/dist/web-components/{FrameAnimation-Dj46RxuL.mjs → FrameAnimation-R4MeMOFu.mjs} +1 -1
- package/dist/web-components/{Gallery-B9FNA02Z.mjs → Gallery-DvS3b7CP.mjs} +1 -1
- package/dist/web-components/{HideToggle-duXvDvDw.mjs → HideToggle-29T-__gd.mjs} +1 -1
- package/dist/web-components/{ImageControls-DODKjC0d.mjs → ImageControls-1LGEiMZc.mjs} +1 -1
- package/dist/web-components/Items-GF8INTZw.mjs +1 -0
- package/dist/web-components/{Label-D4dlrtpH.mjs → Label-CMEDN1xd.mjs} +1 -1
- package/dist/web-components/{LanguageChoice-DR3X-dtJ.mjs → LanguageChoice-E8VCduh-.mjs} +1 -1
- package/dist/web-components/LightboxView-CKK5mjZc.mjs +1 -0
- package/dist/web-components/{ListEnd-CQ4vX-NW.mjs → ListEnd-YjSPUw9O.mjs} +1 -1
- package/dist/web-components/{Loaded-DsNSPXWf.mjs → Loaded-CTi6A9VS.mjs} +1 -1
- package/dist/web-components/{LoadedCanvas-Cq7_O2bw.mjs → LoadedCanvas-Bdqqh01C.mjs} +1 -1
- package/dist/web-components/LoadedMap-DN3MdhcJ.mjs +1 -0
- package/dist/web-components/{Loading-4PmhMeZ-.mjs → Loading-tVzMiUqD.mjs} +1 -1
- package/dist/web-components/{Map-B29Ba50b.mjs → Map-X1sSxMhL.mjs} +1 -1
- package/dist/web-components/MapView-nkpoN7X_.mjs +3 -0
- package/dist/web-components/{Markup-BZ7l5GbG.mjs → Markup-Bowjvwik.mjs} +1 -1
- package/dist/web-components/MediaBody-B-sQOihV.mjs +1 -0
- package/dist/web-components/MediaBody-DZZrA-DM.mjs +1 -0
- package/dist/web-components/{NavDate-0MsHRjBW.mjs → NavDate-Cc5i7OTE.mjs} +1 -1
- package/dist/web-components/{Navigator-qJ79A8Nk.mjs → Navigator-BAlMH9x3.mjs} +1 -1
- package/dist/web-components/{Pager-SPd_u0qz.mjs → Pager-DmIPop9E.mjs} +1 -1
- package/dist/web-components/PagerLayout-DPIiFt_i.mjs +1 -0
- package/dist/web-components/{Panel-C8r3EsWn.mjs → Panel-COAOFI-u.mjs} +1 -1
- package/dist/web-components/PanelPart-DGYFBVl7.mjs +1 -0
- package/dist/web-components/PanelToggle-C4B6UY5p.mjs +1 -0
- package/dist/web-components/{PartOfManifest-BdDSxK4k.mjs → PartOfManifest-DpZTyo9I.mjs} +1 -1
- package/dist/web-components/{Pending-CmgVU1kF.mjs → Pending-Ci8Pe6Ip.mjs} +1 -1
- package/dist/web-components/{PlaceBox-D7HLNGxE.mjs → PlaceBox-vlZhTMoG.mjs} +1 -1
- package/dist/web-components/{Placeholder-DVAlXejQ.mjs → Placeholder-DrJKiL3N.mjs} +1 -1
- package/dist/web-components/{Position-C6KUAceQ.mjs → Position-D46qbQob.mjs} +1 -1
- package/dist/web-components/{Primitives-ClQVjY6x.mjs → Primitives-CijKEUFK.mjs} +1 -1
- package/dist/web-components/{Provider-C0IUdU6v.mjs → Provider-hKagyo0v.mjs} +1 -1
- package/dist/web-components/{ReadMore-BiEJA4yO.mjs → ReadMore-B-l-lJxV.mjs} +1 -1
- package/dist/web-components/{Root-Drt5N4_s.mjs → Root-3orKkAAl.mjs} +1 -1
- package/dist/web-components/Scene-CQmIsctH.mjs +1 -0
- package/dist/web-components/{SceneView-BHg37-rs.mjs → SceneView-B8_AOroA.mjs} +1 -1
- package/dist/web-components/{Search-Bpd_lGzH.mjs → Search-BQhTX9cc.mjs} +1 -1
- package/dist/web-components/{Sections-D_bS5IQH.mjs → Sections-DK04V31W.mjs} +1 -1
- package/dist/web-components/SeekMarks-tjdJi7bR.mjs +1 -0
- package/dist/web-components/{StandaloneItems-YV9O9M8F.mjs → StandaloneItems-3l4YBXUu.mjs} +1 -1
- package/dist/web-components/{Status-BCG7AN9B.mjs → Status-ZeDFIe5P.mjs} +1 -1
- package/dist/web-components/{Steps-Dnn8Ajqf.mjs → Steps-Dw4i3bYY.mjs} +1 -1
- package/dist/web-components/{TargetItems-xxbtePln.mjs → TargetItems-DkNwteSd.mjs} +1 -1
- package/dist/web-components/Timeline-wqnaRrC1.mjs +1 -0
- package/dist/web-components/{Tip-DPFWlNLu.mjs → Tip-Dd_jhbIx.mjs} +1 -1
- package/dist/web-components/{Transcript-C-_DbUO5.mjs → Transcript-CVfpxNjD.mjs} +1 -1
- package/dist/web-components/Transport-DGXTdsId.mjs +1 -0
- package/dist/web-components/Transport-DJB0UXR1.mjs +1 -0
- package/dist/web-components/{annotation-collection-nmxzo_hO.mjs → annotation-collection-BTpPigqD.mjs} +1 -1
- package/dist/web-components/{annotation-name-DoUUo-8D.mjs → annotation-name-CFvHyKti.mjs} +1 -1
- package/dist/web-components/{annotations-content-Cl1upbdd.mjs → annotations-content-GrkrBVh0.mjs} +1 -1
- package/dist/web-components/{body-DC8Oq8rY.mjs → body-fIGeqGQD.mjs} +1 -1
- package/dist/web-components/{canvas-gzoTnBxw.mjs → canvas-BS2SLLKS.mjs} +1 -1
- package/dist/web-components/{cloverEngine-CFL1Bd7n.mjs → cloverEngine-CQIuzG6M.mjs} +1 -1
- package/dist/web-components/{content-state-reader-DYbmXxCp.mjs → content-state-reader-CYaSfkCN.mjs} +1 -1
- package/dist/web-components/{controlGlyphs-d7KUIUwi.mjs → controlGlyphs-DbocsVHI.mjs} +1 -1
- package/dist/web-components/{controls-VC9D1mwr.mjs → controls-wzIEvR64.mjs} +1 -1
- package/dist/web-components/custom-elements.json +22 -0
- package/dist/web-components/{downloads-D2cnWDbs.mjs → downloads-7EkgG29z.mjs} +1 -1
- package/dist/web-components/{dragToClose-CzYeh_12.mjs → dragToClose-Bop25BOK.mjs} +1 -1
- package/dist/web-components/{engine-Dcfyp2DV.mjs → engine-cAKeOT-F.mjs} +1 -1
- package/dist/web-components/{engines-BMr7naGM.mjs → engines-DJ3NJG7R.mjs} +1 -1
- package/dist/web-components/{fetchManifest-DxptUh4u.mjs → fetchManifest-BchmTYKJ.mjs} +1 -1
- package/dist/web-components/{fromManifest-BpPFLVyZ.mjs → fromManifest-IctmL1Dl.mjs} +1 -1
- package/dist/web-components/{glyphs-BCnJl8py.mjs → glyphs-BO-1m6-c.mjs} +1 -1
- package/dist/web-components/{hooks-Dz_5UXXp.mjs → hooks-Dl6ZSn_E.mjs} +1 -1
- package/dist/web-components/{image-layers-BPnq7jk1.mjs → image-layers-BWmHzoSJ.mjs} +1 -1
- package/dist/web-components/{imageService-DFPkPNfe.mjs → imageService-Dhb-E5rq.mjs} +1 -1
- package/dist/web-components/index-BAkCMEQf.mjs +1 -0
- package/dist/web-components/index.d.mts +3 -0
- package/dist/web-components/index.mjs +1 -1
- package/dist/web-components/{items-D03KhDg6.mjs → items-CDbMZvPN.mjs} +1 -1
- package/dist/web-components/items-Z6uMtKSM.mjs +1 -0
- package/dist/web-components/label-B32XGxUM.mjs +1 -0
- package/dist/web-components/{layout-DVa_DnGH.mjs → layout-BixQWLYR.mjs} +1 -1
- package/dist/web-components/{link-DxXxMXiw.mjs → link-DoDZrIK7.mjs} +1 -1
- package/dist/web-components/logo-DFdob1X0.mjs +1 -0
- package/dist/web-components/{models-pO77sm3z.mjs → models-qg8TrXAe.mjs} +1 -1
- package/dist/web-components/{nodes-CmL3eoRE.mjs → nodes-C_TYa0cJ.mjs} +1 -1
- package/dist/web-components/{overlayImage-DFGetjMh.mjs → overlayImage-utUhUeIp.mjs} +1 -1
- package/dist/web-components/{panel-B1vzUm6_.mjs → panel-Do2CIE4L.mjs} +1 -1
- package/dist/web-components/part-1MCSi0Gx.mjs +1 -0
- package/dist/web-components/{playerSurface-CQ1wrIAQ.mjs → playerSurface-D3T1sYp4.mjs} +1 -1
- package/dist/web-components/{pointer-DWnCT3D3.mjs → pointer-CAZRjvDP.mjs} +1 -1
- package/dist/web-components/{provider-U7xzX_0T.mjs → provider-CTvn2JYS.mjs} +1 -1
- package/dist/web-components/{range-regions-Di_lmVqZ.mjs → range-regions-Bn6iZRLa.mjs} +1 -1
- package/dist/web-components/{read-more-BtA1sriO.mjs → read-more-sUL-TwGp.mjs} +1 -1
- package/dist/web-components/{readingLanguages-Ptho-Co9.mjs → readingLanguages-JQPbnrhL.mjs} +1 -1
- package/dist/web-components/{rendererSurface-BgZPnAwj.mjs → rendererSurface-CE09-Vp6.mjs} +2 -2
- package/dist/web-components/{renderers-hoD3WKYA.mjs → renderers-J_Go4mqn.mjs} +1 -1
- package/dist/web-components/{resource-DuTMsPEj.mjs → resource-DU94ocC-.mjs} +1 -1
- package/dist/web-components/{save-file-CLB5IM4a.mjs → save-file-CYFtT-_E.mjs} +1 -1
- package/dist/web-components/{search-Dd2Y1dsZ.mjs → search-BhcYrsRY.mjs} +1 -1
- package/dist/web-components/{shared-CCg1Iag8.mjs → shared-BtCBrxx9.mjs} +1 -1
- package/dist/web-components/{show-link-NjacLIdz.mjs → show-link-21y7MiKT.mjs} +1 -1
- package/dist/web-components/{sizedImage-CKOGmqhN.mjs → sizedImage-C4pD0cZa.mjs} +1 -1
- package/dist/web-components/{split-CcoXZcGX.mjs → split-w6D-xEIb.mjs} +1 -1
- package/dist/web-components/{status-B4a3Izph.mjs → status-Yo7BOr8p.mjs} +1 -1
- package/dist/web-components/styles-CAv9WP3T.mjs +1 -0
- package/dist/web-components/three.mjs +1 -1
- package/dist/web-components/{thumbnail-ez20ssEY.mjs → thumbnail-BdKVLxxw.mjs} +1 -1
- package/dist/web-components/{tip-DeFPN33O.mjs → tip-D1BgXKQ-.mjs} +1 -1
- package/dist/web-components/toggle-Cqtdko9H.mjs +1 -0
- package/dist/web-components/{useContainerName-BfyeBf6_.mjs → useContainerName-C2L1lj9-.mjs} +1 -1
- package/dist/web-components/{useControlsVisibility-oRiMiQhD.mjs → useControlsVisibility-B4X3mKyY.mjs} +1 -1
- package/dist/web-components/{useNearViewport-BADiMpLi.mjs → useNearViewport-DWtnayYx.mjs} +1 -1
- package/dist/web-components/{useScrollTrack-9QsMaHSx.mjs → useScrollTrack-D-Yh7v0Q.mjs} +1 -1
- package/dist/web-components/viewer/AnnotationItems-DJxYDDLY.mjs +1 -0
- package/dist/web-components/viewer/{AnnotationMenu-d5PT7q8D.mjs → AnnotationMenu-CBQft8tP.mjs} +1 -1
- package/dist/web-components/viewer/AnnotationState-D-pYs13c.mjs +1 -0
- package/dist/web-components/viewer/{Annotations-D_wg4O99.mjs → Annotations-KDQunny2.mjs} +1 -1
- package/dist/web-components/viewer/{Annotations-DKWYJOo2.mjs → Annotations-yD1LhlP3.mjs} +2 -2
- package/dist/web-components/viewer/{Canvas2DBackend-B4IXvdsN.mjs → Canvas2DBackend-M6vNWI1j.mjs} +1 -1
- package/dist/web-components/viewer/CaptionDetails-BhXwMQyX.mjs +1 -0
- package/dist/web-components/viewer/{ChaptersMenu-CaAIaRZN.mjs → ChaptersMenu-CQoZerOz.mjs} +1 -1
- package/dist/web-components/viewer/ChoiceMenu-zk7-RWGR.mjs +1 -0
- package/dist/web-components/viewer/Collection-CMHNssor.mjs +1 -0
- package/dist/web-components/viewer/{Connected-9VGl2Xnx.mjs → Connected-CWTe22Y4.mjs} +1 -1
- package/dist/web-components/viewer/{Connected-Cd2qwuuo.mjs → Connected-o-wFtqr5.mjs} +1 -1
- package/dist/web-components/viewer/{Contents-CsG9e7v2.mjs → Contents-6XNd1KtI.mjs} +1 -1
- package/dist/web-components/viewer/{ControlMenu-q_u_UC8q.mjs → ControlMenu-D5LwsByV.mjs} +1 -1
- package/dist/web-components/viewer/ControlsFade-C164aYHv.mjs +1 -0
- package/dist/web-components/viewer/{CountMenu-Dn0-z5A9.mjs → CountMenu-DGWnbRTj.mjs} +1 -1
- package/dist/web-components/viewer/Cue-RCMyZKdq.mjs +1 -0
- package/dist/web-components/viewer/Document-XCWKzfno.mjs +1 -0
- package/dist/web-components/viewer/{DomLayers-CwHg1jZg.mjs → DomLayers-D5F-HKU-.mjs} +1 -1
- package/dist/web-components/viewer/{Download-Clx_e2ga.mjs → Download-D9sTED6x.mjs} +1 -1
- package/dist/web-components/viewer/{EntryBodies-B4SnV6NJ.mjs → EntryBodies-D9GDp-K4.mjs} +1 -1
- package/dist/web-components/viewer/{EntryThumbnail-CsAqKh38.mjs → EntryThumbnail-FgoJmUgn.mjs} +1 -1
- package/dist/web-components/viewer/{FieldPill-NQfq8SXA.mjs → FieldPill-BRzwSwLf.mjs} +1 -1
- package/dist/web-components/viewer/{FrameAnimation-wN2VNW7D.mjs → FrameAnimation-BfqvPgd9.mjs} +1 -1
- package/dist/web-components/viewer/{Gallery-nX9kQlft.mjs → Gallery-71gebgEA.mjs} +1 -1
- package/dist/web-components/viewer/HideToggle-rX4vxm05.mjs +1 -0
- package/dist/web-components/viewer/{ImageControls--qeUY5kg.mjs → ImageControls-XEFV3Uq0.mjs} +1 -1
- package/dist/web-components/viewer/{LanguageChoice-CZ6K3Mhv.mjs → LanguageChoice-DXFfN1n1.mjs} +1 -1
- package/dist/web-components/viewer/LightboxView-CF4mcC0I.mjs +1 -0
- package/dist/web-components/viewer/ListEnd-BlsK9wx6.mjs +1 -0
- package/dist/web-components/viewer/MapView-DCxcUkUC.mjs +3 -0
- package/dist/web-components/viewer/MediaBody-4ZFKNnr3.mjs +1 -0
- package/dist/web-components/viewer/MediaBody-B_T8alBZ.mjs +1 -0
- package/dist/web-components/viewer/{NavDate-Clj6OMa6.mjs → NavDate-DtMXkvCo.mjs} +1 -1
- package/dist/web-components/viewer/{Navigator-DPdR3SYX.mjs → Navigator-B4RQiJXK.mjs} +1 -1
- package/dist/web-components/viewer/PagerLayout-CAk2XDZs.mjs +1 -0
- package/dist/web-components/viewer/PanelPart-DyxYm0ly.mjs +1 -0
- package/dist/web-components/viewer/{PartOfManifest-NAXs2DYd.mjs → PartOfManifest-Cu4fmoxn.mjs} +1 -1
- package/dist/web-components/viewer/{PlaceBox-C2k5Fsfo.mjs → PlaceBox-CSYpxMgb.mjs} +1 -1
- package/dist/web-components/viewer/{Placeholder-DF6dRMjt.mjs → Placeholder-DLJ6qaSl.mjs} +1 -1
- package/dist/web-components/viewer/{Search-DoUc8tWu.mjs → Search-BOI3sJa2.mjs} +1 -1
- package/dist/web-components/viewer/SeekMarks-DfTSWZph.mjs +1 -0
- package/dist/web-components/viewer/StandaloneItems-B1Ul8G2q.mjs +1 -0
- package/dist/web-components/viewer/Steps-5eg2Dbfd.mjs +1 -0
- package/dist/web-components/viewer/{TargetItems-DOFSQtYR.mjs → TargetItems-5JGXJ5e4.mjs} +1 -1
- package/dist/web-components/viewer/{Transcript-Dy-FHWMo.mjs → Transcript-jk8NyuUI.mjs} +1 -1
- package/dist/web-components/viewer/Transport-BbvsG9Qr.mjs +1 -0
- package/dist/web-components/viewer/Transport-D0-7mRrT.mjs +1 -0
- package/dist/web-components/viewer/{annotation-collection-A0PNdPhI.mjs → annotation-collection-C_5hyuvw.mjs} +1 -1
- package/dist/web-components/viewer/{annotation-name-CfQs7Mb2.mjs → annotation-name-Bb6Dgo3i.mjs} +1 -1
- package/dist/web-components/viewer/{annotations-content-B52-zM99.mjs → annotations-content-Jts8hjGT.mjs} +1 -1
- package/dist/web-components/viewer/{cloverEngine-4sgpB7Rz.mjs → cloverEngine-rvO-m6rC.mjs} +2 -2
- package/dist/web-components/viewer/{content-state-reader-vtATl-W3.mjs → content-state-reader-CP0H4Gnm.mjs} +1 -1
- package/dist/web-components/viewer/{dragToClose-B4rj1D3r.mjs → dragToClose-CfijwC7H.mjs} +1 -1
- package/dist/web-components/viewer/{fetchManifest-gAj8phm4.mjs → fetchManifest-CI3k9v0b.mjs} +1 -1
- package/dist/web-components/viewer/{host-Hv8WXfiF.mjs → host-CTbjXNd9.mjs} +1 -1
- package/dist/web-components/viewer/image-layers-C3YwnNvq.mjs +1 -0
- package/dist/web-components/viewer/index.mjs +1 -1
- package/dist/web-components/viewer/{link-DIh6ysyo.mjs → link-CUm6T-7L.mjs} +1 -1
- package/dist/web-components/viewer/overlayImage-JHIugjA0.mjs +1 -0
- package/dist/web-components/viewer/range-regions-ulWKWvhS.mjs +1 -0
- package/dist/web-components/viewer/{renderers-C5EfPrd7.mjs → renderers-Hs9tzSPp.mjs} +1 -1
- package/dist/web-components/viewer/{save-file-dIa0LCAn.mjs → save-file-CWKAFvNb.mjs} +1 -1
- package/dist/web-components/viewer/{search-Bbv9dCNq.mjs → search-HCPnXtXW.mjs} +1 -1
- package/dist/web-components/viewer/styles-DvZTMHkr.mjs +1 -0
- package/dist/web-components/viewer/{useControlsVisibility-jopIdHZi.mjs → useControlsVisibility-ClvKjBYI.mjs} +1 -1
- package/dist/web-components/viewer/viewer-BFDNip3h.mjs +29 -0
- package/dist/web-components/viewer/{vtt-DpgB_K8v.mjs → vtt-B3wqH_vT.mjs} +1 -1
- package/dist/web-components/viewer-C-eGBKAn.mjs +1 -0
- package/dist/web-components/{vtt-KUQbi4PK.mjs → vtt-BYJ_dF4L.mjs} +1 -1
- package/package.json +1 -1
- package/dist/templates/shared/useLazyPanelPane.mjs +0 -16
- package/dist/web-components/Button-BIaw5k1q.mjs +0 -1
- package/dist/web-components/CanvasView-CmDxczm9.mjs +0 -2
- package/dist/web-components/ControlsFade-CleBsk-W.mjs +0 -1
- package/dist/web-components/Cue-2zGQuUOC.mjs +0 -1
- package/dist/web-components/Document-pjc2qOX4.mjs +0 -1
- package/dist/web-components/Items-BHTQJU7T.mjs +0 -1
- package/dist/web-components/LightboxView-D-aBaKfB.mjs +0 -1
- package/dist/web-components/LoadedMap-0_prxuA4.mjs +0 -1
- package/dist/web-components/MapView-nHeg39Kz.mjs +0 -3
- package/dist/web-components/MediaBody-DH-rr_0N.mjs +0 -1
- package/dist/web-components/MediaBody-eSThjFzH.mjs +0 -1
- package/dist/web-components/PagerLayout-CkSwDAnp.mjs +0 -1
- package/dist/web-components/PanelPart-BA1NoeLA.mjs +0 -1
- package/dist/web-components/PanelToggle-CrKP8BqE.mjs +0 -1
- package/dist/web-components/Scene-C7t16NjC.mjs +0 -1
- package/dist/web-components/Timeline-Danuk_Nn.mjs +0 -1
- package/dist/web-components/Transport-BKona8RD.mjs +0 -1
- package/dist/web-components/Transport-Bonmu77-.mjs +0 -1
- package/dist/web-components/index-ClM6Kq8w.mjs +0 -1
- package/dist/web-components/items-BHporT5i.mjs +0 -1
- package/dist/web-components/label-r0ki6r1U.mjs +0 -1
- package/dist/web-components/logo-Br42Vlsk.mjs +0 -1
- package/dist/web-components/part-DmRBh4pf.mjs +0 -1
- package/dist/web-components/styles-C7PVxtkQ.mjs +0 -1
- package/dist/web-components/toggle-CGSnnjW-.mjs +0 -1
- package/dist/web-components/useLazyPanelPane-CReKsr8z.mjs +0 -1
- package/dist/web-components/viewer/AnnotationItems-Cvh3jfmf.mjs +0 -1
- package/dist/web-components/viewer/AnnotationState-DbtYTHMy.mjs +0 -1
- package/dist/web-components/viewer/CaptionDetails-Bxh9VD7n.mjs +0 -1
- package/dist/web-components/viewer/ChoiceMenu-Clp4Zeog.mjs +0 -1
- package/dist/web-components/viewer/Collection-C5BfoUOH.mjs +0 -1
- package/dist/web-components/viewer/ControlsFade-Db3IWArv.mjs +0 -1
- package/dist/web-components/viewer/Cue-slOJQhPI.mjs +0 -1
- package/dist/web-components/viewer/Document-r3Sz3RfH.mjs +0 -1
- package/dist/web-components/viewer/HideToggle-B843JuKU.mjs +0 -1
- package/dist/web-components/viewer/LightboxView-BcbP3cJD.mjs +0 -1
- package/dist/web-components/viewer/ListEnd-DbYDv46a.mjs +0 -1
- package/dist/web-components/viewer/MapView-Dj7Iq7P2.mjs +0 -3
- package/dist/web-components/viewer/MediaBody-TN4XsCm7.mjs +0 -1
- package/dist/web-components/viewer/MediaBody-iAxGgXNy.mjs +0 -1
- package/dist/web-components/viewer/PagerLayout-CtlmDRjI.mjs +0 -1
- package/dist/web-components/viewer/PanelPart-DzZWRlK1.mjs +0 -1
- package/dist/web-components/viewer/StandaloneItems-DuXasJO0.mjs +0 -1
- package/dist/web-components/viewer/Steps-B3MrG4Cv.mjs +0 -1
- package/dist/web-components/viewer/Transport-C5wkxVOF.mjs +0 -1
- package/dist/web-components/viewer/Transport-CUXmY_jW.mjs +0 -1
- package/dist/web-components/viewer/image-layers-gFEDKVkV.mjs +0 -1
- package/dist/web-components/viewer/overlayImage-BRjcH40Q.mjs +0 -1
- package/dist/web-components/viewer/range-regions-uPqjKIER.mjs +0 -1
- package/dist/web-components/viewer/styles-L1HpSoL2.mjs +0 -1
- package/dist/web-components/viewer/useLazyPanelPane-CoPgtYkx.mjs +0 -1
- package/dist/web-components/viewer/viewer-DqpSyvH-.mjs +0 -29
- package/dist/web-components/viewer-D2lGdifc.mjs +0 -1
package/dist/index.mjs
CHANGED
|
@@ -30,7 +30,7 @@ import { CollectionSelect } from "./components/CollectionSelect/CollectionSelect
|
|
|
30
30
|
import { PanelToggle } from "./components/Panel/PanelToggle.mjs";
|
|
31
31
|
import { Timeline } from "./components/Timeline/Timeline.mjs";
|
|
32
32
|
import { Scene } from "./components/Scene/Scene.mjs";
|
|
33
|
-
import { useActiveCanvas, useAnnotationCollection, useAnnotationSets, useLangOf, useLocalized, useManifest, useNavigation, useSequence, useStatus, useT, useVisibleCanvases } from "./react/hooks.mjs";
|
|
33
|
+
import { useActiveCanvas, useAnnotationCollection, useAnnotationPages, useAnnotationSets, useLangOf, useLocalized, useManifest, useNavigation, useSequence, useStatus, useT, useVisibleCanvases } from "./react/hooks.mjs";
|
|
34
34
|
import { useProvider } from "./components/Primitives/resource.mjs";
|
|
35
35
|
import { visuallyHidden } from "./ui/visuallyHidden.mjs";
|
|
36
36
|
import { Tip } from "./ui/Tip.mjs";
|
|
@@ -131,6 +131,7 @@ export {
|
|
|
131
131
|
toPresentation4,
|
|
132
132
|
useActiveCanvas,
|
|
133
133
|
useAnnotationCollection,
|
|
134
|
+
useAnnotationPages,
|
|
134
135
|
useAnnotationSets,
|
|
135
136
|
useClover,
|
|
136
137
|
useCloverSelector,
|
package/dist/map/index.d.mts
CHANGED
|
@@ -188,6 +188,12 @@ export interface MapProps extends Omit<React.HTMLAttributes<HTMLElement>, "onSel
|
|
|
188
188
|
workerUrl?: string;
|
|
189
189
|
/** Zoom with the wheel or trackpad. Default false, so an embedded map never traps page scroll. */
|
|
190
190
|
scrollZoom?: boolean;
|
|
191
|
+
/**
|
|
192
|
+
* How close it frames its places: a lone point at this zoom, and several no closer.
|
|
193
|
+
* Default 8 for a point, a region around it, and 12 for several; 15 shows a point's
|
|
194
|
+
* streets (Mat, 2026-11-04: "zoom map to street level").
|
|
195
|
+
*/
|
|
196
|
+
zoom?: number;
|
|
191
197
|
/**
|
|
192
198
|
* A place was chosen, on the map or in its list. Inside a `Root`, choosing one on a
|
|
193
199
|
* Canvas also goes there.
|
package/dist/react/hooks.mjs
CHANGED
|
@@ -45,11 +45,12 @@ function useAnnotationCollection() {
|
|
|
45
45
|
(state) => selectAnnotationCollection(state.manifest, state.addedSets)
|
|
46
46
|
);
|
|
47
47
|
}
|
|
48
|
-
function
|
|
48
|
+
function useAnnotationPages() {
|
|
49
49
|
return useCloverSelector(
|
|
50
50
|
(state) => selectAnnotationSets(state.manifest, state.addedSets)
|
|
51
51
|
);
|
|
52
52
|
}
|
|
53
|
+
const useAnnotationSets = useAnnotationPages;
|
|
53
54
|
function useLocalized(value) {
|
|
54
55
|
const { language } = useClover("useLocalized");
|
|
55
56
|
return useMemo(() => localize(value, language), [value, language]);
|
|
@@ -63,6 +64,7 @@ function useLangOf() {
|
|
|
63
64
|
export {
|
|
64
65
|
useActiveCanvas,
|
|
65
66
|
useAnnotationCollection,
|
|
67
|
+
useAnnotationPages,
|
|
66
68
|
useAnnotationSets,
|
|
67
69
|
useLangOf,
|
|
68
70
|
useLocalized,
|
package/dist/styles/core.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer clover{:root{--clover-space-3xs: .146rem;--clover-space-2xs: .236rem;--clover-space-xs: .382rem;--clover-space-s: .618rem;--clover-space-m: 1rem;--clover-space-l: 1.618rem;--clover-space-xl: 2.618rem;--clover-space-2xl: 4.236rem;--clover-text-xs: .764rem;--clover-text-s: .854rem;--clover-text-m: 1.146rem;--clover-text-l: 1.236rem;--clover-control: calc(1rem + 2 * var(--clover-space-s));--clover-inset: var(--clover-space-l);--clover-picture: calc(4 * var(--clover-space-xl))}:where(.clover-title){margin:0;font-weight:var(--clover-title-weight, 400);line-height:1.25;overflow-wrap:anywhere}:where(.clover-root,.clover-canvas,.clover-items,.clover-geomap) :where(button,input,select,textarea){font:inherit}:where(.clover-field-pill-query,.clover-collection-select-control){box-sizing:border-box;padding:var(--clover-space-xs) var(--clover-space-s);border:1px solid var( --clover-field-edge, color-mix( in srgb, var(--clover-color-primary-muted, #26292b) 80%, var(--clover-color-secondary, #fff) ) );border-radius:var(--clover-radius, 3px);background-color:var(--clover-color-secondary, #fff);color:var(--clover-color-primary, #1a1d1e)}:where(.clover-field-pill-query,.clover-collection-select-control):focus-visible{outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:1px}:where(.clover-field-pill-query)::placeholder{color:color-mix(in srgb,var(--clover-color-primary, #1a1d1e) 65%,var(--clover-color-secondary, #fff));opacity:1}:where([data-high-contrast]){--clover-accent-fill: var(--clover-color-control, #1a1d1e);--clover-accent-ring: 3px solid var(--clover-color-accent, #0065c3);--clover-accent-ring-hover: 3px solid color-mix(in srgb, var(--clover-color-accent, #0065c3) 50%, transparent);--clover-accent-text-fallback: var(--clover-color-primary, #1a1d1e);--clover-transition: none}.clover-canvas-error{display:flex;flex-direction:column;align-items:center;gap:var(--clover-space-s)}.clover-canvas-error-headline{font-weight:700;font-size:var(--clover-text-l)}button.clover-canvas-exit-full-screen{display:none;position:absolute;top:var(--clover-canvas-controls-inset);left:var(--clover-canvas-controls-inset);z-index:3;align-items:center;gap:var(--clover-space-xs);height:var(--clover-control);padding:0 var(--clover-space-m) 0 var(--clover-space-s);border:none;border-radius:var(--clover-radius-pill, 2rem);background-color:var(--clover-color-control, #1a1d1e);color:var(--clover-color-control-glyph, #fff);font-size:var(--clover-text-s);font-weight:700;line-height:1;white-space:nowrap;cursor:pointer;transition:var(--clover-transition, all .2s cubic-bezier(.16, 1, .3, 1))}.clover-canvas-exit-full-screen svg{height:1rem;width:1rem;flex-shrink:0}.clover-canvas-exit-full-screen:hover,.clover-canvas-exit-full-screen:focus-visible{background-color:var(--clover-color-accent, #0065c3)}:where([data-high-contrast]) .clover-canvas-exit-full-screen:is(:hover,:focus-visible){background-color:var(--clover-accent-fill)}:where([data-high-contrast]) .clover-canvas-exit-full-screen:hover:not(:focus-visible){outline:var(--clover-accent-ring-hover);outline-offset:1px}.clover-root:fullscreen{overflow:auto;background-color:var(--clover-color-secondary, #fff);color:var(--clover-color-primary, #1a1d1e);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.clover-loading{position:relative;display:block;width:100%;height:3px;overflow:hidden;opacity:0;animation:clover-loading-show 1ms .25s forwards}.clover-loading>span{position:absolute;inset:0;background-color:var(--clover-color-accent, #0065c3);transform-origin:left center;animation:clover-loading-draw 1.4s cubic-bezier(.4,0,.2,1) infinite}.clover-loading:dir(rtl)>span{transform-origin:right center}.clover-loading[data-overlay]{position:absolute;top:0;left:0;z-index:3;pointer-events:none}.clover-body:has(>.clover-loading) .clover-canvas .clover-loading{display:none}@keyframes clover-loading-show{to{opacity:1}}@keyframes clover-loading-draw{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@media (prefers-reduced-motion: reduce){.clover-loading>span{animation-duration:2.8s}}.clover-body-unloadable,.clover-body-note{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:var(--clover-inset);pointer-events:none}.clover-body-unloadable[data-room]{inset-block-end:var(--clover-transport-room, 0)}.clover-body-unloadable:empty{display:none}.clover-body-unloadable>p,.clover-body-note>p{margin:0;padding:var(--clover-space-xs) var(--clover-space-s);border-radius:var(--clover-radius-pill, 2rem);background-color:var(--clover-color-secondary, #fff);color:var(--clover-color-primary-muted, #26292b);font-size:var(--clover-text-s);text-align:center}.clover-canvas-overlays{overflow:hidden;isolation:isolate;container-type:size;scroll-padding-block:var(--clover-canvas-clear-top, 0) var(--clover-canvas-clear-bottom, 0)}.clover-canvas-overlay{transform-origin:center}.clover-canvas-annotation{box-sizing:border-box;margin:0;padding:0;cursor:zoom-in;background-color:transparent;border:1px solid var(--clover-color-primary, #1a1d1e);border-radius:var(--clover-radius, 3px);box-shadow:inset 0 0 0 1px var(--clover-color-secondary, #fff),0 0 38vw 38vw transparent;z-index:var(--clover-annotation-depth, 0);-webkit-mask-image:var(--clover-annotation-mask, none);mask-image:var(--clover-annotation-mask, none);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:120% 120%;mask-size:120% 120%;mask-clip:no-clip}.clover-canvas-annotation:is([data-link],[data-track]){cursor:pointer}.clover-canvas-annotation[hidden]{display:none}.clover-canvas-annotation:is([data-active=true],:focus-visible){border-color:var(--clover-color-secondary, #fff);outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:0;box-shadow:0 0 0 3px var(--clover-color-primary, #1a1d1e),0 0 38vw 38vw #0002}.clover-canvas-annotation:is([data-shape=point],[data-shape=svg]){pointer-events:none}.clover-canvas-annotation:is([data-shape=point],[data-shape=svg]),.clover-canvas-annotation:is([data-shape=point],[data-shape=svg]):is([data-active=true],:focus-visible){border-color:transparent;outline:none;background-color:transparent;box-shadow:none}.clover-canvas-annotation-point{position:absolute;top:50%;left:50%;width:var(--clover-space-m);height:var(--clover-space-m);border:2px solid var(--clover-color-secondary, #fff);border-radius:50%;background-color:var(--clover-color-accent, #0065c3);box-shadow:0 0 0 1px var(--clover-color-primary, #1a1d1e);transform:translate(-50%,-50%);pointer-events:auto}.clover-canvas-annotation-point:before{position:absolute;top:50%;left:50%;width:var(--clover-space-l);height:var(--clover-space-l);border-radius:50%;transform:translate(-50%,-50%);content:""}.clover-canvas-annotation[data-shape=point]:is([data-active=true],:focus-visible) .clover-canvas-annotation-point{box-shadow:0 0 0 2px var(--clover-color-accent, #0065c3),0 0 0 3px var(--clover-color-primary, #1a1d1e)}.clover-canvas-annotation-shape{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.clover-canvas-annotation-shape>g>*{fill:none;stroke:none;pointer-events:none}.clover-canvas-annotation-shape>g:nth-child(1)>*{fill:transparent;stroke:var(--clover-color-primary, #1a1d1e);stroke-width:3;pointer-events:visiblePainted;cursor:zoom-in}.clover-canvas-annotation-shape>g:nth-child(2)>*{stroke:var(--clover-color-secondary, #fff);stroke-width:1}.clover-canvas-annotation[data-shape=svg]:is([data-active=true],:focus-visible) .clover-canvas-annotation-shape>g:nth-child(1)>*{stroke-width:6}.clover-canvas-annotation[data-shape=svg]:is([data-active=true],:focus-visible) .clover-canvas-annotation-shape>g:nth-child(2)>*{stroke-width:4}.clover-canvas-annotation[data-shape=svg]:is([data-active=true],:focus-visible) .clover-canvas-annotation-shape>g:nth-child(3)>*{stroke:var(--clover-color-accent, #0065c3);stroke-width:2}@media (forced-colors: active){.clover-canvas-annotation{border-color:CanvasText}.clover-canvas-annotation[data-shape=rect]{outline:1px solid Canvas;outline-offset:-2px}.clover-canvas-annotation:is([data-active=true],:focus-visible){outline:2px solid Highlight;outline-offset:0}.clover-canvas-annotation-shape>g:nth-child(1)>*{stroke:CanvasText}.clover-canvas-annotation-shape>g:nth-child(2)>*{stroke:Canvas}.clover-canvas-annotation[data-shape=svg]:is([data-active=true],:focus-visible) .clover-canvas-annotation-shape>g:nth-child(3)>*{stroke:Highlight}.clover-canvas-annotation[data-shape=point]:is([data-active=true],:focus-visible) .clover-canvas-annotation-point{outline:2px solid Highlight;outline-offset:1px}}.clover-canvas{--clover-canvas-inset: 0px;--clover-canvas-controls-inset: var(--clover-inset);--clover-controls-leave: .18s cubic-bezier(.4, 0, 1, 1);--clover-controls-enter: .34s cubic-bezier(.34, 1.56, .64, 1);--clover-controls-tuck: var(--clover-space-s);--clover-controls-shown: 0;--clover-controls-events: none;--clover-controls-timing: var(--clover-controls-leave);position:relative;margin:0;--clover-canvas-background: #0001;background-color:var(--clover-canvas-background);width:100%;height:100%;min-height:inherit;overflow:hidden;isolation:isolate}@media (width < 31rem){.clover-canvas{--clover-canvas-controls-inset: var(--clover-space-m)}}.clover-canvas[data-fullscreen=true]{background-image:linear-gradient(var(--clover-canvas-background),var(--clover-canvas-background));background-color:var(--clover-color-secondary, #fff);color:var(--clover-color-primary, #1a1d1e)}.clover-canvas[data-exit]>.clover-canvas-exit-full-screen{display:flex}.clover-canvas[data-exit]>.clover-canvas-navigator{top:calc(var(--clover-canvas-controls-inset) + var(--clover-control) + var(--clover-space-s))}.clover-canvas{--clover-canvas-clear-top: var(--clover-space-xs);--clover-canvas-clear-bottom: var(--clover-space-xs)}.clover-canvas:has(>.clover-canvas-controls){--clover-canvas-clear-top: calc( var(--clover-canvas-controls-inset) + var(--clover-canvas-controls-height, var(--clover-control)) + var(--clover-space-s) )}.clover-canvas[data-has-navigator=true]{--clover-canvas-clear-top: calc( var(--clover-canvas-controls-inset) + var(--clover-space-2xl) + var(--clover-space-s) )}.clover-canvas[data-exit][data-has-navigator=true]{--clover-canvas-clear-top: calc( var(--clover-canvas-controls-inset) + var(--clover-control) + var(--clover-space-2xl) + 2 * var(--clover-space-s) )}.clover-canvas{--clover-transport-room: calc( var(--clover-transport-bar-height, var(--clover-control)) + var(--clover-space-l) + var(--clover-space-xs) + var(--clover-canvas-controls-inset) + var(--clover-space-m) )}.clover-canvas[data-recording]{--clover-canvas-clear-bottom: var(--clover-transport-room)}.clover-canvas-viewport{padding:var(--clover-canvas-inset);isolation:isolate;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab;outline:none}.clover-canvas-viewport:active{cursor:grabbing}.clover-canvas[data-navigable=false]>.clover-canvas-viewport{cursor:default;touch-action:manipulation}.clover-canvas-sound-label{position:absolute;inset:0 0 var(--clover-transport-room, 0) 0;z-index:-1;display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;padding:var(--clover-inset);overflow:hidden;color:var(--clover-color-primary, #1a1d1e);font-size:var(--clover-text-l);line-height:1.3;text-align:center;overflow-wrap:anywhere;pointer-events:none}.clover-canvas-dom-media{display:block;-webkit-user-drag:none}.clover-canvas-dom-media.clover-canvas-painted-text{display:flex;align-items:center;overflow:hidden;color:var(--clover-color-primary, currentColor);line-height:1.2}.clover-canvas-painted-text>*{margin:0}.clover-canvas-scrim{position:absolute;inset:0 0 auto;z-index:0;height:calc(var(--clover-control) + 2 * var(--clover-space-l));pointer-events:none;background:linear-gradient(to bottom,#00000073,#0003 45%,#0000);opacity:var(--clover-controls-shown);transition:opacity var(--clover-controls-timing)}.clover-canvas[data-media=video]{--clover-canvas-background: #000}.clover-canvas[data-media=video]>.clover-canvas-scrim{display:none}.clover-canvas:not([data-controls]){--clover-controls-shown: 1;--clover-controls-events: auto;--clover-controls-timing: var(--clover-controls-enter)}.clover-canvas>.clover-canvas-controls{z-index:3;pointer-events:none}.clover-canvas>.clover-canvas-controls[data-fit]{left:var(--clover-canvas-controls-inset);flex-wrap:nowrap;gap:var(--clover-space-xs)}.clover-canvas>.clover-canvas-controls[data-fit]:has(>[data-button=panel]){padding-right:calc(var(--clover-control) + var(--clover-space-xs))}.clover-canvas>.clover-canvas-controls[data-fit]:dir(rtl){justify-content:flex-start}.clover-canvas[data-exit]>.clover-canvas-controls[data-fit]{left:calc(var(--clover-canvas-controls-inset) + var(--clover-control) + var(--clover-space-s))}.clover-canvas[data-has-navigator=true]>.clover-canvas-controls[data-fit]{left:calc(var(--clover-canvas-controls-inset) + var(--clover-space-2xl) + var(--clover-space-xl) + var(--clover-space-s))}.clover-canvas>.clover-canvas-controls>.clover-canvas-more{--tray: var(--clover-space-3xs);display:flex;flex:0 1 auto;gap:var(--clover-space-xs);min-width:0;border-radius:var(--clover-radius-pill, 2rem);pointer-events:none}.clover-canvas>.clover-canvas-controls>.clover-canvas-more[data-open]{position:relative;margin:calc(-1 * var(--tray));padding:var(--tray);background-color:color-mix(in srgb,var(--clover-color-control, #1a1d1e) 40%,transparent);-webkit-backdrop-filter:blur(var(--clover-space-xs));backdrop-filter:blur(var(--clover-space-xs))}.clover-canvas-more>button,.clover-canvas-more-list>*{pointer-events:var(--clover-controls-events)}.clover-canvas>.clover-canvas-controls>.clover-canvas-more[data-open]{animation:clover-more-open .22s cubic-bezier(.16,1,.3,1)}.clover-canvas>.clover-canvas-controls>.clover-canvas-more[data-open]:dir(rtl){animation-name:clover-more-open-rtl}.clover-canvas-more[data-open]>.clover-canvas-more-list>*{animation:clover-more-in .22s cubic-bezier(.16,1,.3,1) backwards}@keyframes clover-more-open{0%{clip-path:inset(0 0 0 calc(100% - var(--clover-control) - 2 * var(--tray)) round var(--clover-radius-pill, 2rem))}to{clip-path:inset(0 round var(--clover-radius-pill, 2rem))}}@keyframes clover-more-open-rtl{0%{clip-path:inset(0 calc(100% - var(--clover-control) - 2 * var(--tray)) 0 0 round var(--clover-radius-pill, 2rem))}to{clip-path:inset(0 round var(--clover-radius-pill, 2rem))}}@keyframes clover-more-in{0%{opacity:0}}@media (prefers-reduced-motion: reduce){.clover-canvas>.clover-canvas-controls>.clover-canvas-more[data-open],.clover-canvas-more[data-open]>.clover-canvas-more-list>*{animation:none}}.clover-canvas-more-list:not([hidden]){--ring: var(--clover-space-2xs);--tip-room: calc(2 * var(--clover-space-2xl));--fade: calc(var(--clover-space-l) + var(--clover-space-s));display:flex;gap:var(--clover-space-xs);min-width:0;margin:calc(-1 * var(--ring)) calc(-1 * var(--ring)) calc(-1 * var(--tip-room));padding:var(--ring) var(--ring) var(--tip-room);scrollbar-width:none}.clover-canvas-more-list[data-past]{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-padding-inline:var(--fade)}.clover-canvas-more-list::-webkit-scrollbar{display:none}.clover-canvas-more-list[data-past]{-webkit-mask-image:linear-gradient(to right,var(--left, #000),#000 var(--fade),#000 calc(100% - var(--fade)),var(--right, #000)),linear-gradient(#000,#000);mask-image:linear-gradient(to right,var(--left, #000),#000 var(--fade),#000 calc(100% - var(--fade)),var(--right, #000)),linear-gradient(#000,#000);-webkit-mask-position:0 0,0 100%;mask-position:0 0,0 100%;-webkit-mask-size:100% 100%,100% calc(var(--tip-room) - var(--ring));mask-size:100% 100%,100% calc(var(--tip-room) - var(--ring));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.clover-canvas-more-list[data-past~=left]{--left: transparent}.clover-canvas-more-list[data-past~=right]{--right: transparent}.clover-canvas-more-list>[data-partial]:not(:focus-visible){opacity:.25;pointer-events:none}.clover-canvas-more>.clover-canvas-more-step{position:absolute;top:50%;z-index:1;display:none;translate:0 -50%}.clover-canvas-more>.clover-canvas-more-step:not(:hover,:focus-visible){background-color:var(--clover-color-control, #1a1d1e);color:var(--clover-color-control-glyph, #fff)}.clover-canvas-more>[data-step=prev]{inset-inline-start:var(--tray)}.clover-canvas-more>[data-step=next]{inset-inline-end:calc(var(--tray) + var(--clover-control) + var(--clover-space-xs))}.clover-canvas-more:dir(ltr)>.clover-canvas-more-list[data-past~=left]~[data-step=prev],.clover-canvas-more:dir(ltr)>.clover-canvas-more-list[data-past~=right]~[data-step=next],.clover-canvas-more:dir(rtl)>.clover-canvas-more-list[data-past~=right]~[data-step=prev],.clover-canvas-more:dir(rtl)>.clover-canvas-more-list[data-past~=left]~[data-step=next]{display:flex}.clover-canvas-more-step:dir(rtl) svg{scale:-1 1}@media (hover: none){.clover-canvas-more-list[data-past]{--tip-room: var(--ring);pointer-events:var(--clover-controls-events)}:is(.clover-canvas-more-list[data-past],.clover-canvas-more-step) .clover-tip{display:none}}.clover-canvas>.clover-canvas-controls:has(>[data-button=panel]){padding-right:calc(var(--clover-control) + var(--clover-space-s))}.clover-canvas>.clover-canvas-controls>[data-button=panel]{position:absolute;top:0;right:0;--clover-controls-shown: 1;--clover-controls-events: auto}.clover-canvas>.clover-canvas-controls>:is([data-button=information],[data-button=annotations],[data-button=chapters],[data-button=placeholder]){--clover-controls-shown: 1;--clover-controls-events: auto}.clover-canvas:is([data-controls=visible],:has(:focus-visible,[aria-expanded=true]:not([data-button=panel])),:has(>.clover-canvas-media>.clover-canvas-transport>.clover-canvas-transport-bar>[data-button=play])){--clover-controls-shown: 1;--clover-controls-events: auto;--clover-controls-timing: var(--clover-controls-enter)}@media (hover: hover){.clover-canvas:has(>.clover-canvas-controls>:not([data-button=panel],[data-button=information],[data-button=annotations],[data-button=placeholder]):hover,>.clover-canvas-navigator:hover,.clover-canvas-transport-seek-area:hover,.clover-canvas-transport-bar>:hover){--clover-controls-shown: 1;--clover-controls-events: auto;--clover-controls-timing: var(--clover-controls-enter)}}.clover-canvas>.clover-canvas-controls>*,.clover-canvas>.clover-canvas-navigator,.clover-canvas>.clover-canvas-media>.clover-canvas-transport:before,.clover-canvas>.clover-canvas-media>.clover-canvas-transport>.clover-canvas-transport-seek-area,.clover-canvas>.clover-canvas-media>.clover-canvas-transport>.clover-canvas-transport-bar>*{opacity:var(--clover-controls-shown);translate:0 calc((1 - var(--clover-controls-shown)) * var(--clover-controls-edge, -1) * var(--clover-controls-tuck));transition:all var(--clover-controls-timing),z-index 0s}:where([data-high-contrast]) :is(.clover-canvas>.clover-canvas-controls>*,.clover-canvas>.clover-canvas-navigator,.clover-canvas>.clover-canvas-media>.clover-canvas-transport>.clover-canvas-transport-seek-area,.clover-canvas>.clover-canvas-media>.clover-canvas-transport>.clover-canvas-transport-bar>*){transition:opacity var(--clover-controls-timing),translate var(--clover-controls-timing),z-index 0s}.clover-canvas>.clover-canvas-controls>*,.clover-canvas>.clover-canvas-navigator,.clover-canvas-transport>.clover-canvas-transport-seek-area,.clover-canvas-transport-bar>*{pointer-events:var(--clover-controls-events)}@media (prefers-reduced-motion: reduce){.clover-canvas{--clover-controls-leave: 0s;--clover-controls-enter: 0s;--clover-controls-tuck: 0px}}.clover-canvas-navigator{position:absolute;z-index:2;top:var(--clover-canvas-controls-inset);left:var(--clover-canvas-controls-inset);width:calc(var(--clover-space-2xl) + var(--clover-space-xl));height:var(--clover-space-2xl);overflow:hidden;background-color:#000d;border-radius:var(--clover-radius, 3px);cursor:pointer;touch-action:none}.clover-canvas-navigator-image{position:absolute;inset:0;width:100%;height:100%}.clover-canvas-navigator-region{position:absolute;top:0;left:0;box-sizing:border-box;border:2px solid var(--clover-color-accent, #0065c3);pointer-events:none}.clover-canvas-viewport:focus-visible:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 0 2px var(--clover-color-primary, #1a1d1e),inset 0 0 0 5px var(--clover-color-accent, #0065c3),inset 0 0 0 7px var(--clover-color-secondary, #fff)}@media (forced-colors: active){.clover-canvas-viewport:focus-visible{outline:3px solid CanvasText;outline-offset:-3px}}.clover-canvas-caption{padding:var(--clover-space-m);outline:none;transform:translateY(calc(-1 * var(--clover-space-m)));opacity:0;visibility:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .2s ease,visibility 0s linear .3s}.clover-canvas-caption[data-open=true]{transform:none;opacity:1;visibility:visible;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .2s ease,visibility 0s}.clover-canvas-caption:focus-visible{outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:2px}@media (prefers-reduced-motion: reduce){.clover-canvas-caption,.clover-canvas-caption[data-open=true]{transform:none;transition:none}}.clover-canvas-caption>button.clover-canvas-caption-close{float:right;margin:calc(-1 * var(--clover-space-2xs)) calc(-1 * var(--clover-space-2xs)) var(--clover-space-s) var(--clover-space-s)}.clover-canvas-caption-canvas+.clover-canvas-caption-canvas{margin-top:var(--clover-space-m);padding-top:var(--clover-space-m);border-top:1px solid var(--clover-color-secondary-muted, #e6e8eb)}.clover-canvas-caption .clover-canvas-caption-label{margin:0 0 var(--clover-space-s);font-size:inherit;font-weight:600}.clover-canvas-caption p{margin:0}.clover-canvas-caption .clover-read-more{margin-bottom:var(--clover-space-s)}.clover-canvas-caption a{color:var( --clover-color-accent-text, var(--clover-accent-text-fallback, var(--clover-color-accent, #0065c3)) )}.clover-canvas-caption-annotations{margin-top:var(--clover-space-s)}.clover-canvas-caption .clover-canvas-caption-annotations-label{margin-bottom:var(--clover-space-xs);font-weight:500}.clover-canvas-caption-annotations>ul{display:flex;flex-direction:column;gap:var(--clover-space-s);margin:0;padding:0;list-style:none}.clover-canvas-place{width:min(22rem,100%)}.clover-canvas-place .clover-geomap{--clover-map-height: 16rem;--clover-map-controls-top: calc( var(--clover-control) + var(--clover-space-s) )}.clover-canvas-place>button.clover-canvas-caption-close{position:absolute;z-index:3;top:calc(var(--clover-space-m) + var(--clover-inset));right:calc(var(--clover-space-m) + var(--clover-inset));float:none;margin:0}.clover-canvas-placeholder{position:absolute;inset:0;padding:var(--clover-canvas-inset);z-index:0;display:flex;align-items:center;justify-content:center;container-type:size;cursor:zoom-in}.clover-canvas-placeholder[data-lingering=true]{pointer-events:none}.clover-canvas-placeholder[data-hidden=true]{visibility:hidden;pointer-events:none}.clover-canvas-placeholder-frame{display:flex;width:min(100cqw,100cqh * var(--ratio));aspect-ratio:var(--ratio)}.clover-canvas-placeholder[data-vertical=true]>.clover-canvas-placeholder-frame{flex-direction:column}.clover-canvas-placeholder-frame>img{display:block;min-width:0;min-height:0;object-fit:contain;color:transparent}.clover-canvas-placeholder:not([data-vertical=true])>.clover-canvas-placeholder-frame>img{height:100%}.clover-canvas-placeholder[data-vertical=true]>.clover-canvas-placeholder-frame>img{width:100%}.clover-canvas[data-placeholder=true]>.clover-canvas-viewport{visibility:hidden}.clover-canvas>button.clover-canvas-placeholder-toggle{position:absolute;z-index:1;top:50%;right:50%;width:var(--clover-space-2xl);height:var(--clover-space-2xl);margin:0;transform:translate(50%,-50%);box-shadow:0 4px 16px #0003;transition:var(--clover-transition, all .2s cubic-bezier(.16, 1, .3, 1))}.clover-canvas>button.clover-canvas-placeholder-toggle svg{width:calc(var(--clover-space-2xl) / (1 + 2 * .618));height:calc(var(--clover-space-2xl) / (1 + 2 * .618))}.clover-canvas-placeholder[data-media=true]{cursor:pointer}.clover-canvas[data-placeholder=true][data-recording]:has(>.clover-canvas-placeholder[data-media=true]:hover)>button.clover-canvas-placeholder-toggle{background-color:var(--clover-color-accent, #0065c3)}:where([data-high-contrast]) .clover-canvas[data-placeholder=true][data-recording]>button.clover-canvas-placeholder-toggle:is(:hover,:focus-visible),:where([data-high-contrast]) .clover-canvas[data-placeholder=true][data-recording]:has(>.clover-canvas-placeholder[data-media=true]:hover)>button.clover-canvas-placeholder-toggle{background-color:var(--clover-accent-fill)}:where([data-high-contrast]) .clover-canvas[data-placeholder=true][data-recording]>button.clover-canvas-placeholder-toggle:hover:not(:focus-visible),:where([data-high-contrast]) .clover-canvas[data-placeholder=true][data-recording]:has(>.clover-canvas-placeholder[data-media=true]:hover)>button.clover-canvas-placeholder-toggle:not(:focus-visible){outline:var(--clover-accent-ring-hover);outline-offset:1px}.clover-canvas[data-placeholder=true]>.clover-canvas-controls>*{--clover-controls-shown: 1;--clover-controls-events: auto}@media (prefers-reduced-motion: reduce){.clover-canvas>button.clover-canvas-placeholder-toggle{transition:none}}:is(.clover-canvas-caption,.clover-canvas-menu){position:absolute;z-index:2;box-sizing:border-box;min-width:12rem;overflow-y:auto;overscroll-behavior:contain;border-radius:var(--clover-radius, 6px);background:var(--clover-color-secondary, #fff);color:var(--clover-color-primary, #1a1d1e);box-shadow:0 4px 16px #0001}.clover-canvas>:is(.clover-canvas-caption,.clover-canvas-menu){--top: calc( var(--clover-canvas-controls-inset) + var(--clover-canvas-controls-height, var(--clover-control)) + var(--clover-space-s) );top:var(--top);right:var(--clover-canvas-controls-inset);max-width:min(22rem,calc(100% - 2 * var(--clover-canvas-controls-inset)));max-height:calc(100% - var(--top) - var(--clover-canvas-controls-inset))}.clover-canvas[data-recording]>:is(.clover-canvas-caption,.clover-canvas-menu){max-height:max(calc(100% - var(--top) - var(--clover-transport-room)),min(2 * var(--clover-space-2xl),calc(100% - var(--top) - var(--clover-canvas-controls-inset))))}.clover-canvas[data-popups=beside]>:is(.clover-canvas-caption,.clover-canvas-menu){--top: var(--clover-canvas-controls-inset);right:calc(var(--clover-canvas-controls-inset) + var(--clover-canvas-controls-width, var(--clover-control)) + var(--clover-space-s));left:var(--clover-canvas-controls-inset);min-width:0;max-width:none}.clover-canvas[data-popups=beside][data-exit]>:is(.clover-canvas-caption,.clover-canvas-menu){--top: calc( var(--clover-canvas-controls-inset) + var(--clover-control) + var(--clover-space-s) )}.clover-canvas:has(>:is(.clover-canvas-caption[data-open=true],.clover-canvas-menu))>.clover-canvas-navigator{opacity:0;visibility:hidden}.clover-canvas-menu{padding:var(--clover-space-xs)}.clover-canvas-menu fieldset{margin:0;padding:0;border:0}.clover-canvas-menu fieldset+fieldset{margin-top:var(--clover-space-s)}.clover-canvas-menu legend{padding:var(--clover-space-2xs) var(--clover-space-s);color:var(--clover-color-primary-muted, #26292b);font-size:var(--clover-text-s)}.clover-canvas-menu label{display:flex;align-items:center;gap:var(--clover-space-xs);padding:var(--clover-space-xs) var(--clover-space-s);border-radius:var(--clover-radius, 6px);cursor:pointer}.clover-canvas-menu label:hover,.clover-canvas-menu label[data-active=true]{background:var(--clover-color-secondary-muted, #e6e8eb)}.clover-canvas-menu label[data-disabled]{cursor:default;opacity:.38;pointer-events:none}.clover-canvas-menu input{margin:0;accent-color:var(--clover-color-accent, #0065c3)}.clover-canvas-menu .clover-canvas-chapters-item{flex-wrap:wrap;align-items:baseline}.clover-canvas-chapters-item>.clover-cue-time{color:var(--clover-color-primary-muted, #26292b);font-variant-numeric:tabular-nums}@media (forced-colors: none){.clover-canvas-menu .clover-canvas-chapters-item:has(input:checked){background-color:color-mix(in srgb,var(--clover-color-accent, #0065c3) 8%,transparent)}}.clover-canvas-chapters-item:has(input:checked){font-weight:600}.clover-canvas-chapters-item>.clover-entry-thumbnail{flex-basis:100%}.clover-canvas-menu-image{flex:none;width:auto;height:var(--clover-space-xl);border-radius:var(--clover-radius, 3px)}.clover-canvas-controls{--top: var(--clover-canvas-controls-inset);position:absolute;z-index:1;top:var(--top);right:var(--clover-canvas-controls-inset);display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:flex-end;gap:var(--clover-space-s);max-height:calc(100% - var(--top) - var(--clover-canvas-controls-inset))}:is(button.clover-canvas-button,button.clover-canvas-transport-button,button.clover-items-scroll-prev,button.clover-items-scroll-next,button.clover-pager-previous,button.clover-pager-next,button.clover-panel-close){display:flex;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;width:var(--clover-control);height:var(--clover-control);margin:0;padding:0;border:0;border-radius:var(--clover-radius-pill, 2rem);background-color:var(--clover-color-control, #1a1d1e);color:var(--clover-color-control-glyph, #fff);cursor:pointer;transition:var(--clover-transition, all .2s cubic-bezier(.16, 1, .3, 1))}:is(button.clover-canvas-button,button.clover-canvas-transport-button,button.clover-items-scroll-prev,button.clover-items-scroll-next,button.clover-pager-previous,button.clover-pager-next,button.clover-panel-close) svg{flex-shrink:0;width:1rem;height:1rem;transition:var(--clover-transition, all .2s cubic-bezier(.16, 1, .3, 1))}button.clover-canvas-button svg{fill:currentColor;stroke:currentColor}:is(button.clover-canvas-button,button.clover-items-scroll-prev,button.clover-items-scroll-next,button.clover-pager-previous,button.clover-pager-next,button.clover-panel-close):is(:hover,:focus-visible){background-color:var(--clover-color-accent, #0065c3)}:where([data-high-contrast]) :is(button.clover-canvas-button,button.clover-items-scroll-prev,button.clover-items-scroll-next,button.clover-pager-previous,button.clover-pager-next,button.clover-panel-close):is(:hover,:focus-visible){background-color:var(--clover-accent-fill)}:where([data-high-contrast]) :is(button.clover-canvas-button,button.clover-items-scroll-prev,button.clover-items-scroll-next,button.clover-pager-previous,button.clover-pager-next,button.clover-panel-close):hover:not(:focus-visible){outline:var(--clover-accent-ring-hover);outline-offset:1px}:is(button.clover-pager-previous,button.clover-pager-next,button.clover-items-scroll-prev,button.clover-items-scroll-next,button.clover-canvas-transport-button)[aria-disabled=true]{cursor:default}:is(button.clover-pager-previous,button.clover-pager-next,button.clover-items-scroll-prev,button.clover-items-scroll-next,button.clover-canvas-transport-button)[aria-disabled=true] svg{opacity:.5}:is(button.clover-pager-previous,button.clover-pager-next,button.clover-items-scroll-prev,button.clover-items-scroll-next,button.clover-canvas-transport-button)[aria-disabled=true]:not(:focus-visible),:is(button.clover-pager-previous,button.clover-pager-next,button.clover-items-scroll-prev,button.clover-items-scroll-next):disabled{opacity:.38;pointer-events:none}button.clover-canvas-button[aria-disabled=true]{cursor:default}button.clover-canvas-button[aria-disabled=true] svg{opacity:.5}button.clover-canvas-button[aria-disabled=true]:hover:not(:focus-visible){background-color:var(--clover-color-control, #1a1d1e)}:where([data-high-contrast]) button.clover-canvas-button[aria-disabled=true]:hover:not(:focus-visible){background-color:var(--clover-color-control, #1a1d1e);outline:none}button.clover-canvas-button:is([data-button=rotate-right],[data-button=rotate-left]):is(:hover,:focus-visible) svg{rotate:45deg}button.clover-canvas-button[data-button=rotate-left] svg{scale:-1 1}button.clover-canvas-button[data-button=rotate-left]:is(:hover,:focus-visible) svg{rotate:-45deg}button.clover-canvas-button[data-button=reset]:is(:hover,:focus-visible) svg{rotate:-15deg}button.clover-canvas-button[aria-disabled=true][data-button]:is(:hover,:focus-visible) svg{rotate:none}@media (prefers-reduced-motion: reduce){:is(button.clover-canvas-button,button.clover-canvas-transport-button) svg{transition:none}}:where(:has(>.clover-tip)){position:relative}.clover-tip{position:absolute;z-index:4;bottom:calc(100% + var(--clover-space-xs));left:50%;translate:-50% 0;display:block;padding:var(--clover-space-2xs) var(--clover-space-xs);border-radius:var(--clover-radius, 3px);background-color:var(--clover-color-primary, #1a1d1e);color:var(--clover-color-secondary, #fff);font-size:var(--clover-text-s);font-weight:400;box-sizing:border-box;width:max-content;max-width:var(--clover-tip-room, none);white-space:normal;overflow-wrap:anywhere;transform:translate(var(--clover-tip-shift, 0px));pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s ease,visibility 0s linear .12s}:is(.clover-tip-image,.clover-annotations-image){display:block;width:auto;max-width:100%;height:auto;max-height:var(--clover-items-height, 8rem)}.clover-tip-image{margin-block-end:var(--clover-space-xs);border-radius:calc(var(--clover-radius, 3px) / 2)}.clover-tip-lead{display:block;color:var(--clover-color-secondary, #fff);font-weight:600;font-variant-numeric:tabular-nums}.clover-tip:has(>.clover-tip-lead){color:var(--clover-color-secondary-alt, #c1c8cd)}.clover-tip:before{position:absolute;inset-inline:0;top:100%;height:var(--clover-space-xs);content:""}:hover>.clover-tip{opacity:1;visibility:visible;pointer-events:auto;transition-delay:.4s}:focus-visible>.clover-tip,label:has(>input:focus-visible):not([data-tip-hidden])>.clover-tip{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}[data-tip-hidden]>.clover-tip{opacity:0;transition:none;pointer-events:none}:is(.clover-canvas-controls,.clover-panel,.clover-template-document-toolbar,.clover-template-lightbox-header) .clover-tip,button.clover-canvas-placeholder-toggle>.clover-tip,button.clover-canvas-caption-close>.clover-tip,button.clover-template-document-sidebar-toggle>.clover-tip,:is(.clover-template-spine,.clover-template-document-spine) .clover-tip{top:calc(100% + var(--clover-space-xs));bottom:auto}:is(.clover-canvas-controls,.clover-panel,.clover-template-document-toolbar,.clover-template-lightbox-header) .clover-tip:before,button.clover-canvas-placeholder-toggle>.clover-tip:before,button.clover-canvas-caption-close>.clover-tip:before,button.clover-template-document-sidebar-toggle>.clover-tip:before,:is(.clover-template-spine,.clover-template-document-spine) .clover-tip:before{top:auto;bottom:100%}:is(.clover-canvas-transport-bar,.clover-template-document-toolbar)>:first-child .clover-tip,button.clover-items-scroll-prev>.clover-tip,button.clover-sections-scroll-prev>.clover-tip,button.clover-canvas-more-step[data-step=prev]>.clover-tip,.clover-transcript-languages>.clover-transcript-language>.clover-tip,.clover-template-document-sidebar-closed>button.clover-template-document-sidebar-toggle>.clover-tip,.clover-panel[data-floating]>button.clover-panel-close>.clover-tip{inset-inline:0 auto;translate:none}:is(.clover-canvas-transport-end,.clover-template-lightbox-header)>:last-child .clover-tip,.clover-canvas-controls>button:last-of-type>.clover-tip,button.clover-canvas-caption-close>.clover-tip,button.clover-items-scroll-next>.clover-tip,button.clover-sections-scroll-next>.clover-tip,button.clover-canvas-more-step[data-step=next]>.clover-tip,button.clover-canvas-placeholder-toggle>.clover-tip,.clover-panel:not([data-floating])>button.clover-panel-close>.clover-tip,.clover-sections-actions .clover-transcript-languages>.clover-transcript-language>.clover-tip{inset-inline:auto 0;translate:none}:is(button,a).clover-canvas-annotation>.clover-tip{text-align:start;--clover-tip-top: var(--clover-canvas-clear-top, var(--clover-space-xs));--clover-tip-bottom: var( --clover-canvas-clear-bottom, var(--clover-space-xs) );--clover-tip-x: clamp( var(--clover-space-xs) - var(--clover-overlay-x, 50cqw), -50%, 100cqw - var(--clover-space-xs) - var(--clover-overlay-x, 50cqw) - 100% );top:100%;bottom:auto;max-width:min(18rem,100cqw - 2 * var(--clover-space-xs));max-height:max(100cqh - var(--clover-tip-top) - var(--clover-tip-bottom),min(2 * var(--clover-space-2xl),100cqh - 2 * var(--clover-space-xs)));overflow-y:auto;border:solid transparent;border-width:var(--clover-space-xs) 0 0;background-clip:padding-box;translate:var(--clover-tip-x) 0;transform:none}:is(button,a).clover-canvas-annotation>.clover-tip:before{content:none}:is(button,a).clover-canvas-annotation[data-active=true][aria-current=true]:not([data-tip-hidden])>.clover-tip{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}:is(button,a).clover-canvas-annotation[data-overlay-room=below]>.clover-tip{top:100%;translate:var(--clover-tip-x) min(clamp(var(--clover-tip-top) - var(--clover-space-xs) - var(--clover-overlay-bottom),0px,100cqh - var(--clover-overlay-bottom) - var(--clover-tip-bottom) - 100%),100cqh - var(--clover-space-xs) - var(--clover-overlay-bottom) - 100%)}:is(button,a).clover-canvas-annotation[data-overlay-room=above]>.clover-tip{top:auto;bottom:100%;border-width:0 0 var(--clover-space-xs);translate:var(--clover-tip-x) min(clamp(100% + var(--clover-tip-top) - var(--clover-overlay-top),0px,100cqh + var(--clover-space-xs) - var(--clover-tip-bottom) - var(--clover-overlay-top)),100cqh - var(--clover-overlay-top))}.clover-split-handle>.clover-tip{top:50%;bottom:auto;inset-inline:calc(100% + var(--clover-space-xs)) auto;translate:0 -50%;cursor:default}.clover-split-handle>.clover-tip:before{inset-block:0;inset-inline:auto 100%;width:var(--clover-space-xs);height:auto}@media (prefers-reduced-motion: reduce){.clover-tip{transition:none}}@media (forced-colors: active){.clover-tip{outline:1px solid CanvasText}}.clover-tip-after{margin-inline-start:var(--clover-space-xs);font-size:var(--clover-text-xs);font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}label.clover-hide{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;width:var(--clover-space-l);height:var(--clover-space-l);gap:0;padding:0;border-radius:50%;color:var(--clover-color-primary-muted, #26292b);cursor:pointer}label.clover-hide svg{width:var(--clover-text-s);height:var(--clover-text-s)}label.clover-hide:is(:hover,:has(input:focus-visible)){background-color:var(--clover-color-accent, #0065c3);color:var(--clover-color-control-glyph, #fff)}:where([data-high-contrast]) label.clover-hide:is(:hover,:has(input:focus-visible)){background-color:var(--clover-accent-fill)}:where([data-high-contrast]) label.clover-hide:hover:not(:has(input:focus-visible)){outline:var(--clover-accent-ring-hover);outline-offset:1px}label.clover-hide:has(input:focus-visible){outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:2px}label.clover-hide input{position:absolute;margin:0;opacity:0;pointer-events:none}@media (forced-colors: active){label.clover-hide:is(:hover,:has(input:focus-visible)){background-color:Highlight;color:HighlightText}}@keyframes clover-shade{0%{opacity:0}to{opacity:1}}.clover-read-more{display:flex;flex-direction:column;align-items:flex-start;gap:var(--clover-space-xs);min-width:0}button.clover-read-more-button{margin:0;padding:0;border:0;background:none;color:var( --clover-color-accent-text, var(--clover-accent-text-fallback, var(--clover-color-accent, #0065c3)) );font-size:var(--clover-text-s);text-decoration:underline 1px;text-decoration-color:color-mix(in srgb,currentColor 20%,transparent);text-underline-offset:var(--clover-space-3xs);cursor:pointer}button.clover-read-more-button:hover{text-decoration-color:currentColor}button.clover-read-more-button:focus-visible{outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:2px;border-radius:var(--clover-radius, 3px)}.clover-steps{display:flex;flex:none;align-items:center;gap:var(--clover-space-2xs);font-size:var(--clover-text-xs);line-height:1}.clover-steps-position{display:inline-grid;justify-items:end;margin-inline-end:var(--clover-space-2xs);color:var(--clover-color-primary-muted, #26292b);font-variant-numeric:tabular-nums;font-weight:600}.clover-steps-position>[aria-hidden]{grid-area:1 / 1}.clover-steps-position>.clover-steps-room[hidden]{display:block;visibility:hidden}button.clover-steps-step{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:max(24px,var(--clover-space-l));height:max(24px,var(--clover-space-l));margin:0;padding:0;border:0;border-radius:var(--clover-radius-pill, 2rem);background:none;color:var(--clover-color-primary-muted, #26292b);cursor:pointer}button.clover-steps-step:is(:hover,:focus-visible):not([aria-disabled=true]){background-color:var(--clover-color-accent, #0065c3);color:var(--clover-color-control-glyph, #fff)}:where([data-high-contrast]) button.clover-steps-step:is(:hover,:focus-visible):not([aria-disabled=true]){background-color:var(--clover-accent-fill)}:where([data-high-contrast]) button.clover-steps-step:hover:not(:focus-visible,[aria-disabled=true]){outline:var(--clover-accent-ring-hover);outline-offset:1px}button.clover-steps-step:focus-visible{outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:2px}button.clover-steps-step[aria-disabled=true]{cursor:default}button.clover-steps-step[aria-disabled=true] svg{opacity:.5}button.clover-steps-step[aria-disabled=true]:not(:focus-visible){opacity:.38;pointer-events:none}@media (forced-colors: active){button.clover-steps-step[aria-disabled=true]{color:GrayText}}.clover-entry-thumbnail{flex:none;width:var(--clover-space-l);height:var(--clover-space-l);object-fit:cover;border-radius:var(--clover-radius, 3px);background-color:var(--clover-color-secondary-muted, #e6e8eb)}.clover-entry-thumbnail[data-large]{grid-column:1 / -1;width:var(--clover-picture);max-width:100%;height:auto}.clover-cue-time{flex:none;min-width:var(--clover-space-l);align-self:baseline;color:var(--clover-color-primary-muted, #26292b);font-size:var(--clover-text-s);font-variant-numeric:tabular-nums}.clover-cue-text{align-self:baseline;min-width:0}.clover-summary:not([data-read-more=open]){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--clover-summary-lines, 5);overflow:hidden}:is(.clover-metadata,.clover-required-statement){display:flex;flex-direction:column;gap:var(--clover-space-s);margin:0}:is(.clover-metadata,.clover-required-statement) dt{margin:0;font-weight:500}:is(.clover-metadata,.clover-required-statement) dd{margin:0}.clover-summary,:is(.clover-metadata,.clover-required-statement) :is(dt,dd){overflow-wrap:anywhere}:is(.clover-about,.clover-canvas-caption,.clover-annotations-body,.clover-metadata,.clover-required-statement,.clover-summary) a:not([class]){text-decoration-line:underline;text-underline-offset:var(--clover-space-3xs)}:is(.clover-homepage,.clover-rendering,.clover-see-also,.clover-part-of)>li{min-block-size:24px}:is(.clover-homepage,.clover-rendering,.clover-see-also,.clover-part-of) a,a:is(.clover-id,.clover-rights){color:var( --clover-color-accent-text, var(--clover-accent-text-fallback, var(--clover-color-accent, #0065c3)) );overflow-wrap:anywhere;text-decoration-line:underline;text-underline-offset:var(--clover-space-3xs)}.clover-link-format{color:var(--clover-color-primary-muted, #26292b);font-size:var(--clover-text-s)}.clover-provider{display:flex;flex-wrap:wrap;gap:var(--clover-space-s) var(--clover-space-m);margin:0;padding:0;list-style:none}.clover-provider:empty{display:none}.clover-provider-agent{display:flex;align-items:center;min-block-size:24px}.clover-provider-link,.clover-provider-content{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--clover-space-s)}.clover-provider-link{color:var( --clover-color-accent-text, var(--clover-accent-text-fallback, var(--clover-color-accent, #0065c3)) );overflow-wrap:anywhere;text-decoration-line:underline;text-underline-offset:var(--clover-space-3xs)}.clover-logo{display:block;width:auto;max-width:100%;height:var(--clover-logo-height, 1.618rem);object-fit:contain}.clover-label{text-wrap:balance}.clover-status{margin:0;padding:var(--clover-space-m);color:var(--clover-color-primary-muted, #26292b)}.clover-status[data-status=loading]{display:flex}.clover-status[data-status=error] p{margin:0}.clover-status-detail{font-size:var(--clover-text-s)}.clover-panel{display:flex;flex-direction:column;min-width:0;padding:var(--clover-inset);--clover-sections-inset-start: calc( var(--clover-inset) - var(--clover-space-s) );--clover-sections-inset-end: var(--clover-sections-inset-start);--clover-sections-gutter: calc( var(--clover-inset) - var(--clover-space-s) - .5px );color:var(--clover-color-primary, #1a1d1e)}@media (width < 31rem){.clover-panel{--clover-inset: var(--clover-space-m)}}.clover-panel[data-closable]{--clover-panel-clear: calc( var(--clover-space-xs) + var(--clover-control) - var(--clover-inset) );--clover-sections-inset-start: calc( var(--clover-inset) + var(--clover-panel-clear) );position:relative}.clover-panel[data-closable] .clover-sections-tabs{padding-inline-end:var(--clover-panel-clear)}.clover-panel[data-closable][data-floating] .clover-sections-tabs{padding-inline:var(--clover-panel-clear) 0}.clover-panel>.clover-sections[data-layout=accordion]{margin:calc(-1 * var(--clover-space-s))}.clover-panel[data-closable]>.clover-sections[data-layout=accordion]{padding-block-start:calc(var(--clover-panel-clear) + var(--clover-space-s))}.clover-panel>button.clover-panel-close{position:absolute;inset-block-start:var(--clover-space-xs);inset-inline-end:var(--clover-space-xs);z-index:2}.clover-panel[data-floating]>button.clover-panel-close{inset-inline:var(--clover-space-xs) auto}.clover-split-pane[data-spine]{overflow:visible}[data-spine]>.clover-panel{--clover-panel-clear: calc(-1 * var(--clover-space-s));position:static;box-sizing:border-box;height:100%;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding-block:0}[data-spine]>.clover-panel>.clover-sections{margin-block:var(--clover-inset)}[data-spine]>.clover-panel>.clover-sections[data-layout=accordion]{margin-block:calc(var(--clover-inset) - var(--clover-space-s))}[data-spine]>.clover-panel>button.clover-panel-close{font-size:var(--clover-text-m);inset-block-start:calc(var(--clover-inset) - var(--clover-space-s) + (1lh + 2 * var(--clover-space-s) - var(--clover-control)) / 2);inset-inline:calc(-.618 * var(--clover-control)) auto}:is(.clover-annotations-entry,button.clover-contents-button,.clover-transcript-cue>button,button.clover-content-search-hit,.clover-geomap-places button){box-sizing:border-box;width:100%;margin:0;padding:var(--clover-space-xs) var(--clover-space-s);border:0;border-inline-start:3px solid transparent;border-radius:var(--clover-radius, 3px);background:none;color:inherit;text-align:start;cursor:pointer;transition:var(--clover-transition, all .2s cubic-bezier(.16, 1, .3, 1))}:is(.clover-annotations-entry,button.clover-contents-button,.clover-transcript-cue>button,button.clover-content-search-hit,.clover-geomap-places button,button.clover-contents-toggle):is(:hover,[data-highlighted=true]):not(:disabled){background-color:var(--clover-color-secondary-muted, #f1f1f1)}:is(.clover-annotations-entry[data-selected=true],button.clover-contents-button[aria-current=true],.clover-transcript-cue[aria-current=true]>button,button.clover-content-search-hit[aria-current=true],.clover-geomap-places button[aria-current=true]){border-inline-start-color:var(--clover-color-accent, #0065c3);background-color:color-mix(in srgb,var(--clover-color-accent, #0065c3) 8%,transparent)}@media (forced-colors: active){:is(.clover-annotations-entry,button.clover-contents-button,.clover-transcript-cue>button,button.clover-content-search-hit,.clover-geomap-places button){border-inline-start-color:Canvas}:is(.clover-annotations-entry[data-selected=true],button.clover-contents-button[aria-current=true],.clover-transcript-cue[aria-current=true]>button,button.clover-content-search-hit[aria-current=true],.clover-geomap-places button[aria-current=true]){border-inline-start-color:Highlight}}:is(.clover-annotations-list,.clover-contents-list,.clover-transcript-cues,.clover-content-search-hits,.clover-geomap-places){display:flex;flex-direction:column;gap:var(--clover-space-2xs);margin:0;padding:0;list-style:none}.clover-about{display:flex;flex-direction:column;gap:var(--clover-space-m)}.clover-about-languages{justify-content:flex-end}.clover-about-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--clover-space-2xs)}.clover-about-download{position:relative;display:inline-flex}button.clover-about-download-button{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;width:var(--clover-space-l);height:var(--clover-space-l);padding:0;border:0;border-radius:50%;background:none;color:var(--clover-color-primary-muted, #26292b);cursor:pointer}button.clover-about-download-button svg{width:var(--clover-text-s);height:var(--clover-text-s)}button.clover-about-download-button:is(:hover,:focus-visible,[aria-expanded=true]){background-color:var(--clover-color-accent, #0065c3);color:var(--clover-color-control-glyph, #fff)}:where([data-high-contrast]) button.clover-about-download-button:is(:hover,:focus-visible,[aria-expanded=true]){background-color:var(--clover-accent-fill)}:where([data-high-contrast]) button.clover-about-download-button:hover:not(:focus-visible,[aria-expanded=true]){outline:var(--clover-accent-ring-hover);outline-offset:1px}:where([data-high-contrast]) button.clover-about-download-button[aria-expanded=true]:not(:focus-visible){outline:var(--clover-accent-ring);outline-offset:1px}button.clover-about-download-button:focus-visible{outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:2px}@media (forced-colors: active){button.clover-about-download-button:is(:hover,:focus-visible,[aria-expanded=true]){background-color:Highlight;color:HighlightText}}.clover-about-download-menu{top:calc(100% + var(--clover-space-xs));inset-inline-end:0;max-width:min(20rem,80vw);font-size:var(--clover-text-s);text-align:start}.clover-about-download-menu .clover-download-title{padding-inline:var(--clover-space-s)}.clover-about-download-menu .clover-download-link{padding:var(--clover-space-xs) var(--clover-space-s);border-radius:var(--clover-radius, 3px)}.clover-about-download-menu .clover-download-link:hover{background-color:var(--clover-color-secondary-muted, #e6e8eb)}.clover-about{--clover-about-thumbnail-height: calc( var(--clover-items-height, 8rem) * .618 )}.clover-about-head{display:flow-root}.clover-about-thumbnail{float:right;display:block;width:auto;height:var(--clover-about-thumbnail-height);max-width:min(50%,calc(2 * var(--clover-about-thumbnail-height)));margin-inline-start:var(--clover-space-m);margin-bottom:min(0px,calc(var(--clover-about-label-height, var(--clover-about-thumbnail-height)) - var(--clover-about-thumbnail-height)));object-fit:cover;border-radius:var(--clover-radius, 3px);background-color:var(--clover-color-secondary-muted, #e6e8eb)}:dir(rtl) .clover-about-thumbnail{float:left}.clover-about-head:has(.clover-about-thumbnail)+*>:first-child:before{content:"";float:right;width:calc(var(--clover-about-thumbnail-width, 0px) + var(--clover-space-m));height:max(0px,calc(var(--clover-about-thumbnail-height) - var(--clover-about-label-height, 0px) + var(--clover-space-3xs)))}:dir(rtl) .clover-about-head:has(.clover-about-thumbnail)+*>:first-child:before{float:left}.clover-about :is(p,ul){margin:0}.clover-about ul{padding:0;list-style:none}.clover-about a{color:var( --clover-color-accent-text, var(--clover-accent-text-fallback, var(--clover-color-accent, #0065c3)) );overflow-wrap:anywhere}.clover-about-part-of>li{display:flex;flex-direction:column;align-items:flex-start}button.clover-about-open{min-height:var(--clover-space-l);margin:0;padding:0;border:0;background:none;color:var( --clover-color-accent-text, var(--clover-accent-text-fallback, var(--clover-color-accent, #0065c3)) );font-size:var(--clover-text-s);text-decoration:underline 1px;text-decoration-color:color-mix(in srgb,currentColor 20%,transparent);text-underline-offset:var(--clover-space-3xs);cursor:pointer}button.clover-about-open:hover{text-decoration-color:currentColor}button.clover-about-open:focus-visible{outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:2px;border-radius:var(--clover-radius, 3px)}.clover-about .clover-about-heading{margin:0;font-size:inherit;font-weight:500}.clover-collection-title{text-wrap:balance}.clover-collection>.clover-items{margin-block:calc(var(--clover-space-l) - var(--clover-space-m))}.clover-collection .clover-items[data-layout=list] .clover-items-picture img{width:var(--clover-space-xl);height:var(--clover-space-xl);object-fit:cover}.clover-collection .clover-items-caption{min-width:0;font-size:inherit}.clover-collection :is(.clover-items-date,.clover-items-summary){font-size:var(--clover-text-s)}.clover-collection :is(.clover-items-label,.clover-items-summary){min-width:0;overflow-wrap:anywhere}.clover-targets-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--clover-space-s)}.clover-targets-head>.clover-targets-steps{margin-inline-start:auto}:is(.clover-annotations,.clover-canvas-annotation-menu){display:flex;flex-direction:column;gap:var(--clover-space-l)}:is(div,legend).clover-annotations-set-header{display:flex;align-items:center;gap:var(--clover-space-2xs);margin:0 0 var(--clover-space-s);padding:0;color:inherit;font-size:inherit}.clover-canvas-annotation-menu>fieldset+fieldset{margin-top:0}.clover-annotations-set-header>.clover-hide{margin-inline-start:auto;margin-inline-end:calc(-1 * var(--clover-space-xs))}.clover-annotations-languages+.clover-hide{margin-inline-start:0}.clover-annotations-set:has(>.clover-annotations-set-header>.clover-hide:hover) .clover-annotations-entry,.clover-annotations-set:has(>.clover-annotations-set-header>.clover-hide input:focus-visible) .clover-annotations-entry{background-color:var(--clover-color-secondary-muted, #f1f1f1)}.clover-annotations-title{margin:0;font-size:inherit;font-weight:700}.clover-annotations-languages{margin-inline-start:auto}:is(li,label).clover-annotations-entry{display:flex;align-items:flex-start;gap:var(--clover-space-s)}:is(li,label).clover-annotations-entry{content-visibility:auto;contain-intrinsic-size:auto 2.618rem}label.clover-annotations-entry>input{position:absolute;margin:0;opacity:0;pointer-events:none}.clover-annotations-body{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.clover-annotations-body p{margin:0}.clover-annotations-body>*+*{margin-block-start:var(--clover-space-xs)}.clover-annotations-body>.clover-annotations-image+.clover-annotations-text{display:block}.clover-annotations-body :is(ul,ol){margin:0;padding-inline-start:var(--clover-space-l)}.clover-annotations-body ul{list-style-type:disc}.clover-annotations-body :is(ul,ol) ul{list-style-type:circle}.clover-annotations-body ol{list-style-type:decimal}.clover-annotations-body a{color:var( --clover-color-accent-text, var(--clover-accent-text-fallback, var(--clover-color-accent, #0065c3)) )}:is(a,button).clover-annotations-link{display:inline-block;min-height:var(--clover-space-l);margin:var(--clover-space-2xs) 0 0;padding:0;border:0;background:none;color:var( --clover-color-accent-text, var(--clover-accent-text-fallback, var(--clover-color-accent, #0065c3)) );font:inherit;font-size:var(--clover-text-s);text-decoration:underline 1px;text-decoration-color:color-mix(in srgb,currentColor 20%,transparent);text-underline-offset:var(--clover-space-3xs);cursor:pointer}:is(a,button).clover-annotations-link:hover{text-decoration-color:currentColor}:is(a,button).clover-annotations-link:focus-visible{outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:2px;border-radius:var(--clover-radius, 3px)}.clover-annotations-image{border-radius:var(--clover-radius, 3px)}.clover-annotations-entry:has(>:is(button.clover-annotations-show,input):focus-visible){outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:1px}.clover-annotations-canvas{display:flex;flex-direction:column;gap:var(--clover-space-xs)}.clover-annotations-canvas+.clover-annotations-canvas{margin-top:var(--clover-space-m)}.clover-annotations-canvas-label{margin:0;padding-inline-start:calc(var(--clover-space-s) + 3px);color:var(--clover-color-primary-muted, #26292b);font-size:var(--clover-text-s);font-weight:600}.clover-annotations-canvas[aria-current=true]>.clover-annotations-canvas-label{padding-inline-start:var(--clover-space-s);border-inline-start:3px solid var(--clover-color-accent, #0065c3);color:var(--clover-color-primary, #1a1d1e)}@media (forced-colors: active){.clover-annotations-canvas[aria-current=true]>.clover-annotations-canvas-label{border-inline-start-color:Highlight}}}
|
|
1
|
+
@layer clover{:root{--clover-space-3xs: .146rem;--clover-space-2xs: .236rem;--clover-space-xs: .382rem;--clover-space-s: .618rem;--clover-space-m: 1rem;--clover-space-l: 1.618rem;--clover-space-xl: 2.618rem;--clover-space-2xl: 4.236rem;--clover-text-xs: .764rem;--clover-text-s: .854rem;--clover-text-m: 1.146rem;--clover-text-l: 1.236rem;--clover-control: calc(1rem + 2 * var(--clover-space-s));--clover-inset: var(--clover-space-l);--clover-picture: calc(4 * var(--clover-space-xl))}:where(.clover-title){margin:0;font-weight:var(--clover-title-weight, 400);line-height:1.25;overflow-wrap:anywhere}:where(.clover-root,.clover-canvas,.clover-items,.clover-geomap) :where(button,input,select,textarea){font:inherit}:where(.clover-field-pill-query,.clover-collection-select-control){box-sizing:border-box;padding:var(--clover-space-xs) var(--clover-space-s);border:1px solid var( --clover-field-edge, color-mix( in srgb, var(--clover-color-primary-muted, #26292b) 80%, var(--clover-color-secondary, #fff) ) );border-radius:var(--clover-radius, 3px);background-color:var(--clover-color-secondary, #fff);color:var(--clover-color-primary, #1a1d1e)}:where(.clover-field-pill-query,.clover-collection-select-control):focus-visible{outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:1px}:where(.clover-field-pill-query)::placeholder{color:color-mix(in srgb,var(--clover-color-primary, #1a1d1e) 65%,var(--clover-color-secondary, #fff));opacity:1}:where([data-high-contrast]){--clover-accent-fill: var(--clover-color-control, #1a1d1e);--clover-accent-ring: 3px solid var(--clover-color-accent, #0065c3);--clover-accent-ring-hover: 3px solid color-mix(in srgb, var(--clover-color-accent, #0065c3) 50%, transparent);--clover-accent-text-fallback: var(--clover-color-primary, #1a1d1e);--clover-transition: none}.clover-canvas-error{display:flex;flex-direction:column;align-items:center;gap:var(--clover-space-s)}.clover-canvas-error-headline{font-weight:700;font-size:var(--clover-text-l)}button.clover-canvas-exit-full-screen{display:none;position:absolute;top:var(--clover-canvas-controls-inset);left:var(--clover-canvas-controls-inset);z-index:3;align-items:center;gap:var(--clover-space-xs);height:var(--clover-control);padding:0 var(--clover-space-m) 0 var(--clover-space-s);border:none;border-radius:var(--clover-radius-pill, 2rem);background-color:var(--clover-color-control, #1a1d1e);color:var(--clover-color-control-glyph, #fff);font-size:var(--clover-text-s);font-weight:700;line-height:1;white-space:nowrap;cursor:pointer;transition:var(--clover-transition, all .2s cubic-bezier(.16, 1, .3, 1))}.clover-canvas-exit-full-screen svg{height:1rem;width:1rem;flex-shrink:0}.clover-canvas-exit-full-screen:hover,.clover-canvas-exit-full-screen:focus-visible{background-color:var(--clover-color-accent, #0065c3)}:where([data-high-contrast]) .clover-canvas-exit-full-screen:is(:hover,:focus-visible){background-color:var(--clover-accent-fill)}:where([data-high-contrast]) .clover-canvas-exit-full-screen:hover:not(:focus-visible){outline:var(--clover-accent-ring-hover);outline-offset:1px}.clover-root:fullscreen{overflow:auto;background-color:var(--clover-color-secondary, #fff);color:var(--clover-color-primary, #1a1d1e);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.clover-loading{position:relative;display:block;width:100%;height:3px;overflow:hidden;opacity:0;animation:clover-loading-show 1ms .25s forwards}.clover-loading>span{position:absolute;inset:0;background-color:var(--clover-color-accent, #0065c3);transform-origin:left center;animation:clover-loading-draw 1.4s cubic-bezier(.4,0,.2,1) infinite}.clover-loading:dir(rtl)>span{transform-origin:right center}.clover-loading[data-overlay]{position:absolute;top:0;left:0;z-index:3;pointer-events:none}.clover-body:has(>.clover-loading) .clover-canvas .clover-loading{display:none}@keyframes clover-loading-show{to{opacity:1}}@keyframes clover-loading-draw{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@media (prefers-reduced-motion: reduce){.clover-loading>span{animation-duration:2.8s}}.clover-body-unloadable,.clover-body-note{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:var(--clover-inset);pointer-events:none}.clover-body-unloadable[data-room]{inset-block-end:var(--clover-transport-room, 0)}.clover-body-unloadable:empty{display:none}.clover-body-unloadable>p,.clover-body-note>p{margin:0;padding:var(--clover-space-xs) var(--clover-space-s);border-radius:var(--clover-radius-pill, 2rem);background-color:var(--clover-color-secondary, #fff);color:var(--clover-color-primary-muted, #26292b);font-size:var(--clover-text-s);text-align:center}.clover-canvas-overlays{overflow:hidden;isolation:isolate;container-type:size;scroll-padding-block:var(--clover-canvas-clear-top, 0) var(--clover-canvas-clear-bottom, 0)}.clover-canvas-overlay{transform-origin:center}.clover-canvas-annotation{box-sizing:border-box;margin:0;padding:0;cursor:zoom-in;background-color:transparent;border:1px solid var(--clover-color-primary, #1a1d1e);border-radius:var(--clover-radius, 3px);box-shadow:inset 0 0 0 1px var(--clover-color-secondary, #fff),0 0 38vw 38vw transparent;z-index:var(--clover-annotation-depth, 0);-webkit-mask-image:var(--clover-annotation-mask, none);mask-image:var(--clover-annotation-mask, none);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:120% 120%;mask-size:120% 120%;mask-clip:no-clip}.clover-canvas-annotation:is([data-link],[data-track]){cursor:pointer}.clover-canvas-annotation[hidden]{display:none}.clover-canvas-annotation:is([data-active=true],:focus-visible){border-color:var(--clover-color-secondary, #fff);outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:0;box-shadow:0 0 0 3px var(--clover-color-primary, #1a1d1e),0 0 38vw 38vw #0002}.clover-canvas-annotation:is([data-shape=point],[data-shape=svg]){pointer-events:none}.clover-canvas-annotation:is([data-shape=point],[data-shape=svg]),.clover-canvas-annotation:is([data-shape=point],[data-shape=svg]):is([data-active=true],:focus-visible){border-color:transparent;outline:none;background-color:transparent;box-shadow:none}.clover-canvas-annotation-point{position:absolute;top:50%;left:50%;width:var(--clover-space-m);height:var(--clover-space-m);border:2px solid var(--clover-color-secondary, #fff);border-radius:50%;background-color:var(--clover-color-accent, #0065c3);box-shadow:0 0 0 1px var(--clover-color-primary, #1a1d1e);transform:translate(-50%,-50%);pointer-events:auto}.clover-canvas-annotation-point:before{position:absolute;top:50%;left:50%;width:var(--clover-space-l);height:var(--clover-space-l);border-radius:50%;transform:translate(-50%,-50%);content:""}.clover-canvas-annotation[data-shape=point]:is([data-active=true],:focus-visible) .clover-canvas-annotation-point{box-shadow:0 0 0 2px var(--clover-color-accent, #0065c3),0 0 0 3px var(--clover-color-primary, #1a1d1e)}.clover-canvas-annotation-shape{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.clover-canvas-annotation-shape>g>*{fill:none;stroke:none;pointer-events:none}.clover-canvas-annotation-shape>g:nth-child(1)>*{fill:transparent;stroke:var(--clover-color-primary, #1a1d1e);stroke-width:3;pointer-events:visiblePainted;cursor:zoom-in}.clover-canvas-annotation-shape>g:nth-child(2)>*{stroke:var(--clover-color-secondary, #fff);stroke-width:1}.clover-canvas-annotation[data-shape=svg]:is([data-active=true],:focus-visible) .clover-canvas-annotation-shape>g:nth-child(1)>*{stroke-width:6}.clover-canvas-annotation[data-shape=svg]:is([data-active=true],:focus-visible) .clover-canvas-annotation-shape>g:nth-child(2)>*{stroke-width:4}.clover-canvas-annotation[data-shape=svg]:is([data-active=true],:focus-visible) .clover-canvas-annotation-shape>g:nth-child(3)>*{stroke:var(--clover-color-accent, #0065c3);stroke-width:2}@media (forced-colors: active){.clover-canvas-annotation{border-color:CanvasText}.clover-canvas-annotation[data-shape=rect]{outline:1px solid Canvas;outline-offset:-2px}.clover-canvas-annotation:is([data-active=true],:focus-visible){outline:2px solid Highlight;outline-offset:0}.clover-canvas-annotation-shape>g:nth-child(1)>*{stroke:CanvasText}.clover-canvas-annotation-shape>g:nth-child(2)>*{stroke:Canvas}.clover-canvas-annotation[data-shape=svg]:is([data-active=true],:focus-visible) .clover-canvas-annotation-shape>g:nth-child(3)>*{stroke:Highlight}.clover-canvas-annotation[data-shape=point]:is([data-active=true],:focus-visible) .clover-canvas-annotation-point{outline:2px solid Highlight;outline-offset:1px}}.clover-canvas{--clover-canvas-inset: 0px;--clover-canvas-controls-inset: var(--clover-inset);--clover-controls-leave: .18s cubic-bezier(.4, 0, 1, 1);--clover-controls-enter: .34s cubic-bezier(.34, 1.56, .64, 1);--clover-controls-tuck: var(--clover-space-s);--clover-controls-shown: 0;--clover-controls-events: none;--clover-controls-timing: var(--clover-controls-leave);position:relative;margin:0;--clover-canvas-background: #0001;background-color:var(--clover-canvas-background);width:100%;height:100%;min-height:inherit;overflow:hidden;isolation:isolate}@media (width < 31rem){.clover-canvas{--clover-canvas-controls-inset: var(--clover-space-m)}}.clover-canvas[data-fullscreen=true]{background-image:linear-gradient(var(--clover-canvas-background),var(--clover-canvas-background));background-color:var(--clover-color-secondary, #fff);color:var(--clover-color-primary, #1a1d1e)}.clover-canvas[data-exit]>.clover-canvas-exit-full-screen{display:flex}.clover-canvas[data-exit]>.clover-canvas-navigator{top:calc(var(--clover-canvas-controls-inset) + var(--clover-control) + var(--clover-space-s))}.clover-canvas{--clover-canvas-clear-top: var(--clover-space-xs);--clover-canvas-clear-bottom: var(--clover-space-xs)}.clover-canvas:has(>.clover-canvas-controls){--clover-canvas-clear-top: calc( var(--clover-canvas-controls-inset) + var(--clover-canvas-controls-height, var(--clover-control)) + var(--clover-space-s) )}.clover-canvas[data-has-navigator=true]{--clover-canvas-clear-top: calc( var(--clover-canvas-controls-inset) + var(--clover-space-2xl) + var(--clover-space-s) )}.clover-canvas[data-exit][data-has-navigator=true]{--clover-canvas-clear-top: calc( var(--clover-canvas-controls-inset) + var(--clover-control) + var(--clover-space-2xl) + 2 * var(--clover-space-s) )}.clover-canvas{--clover-transport-room: calc( var(--clover-transport-bar-height, var(--clover-control)) + var(--clover-space-l) + var(--clover-space-xs) + var(--clover-canvas-controls-inset) + var(--clover-space-m) + var(--clover-transport-marks-room, 0px) )}.clover-canvas[data-recording]{--clover-canvas-clear-bottom: var(--clover-transport-room)}.clover-canvas[data-player]{--clover-player-art-least: calc(12rem / 1.618);min-height:calc(2 * var(--clover-canvas-controls-inset) + max(var(--clover-player-art-least),2.7 * var(--clover-text-m) + 3 * var(--clover-space-2xs) + var(--clover-space-xs) + var(--clover-transport-marks-room, 0px) + var(--clover-space-l) + var(--clover-transport-bar-height, var(--clover-control))))}.clover-canvas-viewport{padding:var(--clover-canvas-inset);isolation:isolate;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab;outline:none}.clover-canvas-viewport:active{cursor:grabbing}.clover-canvas[data-navigable=false]>.clover-canvas-viewport{cursor:default;touch-action:manipulation}.clover-canvas-sound-label{position:absolute;inset:0 0 var(--clover-transport-room, 0) 0;z-index:-1;display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;padding:var(--clover-inset);overflow:hidden;color:var(--clover-color-primary, #1a1d1e);font-size:var(--clover-text-l);line-height:1.3;text-align:center;overflow-wrap:anywhere;pointer-events:none}.clover-canvas-dom-media{display:block;-webkit-user-drag:none}.clover-canvas-dom-media.clover-canvas-painted-text{display:flex;align-items:center;overflow:hidden;color:var(--clover-color-primary, currentColor);line-height:1.2}.clover-canvas-painted-text>*{margin:0}.clover-canvas-scrim{position:absolute;inset:0 0 auto;z-index:0;height:calc(var(--clover-control) + 2 * var(--clover-space-l));pointer-events:none;background:linear-gradient(to bottom,#00000073,#0003 45%,#0000);opacity:var(--clover-controls-shown);transition:opacity var(--clover-controls-timing)}.clover-canvas[data-media=video]{--clover-canvas-background: #000}.clover-canvas[data-media=video]>.clover-canvas-scrim{display:none}.clover-canvas:not([data-controls]){--clover-controls-shown: 1;--clover-controls-events: auto;--clover-controls-timing: var(--clover-controls-enter)}.clover-canvas>.clover-canvas-controls{z-index:3;pointer-events:none}.clover-canvas>.clover-canvas-controls[data-fit]{left:var(--clover-canvas-controls-inset);flex-wrap:nowrap;gap:var(--clover-space-xs)}.clover-canvas>.clover-canvas-controls[data-fit]:has(>[data-button=panel]){padding-right:calc(var(--clover-control) + var(--clover-space-xs))}.clover-canvas>.clover-canvas-controls[data-fit]:dir(rtl){justify-content:flex-start}.clover-canvas[data-exit]>.clover-canvas-controls[data-fit]{left:calc(var(--clover-canvas-controls-inset) + var(--clover-control) + var(--clover-space-s))}.clover-canvas[data-has-navigator=true]>.clover-canvas-controls[data-fit]{left:calc(var(--clover-canvas-controls-inset) + var(--clover-space-2xl) + var(--clover-space-xl) + var(--clover-space-s))}.clover-canvas>.clover-canvas-controls>.clover-canvas-more{--tray: var(--clover-space-3xs);display:flex;flex:0 1 auto;gap:var(--clover-space-xs);min-width:0;border-radius:var(--clover-radius-pill, 2rem);pointer-events:none}.clover-canvas>.clover-canvas-controls>.clover-canvas-more[data-open]{position:relative;margin:calc(-1 * var(--tray));padding:var(--tray);background-color:color-mix(in srgb,var(--clover-color-control, #1a1d1e) 40%,transparent);-webkit-backdrop-filter:blur(var(--clover-space-xs));backdrop-filter:blur(var(--clover-space-xs))}.clover-canvas-more>button,.clover-canvas-more-list>*{pointer-events:var(--clover-controls-events)}.clover-canvas>.clover-canvas-controls>.clover-canvas-more[data-open]{animation:clover-more-open .22s cubic-bezier(.16,1,.3,1)}.clover-canvas>.clover-canvas-controls>.clover-canvas-more[data-open]:dir(rtl){animation-name:clover-more-open-rtl}.clover-canvas-more[data-open]>.clover-canvas-more-list>*{animation:clover-more-in .22s cubic-bezier(.16,1,.3,1) backwards}@keyframes clover-more-open{0%{clip-path:inset(0 0 0 calc(100% - var(--clover-control) - 2 * var(--tray)) round var(--clover-radius-pill, 2rem))}to{clip-path:inset(0 round var(--clover-radius-pill, 2rem))}}@keyframes clover-more-open-rtl{0%{clip-path:inset(0 calc(100% - var(--clover-control) - 2 * var(--tray)) 0 0 round var(--clover-radius-pill, 2rem))}to{clip-path:inset(0 round var(--clover-radius-pill, 2rem))}}@keyframes clover-more-in{0%{opacity:0}}@media (prefers-reduced-motion: reduce){.clover-canvas>.clover-canvas-controls>.clover-canvas-more[data-open],.clover-canvas-more[data-open]>.clover-canvas-more-list>*{animation:none}}.clover-canvas-more-list:not([hidden]){--ring: var(--clover-space-2xs);--tip-room: calc(2 * var(--clover-space-2xl));--fade: calc(var(--clover-space-l) + var(--clover-space-s));display:flex;gap:var(--clover-space-xs);min-width:0;margin:calc(-1 * var(--ring)) calc(-1 * var(--ring)) calc(-1 * var(--tip-room));padding:var(--ring) var(--ring) var(--tip-room);scrollbar-width:none}.clover-canvas-more-list[data-past]{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-padding-inline:var(--fade)}.clover-canvas-more-list::-webkit-scrollbar{display:none}.clover-canvas-more-list[data-past]{-webkit-mask-image:linear-gradient(to right,var(--left, #000),#000 var(--fade),#000 calc(100% - var(--fade)),var(--right, #000)),linear-gradient(#000,#000);mask-image:linear-gradient(to right,var(--left, #000),#000 var(--fade),#000 calc(100% - var(--fade)),var(--right, #000)),linear-gradient(#000,#000);-webkit-mask-position:0 0,0 100%;mask-position:0 0,0 100%;-webkit-mask-size:100% 100%,100% calc(var(--tip-room) - var(--ring));mask-size:100% 100%,100% calc(var(--tip-room) - var(--ring));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.clover-canvas-more-list[data-past~=left]{--left: transparent}.clover-canvas-more-list[data-past~=right]{--right: transparent}.clover-canvas-more-list>[data-partial]:not(:focus-visible){opacity:.25;pointer-events:none}.clover-canvas-more>.clover-canvas-more-step{position:absolute;top:50%;z-index:1;display:none;translate:0 -50%}.clover-canvas-more>.clover-canvas-more-step:not(:hover,:focus-visible){background-color:var(--clover-color-control, #1a1d1e);color:var(--clover-color-control-glyph, #fff)}.clover-canvas-more>[data-step=prev]{inset-inline-start:var(--tray)}.clover-canvas-more>[data-step=next]{inset-inline-end:calc(var(--tray) + var(--clover-control) + var(--clover-space-xs))}.clover-canvas-more:dir(ltr)>.clover-canvas-more-list[data-past~=left]~[data-step=prev],.clover-canvas-more:dir(ltr)>.clover-canvas-more-list[data-past~=right]~[data-step=next],.clover-canvas-more:dir(rtl)>.clover-canvas-more-list[data-past~=right]~[data-step=prev],.clover-canvas-more:dir(rtl)>.clover-canvas-more-list[data-past~=left]~[data-step=next]{display:flex}.clover-canvas-more-step:dir(rtl) svg{scale:-1 1}@media (hover: none){.clover-canvas-more-list[data-past]{--tip-room: var(--ring);pointer-events:var(--clover-controls-events)}:is(.clover-canvas-more-list[data-past],.clover-canvas-more-step) .clover-tip{display:none}}.clover-canvas>.clover-canvas-controls:has(>[data-button=panel]){padding-right:calc(var(--clover-control) + var(--clover-space-s))}.clover-canvas>.clover-canvas-controls>[data-button=panel]{position:absolute;top:0;right:0;--clover-controls-shown: 1;--clover-controls-events: auto}.clover-canvas>.clover-canvas-controls:has(>[data-button=panel][data-side=start]),.clover-canvas>.clover-canvas-controls[data-fit]:has(>[data-button=panel][data-side=start]){padding-right:0;padding-inline-start:calc(var(--clover-control) + var(--clover-space-xs))}.clover-canvas>.clover-canvas-controls>[data-button=panel][data-side=start]{right:auto;inset-inline-start:0}.clover-canvas>.clover-canvas-controls>:is([data-button=information],[data-button=annotations],[data-button=chapters],[data-button=placeholder]){--clover-controls-shown: 1;--clover-controls-events: auto}.clover-canvas:is([data-controls=visible],:has(:focus-visible,[aria-expanded=true]:not([data-button=panel])),:has(>.clover-canvas-media>.clover-canvas-transport>.clover-canvas-transport-bar>[data-button=play])){--clover-controls-shown: 1;--clover-controls-events: auto;--clover-controls-timing: var(--clover-controls-enter)}@media (hover: hover){.clover-canvas:has(>.clover-canvas-controls>:not([data-button=panel],[data-button=information],[data-button=annotations],[data-button=placeholder]):hover,>.clover-canvas-navigator:hover,.clover-canvas-transport-seek-area:hover,.clover-canvas-transport-bar>:hover){--clover-controls-shown: 1;--clover-controls-events: auto;--clover-controls-timing: var(--clover-controls-enter)}}.clover-canvas>.clover-canvas-controls>*,.clover-canvas>.clover-canvas-navigator,.clover-canvas>.clover-canvas-media>.clover-canvas-transport:before,.clover-canvas>.clover-canvas-media>.clover-canvas-transport>.clover-canvas-transport-seek-area,.clover-canvas>.clover-canvas-media>.clover-canvas-transport>.clover-canvas-transport-bar>*{opacity:var(--clover-controls-shown);translate:0 calc((1 - var(--clover-controls-shown)) * var(--clover-controls-edge, -1) * var(--clover-controls-tuck));transition:all var(--clover-controls-timing),z-index 0s}:where([data-high-contrast]) :is(.clover-canvas>.clover-canvas-controls>*,.clover-canvas>.clover-canvas-navigator,.clover-canvas>.clover-canvas-media>.clover-canvas-transport>.clover-canvas-transport-seek-area,.clover-canvas>.clover-canvas-media>.clover-canvas-transport>.clover-canvas-transport-bar>*){transition:opacity var(--clover-controls-timing),translate var(--clover-controls-timing),z-index 0s}.clover-canvas>.clover-canvas-controls>*,.clover-canvas>.clover-canvas-navigator,.clover-canvas-transport>.clover-canvas-transport-seek-area,.clover-canvas-transport-bar>*{pointer-events:var(--clover-controls-events)}@media (prefers-reduced-motion: reduce){.clover-canvas{--clover-controls-leave: 0s;--clover-controls-enter: 0s;--clover-controls-tuck: 0px}}.clover-canvas-navigator{position:absolute;z-index:2;top:var(--clover-canvas-controls-inset);left:var(--clover-canvas-controls-inset);width:calc(var(--clover-space-2xl) + var(--clover-space-xl));height:var(--clover-space-2xl);overflow:hidden;background-color:#000d;border-radius:var(--clover-radius, 3px);cursor:pointer;touch-action:none}.clover-canvas-navigator-image{position:absolute;inset:0;width:100%;height:100%}.clover-canvas-navigator-region{position:absolute;top:0;left:0;box-sizing:border-box;border:2px solid var(--clover-color-accent, #0065c3);pointer-events:none}.clover-canvas-viewport:focus-visible:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 0 2px var(--clover-color-primary, #1a1d1e),inset 0 0 0 5px var(--clover-color-accent, #0065c3),inset 0 0 0 7px var(--clover-color-secondary, #fff)}@media (forced-colors: active){.clover-canvas-viewport:focus-visible{outline:3px solid CanvasText;outline-offset:-3px}}.clover-canvas-caption{padding:var(--clover-space-m);outline:none;transform:translateY(calc(-1 * var(--clover-space-m)));opacity:0;visibility:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .2s ease,visibility 0s linear .3s}.clover-canvas-caption[data-open=true]{transform:none;opacity:1;visibility:visible;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .2s ease,visibility 0s}.clover-canvas-caption:focus-visible{outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:2px}@media (prefers-reduced-motion: reduce){.clover-canvas-caption,.clover-canvas-caption[data-open=true]{transform:none;transition:none}}.clover-canvas-caption>button.clover-canvas-caption-close{float:right;margin:calc(-1 * var(--clover-space-2xs)) calc(-1 * var(--clover-space-2xs)) var(--clover-space-s) var(--clover-space-s)}.clover-canvas-caption-canvas+.clover-canvas-caption-canvas{margin-top:var(--clover-space-m);padding-top:var(--clover-space-m);border-top:1px solid var(--clover-color-secondary-muted, #e6e8eb)}.clover-canvas-caption .clover-canvas-caption-label{margin:0 0 var(--clover-space-s);font-size:inherit;font-weight:600}.clover-canvas-caption p{margin:0}.clover-canvas-caption .clover-read-more{margin-bottom:var(--clover-space-s)}.clover-canvas-caption a{color:var( --clover-color-accent-text, var(--clover-accent-text-fallback, var(--clover-color-accent, #0065c3)) )}.clover-canvas-caption-annotations{margin-top:var(--clover-space-s)}.clover-canvas-caption .clover-canvas-caption-annotations-label{margin-bottom:var(--clover-space-xs);font-weight:500}.clover-canvas-caption-annotations>ul{display:flex;flex-direction:column;gap:var(--clover-space-s);margin:0;padding:0;list-style:none}.clover-canvas-place{width:min(22rem,100%)}.clover-canvas-place .clover-geomap{--clover-map-height: 16rem;--clover-map-controls-top: calc( var(--clover-control) + var(--clover-space-s) )}.clover-canvas-place>button.clover-canvas-caption-close{position:absolute;z-index:3;top:calc(var(--clover-space-m) + var(--clover-inset));right:calc(var(--clover-space-m) + var(--clover-inset));float:none;margin:0}.clover-canvas-placeholder{position:absolute;inset:0;padding:var(--clover-canvas-inset);z-index:0;display:flex;align-items:center;justify-content:center;container-type:size;cursor:zoom-in}.clover-canvas-placeholder[data-lingering=true]{pointer-events:none}.clover-canvas-placeholder[data-hidden=true]{visibility:hidden;pointer-events:none}.clover-canvas-placeholder-frame{display:flex;width:min(100cqw,100cqh * var(--ratio));aspect-ratio:var(--ratio)}.clover-canvas-placeholder[data-vertical=true]>.clover-canvas-placeholder-frame{flex-direction:column}.clover-canvas-placeholder-frame>img{display:block;min-width:0;min-height:0;object-fit:contain;color:transparent}.clover-canvas-placeholder:not([data-vertical=true])>.clover-canvas-placeholder-frame>img{height:100%}.clover-canvas-placeholder[data-vertical=true]>.clover-canvas-placeholder-frame>img{width:100%}.clover-canvas[data-placeholder=true]>.clover-canvas-viewport{visibility:hidden}.clover-canvas>button.clover-canvas-placeholder-toggle{position:absolute;z-index:1;top:50%;right:50%;width:var(--clover-space-2xl);height:var(--clover-space-2xl);margin:0;transform:translate(50%,-50%);box-shadow:0 4px 16px #0003;transition:var(--clover-transition, all .2s cubic-bezier(.16, 1, .3, 1))}.clover-canvas>button.clover-canvas-placeholder-toggle svg{width:calc(var(--clover-space-2xl) / (1 + 2 * .618));height:calc(var(--clover-space-2xl) / (1 + 2 * .618))}.clover-canvas-placeholder[data-media=true]{cursor:pointer}.clover-canvas[data-placeholder=true][data-recording]:has(>.clover-canvas-placeholder[data-media=true]:hover)>button.clover-canvas-placeholder-toggle{background-color:var(--clover-color-accent, #0065c3)}:where([data-high-contrast]) .clover-canvas[data-placeholder=true][data-recording]>button.clover-canvas-placeholder-toggle:is(:hover,:focus-visible),:where([data-high-contrast]) .clover-canvas[data-placeholder=true][data-recording]:has(>.clover-canvas-placeholder[data-media=true]:hover)>button.clover-canvas-placeholder-toggle{background-color:var(--clover-accent-fill)}:where([data-high-contrast]) .clover-canvas[data-placeholder=true][data-recording]>button.clover-canvas-placeholder-toggle:hover:not(:focus-visible),:where([data-high-contrast]) .clover-canvas[data-placeholder=true][data-recording]:has(>.clover-canvas-placeholder[data-media=true]:hover)>button.clover-canvas-placeholder-toggle:not(:focus-visible){outline:var(--clover-accent-ring-hover);outline-offset:1px}.clover-canvas[data-placeholder=true]>.clover-canvas-controls>*{--clover-controls-shown: 1;--clover-controls-events: auto}@media (prefers-reduced-motion: reduce){.clover-canvas>button.clover-canvas-placeholder-toggle{transition:none}}:is(.clover-canvas-caption,.clover-canvas-menu){position:absolute;z-index:2;box-sizing:border-box;min-width:12rem;overflow-y:auto;overscroll-behavior:contain;border-radius:var(--clover-radius, 6px);background:var(--clover-color-secondary, #fff);color:var(--clover-color-primary, #1a1d1e);box-shadow:0 4px 16px #0001}.clover-canvas>:is(.clover-canvas-caption,.clover-canvas-menu){--top: calc( var(--clover-canvas-controls-inset) + var(--clover-canvas-controls-height, var(--clover-control)) + var(--clover-space-s) );top:var(--top);right:var(--clover-canvas-controls-inset);max-width:min(22rem,calc(100% - 2 * var(--clover-canvas-controls-inset)));max-height:calc(100% - var(--top) - var(--clover-canvas-controls-inset))}.clover-canvas[data-recording]>:is(.clover-canvas-caption,.clover-canvas-menu){max-height:max(calc(100% - var(--top) - var(--clover-transport-room)),min(2 * var(--clover-space-2xl),calc(100% - var(--top) - var(--clover-canvas-controls-inset))))}.clover-canvas[data-popups=beside]>:is(.clover-canvas-caption,.clover-canvas-menu){--top: var(--clover-canvas-controls-inset);right:calc(var(--clover-canvas-controls-inset) + var(--clover-canvas-controls-width, var(--clover-control)) + var(--clover-space-s));left:var(--clover-canvas-controls-inset);min-width:0;max-width:none}.clover-canvas[data-popups=beside][data-exit]>:is(.clover-canvas-caption,.clover-canvas-menu){--top: calc( var(--clover-canvas-controls-inset) + var(--clover-control) + var(--clover-space-s) )}.clover-canvas:has(>:is(.clover-canvas-caption[data-open=true],.clover-canvas-menu))>.clover-canvas-navigator{opacity:0;visibility:hidden}.clover-canvas-menu{padding:var(--clover-space-xs)}.clover-canvas-menu fieldset{margin:0;padding:0;border:0}.clover-canvas-menu fieldset+fieldset{margin-top:var(--clover-space-s)}.clover-canvas-menu legend{padding:var(--clover-space-2xs) var(--clover-space-s);color:var(--clover-color-primary-muted, #26292b);font-size:var(--clover-text-s)}.clover-canvas-menu label{display:flex;align-items:center;gap:var(--clover-space-xs);padding:var(--clover-space-xs) var(--clover-space-s);border-radius:var(--clover-radius, 6px);cursor:pointer}.clover-canvas-menu label:hover,.clover-canvas-menu label[data-active=true]{background:var(--clover-color-secondary-muted, #e6e8eb)}.clover-canvas-menu label[data-disabled]{cursor:default;opacity:.38;pointer-events:none}.clover-canvas-menu input{margin:0;accent-color:var(--clover-color-accent, #0065c3)}.clover-canvas-menu .clover-canvas-chapters-item{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);justify-items:start;align-items:baseline;gap:var(--clover-space-2xs) var(--clover-space-s);border-inline-start:3px solid transparent}.clover-canvas-chapters-item>input{position:absolute;opacity:0;pointer-events:none}.clover-canvas-chapters-item:has(>input:focus-visible){outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:-2px}.clover-canvas-chapters-item>.clover-cue-time{color:var(--clover-color-primary-muted, #26292b);font-variant-numeric:tabular-nums}@media (forced-colors: active){.clover-canvas-chapters-item:has(>input:checked){border-inline-start-color:Highlight}}@media (forced-colors: none){.clover-canvas-menu .clover-canvas-chapters-item:has(input:checked){background-color:color-mix(in srgb,var(--clover-color-accent, #0065c3) 8%,transparent)}}.clover-canvas-chapters-item:has(input:checked){font-weight:600}.clover-canvas-menu-image{flex:none;width:auto;height:var(--clover-space-xl);border-radius:var(--clover-radius, 3px)}.clover-canvas-controls{--top: var(--clover-canvas-controls-inset);position:absolute;z-index:1;top:var(--top);right:var(--clover-canvas-controls-inset);display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:flex-end;gap:var(--clover-space-s);max-height:calc(100% - var(--top) - var(--clover-canvas-controls-inset))}:is(button.clover-canvas-button,button.clover-canvas-transport-button,button.clover-items-scroll-prev,button.clover-items-scroll-next,button.clover-pager-previous,button.clover-pager-next,button.clover-panel-close){display:flex;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;width:var(--clover-control);height:var(--clover-control);margin:0;padding:0;border:0;border-radius:var(--clover-radius-pill, 2rem);background-color:var(--clover-color-control, #1a1d1e);color:var(--clover-color-control-glyph, #fff);cursor:pointer;transition:var(--clover-transition, all .2s cubic-bezier(.16, 1, .3, 1))}:is(button.clover-canvas-button,button.clover-canvas-transport-button,button.clover-items-scroll-prev,button.clover-items-scroll-next,button.clover-pager-previous,button.clover-pager-next,button.clover-panel-close) svg{flex-shrink:0;width:1rem;height:1rem;transition:var(--clover-transition, all .2s cubic-bezier(.16, 1, .3, 1))}button.clover-canvas-button svg{fill:currentColor;stroke:currentColor}:is(button.clover-canvas-button,button.clover-items-scroll-prev,button.clover-items-scroll-next,button.clover-pager-previous,button.clover-pager-next,button.clover-panel-close):is(:hover,:focus-visible){background-color:var(--clover-color-accent, #0065c3)}:where([data-high-contrast]) :is(button.clover-canvas-button,button.clover-items-scroll-prev,button.clover-items-scroll-next,button.clover-pager-previous,button.clover-pager-next,button.clover-panel-close):is(:hover,:focus-visible){background-color:var(--clover-accent-fill)}:where([data-high-contrast]) :is(button.clover-canvas-button,button.clover-items-scroll-prev,button.clover-items-scroll-next,button.clover-pager-previous,button.clover-pager-next,button.clover-panel-close):hover:not(:focus-visible){outline:var(--clover-accent-ring-hover);outline-offset:1px}:is(button.clover-pager-previous,button.clover-pager-next,button.clover-items-scroll-prev,button.clover-items-scroll-next,button.clover-canvas-transport-button)[aria-disabled=true]{cursor:default}:is(button.clover-pager-previous,button.clover-pager-next,button.clover-items-scroll-prev,button.clover-items-scroll-next,button.clover-canvas-transport-button)[aria-disabled=true] svg{opacity:.5}:is(button.clover-pager-previous,button.clover-pager-next,button.clover-items-scroll-prev,button.clover-items-scroll-next,button.clover-canvas-transport-button)[aria-disabled=true]:not(:focus-visible),:is(button.clover-pager-previous,button.clover-pager-next,button.clover-items-scroll-prev,button.clover-items-scroll-next):disabled{opacity:.38;pointer-events:none}button.clover-canvas-button[aria-disabled=true]{cursor:default}button.clover-canvas-button[aria-disabled=true] svg{opacity:.5}button.clover-canvas-button[aria-disabled=true]:hover:not(:focus-visible){background-color:var(--clover-color-control, #1a1d1e)}:where([data-high-contrast]) button.clover-canvas-button[aria-disabled=true]:hover:not(:focus-visible){background-color:var(--clover-color-control, #1a1d1e);outline:none}button.clover-canvas-button:is([data-button=rotate-right],[data-button=rotate-left]):is(:hover,:focus-visible) svg{rotate:45deg}button.clover-canvas-button[data-button=rotate-left] svg{scale:-1 1}button.clover-canvas-button[data-button=panel][data-side=start]:dir(ltr) svg{scale:-1 1}button.clover-canvas-button[data-button=rotate-left]:is(:hover,:focus-visible) svg{rotate:-45deg}button.clover-canvas-button[data-button=reset]:is(:hover,:focus-visible) svg{rotate:-15deg}button.clover-canvas-button[aria-disabled=true][data-button]:is(:hover,:focus-visible) svg{rotate:none}@media (prefers-reduced-motion: reduce){:is(button.clover-canvas-button,button.clover-canvas-transport-button) svg{transition:none}}:where(:has(>.clover-tip)){position:relative}.clover-tip{position:absolute;z-index:4;bottom:calc(100% + var(--clover-space-xs));left:50%;translate:-50% 0;display:block;padding:var(--clover-space-2xs) var(--clover-space-xs);border-radius:var(--clover-radius, 3px);background-color:var(--clover-color-primary, #1a1d1e);color:var(--clover-color-secondary, #fff);font-size:var(--clover-text-s);font-weight:400;box-sizing:border-box;width:max-content;max-width:var(--clover-tip-room, none);white-space:normal;overflow-wrap:anywhere;transform:translate(var(--clover-tip-shift, 0px));pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s ease,visibility 0s linear .12s}:is(.clover-tip-image,.clover-annotations-image){display:block;width:auto;max-width:100%;height:auto;max-height:var(--clover-items-height, 8rem)}.clover-tip-image{margin-block-end:var(--clover-space-xs);border-radius:calc(var(--clover-radius, 3px) / 2)}.clover-tip-lead{display:block;color:var(--clover-color-secondary, #fff);font-weight:600;font-variant-numeric:tabular-nums}.clover-tip:has(>.clover-tip-lead){color:var(--clover-color-secondary-alt, #c1c8cd)}.clover-tip:before{position:absolute;inset-inline:0;top:100%;height:var(--clover-space-xs);content:""}:hover>.clover-tip{opacity:1;visibility:visible;pointer-events:auto;transition-delay:.4s}:focus-visible>.clover-tip,label:has(>input:focus-visible):not([data-tip-hidden])>.clover-tip{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}[data-tip-hidden]>.clover-tip{opacity:0;transition:none;pointer-events:none}:is(.clover-canvas-controls,.clover-panel,.clover-template-document-toolbar,.clover-template-lightbox-header) .clover-tip,button.clover-canvas-placeholder-toggle>.clover-tip,button.clover-canvas-caption-close>.clover-tip,button.clover-template-document-sidebar-toggle>.clover-tip,:is(.clover-template-spine,.clover-template-document-spine) .clover-tip{top:calc(100% + var(--clover-space-xs));bottom:auto}:is(.clover-canvas-controls,.clover-panel,.clover-template-document-toolbar,.clover-template-lightbox-header) .clover-tip:before,button.clover-canvas-placeholder-toggle>.clover-tip:before,button.clover-canvas-caption-close>.clover-tip:before,button.clover-template-document-sidebar-toggle>.clover-tip:before,:is(.clover-template-spine,.clover-template-document-spine) .clover-tip:before{top:auto;bottom:100%}:is(.clover-canvas-transport-bar,.clover-template-document-toolbar)>:first-child .clover-tip,button.clover-items-scroll-prev>.clover-tip,button.clover-sections-scroll-prev>.clover-tip,button.clover-canvas-more-step[data-step=prev]>.clover-tip,.clover-transcript-languages>.clover-transcript-language>.clover-tip,.clover-template-document-sidebar-closed>button.clover-template-document-sidebar-toggle>.clover-tip,.clover-panel[data-floating]>button.clover-panel-close>.clover-tip{inset-inline:0 auto;translate:none}:is(.clover-canvas-transport-end,.clover-template-lightbox-header)>:last-child .clover-tip,.clover-canvas-controls>button:last-of-type>.clover-tip,button.clover-canvas-caption-close>.clover-tip,button.clover-items-scroll-next>.clover-tip,button.clover-sections-scroll-next>.clover-tip,button.clover-canvas-more-step[data-step=next]>.clover-tip,button.clover-canvas-placeholder-toggle>.clover-tip,.clover-panel:not([data-floating])>button.clover-panel-close>.clover-tip,.clover-sections-actions .clover-transcript-languages>.clover-transcript-language>.clover-tip{inset-inline:auto 0;translate:none}:is(button,a).clover-canvas-annotation>.clover-tip{text-align:start;--clover-tip-top: var(--clover-canvas-clear-top, var(--clover-space-xs));--clover-tip-bottom: var( --clover-canvas-clear-bottom, var(--clover-space-xs) );--clover-tip-x: clamp( var(--clover-space-xs) - var(--clover-overlay-x, 50cqw), -50%, 100cqw - var(--clover-space-xs) - var(--clover-overlay-x, 50cqw) - 100% );top:100%;bottom:auto;max-width:min(18rem,100cqw - 2 * var(--clover-space-xs));max-height:max(100cqh - var(--clover-tip-top) - var(--clover-tip-bottom),min(2 * var(--clover-space-2xl),100cqh - 2 * var(--clover-space-xs)));overflow-y:auto;border:solid transparent;border-width:var(--clover-space-xs) 0 0;background-clip:padding-box;translate:var(--clover-tip-x) 0;transform:none}:is(button,a).clover-canvas-annotation>.clover-tip:before{content:none}:is(button,a).clover-canvas-annotation[data-active=true][aria-current=true]:not([data-tip-hidden])>.clover-tip{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}:is(button,a).clover-canvas-annotation[data-overlay-room=below]>.clover-tip{top:100%;translate:var(--clover-tip-x) min(clamp(var(--clover-tip-top) - var(--clover-space-xs) - var(--clover-overlay-bottom),0px,100cqh - var(--clover-overlay-bottom) - var(--clover-tip-bottom) - 100%),100cqh - var(--clover-space-xs) - var(--clover-overlay-bottom) - 100%)}:is(button,a).clover-canvas-annotation[data-overlay-room=above]>.clover-tip{top:auto;bottom:100%;border-width:0 0 var(--clover-space-xs);translate:var(--clover-tip-x) min(clamp(100% + var(--clover-tip-top) - var(--clover-overlay-top),0px,100cqh + var(--clover-space-xs) - var(--clover-tip-bottom) - var(--clover-overlay-top)),100cqh - var(--clover-overlay-top))}.clover-split-handle>.clover-tip{top:50%;bottom:auto;inset-inline:calc(100% + var(--clover-space-xs)) auto;translate:0 -50%;cursor:default}.clover-split-handle>.clover-tip:before{inset-block:0;inset-inline:auto 100%;width:var(--clover-space-xs);height:auto}@media (prefers-reduced-motion: reduce){.clover-tip{transition:none}}@media (forced-colors: active){.clover-tip{outline:1px solid CanvasText}}.clover-tip-after{margin-inline-start:var(--clover-space-xs);font-size:var(--clover-text-xs);font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}label.clover-hide{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;width:var(--clover-space-l);height:var(--clover-space-l);gap:0;padding:0;border-radius:50%;color:var(--clover-color-primary-muted, #26292b);cursor:pointer}label.clover-hide svg{width:var(--clover-text-s);height:var(--clover-text-s)}label.clover-hide:is(:hover,:has(input:focus-visible)){background-color:var(--clover-color-accent, #0065c3);color:var(--clover-color-control-glyph, #fff)}:where([data-high-contrast]) label.clover-hide:is(:hover,:has(input:focus-visible)){background-color:var(--clover-accent-fill)}:where([data-high-contrast]) label.clover-hide:hover:not(:has(input:focus-visible)){outline:var(--clover-accent-ring-hover);outline-offset:1px}label.clover-hide:has(input:focus-visible){outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:2px}label.clover-hide input{position:absolute;margin:0;opacity:0;pointer-events:none}@media (forced-colors: active){label.clover-hide:is(:hover,:has(input:focus-visible)){background-color:Highlight;color:HighlightText}}@keyframes clover-shade{0%{opacity:0}to{opacity:1}}.clover-read-more{display:flex;flex-direction:column;align-items:flex-start;gap:var(--clover-space-xs);min-width:0}button.clover-read-more-button{margin:0;padding:0;border:0;background:none;color:var( --clover-color-accent-text, var(--clover-accent-text-fallback, var(--clover-color-accent, #0065c3)) );font-size:var(--clover-text-s);text-decoration:underline 1px;text-decoration-color:color-mix(in srgb,currentColor 20%,transparent);text-underline-offset:var(--clover-space-3xs);cursor:pointer}button.clover-read-more-button:hover{text-decoration-color:currentColor}button.clover-read-more-button:focus-visible{outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:2px;border-radius:var(--clover-radius, 3px)}.clover-steps{display:flex;flex:none;align-items:center;gap:var(--clover-space-2xs);font-size:var(--clover-text-xs);line-height:1}.clover-steps-position{display:inline-grid;justify-items:end;margin-inline-end:var(--clover-space-2xs);color:var(--clover-color-primary-muted, #26292b);font-variant-numeric:tabular-nums;font-weight:600}.clover-steps-position>[aria-hidden]{grid-area:1 / 1}.clover-steps-position>.clover-steps-room[hidden]{display:block;visibility:hidden}button.clover-steps-step{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:max(24px,var(--clover-space-l));height:max(24px,var(--clover-space-l));margin:0;padding:0;border:0;border-radius:var(--clover-radius-pill, 2rem);background:none;color:var(--clover-color-primary-muted, #26292b);cursor:pointer}button.clover-steps-step:is(:hover,:focus-visible):not([aria-disabled=true]){background-color:var(--clover-color-accent, #0065c3);color:var(--clover-color-control-glyph, #fff)}:where([data-high-contrast]) button.clover-steps-step:is(:hover,:focus-visible):not([aria-disabled=true]){background-color:var(--clover-accent-fill)}:where([data-high-contrast]) button.clover-steps-step:hover:not(:focus-visible,[aria-disabled=true]){outline:var(--clover-accent-ring-hover);outline-offset:1px}button.clover-steps-step:focus-visible{outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:2px}button.clover-steps-step[aria-disabled=true]{cursor:default}button.clover-steps-step[aria-disabled=true] svg{opacity:.5}button.clover-steps-step[aria-disabled=true]:not(:focus-visible){opacity:.38;pointer-events:none}@media (forced-colors: active){button.clover-steps-step[aria-disabled=true]{color:GrayText}}.clover-entry-thumbnail{flex:none;width:var(--clover-space-l);height:var(--clover-space-l);object-fit:cover;border-radius:var(--clover-radius, 3px);background-color:var(--clover-color-secondary-muted, #e6e8eb)}.clover-entry-thumbnail[data-large]{grid-column:1 / -1;width:var(--clover-picture);max-width:100%;height:auto}.clover-cue-time{flex:none;min-width:var(--clover-space-l);align-self:baseline;color:var(--clover-color-primary-muted, #26292b);font-size:var(--clover-text-s);font-variant-numeric:tabular-nums}.clover-cue-text{align-self:baseline;min-width:0}.clover-summary:not([data-read-more=open]){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--clover-summary-lines, 5);overflow:hidden}:is(.clover-metadata,.clover-required-statement){display:flex;flex-direction:column;gap:var(--clover-space-s);margin:0}:is(.clover-metadata,.clover-required-statement) dt{margin:0;font-weight:500}:is(.clover-metadata,.clover-required-statement) dd{margin:0}.clover-summary,:is(.clover-metadata,.clover-required-statement) :is(dt,dd){overflow-wrap:anywhere}:is(.clover-about,.clover-canvas-caption,.clover-annotations-body,.clover-metadata,.clover-required-statement,.clover-summary) a:not([class]){text-decoration-line:underline;text-underline-offset:var(--clover-space-3xs)}:is(.clover-homepage,.clover-rendering,.clover-see-also,.clover-part-of)>li{min-block-size:24px}:is(.clover-homepage,.clover-rendering,.clover-see-also,.clover-part-of) a,a:is(.clover-id,.clover-rights){color:var( --clover-color-accent-text, var(--clover-accent-text-fallback, var(--clover-color-accent, #0065c3)) );overflow-wrap:anywhere;text-decoration-line:underline;text-underline-offset:var(--clover-space-3xs)}.clover-link-format{color:var(--clover-color-primary-muted, #26292b);font-size:var(--clover-text-s)}.clover-provider{display:flex;flex-wrap:wrap;gap:var(--clover-space-s) var(--clover-space-m);margin:0;padding:0;list-style:none}.clover-provider:empty{display:none}.clover-provider-agent{display:flex;align-items:center;min-block-size:24px}.clover-provider-link,.clover-provider-content{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--clover-space-s)}.clover-provider-link{color:var( --clover-color-accent-text, var(--clover-accent-text-fallback, var(--clover-color-accent, #0065c3)) );overflow-wrap:anywhere;text-decoration-line:underline;text-underline-offset:var(--clover-space-3xs)}.clover-logo{display:block;width:auto;max-width:100%;height:var(--clover-logo-height, 1.618rem);object-fit:contain}.clover-label{text-wrap:balance}.clover-status{margin:0;padding:var(--clover-space-m);color:var(--clover-color-primary-muted, #26292b)}.clover-status[data-status=loading]{display:flex}.clover-status[data-status=error] p{margin:0}.clover-status-detail{font-size:var(--clover-text-s)}.clover-panel{display:flex;flex-direction:column;min-width:0;padding:var(--clover-inset);--clover-sections-inset-start: calc( var(--clover-inset) - var(--clover-space-s) );--clover-sections-inset-end: var(--clover-sections-inset-start);--clover-sections-gutter: calc( var(--clover-inset) - var(--clover-space-s) - .5px );color:var(--clover-color-primary, #1a1d1e)}@media (width < 31rem){.clover-panel{--clover-inset: var(--clover-space-m)}}.clover-panel[data-closable]{--clover-panel-clear: calc( var(--clover-space-xs) + var(--clover-control) - var(--clover-inset) );--clover-sections-inset-start: calc( var(--clover-inset) + var(--clover-panel-clear) );position:relative}.clover-panel[data-closable] .clover-sections-tabs{padding-inline-end:var(--clover-panel-clear)}.clover-panel[data-closable][data-floating] .clover-sections-tabs{padding-inline:var(--clover-panel-clear) 0}.clover-panel>.clover-sections[data-layout=accordion]{margin:calc(-1 * var(--clover-space-s))}.clover-panel[data-closable]>.clover-sections[data-layout=accordion]{padding-block-start:calc(var(--clover-panel-clear) + var(--clover-space-s))}.clover-panel>button.clover-panel-close{position:absolute;inset-block-start:var(--clover-space-xs);inset-inline-end:var(--clover-space-xs);z-index:2}.clover-panel[data-floating]>button.clover-panel-close{inset-inline:var(--clover-space-xs) auto}.clover-split-pane[data-spine]{overflow:visible}[data-spine]>.clover-panel{--clover-panel-clear: calc(-1 * var(--clover-space-s));position:static;box-sizing:border-box;height:100%;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding-block:0}[data-spine]>.clover-panel>.clover-sections{margin-block:var(--clover-inset)}[data-spine]>.clover-panel>.clover-sections[data-layout=accordion]{margin-block:calc(var(--clover-inset) - var(--clover-space-s))}[data-spine]>.clover-panel>button.clover-panel-close{font-size:var(--clover-text-m);inset-block-start:calc(var(--clover-inset) - var(--clover-space-s) + (1lh + 2 * var(--clover-space-s) - var(--clover-control)) / 2);inset-inline:calc(-.618 * var(--clover-control)) auto}:is(.clover-annotations-entry,button.clover-contents-button,.clover-transcript-cue>button,button.clover-content-search-hit,.clover-geomap-places button){box-sizing:border-box;width:100%;margin:0;padding:var(--clover-space-xs) var(--clover-space-s);border:0;border-inline-start:3px solid transparent;border-radius:var(--clover-radius, 3px);background:none;color:inherit;text-align:start;cursor:pointer;transition:var(--clover-transition, all .2s cubic-bezier(.16, 1, .3, 1))}:is(.clover-annotations-entry,button.clover-contents-button,.clover-transcript-cue>button,button.clover-content-search-hit,.clover-geomap-places button,button.clover-contents-toggle):is(:hover,[data-highlighted=true]):not(:disabled){background-color:var(--clover-color-secondary-muted, #f1f1f1)}:is(.clover-annotations-entry[data-selected=true],button.clover-contents-button[aria-current=true],.clover-transcript-cue[aria-current=true]>button,button.clover-content-search-hit[aria-current=true],.clover-geomap-places button[aria-current=true]){border-inline-start-color:var(--clover-color-accent, #0065c3);background-color:color-mix(in srgb,var(--clover-color-accent, #0065c3) 8%,transparent)}@media (forced-colors: active){:is(.clover-annotations-entry,button.clover-contents-button,.clover-transcript-cue>button,button.clover-content-search-hit,.clover-geomap-places button){border-inline-start-color:Canvas}:is(.clover-annotations-entry[data-selected=true],button.clover-contents-button[aria-current=true],.clover-transcript-cue[aria-current=true]>button,button.clover-content-search-hit[aria-current=true],.clover-geomap-places button[aria-current=true]){border-inline-start-color:Highlight}}:is(.clover-annotations-list,.clover-contents-list,.clover-transcript-cues,.clover-content-search-hits,.clover-geomap-places){display:flex;flex-direction:column;gap:var(--clover-space-2xs);margin:0;padding:0;list-style:none}.clover-about{display:flex;flex-direction:column;gap:var(--clover-space-m)}.clover-about-languages{justify-content:flex-end}.clover-about-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--clover-space-2xs)}.clover-about-download{position:relative;display:inline-flex}button.clover-about-download-button{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;width:var(--clover-space-l);height:var(--clover-space-l);padding:0;border:0;border-radius:50%;background:none;color:var(--clover-color-primary-muted, #26292b);cursor:pointer}button.clover-about-download-button svg{width:var(--clover-text-s);height:var(--clover-text-s)}button.clover-about-download-button:is(:hover,:focus-visible,[aria-expanded=true]){background-color:var(--clover-color-accent, #0065c3);color:var(--clover-color-control-glyph, #fff)}:where([data-high-contrast]) button.clover-about-download-button:is(:hover,:focus-visible,[aria-expanded=true]){background-color:var(--clover-accent-fill)}:where([data-high-contrast]) button.clover-about-download-button:hover:not(:focus-visible,[aria-expanded=true]){outline:var(--clover-accent-ring-hover);outline-offset:1px}:where([data-high-contrast]) button.clover-about-download-button[aria-expanded=true]:not(:focus-visible){outline:var(--clover-accent-ring);outline-offset:1px}button.clover-about-download-button:focus-visible{outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:2px}@media (forced-colors: active){button.clover-about-download-button:is(:hover,:focus-visible,[aria-expanded=true]){background-color:Highlight;color:HighlightText}}.clover-about-download-menu{top:calc(100% + var(--clover-space-xs));inset-inline-end:0;max-width:min(20rem,80vw);font-size:var(--clover-text-s);text-align:start}.clover-about-download-menu .clover-download-title{padding-inline:var(--clover-space-s)}.clover-about-download-menu .clover-download-link{padding:var(--clover-space-xs) var(--clover-space-s);border-radius:var(--clover-radius, 3px)}.clover-about-download-menu .clover-download-link:hover{background-color:var(--clover-color-secondary-muted, #e6e8eb)}.clover-about{--clover-about-thumbnail-height: calc( var(--clover-items-height, 8rem) * .618 )}.clover-about-head{display:flow-root}.clover-about-thumbnail{float:right;display:block;width:auto;height:var(--clover-about-thumbnail-height);max-width:min(50%,calc(2 * var(--clover-about-thumbnail-height)));margin-inline-start:var(--clover-space-m);margin-bottom:min(0px,calc(var(--clover-about-label-height, var(--clover-about-thumbnail-height)) - var(--clover-about-thumbnail-height)));object-fit:cover;border-radius:var(--clover-radius, 3px);background-color:var(--clover-color-secondary-muted, #e6e8eb)}:dir(rtl) .clover-about-thumbnail{float:left}.clover-about-head:has(.clover-about-thumbnail)+*>:first-child:before{content:"";float:right;width:calc(var(--clover-about-thumbnail-width, 0px) + var(--clover-space-m));height:max(0px,calc(var(--clover-about-thumbnail-height) - var(--clover-about-label-height, 0px) + var(--clover-space-3xs)))}:dir(rtl) .clover-about-head:has(.clover-about-thumbnail)+*>:first-child:before{float:left}.clover-about :is(p,ul){margin:0}.clover-about ul{padding:0;list-style:none}.clover-about a{color:var( --clover-color-accent-text, var(--clover-accent-text-fallback, var(--clover-color-accent, #0065c3)) );overflow-wrap:anywhere}.clover-about-part-of>li{display:flex;flex-direction:column;align-items:flex-start}button.clover-about-open{min-height:var(--clover-space-l);margin:0;padding:0;border:0;background:none;color:var( --clover-color-accent-text, var(--clover-accent-text-fallback, var(--clover-color-accent, #0065c3)) );font-size:var(--clover-text-s);text-decoration:underline 1px;text-decoration-color:color-mix(in srgb,currentColor 20%,transparent);text-underline-offset:var(--clover-space-3xs);cursor:pointer}button.clover-about-open:hover{text-decoration-color:currentColor}button.clover-about-open:focus-visible{outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:2px;border-radius:var(--clover-radius, 3px)}.clover-about .clover-about-heading{margin:0;font-size:inherit;font-weight:500}.clover-collection-title{text-wrap:balance}.clover-collection>.clover-items{margin-block:calc(var(--clover-space-l) - var(--clover-space-m))}.clover-collection .clover-items[data-layout=list] .clover-items-picture img{width:var(--clover-space-xl);height:var(--clover-space-xl);object-fit:cover}.clover-collection .clover-items-caption{min-width:0;font-size:inherit}.clover-collection :is(.clover-items-date,.clover-items-summary){font-size:var(--clover-text-s)}.clover-collection :is(.clover-items-label,.clover-items-summary){min-width:0;overflow-wrap:anywhere}.clover-targets-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--clover-space-s)}.clover-targets-head>.clover-targets-steps{margin-inline-start:auto}:is(.clover-annotations,.clover-canvas-annotation-menu){display:flex;flex-direction:column;gap:var(--clover-space-l)}:is(div,legend).clover-annotations-set-header{display:flex;align-items:center;gap:var(--clover-space-2xs);margin:0 0 var(--clover-space-s);padding:0;color:inherit;font-size:inherit}.clover-canvas-annotation-menu>fieldset+fieldset{margin-top:0}.clover-annotations-set-header>.clover-hide{margin-inline-start:auto;margin-inline-end:calc(-1 * var(--clover-space-xs))}.clover-annotations-languages+.clover-hide{margin-inline-start:0}.clover-annotations-set:has(>.clover-annotations-set-header>.clover-hide:hover) .clover-annotations-entry,.clover-annotations-set:has(>.clover-annotations-set-header>.clover-hide input:focus-visible) .clover-annotations-entry{background-color:var(--clover-color-secondary-muted, #f1f1f1)}.clover-annotations-title{margin:0;font-size:inherit;font-weight:700}.clover-annotations-languages{margin-inline-start:auto}:is(li,label).clover-annotations-entry{display:flex;align-items:flex-start;gap:var(--clover-space-s)}:is(li,label).clover-annotations-entry{content-visibility:auto;contain-intrinsic-size:auto 2.618rem}label.clover-annotations-entry>input{position:absolute;margin:0;opacity:0;pointer-events:none}.clover-annotations-body{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.clover-annotations-body p{margin:0}.clover-annotations-body>*+*{margin-block-start:var(--clover-space-xs)}.clover-annotations-body>.clover-annotations-image+.clover-annotations-text{display:block}.clover-annotations-body :is(ul,ol){margin:0;padding-inline-start:var(--clover-space-l)}.clover-annotations-body ul{list-style-type:disc}.clover-annotations-body :is(ul,ol) ul{list-style-type:circle}.clover-annotations-body ol{list-style-type:decimal}.clover-annotations-body a{color:var( --clover-color-accent-text, var(--clover-accent-text-fallback, var(--clover-color-accent, #0065c3)) )}:is(a,button).clover-annotations-link{display:inline-block;min-height:var(--clover-space-l);margin:var(--clover-space-2xs) 0 0;padding:0;border:0;background:none;color:var( --clover-color-accent-text, var(--clover-accent-text-fallback, var(--clover-color-accent, #0065c3)) );font:inherit;font-size:var(--clover-text-s);text-decoration:underline 1px;text-decoration-color:color-mix(in srgb,currentColor 20%,transparent);text-underline-offset:var(--clover-space-3xs);cursor:pointer}:is(a,button).clover-annotations-link:hover{text-decoration-color:currentColor}:is(a,button).clover-annotations-link:focus-visible{outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:2px;border-radius:var(--clover-radius, 3px)}.clover-annotations-image{border-radius:var(--clover-radius, 3px)}.clover-annotations-entry:has(>:is(button.clover-annotations-show,input):focus-visible){outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:1px}.clover-annotations-canvas{display:flex;flex-direction:column;gap:var(--clover-space-xs)}.clover-annotations-canvas+.clover-annotations-canvas{margin-top:var(--clover-space-m)}.clover-annotations-canvas-label{margin:0;padding-inline-start:calc(var(--clover-space-s) + 3px);color:var(--clover-color-primary-muted, #26292b);font-size:var(--clover-text-s);font-weight:600}.clover-annotations-canvas[aria-current=true]>.clover-annotations-canvas-label{padding-inline-start:var(--clover-space-s);border-inline-start:3px solid var(--clover-color-accent, #0065c3);color:var(--clover-color-primary, #1a1d1e)}@media (forced-colors: active){.clover-annotations-canvas[aria-current=true]>.clover-annotations-canvas-label{border-inline-start-color:Highlight}}}
|
package/dist/styles/default.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer clover{.clover-template-default{--clover-body-height: min(65vh, 40rem);display:flex;flex-direction:column;color:var(--clover-color-primary, #1a1d1e)}@supports (height: 1svh){.clover-template-default{--clover-body-height: min(65svh, 40rem)}}.clover-template-default:is([data-fill],:fullscreen){--clover-body-height: auto;height:100%;min-height:min-content}.clover-template-default:is([data-fill],:fullscreen)>.clover-template-default-panes{flex:1 1 auto}.clover-template-default:is([data-fill],:fullscreen) .clover-template-default-body{flex:1 1 0;min-height:16rem}.clover-template-default-header{display:flex;align-items:center;gap:var(--clover-space-s);padding:var(--clover-inset)}@media (width < 31rem){.clover-template-default-header,.clover-template-default-rail{--clover-inset: var(--clover-space-m)}}.clover-template-default-pager{flex:none;padding-block:0}.clover-template-default-header:has(>.clover-template-default-pager){flex-wrap:wrap;row-gap:var(--clover-space-xs)}.clover-template-default-header:has(>.clover-template-default-pager)>:is(.clover-template-default-title,.clover-template-default-pager){align-self:last baseline}.clover-template-default-header:has(>.clover-template-default-collection-row){display:grid;grid-template-columns:minmax(0,1fr) fit-content(38.2%);row-gap:var(--clover-space-xs)}.clover-template-default-header>:is(.clover-template-default-title,.clover-template-default-collection-row){grid-column:1}.clover-template-default-header:has(>.clover-template-default-collection-row)>.clover-template-default-provider{grid-column:2;grid-row:1 / span 2;align-self:end;max-width:none}.clover-template-default-collection-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--clover-space-xs) var(--clover-space-s);min-width:0}.clover-template-default-collection{min-width:0;margin:0;overflow-wrap:anywhere;color:var(--clover-color-primary-muted, #26292b);font-size:inherit}.clover-template-default-provider{flex:0 1 auto;max-width:38.2%;margin-inline-start:auto}@container clover-template-default-main (width < 36rem){.clover-template-default-header:has(>.clover-template-default-collection-row)>.clover-template-default-provider{grid-row:1;align-self:start}.clover-template-default-header>.clover-template-default-collection-row{grid-column:1 / -1}}@container clover-template-default-main (width < 26rem){.clover-template-default:has(.clover-template-default-panel[data-about]) .clover-template-default-provider{display:none}}.clover-template-default-panes{position:relative}.clover-template-default-main{display:flex;flex-direction:column;container:clover-template-default-main / inline-size}.clover-template-panes[data-panel=over]>.clover-template-default-main{isolation:isolate}.clover-template-panes{position:relative}.clover-template-panel{contain:size;overflow-y:auto;overscroll-behavior:contain;background-color:var(--clover-color-secondary, #fff)}.clover-template-panel[hidden]{display:none}.clover-template-panes>.clover-template-panel-handle{translate:-1.5px 0}.clover-template-panes:dir(rtl)>.clover-template-panel-handle{translate:1.5px 0}.clover-template-default-panes:dir(ltr) .clover-items-viewport{margin-right:0}.clover-template-default-panes:dir(rtl) .clover-items-viewport{margin-left:0}.clover-template-default-panes:dir(ltr) .clover-items .clover-items-frame:not([dir=rtl]):after,.clover-template-default-panes:dir(ltr) .clover-items .clover-items-frame[dir=rtl]:before{right:0}.clover-template-default-panes:dir(rtl) .clover-items .clover-items-frame:not([dir=rtl]):before,.clover-template-default-panes:dir(rtl) .clover-items .clover-items-frame[dir=rtl]:after{left:0}.clover-template-panes[data-panel=over]{overflow:clip}.clover-template-panes[data-panel=over]>.clover-template-drawer{position:absolute;inset-block:0;inset-inline-end:0;z-index:4;width:min(24rem,calc(100% - var(--clover-space-2xl)));max-width:none;max-height:none;border-inline-start:1px solid var(--clover-color-secondary-muted, #e6e8eb);--clover-template-inner: left;--clover-template-toward: -1;--clover-template-out: translateX(calc(100% + var(--clover-space-xl)));transform:var(--clover-template-out);transition:transform .24s cubic-bezier(.16,1,.3,1)}.clover-template-panes[data-panel=over]>.clover-template-drawer:dir(rtl){--clover-template-out: translateX(calc(-100% - var(--clover-space-xl)));--clover-template-inner: right;--clover-template-toward: 1}.clover-template-panes[data-panel=over]>.clover-template-drawer,.clover-template-float{--clover-grip: color-mix( in srgb, var(--clover-color-primary-muted, #26292b) 30%, transparent );background:linear-gradient(var(--clover-grip),var(--clover-grip)) no-repeat var(--clover-template-inner) var(--clover-space-2xs) center / 3px var(--clover-control),var(--clover-color-secondary, #fff);touch-action:pan-y;box-shadow:calc(var(--clover-template-toward) * var(--clover-space-s)) 0 var(--clover-space-l) #0000001f}.clover-template-panes[data-panel=over]>.clover-template-drawer[data-open=true]{transform:none}.clover-template-scrim{position:absolute;inset:0;z-index:3;background-color:#0003;opacity:0;cursor:pointer;transition:opacity .24s ease}.clover-template-scrim[data-open=true]{opacity:1}@media (prefers-reduced-motion: reduce){.clover-template-panes[data-panel=over]>.clover-template-drawer,.clover-template-scrim{transition:none}}.clover-template-default-rail{display:flex;flex-direction:column;gap:var(--clover-space-m);padding:var(--clover-inset)}.clover-template-default-rail>.clover-items{margin-inline-end:calc(-1 * var(--clover-inset))}.clover-template-default-rail .clover-items-viewport{margin-inline-end:0}.clover-template-default-rail .clover-items-frame:not([dir=rtl])>button.clover-items-scroll-prev,.clover-template-default-rail .clover-items-frame[dir=rtl]>button.clover-items-scroll-next{left:calc(-1 * var(--clover-space-s))}.clover-template-default-rail .clover-items-frame:not([dir=rtl])>button.clover-items-scroll-next,.clover-template-default-rail .clover-items-frame[dir=rtl]>button.clover-items-scroll-prev{right:var(--clover-inset)}.clover-template-default-rail:not(:has(.clover-items,.clover-pager-position)){display:none}.clover-template-default-rail-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--clover-space-s)}.clover-template-default-titles{min-width:0;margin:0;overflow-wrap:anywhere}.clover-template-default-titles>.clover-template-default-titles-dot{margin-inline:var(--clover-space-xs);color:var(--clover-color-primary-muted, #26292b)}.clover-template-default-rail-header .clover-pager-position{flex-shrink:0;margin-inline-start:auto;font-size:var(--clover-text-s)}.clover-template-spine{position:relative;z-index:4;flex:none;width:0}.clover-template-spine>*{position:absolute;top:calc(var(--clover-template-spine-top, 0px) + var(--clover-inset));inset-inline-start:-1.5px;translate:-50%}.clover-template-panes:has(>.clover-template-spine)>:first-child .clover-canvas>.clover-canvas-controls[data-fit]{inset-inline-end:calc(var(--clover-control) / 2 - 1.5px + var(--clover-space-xs))}.clover-template-panes .clover-template-spine>*{transition-property:background-color,color,outline-color}.clover-root[data-status=idle] .clover-template-spine{visibility:hidden}.clover-template-spine:dir(rtl)>*{translate:50%}}
|
|
1
|
+
@layer clover{.clover-template-default{--clover-body-height: min(65vh, 40rem);display:flex;flex-direction:column;color:var(--clover-color-primary, #1a1d1e)}@supports (height: 1svh){.clover-template-default{--clover-body-height: min(65svh, 40rem)}}.clover-template-default:is([data-fill],:fullscreen){--clover-body-height: auto;height:100%;min-height:min-content}.clover-template-default:is([data-fill],:fullscreen)>.clover-template-default-panes{flex:1 1 auto}.clover-template-default:is([data-fill],:fullscreen) .clover-template-default-body{flex:1 1 0;min-height:16rem}.clover-template-default-header{display:flex;align-items:center;gap:var(--clover-space-s);padding:var(--clover-inset)}@media (width < 31rem){.clover-template-default-header,.clover-template-default-rail{--clover-inset: var(--clover-space-m)}}.clover-template-default-pager{flex:none;padding-block:0}.clover-template-default-header:has(>.clover-template-default-pager){flex-wrap:wrap;row-gap:var(--clover-space-xs)}.clover-template-default-header:has(>.clover-template-default-pager)>:is(.clover-template-default-title,.clover-template-default-pager){align-self:last baseline}.clover-template-default-header:has(>.clover-template-default-collection-row){display:grid;grid-template-columns:minmax(0,1fr) fit-content(38.2%);row-gap:var(--clover-space-xs)}.clover-template-default-header>:is(.clover-template-default-title,.clover-template-default-collection-row){grid-column:1}.clover-template-default-header:has(>.clover-template-default-collection-row)>.clover-template-default-provider{grid-column:2;grid-row:1 / span 2;align-self:end;max-width:none}.clover-template-default-collection-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--clover-space-xs) var(--clover-space-s);min-width:0}.clover-template-default-collection{min-width:0;margin:0;overflow-wrap:anywhere;color:var(--clover-color-primary-muted, #26292b);font-size:inherit}.clover-template-default-provider{flex:0 1 auto;max-width:38.2%;margin-inline-start:auto}@container clover-template-default-main (width < 36rem){.clover-template-default-header:has(>.clover-template-default-collection-row)>.clover-template-default-provider{grid-row:1;align-self:start}.clover-template-default-header>.clover-template-default-collection-row{grid-column:1 / -1}}@container clover-template-default-main (width < 26rem){.clover-template-default:has(.clover-template-default-panel[data-about]) .clover-template-default-provider{display:none}}.clover-template-default-panes{position:relative}.clover-template-default-main{display:flex;flex-direction:column;container:clover-template-default-main / inline-size}.clover-template-panes[data-panel=over]>.clover-template-default-main{isolation:isolate}.clover-template-panes{position:relative}.clover-template-panel{contain:size;overflow-y:auto;overscroll-behavior:contain;background-color:var(--clover-color-secondary, #fff)}.clover-template-panel[hidden]{display:none}.clover-template-panes>.clover-template-panel-handle{translate:-1.5px 0}.clover-template-panes:dir(rtl)>.clover-template-panel-handle{translate:1.5px 0}.clover-template-default-panes:dir(ltr) .clover-items-viewport{margin-right:0}.clover-template-default-panes:dir(rtl) .clover-items-viewport{margin-left:0}.clover-template-default-panes:dir(ltr) .clover-items .clover-items-frame:not([dir=rtl]):after,.clover-template-default-panes:dir(ltr) .clover-items .clover-items-frame[dir=rtl]:before{right:0}.clover-template-default-panes:dir(rtl) .clover-items .clover-items-frame:not([dir=rtl]):before,.clover-template-default-panes:dir(rtl) .clover-items .clover-items-frame[dir=rtl]:after{left:0}.clover-template-panes[data-panel=over]{overflow:clip}.clover-template-panes[data-panel=over]>.clover-template-drawer{position:absolute;inset-block:0;inset-inline-end:0;z-index:4;width:min(24rem,calc(100% - var(--clover-space-2xl)));max-width:none;max-height:none;border-inline-start:1px solid var(--clover-color-secondary-muted, #e6e8eb);--clover-template-inner: left;--clover-template-toward: -1;--clover-template-out: translateX(calc(100% + var(--clover-space-xl)));transform:var(--clover-template-out);transition:transform .24s cubic-bezier(.16,1,.3,1)}.clover-template-panes[data-panel=over]>.clover-template-drawer:dir(rtl){--clover-template-out: translateX(calc(-100% - var(--clover-space-xl)));--clover-template-inner: right;--clover-template-toward: 1}.clover-template-panes[data-panel=over]>.clover-template-drawer[data-side=start]{inset-inline:0 auto;border-inline-start:0;border-inline-end:1px solid var(--clover-color-secondary-muted, #e6e8eb);--clover-template-out: translateX(calc(-100% - var(--clover-space-xl)));--clover-template-inner: right;--clover-template-toward: 1}.clover-template-panes[data-panel=over]>.clover-template-drawer[data-side=start]:dir(rtl){--clover-template-out: translateX(calc(100% + var(--clover-space-xl)));--clover-template-inner: left;--clover-template-toward: -1}.clover-template-panes[data-panel=over]>.clover-template-drawer,.clover-template-float{--clover-grip: color-mix( in srgb, var(--clover-color-primary-muted, #26292b) 30%, transparent );background:linear-gradient(var(--clover-grip),var(--clover-grip)) no-repeat var(--clover-template-inner) var(--clover-space-2xs) center / 3px var(--clover-control),var(--clover-color-secondary, #fff);touch-action:pan-y;box-shadow:calc(var(--clover-template-toward) * var(--clover-space-s)) 0 var(--clover-space-l) #0000001f}.clover-template-panes[data-panel=over]>.clover-template-drawer[data-open=true]{transform:none}.clover-template-scrim{position:absolute;inset:0;z-index:3;background-color:#0003;opacity:0;cursor:pointer;transition:opacity .24s ease}.clover-template-scrim[data-open=true]{opacity:1}@media (prefers-reduced-motion: reduce){.clover-template-panes[data-panel=over]>.clover-template-drawer,.clover-template-scrim{transition:none}}.clover-template-default-rail{display:flex;flex-direction:column;gap:var(--clover-space-m);padding:var(--clover-inset)}.clover-template-default-rail>.clover-items{margin-inline-end:calc(-1 * var(--clover-inset))}.clover-template-default-rail .clover-items-viewport{margin-inline-end:0}.clover-template-default-rail .clover-items-frame:not([dir=rtl])>button.clover-items-scroll-prev,.clover-template-default-rail .clover-items-frame[dir=rtl]>button.clover-items-scroll-next{left:calc(-1 * var(--clover-space-s))}.clover-template-default-rail .clover-items-frame:not([dir=rtl])>button.clover-items-scroll-next,.clover-template-default-rail .clover-items-frame[dir=rtl]>button.clover-items-scroll-prev{right:var(--clover-inset)}.clover-template-default-rail:not(:has(.clover-items,.clover-pager-position)){display:none}.clover-template-default-rail-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--clover-space-s)}.clover-template-default-titles{min-width:0;margin:0;overflow-wrap:anywhere}.clover-template-default-titles>.clover-template-default-titles-dot{margin-inline:var(--clover-space-xs);color:var(--clover-color-primary-muted, #26292b)}.clover-template-default-rail-header .clover-pager-position{flex-shrink:0;margin-inline-start:auto;font-size:var(--clover-text-s)}.clover-template-spine{position:relative;z-index:4;flex:none;width:0}.clover-template-spine>*{position:absolute;top:calc(var(--clover-template-spine-top, 0px) + var(--clover-inset));inset-inline-start:-1.5px;translate:-50%}.clover-template-panes:has(>.clover-template-spine)>:first-child .clover-canvas>.clover-canvas-controls[data-fit]{inset-inline-end:calc(var(--clover-control) / 2 - 1.5px + var(--clover-space-xs))}.clover-template-panes .clover-template-spine>*{transition-property:background-color,color,outline-color}.clover-root[data-status=idle] .clover-template-spine{visibility:hidden}.clover-template-spine:dir(rtl)>*{translate:50%}}
|
package/dist/styles/media.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer clover{.clover-canvas-media{position:absolute;inset:0;z-index:1;pointer-events:none;container-type:size}.clover-canvas-media:has([aria-expanded=true]){z-index:4}.clover-canvas-captions{position:absolute;inset:0 0 max(var(--clover-canvas-controls-inset) + var(--clover-controls-shown) * (var(--clover-transport-room) - var(--clover-canvas-controls-inset)),var(--clover-transport-preview-top, 0px) + var(--clover-space-2xs));z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;justify-content:safe flex-end;gap:var(--clover-space-2xs);padding:0 var(--clover-canvas-controls-inset);pointer-events:none;transition:bottom var(--clover-controls-timing)}.clover-canvas:has(.clover-canvas-transport-seek-area[data-tip-hidden]) .clover-canvas-captions{--clover-transport-preview-top: 0px}.clover-canvas-captions-cue{max-width:90%;padding:var(--clover-space-2xs) var(--clover-space-xs);border-radius:var(--clover-radius, 3px);background-color:var(--clover-player-caption-surface, rgb(0 0 0 / 85%));color:var(--clover-player-caption-text, #fff);text-shadow:var(--clover-player-caption-edge, none);font-size:var(--clover-text-s);line-height:1.35;text-align:center;text-wrap:balance;white-space:pre-line}.clover-canvas-captions-cue-label{display:block;font-size:var(--clover-text-s);font-weight:500}.clover-canvas-media>*{--clover-cue-size: var(--clover-text-s)}@container (min-width: 38.5rem){.clover-canvas-media>*{--clover-cue-size: 1rem}.clover-canvas-captions-cue{font-size:inherit}}@container (min-width: 44rem){.clover-canvas-media>*{--clover-cue-size: var(--clover-text-m)}.clover-canvas-captions-cue{font-size:var(--clover-text-m)}}@container (min-width: 47.5rem){.clover-canvas-media>*{--clover-cue-size: var(--clover-text-l)}.clover-canvas-captions-cue{font-size:var(--clover-text-l)}}.clover-canvas-transport{position:absolute;inset:auto 0 0;z-index:2;display:flex;flex-direction:column;padding:var(--clover-space-xl) var(--clover-canvas-controls-inset) var(--clover-canvas-controls-inset);--clover-controls-edge: 1;--clover-transport-thumb: 12px;--clover-transport-track: var(--clover-space-xs);-webkit-user-select:none;user-select:none;--clover-transport-menu-room: calc( 100cqb - var(--clover-canvas-controls-inset) - var(--clover-control) - var(--clover-space-s) - var(--clover-space-xs) )}.clover-canvas-transport:before{position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,#000000c7,#0009 calc(100% - var(--clover-space-xl)),#0000);pointer-events:none;content:""}.clover-canvas-transport:has([aria-expanded=true],:focus-visible,>.clover-canvas-transport-seek-area:hover){z-index:4}.clover-canvas-transport-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--clover-space-xs) var(--clover-space-s);min-width:0}.clover-canvas-transport-bar>*{flex-shrink:0}.clover-canvas-transport-bar>:is(:hover,:active,:focus-within){z-index:1}.clover-canvas-transport-bar>.clover-canvas-transport-status{display:flex;flex:1 1 0;align-items:center;gap:var(--clover-space-s);min-width:min-content}.clover-canvas-transport-end{display:flex;gap:var(--clover-space-s);margin-inline-start:auto}@container (max-width: 37.5rem){.clover-canvas-transport-bar:has([data-button=chapters])>.clover-canvas-transport-status{order:-1;flex-basis:100%}.clover-canvas-transport-status>.clover-canvas-transport-chapter{max-width:none}}@container (max-width: 28rem){.clover-canvas-transport-bar>.clover-canvas-transport-status{order:-1;flex-basis:100%}}.clover-canvas-transport-button svg{fill:currentColor;stroke:none}.clover-canvas-transport-button svg [stroke]{fill:none}.clover-canvas-transport-button:hover,.clover-canvas-transport-button:focus-visible{background-color:var(--clover-color-accent, #0065c3)}:where([data-high-contrast]) .clover-canvas-transport-button:is(:hover,:focus-visible){background-color:var(--clover-accent-fill)}:where([data-high-contrast]) .clover-canvas-transport-button:hover:not(:focus-visible){outline:var(--clover-accent-ring-hover);outline-offset:1px}button.clover-canvas-transport-button[aria-pressed=true]:after{content:"";position:absolute;inset-inline:var(--clover-space-s);bottom:var(--clover-space-2xs);border-bottom:2px solid;border-radius:1px}.clover-canvas-transport-button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--clover-color-secondary, #fff),0 0 0 4px var(--clover-color-accent, #0065c3)}.clover-canvas-transport-seek-area{position:relative;display:flex;margin-bottom:var(--clover-space-xs);--clover-transport-gap: var(--clover-space-2xs)}.clover-canvas-transport input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:var(--clover-space-l);margin:0;background:transparent;cursor:pointer;touch-action:none}.clover-canvas-transport input.clover-canvas-transport-volume{width:var(--clover-space-2xl)}@container (max-width: 28rem){.clover-canvas-transport input.clover-canvas-transport-volume{width:var(--clover-space-xl)}.clover-canvas-transport-bar,.clover-canvas-transport-end{column-gap:var(--clover-space-xs)}}.clover-canvas-transport input[type=range]::-webkit-slider-runnable-track{height:var(--clover-transport-track);border-radius:var(--clover-radius, 3px);background:linear-gradient(to right,var(--clover-color-accent, #0065c3) var(--clover-transport-progress, 0%),rgb(255 255 255 / 90%) var(--clover-transport-progress, 0%),rgb(255 255 255 / 90%) var(--clover-transport-loaded, 0%),var(--clover-player-track, rgb(255 255 255 / 65%)) var(--clover-transport-loaded, 0%));box-shadow:var(--clover-player-track-shadow, none)}.clover-canvas-transport input[type=range]::-moz-range-track{height:var(--clover-transport-track);border-radius:var(--clover-radius, 3px);background:linear-gradient(to right,var(--clover-color-accent, #0065c3) var(--clover-transport-progress, 0%),rgb(255 255 255 / 90%) var(--clover-transport-progress, 0%),rgb(255 255 255 / 90%) var(--clover-transport-loaded, 0%),var(--clover-player-track, rgb(255 255 255 / 65%)) var(--clover-transport-loaded, 0%));box-shadow:var(--clover-player-track-shadow, none)}.clover-canvas-transport input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--clover-transport-thumb);height:var(--clover-transport-thumb);margin-top:calc((var(--clover-transport-track) - var(--clover-transport-thumb)) / 2);border:none;border-radius:var(--clover-radius-pill, 2rem);background-color:var(--clover-player-text, #fff)}.clover-canvas-transport input[type=range]::-moz-range-thumb{width:var(--clover-transport-thumb);height:var(--clover-transport-thumb);border:none;border-radius:var(--clover-radius-pill, 2rem);background-color:var(--clover-player-text, #fff)}.clover-canvas-transport input[type=range]:focus-visible{outline:none}.clover-canvas-transport input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--clover-color-accent, #0065c3),0 0 0 4px var(--clover-player-text, #fff),0 0 0 6px #0009}.clover-canvas-transport input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--clover-color-accent, #0065c3),0 0 0 4px var(--clover-player-text, #fff),0 0 0 6px #0009}.clover-canvas-transport-time{display:flex;align-items:center;gap:var(--clover-space-xs);color:var(--clover-player-text, #fff);font-size:var(--clover-text-s);font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 1px 2px rgb(0 0 0 / 90%)}.clover-canvas-transport-frames{position:relative;display:flex}button.clover-canvas-transport-time{margin:0;padding:var(--clover-space-2xs) var(--clover-space-xs);border:0;border-radius:var(--clover-radius, 3px);background:none;font:inherit;font-size:var(--clover-text-s);cursor:pointer}button.clover-canvas-transport-time:is(:hover,[aria-expanded=true]){background-color:#0006}button.clover-canvas-transport-time:focus-visible{outline:2px solid var(--clover-player-text, #fff)}.clover-canvas-transport-place{display:inline-grid;justify-items:end;font-variant-numeric:tabular-nums}.clover-canvas-transport-place>*{grid-area:1 / 1}.clover-canvas-transport-place>.clover-canvas-transport-place-room[hidden]{display:block;visibility:hidden}.clover-canvas-transport-frames>.clover-canvas-menu{right:0;bottom:calc(100% + var(--clover-space-s));left:auto;max-width:min(20rem,100cqi - 2 * var(--clover-canvas-controls-inset));max-height:min(24rem,var(--clover-transport-menu-room),var(--clover-transport-menu-above, 100cqb) - var(--clover-space-s) - var(--clover-space-xs));translate:var(--clover-transport-menu-shift, 0px) 0}.clover-canvas-transport-menu{position:relative;display:flex}.clover-canvas-transport-options{position:absolute;right:0;bottom:calc(100% + var(--clover-space-s));display:flex;flex-direction:column;box-sizing:border-box;min-width:min(11rem,100cqi - 2 * var(--clover-canvas-controls-inset));max-width:calc(100cqi - 2 * var(--clover-canvas-controls-inset));max-height:min(16rem,var(--clover-transport-menu-room),var(--clover-transport-menu-above, 100cqb) - var(--clover-space-s) - var(--clover-space-xs));translate:var(--clover-transport-menu-shift, 0px) 0;margin:0;padding:var(--clover-space-xs);border:none;border-radius:var(--clover-radius, 3px);background-color:var(--clover-player-menu-surface, #151718);color:var(--clover-player-text, #fff);overflow-y:auto}.clover-canvas-transport-option{display:flex;flex:none;align-items:center;gap:var(--clover-space-xs);min-height:var(--clover-space-l);padding:var(--clover-space-xs) var(--clover-space-s);border-radius:var(--clover-radius, 3px);font-size:var(--clover-text-s);cursor:pointer}.clover-canvas-transport-option:hover{background-color:var(--clover-player-menu-hover, #26292b)}.clover-canvas-transport-option:has(input:checked){background-color:color-mix(in srgb,var(--clover-color-accent, #0065c3) 24%,transparent);font-weight:600}.clover-canvas-transport-option:has(input:focus-visible){box-shadow:inset 0 0 0 2px var(--clover-player-text, #fff)}.clover-canvas-transport-code{flex:none;min-width:var(--clover-space-l);color:color-mix(in srgb,currentColor 72%,transparent);font-size:var(--clover-text-xs);font-weight:600;line-height:1}.clover-canvas-transport-options:has(.clover-canvas-transport-code),.clover-canvas-transport-menu:has([data-button=chapters]) .clover-canvas-transport-options{min-width:min(16rem,100cqi - 2 * var(--clover-canvas-controls-inset))}.clover-canvas-transport-option:has(>.clover-entry-thumbnail){display:grid;grid-template-columns:auto minmax(0,1fr);justify-items:start;gap:var(--clover-space-2xs) var(--clover-space-s);padding-block-end:var(--clover-space-s)}.clover-canvas-transport-options.clover-canvas-menu{border-radius:var(--clover-radius, 6px);background-color:var(--clover-color-secondary, #fff);color:var(--clover-color-primary, #1a1d1e)}.clover-canvas-menu>.clover-canvas-transport-option{align-items:baseline;gap:var(--clover-space-s);font-size:inherit}.clover-canvas-menu>.clover-canvas-transport-option:hover{background-color:var(--clover-color-secondary-muted, #e6e8eb)}@media (forced-colors: none){.clover-canvas-menu>.clover-canvas-transport-option:has(input:checked){background-color:color-mix(in srgb,var(--clover-color-accent, #0065c3) 8%,transparent)}}.clover-canvas-menu>.clover-canvas-transport-option:has(input:focus-visible){box-shadow:none;outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:-2px}.clover-canvas-transport-option input{position:absolute;opacity:0;pointer-events:none}@media (forced-colors: active){.clover-canvas-transport button.clover-canvas-transport-button{border:1px solid ButtonText}.clover-canvas-transport input[type=range]{forced-color-adjust:none}.clover-canvas-transport input[type=range]::-webkit-slider-runnable-track{border:1px solid CanvasText;background:linear-gradient(to right,Highlight var(--clover-transport-progress, 0%),Canvas var(--clover-transport-progress, 0%));box-shadow:none}.clover-canvas-transport input[type=range]::-moz-range-track{border:1px solid CanvasText;background:linear-gradient(to right,Highlight var(--clover-transport-progress, 0%),Canvas var(--clover-transport-progress, 0%));box-shadow:none}.clover-canvas-transport input[type=range]::-webkit-slider-thumb,.clover-canvas-transport input[type=range]:focus-visible::-webkit-slider-thumb{background-color:CanvasText;box-shadow:0 0 0 2px Canvas}.clover-canvas-transport input[type=range]::-moz-range-thumb,.clover-canvas-transport input[type=range]:focus-visible::-moz-range-thumb{background-color:CanvasText;box-shadow:0 0 0 2px Canvas}.clover-canvas-transport input[type=range]:focus-visible{outline:2px solid CanvasText;outline-offset:2px}.clover-canvas-transport-button:focus-visible{outline:3px solid CanvasText;outline-offset:2px;box-shadow:none}.clover-canvas-transport-button:is([data-active],[aria-pressed=true]),.clover-canvas-transport-option:has(input:checked){background-color:Highlight;color:HighlightText}.clover-captions-icon[data-on] .clover-captions-icon-letters{stroke:ButtonFace}.clover-canvas-transport-button[data-active] .clover-captions-icon[data-on] .clover-captions-icon-letters{stroke:Highlight}}@media (prefers-reduced-motion: reduce){.clover-canvas-transport,.clover-canvas-transport-button,.clover-canvas-transport-button svg{transition:none}}.clover-canvas-transport-seek[data-gaps]{--clover-transport-disk: calc(var(--clover-transport-thumb) / 2 + 1px);-webkit-mask-image:radial-gradient(circle at calc(var(--clover-transport-thumb) / 2 + (100% - var(--clover-transport-thumb)) * var(--clover-transport-at, 0)) 50%,#000 var(--clover-transport-disk),transparent var(--clover-transport-disk)),var(--clover-transport-gaps);mask-image:radial-gradient(circle at calc(var(--clover-transport-thumb) / 2 + (100% - var(--clover-transport-thumb)) * var(--clover-transport-at, 0)) 50%,#000 var(--clover-transport-disk),transparent var(--clover-transport-disk)),var(--clover-transport-gaps)}.clover-canvas-transport-seek[data-gaps]:focus-visible{--clover-transport-disk: calc(var(--clover-transport-thumb) / 2 + 6px)}.clover-canvas-transport-chapter-span{position:absolute;top:50%;box-sizing:border-box;border-inline:calc(var(--clover-transport-gap) / 2) solid transparent;background-clip:padding-box;height:var(--clover-space-s);translate:0 -50%;border-radius:var(--clover-radius, 3px);background-color:var(--clover-player-text, #fff);opacity:.5;pointer-events:none}.clover-canvas-transport-seek-area>.clover-tip{left:var(--clover-transport-preview, 50%)}.clover-canvas-transport-seek-area>.clover-tip:has(>.clover-tip-image){padding:var(--clover-space-s)}.clover-canvas-transport-seek-area>.clover-tip .clover-tip-image{width:var(--clover-picture);max-height:none;margin-block-end:var(--clover-space-xs)}.clover-canvas-transport-seek-area:is(:hover,:has(>input:focus-visible)):not([data-tip-hidden])>.clover-tip{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}@media (forced-colors: active){.clover-canvas-transport-chapter-span{background-color:Highlight;opacity:1}}.clover-canvas-transport-status>.clover-canvas-transport-chapter{flex:1 1 auto;overflow:hidden;width:0;min-width:0;max-width:16rem;color:color-mix(in srgb,var(--clover-player-text, #fff) 85%,transparent);font-size:var(--clover-text-s);text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px rgb(0 0 0 / 90%)}.clover-canvas[data-player]{--clover-controls-shown: 1;--clover-controls-events: auto}.clover-canvas[data-player]>.clover-canvas-scrim{display:none}.clover-canvas[data-player]>.clover-canvas-controls>*{opacity:1;translate:none}.clover-canvas[data-player]:has(>.clover-canvas-viewport:focus-visible)>.clover-canvas-media:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;box-shadow:inset 0 0 0 2px var(--clover-color-primary, #1a1d1e),inset 0 0 0 5px var(--clover-color-accent, #0065c3),inset 0 0 0 7px var(--clover-color-secondary, #fff)}.clover-canvas-player{--clover-player-pad: var(--clover-space-l);--clover-player-text: var(--clover-color-control-glyph, #fff);--clover-player-muted: color-mix( in srgb, var(--clover-player-text) 80%, transparent );--clover-player-dark: var(--clover-color-control, #1a1d1e);--clover-player-notes-room: max( var(--clover-control), calc( 2.7 * var(--clover-text-s) + 2 * var(--clover-space-2xs) + var(--clover-player-ring) ) );--clover-player-ring: 6px;--clover-player-top: calc( var(--clover-canvas-controls-inset, var(--clover-space-l)) + var(--clover-player-notes-room) + var(--clover-space-s) );--clover-player-bottom: calc( var(--clover-transport-room, 0px) + 2.7 * var(--clover-cue-size, var(--clover-text-s)) + 2 * var(--clover-space-2xs) + var(--clover-space-s) );--clover-player-art-height: max( 0px, calc(100cqb - var(--clover-player-top) - var(--clover-player-bottom)) );position:absolute;inset:0;isolation:isolate;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--clover-space-l);padding:var(--clover-player-top) var(--clover-player-pad) var(--clover-player-bottom);color:var(--clover-player-text)}.clover-canvas-player-ground{position:absolute;inset:0;z-index:-1;overflow:hidden;background-color:color-mix(in srgb,var(--clover-color-accent, #0065c3) 12%,var(--clover-player-dark))}.clover-canvas-player-ground>img{position:absolute;inset:-12%;width:124%;height:124%;object-fit:cover;filter:blur(2.618rem) saturate(1.382)}.clover-canvas-player-ground[data-art]:after{content:"";position:absolute;inset:0;background-color:color-mix(in srgb,var(--clover-player-dark) 86%,#0000)}.clover-canvas-player-art{flex:none;display:grid;place-items:center;overflow:hidden;width:min(calc(var(--clover-player-art-height) * var(--clover-player-art-ratio, 1)),40cqi,12rem);aspect-ratio:var(--clover-player-art-ratio, 1);border-radius:calc(2 * var(--clover-radius, 3px));background-color:color-mix(in srgb,var(--clover-color-accent, #0065c3) 40%,var(--clover-player-dark));box-shadow:0 .618rem 1.618rem color-mix(in srgb,var(--clover-player-dark) 45%,#0000)}.clover-canvas-player-art>img{display:block;width:100%;height:100%;object-fit:cover;opacity:0}.clover-canvas-player-art[data-loaded]>img{opacity:1}.clover-canvas-player-note{width:38.2%;height:38.2%;fill:currentColor;opacity:.85}.clover-canvas-player-head{flex:0 1 auto;max-width:38rem;min-width:0}.clover-canvas-player-title,.clover-canvas-player-part-of{margin:0;overflow-wrap:break-word}.clover-canvas-player-title{font-size:inherit;font-weight:700;line-height:1.25;text-wrap:balance}.clover-canvas-player-part-of{margin-top:var(--clover-space-xs);color:var(--clover-player-muted);font-size:var(--clover-text-s);line-height:1.35}.clover-canvas-player>.clover-canvas-player-notes{--clover-player-notes-clear: calc( var(--clover-canvas-controls-width, var(--clover-control)) + var(--clover-space-s) + var(--clover-canvas-controls-inset, var(--clover-space-l)) );inset:calc(var(--clover-canvas-controls-inset, var(--clover-space-l)) + var(--clover-player-ring) / 2) var(--clover-player-notes-clear) auto;justify-content:flex-start;gap:var(--clover-space-s);padding:0;transition:none}.clover-canvas-player .clover-canvas-captions-cue[data-kind=annotation]{max-width:100%;font-size:var(--clover-text-s);outline:2px solid color-mix(in srgb,var(--clover-color-accent, #0065c3) 70%,var(--clover-color-secondary, #fff));outline-offset:0}.clover-canvas-player .clover-canvas-captions-cue-label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}@container (max-width: 30rem){.clover-canvas-player{--clover-player-pad: var(--clover-space-m)}}@container (max-height: 16rem){.clover-canvas-player-art{display:none}.clover-canvas-player-title,.clover-canvas-player-part-of{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.clover-canvas-player-part-of{-webkit-line-clamp:1}}@media (prefers-reduced-motion: no-preference){.clover-canvas-player-art>img{transition:opacity 382ms ease}}@media (forced-colors: active){.clover-canvas-player-ground{display:none}.clover-canvas-player{color:CanvasText}.clover-canvas-player .clover-canvas-captions-cue[data-kind=annotation]{outline-color:Highlight}}}
|
|
1
|
+
@layer clover{.clover-canvas-media{position:absolute;inset:0;z-index:1;pointer-events:none;container-type:size}.clover-canvas-media:has([aria-expanded=true],.clover-canvas-transport-mark-group:is(:hover,:focus-within)){z-index:4}.clover-canvas-captions{position:absolute;inset:0 0 max(var(--clover-canvas-controls-inset) + var(--clover-controls-shown) * (var(--clover-transport-room) - var(--clover-canvas-controls-inset)),var(--clover-transport-preview-top, 0px) + var(--clover-space-2xs));z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;justify-content:safe flex-end;gap:var(--clover-space-2xs);padding:0 var(--clover-canvas-controls-inset);pointer-events:none;transition:bottom var(--clover-controls-timing)}.clover-canvas:has(.clover-canvas-transport-seek-area[data-tip-hidden]) .clover-canvas-captions{--clover-transport-preview-top: 0px}.clover-canvas-captions-cue{max-width:90%;padding:var(--clover-space-2xs) var(--clover-space-xs);border-radius:var(--clover-radius, 3px);background-color:var(--clover-player-caption-surface, rgb(0 0 0 / 85%));color:var(--clover-player-caption-text, #fff);text-shadow:var(--clover-player-caption-edge, none);font-size:var(--clover-text-s);line-height:1.35;text-align:center;text-wrap:balance;white-space:pre-line}.clover-canvas-captions-cue-label{display:block;font-size:var(--clover-text-s);font-weight:500}.clover-canvas-media>*{--clover-cue-size: var(--clover-text-s)}@container (min-width: 38.5rem){.clover-canvas-media>*{--clover-cue-size: 1rem}.clover-canvas-captions-cue{font-size:inherit}}@container (min-width: 44rem){.clover-canvas-media>*{--clover-cue-size: var(--clover-text-m)}.clover-canvas-captions-cue{font-size:var(--clover-text-m)}}@container (min-width: 47.5rem){.clover-canvas-media>*{--clover-cue-size: var(--clover-text-l)}.clover-canvas-captions-cue{font-size:var(--clover-text-l)}}.clover-canvas-transport{position:absolute;inset:auto 0 0;z-index:2;display:flex;flex-direction:column;padding:var(--clover-space-xl) var(--clover-canvas-controls-inset) var(--clover-canvas-controls-inset);--clover-controls-edge: 1;--clover-transport-thumb: 12px;--clover-transport-track: var(--clover-space-xs);-webkit-user-select:none;user-select:none;--clover-transport-menu-room: calc( 100cqb - var(--clover-canvas-controls-inset) - var(--clover-control) - var(--clover-space-s) - var(--clover-space-xs) )}.clover-canvas-transport:before{position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,#000000c7,#0009 calc(100% - var(--clover-space-xl)),#0000);pointer-events:none;content:""}.clover-canvas-transport:has([aria-expanded=true],:focus-visible,>.clover-canvas-transport-seek-area:hover){z-index:4}.clover-canvas-transport-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--clover-space-xs) var(--clover-space-s);min-width:0}.clover-canvas-transport-bar>*{flex-shrink:0}.clover-canvas-transport-bar>:is(:hover,:active,:focus-within){z-index:1}.clover-canvas-transport-bar>.clover-canvas-transport-status{display:flex;flex:1 1 0;align-items:center;gap:var(--clover-space-s);min-width:min-content}.clover-canvas-transport-end{display:flex;gap:var(--clover-space-s);margin-inline-start:auto}@container (max-width: 37.5rem){.clover-canvas-transport-bar:has([data-button=chapters])>.clover-canvas-transport-status{order:-1;flex-basis:100%}}@container (max-width: 28rem){.clover-canvas-transport-bar>.clover-canvas-transport-status{order:-1;flex-basis:100%}}.clover-canvas-transport-button svg{fill:currentColor;stroke:none}.clover-canvas-transport-button svg [stroke]{fill:none}.clover-canvas-transport-button:hover,.clover-canvas-transport-button:focus-visible{background-color:var(--clover-color-accent, #0065c3)}:where([data-high-contrast]) .clover-canvas-transport-button:is(:hover,:focus-visible){background-color:var(--clover-accent-fill)}:where([data-high-contrast]) .clover-canvas-transport-button:hover:not(:focus-visible){outline:var(--clover-accent-ring-hover);outline-offset:1px}button.clover-canvas-transport-button[aria-pressed=true]:after{content:"";position:absolute;inset-inline:var(--clover-space-s);bottom:var(--clover-space-2xs);border-bottom:2px solid;border-radius:1px}.clover-canvas-transport-button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--clover-color-secondary, #fff),0 0 0 4px var(--clover-color-accent, #0065c3)}.clover-canvas-transport-seek-area{position:relative;display:flex;margin-bottom:var(--clover-space-xs);--clover-transport-gap: var(--clover-space-2xs)}.clover-canvas-transport-points,.clover-canvas-transport-marks{--clover-transport-mark: var(--clover-space-s);position:absolute;inset:0;pointer-events:none}.clover-canvas-transport-points{z-index:0}.clover-canvas-transport-seek{position:relative;z-index:1}.clover-canvas-transport-marks{z-index:2}.clover-canvas-transport-mark-point{position:absolute;top:calc(50% - var(--clover-transport-track) / 2 - var(--clover-space-s) - (var(--clover-transport-mark) + 2 * 3px) / 2);box-sizing:content-box;width:var(--clover-transport-mark);height:var(--clover-transport-mark);border:2px solid var(--clover-color-secondary, #fff);border-radius:50%;background-color:var(--clover-color-accent, #0065c3);box-shadow:0 0 0 1px var(--clover-color-primary, #1a1d1e);translate:-50% -50%}.clover-canvas-transport-mark-point:after{position:absolute;top:calc(100% + 3px);left:50%;width:3px;height:calc(var(--clover-space-s) + var(--clover-transport-track));translate:-50% 0;background-color:color-mix(in srgb,var(--clover-color-accent, #0065c3) 38.2%,transparent);-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000);content:""}.clover-canvas-transport-mark-point[data-active=true]{box-shadow:0 0 0 2px var(--clover-color-accent, #0065c3),0 0 0 3px var(--clover-color-primary, #1a1d1e)}.clover-canvas-transport-mark-group{position:absolute;top:calc(50% - var(--clover-transport-track) / 2 - var(--clover-space-l));width:var(--clover-space-l);height:var(--clover-space-l);translate:-50% 0;pointer-events:var(--clover-controls-events, auto)}.clover-canvas-transport-mark{display:block;width:100%;height:100%;margin:0;padding:0;border:none;border-radius:50%;background:none;cursor:pointer}.clover-canvas-transport-mark:focus-visible{outline:none}.clover-canvas-transport-mark-group:is(:hover,:focus-within){z-index:1}.clover-canvas-transport-mark-group>.clover-tip.clover-canvas-transport-mark-tip{text-align:start;--clover-tip-x: clamp( var(--clover-space-xs) - var(--clover-mark-x, 50cqw), -50%, 100cqw - var(--clover-space-xs) - var(--clover-mark-x, 50cqw) - 100% );display:flex;flex-direction:column;max-width:min(18rem,100cqw - 2 * var(--clover-space-xs));max-height:calc(100cqh - var(--clover-canvas-controls-inset) - var(--clover-transport-bar-height, var(--clover-control)) - var(--clover-space-xs) - var(--clover-space-l) / 2 - var(--clover-transport-track) / 2 - var(--clover-space-l) - 3 * var(--clover-space-xs));transform:translate(calc(var(--clover-tip-x) + 50%))}.clover-canvas-transport-mark-group:focus-within:not([data-tip-hidden])>.clover-tip.clover-canvas-transport-mark-tip{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.clover-canvas:has(.clover-canvas-transport-marks){--clover-transport-marks-room: calc( 2 * var(--clover-space-s) + 2 * 3px - (var(--clover-space-l) - var(--clover-space-xs)) / 2 )}.clover-canvas-transport-mark-words{min-height:0;overflow-y:auto}.clover-canvas-transport-mark-tip{--clover-color-primary-muted: var(--clover-color-secondary-alt, #c1c8cd);color:var(--clover-color-secondary-alt, #c1c8cd)}.clover-canvas-transport-mark-group .clover-canvas-transport-mark-tip>.clover-steps{flex:none;margin-top:var(--clover-space-xs)}.clover-canvas-transport input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:var(--clover-space-l);margin:0;background:transparent;cursor:pointer;touch-action:none}.clover-canvas-transport input.clover-canvas-transport-volume{width:var(--clover-space-2xl)}@container (max-width: 28rem){.clover-canvas-transport input.clover-canvas-transport-volume{width:var(--clover-space-xl)}.clover-canvas-transport-bar,.clover-canvas-transport-end{column-gap:var(--clover-space-xs)}}.clover-canvas-transport input[type=range]::-webkit-slider-runnable-track{height:var(--clover-transport-track);border-radius:var(--clover-radius, 3px);background:linear-gradient(to right,var(--clover-color-accent, #0065c3) var(--clover-transport-progress, 0%),rgb(255 255 255 / 90%) var(--clover-transport-progress, 0%),rgb(255 255 255 / 90%) var(--clover-transport-loaded, 0%),var(--clover-player-track, rgb(255 255 255 / 65%)) var(--clover-transport-loaded, 0%));box-shadow:var(--clover-player-track-shadow, none)}.clover-canvas-transport input[type=range]::-moz-range-track{height:var(--clover-transport-track);border-radius:var(--clover-radius, 3px);background:linear-gradient(to right,var(--clover-color-accent, #0065c3) var(--clover-transport-progress, 0%),rgb(255 255 255 / 90%) var(--clover-transport-progress, 0%),rgb(255 255 255 / 90%) var(--clover-transport-loaded, 0%),var(--clover-player-track, rgb(255 255 255 / 65%)) var(--clover-transport-loaded, 0%));box-shadow:var(--clover-player-track-shadow, none)}.clover-canvas-transport input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--clover-transport-thumb);height:var(--clover-transport-thumb);margin-top:calc((var(--clover-transport-track) - var(--clover-transport-thumb)) / 2);border:none;border-radius:var(--clover-radius-pill, 2rem);background-color:var(--clover-player-text, #fff)}.clover-canvas-transport input[type=range]::-moz-range-thumb{width:var(--clover-transport-thumb);height:var(--clover-transport-thumb);border:none;border-radius:var(--clover-radius-pill, 2rem);background-color:var(--clover-player-text, #fff)}.clover-canvas-transport input[type=range]:focus-visible{outline:none}.clover-canvas-transport input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--clover-color-accent, #0065c3),0 0 0 4px var(--clover-player-text, #fff),0 0 0 6px #0009}.clover-canvas-transport input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--clover-color-accent, #0065c3),0 0 0 4px var(--clover-player-text, #fff),0 0 0 6px #0009}.clover-canvas-transport-time{display:flex;align-items:center;gap:var(--clover-space-xs);color:var(--clover-player-text, #fff);font-size:var(--clover-text-s);font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 1px 2px rgb(0 0 0 / 90%)}.clover-canvas-transport-frames{position:relative;display:flex}button.clover-canvas-transport-time{margin:0;padding:var(--clover-space-2xs) var(--clover-space-xs);border:0;border-radius:var(--clover-radius, 3px);background:none;font:inherit;font-size:var(--clover-text-s);cursor:pointer}button.clover-canvas-transport-time:is(:hover,[aria-expanded=true]){background-color:#0006}button.clover-canvas-transport-time:focus-visible{outline:2px solid var(--clover-player-text, #fff)}.clover-canvas-transport-place{display:inline-grid;justify-items:end;font-variant-numeric:tabular-nums}.clover-canvas-transport-place>*{grid-area:1 / 1}.clover-canvas-transport-place>.clover-canvas-transport-place-room[hidden]{display:block;visibility:hidden}.clover-canvas-transport-frames>.clover-canvas-menu{right:0;bottom:calc(100% + var(--clover-space-s));left:auto;max-width:min(20rem,100cqi - 2 * var(--clover-canvas-controls-inset));max-height:min(24rem,var(--clover-transport-menu-room),var(--clover-transport-menu-above, 100cqb) - var(--clover-space-s) - var(--clover-space-xs));translate:var(--clover-transport-menu-shift, 0px) 0}.clover-canvas-transport-menu{position:relative;display:flex}.clover-canvas-transport-options{position:absolute;right:0;bottom:calc(100% + var(--clover-space-s));display:flex;flex-direction:column;box-sizing:border-box;min-width:min(11rem,100cqi - 2 * var(--clover-canvas-controls-inset));max-width:calc(100cqi - 2 * var(--clover-canvas-controls-inset));max-height:min(16rem,var(--clover-transport-menu-room),var(--clover-transport-menu-above, 100cqb) - var(--clover-space-s) - var(--clover-space-xs));translate:var(--clover-transport-menu-shift, 0px) 0;margin:0;padding:var(--clover-space-xs);border:none;border-radius:var(--clover-radius, 3px);background-color:var(--clover-player-menu-surface, #151718);color:var(--clover-player-text, #fff);overflow-y:auto}.clover-canvas-transport-option{display:flex;flex:none;align-items:center;gap:var(--clover-space-xs);min-height:var(--clover-space-l);padding:var(--clover-space-xs) var(--clover-space-s);border-radius:var(--clover-radius, 3px);font-size:var(--clover-text-s);cursor:pointer}.clover-canvas-transport-option:hover{background-color:var(--clover-player-menu-hover, #26292b)}.clover-canvas-transport-option:has(input:checked){background-color:color-mix(in srgb,var(--clover-color-accent, #0065c3) 24%,transparent);font-weight:600}.clover-canvas-transport-option:has(input:focus-visible){box-shadow:inset 0 0 0 2px var(--clover-player-text, #fff)}.clover-canvas-transport-code{flex:none;min-width:var(--clover-space-l);color:color-mix(in srgb,currentColor 72%,transparent);font-size:var(--clover-text-xs);font-weight:600;line-height:1}.clover-canvas-transport-options:has(.clover-canvas-transport-code),.clover-canvas-transport-menu:has([data-button=chapters]) .clover-canvas-transport-options{min-width:min(16rem,100cqi - 2 * var(--clover-canvas-controls-inset))}.clover-canvas-transport-option:has(>.clover-entry-thumbnail){display:grid;grid-template-columns:auto minmax(0,1fr);justify-items:start;gap:var(--clover-space-2xs) var(--clover-space-s);padding-block-end:var(--clover-space-s)}.clover-canvas-transport-options.clover-canvas-menu{border-radius:var(--clover-radius, 6px);background-color:var(--clover-color-secondary, #fff);color:var(--clover-color-primary, #1a1d1e)}.clover-canvas-menu>.clover-canvas-transport-option{align-items:baseline;gap:var(--clover-space-s);font-size:inherit}.clover-canvas-menu>.clover-canvas-transport-option:hover{background-color:var(--clover-color-secondary-muted, #e6e8eb)}@media (forced-colors: none){.clover-canvas-menu>.clover-canvas-transport-option:has(input:checked){background-color:color-mix(in srgb,var(--clover-color-accent, #0065c3) 8%,transparent)}}.clover-canvas-menu>.clover-canvas-transport-option:has(input:focus-visible){box-shadow:none;outline:2px solid var(--clover-color-accent, #0065c3);outline-offset:-2px}.clover-canvas-transport-option input{position:absolute;opacity:0;pointer-events:none}@media (forced-colors: active){.clover-canvas-transport button.clover-canvas-transport-button{border:1px solid ButtonText}.clover-canvas-transport input[type=range]{forced-color-adjust:none}.clover-canvas-transport input[type=range]::-webkit-slider-runnable-track{border:1px solid CanvasText;background:linear-gradient(to right,Highlight var(--clover-transport-progress, 0%),Canvas var(--clover-transport-progress, 0%));box-shadow:none}.clover-canvas-transport input[type=range]::-moz-range-track{border:1px solid CanvasText;background:linear-gradient(to right,Highlight var(--clover-transport-progress, 0%),Canvas var(--clover-transport-progress, 0%));box-shadow:none}.clover-canvas-transport input[type=range]::-webkit-slider-thumb,.clover-canvas-transport input[type=range]:focus-visible::-webkit-slider-thumb{background-color:CanvasText;box-shadow:0 0 0 2px Canvas}.clover-canvas-transport input[type=range]::-moz-range-thumb,.clover-canvas-transport input[type=range]:focus-visible::-moz-range-thumb{background-color:CanvasText;box-shadow:0 0 0 2px Canvas}.clover-canvas-transport input[type=range]:focus-visible{outline:2px solid CanvasText;outline-offset:2px}.clover-canvas-transport-button:focus-visible{outline:3px solid CanvasText;outline-offset:2px;box-shadow:none}.clover-canvas-transport-button:is([data-active],[aria-pressed=true]),.clover-canvas-transport-option:has(input:checked){background-color:Highlight;color:HighlightText}.clover-captions-icon[data-on] .clover-captions-icon-letters{stroke:ButtonFace}.clover-canvas-transport-button[data-active] .clover-captions-icon[data-on] .clover-captions-icon-letters{stroke:Highlight}}@media (prefers-reduced-motion: reduce){.clover-canvas-transport,.clover-canvas-transport-button,.clover-canvas-transport-button svg{transition:none}}.clover-canvas-transport-seek[data-gaps]{--clover-transport-disk: calc(var(--clover-transport-thumb) / 2 + 1px);-webkit-mask-image:radial-gradient(circle at calc(var(--clover-transport-thumb) / 2 + (100% - var(--clover-transport-thumb)) * var(--clover-transport-at, 0)) 50%,#000 var(--clover-transport-disk),transparent var(--clover-transport-disk)),var(--clover-transport-gaps);mask-image:radial-gradient(circle at calc(var(--clover-transport-thumb) / 2 + (100% - var(--clover-transport-thumb)) * var(--clover-transport-at, 0)) 50%,#000 var(--clover-transport-disk),transparent var(--clover-transport-disk)),var(--clover-transport-gaps)}.clover-canvas-transport-seek[data-gaps]:focus-visible{--clover-transport-disk: calc(var(--clover-transport-thumb) / 2 + 6px)}.clover-canvas-transport-chapter-span{position:absolute;z-index:1;top:50%;box-sizing:border-box;border-inline:calc(var(--clover-transport-gap) / 2) solid transparent;background-clip:padding-box;height:var(--clover-space-s);translate:0 -50%;border-radius:var(--clover-radius, 3px);background-color:var(--clover-player-text, #fff);opacity:.5;pointer-events:none}.clover-canvas-transport-seek-area>.clover-tip{left:var(--clover-transport-preview, 50%)}.clover-canvas-transport-seek-area>.clover-tip:has(>.clover-tip-image){padding:var(--clover-space-s)}.clover-canvas-transport-seek-area>.clover-tip .clover-tip-image{width:var(--clover-picture);max-height:none;margin-block-end:var(--clover-space-xs)}.clover-canvas-transport-seek-area:is(:hover,:has(>input:focus-visible)):not([data-tip-hidden])>.clover-tip{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}@media (forced-colors: active){.clover-canvas-transport-mark-point:after{position:absolute;top:calc(100% + 3px);left:50%;width:3px;height:calc(var(--clover-space-s) + var(--clover-transport-track));translate:-50% 0;background-color:color-mix(in srgb,var(--clover-color-accent, #0065c3) 38.2%,transparent);content:""}.clover-canvas-transport-mark-point[data-active=true]{outline:2px solid Highlight;outline-offset:1px}.clover-canvas-transport-chapter-span{background-color:Highlight;opacity:1}}.clover-canvas-transport-status>.clover-canvas-transport-chapter{flex:1 1 auto;overflow:hidden;width:0;min-width:0;color:color-mix(in srgb,var(--clover-player-text, #fff) 85%,transparent);font-size:var(--clover-text-s);text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px rgb(0 0 0 / 90%)}.clover-canvas[data-player]{--clover-controls-shown: 1;--clover-controls-events: auto}.clover-canvas[data-player]>.clover-canvas-scrim{display:none}.clover-canvas[data-player]>.clover-canvas-controls>*{opacity:1;translate:none}.clover-canvas[data-player]:has(>.clover-canvas-viewport:focus-visible)>.clover-canvas-media:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;box-shadow:inset 0 0 0 2px var(--clover-color-primary, #1a1d1e),inset 0 0 0 5px var(--clover-color-accent, #0065c3),inset 0 0 0 7px var(--clover-color-secondary, #fff)}.clover-canvas-player{--clover-player-pad: var(--clover-space-l);--clover-player-text: var(--clover-color-control-glyph, #fff);--clover-player-muted: color-mix( in srgb, var(--clover-player-text) 80%, transparent );--clover-player-dark: var(--clover-color-control, #1a1d1e);--clover-player-top: calc( var(--clover-canvas-controls-inset, var(--clover-space-l)) + var(--clover-control) + var(--clover-space-s) );--clover-player-bottom: calc( var(--clover-transport-room, 0px) + 2.7 * var(--clover-cue-size, var(--clover-text-s)) + 2 * var(--clover-space-2xs) + var(--clover-space-s) );--clover-player-art-height: max( 0px, calc(100cqb - var(--clover-player-top) - var(--clover-player-bottom)) );position:absolute;inset:0;isolation:isolate;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--clover-space-l);padding:var(--clover-player-top) var(--clover-player-pad) var(--clover-player-bottom);color:var(--clover-player-text)}.clover-canvas-player-ground{--clover-player-depth: color-mix( in srgb, var(--clover-player-dark) 82%, var(--clover-player-text) );--clover-player-glow: color-mix( in srgb, var(--clover-player-text) 61.8%, #0000 );--clover-player-shade: color-mix( in srgb, var(--clover-player-dark) 61.8%, #0000 );position:absolute;inset:0;z-index:-1;overflow:hidden;isolation:isolate;background-color:color-mix(in srgb,var(--clover-color-accent, #0065c3) 23.6%,var(--clover-player-dark))}.clover-canvas-player-ground>img{position:absolute;inset:-24%;z-index:0;width:148%;height:148%;object-fit:cover;filter:blur(var(--clover-space-2xl)) saturate(2.618)}.clover-canvas-player-ground[data-art]:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(61.8% 85% at 23.6% 23.6%,var(--clover-player-glow),#0000 70%),radial-gradient(50% 70% at 85% 76.4%,var(--clover-player-glow),#0000 70%);mix-blend-mode:soft-light}.clover-canvas-player-ground[data-art]:after{content:"";position:absolute;inset:0;z-index:2;background:radial-gradient(61.8% 76.4% at 0% 100%,var(--clover-player-shade),#0000 100%),radial-gradient(50% 61.8% at 100% 0%,var(--clover-player-shade),#0000 100%),var(--clover-player-depth);mix-blend-mode:multiply}.clover-canvas-player>.clover-canvas-transport:before{background:linear-gradient(to top,color-mix(in srgb,var(--clover-player-dark) 38.2%,#0000),#0000)}.clover-canvas-player-art{flex:none;display:grid;place-items:center;overflow:hidden;width:min(calc(var(--clover-player-art-height) * var(--clover-player-art-ratio, 1)),40cqi,12rem);aspect-ratio:var(--clover-player-art-ratio, 1);border-radius:calc(2 * var(--clover-radius, 3px));background-color:color-mix(in srgb,var(--clover-color-accent, #0065c3) 40%,var(--clover-player-dark));box-shadow:0 .618rem 1.618rem color-mix(in srgb,var(--clover-player-dark) 45%,#0000)}.clover-canvas-player-art>img{display:block;width:100%;height:100%;object-fit:cover;opacity:0}.clover-canvas-player-art[data-loaded]>img{opacity:1}.clover-canvas-player-note{width:38.2%;height:38.2%;fill:currentColor;opacity:.85}.clover-canvas-player-head{flex:0 1 auto;max-width:38rem;min-width:0}.clover-canvas-player-title,.clover-canvas-player-part-of{margin:0;overflow-wrap:break-word}.clover-canvas-player-title{font-size:inherit;font-weight:700;line-height:1.25;text-wrap:balance}.clover-canvas-player-part-of{margin-top:var(--clover-space-xs);color:var(--clover-player-muted);font-size:var(--clover-text-s);line-height:1.35}.clover-canvas-player-cues{display:contents}@container (max-width: 30rem){.clover-canvas-player{--clover-player-pad: var(--clover-space-m)}}@container (max-height: 24rem){.clover-canvas-player{--clover-player-room: calc( 100cqb - 2 * var(--clover-canvas-controls-inset) );--clover-player-art-height: clamp( var(--clover-player-art-least, 7.416rem), var(--clover-player-room), 12rem );--clover-player-centering: max( 0px, (var(--clover-player-room) - var(--clover-player-art-height)) / 2 );display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto 1fr auto auto;align-content:end;gap:0 var(--clover-player-pad);padding:calc(var(--clover-canvas-controls-inset) + var(--clover-player-centering)) var(--clover-canvas-controls-inset)}.clover-canvas-player-art{grid-row:1 / -1;align-self:end;width:min(calc(var(--clover-player-art-height) * var(--clover-player-art-ratio, 1)),38.2cqi,12rem)}.clover-canvas-player-head,.clover-canvas-player-cues,.clover-canvas-player .clover-canvas-transport-seek-area,.clover-canvas-player .clover-canvas-transport-bar{grid-column:2}.clover-canvas-player-head{grid-row:1;max-width:none;margin-inline-end:calc(var(--clover-canvas-controls-width, var(--clover-control)) + var(--clover-space-s))}.clover-canvas-player-cues{grid-row:2;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--clover-space-2xs);padding:var(--clover-space-xs) 0 calc(var(--clover-space-2xs) + var(--clover-transport-marks-room, 0px));pointer-events:none}.clover-canvas-player-cues>.clover-canvas-captions{position:static;align-items:flex-start;padding:0;transition:none}.clover-canvas-player-cues .clover-canvas-captions-cue{max-width:100%;text-align:start}.clover-canvas-player>.clover-canvas-transport{display:contents}.clover-canvas-player>.clover-canvas-transport:before{display:none}.clover-canvas-player .clover-canvas-transport-seek-area{grid-row:3;z-index:2}.clover-canvas-player .clover-canvas-transport-bar{grid-row:4;z-index:2}.clover-canvas-player :is(.clover-canvas-transport-seek-area:is(:hover,:focus-within),.clover-canvas-transport-bar:has([aria-expanded=true],:focus-visible)){z-index:4}.clover-canvas-player-title,.clover-canvas-player-part-of{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.clover-canvas-player-part-of{-webkit-line-clamp:1}}@container (max-height: 24rem) and (max-width: 37.5rem){.clover-canvas-player{--clover-player-art-height: var(--clover-space-2xl);--clover-player-centering: 0px}.clover-canvas-player-art{grid-row:1;align-self:center}.clover-canvas-player-head{align-self:center}.clover-canvas-player-cues,.clover-canvas-player .clover-canvas-transport-seek-area,.clover-canvas-player .clover-canvas-transport-bar{grid-column:1 / -1}}@container (max-height: 15.236rem){.clover-canvas-player:has(>.clover-canvas-player-cues>.clover-canvas-captions)>.clover-canvas-player-head{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@container (max-height: 15.236rem) and (min-width: 38.5rem){.clover-canvas-player-cues .clover-canvas-captions-cue{font-size:var(--clover-text-s)}}@container (max-height: 15.236rem) and (min-width: 44rem){.clover-canvas-player-cues .clover-canvas-captions-cue{font-size:inherit}}@container (max-height: 15.236rem) and (min-width: 47.5rem){.clover-canvas-player-cues .clover-canvas-captions-cue{font-size:var(--clover-text-m)}}@container (max-height: 15.236rem) and (max-width: 37.5rem){.clover-canvas-player:has(>.clover-canvas-player-cues>.clover-canvas-captions)>.clover-canvas-player-art{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}}@media (prefers-reduced-motion: no-preference){.clover-canvas-player-art>img{transition:opacity 382ms ease}}@media (forced-colors: active){.clover-canvas-player-ground{display:none}.clover-canvas-player{color:CanvasText}}}
|