:root{--pure-black:#000;--primary-foreground:#fafafa}.integrations-keyboard{position:absolute;padding:10px;width:747.5px;height:269px;display:flex;flex-direction:column;gap:5px;border-radius:15px;border:1.5px solid #999;background:linear-gradient(180deg,#7e7e7e,#4e4e4e);box-shadow:0 0 45px 0 #000;transform:translateZ(0);backface-visibility:hidden;will-change:transform;contain:layout style paint}.integrations-gradient-transparency-mask{background:radial-gradient(circle at center,transparent 0,#000 50%);pointer-events:none;z-index:10}.integrations-gradient-transparency-mask-2{background:linear-gradient(0deg,#000 0,transparent 15%);pointer-events:none;z-index:10}.integrations-keyboard-row{display:flex;gap:5px;position:relative}.key{width:45px;height:45px;flex-shrink:0;position:relative;-o-object-fit:cover;object-fit:cover;background:linear-gradient(180deg,#1c1c1e,#0f0f10);border-radius:9px;overflow:hidden;box-sizing:border-box;box-shadow:0 0 1.5px 0 rgba(0,0,0,.45),.39px .78px 2.34px rgba(0,0,0,.15);.key-app,.key-inner,.key-mask{transition:transform .1s ease,opacity .1s ease}.key-inner{background:linear-gradient(180deg,#101012,#27272a);box-shadow:inset 0 1.56px 1.56px 0 hsla(0,0%,100%,.2);border-radius:8px;position:absolute;width:100%;height:calc(100% - 3.5px);width:calc(100% - 2px);top:1px;left:1px;overflow:hidden}.key-app{transform:scale(1.04) translateY(-1px);transform-origin:center}.key-mask{box-shadow:inset 0 1.56px 1.56px 0 hsla(0,0%,100%,.2);background-color:transparent;border:solid #303030;border-width:1px 1px 2px;border-radius:8.6px;width:100%;opacity:.75;z-index:3}&:before,.key-mask{position:absolute;height:100%;top:0;left:0}&:before{content:"";width:120%;pointer-events:none;z-index:4}}.key:hover{box-shadow:0 0 0 0 rgba(0,0,0,.35);.key-app,.key-inner,.key-mask{transition:all .01s linear}.key-inner{top:2px;height:calc(100% - 3px);box-shadow:inset 0 1.56px 1.56px -1.4px hsla(0,0%,100%,.15)}.key-app{transform:scale(1.04) translateY(0)}.key-mask{box-shadow:inset 0 1.56px 1.56px -1.4px hsla(0,0%,100%,.15);border-top:2px solid #303030;border-bottom:1px solid #303030;opacity:.8}}.key.key-tab{width:73.5px}.key.key-caps{width:89.5px}.key.key-cmd{width:65px}.key.key-space{width:233.5px}.key.key-enter-r{width:51px;height:109px;position:absolute;right:-2px;margin-top:-2px;z-index:1;background:none;box-shadow:none;:before{display:none}.key-inner{opacity:0}}.key.key-shift-r{width:103.5px}.key.key-lr{margin-top:22.5px;height:22.5px}.key.key-up{height:22.5px;border-bottom-left-radius:0;border-bottom-right-radius:0;.key-inner{border-bottom-left-radius:0;border-bottom-right-radius:0}}.key.key-down{height:22.5px;border-top-left-radius:0;border-top-right-radius:0;.key-inner{border-top-left-radius:0;border-top-right-radius:0}}.custom-mode-illustration{transform:rotate(-7.6deg)}.custom-mode-illustration-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at bottom right,#000 0,transparent 95%),radial-gradient(circle at top right,rgba(0,0,0,.5) 0,transparent 60%);z-index:100;pointer-events:none}.custom-mode-illustration-overlay-2{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(0deg,#000 0,transparent 30%);z-index:101;pointer-events:none}.custom-mode-window{position:absolute;margin:auto;border-radius:9.36px;background:#121212;box-sizing:border-box;background-clip:padding-box; /* !importanté */border:1px solid transparent; /* !importanté */padding:19px;&:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;border-radius:inherit;margin:-1px;background:linear-gradient(to bottom right,hsla(0,0%,100%,.41),hsla(0,0%,100%,.1));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}.custom-mode-window-learn-more{background:hsla(0,0%,100%,.5);text-align:center;font-size:7.8px;font-weight:600;height:14.24px;padding:0 3.12px}.custom-mode-window-divider{width:100%;height:1px;background:hsla(0,0%,100%,.16);margin:9.36px 0}.custom-mode-window-dropdown-select{position:relative;display:flex;width:226.2px;padding:6.24px 1.56px 6.24px 6.24px;justify-content:space-between;align-items:center;border-radius:6px;background:#4a4a4a;box-shadow:inset 0 0 2.12px 0 hsla(0,0%,100%,.15);box-sizing:border-box;background-clip:padding-box; /* !importanté */border:.78px solid transparent;max-width:226.2px;&:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;border-radius:inherit;margin:-.78px;background:linear-gradient(to bottom right,hsla(0,0%,100%,.41),hsla(0,0%,100%,.1))}}.custom-mode-window-dropdown-select-icon{display:flex;margin-right:1px;padding:2.183px 0 5.013px;justify-content:center;align-items:center;flex-shrink:0;border-radius:4.368px;border-top:.546px solid hsla(0,0%,100%,.5);background:linear-gradient(180deg,#5195ff,#1961d3)}.custom-mode-window-dropdown-select-items{padding:8px 4px;background:#323232;border:1px solid hsla(0,0%,100%,.18);border-radius:8px;z-index:102;overflow:hidden;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 0 1px 0 rgba(0,0,0,.4),0 8px 24px 0 rgba(0,0,0,.35);&:before{display:none}}.custom-mode-window-background-gradient{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.9));z-index:99;pointer-events:none}.custom-mode-window-dropdown-select-item{overflow:hidden;text-overflow:ellipsis;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:9px;font-weight:500;line-height:16px;padding:4px 6px;margin:0 2px;display:flex;align-items:center;background:transparent;border-radius:5px;transition:background .1s ease-out;color:hsla(0,0%,100%,.95);&:hover{transition:background .05s ease-in;background:rgba(32,97,205,.8);cursor:default}}.custom-mode-dropdown-selected{background:hsla(0,0%,100%,.06)}.custom-mode-window-background-container{opacity:.8;filter:brightness(.9) blur(.4px)}.custom-mode-window-background-section{padding:4.68px;border-radius:3.12px;border:.39px solid hsla(0,0%,100%,.3);background:#333;font-size:6.24px;.divider{border-bottom:.39px solid hsla(0,0%,100%,.3)}}body,html{--demo-frame-width:min(1024px,calc(100vw - 80px));--demo-frame-height:627px;--demo-frame-max-width:100%;--demo-frame-max-height:100vh}.disable-animations *{animation:none!important;transition:none!important}.disable-animations .demo-container-image-left img,.disable-animations .demo-container-image-right img,.disable-animations .gradient-layer{transition:opacity 1.2s ease-in-out!important}.disable-animations .recorder-container{transition:opacity .2s ease-in-out!important}.disable-animations .recorder-container.show{transition:opacity .2s ease-in-out 1s!important}.disable-animations .cursor-container,.disable-animations .notes-container,.disable-animations .slack-container{transition:scale .15s cubic-bezier(.4,0,.6,1),translate .15s cubic-bezier(.4,0,.6,1),opacity .1s ease-out,filter .15s ease-out!important}.disable-animations .dyn-border,.disable-animations .dyn-recording-window{transition:width .5s cubic-bezier(.25,.1,.1,1),height .5s cubic-bezier(.25,.1,.1,1),clip-path .5s cubic-bezier(.25,.1,.1,1),opacity .2s ease!important}.disable-animations .dyn-waveform.active{animation:dyn-waveform-fade .5s ease!important}.disable-animations .dyn-button{transition:background-color .25s cubic-bezier(.25,.1,.1,1),opacity .25s cubic-bezier(.25,.1,.1,1) .2s!important}.disable-animations .demo-container-gradient.slow-transition .gradient-layer,.disable-animations .demo-container-image-left.slow-transition img,.disable-animations .demo-container-image-right.slow-transition img,.disable-animations.slow-transition .gradient-layer{transition:opacity 8s ease-in-out!important}.demo-container{position:relative;background-color:#000;background-attachment:fixed;margin:0 auto;overflow:visible!important;--base-transition-delay:0.1s}@media (min-width:800px){.demo-container{min-height:350vh}}.demo-container-inner{height:100vh;width:100vw;overflow:hidden;left:0}.demo-loader{transition:opacity .2s ease-in-out;opacity:1}.demo-loader.loaded{opacity:0;pointer-events:none}.demo-container-intro{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:100000;gap:24px}@media (max-width:800px){.demo-container-intro{gap:0}.demo-container-intro .intro-header{font-size:36px;line-height:38.52px;letter-spacing:-1.8px}.demo-container-intro .intro-1{margin-top:12px}.demo-container-intro .intro-2{width:289px;margin:24px auto}.demo-container-intro .intro-demo{margin-top:12px;padding:12px 18px;border-radius:99px;background:hsla(0,0%,100%,.08)}}.intro-download{position:relative;min-height:44px;display:flex;justify-content:center}.intro-download-buttons{display:flex;justify-content:center;align-items:center;gap:12px;transition:opacity .25s ease-out}.intro-download-buttons.transitioning,.intro-download-email{opacity:0;pointer-events:none}.intro-download-email{position:absolute;top:0;left:50%;transform:translateX(-50%);transition:opacity .25s ease-out}.intro-download-email.visible{opacity:1;pointer-events:auto}.demo-container-frame{max-width:var(--demo-frame-max-width);overflow:hidden;border-radius:0;inset:0;z-index:1;margin:0 auto;width:100%;height:100%;background:#000}.demo-container-frame,.demo-container-instructions{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute}.demo-container-instructions{z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:450px;padding:0 8px;text-align:center;font-size:24px;color:hsla(0,0%,100%,.65)}.demo-container-instructions.show{transition:opacity .5s ease-in-out .5s;opacity:1!important}.demo-container-instructions.hide{transition:opacity .3s ease-in-out;opacity:0!important}.demo-container-instructions.day{color:rgba(0,0,0,.6)}.demo-container-instructions.day .keyboard-shortcut{color:rgba(0,0,0,.9)}.demo-container-menubar{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;top:-120px;transform:translateX(-50%);will-change:top;transition:top .7s cubic-bezier(.65,.02,.34,.96);z-index:9998;width:var(--demo-frame-width);max-width:1024px;pointer-events:none}.menubar-item-bg{background:linear-gradient(180deg,hsla(0,0%,100%,.07),hsla(0,0%,100%,.05)),hsla(0,0%,100%,.04);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.demo-container-menubar.animate{transition:top .7s cubic-bezier(.65,.02,.34,.96) calc(var(--base-transition-delay) + 1.4s);top:calc(50% - 313.5px)}.demo-container-dock{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;bottom:calc(50% - 293.5px);transform:translateX(-50%);background:linear-gradient(180deg,hsla(0,0%,100%,0),rgba(0,0,0,.2)),rgba(0,0,0,.4);padding:2px;border-radius:20px;border:1px solid hsla(0,0%,48%,.4);outline:.5px solid rgba(0,0,0,.6);box-shadow:0 0 0 .33px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.demo-container-dock .dock-item:active img{filter:brightness(.5)}.demo-container-dock .dock-tooltip{-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#eaeaea;padding:2.2px 9px;border-radius:4px;position:relative;color:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:13px;z-index:100010;box-shadow:0 0 2px .4px rgba(0,0,0,.5)}.demo-container-dock .dock-tooltip:after{content:"";position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);width:12px;height:8px;background:#eaeaea;clip-path:polygon(0 0,100% 0,50% 100%);box-shadow:0 0 2px .4px rgba(0,0,0,.5)}.cursor-container,.notes-container,.slack-container{position:absolute;opacity:0;z-index:0;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 8px 32px rgba(0,0,0,.3)}.recorder-container{transition:opacity .2s ease-in-out;position:absolute;opacity:0;z-index:0}.inactive .window-control-close,.inactive .window-control-maximize,.inactive .window-control-minimize{background-color:#555!important}.inactive .top-bar:hover .window-control-close{background-color:#ec6a5e!important}.inactive .top-bar:hover .window-control-minimize{background-color:#f4bf4f!important}.inactive .top-bar:hover .window-control-maximize{background-color:#61c554!important}.cursor-container,.notes-container,.slack-container{transition:scale .15s cubic-bezier(.4,0,.6,1),translate .15s cubic-bezier(.4,0,.6,1),opacity .1s ease-out,filter .15s ease-out}.cursor-container.minimized,.notes-container.minimized,.slack-container.minimized{scale:0;translate:0 280px;opacity:0;filter:brightness(1.3);pointer-events:none}.cursor-container.show,.notes-container.show,.recorder-container.show,.slack-container.show{opacity:1}.recorder-container.show{transition:opacity .2s ease-in-out 1s}.demo-container-image{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;width:100%;height:100%;inset:0;z-index:1;transform:scale(1);will-change:transform;background-blend-mode:normal,overlay,normal,normal;transition:transform 1.4s ease-in-out 1.1s;img{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;z-index:1;--face-transition-duration:1s;--face-transition-delay:0.6s;&.evening{transition:opacity var(--face-transition-duration) linear calc(var(--face-transition-delay) + .8s);z-index:4}}&.day img.day,&.dusk img.dusk,&.evening img.evening,&.night img.night{opacity:1!important}&.animate{transition:transform .8s cubic-bezier(.67,.02,.8,.99);transform:scale(2.2);transition-delay:var(--base-transition-delay);img.evening{transition:opacity var(--face-transition-duration) linear var(--face-transition-delay);opacity:1!important}}@media (max-width:800px){img{height:72%;min-width:150.5vh;width:auto}}}.demo-container-image-left{position:absolute;left:0;top:0;height:75vh;width:50vw;z-index:1;pointer-events:none}.demo-container-image-left img{display:block;height:100%;width:auto;opacity:0;transition:opacity 1.2s ease-in-out;position:absolute;top:0;left:0}.demo-container-image-left.slow-transition img{transition:opacity 8s ease-in-out}.demo-container-image-left img.evening{z-index:4}.demo-container-image-left.day img.day,.demo-container-image-left.dusk img.dusk,.demo-container-image-left.evening img.evening,.demo-container-image-left.night img.night{opacity:1!important}.demo-container-image-right{position:absolute;right:0;bottom:0;height:75vh;width:50vw;z-index:1;pointer-events:none}.demo-container-image-right img{display:block;height:100%;width:auto;opacity:0;transition:opacity 1.2s ease-in-out;position:absolute;top:0;right:0}.demo-container-image-right.slow-transition img{transition:opacity 8s ease-in-out}.demo-container-image-right img.evening{z-index:4}.demo-container-image-right.day img.day,.demo-container-image-right.dusk img.dusk,.demo-container-image-right.evening img.evening,.demo-container-image-right.night img.night{opacity:1!important}@media (max-width:800px){.demo-container-image-left,.demo-container-image-right{display:none}}.demo-container-gradient{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;width:100%;height:100%;inset:0;z-index:0;will-change:transform,height,top}.gradient-layer{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.2s ease-in-out}.demo-container-gradient.slow-transition .gradient-layer{transition:opacity 8s ease-in-out}.gradient-layer.day{background:linear-gradient(90deg,rgba(25,74,232,.2) 2.75%,rgba(255,190,10,.2) 99.26%),radial-gradient(170.32% 104.24% at 50% -.22%,rgba(38,84,144,.5) 17.02%,hsla(0,0%,100%,.5) 100%),radial-gradient(570.89% 154.84% at 50% -37.73%,rgba(0,0,0,.5) 0,rgba(2,32,68,.5) 21%,rgba(31,93,135,.5) 45.71%,rgba(93,109,142,.5) 61.83%,rgba(159,138,145,.5) 73.67%,hsla(13,39%,68%,.5) 80.39%,rgba(255,226,97,.5) 88%,rgba(255,126,34,.5) 92.69%,rgba(205,122,21,.5) 97.68%),linear-gradient(180deg,#2c84d7,#84a9ff),linear-gradient(180deg,#000 -11.51%,#022044 18.08%,#1f5d87 52.9%,#5d6d8e 75.62%,#9f8a91 92.29%,#cd9b8d 101.77%,#ffc261 112.49%,#ffc422 119.1%,#cd4015 126.13%),linear-gradient(0deg,#000,#000),#fff;background-blend-mode:overlay,screen,overlay,normal,normal,normal,normal}.gradient-layer.dusk{background:linear-gradient(90deg,rgba(25,153,232,.15) 2.75%,rgba(164,91,242,.15) 99.26%),linear-gradient(180deg,rgba(0,0,0,.5) .85%,rgba(0,5,46,.5) 25.81%,rgba(41,40,94,.5) 58.36%,rgba(84,60,123,.5) 79.52%,rgba(133,90,146,.5) 95.8%,rgba(195,134,171,.5) 107.19%),linear-gradient(180deg,#000 .85%,#112d72 33.4%,#4b52aa 49.68%,#a887dc 70.84%,#e6c4e7 95.8%,#fcdbef 107.19%),#000;background-blend-mode:overlay,normal,normal,normal}.gradient-layer.night{background:linear-gradient(90deg,rgba(25,153,232,.1) 2.75%,rgba(164,91,242,.1) 99.26%),radial-gradient(83.41% 104.24% at 50% -.22%,rgba(38,84,144,0) 72.08%,hsla(0,100%,73%,0) 100%),radial-gradient(609.81% 213.79% at 50% -37.73%,rgba(0,0,0,.5) 0,rgba(2,32,68,.5) 21%,rgba(31,93,135,.5) 45.71%,rgba(93,109,142,.5) 61.83%,rgba(159,138,145,.5) 73.67%,hsla(13,39%,68%,.5) 80.39%,rgba(255,162,97,.5) 88%,rgba(255,126,34,.5) 92.69%,rgba(205,64,21,.5) 97.68%),linear-gradient(180deg,#000 -11.51%,#022044 18.08%,#1f5d87 52.9%,#5d6d8e 75.62%,#9f8a91 92.29%,#cd9b8d 101.77%,#ffa261 112.49%,#ff7e22 119.1%,#cd4015 126.13%),#000;background-blend-mode:overlay,overlay,normal,normal,normal}.demo-container-gradient.day .gradient-layer.day,.demo-container-gradient.dusk .gradient-layer.dusk,.demo-container-gradient.night .gradient-layer.night{opacity:1}.demo-container-post-links{position:absolute;width:var(--demo-frame-width);bottom:calc(50% - 380px);left:50%;transform:translateX(-50%);z-index:2;opacity:0;transition:opacity .5s ease-in-out}.demo-container-post-links.animate{opacity:1;transition-delay:calc(var(--base-transition-delay) + 1s)}.download-cta-mac{background-clip:padding-box}.download-cta-mac:hover{background:linear-gradient(180deg,#f0f0f0,#e8e8e8)}.download-cta-windows{background-clip:padding-box}.download-cta-windows:before{background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.08) 50%,hsla(0,0%,100%,.05))}.download-cta-post{position:relative;border:1px solid transparent;background-clip:padding-box;transition:all .2s ease-in-out;background:linear-gradient(180deg,rgba(0,0,0,.85),rgba(0,0,0,.95));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.download-cta-post:hover{background:linear-gradient(180deg,rgba(30,30,30,.95),#141414);box-shadow:0 4px 12px rgba(0,0,0,.2);transform:scale(1.02);filter:brightness(1.03)}.download-cta-post:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.1));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.download-cta-ios{.download-now{color:hsla(0,0%,100%,.6);font-weight:400;transition:color .2s ease-in-out}}.download-cta-ios:hover{.download-now{color:hsla(0,0%,100%,.8)}}.floating-nav{position:fixed;top:24px;left:50%;transform:translateX(-50%);z-index:1000000;display:flex;align-items:center;gap:18px;padding:4px 4px 4px 15px;background:linear-gradient(90deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.05)),linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.7));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:1000px;border:none;box-shadow:0 0 0 1px rgba(0,0,0,.8);overflow:hidden}.floating-nav:before{content:"";position:absolute;inset:0;border-radius:1000px;padding:1px;background:linear-gradient(90deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.1) 60%,hsla(0,0%,100%,.3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.floating-nav-link{font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:-.14px;color:hsla(0,0%,100%,.35);text-decoration:none;text-shadow:0 .15px .1px rgba(0,0,0,.5);transition:color .2s ease-out}.floating-nav-link:hover{color:hsla(0,0%,100%,.6)}.floating-nav-link.active{color:hsla(0,0%,100%,.8)}.floating-nav-download{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;background:#fff;border-radius:1000px;border:none;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:-.14px;color:#000;text-decoration:none;transition:background .2s ease-out}.floating-nav-download:hover{background:hsla(0,0%,100%,.9)}.floating-nav-download svg{flex-shrink:0}.time-switcher{position:absolute;top:24px;right:24px;z-index:100001;display:flex;align-items:center;justify-content:center;gap:0;padding:5px;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:17px;border:1px solid hsla(0,0%,100%,.1);opacity:0;transition:opacity .3s ease-in-out}.time-switcher.visible{opacity:1}.time-switcher-highlight{position:absolute;width:24px;height:24px;top:5px;background:hsla(0,0%,100%,.15);border-radius:12px}.time-switcher button{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:hsla(0,0%,100%,.4);background:transparent;border:none;cursor:pointer;transition:color .2s ease-in-out}.time-switcher button:hover{color:hsla(0,0%,100%,.7)}.time-switcher button.active{color:hsla(0,0%,100%,.95)}.demo-container-gradient{transition:opacity .4s ease-in-out}.demo-container-gradient.transitioning{opacity:0}.demo-replay-overlay{position:absolute;inset:0;z-index:100001;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.replay-button{display:flex;align-items:center;gap:12px;padding:8px 20px 8px 8px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:1000px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease-out}.replay-button:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.replay-button-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:hsla(0,0%,100%,.15);border-radius:50%}.demo-container-frame{position:relative}.demo-container-frame:after{content:"";position:absolute;inset:calc(50% - 313.5px) calc(50% - min(512px, calc(50vw - 40px)));border-radius:18px;pointer-events:none;z-index:-1;box-shadow:0 0 80px 20px rgba(100,140,200,.08),0 0 120px 40px rgba(80,100,180,.05),0 0 180px 60px rgba(60,80,140,.03);opacity:0;transition:opacity .5s ease-in-out}.demo-container.show-glow .demo-container-frame:after{opacity:1}.download-cta-mac{position:relative;border:1px solid transparent;transition:all .2s ease-in-out;background:linear-gradient(180deg,#fff,#f0f0f0);box-shadow:0 2px 6px rgba(0,0,0,.08)}.download-cta-mac:hover{background:linear-gradient(180deg,#f0f0f0,#d6d6d6);box-shadow:0 4px 8px rgba(0,0,0,.12)}.download-cta-mac:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(0,0,0,.12),rgba(0,0,0,.08) 50%,rgba(0,0,0,.04));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.download-cta-windows{position:relative;border:1px solid transparent;transition:all .2s ease-in-out;background:linear-gradient(180deg,rgba(0,0,0,.85),rgba(0,0,0,.95));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.download-cta-windows:hover{background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(0,0,0,.85));box-shadow:0 4px 12px rgba(0,0,0,.15)}.download-cta-windows:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.2) 50%,hsla(0,0%,100%,.1));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.download-requirements{color:hsla(0,0%,100%,.7);font-size:12px;font-weight:400;letter-spacing:.2px}.download-cta-ios{position:relative;border-radius:999px;background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.1) 50%,hsla(0,0%,100%,.05));transition:all .2s ease-in-out;color:hsla(0,0%,100%,.9);font-weight:500;letter-spacing:.3px;.download-now{color:hsla(0,0%,100%,.6);font-weight:400;transition:color .2s ease-in-out}}.download-cta-ios:hover{background:linear-gradient(135deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,.1));.download-now{color:hsla(0,0%,100%,.8)}}.download-cta-ios:before{content:"";position:absolute;inset:-1px;border-radius:999px;padding:1px;background:linear-gradient(135deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.2) 50%,hsla(0,0%,100%,.1));animation:rotate 4s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@keyframes rotate{0%{background-position:0 0}to{background-position:200% 0}}.download-qr:hover .download-qr-hover\:block{z-index:9999!important;isolation:isolate}.download-cta-windows.disabled{opacity:.8;cursor:not-allowed!important;background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.7))}.download-cta-windows.disabled:hover{background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.7));box-shadow:none;transform:none}.download-cta-windows.disabled:before{opacity:.3}:root{--border-width:1px;--default-width:45px;--default-height:10px;--hover-small-width:60px;--hover-small-height:16px;--active-width:60px;--active-height:34px;--hovered-width:145px;--hovered-height:42px;--window-margin:10px;--tooltip-margin:8px;--mode-select-width:194px;--backdrop-color:hsla(0,0%,100%,.3);--pill-color:#000;--pill-color-active:rgba(0,0,0,.9);--pill-color-muted:rgba(0,0,0,.5);--text-color:#fff;--text-colour-muted:hsla(0,0%,100%,.7)}.dyn-aux-window{position:absolute;box-sizing:border-box;width:var(--mode-select-width);overflow:hidden;padding:0;z-index:1000;opacity:0;animation:dyn-aux-fade-in 50ms ease .1s forwards}@keyframes dyn-aux-fade-in{to{opacity:1}}.dyn-aux-window.pin-top{bottom:calc(var(--hovered-height) + var(--window-margin))}.dyn-aux-window.pin-bottom{top:calc(var(--hovered-height) + var(--window-margin))}.aux-panel-container{width:calc(100% - 1px);height:100%;display:flex;align-items:center;justify-content:center;padding:1px;margin-top:3px;margin-bottom:8px}.aux-panel-content{width:var(--mode-select-width);background:var(--backdrop-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:10px;border:1px solid hsla(0,0%,56%,.8);box-shadow:0 4px 8px rgba(0,0,0,.15),0 0 0 1px #000;overflow:hidden;position:relative}.aux-panel-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--pill-color-active);mix-blend-mode:multiply;pointer-events:none}.mode-select-view{position:relative;z-index:1;padding:6px;display:flex;flex-direction:column;gap:4px}.mode-option{padding:4px;border-radius:5px;cursor:pointer;transition:all .15s ease;position:relative}.mode-option.active,.mode-option.cursor{background:hsla(0,0%,100%,.12)}.mode-option.cursor .command-key,.mode-option.cursor .mode-name,.mode-option.cursor .number-key{color:#fff}.mode-option-content{display:flex;align-items:center;gap:8px;padding:4px}.mode-shortcut{display:flex;align-items:center;gap:0;padding:6.3px 5.5px;background:hsla(0,0%,100%,.12);border-radius:4px;min-width:32px;justify-content:center}.command-key{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.command-key,.number-key{font-size:10px;line-height:10px;font-weight:500;color:var(--text-colour-muted)}.number-key{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.mode-option.active .command-key,.mode-option.active .number-key,.mode-option:hover .command-key,.mode-option:hover .number-key{color:var(--text-color)}.mode-name{font-size:13px;font-weight:500;color:var(--text-colour-muted);letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;flex-grow:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.mode-checkmark,.mode-option.active .mode-name,.mode-option:hover .mode-name{color:var(--text-color)}.mode-checkmark{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.mode-option{transition:background-color .15s ease}.mode-option:hover{background:hsla(0,0%,100%,.12)}.aux-transcription-container{display:flex;justify-content:center;gap:2px;width:100%;position:relative;z-index:1;max-height:400px;overflow-y:auto;scrollbar-width:none;margin:18px 0}.aux-transcription-text{width:100%;color:var(--text-color);font-size:12px;padding-left:20px;padding-right:20px;outline:none}.recording-window-container{--recording-window-background:linear-gradient(180deg,hsla(300,4%,95%,.9),hsla(0,0%,100%,.9));--recording-window-border:#c3c3c3;--recording-window-footer-background:linear-gradient(180deg,hsla(240,3%,92%,.8),hsla(240,4%,95%,.8));--recording-window-footer-border-top-width:0px;--recording-window-empty-text-color:#909090;--recording-window-error-text-color:#e83838;--recording-window-action-label-text:#575757;--recording-window-action-label-text-hover:#242424;--recording-window-key-combo-text:#242424;--recording-window-key-combo-text-hover:#242424;--recording-window-key-combo-background:#d7d8d8;--recording-window-key-combo-background-group-hover:#c2c2c3;--recording-window-button-background-to:transparent;--recording-window-button-background-hover-to:#cccbcc;--recording-window-button-background-hover-from:#dbdadb;--recording-window-button-background-hover-to-active:#b8b8b8;--recording-window-button-background-hover-from-active:#bdbdbd;--recording-window-button-border-hover:hsla(300,1%,80%,.5);--recording-window-no-voice-text:#8f8f8f;--recording-window-transcription-text:#262626;--recording-window-mode-select-item:rgba(0,0,0,.05);--recording-window-mode-select-item-hover:rgba(0,0,0,.028);--recording-window-mode-select-item-text:#303030;--recording-window-mode-select-item-text-hover:#161616;background:var(--recording-window-background);border-color:var(--recording-window-border)}:root[data-theme=dark] .recording-window-container{--recording-window-background:linear-gradient(180deg,hsla(0,0%,9%,.9),rgba(0,0,0,.9));--recording-window-border:#4f4f50;--recording-window-footer-background:linear-gradient(180deg,rgba(31,32,32,.8),rgba(20,20,21,.8));--recording-window-footer-border-top-width:1px;--recording-window-empty-text-color:#a3a3a3;--recording-window-action-label-text:#a3a3a3;--recording-window-action-label-text-hover:#a6a6a7;--recording-window-key-combo-text:#d8d8d8;--recording-window-key-combo-text-hover:#dadada;--recording-window-key-combo-background:#111112;--recording-window-key-combo-background-group-hover:#0e0e0f;--recording-window-button-background-to:transparent;--recording-window-button-background-hover-to:#141616;--recording-window-button-background-hover-from:#121313;--recording-window-button-background-hover-to-active:#141616;--recording-window-button-background-hover-from-active:#121313;--recording-window-button-border-hover:rgba(16,18,18,.5);--recording-window-transcription-text:#ededed;--recording-window-mode-select-item:#fcfcfc23;--recording-window-mode-select-item-hover:#fcfcfc0e;--recording-window-mode-select-item-text:#fff;--recording-window-mode-select-item-text-hover:#fff}.recording-window-container{border-radius:17px;width:600px;min-height:128px;border-bottom-left-radius:17px;border-bottom-right-radius:17px}.recording-window-expand-button{position:absolute;transition:all .2s ease-in}.recording-window-waveform-container{background:var(--recording-window-background);min-height:50px}.recording-window-footer{background:var(--recording-window-footer-background);border-color:var(--recording-window-border);border-top-width:var(--recording-window-footer-border-top-width);border-bottom-left-radius:17px;border-bottom-right-radius:17px}@property --recording-window-button-background-container-to{syntax:"<color>";inherits:false;initial-value:transparent}@property --recording-window-button-background-container-from{syntax:"<color>";inherits:false;initial-value:transparent}.recording-window-action-button{--recording-window-button-background-container-to:var(--recording-window-button-background-to);--recording-window-button-background-container-from:var(--recording-window-button-background-to);background:linear-gradient(to bottom,var(--recording-window-button-background-container-from) 0,var(--recording-window-button-background-container-to) 100%);transition:--recording-window-button-background-container-to .2s ease,--recording-window-button-background-container-from .2s ease,background .2s ease,border-color .2s ease,width .3s ease-in-out;border-color:transparent;cursor:pointer;display:flex;align-items:center;width:-moz-fit-content;width:fit-content}.recording-window-action-button:focus{outline:none}.recording-window-action-button:disabled{opacity:.5;cursor:default}.recording-window-action-button.hover{--recording-window-button-background-container-to:var(--recording-window-button-background-hover-to);--recording-window-button-background-container-from:var(--recording-window-button-background-hover-from);border-color:var(--recording-window-button-border-hover)}.recording-window-action-button.hover:active{--recording-window-button-background-container-to:var(--recording-window-button-background-hover-to-active);--recording-window-button-background-container-from:var(--recording-window-button-background-hover-from-active)}.recording-window-action-label{transition:width .3s ease-in-out;min-width:0}.recording-window-action-label,.recording-window-icon{color:var(--recording-window-action-label-text)}.recording-window-action-button.hover .recording-window-action-label{color:var(--recording-window-action-label-text-hover)}.recording-window-key-combo{color:var(--recording-window-key-combo-text);background:var(--recording-window-key-combo-background);transition:margin .3s ease-in-out;flex-shrink:0}.recording-window-action-button.hover .recording-window-key-combo{color:var(--recording-window-key-combo-text-hover);background:var(--recording-window-key-combo-background-group-hover)}.recording-window-empty-text{color:var(--recording-window-empty-text-color)}.recording-window-error-text{color:var(--recording-window-error-text-color)}.recording-window-transcription-text{margin:25px 0;color:var(--recording-window-transcription-text);width:540px;font-size:14px;max-height:500px;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none;outline:none;word-wrap:break-word;white-space:pre-wrap;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:35;-webkit-box-orient:vertical}.mode-select-option{color:var(--recording-window-mode-select-item-text);.mode-select-key-combo{padding:3px 8px;font-size:11.5px;margin:1px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:500;color:var(--text-secondary);background:var(--recording-window-key-combo-background)}.mode-select-name{font-size:14px}.mode-select-checkmark{filter:brightness(.1);opacity:.7}}.mode-select-option.active,.mode-select-option.hover{color:var(--recording-window-mode-select-item-text-hover);.mode-select-key-combo{color:var(--recording-window-key-combo-text-hover);background:var(--recording-window-key-combo-background-group-hover)}.mode-select-name{color:var(--recording-window-mode-select-item-text-hover)}.mode-select-checkmark{filter:brightness(.1);opacity:.9}}:root[data-theme=dark]{.mode-select-option{.mode-select-checkmark{filter:brightness(.9)}.mode-select-key-combo{filter:drop-shadow(0 0 .5px rgba(255,255,255,.5))}}}.mode-select-option.active{background:var(--recording-window-mode-select-item)!important}.mode-select-option.hover{background:var(--recording-window-mode-select-item-hover)}.recording-window-action-button.mode-transitioning{animation:buttonFadeIn .2s ease-in-out}@keyframes buttonFadeIn{0%{opacity:0;transform:translateX(2px)}to{opacity:1;transform:translateX(0)}}.dyn-recording-window-ghost{position:absolute;pointer-events:none;width:var(--hovered-width);height:var(--hovered-height);left:50%;transform:translate(-50%);transition:all .15s ease;&.pin-top{bottom:1.5px}&.pin-bottom{top:1.5px}}.dyn-border,.dyn-recording-window{--margins:4px;position:absolute;box-sizing:border-box;background-color:#000;width:var(--default-width);height:var(--default-height);overflow:hidden;padding:0;z-index:0;cursor:pointer;left:50%;transform:translate(-50%);&.pin-top{bottom:1.5px}&.pin-bottom{top:1.5px}transition:width .5s cubic-bezier(.25,.1,.1,1),height .5s cubic-bezier(.25,.1,.1,1),clip-path .5s cubic-bezier(.25,.1,.1,1),opacity .2s ease;&.active{width:var(--active-width);height:var(--active-height)}&.active,&.hovered{opacity:1!important}&.hovered{width:var(--hover-small-width);height:var(--hover-small-height);padding:0;overflow:hidden}&.active.hovered{width:var(--hovered-width);height:var(--hovered-height);padding:var(--margins) var(--margins)}&.hide-when-inactive{opacity:0}}.dyn-border{width:calc(var(--default-width) + 2 * var(--border-width));height:calc(var(--default-height) + 2 * var(--border-width));z-index:-1;background:var(--backdrop-color)!important;&.pin-top{bottom:.5px}&.pin-bottom{top:.5px}&.active{width:calc(var(--active-width) + 2 * var(--border-width));height:calc(var(--active-height) + 2 * var(--border-width))}&.hovered{width:calc(var(--hover-small-width) + 2 * var(--border-width));height:calc(var(--hover-small-height) + 2 * var(--border-width))}&.active.hovered{width:calc(var(--hovered-width) + 2 * var(--border-width));height:calc(var(--hovered-height) + 2 * var(--border-width))}}.dyn-button{width:40px;color:var(--text-color);display:flex;align-items:center;justify-content:center;opacity:0;top:var(--margins);bottom:var(--margins);position:absolute;pointer-events:none;transition:background-color .25s cubic-bezier(.25,.1,.1,1),opacity .25s cubic-bezier(.25,.1,.1,1) .2s;&:not(.active){width:0}&.dyn-button-toggle{left:var(--margins);transform:translateX(0);transition:opacity .25s ease;svg{margin-left:-1px}&.active{width:40px;background-color:rgba(255,0,0,.32);color:#ff1d1dd7}&.active.hovered{opacity:1;pointer-events:auto;transition-delay:.3s}}}.dyn-waveform{flex:1;width:0;overflow:hidden;opacity:0;position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;canvas{display:block}&.active,canvas{border-radius:999px}&.active{animation:dyn-waveform-fade .5s ease;margin-left:calc(var(--margins) + 2px);width:90px;right:calc(var(--margins) + 2px);top:5px;bottom:5px;&:not(.hovered){width:40px;margin-left:0;right:0;left:50%;transform:translateX(-50%)}&.show{opacity:1}}&:not(.hovered){right:0;top:0;bottom:0}}@keyframes dyn-waveform-fade{0%{opacity:0}to{opacity:1}}.dyn-tooltip-window{position:absolute;box-sizing:border-box;overflow:hidden;padding:0;z-index:1001;width:100%;transform:scale(0);opacity:0;transition:transform .15s cubic-bezier(.075,.82,.165,1),opacity .15s ease-out;&.pin-top{bottom:calc(var(--hovered-height) + var(--tooltip-margin));transform-origin:bottom center}&.pin-bottom{top:calc(var(--hovered-height) + var(--tooltip-margin));transform-origin:top center}&.show{transform:scale(1);opacity:1;transition:transform .15s cubic-bezier(.075,.82,.165,1),opacity .15s ease-out}&:not(.show){transition:transform .08s cubic-bezier(.4,0,.2,1),opacity .08s ease-out}}.tooltip-container{width:calc(100% - 1px);height:100%;margin-bottom:10px;padding:1px;margin-top:3px}.tooltip-container,.tooltip-content{display:flex;align-items:center;justify-content:center}.tooltip-content{background:var(--backdrop-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:8px;border:1px solid hsla(0,0%,56%,.8);box-shadow:0 4px 8px rgba(0,0,0,.15),0 0 0 1px #000;overflow:hidden;position:relative;color:var(--text-color);padding:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-direction:row;gap:6px;z-index:1;.tooltip-text{color:hsla(0,0%,100%,.8);font-size:11px;padding:0 2px}.tooltip-shortcut{color:var(--text-colour-muted);font-size:10px;border-radius:4px;background-color:hsla(0,0%,100%,.12);padding:2px 5px}}.tooltip-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--pill-color-active);mix-blend-mode:multiply;pointer-events:none;z-index:-1}