html,body{overflow:hidden}body{font-size:16px}#quicksender-container.can-overflow{overflow-y:auto}.app-container{display:flex;flex-direction:column;height:100%}.app-container__main{flex-grow:2;position:relative}.app-container.show-tooltip.view--tracking .searchbar,.app-container.show-tooltip.view--tracking .searchbar .search{z-index:0}.tracking-callout{position:absolute;width:16.5rem;right:1.3rem;top:.25rem}.overlay{background-color:#ffffffd1;position:absolute;top:0;left:0;height:100%;width:100%}.hidden{display:none}@media screen and (max-width: 1300px){.extension-container{font-size:15px}}@media screen and (max-width: 1000px){.extension-container{font-size:13px}}@media screen and (max-width: 700px){.extension-container{font-size:11px}}@media screen and (max-width: 400px){.extension-container{font-size:10px}}.extension-container{font-size:16px;min-width:28em}.extension-container h1{font-weight:700;font-family:Avenir Web,Avenir LT W01_85 Heavy1475544,Avenir,Helvetica,Arial,sans-serif;font-size:22px}.extension-container .account-status{color:#484949;text-align:center;padding:22px 0;margin:0 auto;max-width:400px}.extension-container .account-status h1{margin-top:30px}.extension-container .account-status svg{padding-left:10px}.extension-container .account-status p{font-weight:500;font-family:Avenir Web,Avenir LT W01_65 Medium1475532,Avenir,Helvetica,Arial,sans-serif;line-height:1.5em;margin-bottom:38px;padding:0 30px}.extension-container .account-status button{display:inline-block;padding:.57rem .9rem;text-decoration:none;font-size:1em;line-height:1.3em;border:0;cursor:pointer;height:2.29rem;min-height:2.29rem;transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;font-weight:700;font-family:Avenir Web,Avenir LT W01_85 Heavy1475544,Avenir,Helvetica,Arial,sans-serif;background-color:#f60;color:#fff;font-size:16px;min-width:243px;min-height:35px}.extension-recorder.chromeExt #trial-banner{position:fixed}.banner-height--tall{height:63px}.banner-height--trial{height:45px}.trial-banner-container{position:static;bottom:0;align-items:center;background-color:#09c;color:#fff;display:flex;justify-content:center;height:45px;width:100%}.trial-banner-container .trial-banner-headline{font-weight:500;font-family:Avenir Web,Avenir LT W01_65 Medium1475532,Avenir,Helvetica,Arial,sans-serif;font-size:14px;margin-right:.875rem}.trial-banner-container .trial-banner-headline .emphasis{font-weight:700;font-family:Avenir Web,Avenir LT W01_85 Heavy1475544,Avenir,Helvetica,Arial,sans-serif;margin-right:-3px}.trial-banner-container .trial-banner-btn-container .trial-banner-buy-btn{font-weight:700;font-family:Avenir Web,Avenir LT W01_85 Heavy1475544,Avenir,Helvetica,Arial,sans-serif;background-color:#66c2e0;border:0;color:#fff;font-size:13px;height:1.1825rem;padding:0 1.124rem;height:29px;border-radius:2px}.trial-banner-container .trial-banner-btn-container .trial-banner-buy-btn:hover{cursor:pointer}.app-container.mixed .trial-banner-container{position:absolute;bottom:0;left:0}@media (min-width: 361px){.banner-height--tall{width:100%;bottom:0;position:absolute}}.recorder-picker{box-sizing:border-box;text-align:center;color:#484949;background-color:#f8f8f8;padding:20px 30px 27px;min-height:277px;display:flex;flex-direction:column;justify-content:center}.recorder-picker h1{font-weight:600;font-family:Inter var,sans-serif;font-size:14px;margin:0;padding:0}.recorder-picker button{cursor:pointer}.recorder-picker .recorder-types{display:grid;grid-template-columns:50% 50%;margin:18px 0 23px}.recorder-picker .recorder-types.fullwidth button{grid-column:1/-1}.recorder-picker .recorder-types.fullwidth button:first-child{margin-right:0}.recorder-picker .recorder-types.fullwidth button:first-child+button{margin-left:0}.recorder-picker .recorder-types button{font-weight:600;font-family:Inter var,sans-serif;font-size:14px;border:2px solid #fff;color:#484949;min-height:114px;text-align:center;padding-bottom:14px;background-color:#fff;border-radius:3px;box-shadow:0 0 9px #0000000d}.recorder-picker .recorder-types button:first-child{margin-right:7.5px}.recorder-picker .recorder-types button:first-child+button{margin-left:7.5px}.recorder-picker .recorder-types svg{display:block;margin:25px auto 14px}.recorder-picker .recorder-types svg .primary{fill:#021d5a}.recorder-picker .recorder-types svg .secondary{fill:#f45d48}.recorder-picker .recorder-types button:hover,.recorder-picker .recorder-types button:focus{border-color:#f45d48}.recorder-picker .recorder-types button.active,.recorder-picker .recorder-types button:active{border-color:#f45d48;outline:none}.recorder-picker .button--launch{font-weight:600;font-family:Inter var,sans-serif;font-size:14px;background-color:#f45d48;color:#fff;border:none;width:100%;min-height:35px;padding:2px;border-radius:2px}.recorder-picker .button--launch:hover,.recorder-picker .button--launch:active,.recorder-picker .button--launch:focus{background-color:#e6503b}.recorder-picker .button--launch:disabled{background-color:#f7dac6;cursor:default}.recorder-picker+.trial-banner-container{margin-top:20px}.recorder-picker-loader{align-items:center;display:flex;height:100%;justify-content:center}.loading-dots{margin:auto;width:40px;text-align:center}.loading-dots>div{width:8px;height:8px;background-color:#787979;margin:0;border-radius:100%;display:inline-block;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.loading-dots .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.loading-dots .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes bouncedelay{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes bouncedelay{0%,80%,to{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.loading-dots.blue-dots>div{background-color:#2549ef}.loading-dots.white-dots>div{background-color:#fff}.loading-dots.boulder-dots>div{background-color:#787979}.app-root__view--share{font-size:16px}.share-screen{font-weight:300;font-family:Inter var,sans-serif;display:grid;font-size:16px;grid-template-rows:auto auto auto auto auto;padding-top:11px;margin:0 auto;max-width:420px;text-align:center}.share-screen,.share-screen *,.share-screen *:before,.share-screen *:after{box-sizing:border-box}.share-screen__review-header{font-size:24px;color:#161617;text-align:center;margin:-5px 0 12px}.share-screen__separator{font-weight:500;font-family:Inter var,sans-serif;align-items:center;color:#a0a0a0;display:flex;font-size:.75rem;height:16px;margin:5px 0 16px;text-align:center}.share-screen__separator--top{margin-bottom:16px;margin-top:0}.share-screen__separator:before,.share-screen__separator:after{border-bottom:2px solid #eaeaea;content:"";flex:1}.share-screen__separator:before{margin-right:.75rem}.share-screen__separator:after{margin-left:.75rem}.share-screen__preview{background-color:#2c2e2f;height:236px;margin:0 0 15px;max-width:420px;padding:0}.share-screen__thumbnail{height:236px}.share-screen__review{color:#666;text-align:left;margin:0 0 15px}.share-screen__buttons{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;padding-bottom:0}.share-screen__buttons.bbv{padding-bottom:8px}.share-screen__footer-buttons{border-top:2px solid #ededed;margin-top:7px;padding-bottom:8px}.share-screen__footer-buttons.review{max-width:420px;margin:0 auto;border-top:none;display:flex;justify-content:flex-start;gap:16px;padding-bottom:24px}.share-screen__button{font-weight:600;font-family:Inter var,sans-serif;align-items:center;border-radius:3px;cursor:pointer;display:flex;height:2.1875rem;justify-content:center;margin:0;flex-grow:1;transition:all ease-in-out .1s}.share-screen__button--primary{background-color:#f60;border:1px #ff6600;color:#fff;max-width:49%;font-size:.875rem}.share-screen__button--primary-active,.share-screen__button--primary:hover{background-color:#bd4f27}.share-screen__button--primary svg path{fill:#fff}.share-screen__button--secondary{background-color:#fff;border:none;color:#a0a0a0;width:100%;flex-grow:2;margin-top:1em;font-size:.8125rem}.share-screen__button--secondary svg path{fill:#a0a0a0;transition:all ease-in-out .1s}.share-screen__button--secondary-active,.share-screen__button--secondary:hover{color:#484949}.share-screen__button--secondary-active svg path,.share-screen__button--secondary:hover svg path{fill:#484949}.share-screen__button--copy-html svg{width:.75rem;height:.6rem}.share-screen__button--record-another{margin-top:.2em}.share-screen__button--record-another svg path,.share-screen__button--record-another svg circle{fill:#a0a0a0}.share-screen__button--record-another:hover svg path,.share-screen__button--record-another:hover svg circle{fill:#f00000}.share-screen__button:only-child{width:100%}.share-screen__button-text{margin-left:.25rem}.share-screen__button-text--narrow{margin-left:.4rem}.share-screen__button-text--narrower{margin-left:.3rem}.trial .share-screen__footer-buttons{padding:2px}.video-name{display:grid;grid-template-columns:1fr min-content}.video-name__button-holder{align-content:center;border-bottom:1px solid #bfc3c3;display:grid;margin:0 auto 1rem;width:100%}.video-name--focused .video-name__button-holder{border-bottom-color:#09c}.video-name .video-name__input input{font-weight:500;font-family:Inter var,sans-serif;color:#787979;border-bottom-color:#bfc3c3;font-size:1rem}.video-name .video-name__input input:focus{border-bottom-color:#09c}.video-name__save span{font-size:13px}.login-panel{box-sizing:border-box;height:363px;padding:38px 35px;width:360px}.login-panel__logo{height:40px;margin-bottom:21px}.login-panel__header{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.login-panel__text{font-weight:300;font-family:Avenir Web,Avenir LT W01_45 Book1475508,Avenir,Helvetica,Arial,sans-serif;color:#787979;font-size:1.375rem;line-height:1.9375rem;margin-top:.15rem;margin-bottom:.65rem}.login-panel__text--black{font-weight:700;font-family:Avenir Web,Avenir LT W01_85 Heavy1475544,Avenir,Helvetica,Arial,sans-serif}.login-panel__text--smaller{font-size:1.25rem}.login-panel__action{font-weight:700;font-family:Avenir Web,Avenir LT W01_85 Heavy1475544,Avenir,Helvetica,Arial,sans-serif;background-color:#fc8700;border-radius:3px;border:2px solid #fc8700;color:#fff;cursor:pointer;display:block;font-size:1.125rem;line-height:2.1875rem;letter-spacing:0;margin:1rem 0;padding:0;transition:all ease-in-out .15s;width:100%}.login-panel__action:hover{background-color:#bd4f27;border-color:#bd4f27}.login-panel__action--secondary{background-color:#fff;color:#fc8700}.login-panel__action--secondary:hover{background-color:#fc8700;border-color:#fc8700;color:#fff}.bombbomb-logo{display:flex;justify-content:space-between;background-color:#fff;box-shadow:0 3px 11px #00000013;color:#fff;margin-bottom:10px;padding-left:16px;height:50px;align-items:center}.bombbomb-logo>svg{height:25px}.view--share .bombbomb-logo{margin-bottom:8px}.bombbomb-logo .dropdown .list-container{z-index:101}.bombbomb-logo .dropdown>div[role=button]:first-of-type{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:3px}.bombbomb-logo .dropdown>div[role=button]:first-of-type:hover{background:#efefef}.bombbomb-logo .dropdown>div[role=button]:first-of-type svg *{fill:#484949}.bombbomb-logo .dropdown .dots.rotated{padding-top:5px}.bombbomb-logo div.list-container div.list{width:190px}.bombbomb-logo div.list-container div.list .list-item[role=button]{padding:0 1.175rem}.notice{font-weight:400;font-family:Inter var,sans-serif;display:flex;flex-wrap:nowrap;color:#021d5a;background:#d2e8f7;padding:12px;margin-top:9.2px;font-size:16px;grid-column-end:span 2;align-items:center}.notice b{font-weight:500;font-family:Avenir Web,Avenir LT W01_65 Medium1475532,Avenir,Helvetica,Arial,sans-serif}.notice p{padding:0;margin:0;display:block;width:100%}.notice a:link,.notice a:visited{font-weight:500;font-family:Avenir Web,Avenir LT W01_65 Medium1475532,Avenir,Helvetica,Arial,sans-serif;color:#021d5a}.notice a:hover,.notice a:focus,.notice a:active{color:#091b45}.notice .button--close{border:none;background:none;width:50px;cursor:pointer}.notice .button--close path{fill:#021d5a}.notice .button--close:hover path,.notice .button--close:focus path{fill:#091b45}.video-controls{margin-bottom:10px}.video-controls{display:grid;grid-column-gap:12px;grid-row-gap:3px;grid-template-columns:auto 98px;grid-template-rows:12px 29px}.video-controls .video-label{font-weight:500;font-family:Inter var,sans-serif;color:#a0a0a0;font-size:.75rem;line-height:1rem;margin-left:2px}.video-controls .video-name{font-weight:500;font-family:Inter var,sans-serif;background-color:transparent;border:none;border-bottom:1px solid #bfc3c3;color:#787979;font-size:1rem;grid-column:1;line-height:1.375rem;width:100%;padding-left:2px}.video-controls .video-name:focus{outline:none;border-bottom-color:#09c}.video-controls.recording .video-name{grid-column:1/span 2}.video-controls .btn{font-weight:600;font-family:Inter var,sans-serif;align-self:center;background-color:#f60;border-radius:25px;border:1px solid transparent;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;grid-column:2;height:29px;justify-self:right;line-height:1.1875rem;text-decoration:none;transition:background-color ease-in-out .3s;width:98px}.video-controls .btn:hover{background-color:#e65c00;transition:background-color ease-in-out .3s}.video-controls .btn:disabled{background-color:#eaeaea;border-color:#eaeaea;color:#bfc3c3;cursor:not-allowed}.video-controls.recording .btn{display:none}.video-controls .video-recorder{grid-column:1/span 2}.recorder{width:100%;border:none;margin:0;padding:0}.in-trial .recorder{margin-bottom:-3px}.video-recorder-container{position:relative;margin-bottom:32px}.video-rerecord-dialog-centerer{position:absolute;top:0;left:0;display:flex;height:100%;width:100%;justify-content:center;align-items:center}.video-rerecord-dialog{font-weight:300;font-family:Inter var,sans-serif;background-color:#fffffff7;color:#484949;width:225px;text-align:center;display:flex;flex-direction:column;justify-self:center;border:none;border-radius:4px;transition:all 1s ease-out;padding:16px 14px;font-size:14px;line-height:20px}.video-rerecord-dialog h1{font-weight:600;font-family:Inter var,sans-serif;margin:0 auto;padding:0;font-size:18px;line-height:22px;width:156px}.video-rerecord-dialog__help{font-weight:600;font-family:Inter var,sans-serif}.video-rerecord-dialog__help:link,.video-rerecord-dialog__help:visited{color:#fff}.video-rerecord-dialog__help:hover,.video-rerecord-dialog__help:focus,.video-rerecord-dialog__help:active{color:#244c5a}.video-rerecord-dialog__close{cursor:pointer;border:none;background:none;position:absolute;top:4px;right:0}.video-rerecord-dialog__close svg path{fill:#a0a0a0}.video-rerecord-dialog .video-rerecord-dialog__learn{width:156px;margin:8px auto 0;padding-left:13px;padding-right:13px;font-size:12px}.video-rerecord-dialog:not([open]){display:none}.tabs{box-sizing:border-box;font-weight:600;font-family:Inter var,sans-serif;font-size:14px}.tabs button{font-weight:600;font-family:Inter var,sans-serif;background:none;border:none;text-decoration:none;color:#747676;display:inline-block;padding-bottom:12px;padding-top:4px;cursor:pointer}.tabs .tab:hover button{color:#484949}.tabs .tab:hover button .icon svg *{fill:#484949}.tabs .active a,.tabs .active a:link,.tabs .active a:visited,.tabs .tab:focus a,.tabs .tab:focus a:link,.tabs .tab:focus a:visited{color:#2549ef}.tabs .active a .icon svg *,.tabs .active a:link .icon svg *,.tabs .active a:visited .icon svg *,.tabs .tab:focus a .icon svg *,.tabs .tab:focus a:link .icon svg *,.tabs .tab:focus a:visited .icon svg *{fill:#2549ef}.tabs .icon{position:relative;top:3px;margin-right:6px}.tabs .icon svg *{fill:#747676}.tabs ul{display:grid;grid-template-columns:1fr 1fr 1fr;list-style:none;padding:0;margin:0;width:100%}.tabs li{margin:0;padding:0;width:100%;display:inline-block}.tabs .tab{text-align:center;grid-row:1;position:relative}.tabs .tab>a{margin-left:-5px}.tabs .tab--video-library>a{margin-left:0}.tabs .tab .badge{float:right;position:absolute;right:12px;top:-4px}.tabs .tab-border{grid-row:2;grid-column-start:1;grid-column-end:span 3;height:5px;background:#f6f6f6;position:relative}.tabs .tab-border .border{height:5px;border-radius:3px;margin:0 25px;position:absolute;left:0;transition:cubic-bezier(.22,.61,.36,1) .2s;background-color:#2549ef}.tabs .tab-border.active-tab--recorder .border{left:0}.tabs .tab-border.active-tab--video-library .border{left:50%}.tabs .tab-border.active-tab--tracking .border{left:calc(66% - 12px)}.tabs.tabs3 .border{width:calc(33% - 25px)}.tabs.tabs3 .tab-border.active-tab--recorder .border{left:-12px}.tabs.tabs3 .tab-border.active-tab--video-library .border{left:calc(33% - 10px)}