.buttons-bar-component{display:flex;flex-wrap:wrap;justify-content:space-between;min-height:4.7rem;padding:0;width:100%}.dark-mode .buttons-bar-component{background-color:var(--color-transparent-white-10)}.buttons-bar-wrapper{flex-shrink:0}.buttons-bar-wrapper-actions{display:flex;position:relative}.buttons-bar-action-button-repeat{display:none}.buttons-bar-actions{background-color:var(--color-bg-opaque);bottom:100%;box-shadow:var(--elevation-popover);display:none;flex-direction:column;position:absolute}[dir=ltr] .buttons-bar-actions{left:0}[dir=rtl] .buttons-bar-actions{right:0}.buttons-bar-actions.buttons-bar-active{display:flex}[dir=ltr] .buttons-bar-actions.buttons-bar-active{border-top-right-radius:var(--radius-5)}[dir=rtl] .buttons-bar-actions.buttons-bar-active{border-top-left-radius:var(--radius-5)}[dir=ltr] .buttons-bar-actions .buttons-bar-action-button{padding:.5rem 1rem .5rem 0}[dir=rtl] .buttons-bar-actions .buttons-bar-action-button{padding:.5rem 0 .5rem 1rem}.buttons-bar-actions .buttons-bar-action-button-repeat{display:inline-flex}.buttons-bar-action-button{margin:0;padding:0}@container (min-width: 600px){.buttons-bar-component{min-height:3.5rem;order:4;padding:0 .5rem}.buttons-bar-toggle-button{display:none}.buttons-bar-action-button-repeat{display:inline-flex}.buttons-bar-actions{background:transparent;bottom:0;box-shadow:none;display:flex;flex-direction:row;padding:0;position:static}.buttons-bar-actions .buttons-bar-action-button{padding:0}.buttons-bar-actions:not(.buttons-bar-empty-controls) .buttons-bar-action-button-repeat{display:none}}@keyframes edit-overlay-overlay-background{0%{background-position:0 0}to{background-position:var(--space-80) 0}}.edit-overlay-wrapper{overflow:hidden;position:relative;width:100%}.edit-overlay-wrapper.edit-overlay-editable{margin:var(--space-4);transition:outline-color .1s linear;width:auto}.edit-overlay-wrapper.edit-overlay-editable:not(.edit-overlay-no-border){border-radius:var(--radius-3);outline:var(--border-2) solid var(--color-border-default)}.edit-overlay-wrapper.edit-overlay-editable.edit-overlay-no-border{margin:0}.edit-overlay-wrapper.edit-overlay-editable.edit-overlay-show-toolbar{outline-color:var(--color-border-default-hovered)}.edit-overlay-wrapper.edit-overlay-editable.edit-overlay-show-toolbar:hover>.edit-overlay-toolbar{transition:transform .2s var(--motion-ease-out-dramatic)}.edit-overlay-wrapper.edit-overlay-editable.edit-overlay-show-toolbar:hover>.edit-overlay-toolbar.edit-overlay-left,.edit-overlay-wrapper.edit-overlay-editable.edit-overlay-show-toolbar:hover>.edit-overlay-toolbar.edit-overlay-right{transform:translate(0) translateY(-50%)}[dir=ltr] .edit-overlay-wrapper.edit-overlay-editable.edit-overlay-show-toolbar:hover>.edit-overlay-toolbar.edit-overlay-top,[dir=ltr] .edit-overlay-wrapper.edit-overlay-editable.edit-overlay-show-toolbar:hover>.edit-overlay-toolbar.edit-overlay-bottom{transform:translate(-50%) translateY(0)}[dir=rtl] .edit-overlay-wrapper.edit-overlay-editable.edit-overlay-show-toolbar:hover>.edit-overlay-toolbar.edit-overlay-top,[dir=rtl] .edit-overlay-wrapper.edit-overlay-editable.edit-overlay-show-toolbar:hover>.edit-overlay-toolbar.edit-overlay-bottom{transform:translate(50%) translateY(0)}.edit-overlay-blocked{transition:opacity .1s linear}.edit-overlay-blocked:after{animation-duration:2s;animation-iteration-count:infinite;animation-name:edit-overlay-overlay-background;animation-play-state:running;animation-timing-function:linear;color:var(--color-text-default);content:"";height:100%;opacity:.2;position:absolute;top:0;transition:opacity .2s linear;width:100%}[dir=ltr] .edit-overlay-blocked:after{background:linear-gradient(45deg,var(--color-bg-opaque) 25%,var(--color-bg-opaque-lighter) 25%,var(--color-bg-opaque-lighter) 50%,var(--color-bg-opaque) 50%,var(--color-bg-opaque) 75%,var(--color-bg-opaque-lighter) 75%,var(--color-bg-opaque-lighter) 100%);left:0}[dir=rtl] .edit-overlay-blocked:after{background:linear-gradient(-45deg,var(--color-bg-opaque) 25%,var(--color-bg-opaque-lighter) 25%,var(--color-bg-opaque-lighter) 50%,var(--color-bg-opaque) 50%,var(--color-bg-opaque) 75%,var(--color-bg-opaque-lighter) 75%,var(--color-bg-opaque-lighter) 100%);right:0}[dir] .edit-overlay-blocked:after{background-repeat:repeat;background-size:var(--space-80) var(--space-80)}.edit-overlay-blocked:hover{opacity:.4}.edit-overlay-toolbar{display:flex;flex-direction:row;flex-wrap:nowrap;height:var(--space-40);justify-content:space-between;min-width:var(--space-40);position:absolute;transition:transform .2s var(--motion-ease-in-dramatic)}.edit-overlay-toolbar:not(.edit-overlay-no-background){background-color:var(--color-bg-opaque-lighter)}[dir=ltr] .edit-overlay-toolbar.edit-overlay-top,[dir=ltr] .edit-overlay-toolbar.edit-overlay-bottom{left:50%}[dir=rtl] .edit-overlay-toolbar.edit-overlay-top,[dir=rtl] .edit-overlay-toolbar.edit-overlay-bottom{right:50%}.edit-overlay-toolbar.edit-overlay-top{border-bottom-left-radius:var(--radius-3);border-bottom-right-radius:var(--radius-3);top:0}[dir=ltr] .edit-overlay-toolbar.edit-overlay-top{transform:translate(-50%) translateY(calc(-100% - var(--space-4)))}[dir=rtl] .edit-overlay-toolbar.edit-overlay-top{transform:translate(50%) translateY(calc(-100% - var(--space-4)))}.edit-overlay-toolbar.edit-overlay-bottom{border-top-left-radius:var(--radius-3);border-top-right-radius:var(--radius-3);bottom:0}[dir=ltr] .edit-overlay-toolbar.edit-overlay-bottom{transform:translate(-50%) translateY(calc(100% + var(--space-4)))}[dir=rtl] .edit-overlay-toolbar.edit-overlay-bottom{transform:translate(50%) translateY(calc(100% + var(--space-4)))}.edit-overlay-toolbar.edit-overlay-left,.edit-overlay-toolbar.edit-overlay-right{top:50%}[dir=ltr] .edit-overlay-toolbar.edit-overlay-left{border-bottom-right-radius:var(--radius-3);border-top-right-radius:var(--radius-3);left:0;transform:translate(calc(-100% - var(--space-4))) translateY(-50%)}[dir=rtl] .edit-overlay-toolbar.edit-overlay-left{border-bottom-left-radius:var(--radius-3);border-top-left-radius:var(--radius-3);right:0;transform:translate(calc(-1*(-100% - var(--space-4)))) translateY(-50%)}[dir=ltr] .edit-overlay-toolbar.edit-overlay-right{border-bottom-left-radius:var(--radius-3);border-top-left-radius:var(--radius-3);right:0;transform:translate(calc(100% + var(--space-4))) translateY(-50%)}[dir=rtl] .edit-overlay-toolbar.edit-overlay-right{border-bottom-right-radius:var(--radius-3);border-top-right-radius:var(--radius-3);left:0;transform:translate(calc(-1*(100% + var(--space-4)))) translateY(-50%)}.modal-body-flex-row{display:flex;flex-direction:row}.modal-body-flex-right{justify-content:flex-end}.modal-body-flex-between{justify-content:space-between}.modal-body-flex-center{align-items:center;display:flex;justify-content:center}.modal-body-insertbar{padding:var(--space-8)}.modal-body-unsafe-label{color:var(--color-text-win);font-size:var(--font-size-14);font-weight:700;white-space:nowrap}[dir=ltr] .modal-body-unsafe-label{margin-right:var(--space-8)}[dir=rtl] .modal-body-unsafe-label{margin-left:var(--space-8)}.modal-body-unsafe-label.modal-body-unsafe{color:var(--color-text-loss)}.modal-body-unsafe-header{align-items:center;background-color:var(--color-bg-subtle);color:var(--color-text-default);font-size:var(--font-size-14);padding:var(--space-8)}.modal-body-fit{height:calc(100% - 10rem);width:100%}.configure-html-spacer{flex-grow:1;pointer-events:none}.configure-html-row{align-items:center;display:flex;flex-direction:row}.configure-html-preview-area{background-color:var(--color-bg-opaque);border:none;border-radius:var(--radius-5);box-shadow:0 .1rem .1rem 0 var(--color-transparent-black-20);flex:1;margin:var(--space-8);min-height:0;min-width:0;overflow-x:scroll;overflow-y:scroll}.configure-html-content-wrapper{min-height:100%;padding:var(--space-16)}.configure-html-empty-preview{align-items:center;display:flex;height:100%;justify-content:center}.configure-html-sidebar-header{display:flex;gap:var(--space-8);justify-content:space-between;padding:var(--space-16);width:100%}.configure-html-dock{background:var(--color-bg-opaque);border-radius:var(--radius-5);flex-shrink:0;margin:var(--space-8);padding-bottom:var(--space-16)}.configure-html-container{display:flex;height:calc(100vh - var(--space-16) * 3);width:100vw}.configure-html-container.configure-html-right{flex-direction:row}.configure-html-container.configure-html-bottom{flex-direction:column}.load-from-pgn-accordion{background-color:var(--color-gray-100);border-bottom:.1rem solid var(--color-gray-200)}.load-from-pgn-controls{margin-bottom:.9rem;width:100%}.load-from-pgn-stretch{margin:0;margin-bottom:.9rem;width:100%}.load-from-pgn-component{flex:1;gap:1.6rem}.load-from-pgn-textareaWrap{display:flex;flex:1;position:relative}.load-from-pgn-dragging{opacity:.2}.load-from-pgn-upload{border:.1rem solid var(--color-border-default);border-radius:var(--radius-10);display:flex;flex:1;flex-direction:column}.load-from-pgn-upload-button{background-color:transparent;border:none;margin:0;padding:0;align-items:center;background-color:var(--color-bg-subtler);border-radius:0 0 var(--radius-10) var(--radius-10);border-top:.1rem solid var(--color-border-default);color:var(--color-text-default);-moz-column-gap:.5rem;column-gap:.5rem;display:flex;font-size:1.4rem;font-weight:600;height:4.8rem;justify-content:center;width:100%}.load-from-pgn-upload-button:hover{color:var(--color-icon-default-hovered)}.load-from-pgn-overlay{align-items:center;color:var(--color-text-bolder);display:flex;font-size:1.8rem;height:100%;justify-content:center;pointer-events:none;position:absolute;top:0;width:100%}[dir=ltr] .load-from-pgn-overlay{left:0}[dir=rtl] .load-from-pgn-overlay{right:0}.load-from-pgn-filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:italic;font-weight:400}.load-from-pgn-textarea{border:none;border-radius:var(--radius-10) var(--radius-10) 0 0;min-height:10rem;resize:none}.load-from-pgn-cloud-icon{font-size:2.4rem}