.color-picker-opens-left,.color-picker-opens-right{position:relative}.color-picker-opens-left{--color-picker-x-offset:-100%}.color-picker-opens-right{--color-picker-x-offset:0%}.color-picker{border-radius:var(--border-radius-100);height:30px;width:30px}.color-picker:focus,.color-picker:focus-within,.color-picker:hover{outline:var(--border-width-100) solid var(--color-prim-900);outline-offset:2px}.color-picker .color-picker-preview{border-radius:var(--border-radius-100);cursor:pointer;height:100%;overflow:hidden;position:relative;transform:translateZ(0);width:100%}.color-picker .preview-background{bottom:0;left:0;position:absolute;right:0;top:0}.color-picker .preview-background-color{border:var(--border-width-100) solid transparent;border-radius:var(--border-radius-100)}.color-picker .preview-background-pattern{border-radius:var(--border-radius-300);overflow:hidden;z-index:-1}.color-picker .preview-background-pattern:after{border-left:var(--border-width-100) solid var(--color-gray-900);content:"";display:block;height:200%;transform:translate(17%) rotate(45deg);transform-origin:center;width:100%}.color-picker .color-picker-modal{background-color:var(--color-gray-0);border:var(--border-width-50) solid var(--border-color);border-radius:var(--border-radius-50);display:flex;flex-flow:column nowrap;left:calc(100% + var(--spaced-300));max-width:240px;position:absolute;top:0;z-index:1}.color-picker-opens-left .color-picker-modal{left:calc(var(--spaced-300)*-1)}@media(max-width:500px){.color-picker .color-picker-modal{border-left:0;border-radius:0;border-right:0;box-shadow:none;flex-flow:row nowrap;left:0;max-width:100%;top:0;transform:translateY(-100%)!important;width:100%}}.color-picker .modal-header{border-bottom:var(--border-width-50) solid var(--border-color);cursor:move;height:25px}@media(max-width:500px){.color-picker .modal-header{display:none}}.color-picker .drag-icon{display:block;height:100%}.color-picker .hs-selector{border-bottom:var(--border-width-50) solid var(--border-color);box-sizing:content-box;display:block;height:200px;padding:var(--spaced-600);width:200px}@media(max-width:500px){.color-picker .hs-selector{display:none}}.color-picker .hs-backdrop{border:2px solid var(--color-gray-900);border-radius:100%;box-sizing:border-box;height:100%;overflow:hidden;position:relative;width:100%}.color-picker .hs-selector-knob{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%}.color-picker .hs-selector-knob:focus{outline:none}.color-picker .hs-selector-knob:after{background-color:transparent;border:1px solid var(--color-gray-900);border-radius:100%;content:"";display:block;height:10px;width:10px}.color-picker .hs-selector-knob:focus:after{border-width:3px}.color-picker .color-picker-inputs{align-items:stretch;display:flex;flex-flow:column nowrap;justify-content:flex-start;padding:var(--spaced-400) var(--spaced-600) var(--spaced-600) var(--spaced-600)}.color-picker .hexcode-input{border:var(--border-width-100) solid transparent;border-radius:var(--border-radius-50);display:block;font-size:16px;margin:0 auto;padding:var(--spaced-200);text-align:center;width:6rem}.color-picker .hexcode-input:focus{border-color:var(--color-prim-900);outline:none}.color-picker .slider-input-block{display:flex;flex-flow:row wrap;justify-content:space-between;margin-top:var(--spaced-400)}.color-picker .slider-label{color:var(--color-gray-800);font-size:var(--font-size-200);font-weight:600;margin-bottom:var(--spaced-200);text-align:left}.color-picker .slider-input{width:100%}.color-picker .hue-input::-webkit-slider-runnable-track{background:linear-gradient(90deg,#e61a1a,#e6941a 10%,#bde61a 20%,#42e61a 30%,#1ae66b 40%,#1ae6e6 50%,#1a6be6 60%,#351ae6 70%,#af1ae6 80%,#e61aa2 90%,#e61a1a)}.color-picker .hue-input::-moz-range-track{background:linear-gradient(90deg,#e61a1a,#e6941a 10%,#bde61a 20%,#42e61a 30%,#1ae66b 40%,#1ae6e6 50%,#1a6be6 60%,#351ae6 70%,#af1ae6 80%,#e61aa2 90%,#e61a1a)}.color-picker .saturation-input::-webkit-slider-runnable-track{background:linear-gradient(90deg,grey,#0ef)}.color-picker .saturation-input::-moz-range-track{background:linear-gradient(90deg,grey,#0ef)}.color-picker .lightness-input::-webkit-slider-runnable-track{background:linear-gradient(90deg,#000,#fff)}.color-picker .lightness-input::-moz-range-track{background:linear-gradient(90deg,#000,#fff)}.color-picker .preset-color-list{display:flex;flex-flow:row wrap;justify-content:space-between;margin:0 calc(var(--spaced-300)*-1/2)}.color-picker .preset-color{border:1px solid var(--color-gray-900);border-radius:var(--border-radius-100);height:20px;margin:0 calc(var(--spaced-300)/2) var(--spaced-300);overflow:hidden;position:relative;transform:translateZ(0);width:20px}.color-picker .preset-color:after{border-left:var(--border-width-50) solid var(--color-gray-900);content:"";display:block;height:200%;transform:translate(17%) rotate(45deg);transform-origin:center;width:100%;z-index:0}.color-picker .preset-color:focus-within{outline:var(--border-width-100) solid var(--color-prim-900);outline-offset:1px}.color-picker .preset-color-button{background-color:transparent;bottom:0;cursor:pointer;display:block;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:1}.counter-input{align-items:center;display:flex}.counter-input .input-label{margin-right:auto}.counter-input .step-button{font-size:18px;text-align:center}.counter-input .decrement-button{order:0}.counter-input .number-input{order:1}.counter-input .increment-button{order:2}.counter-input .number-input{border:var(--border-width-50) solid var(--border-color);border-radius:var(--border-radius-50);color:var(--color-black);font-size:var(--font-size-300);height:34px;margin:0 4px;padding:0;text-align:center;width:50px}.counter-input .number-input:focus{border-color:transparent}.counter-input .number-input{-moz-appearance:textfield}.counter-input .number-input::-webkit-inner-spin-button,.counter-input .number-input::-webkit-outer-spin-button{-webkit-appearance:none}.font-select{font-size:16px;position:relative;text-transform:capitalize}.font-select .selected-font{align-items:center;border:1px solid var(--border-color);border-radius:var(--border-radius-100);cursor:pointer;display:flex;height:34px;justify-content:space-between;padding:0 10px}.font-select .selected-font:hover{background-color:var(--color-prim-50)}.font-select:focus-within .selected-font,.selected-font:focus{outline:2px solid var(--color-prim-900);outline-offset:-1px}.font-select .dropdown-arrow-icon{height:20px;width:20px}.font-select .font-options{align-items:stretch;background-color:var(--color-gray-0);border:var(--border-width-50) solid var(--border-color);border-radius:var(--border-radius-100);display:flex;flex-flow:column nowrap;position:absolute;top:calc(100% + 1px);z-index:2}.font-select .font-options>:first-child{border-top-left-radius:var(--border-radius-50);border-top-right-radius:var(--border-radius-50)}.font-select .font-options>:last-child{border-bottom-left-radius:var(--border-radius-50);border-bottom-right-radius:var(--border-radius-50)}.font-select .font-option-wrapper{align-items:center;display:flex;height:34px;position:relative}.font-select .font-option-wrapper:hover{background-color:var(--color-prim-50)}.font-select .font-option-wrapper:focus-within{outline:var(--border-width-50) solid var(--color-prim-900);z-index:1}.font-select .font-input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.font-select .font-input-label{font-size:16px;padding-right:20px}.font-select .selected-checkmark{height:20px;opacity:0;width:20px}.font-select .font-input:checked+.selected-checkmark{opacity:1}.board-persistence-modal .board-list{border:1px solid var(--border-color);border-radius:var(--border-radius-50);height:300px;max-width:100%;min-width:100%;overflow-y:scroll}.board-persistence-modal .saved-boards-header{font-size:var(--font-size-400);margin-bottom:var(--spaced-400)}.board-persistence-modal .current-board-header{margin-bottom:var(--spaced-500);padding:0 var(--spaced-300)}.board-persistence-modal .storage-summary{margin-top:var(--spaced-500)}.board-persistence-modal .not-persisted-warning{margin-bottom:var(--spaced-500)}.board-persistence-modal .confirm-discard-modal>:last-child{margin-top:var(--spaced-600)}.board-persistence-modal .not-supported-message{background-color:var(--color-gray-50);bottom:0;left:0;position:absolute;right:0;top:0;z-index:2}.board-persistence-modal .not-supported-message>p{margin-top:var(--spaced-300)}.board-persistence-modal .not-supported-message>button{margin-top:var(--spaced-700)}.board-persistence-modal .confirm-delete-container{background-color:var(--color-gray-50);border-radius:var(--border-radius-100);bottom:0;left:0;padding:var(--spaced-700);position:absolute;right:0;top:0;z-index:1}.board-persistence-modal .explain-save-text{padding-top:var(--spaced-500)}.board-persistence-modal .explain-save-text>:not(:first-child){padding-top:var(--spaced-100)}.board-persistence-modal .confirm-delete-text{margin-bottom:var(--spaced-600)}.board-persistence-modal .confirm-delete-text>span{display:inline-block;margin-bottom:var(--spaced-300)}.board-persistence-modal .autosave-notice{margin-left:auto;padding-left:var(--spaced-700)}.board-persistence-modal .save-as-button{position:absolute;right:var(--spaced-700);top:var(--spaced-700)}.board-persistence-modal .board-button-container{--button-height:28px;height:calc(var(--button-height) + var(--border-width-100));margin-left:auto;padding-left:var(--spaced-400)}.board-persistence-modal .board-button{display:none;margin-left:var(--spaced-400)}.board-persistence-modal .board-button:focus{outline-color:var(--color-prim-50);outline-offset:2px;outline-width:2px}.board-persistence-modal .board-option-label:focus-within .board-button:not([hidden]),.board-persistence-modal .board-option-label:hover .board-button:not([hidden]){display:unset}.board-persistence-modal .board-option-label{border-bottom:var(--border-width-50) solid var(--border-color);cursor:default;padding:var(--spaced-500)}.board-persistence-modal .board-option-label>:first-child{margin-bottom:var(--spaced-400)}.board-persistence-modal .board-option-label:focus-within,.board-persistence-modal .board-option-label:hover{background-color:var(--color-prim-800);outline:none}.board-persistence-modal .board-option-label:focus-within *,.board-persistence-modal .board-option-label:hover *{color:var(--color-gray-0)}.contact-form-container{--transition-timing:.25s;height:0;position:fixed;right:var(--screen-gutter);top:100%;width:450px;z-index:1}@media(max-width:500px){.contact-form-container{display:none}}.contact-form-container .contact-form-drawer{transform:translateY(-100%);transition:transform var(--transition-timing) ease-out}.contact-form-container .contact-form-drawer[hidden]{display:initial;transform:translateY(1%)}.contact-form-container .contact-form{background-color:var(--color-gray-50);border:var(--border-width-100) solid var(--color-prim-800);border-bottom:none;border-top-left-radius:var(--border-radius-100)}.contact-form-container .contact-form textarea{font-family:monospace;font-size:14px;max-height:40vh;min-height:150px;resize:vertical}.contact-form-container .visibility-toggle{align-self:end;border:var(--border-width-100) solid var(--color-prim-800);border-top-left-radius:var(--border-radius-100);border-top-right-radius:var(--border-radius-100);cursor:pointer;font-weight:700;padding:var(--spaced-400) var(--spaced-700) var(--spaced-400);transition:transform var(--transition-timing) ease-out}.contact-form-container .visibility-toggle:focus{outline:none}.contact-form-container .open-button{background-color:var(--color-prim-800);color:var(--color-gray-0);position:absolute;right:0;top:0;transform:translateY(calc(-100% + 4px));z-index:1}.contact-form-container .open-button:focus,.contact-form-container .open-button:hover{background-color:var(--color-prim-800);border-color:var(--color-prim-800);transform:translateY(-100%)}.contact-form-container .open-button[aria-expanded=true]{transform:translateY(0)}.contact-form-container .close-button{background-color:var(--color-gray-50);border-bottom:0;color:var(--color-gray-700);position:absolute;right:0;top:0;transform:translateY(-99%);z-index:-1}.contact-form-container .close-button:focus,.contact-form-container .close-button:hover,.contact-form-container .contact-form-drawer[aria-hidden=true] .close-button{background-color:var(--color-gray-0);transform:translateY(calc(-99% + 4px))}:root{--border-color:var(--color-gray-300);--button-height:40px;--canvas-color:var(--color-gray-0);--select-ui-color:var(--color-prim-700);--toolbar-border-radius:var(--border-radius-50);--screen-gutter:var(--spaced-500)}@media(min-width:600px){:root{--screen-gutter:var(--spaced-600)}}.whiteboard-page .page-container{align-items:center;bottom:0;display:flex;left:0;overflow:hidden;position:absolute;right:0;top:var(--site-header-height);z-index:0}.whiteboard-page .autosave-notification{background-color:var(--color-prim-800);border-radius:var(--border-radius-100);color:var(--color-gray-0);left:50%;padding:var(--spaced-300) var(--spaced-400);pointer-events:none;position:fixed;top:calc(var(--site-header-height) + var(--screen-gutter));transform:translateX(-50%);z-index:2}.whiteboard-page .blend-into-canvas{background-color:var(--canvas-color);border-radius:var(--border-radius-50);box-shadow:0 0 5px 5px var(--canvas-color)}.whiteboard-page .tool-selectors .radio-button-label{margin:-1px 0}.whiteboard-page .tool-selectors .radio-button:first-child .radio-button-label{border-top-left-radius:var(--toolbar-border-radius);border-top-right-radius:var(--toolbar-border-radius);overflow:hidden}.whiteboard-page .tool-selectors .radio-button:last-child .radio-button-label{border-bottom-left-radius:var(--toolbar-border-radius);border-bottom-right-radius:var(--toolbar-border-radius);overflow:hidden}.whiteboard-page .tool-selectors .radio-button-input:checked+.radio-button-label{z-index:1}.whiteboard-page .tool-help-text{bottom:-10px;font-size:var(--font-size-200);position:absolute;transform:translateY(100%)}@media(max-width:500px){.whiteboard-page .tool-help-text{display:none}}.whiteboard-page .tool-help-text ul{padding:var(--spaced-200);white-space:nowrap}.whiteboard-page .whiteboard{background-color:var(--canvas-color);cursor:none;height:100%;touch-action:none;width:100%}.whiteboard-page .whiteboard-text{font-kerning:none;letter-spacing:0;text-rendering:"optimizeSpeed";word-spacing:0}.whiteboard-page .side-toolbar-wrapper{align-items:flex-start;left:var(--screen-gutter);pointer-events:none;position:absolute;z-index:1}.whiteboard-page .side-toolbar-wrapper>.bottom-left-button-tray,.whiteboard-page .side-toolbar-wrapper>.shape-editors,.whiteboard-page .side-toolbar-wrapper>.tool-configurers,.whiteboard-page .side-toolbar-wrapper>.tool-selectors{pointer-events:auto}@media(max-width:500px){.whiteboard-page .side-toolbar-wrapper{background-color:var(--color-gray-0);bottom:0;flex-flow:column-reverse nowrap;left:0;right:0}}.whiteboard-page .toolbar{border:var(--border-width-50) solid var(--border-color);border-radius:var(--toolbar-border-radius)}.whiteboard-page .contextual-toolbar{--input-margin:var(--spaced-300);--toolbar-padding:var(--spaced-500);align-items:stretch;background-color:var(--color-gray-0);padding:calc(var(--toolbar-padding) - var(--input-margin)) var(--toolbar-padding)}.whiteboard-page .contextual-toolbar>*{margin:var(--input-margin) auto}.whiteboard-page .contextual-toolbar>.floating-button-container{margin:0}.whiteboard-page .tool-selectors{align-self:center;padding:0}@media(max-width:500px){.whiteboard-page .tool-selectors{flex-flow:row nowrap;margin:0 auto}}.whiteboard-page .text-box-textarea,.whiteboard-page .text-box-textarea:focus{background-color:transparent;border:none;caret-color:#000;caret-color:transparent;color:transparent;left:0;outline:none;overflow:hidden;padding:3px 7px;pointer-events:auto;position:fixed;resize:none;top:0;transform-origin:top left}.whiteboard-page .text-box-textarea ::selection{background-color:transparent}.whiteboard-page .text-box-textarea div{display:block;white-space:nowrap}.whiteboard-page .text-box-textarea br,.whiteboard-page .text-box-textarea span{display:inline-block;line-height:1;min-width:1px;vertical-align:baseline}.whiteboard-page .tool-configurers{margin:-1px var(--spaced-300)}.whiteboard-page .shape-editors{left:0;position:fixed;top:0;z-index:1}@media(max-width:500px){.whiteboard-page .shape-editors,.whiteboard-page .tool-configurers{align-items:flex-start;border-left:0;border-radius:0;border-right:0;box-shadow:none;display:flex;flex-flow:row wrap;justify-content:flex-start;margin:0;padding:var(--spaced-300);position:static;width:100%}.whiteboard-page .shape-editors>*,.whiteboard-page .tool-configurers>*{margin-right:0;min-width:50%;padding:0 var(--input-margin);width:auto}.whiteboard-page .shape-editors{transform:none!important}}.whiteboard-page .finish-polyline-button{border-radius:100%;height:25px;left:0;margin:0;padding:0;position:fixed;top:var(--site-header-height);width:25px}.whiteboard-page .input-label{color:var(--color-gray-800);font-size:var(--font-size-200);font-weight:600;margin-bottom:var(--spaced-300);text-align:left}.whiteboard-page .row>.input-label{margin-bottom:0;margin-right:var(--spaced-400)}.whiteboard-page .row.with-space>:not(:last-child){margin-right:calc(var(--toolbar-padding)/2)}.whiteboard-page .top-left-button-tray{display:flex;flex-flow:column nowrap;left:var(--screen-gutter);position:absolute;top:var(--screen-gutter)}.whiteboard-page .top-left-button-tray>:not(:last-child){margin-bottom:var(--spaced-400)}@media(max-width:500px){.whiteboard-page .top-left-button-tray{flex-direction:row}.whiteboard-page .top-left-button-tray>:not(:last-child){margin-bottom:0;margin-right:var(--spaced-300)}}.whiteboard-page .bottom-left-button-tray{bottom:var(--screen-gutter);left:var(--screen-gutter);position:fixed}@media(max-width:500px){.whiteboard-page .bottom-left-button-tray{bottom:calc(100% + var(--screen-gutter));position:absolute}}.whiteboard-page .tos-link{align-self:center;background-color:var(--color-gray-0);border-radius:var(--border-radius-50);padding:var(--spaced-300)}.whiteboard-page .new-room-button,.whiteboard-page .tos-link{margin-left:var(--spaced-500)}.whiteboard-page .right-sidebar{bottom:var(--screen-gutter);max-height:calc(100% - var(--screen-gutter)*2);pointer-events:none;position:absolute;right:var(--screen-gutter);top:var(--screen-gutter);width:300px;z-index:1}.whiteboard-page .invite-peers-button{pointer-events:auto}.whiteboard-page .floating-button{border:var(--border-width-50) solid var(--border-color);border-radius:var(--border-radius-50)}.whiteboard-page .floating-button:focus{border-color:var(--outline-color);outline:none}.whiteboard-page .invite-peers-modal{background-color:var(--color-gray-0);border:var(--border-width-50) solid var(--border-color);border-radius:var(--border-radius-50);line-height:1.5;max-width:30em;padding:var(--spaced-500);position:fixed;transform:translate(50px);width:100%;z-index:2}@media(max-width:500px){.whiteboard-page .invite-peers-button .invite-peers-modal{border-left:0;border-radius:0;border-right:0;bottom:0;left:0;margin:0;position:fixed;right:0;transform:none}}.whiteboard-page .invite-peers-modal .open-room-button{margin-bottom:var(--spaced-400);margin-top:var(--spaced-300)}.whiteboard-page .invite-peers-modal :focus{outline:none}.whiteboard-page .invite-peers-modal .invite-peers-modal-header{color:var(--color-gray-500);font-size:19px;font-weight:500;line-height:1;margin-bottom:var(--spaced-400);text-align:center}.whiteboard-page .invite-peers-modal .share-block{align-items:stretch;display:flex;margin:var(--spaced-300) 0}.whiteboard-page .invite-peers-modal .shareable-url{background-color:var(--color-gray-50);border:var(--border-width-50) solid var(--border-color);border-radius:var(--border-radius-50);font-family:monospace;line-height:32px;overflow:hidden;padding:0 var(--spaced-400);white-space:nowrap}.whiteboard-page .invite-peers-modal .share-button{margin-left:var(--spaced-300);position:relative}.whiteboard-page .invite-peers-modal .copy-confirmation{background-color:var(--color-prim-900);border-radius:var(--border-radius-300);bottom:calc(100% + var(--spaced-100));color:var(--color-gray-50);left:-50%;line-height:1;padding:var(--spaced-300) var(--spaced-400);position:absolute;white-space:nowrap}.whiteboard-page .expand-peer-list-btn{margin-bottom:var(--spaced-500);pointer-events:auto}.whiteboard-page .video-playing-indicator{animation:pulse-indicator 1s linear infinite alternate;background-color:var(--danger-color);border-radius:100%;display:inline-block;height:6px;margin-left:var(--spaced-400);outline:2px solid var(--danger-color);outline-offset:2px;width:6px}@keyframes pulse-indicator{0%{transform:scale(1)}to{transform:scale(.8)}}.whiteboard-page .video-tiles{max-height:100%;min-height:0;pointer-events:auto}.whiteboard-page .peers-list{flex:1;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;pointer-events:auto}.whiteboard-page .remoteview-container,.whiteboard-page .selfview-container{background-color:var(--color-gray-800);border-radius:var(--border-radius-100);height:225px;margin-bottom:var(--spaced-500);min-height:225px;overflow:hidden;pointer-events:auto;position:relative}.whiteboard-page .remoteview-container:last-child{margin-bottom:0}.whiteboard-page .remoteview,.whiteboard-page .selfview{height:100%;width:100%}.whiteboard-page .selfview{transform:scaleX(-1)}.whiteboard-page .selfview-buttons-container{bottom:0;padding:var(--spaced-400);position:absolute;right:0;z-index:1}.whiteboard-page .selfview-button{background-color:var(--color-gray-0);cursor:pointer;height:40px;margin:var(--spaced-400) 0 0 0;width:40px}.whiteboard-page .selfview-button:focus,.whiteboard-page .selfview-button:hover{background-color:var(--color-prim-100)}.whiteboard-page .selfview-button svg{stroke:var(--color-prim-800)}.whiteboard-page .enable-camera-button svg,.whiteboard-page .unmute-button svg{stroke:var(--color-gray-0)}.whiteboard-page .enable-camera-button,.whiteboard-page .unmute-button{background-color:var(--color-cmpl-800)}.whiteboard-page .enable-camera-button:focus,.whiteboard-page .enable-camera-button:hover,.whiteboard-page .unmute-button:focus,.whiteboard-page .unmute-button:hover{background-color:var(--color-cmpl-700)}.whiteboard-page .video-status-bg{margin:auto;width:33%}.whiteboard-page .video-status-bg svg{stroke:var(--color-gray-0)}
/*# sourceMappingURL=index-25fdf1f07b35032544e5.min.css.map*/