body.firecast-shorts-capture{width:var(--vw);height:var(--vh);margin:0;--vw: 100vw;--vh: 100vh;--firecastBlue: 50 125 180;overflow:hidden;overscroll-behavior:contain;overscroll-behavior-y:contain}html:has(body.firecast-shorts-capture),body.firecast-shorts-capture,body.firecast-shorts-capture *{touch-action:none;pointer-events:none}#firecast-shorts-capture{all:unset;display:grid;position:fixed;z-index:20;top:0;left:0;width:var(--vw);height:var(--vh);background:#000;color:#000;font-family:Segoe UI,Arial;font-size:12px}.firecast-shorts-loading{display:grid;position:absolute;z-index:10;width:var(--vw);height:var(--vh);background:#000c}.firecast-shorts-step{display:grid;position:absolute;width:var(--vw);height:var(--vh)}.firecast-shorts-step #canvas,.firecast-shorts-step video,.firecast-shorts-step #output,.firecast-shorts-step .firecast-shorts-layer{grid-area:1 / -1;width:100%;height:100%}.firecast-shorts-step #canvas,.firecast-shorts-step #output,.firecast-shorts-step video{max-height:var(--vh)}.firecast-shorts-step #output{width:auto;margin:auto}#source{transform:scaleX(-1)}#source[data-facingMode=environment]{transform:unset}#recording{pointer-events:all}.firecast-shorts-step .firecast-shorts-title{display:grid;align-items:center;min-height:32px;padding:0 18px;color:#d8d8d8;font-size:12px;font-weight:600;text-transform:uppercase}.firecast-shorts-step .firecast-shorts-layer{display:grid;grid-template-rows:60px 30px 1fr 100px;grid-template-columns:repeat(3,calc(100% / 3));grid-template-areas:"header header header" "duration duration duration" "log log log" "browse record swap";position:relative;z-index:3;height:var(--vh);pointer-events:none;width:auto;margin:auto;aspect-ratio:9 / 16}@media only screen and (not (hover: hover)) and (orientation: portrait){.firecast-shorts-step .firecast-shorts-layer{aspect-ratio:unset;width:var(--vw);margin:unset}}.firecast-shorts-step[data-step=confirm] .firecast-shorts-layer{grid-template-rows:60px 100px 1fr auto;grid-template-columns:repeat(3,calc(100% / 3));grid-template-areas:"header header header" "trim trim trim" "ctrl ctrl ctrl" "form form form";grid-row-gap:12px}.firecast-shorts-step[data-step=edit] .firecast-shorts-layer{grid-template-rows:50px auto;grid-template-columns:auto;grid-template-areas:"header" "."}.firecast-shorts-step[data-step=edit] .firecast-shorts-layer.firecast-shorts-layer-watermark,.firecast-shorts-step[data-step=edit] .firecast-shorts-layer.firecast-shorts-layer-watermark-controls{grid-template-rows:unset;grid-template-columns:unset;grid-template-areas:unset}.firecast-shorts-step[data-step=confirm] .firecast-shorts-video-controls{grid-area:ctrl;display:grid;width:100%;height:100%}.firecast-shorts-step .firecast-shorts-layer .firecast-shorts-header{grid-area:header;display:grid;grid-template-columns:60px auto repeat(2,60px);grid-template-areas:"close . . download";width:100%;height:100%}.firecast-shorts-step[data-step=edit] .firecast-shorts-layer .firecast-shorts-header{grid-template-columns:auto 1fr 40px;grid-template-areas:"close . font-colour"}.firecast-shorts-step .firecast-shorts-layer .firecast-shorts-duration-display{grid-area:duration;width:fit-content;height:fit-content;margin:auto;padding:4px 8px;background:#19191980;border-radius:4px;color:#ccc}.firecast-shorts-step .firecast-shorts-layer .firecast-shorts-duration-display.firecast-shorts-duration-active{background:red;color:#fff}.firecast-shorts-step .firecast-shorts-layer pre[name=log]{grid-area:log;height:fit-content;max-height:calc(100% - 20px);margin:5px;padding:5px;white-space:pre-line;pointer-events:none;background:#19191980;text-shadow:1px 1px 0 rgb(25 25 25 / 1);color:#ccc;overflow:auto}.firecast-shorts-step .firecast-shorts-layer #bounding{grid-area:trim}.firecast-shorts-step .firecast-shorts-form{grid-area:form}.firecast-shorts-step[data-step=record] .firecast-shorts-layer div[data-content=captures]:before,.firecast-shorts-step .firecast-shorts-layer #thumbnails:before{content:attr(id);position:absolute;font-size:10px;transform:translateY(-10px)}.firecast-shorts-step[data-step=record] .firecast-shorts-layer div[data-content=captures]:before{content:attr(data-content)}.firecast-shorts-step .firecast-shorts-layer div[data-content=captures] canvas{height:90px}.firecast-shorts-step .firecast-shorts-layer #thumbnails canvas{height:90px}.firecast-shorts-step .firecast-shorts-layer button[name=browse]{grid-area:browse}.firecast-shorts-step .firecast-shorts-layer button[name^=record]{grid-area:record}.firecast-shorts-step .firecast-shorts-layer button[name=swap]{grid-area:swap}.firecast-shorts-step button,.firecast-shorts-step a[name=download]{all:unset;display:grid;align-items:center;width:60px;height:60px;margin:auto;border-radius:30px;background:#00000080;text-align:center;pointer-events:all;box-sizing:border-box;cursor:pointer}.firecast-shorts-step button>*,.firecast-shorts-step a[name=download]>*,.firecast-shorts-step button[name=play]{pointer-events:none}.firecast-shorts-step button[name=close],.firecast-shorts-step button[name=font-colour],.firecast-shorts-step a[name=download]{width:40px;height:40px;margin:auto}.firecast-shorts-step button[name=font-colour]{width:40px;height:40px;margin:auto 0;background:none}.firecast-shorts-step a[name=download]{grid-area:download}.firecast-shorts-step button[name=done]{width:fit-content;height:30px;margin:auto 8px;padding:0 20px;background:none;border:2px solid rgb(255 255 255);border-radius:15px;color:#fff;font-size:14px;font-weight:600}.firecast-shorts-step button[name=font-colour]{grid-area:font-colour}.firecast-shorts-step button[name=browse],.firecast-shorts-step button[name=swap]{width:40px;height:40px}.firecast-shorts-step button[name^=record]{background:#0000001a;border:3px solid rgb(255 255 255)}.firecast-shorts-step button svg,.firecast-shorts-step a[name=download] svg{width:24px;height:24px;margin:auto;fill:#fff;align-self:center}.firecast-shorts-step button[name=record-stop] svg{fill:red}.firecast-shorts-step button[name=close] svg{filter:drop-shadow(0 0 2px rgb(0 0 0 / .8))}.firecast-shorts-step .firecast-shorts-layer .firecast-shorts-duration-display:empty{display:none}.firecast-shorts-step #canvas{opacity:0;position:relative;z-index:3;transform:scale(.2)}.firecast-shorts-step[data-step=thumbnails] .firecast-shorts-layer{display:block;width:auto;margin:auto;overflow-y:scroll;touch-action:auto;pointer-events:all}.firecast-shorts-step[data-step=thumbnails] .firecast-shorts-layer::-webkit-scrollbar{width:8px}.firecast-shorts-step[data-step=thumbnails] .firecast-shorts-layer::-webkit-scrollbar-track{background:none}.firecast-shorts-step[data-step=thumbnails] .firecast-shorts-layer::-webkit-scrollbar-thumb{background:#929292cc}.firecast-shorts-step[data-step=thumbnails] .firecast-shorts-thumbnails{display:grid;grid-template-columns:repeat(3,calc((100% - 12px) / 3));grid-template-rows:unset;grid-template-areas:unset;grid-gap:6px;touch-action:auto;pointer-events:all}.firecast-shorts-step[data-step=thumbnails] canvas{width:100%;height:auto;aspect-ratio:9 / 16;touch-action:auto;pointer-events:all}.firecast-shorts-step .firecast-shorts-form{display:grid;grid-auto-flow:row;grid-template-areas:"title" "description" "row1";row-gap:10px;margin-bottom:40px;padding:0 20px;color:#d8d8d8;font-weight:600;text-transform:uppercase;pointer-events:all}.firecast-shorts-step .firecast-shorts-form .firecast-shorts-form-label{font-size:12px}.firecast-shorts-step .firecast-shorts-form .firecast-shorts-form-row[data-content=title]{grid-area:title}.firecast-shorts-step .firecast-shorts-form .firecast-shorts-form-row[data-content=description]{grid-area:description}.firecast-shorts-step .firecast-shorts-form .firecast-shorts-form-row{all:unset;display:grid;grid-template-columns:auto 50px;grid-template-rows:auto;column-gap:10px}.firecast-shorts-step .firecast-shorts-form .firecast-shorts-form-row[data-content="duration+upload"],.firecast-shorts-step .firecast-shorts-form .firecast-shorts-form-row[data-content="price+upload"]{grid-area:row1}#firecast-shorts-capture[data-type=short] .firecast-shorts-step .firecast-shorts-form .firecast-shorts-form-row[data-content="price+upload"],#firecast-shorts-capture[data-type=premium-short] .firecast-shorts-step .firecast-shorts-form .firecast-shorts-form-row[data-content="duration+upload"]{display:none}.firecast-shorts-step .firecast-shorts-form .firecast-shorts-form-range-duration,.firecast-shorts-step .firecast-shorts-form .firecast-shorts-form-price-container{display:grid;grid-template-columns:repeat(2,50%);grid-template-rows:24px auto;grid-template-areas:"label1 label2" "range range";align-items:center;height:50px;padding:0 14px;background:#191919;border-radius:10px}.firecast-shorts-step .firecast-shorts-form .firecast-shorts-form-price-container{grid-template-columns:auto;grid-template-areas:unset;height:70px}.firecast-shorts-step .firecast-shorts-form .firecast-shorts-form-range-duration .firecast-shorts-form-label:nth-child(2){text-align:right}.firecast-shorts-step .firecast-shorts-form-captures,.firecast-shorts-step .firecast-shorts-form .firecast-shorts-form-thumbnails{display:grid;grid-template-columns:auto;grid-template-rows:auto;grid-auto-flow:column}.firecast-shorts-step input[name=title],.firecast-shorts-step textarea[name=description]{width:100%;height:40px;margin:0 auto;padding:0 20px;background:#191919;border:0;border-radius:20px;color:#e1e1e1;box-sizing:border-box;touch-action:auto;pointer-events:all}.firecast-shorts-step textarea[name=description]{padding:10px 20px;border-radius:10px}.firecast-shorts-step input[name=title][data-error],.firecast-shorts-step textarea[name=description][data-error]{border:1px solid #990000;border-radius:20px 20px 0 0}.firecast-shorts-step input[name=title]:not([data-error])+.firecast-shorts-form-error,.firecast-shorts-step textarea[name=description]:not([data-error])+.firecast-shorts-form-error{display:none}.firecast-shorts-step .firecast-shorts-form .firecast-shorts-form-row[data-content=title],.firecast-shorts-step .firecast-shorts-form .firecast-shorts-form-row[data-content=description]{grid-template-columns:auto;grid-template-rows:auto;column-gap:10px}.firecast-shorts-step .firecast-shorts-form-error{display:grid;align-items:center;width:100%;min-height:20px;margin:0 auto;padding:5px 20px;background:#900;color:#e1e1e1;box-sizing:border-box;font-size:12px;text-transform:none}.firecast-shorts-step .firecast-shorts-form input[type=range]{grid-area:range;width:100%;pointer-events:all}.firecast-shorts-form-thumbnail{display:grid;grid-template-rows:repeat(2,auto);width:fit-content;margin:4px 14px 4px 0}.firecast-shorts-form-thumbnail>*{pointer-events:none}.firecast-shorts-form-thumbnail img,.firecast-shorts-form-thumbnail canvas{height:90px;aspect-ratio:9 / 16}#firecast-shorts-capture input[type=file]{position:absolute;top:-1000px}#firecast-shorts-capture button[name=upload]{width:50px;height:50px;margin:auto 0 0 auto}#firecast-shorts-capture button[name=next]{display:grid;grid-auto-flow:column;grid-gap:6px;align-items:center;width:auto;height:40px;margin:auto 20px 20px auto;padding:0 12px;color:#fff;font-size:14px;font-weight:600;text-align:center;line-height:14px}#firecast-shorts-capture button[name^=edit]{margin:20px 20px auto auto}#firecast-shorts-capture button[name=upload],#firecast-shorts-capture button[name=next],#firecast-shorts-capture button[name=play]{background:rgb(var(--firecastBlue))}#firecast-shorts-capture button[name^=edit-] svg,#firecast-shorts-capture button[name=upload] svg,#firecast-shorts-capture button[name=play] svg{width:var(--size);height:var(--size);margin:auto;fill:#fff;align-self:center;--size: 24px}#firecast-shorts-capture button[name^=edit-] svg{--size: 32px}#firecast-shorts-capture button[name=play] svg{--size: 32px}.firecast-shorts-input-number-container{display:grid;grid-auto-flow:column;width:fit-content}.firecast-shorts-input-number-container button[type=minus],.firecast-shorts-input-number-container button[type=plus]{width:36px;height:36px;background:#00000080;border-radius:18px 0 0 18px}.firecast-shorts-input-number-container button[type=plus]{border-radius:0 15px 15px 0}.firecast-shorts-input-number-container select{min-width:100px;background:#000;border:0;outline:0;color:#fff;font-size:18px;font-weight:600;text-align:center;touch-action:auto;pointer-events:all}.firecast-shorts-step[data-step=edit2] .firecast-shorts-layer{display:grid;grid-template-columns:unset;grid-template-rows:unset;grid-template-areas:unset}.firecast-shorts-step[data-step=edit2] .firecast-shorts-layer .firecast-shorts-edit-layer{grid-area:1 / -1;display:grid;position:relative;z-index:auto;width:100%;height:100%}.firecast-shorts-step[data-step=edit2] .firecast-shorts-note{width:fit-content;max-width:80%;height:fit-content;margin:120px auto;background:#ffc;border-radius:3px;box-shadow:4px 4px 10px #00000040,4px -4px 10px #00000040,-4px 4px 10px #00000040,-4px -4px 10px #00000040;font-size:1rem;font-weight:600;line-height:1.4rem;animation:animation-note-fade-out 1s 5s linear forwards}.firecast-shorts-step[data-step=edit2] .firecast-shorts-note-content{margin:20px 20px 16px}.firecast-shorts-step[data-step=edit2] .firecast-shorts-note-bar{display:block;width:100%;height:4px;background-color:#ef9400;border-radius:0 0 0 3px;animation:animation-note-bar-progress 5s linear forwards}@keyframes animation-note-bar-progress{to{width:0%}}@keyframes animation-note-fade-out{to{opacity:0}}.firecast-shorts-step[data-step=edit2] canvas{width:100%;height:100%}.firecast-shorts-edit-modal{display:grid;grid-auto-flow:row;grid-template-rows:50px auto;grid-gap:12px;height:calc(var(--vh) - 200px);margin:auto 0 0;padding:20px 20px 0;background:#191919f2;border-radius:20px 20px 0 0}.firecast-shorts-edit-modal:empty{display:none}.firecast-shorts-edit-modal .firecast-shorts-edit-header{display:grid;align-items:center;width:100%;border-bottom:1px solid rgb(225 225 225)}.firecast-shorts-edit-modal .firecast-shorts-edit-header button[name=close]{margin:auto}.firecast-shorts-edit-scroll{margin:0;height:100%;overflow-y:scroll;touch-action:auto;pointer-events:all}.firecast-shorts-edit-scroll::-webkit-slider-runnable-track{height:4px;background:0;border:0}.firecast-shorts-edit-scroll::-webkit-scrollbar{width:8px}.firecast-shorts-edit-scroll::-webkit-scrollbar-track{background:none}.firecast-shorts-edit-scroll::-webkit-scrollbar-thumb{background:#969696cc;border-radius:4px}.firecast-shorts-edit-scroll-content{display:grid;grid-template-columns:repeat(3,calc(100% / 3));grid-auto-rows:100px;align-items:center;height:fit-content;touch-action:auto;pointer-events:all}.firecast-shorts-edit-scroll-content button{all:unset;display:grid;width:50px;height:50px;margin:auto;cursor:pointer;pointer-events:all;background-repeat:no-repeat;background-size:100% 100%}.firecast-shorts-edit-scroll-content button[data-type=glass]{display:grid;align-items:center;background:#e1e1e140;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:12px;font-weight:600;text-align:center;text-transform:uppercase}body.firecast-shorts-capture .crosshair{display:grid;width:var(--size);height:var(--size);padding:0;background-image:url(/css/emojis/single-heart.svg);background-repeat:no-repeat;background-size:100% 100%;position:absolute;transform-origin:center center;pointer-events:all;cursor:move;--size: 100px}.crosshair[data-type=glass]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.crosshair:hover,.crosshair[data-active="1"]{background-color:#e1e1e140}.crosshair div{grid-area:1 / -1;position:relative;z-index:auto;display:grid;align-items:center;width:100%;height:100%;padding:0;pointer-events:none}.crosshair:hover div:nth-child(1),.crosshair[data-active="1"] div:nth-child(1){background-image:linear-gradient(90deg,#ffffff80 50%,#00000080 50%),linear-gradient(90deg,#ffffff80 50%,#00000080 50%),linear-gradient(0deg,#ffffff80 50%,#00000080 50%),linear-gradient(0deg,#ffffff80 50%,#00000080 50%);background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:15px 2px,15px 2px,2px 15px,2px 15px;background-position:left top,right bottom,left bottom,right top;animation:border-dance 1s infinite linear}@keyframes border-dance{0%{background-position:left top,right bottom,left bottom,right top}to{background-position:left 15px top,right 15px bottom,left bottom 15px,right top 15px}}.crosshair div:nth-child(3){transform:rotate(90deg)}.crosshair div hr{width:100%;height:2px;border:0;background:#00000040}.crosshair div button{all:unset;width:8px;height:8px;margin:auto -4px -4px auto;border:0;background:#fff;border:1px solid #000000;border-radius:50%;pointer-events:all;cursor:nwse-resize}.crosshair:not(:hover) button{display:none}.crosshair button:active{display:block}#bounding{display:grid;width:calc(100% - 40px);height:100px;margin:0 auto;background:#19191980;box-sizing:content-box}#bounding .firecast-shorts-trim-layer{grid-area:1 / -1;position:relative;width:100%;height:100%;overflow:hidden}#bounding .firecast-shorts-trim-layer:nth-child(1){z-index:6}#bounding .firecast-shorts-trim-layer:nth-child(2){z-index:5}#bounding .firecast-shorts-trim-layer:nth-child(3){z-index:4}#bounding .firecast-shorts-trim-layer:nth-child(4){z-index:3}#bounding .firecast-shorts-trim-layer:nth-child(5){z-index:2}#bounding .firecast-shorts-trim-layer:nth-child(6){z-index:1;overflow:hidden}#bounding input[type=range]{all:unset;display:block;width:calc(100% - 12px);height:20px;pointer-events:all;width:calc(100% + 18px);transform:translate(-9px)}#bounding input[type=range][name=start]{margin:0 auto 0 0}#bounding input[type=range][name=end]{margin:60px 0 0 auto}#bounding input[type=range][name=start]::-webkit-slider-thumb{transform:translateY(40px)}#bounding input[type=range][name=end]::-webkit-slider-thumb{transform:translateY(-40px)}#bounding input[type=range]::-webkit-slider-runnable-track{background:transparent}#bounding .firecast-shorts-trim-layer #trim-playhead{display:none;width:2px;height:100%;margin:0 auto 0 0;background:#fff}#bounding .firecast-shorts-trim-layer #trim-bounding{width:100%;height:100%;margin:0;border:1px solid #ffffff;box-sizing:border-box}#bounding .firecast-shorts-trim-layer #trim-end-alpha{margin:0 0 0 auto}#bounding .firecast-shorts-trim-layer-alpha{width:0px;background:#00000080;height:100%}.firecast-shorts-step .firecast-shorts-layer div[data-content=captures]{display:grid;grid-auto-flow:column;width:fit-content;width:100%;height:100%}#bounding canvas,#bounding img{width:100%;height:100px}#firecast-shorts-capture .firecast-shorts-consent{display:grid;grid-template-rows:1fr;grid-template-columns:auto;grid-template-areas:unset;row-gap:10px;z-index:4;background:#e1e1e1;border-radius:5px;width:auto;max-width:calc(100% - 30px);height:calc(100% - 30px);aspect-ratio:9 / 16;margin:auto;pointer-events:all}#firecast-shorts-capture .firecast-shorts-consent textarea{margin:10px;overflow:scroll}#firecast-shorts-capture .firecast-shorts-consent button{all:unset;display:grid;background:rgb(var(--firecastBlue));border-radius:3px;text-align:center;color:#fff;width:fit-content;margin:auto;padding:10px;cursor:pointer}#firecast-shorts-capture .firecast-shorts-consent button[name=cancel]{all:unset;margin:0 auto 10px;color:#333;cursor:pointer}.firecast-shorts-capture .firecast-shorts-alert,.firecast-shorts-capture .firecast-shorts-confirm{display:grid;position:absolute;z-index:9;width:var(--vw);height:var(--vh);background:#000c}.firecast-shorts-capture .firecast-shorts-alert-box,.firecast-shorts-capture .firecast-shorts-confirm-box{display:grid;grid-template-rows:1fr;grid-template-columns:auto;grid-template-areas:"text" "ok";row-gap:10px;z-index:4;background:#fff;border-radius:5px;box-shadow:0 0 15px #000;width:fit-content;max-width:90%;height:fit-content;margin:auto;padding:20px;box-sizing:border-box;pointer-events:all;font-family:Segoe UI,Arial}.firecast-shorts-capture .firecast-shorts-confirm-box{grid-template-rows:1fr 36px;grid-template-columns:1fr repeat(2,auto);grid-template-areas:"text text text" ". ok cancel";grid-gap:10px}.firecast-shorts-capture .firecast-shorts-alert-box .firecast-shorts-alert-text,.firecast-shorts-capture .firecast-shorts-confirm-box .firecast-shorts-confirm-text{grid-area:text;font-size:16px}.firecast-shorts-capture .firecast-shorts-alert-box .firecast-shorts-alert-text .firecast-shorts-alert-status{margin:16px auto 8px;padding:8px 16px;background:#ddecd9;color:#63890d}.firecast-shorts-capture .firecast-shorts-alert-box button,.firecast-shorts-capture .firecast-shorts-confirm-box button{all:unset;display:grid;background:rgb(var(--firecastBlue));border-radius:3px;text-align:center;color:#fff;width:fit-content;min-width:80px;margin:auto;padding:10px;box-sizing:border-box;cursor:pointer;text-transform:uppercase}.firecast-shorts-capture .firecast-shorts-alert-box button[name=ok],.firecast-shorts-capture .firecast-shorts-confirm-box button[name=ok]{grid-area:ok}.firecast-shorts-capture .firecast-shorts-confirm-box button[name=cancel]{grid-area:cancel;background:none;border:1px solid rgb(25 25 25 / .25);color:rgb(var(--firecastBlue))}.firecast-shorts-input-device-selection{display:grid;grid-auto-flow:row;position:relative;z-index:4;width:calc(var(--vw) - 40px);height:fit-content;max-height:calc(var(--vh) - 40px);margin:auto;padding:20px;background:#444;border:1px solid #ffffff10;box-sizing:border-box;color:#fff;border-radius:3px;font-size:14px}.firecast-shorts-input-device-selection button{all:unset}.firecast-shorts-input-device-selection .firecast-shorts-input-device-selection-devices{display:grid;grid-template-columns:auto 14px;column-gap:10px;width:fit-content;height:180px;margin:0 auto}.firecast-shorts-input-device-selection .firecast-shorts-input-device-selection-devices video{width:auto;height:180px;background:#000}.firecast-shorts-input-device-selection .firecast-shorts-input-device-selection-devices canvas{width:14px;height:180px;background-color:#00000025;border:1px solid #ffffff10;transform:rotate(180deg)}.firecast-shorts-input-device-selection .firecast-shorts-input-device-selection-title{margin:10px 0;box-sizing:border-box;font-size:16px;font-weight:600;text-align:left}.firecast-shorts-input-device-selection .firecast-shorts-radio{display:grid;grid-template-columns:24px auto;column-gap:5px;width:100%;margin:5px 0;pointer-events:all;cursor:pointer}.firecast-shorts-input-device-selection .firecast-shorts-radio>*{pointer-events:none}.firecast-shorts-input-device-selection .firecast-shorts-radio input[type=radio]{display:none}.firecast-shorts-input-device-selection .firecast-shorts-radio .firecast-shorts-radio-dot{display:block;width:24px;height:24px;padding:5px;vertical-align:top;background:#000;border-radius:12px;text-align:left;box-shadow:0 1px #ffffff10;box-sizing:border-box}.firecast-shorts-input-device-selection .firecast-shorts-radio .firecast-shorts-radio-dot:before{content:" ";display:block;width:100%;height:100%;background:none;border:1px solid rgb(255 255 255 / .25);border-radius:50%;box-sizing:border-box}.firecast-shorts-input-device-selection .firecast-shorts-radio input[type=radio]:checked+.firecast-shorts-radio-dot:before{background:rgb(var(--firecastBlue));border-color:rgb(var(--firecastBlue))}.firecast-shorts-input-device-selection .firecast-shorts-input-device-selection-buttons{display:grid;grid-auto-flow:column;column-gap:10px;width:fit-content;margin:auto}.firecast-shorts-input-device-selection .firecast-shorts-input-device-selection-buttons button{all:unset;display:grid;background:rgb(var(--firecastBlue));border-radius:3px;text-align:center;color:#fff;width:fit-content;min-width:80px;margin:auto;padding:10px;box-sizing:border-box;cursor:pointer;text-transform:uppercase;pointer-events:all}.firecast-shorts-input-device-selection button:disabled{background:#32323280;color:#96969680}.firecast-shorts-input-device-selection button[name=browse]{background:rgb(var(--firecastBlue) / .5)}.firecast-shorts-input-device-selection button[name=browse] svg{width:auto;height:20px;margin:auto;fill:#fff}@media (orientation: landscape){.firecast-shorts-step[data-step=record] .firecast-shorts-layer{width:auto;aspect-ratio:9 / 16;margin:auto}#source{object-fit:cover;filter:blur(20px);opacity:.5}.firecast-shorts-step #canvas{position:relative;z-index:2;width:auto;margin:auto;max-width:100vw;transform:scaleX(-1);border-right:1px solid #ffffff;border-left:1px solid #ffffff;opacity:1}.firecast-shorts-step .firecast-shorts-form-captures{width:fit-content}#bounding{width:fit-content;max-width:calc(100% - 40px)}#bounding canvas,#bounding img{width:auto}.firecast-shorts-step .firecast-shorts-form .firecast-shorts-form-thumbnails{width:fit-content}.firecast-shorts-capture .firecast-shorts-alert-box,.firecast-shorts-capture .firecast-shorts-confirm-box{max-width:420px}}.firecast-shorts-device-selection{display:grid;grid-auto-flow:column;grid-template-columns:repeat(2,50%);width:460px;margin:20px auto;padding:20px 0;background:#444;border:1px solid #ffffff10;color:#fff;border-radius:3px;font-size:14px}.firecast-shorts-device-selection .firecast-shorts-device-selection-column{display:grid;grid-template-rows:128px 30px;row-gap:10px;align-items:center;padding:0 20px;text-align:center;text-transform:uppercase}.firecast-shorts-device-selection .firecast-shorts-device-selection-column:nth-child(2){border-left:1px solid rgb(255 255 255 / .5)}.firecast-shorts-device-selection button,.firecast-shorts-device-selection canvas{display:block;width:128px;height:128px;margin:auto}.firecast-shorts-device-selection button{display:block;width:128px;height:128px;margin:auto;background:#000;border-radius:3px}.firecast-shorts-device-selection button .material-icons{color:#64b95e;font-size:72px}#firecast-shorts-capture[data-platform=iPhone] .firecast-shorts-step #canvas{width:auto;margin:auto;aspect-ratio:9 / 16;transform:scaleX(-1);opacity:1}#firecast-shorts-capture .firecast-shorts-step[data-step=edit]{z-index:2;background:#0003}.firecast-shorts-step[data-step=edit] .firecast-shorts-layer.firecast-shorts-layer-watermark{display:grid}.firecast-shorts-step[data-step=edit] .firecast-shorts-layer.firecast-shorts-layer-watermark-controls{display:grid;grid-template-columns:40px auto 40px;position:relative;z-index:4}.firecast-shorts-step input[name=watermark-text-size],.firecast-shorts-step input[name=watermark-text-rotation]{width:100%;height:calc(var(--vh) / 2);-webkit-appearance:slider-vertical;margin:60px auto;pointer-events:all}.firecast-shorts-step input[name=watermark-text-rotation]{grid-column:3 / 4}.firecast-shorts-edit-watermark-container{grid-area:1 / -1;display:grid;align-items:center;justify-content:center;width:720px;height:1280px;margin:0 calc((var(--vw) - (var(--vh) * 9 / 16)) / 2);overflow:hidden;border-radius:7px;touch-action:none;pointer-events:all;transform-origin:top left}.firecast-shorts-edit-watermark-text{width:fit-content;height:fit-content;margin:0;padding:20px;color:rgb(var(--text-colour));font-family:sans-serif;font-weight:700;letter-spacing:.5px;font-size:var(--text-size);text-align:center;transform-origin:center center;transform:rotate(var(--text-rotation)) translate(var(--text-translate));--background-colour: 0 0 0;--text-colour: 255 255 255;--text-size: 48px;--text-rotation: 0deg;--text-translate: 0px, 0px}@media (hover: hover){.firecast-shorts-edit-watermark-container{margin:auto;transform-origin:top center}}.firecast-shorts-edit-watermark-text:not(:empty){background:rgb(var(--background-colour));border-radius:4px}.firecast-shorts-edit-watermark-text:focus-visible{outline:unset}.firecast-shorts-edit-watermark-text[placeholder]:empty:before{content:attr(placeholder);color:#ffffff80}#firecast-shorts-capture .firecast-shorts-step[data-step=edit]:has(.firecast-shorts-edit-watermark-text[placeholder]:empty){background:#000c}