.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));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}.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;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}}.is-safari .custom-mode-window-dropdown-select-item{pointer-events:none}.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)}}: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}}