.html-editor-selection-overlay{position:absolute;pointer-events:none;z-index:1000;box-sizing:border-box;transition:all .15s ease-in-out;animation:selectionPulse 2s ease-in-out infinite}.html-editor-selection-overlay.onScrollOrResize,.html-editor-selection-overlay.resizing,.html-editor-selection-overlay.spacing-adjusting{transition:none;animation:none}.html-editor-selection-overlay:after,.html-editor-selection-overlay:before{content:"";position:absolute;pointer-events:none;opacity:0;transition:opacity .2s ease-in-out}.html-editor-selection-overlay.show-padding-horizontal:before{content:"";opacity:1;position:absolute;top:0;left:0;width:var(--padding-left);height:100%}@media (prefers-color-scheme:dark){.html:where(:not(.is-light))-editor-selection-overlay.show-padding-horizontal:before{border:1px dashed rgba(59,130,246,.3)}}.html:where(.is-dark)-editor-selection-overlay.show-padding-horizontal:before{border:1px dashed rgba(59,130,246,.3)}@media (prefers-color-scheme:light){.html:where(:not(.is-dark))-editor-selection-overlay.show-padding-horizontal:before{border:1px dashed rgba(0,133,255,.3)}}.html:where(.is-light)-editor-selection-overlay.show-padding-horizontal:before{border:1px dashed rgba(0,133,255,.3)}@media (prefers-color-scheme:dark){.html:where(:not(.is-light))-editor-selection-overlay.show-padding-horizontal:before{background-color:rgba(59,130,246,.2)}}.html:where(.is-dark)-editor-selection-overlay.show-padding-horizontal:before{background-color:rgba(59,130,246,.2)}@media (prefers-color-scheme:light){.html:where(:not(.is-dark))-editor-selection-overlay.show-padding-horizontal:before{background-color:rgba(0,133,255,.2)}}.html:where(.is-light)-editor-selection-overlay.show-padding-horizontal:before{background-color:rgba(0,133,255,.2)}.html-editor-selection-overlay.show-padding-horizontal:after{content:"";opacity:1;position:absolute;top:0;right:0;width:var(--padding-right);height:100%}@media (prefers-color-scheme:dark){.html:where(:not(.is-light))-editor-selection-overlay.show-padding-horizontal:after{border:1px dashed rgba(59,130,246,.3)}}.html:where(.is-dark)-editor-selection-overlay.show-padding-horizontal:after{border:1px dashed rgba(59,130,246,.3)}@media (prefers-color-scheme:light){.html:where(:not(.is-dark))-editor-selection-overlay.show-padding-horizontal:after{border:1px dashed rgba(0,133,255,.3)}}.html:where(.is-light)-editor-selection-overlay.show-padding-horizontal:after{border:1px dashed rgba(0,133,255,.3)}@media (prefers-color-scheme:dark){.html:where(:not(.is-light))-editor-selection-overlay.show-padding-horizontal:after{background-color:rgba(59,130,246,.2)}}.html:where(.is-dark)-editor-selection-overlay.show-padding-horizontal:after{background-color:rgba(59,130,246,.2)}@media (prefers-color-scheme:light){.html:where(:not(.is-dark))-editor-selection-overlay.show-padding-horizontal:after{background-color:rgba(0,133,255,.2)}}.html:where(.is-light)-editor-selection-overlay.show-padding-horizontal:after{background-color:rgba(0,133,255,.2)}.html-editor-selection-overlay.show-padding-vertical:before{content:"";opacity:1;position:absolute;top:0;left:0;width:100%;height:var(--padding-top)}@media (prefers-color-scheme:dark){.html:where(:not(.is-light))-editor-selection-overlay.show-padding-vertical:before{border:1px dashed rgba(59,130,246,.3)}}.html:where(.is-dark)-editor-selection-overlay.show-padding-vertical:before{border:1px dashed rgba(59,130,246,.3)}@media (prefers-color-scheme:light){.html:where(:not(.is-dark))-editor-selection-overlay.show-padding-vertical:before{border:1px dashed rgba(0,133,255,.3)}}.html:where(.is-light)-editor-selection-overlay.show-padding-vertical:before{border:1px dashed rgba(0,133,255,.3)}@media (prefers-color-scheme:dark){.html:where(:not(.is-light))-editor-selection-overlay.show-padding-vertical:before{background-color:rgba(59,130,246,.2)}}.html:where(.is-dark)-editor-selection-overlay.show-padding-vertical:before{background-color:rgba(59,130,246,.2)}@media (prefers-color-scheme:light){.html:where(:not(.is-dark))-editor-selection-overlay.show-padding-vertical:before{background-color:rgba(0,133,255,.2)}}.html:where(.is-light)-editor-selection-overlay.show-padding-vertical:before{background-color:rgba(0,133,255,.2)}.html-editor-selection-overlay.show-padding-vertical:after{content:"";opacity:1;position:absolute;left:0;bottom:0;width:100%;height:var(--padding-bottom)}@media (prefers-color-scheme:dark){.html:where(:not(.is-light))-editor-selection-overlay.show-padding-vertical:after{border:1px dashed rgba(59,130,246,.3)}}.html:where(.is-dark)-editor-selection-overlay.show-padding-vertical:after{border:1px dashed rgba(59,130,246,.3)}@media (prefers-color-scheme:light){.html:where(:not(.is-dark))-editor-selection-overlay.show-padding-vertical:after{border:1px dashed rgba(0,133,255,.3)}}.html:where(.is-light)-editor-selection-overlay.show-padding-vertical:after{border:1px dashed rgba(0,133,255,.3)}@media (prefers-color-scheme:dark){.html:where(:not(.is-light))-editor-selection-overlay.show-padding-vertical:after{background-color:rgba(59,130,246,.2)}}.html:where(.is-dark)-editor-selection-overlay.show-padding-vertical:after{background-color:rgba(59,130,246,.2)}@media (prefers-color-scheme:light){.html:where(:not(.is-dark))-editor-selection-overlay.show-padding-vertical:after{background-color:rgba(0,133,255,.2)}}.html:where(.is-light)-editor-selection-overlay.show-padding-vertical:after{background-color:rgba(0,133,255,.2)}.html-editor-selection-overlay.show-margin-horizontal:before{content:"";opacity:1;position:absolute;top:0;right:100%;width:var(--margin-left);height:100%}@media (prefers-color-scheme:dark){.html:where(:not(.is-light))-editor-selection-overlay.show-margin-horizontal:before{border:1px dashed rgba(251,191,36,.3)}}.html:where(.is-dark)-editor-selection-overlay.show-margin-horizontal:before{border:1px dashed rgba(251,191,36,.3)}@media (prefers-color-scheme:light){.html:where(:not(.is-dark))-editor-selection-overlay.show-margin-horizontal:before{border:1px dashed rgba(255,166,0,.3)}}.html:where(.is-light)-editor-selection-overlay.show-margin-horizontal:before{border:1px dashed rgba(255,166,0,.3)}@media (prefers-color-scheme:dark){.html:where(:not(.is-light))-editor-selection-overlay.show-margin-horizontal:before{background-color:rgba(251,191,36,.2)}}.html:where(.is-dark)-editor-selection-overlay.show-margin-horizontal:before{background-color:rgba(251,191,36,.2)}@media (prefers-color-scheme:light){.html:where(:not(.is-dark))-editor-selection-overlay.show-margin-horizontal:before{background-color:rgba(255,166,0,.2)}}.html:where(.is-light)-editor-selection-overlay.show-margin-horizontal:before{background-color:rgba(255,166,0,.2)}.html-editor-selection-overlay.show-margin-horizontal:after{content:"";opacity:1;position:absolute;top:0;left:100%;width:var(--margin-right);height:100%}@media (prefers-color-scheme:dark){.html:where(:not(.is-light))-editor-selection-overlay.show-margin-horizontal:after{border:1px dashed rgba(251,191,36,.3)}}.html:where(.is-dark)-editor-selection-overlay.show-margin-horizontal:after{border:1px dashed rgba(251,191,36,.3)}@media (prefers-color-scheme:light){.html:where(:not(.is-dark))-editor-selection-overlay.show-margin-horizontal:after{border:1px dashed rgba(255,166,0,.3)}}.html:where(.is-light)-editor-selection-overlay.show-margin-horizontal:after{border:1px dashed rgba(255,166,0,.3)}@media (prefers-color-scheme:dark){.html:where(:not(.is-light))-editor-selection-overlay.show-margin-horizontal:after{background-color:rgba(251,191,36,.2)}}.html:where(.is-dark)-editor-selection-overlay.show-margin-horizontal:after{background-color:rgba(251,191,36,.2)}@media (prefers-color-scheme:light){.html:where(:not(.is-dark))-editor-selection-overlay.show-margin-horizontal:after{background-color:rgba(255,166,0,.2)}}.html:where(.is-light)-editor-selection-overlay.show-margin-horizontal:after{background-color:rgba(255,166,0,.2)}.html-editor-selection-overlay.show-margin-vertical:before{content:"";opacity:1;position:absolute;left:0;bottom:100%;width:100%;height:var(--margin-top)}@media (prefers-color-scheme:dark){.html:where(:not(.is-light))-editor-selection-overlay.show-margin-vertical:before{border:1px dashed rgba(251,191,36,.3)}}.html:where(.is-dark)-editor-selection-overlay.show-margin-vertical:before{border:1px dashed rgba(251,191,36,.3)}@media (prefers-color-scheme:light){.html:where(:not(.is-dark))-editor-selection-overlay.show-margin-vertical:before{border:1px dashed rgba(255,166,0,.3)}}.html:where(.is-light)-editor-selection-overlay.show-margin-vertical:before{border:1px dashed rgba(255,166,0,.3)}@media (prefers-color-scheme:dark){.html:where(:not(.is-light))-editor-selection-overlay.show-margin-vertical:before{background-color:rgba(251,191,36,.2)}}.html:where(.is-dark)-editor-selection-overlay.show-margin-vertical:before{background-color:rgba(251,191,36,.2)}@media (prefers-color-scheme:light){.html:where(:not(.is-dark))-editor-selection-overlay.show-margin-vertical:before{background-color:rgba(255,166,0,.2)}}.html:where(.is-light)-editor-selection-overlay.show-margin-vertical:before{background-color:rgba(255,166,0,.2)}.html-editor-selection-overlay.show-margin-vertical:after{content:"";opacity:1;position:absolute;left:0;top:100%;width:100%;height:var(--margin-bottom)}@media (prefers-color-scheme:dark){.html:where(:not(.is-light))-editor-selection-overlay.show-margin-vertical:after{border:1px dashed rgba(251,191,36,.3)}}.html:where(.is-dark)-editor-selection-overlay.show-margin-vertical:after{border:1px dashed rgba(251,191,36,.3)}@media (prefers-color-scheme:light){.html:where(:not(.is-dark))-editor-selection-overlay.show-margin-vertical:after{border:1px dashed rgba(255,166,0,.3)}}.html:where(.is-light)-editor-selection-overlay.show-margin-vertical:after{border:1px dashed rgba(255,166,0,.3)}@media (prefers-color-scheme:dark){.html:where(:not(.is-light))-editor-selection-overlay.show-margin-vertical:after{background-color:rgba(251,191,36,.2)}}.html:where(.is-dark)-editor-selection-overlay.show-margin-vertical:after{background-color:rgba(251,191,36,.2)}@media (prefers-color-scheme:light){.html:where(:not(.is-dark))-editor-selection-overlay.show-margin-vertical:after{background-color:rgba(255,166,0,.2)}}.html:where(.is-light)-editor-selection-overlay.show-margin-vertical:after{background-color:rgba(255,166,0,.2)}.html-editor-selection-overlay.visible{display:block}.html-editor-selection-overlay.hidden{display:none}.html-editor-hover-overlay{position:absolute;pointer-events:none;z-index:999;box-sizing:border-box;opacity:.7;border-style:dashed!important;animation:hoverPulse 1.5s ease-in-out infinite;transition:all .1s ease-in-out}.html-editor-hover-overlay.visible{display:block}.html-editor-hover-overlay.hidden{display:none}.html-editor-handle{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1001;transition:all .1s ease-in-out;border-radius:2px}@media (prefers-color-scheme:dark){.html:where(:not(.is-light))-editor-handle{border:1px solid #1f2937}}.html:where(.is-dark)-editor-handle{border:1px solid #1f2937}@media (prefers-color-scheme:light){.html:where(:not(.is-dark))-editor-handle{border:1px solid #fff}}.html:where(.is-light)-editor-handle{border:1px solid #fff}@media (prefers-color-scheme:dark){.html:where(:not(.is-light))-editor-handle{background-color:#3b82f6}}.html:where(.is-dark)-editor-handle{background-color:#3b82f6}@media (prefers-color-scheme:light){.html:where(:not(.is-dark))-editor-handle{background-color:#0085ff}}.html:where(.is-light)-editor-handle{background-color:#0085ff}.html-editor-handle:hover{transform:scale(1.5)}@media (prefers-color-scheme:dark){.html:where(:not(.is-light))-editor-handle:hover{box-shadow:0 2px 4px hsla(0,0%,100%,.2)}}.html:where(.is-dark)-editor-handle:hover{box-shadow:0 2px 4px hsla(0,0%,100%,.2)}@media (prefers-color-scheme:light){.html:where(:not(.is-dark))-editor-handle:hover{box-shadow:0 2px 4px rgba(0,0,0,.2)}}.html:where(.is-light)-editor-handle:hover{box-shadow:0 2px 4px rgba(0,0,0,.2)}.html-editor-handle-nw{cursor:nw-resize}.html-editor-handle-ne{cursor:ne-resize}.html-editor-handle-sw{cursor:sw-resize}.html-editor-handle-se{cursor:se-resize}.html-editor-handle-n{cursor:n-resize}.html-editor-handle-s{cursor:s-resize}.html-editor-handle-e{cursor:e-resize}.html-editor-handle-w{cursor:w-resize}@keyframes hoverPulse{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}@keyframes selectionPulse{0%,to{opacity:1}50%{opacity:.7}}.html-editor-spacing-handle{--spacing-handle-long:12px;--spacing-handle-short:4px;position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1001;transition:all .1s ease-in-out;border-radius:2px}.html-editor-spacing-handle-margin-bottom,.html-editor-spacing-handle-margin-top,.html-editor-spacing-handle-padding-bottom,.html-editor-spacing-handle-padding-top{width:var(--spacing-handle-long);height:var(--spacing-handle-short)}.html-editor-spacing-handle-margin-left,.html-editor-spacing-handle-margin-right,.html-editor-spacing-handle-padding-left,.html-editor-spacing-handle-padding-right{height:var(--spacing-handle-long);width:var(--spacing-handle-short)}.html-editor-spacing-handle:hover{transform:scale(1.2)}@media (prefers-color-scheme:dark){.html:where(:not(.is-light))-editor-spacing-handle[class*=padding-]{background-color:#3b82f6}}.html:where(.is-dark)-editor-spacing-handle[class*=padding-]{background-color:#3b82f6}@media (prefers-color-scheme:light){.html:where(:not(.is-dark))-editor-spacing-handle[class*=padding-]{background-color:#0085ff}}.html:where(.is-light)-editor-spacing-handle[class*=padding-]{background-color:#0085ff}@media (prefers-color-scheme:dark){.html:where(:not(.is-light))-editor-spacing-handle[class*=margin-]{background-color:#fbbf24}}.html:where(.is-dark)-editor-spacing-handle[class*=margin-]{background-color:#fbbf24}@media (prefers-color-scheme:light){.html:where(:not(.is-dark))-editor-spacing-handle[class*=margin-]{background-color:#ffa600}}.html:where(.is-light)-editor-spacing-handle[class*=margin-]{background-color:#ffa600}.html-editor-spacing-handle.active-handle{width:24px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;font-family:monospace;text-align:center;border-radius:3px;transform:none!important}@media (prefers-color-scheme:dark){.html:where(:not(.is-light))-editor-spacing-handle.active-handle{background-color:rgba(17,24,39,.85)}}.html:where(.is-dark)-editor-spacing-handle.active-handle{background-color:rgba(17,24,39,.85)}@media (prefers-color-scheme:light){.html:where(:not(.is-dark))-editor-spacing-handle.active-handle{background-color:rgba(0,0,0,.75)}}.html:where(.is-light)-editor-spacing-handle.active-handle{background-color:rgba(0,0,0,.75)}@media (prefers-color-scheme:dark){.html:where(:not(.is-light))-editor-spacing-handle.active-handle{color:#f9fafb}}.html:where(.is-dark)-editor-spacing-handle.active-handle{color:#f9fafb}@media (prefers-color-scheme:light){.html:where(:not(.is-dark))-editor-spacing-handle.active-handle{color:#fff}}.html:where(.is-light)-editor-spacing-handle.active-handle{color:#fff}@media (prefers-color-scheme:dark){.html:where(:not(.is-light))-editor-spacing-handle.active-handle[class*=padding-]{border:1px solid #3b82f6}}.html:where(.is-dark)-editor-spacing-handle.active-handle[class*=padding-]{border:1px solid #3b82f6}@media (prefers-color-scheme:light){.html:where(:not(.is-dark))-editor-spacing-handle.active-handle[class*=padding-]{border:1px solid #0085ff}}.html:where(.is-light)-editor-spacing-handle.active-handle[class*=padding-]{border:1px solid #0085ff}@media (prefers-color-scheme:dark){.html:where(:not(.is-light))-editor-spacing-handle.active-handle[class*=margin-]{border:1px solid #fbbf24}}.html:where(.is-dark)-editor-spacing-handle.active-handle[class*=margin-]{border:1px solid #fbbf24}@media (prefers-color-scheme:light){.html:where(:not(.is-dark))-editor-spacing-handle.active-handle[class*=margin-]{border:1px solid #ffa600}}.html:where(.is-light)-editor-spacing-handle.active-handle[class*=margin-]{border:1px solid #ffa600}.html-editor-spacing-handle:before{display:none}