.morphIcon{color:currentColor;width:1.1em;height:1.1em;display:block;position:relative}.morphIcon span{transform-origin:50%;transition:width .42s var(--springEase),height .42s var(--springEase),opacity .25s ease,clip-path .42s var(--springEase),border-radius .42s var(--springEase),transform .42s var(--springEase);background:currentColor;display:block;position:absolute;top:50%;left:50%}.morphIcon.morphPlay span:first-child{clip-path:polygon(8% 0,94% 50%,8% 100%);border-radius:.25em;width:.82em;height:.9em;transform:translate(-42%,-50%)}.morphIcon.morphPlay span:last-child{opacity:0;clip-path:inset(0);border-radius:.12em;width:.18em;height:.85em;transform:translate(5%,-50%)scaleX(.2)}.morphIcon.morphPause span:first-child,.morphIcon.morphPause span:last-child{opacity:1;clip-path:inset(0);border-radius:.05em;width:.25em;height:.85em}.morphIcon.morphPause span:first-child{transform:translate(-115%,-50%)}.morphIcon.morphPause span:last-child{transform:translate(70%,-50%)}body.videoPlayerLock{overscroll-behavior:none!important;touch-action:none!important;overflow:hidden!important}.mediaPlayer{--videoFit:cover;--playerControlSize:var(--surfaceSize);--playerCenterSize:4em;border-radius:inherit;width:100%;min-width:0;color:var(--text);position:relative;overflow:hidden;container-type:inline-size}.mediaPlayer.isVideo{aspect-ratio:16/9;background:var(--black);height:100%;min-height:100%}.mediaPlayer.isVideo.transparentVideoBackground,.mediaPlayer.isVideo.transparentVideoBackground .playerVideo{background:0 0}.mediaPlayer.isAudio{background:var(--surface);height:auto;min-height:0}:-webkit-any(.mediaPlayer:fullscreen,.mediaPlayer:-webkit-full-screen){background:var(--black);--videoFit:contain;border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}:is(.mediaPlayer:fullscreen,.mediaPlayer:fullscreen){background:var(--black);--videoFit:contain;border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}.mediaPlayer.isMaximized{--videoFit:contain}.playerMediaElement{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.playerVideo{object-fit:var(--videoFit);background:var(--black);-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.playerOverlay{position:absolute;inset:0}.videoPlayerHeader{z-index:2;inset-block-start:var(--spacing-md);inset-inline:var(--spacing-md);justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);pointer-events:none;display:flex;position:absolute}.playerMeta{min-width:0}.playerMeta h2,.playerMeta p{margin:0}.playerMeta h2{font-size:var(--font-md);font-weight:500}.playerTitleRow{align-items:center;gap:var(--spacing-xs);min-width:0;display:flex}.playerTitleRow h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.playerSubtitle{font-size:var(--font-xs);color:color-mix(in srgb,var(--text)65%,transparent);margin-block-start:var(--spacing-2xs)!important}.playerNumber{font-size:var(--font-xs);flex:none}.playerCenterControl{justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.playerControlButton{width:var(--playerControlSize);min-width:var(--playerControlSize);height:var(--playerControlSize);border-radius:var(--radius-pill);padding:0}.playerCenterButton{width:var(--playerCenterSize);min-width:var(--playerCenterSize);height:var(--playerCenterSize)}.playerIconButton{flex:none}.playerControls{z-index:3;inset-inline:var(--spacing-sm);gap:var(--spacing-xs);padding:var(--spacing-xs);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);flex-direction:column;display:flex;position:absolute;inset-block-end:var(--spacing-sm)}.playerControlsRow{justify-content:space-between;align-items:center;gap:var(--spacing-sm);min-width:0;display:flex}.playerControlGroup{align-items:center;gap:var(--spacing-xs);min-width:0;display:flex}.playerTime{font-size:var(--font-xs);white-space:nowrap;font-variant-numeric:tabular-nums;direction:ltr;flex:none}.playerVolume{align-items:center;gap:var(--spacing-2xs);min-width:0;display:flex}.playerRangeWrap{min-width:0;margin:0}.playerTimelineWrap{width:100%}.playerVolumeRangeWrap{width:6em}.playerRange{width:100%;margin:0}.audioPlayerLayout{align-items:center;gap:var(--spacing-sm);width:100%;min-width:0;padding:var(--spacing-sm);grid-template-columns:auto minmax(0,1fr);display:grid}.audioPlayerContent{gap:var(--spacing-xs);flex-direction:column;min-width:0;display:flex}.audioPlayerHeader{justify-content:space-between;align-items:center;gap:var(--spacing-sm);min-width:0;display:flex}.audioPlayerActions{align-items:center;gap:var(--spacing-xs);flex:none;display:flex}.playerPlayButton{flex:none}.playerSpinner{fill:none;stroke:currentColor;stroke-width:4px;width:1.5em;height:1.5em}.playerSeekFeedback{align-items:center;gap:var(--spacing-2xs);padding:var(--spacing-xs);background:var(--background);border-radius:var(--radius-sm);pointer-events:none;display:flex;position:absolute;top:50%}.playerSeekFeedback.left{left:var(--spacing-md)}.playerSeekFeedback.left svg{transform:rotate(180deg)}.playerSeekFeedback.right{right:var(--spacing-md)}@container (width<=520px){.playerControls{inset-inline:var(--spacing-xs);inset-block-end:var(--spacing-xs)}.videoPlayerHeader{inset-block-start:var(--spacing-sm);inset-inline:var(--spacing-sm)}.playerVolumeRangeWrap{display:none}.audioPlayerLayout{gap:var(--spacing-xs);padding:var(--spacing-xs)}.audioPlayerHeader{gap:var(--spacing-xs);flex-wrap:wrap}.audioPlayerActions{justify-content:space-between;width:100%}}@container (width<=360px){.videoPlayerTime{display:none}.playerControlsRow{gap:var(--spacing-xs)}.playerCenterButton{--playerCenterSize:3.5em}.audioPlayerLayout{grid-template-columns:auto minmax(0,1fr)}.playerSubtitle{display:none}}.mediaUploadOverlay{--ringSize:3.4em;z-index:10;border-radius:inherit;background:color-mix(in srgb,var(--background)72%,transparent);backdrop-filter:blur(.5em);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.mediaUploadOverlay .uploadContent{z-index:1;color:var(--text);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5em;padding:.8em;display:flex;position:relative}.mediaUploadOverlay .uploadRingWrap{width:var(--ringSize);height:var(--ringSize);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.mediaUploadOverlay .uploadRingWrap.canCancel{cursor:pointer;pointer-events:auto}.mediaUploadOverlay .uploadRingWrap.canCancel:hover .centerIcon{color:var(--red)}.mediaUploadOverlay .uploadRingWrap.canCancel:hover .ringFill{stroke:var(--red)}.mediaUploadOverlay .uploadRingWrap.isPending .uploadRing{animation:.9s linear infinite mediaUploadSpin}.mediaUploadOverlay .uploadRingWrap.isPending .uploadRing .ringFill{stroke-dasharray:32 126;stroke-dashoffset:0}.mediaUploadOverlay .uploadRing{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.mediaUploadOverlay .uploadRing .ringTrack{fill:none;stroke:color-mix(in srgb,var(--text)16%,transparent);stroke-width:3.5px}.mediaUploadOverlay .uploadRing .ringFill{fill:none;stroke:var(--primary);stroke-width:3.5px;stroke-linecap:round;transition:stroke-dashoffset .18s linear}.mediaUploadOverlay .uploadRingCenter{z-index:1;place-items:center;width:100%;height:100%;display:grid;position:relative}.mediaUploadOverlay .centerIcon{color:var(--primary);justify-content:center;align-items:center;display:flex}.mediaUploadOverlay .uploadPercent{color:var(--text);letter-spacing:.01em;font-variant-numeric:tabular-nums;align-items:baseline;font-size:1em;font-weight:500;line-height:1;display:inline-flex}.mediaUploadOverlay .uploadPercent .percentUnit{opacity:.7;margin-inline-start:.05em;font-size:.7em;font-weight:400}.mediaUploadOverlay .uploadBytes{font-size:var(--font-xs);opacity:.65;letter-spacing:.01em;font-variant-numeric:tabular-nums;font-weight:300}.mediaUploadOverlay .uploadErrorMessage{max-width:min(16em,100% - 1em);color:var(--red);font-size:var(--font-xs);text-align:center;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:350;line-height:1.5;display:-webkit-box;overflow:hidden}.mediaUploadOverlay.isComplete{background:color-mix(in srgb,var(--background)45%,transparent)}.mediaUploadOverlay.isComplete .ringFill,.mediaUploadOverlay.isComplete .centerIcon{stroke:var(--primary);color:var(--primary)}.mediaUploadOverlay.isError .ringFill{stroke:var(--red)}.mediaUploadOverlay.isError .centerIcon{color:var(--red)}@keyframes mediaUploadSpin{to{transform:rotate(360deg)}}.mediaUploadOverlay.rowUploadOverlay{--ringSize:2.4em;justify-content:flex-end;padding-inline-end:.85em}.mediaUploadOverlay.rowUploadOverlay .uploadContent{flex-direction:row;gap:.55em;padding:.55em}.mediaUploadOverlay.rowUploadOverlay .uploadBytes{font-size:.62em}.mediaUploadOverlay.rowUploadOverlay .uploadErrorMessage{text-align:start;max-width:14em;font-size:.62em}@property --divider-effect-color{syntax:"<color>";inherits:false;initial-value:#0000}@property --divider-effect-opacity{syntax:"<number>";inherits:false;initial-value:.25}@property --divider-effect-size{syntax:"<length>";inherits:false;initial-value:1px}@property --divider-effect-length{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --glass-effect-blur{syntax:"<length>";inherits:false;initial-value:1em}@property --glass-effect-light-color{syntax:"<color>";inherits:false;initial-value:#0000}@property --glass-effect-light-power{syntax:"<number>";inherits:false;initial-value:.4}@property --glass-effect-light-rotation{syntax:"<angle>";inherits:false;initial-value:210deg}@property --glass-effect-dark-color{syntax:"<color>";inherits:false;initial-value:#0000}@property --glass-effect-dark-power{syntax:"<number>";inherits:false;initial-value:0}.smartGrid{width:100%;position:relative;overflow:hidden}.smartGrid .smartGridInner{width:100%;transition:height .3s cubic-bezier(.25,.46,.45,.94);position:relative}.smartGrid .smartGridSlot{border-radius:var(--radius-sm);isolation:isolate;background:color-mix(in srgb,var(--surface)60%,transparent);position:absolute;overflow:hidden}.smartGrid .smartGridSlot .smartGridSlotInner{width:100%;height:100%;position:absolute;inset:0}.smartGrid.smartGrid--card .smartGridSlot{border-radius:var(--radius-sm)}.smartGrid.smartGrid--expand .smartGridSlot,.smartGrid.smartGrid--upload .smartGridSlot{border-radius:var(--radius-md)}