.PinturaMediaClipper{position:relative}.PinturaMediaClipper .PinturaSlider{--track-offset-x:0em;--track-offset-y:0em;--knob-size:0em;--knob-width:8px;width:100%;height:100%;position:absolute;top:0;left:0}.PinturaMediaClipper .PinturaSlider .PinturaSliderKnob{height:100%;width:var(--knob-width);margin-left:calc(var(--knob-width) * -.5);pointer-events:all;cursor:ew-resize;top:0}.PinturaMediaClipper .PinturaSliderControl{height:var(--frame-size)}.PinturaMediaClipper .PinturaMediaRangeClip{--sc:#00000040;--outset:0 0 0 1px var(--sc);--bw:var(--clip-border-width);--br:.5em;--oh:calc(var(--bw) * -1 + 1px);--ov:calc(var(--bw) * -1);--inset:inset var(--outset);--el:3px;--h:calc(var(--flex) * var(--el) * 1.25);--v:calc(var(--br) + (var(--flex) * var(--frame-size) * .333));--mask-height:4px;--mask:linear-gradient(black, black);--mask-top:var(--mask) 0 0 / 100% var(--mask-height) no-repeat;--mask-bottom:var(--mask) 0 bottom / 100% var(--mask-height) no-repeat}.PinturaMediaClipper .PinturaMediaRangeIndicator{pointer-events:none;height:100%;position:absolute;top:0}.PinturaMediaClipper .PinturaMediaRangeIndicator:after,.PinturaMediaClipper .PinturaMediaRangeIndicator:before{content:"";top:calc(var(--frame-size) * .25);width:.375em;height:calc(var(--frame-size) * .5);background-color:var(--color-primary);box-shadow:var(--outset);background-image:linear-gradient(#0003,#0003);background-size:1px calc(var(--frame-size) * .325);background-position:50%;background-repeat:no-repeat;border-radius:.25em;transition:opacity .15s ease-in,transform .12s ease-in,box-shadow .1s ease-in;position:absolute}.PinturaMediaClipper .PinturaMediaRangeIndicator:before{margin-left:-.1875em}.PinturaMediaClipper .PinturaMediaRangeIndicator:after{margin-right:-.1875em;right:0}.PinturaMediaClipper .PinturaMediaRangeIndicator button{bottom:calc(-1 * var(--bw));opacity:0;pointer-events:all;width:1.5em;padding:.25em 0 var(--bw) 0;box-shadow:0 -1px 1px var(--sc);z-index:1;background:var(--color-primary);color:var(--color-primary-text);border-top-left-radius:var(--br);border-top-right-radius:var(--br);cursor:pointer;font-size:.675em;line-height:1;transition:opacity .15s ease-in,transform .12s ease-in,box-shadow .1s ease-in;position:absolute;left:calc(50% - .75em);transform:scale(.9)translateY(.25em)}.PinturaMediaClipper .PinturaMediaRangeIndicator[data-layout=hidden] button{pointer-events:none;opacity:0!important}.PinturaMediaClipper .PinturaMediaRangeIndicatorShadow,.PinturaMediaClipper .PinturaMediaRangeIndicatorOutline{opacity:0;top:var(--ov);bottom:var(--ov);left:var(--oh);right:var(--oh);border-radius:var(--br) / var(--br);transition:opacity .1s ease-in,transform .15s ease-in;position:absolute;transform:scaleY(.8)}.PinturaMediaClipper .PinturaMediaRangeIndicatorOutline{border:var(--bw) solid var(--color-primary);box-shadow:var(--inset)}.PinturaMediaClipper .PinturaMediaRangeIndicatorShadow{border:var(--bw) solid var(--sc);top:calc(var(--ov) - 1px);bottom:calc(var(--ov) - 1px);left:calc(var(--oh) - 1px);right:calc(var(--oh) - 1px);--brr:calc(var(--br) + 1px);border-radius:var(--brr) / var(--brr)}.PinturaMediaClipper .PinturaMediaRangeClip[data-state*=active] .PinturaMediaRangeIndicatorShadow,.PinturaMediaClipper .PinturaMediaRangeClip[data-state*=active] .PinturaMediaRangeIndicatorOutline{z-index:1}.PinturaMediaClipper .PinturaMediaRangeClip[data-merge=none] .PinturaMediaRangeIndicatorOutline{transition:opacity .1s ease-in,transform .15s ease-in}.PinturaMediaClipper .PinturaMediaRangeClip[data-state*=active][data-merge=right] .PinturaMediaRangeIndicatorShadow,.PinturaMediaClipper .PinturaMediaRangeClip[data-state*=active][data-merge=right] .PinturaMediaRangeIndicatorOutline{--brs:calc((1 + var(--flex)) * var(--br)) var(--v);border-top-right-radius:var(--brs);border-bottom-right-radius:var(--brs);margin-right:calc(-2 * var(--h));border-right-width:calc(3px - (var(--flex) * 2px))}.PinturaMediaClipper .PinturaMediaRangeClip[data-state*=active][data-merge=right]+[data-merge=left] .PinturaMediaRangeIndicatorOutline{--mask-right:var(--mask) right 0 / var(--br) 100% no-repeat;-webkit-mask:var(--mask-top),var(--mask-bottom),var(--mask-right);-webkit-mask:var(--mask-top),var(--mask-bottom),var(--mask-right);mask:var(--mask-top),var(--mask-bottom),var(--mask-right)}.PinturaMediaClipper .PinturaMediaRangeClip[data-state*=active][data-merge=right]+[data-merge=left] .PinturaMediaRangeIndicatorShadow{border-left-color:#0000}.PinturaMediaClipper .PinturaMediaRangeClip:not([data-state*=active])[data-merge=right] .PinturaMediaRangeIndicatorOutline{--mask-left:var(--mask) left 0 / var(--br) 100% no-repeat;-webkit-mask:var(--mask-top),var(--mask-bottom),var(--mask-left);-webkit-mask:var(--mask-top),var(--mask-bottom),var(--mask-left);mask:var(--mask-top),var(--mask-bottom),var(--mask-left)}.PinturaMediaClipper .PinturaMediaRangeClip:not([data-state*=active])[data-merge=right] .PinturaMediaRangeIndicatorShadow{border-right-color:#0000}.PinturaMediaClipper .PinturaMediaRangeClip[data-state*=active][data-merge=left] .PinturaMediaRangeIndicatorShadow,.PinturaMediaClipper .PinturaMediaRangeClip[data-state*=active][data-merge=left] .PinturaMediaRangeIndicatorOutline{--brs:calc((1 + var(--flex)) * var(--br)) var(--v);border-top-left-radius:var(--brs);border-bottom-left-radius:var(--brs);margin-left:calc(-2 * var(--h));border-left-width:calc(3px - (var(--flex) * 2px))}.PinturaMediaClipper .PinturaMediaRangeClip[data-state*=visible]>.PinturaMediaRangeIndicator:before,.PinturaMediaClipper .PinturaMediaRangeClip[data-state*=visible]>.PinturaMediaRangeIndicator:after{opacity:0;box-shadow:0 0 0 1px var(--color-primary);transform:scale(.4,1.5)}.PinturaMediaClipper .PinturaMediaRangeClip[data-state*=visible]>.PinturaMediaRangeIndicator>.PinturaMediaRangeIndicatorShadow,.PinturaMediaClipper .PinturaMediaRangeClip[data-state*=visible]>.PinturaMediaRangeIndicator>.PinturaMediaRangeIndicatorOutline{opacity:1;transform:scale(1)}.PinturaMediaClipper .PinturaMediaRangeClip[data-state*=visible]>.PinturaMediaRangeIndicator button{opacity:1;transform:scale(1)translateY(0)}.PinturaRoot[data-env~=is-compact] .PinturaMediaClipper .PinturaSlider{--knob-width:16px}.PinturaVideoFrames{pointer-events:none}.PinturaVideoFrames .PinturaMediaMask{height:var(--frame-size);background:var(--color-background-70);-webkit-backdrop-filter:grayscale(.9)contrast(.7);backdrop-filter:grayscale(.9)contrast(.7);position:absolute;bottom:0;left:0}.PinturaTimeline{position:relative}.PinturaTimeline .PinturaMeter{height:100%;position:absolute;top:.25em;left:0;right:0}.PinturaTimeline .PinturaMeter svg{pointer-events:none;stroke:currentColor;stroke-width:1px;max-width:100%;display:block}.PinturaTimeline .timeLabels{justify-content:space-between;margin:0 -.75em;display:flex}.PinturaTimeline time{font-variant:tabular-nums;font-size:.625em}.PinturaActiveFrame.PinturaSlider{--track-offset-x:0em;--track-offset-y:0em;--knob-size:0em}.PinturaActiveFrame .PinturaSliderKnobController .PinturaSliderKnob{--s:0 .0625em .25em #000000bf, 0 .0625em 1px #00000040;height:var(--timeline-height);z-index:3;top:0}.PinturaActiveFrame .PinturaSliderKnobController .PinturaSliderKnob>span{--ph:.25em;background:var(--color-foreground-100);color:var(--color-background-100);font-variant:tabular-nums;padding:var(--ph) calc(2 * var(--ph));box-shadow:var(--s);margin-top:calc(-1 * var(--ph));pointer-events:all;cursor:ew-resize;z-index:1;border-radius:.5em;font-size:.625em;position:absolute;transform:translate(-50%)}.PinturaActiveFrame .PinturaSliderKnobController .PinturaActiveFrameDetailedKnob:before,.PinturaActiveFrame .PinturaSliderKnobController .PinturaActiveFrameDetailedKnob:after{content:"";top:calc(var(--timeline-height) + var(--timeline-padding));height:calc(var(--timeline-height) + var(--timeline-padding) + var(--frame-size) + var(--clip-border-width));background:var(--color-foreground-100);width:1px;position:absolute;top:0;left:calc(50% - .5px)}.PinturaActiveFrame .PinturaSliderKnobController .PinturaActiveFrameDetailedKnob:before{background:var(--color-background-30);left:calc(50% + .5px)}.PinturaUtilPanel[data-util=trim] .PinturaTrimControls{z-index:1;justify-content:center;margin-bottom:2em;display:flex;position:absolute;bottom:100%;left:0;right:0}.PinturaUtilPanel[data-util=trim] .PinturaButtonMerge,.PinturaUtilPanel[data-util=trim] .PinturaButtonSplit,.PinturaUtilPanel[data-util=trim] .PinturaButtonMute,.PinturaUtilPanel[data-util=trim] .PinturaButtonPlay{--size:2em;--size-neg:calc(-1 * var(--size));width:var(--size);height:var(--size);border-radius:var(--border-radius-round);color:#000;-webkit-backdrop-filter:var(--backdrop-filter-bright);backdrop-filter:var(--backdrop-filter-bright);background:#fffc;outline:none;margin:0 .25em;line-height:0;overflow:hidden}.PinturaUtilPanel[data-util=trim] .PinturaButtonMerge svg,.PinturaUtilPanel[data-util=trim] .PinturaButtonSplit svg,.PinturaUtilPanel[data-util=trim] .PinturaButtonMute svg,.PinturaUtilPanel[data-util=trim] .PinturaButtonPlay svg{color:currentColor;pointer-events:none;width:.75em;height:.75em}.PinturaUtilPanel[data-util=trim] .PinturaButtonMerge,.PinturaUtilPanel[data-util=trim] .PinturaButtonSplit{width:auto;padding:0 1em}.PinturaUtilPanel[data-util=trim] .PinturaButtonMerge .PinturaButtonLabel,.PinturaUtilPanel[data-util=trim] .PinturaButtonSplit .PinturaButtonLabel{font-size:.75em}.PinturaUtilPanel[data-util=trim] .PinturaButtonMerge[disabled],.PinturaUtilPanel[data-util=trim] .PinturaButtonSplit[disabled]{color:#777}.PinturaVideoStateTime>span{opacity:.3}.PinturaVideoControls{justify-content:space-between;padding:0 0 1em;display:flex}.PinturaVideoControls:empty{padding:0}.PinturaVideoControls>*{margin:0 .25em!important}.PinturaVideoControls>div{margin:0 auto}.PinturaVideoControls .PinturaButton{border-radius:var(--border-radius-round);flex-direction:row;min-height:1.75em;padding:0 .5em;line-height:1}.PinturaVideoControls .PinturaButton svg{fill:currentColor;pointer-events:none;width:.75em;height:.75em}.PinturaVideoControls .PinturaButton,.PinturaVideoControls .PinturaDropdownButton{box-shadow:inset 0 0 0 1px var(--color-foreground-5)}.PinturaVideoControls .PinturaButton .PinturaButtonLabel,.PinturaVideoControls .PinturaDropdownButton .PinturaButtonLabel{font-size:.75em}.PinturaRoot[data-env~=is-compact] .PinturaVideoTrimmer{--frame-size:2em;width:calc(100% - 3em)}.PinturaVideoTrimmer{--clip-border-width:3px;--frame-size:3em;--frame-border-radius:calc(var(--border-radius) * .5);--timeline-height:1.5em;--timeline-padding:.5em;--timeline-total-height:calc(var(--timeline-height) + var(--timeline-padding));border-radius:var(--frame-border-radius);flex-direction:column;width:calc(100% - 2em);max-width:36em;display:flex;position:relative}.PinturaVideoTrimmer .PinturaTimeline{height:var(--timeline-height);padding-bottom:var(--timeline-padding)}.PinturaVideoTrimmer .PinturaVideoFrames,.PinturaVideoTrimmer .PinturaMediaClipper{min-height:var(--frame-size)}.PinturaVideoTrimmer .PinturaActiveFrame,.PinturaVideoTrimmer .PinturaMediaClipper{width:100%;position:absolute;left:0}.PinturaVideoTrimmer .PinturaMediaClipper{bottom:0}.PinturaVideoTrimmer .PinturaActiveFrame{top:0}
/*# sourceMappingURL=12itx2z1vyan7.css.map*/