.clipboard-dialog-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;list-style-type:none;padding-left:0!important;padding-top:10px;padding-bottom:30px}.clipboard-dialog-shortcut__key{display:block;font-size:30px;white-space:nowrap;margin-bottom:5px}.breakdance-preview-width-bar{z-index:1;width:0;position:absolute}.breakdance-preview-width-adjustment-handle{background:var(--white);color:var(--gray500);border-radius:0;width:7px;padding-top:3px;padding-bottom:3px;cursor:col-resize;overflow:hidden;transform:translateY(-50%)}.breakdance-preview-width-adjustment-handle,.breakdance-px-amount{font-size:var(--text-sm);position:absolute!important;top:50%;display:flex;align-items:center;justify-content:center}.breakdance-px-amount{transform:translateY(-50%) translateX(-100%);left:-7px;color:#fff;background-color:#0009;font-family:monospace;border-radius:3px;line-height:1;padding:4px 5px}.px-amount-reset-icon{font-size:var(--text-xs);margin-left:6px;cursor:pointer}.breakdance-toolbar-button{color:var(--blue600)!important}.breakdance-toolbar-button .v-btn__content{font-weight:500!important;letter-spacing:.5px!important;text-transform:none!important;font-size:15px!important}.breakdance-toolbar-button--active{background:var(--blue50)}.breakdance-iframe-main-wrapper{flex-grow:1;background-color:var(--gray50);display:flex;justify-content:center;overflow:auto}.breakdance-iframe-inner-wrapper{position:relative;display:flex;overflow-y:hidden;overflow-x:auto;width:100%;height:100%;box-shadow:0 0 12px #0003,0 0 30px #0000000d}.breakdance-iframe{border:0;flex-shrink:0;flex-grow:0;transform-origin:0 0}.iframe-reloaded-warning-block{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:var(--text-md);font-weight:700}.breakpoint-active>.device-icon-wrapper>i{color:var(--blue600)!important}.breakpoint-active{background-color:var(--gray100)!important}.device-icon-wrapper{width:24px;display:flex;align-items:center;justify-content:center}.device-icon-wrapper>i{font-size:20px!important;color:var(--gray600)}.topbar-section{display:grid;grid-auto-columns:max-content;grid-auto-flow:column;align-items:center;gap:6px;height:54px;padding-left:6px;padding-right:6px}.topbar-section-bl{border-left:1px solid var(--gray200)}.topbar-section-br{border-right:1px solid var(--gray200)}.undo-redo-top-bar-section{gap:0}.previewable-item-list-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.previewable-item-type{background-color:var(--gray200);padding:3px 6px;border-radius:4px;font-size:var(--text-2xs);font-weight:500;text-transform:uppercase;color:var(--gray900);display:flex;justify-content:center;align-items:center;margin-left:24px}.ellipsis-text,.previewable-item-label-stop-text-from-overflowing{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.previewable-items-zero-case{padding:18px 26px;color:var(--gray900)}.previewable-items-zero-case h4{font-size:var(--text-lg);font-weight:500;margin-bottom:14px}.previewable-items-zero-case p,ul{font-size:var(--text-sm)}.previewable-items-zero-case p,.previewable-items-zero-case ul>li{margin-bottom:8px}.preview-content-chooser-dialog-search-form-wrapper{padding:16px;border-bottom:1px solid var(--gray150)}.preview-content-chooser-dialog-search-box .v-text-field__details{display:none}.preview-content-chooser-dialog-search-box.v-input--dense>.v-input__control>.v-input__slot{margin-bottom:0}.preview-content-chooser-dialog-search-box.v-text-field.v-text-field--solo.v-input--dense>.v-input__control{min-height:auto}.document-chooser-text{width:180px}.document-chooser{display:flex;flex-direction:row;align-items:center;padding-left:8px;padding-right:8px;height:41px;border-radius:3px;justify-content:space-between;cursor:pointer}.document-chooser:hover{background-color:var(--gray100)}.document-chooser-text{display:flex;flex-direction:column}.document-chooser-text h2{font-weight:600;text-transform:uppercase;letter-spacing:1px;margin:0;line-height:1;font-size:var(--text-2xs);margin-top:1px;margin-bottom:2px;color:var(--gray500)}.document-chooser-text span{font-size:var(--text-sm);line-height:1.4;font-weight:500}.document-chooser-dropdown-icon{margin-left:30px}.document-chooser-item-selected{background:var(--gray100)}.previewable-items-zero-case-search{display:flex;align-items:center;width:100%;height:100%;padding:34px;flex-direction:column;justify-content:center}.previewable-items-zero-case-search h5{margin:16px 0 4px;font-size:var(--text-base);font-weight:500}.previewable-items-zero-case-search p{margin:0;font-size:var(--text-sm);font-weight:400;max-width:220px;text-align:center}.theme--dark .previewable-items-zero-case-search h5,.theme--dark .previewable-items-zero-case-search p{color:var(--gray400)}.previewable-items-zero-case-icon{color:var(--gray200);flex-shrink:0;width:120px;margin:0}.previewable-items-zero-case-icon path{stroke-width:4}.open-elements-toolbar-button{width:80px}.breakdance-topbar{box-shadow:0 1px 20px #000}.breakdance-topbar>.v-toolbar__content{padding:0;width:100%;border-bottom:1px solid var(--gray200)}.upgrade-to-pro-modal-content{width:100%;aspect-ratio:1.6/1;position:relative;background-color:var(--white)}.upgrade-to-pro-modal-content>iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.top-bar-settings-and-structure-section{gap:0}.open-properties-toolbar-button .breakdance-icon{transform:translate(1px,-1px)}.card-alert{padding-top:24px;padding-left:24px}.card-alert .card-alert__icon{width:48px;height:48px;padding:12px;margin-bottom:0}.confirm-dialog .v-card__actions{justify-content:flex-end}.breakpoint-edit .breakpoint-edit__value{cursor:pointer}.breakpoint-edit .breakpoint-edit__value:hover{background:#d2f5eb99}.breakpoint-edit .breakpoint-edit__input{width:44px;text-align:center;cursor:pointer;border-radius:4px;box-shadow:0 0 0 1px var(--gray400)}.breakpoint-edit__actions{display:flex}.media-query-string{font-size:14px;font-family:monospace}.media-query-box{width:100%}.media-query-box-items{border:2px solid var(--gray50);border-radius:8px;padding:24px 16px 16px;text-align:center;margin-bottom:24px}.media-query-box-label{font-size:var(--text-sm);margin-bottom:8px;font-weight:500;text-align:left;display:inline-block}.breakpoint-title{font-size:var(--text-md)}.media-query-input-wrapper{margin-bottom:16px}.preferences-empty-state{border:3px dashed var(--gray100);border-radius:8px;padding:24px 16px;text-align:center}.preferences-empty-state p{font-size:var(--text-base)}.preferences-empty-state p:last-child{margin-bottom:0}.add-breakpoint-heading-box{width:100%;text-align:left;margin-bottom:8px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}.add-breakpoint-heading{font-weight:500;font-size:var(--text-md)}.add-breakpoint-form-content-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;border:2px solid var(--gray50);border-radius:8px;padding:8px 16px;text-align:center}.add-breakpoint-form-content-wrapper .breakdance-text-input{width:100%;margin-bottom:8px}.preferences-panel-topbar{display:flex;justify-content:flex-start;align-items:center;position:sticky;top:0;padding:20px 24px;z-index:1;background-color:var(--white)}.preferences-panel-content-area{padding:16px 24px 24px;background-color:var(--white);flex-grow:1}.preferences-content-area>div{background-color:var(--gray50);display:flex;flex-direction:column;height:100%;overflow:auto}.preferences-bottom-panel{background-color:var(--white);display:flex;flex-direction:row;justify-content:flex-end;padding:16px;position:sticky;bottom:0;right:0}.preferences-panel-heading{color:var(--gray900);font-size:var(--text-lg);font-weight:500}.custom-font-family-font-face{border-radius:4px;border:1px solid var(--gray200);padding:24px;margin-bottom:24px;background-color:var(--gray50)}.custom-font-family-font-face-titlebar{display:flex;justify-content:space-between;align-items:center}.custom-font-family-font-face-titlebar-title{font-size:var(--text-base);font-weight:500;line-height:1;color:var(--gray900)}.custom-font-family-font-face-controls{display:flex;flex-direction:row;justify-content:space-around;align-items:center;margin-top:12px}.custom-font-family-font-face-controls-control{width:50%}.breakdance-font-file-uploader .breakdance-file-uploader{padding:20px}.breakdance-font-file-uploader-choose-link{color:#4b75ff;font-weight:500}.custom-font-family-font-faces{margin-bottom:16px}.custom-font-family{border:1px solid var(--gray200);border-radius:4px;margin-bottom:16px;overflow:hidden}.custom-font-family-titlebar{padding:4px 16px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;cursor:pointer;background-color:var(--gray50)}.custom-font-family-title{font-size:var(--text-md);font-weight:500;color:var(--gray900)}.custom-font-family-edit{padding:36px;border-top:1px solid var(--gray200)}.breakdance-text-input--css-url{margin-bottom:16px}.custom-font-families-topbar{display:flex;justify-content:flex-start;align-items:center;margin-bottom:20px;position:sticky;top:0;padding:20px;z-index:1;background-color:var(--gray200)}.custom-font-families-content-area{padding:20px}.preferences-heading{color:var(--gray900);font-size:var(--text-lg);font-weight:500}.add-font-family-toggle-button{color:var(--gray900);margin-left:12px;font-size:var(--icon-base);cursor:pointer}.add-font-family-form-content-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;border:2px solid var(--gray50);border-radius:8px;padding:8px 16px;text-align:center}.add-font-family-form-content-wrapper .breakdance-text-input{width:100%;margin-bottom:8px}.add-font-family-form-content-wrapper .breakdance-simple-input{font-size:var(--text-sm);height:40px}.preferences-input{background-color:var(--white)}.add-font-heading-box{width:100%;text-align:left;margin-bottom:8px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}.add-font-heading{font-weight:500;font-size:var(--text-md)}.ui-panel-title{color:var(--gray800);font-size:var(--text-sm)}.ui-setting{display:flex;flex-direction:row;justify-content:space-between}.ui-setting .v-input{margin:0;padding:0;width:100%}.ui-setting .v-label{font-size:var(--text-base);color:var(--gray800)}.ui-setting .v-input__slot{flex-direction:row-reverse;margin:0}.panel-positions .ui-panel-title{font-size:var(--text-base)}.ui-panel-title,.ui-setting .v-label{font-size:var(--text-sm)!important;font-weight:500;letter-spacing:.0071428571em!important;line-height:1.375rem;color:var(--gray800);position:relative}.preferences-modal-dialog{height:600px}.breakdance-tabs__tab{background-color:var(--gray50)!important;text-transform:none;letter-spacing:normal;justify-content:flex-start;font-size:var(--text-base);font-weight:500}.theme--dark .breakdance-tabs__tab.v-tab--active{color:#fff}.theme--light .breakdance-tabs__tab.v-tab--active{color:var(--gray800)}.breakdance-tabs .v-tabs-slider-wrapper{color:#fff}.theme--light .breakdance-tabs .v-tabs-slider-wrapper{color:var(--gray800)}.preferences-tab-area{position:sticky;top:0;background-color:var(--gray50)!important;width:200px;flex-grow:0;flex-shrink:0}.preferences-modal-title-text{font-size:var(--text-lg);font-weight:500;padding-left:24px;padding-top:20px;padding-bottom:24px}.preferences-modal-title{height:60px!important;min-height:60px!important;font-size:20px!important}.preferences-close-button{position:absolute;top:24px;right:24px;z-index:100}.styled-table{border-collapse:collapse;margin:25px 0;font-size:var(--text-sm);width:100%}.styled-table thead tr{text-align:left;background-color:var(--gray200)}.styled-table td,.styled-table th{padding:12px 15px}.styled-table tbody tr{border-bottom:1px solid var(--gray100)}.styled-table tbody tr:nth-of-type(2n){background-color:var(--gray50)}.breakdance-element-studio-adjustment-handle:hover{background:#1976d2}.element-studio-width-adjustment-bar{position:absolute;height:100%;width:3px;cursor:col-resize;background-color:var(--gray200);z-index:10}.element-studio-top-bar{min-height:60px;background-color:var(--white);border-bottom:1px solid var(--gray200);font-weight:500;font-size:var(--text-sm);color:var(--gray900);display:flex;align-items:center;justify-content:center}.breakdance-element-studio-searchbar{position:sticky;top:-8px;background:var(--white);z-index:1;height:auto;margin:0!important;padding:12px 16px 0!important;border-bottom:1px solid var(--gray200)}.breakdance-simple-input.element-studio-elements-menu .v-input__slot{border:none!important}.element-studio-element-name{font-size:var(--text-base)}.breakdance-dense-input .v-input__slot{min-height:0!important;height:33px;font-size:var(--text-xs)}.breakdance-dense-input .v-input__icon--clear button{font-size:var(--text-lg);margin-top:2px!important;margin-right:-17px}.breakdance-dense-input.v-text-field--full-width.v-input--dense.v-text-field--single-line .v-label{top:7px;font-size:var(--text-xs)}.breakdance-element-studio-copyable{display:flex;flex-direction:column;width:100%;height:100%}.breakdance-element-studio-copyable>textarea{width:100%;font-size:var(--text-xs);margin-bottom:8px;background-color:var(--gray200);border-radius:4px;padding:8px;flex-grow:1}.breakdance-element-studio-twig-code-helper{font-size:var(--text-xs);height:100%}.element-studio-repeater-options-variables{margin:3px 0}.element-studio-repeater-options-variable{cursor:pointer;margin-right:3px}.element-studio-dropdown-options .element-studio-condition-input-row,.element-studio-variable-options .element-studio-condition-input-row{display:flex;gap:10px}.element-studio .element-studio-control-section{margin-bottom:0}.element-studio .element-studio-control-section .v-expansion-panel-header{padding:0 20px}.element-studio .element-studio-control-section .v-expansion-panel-content__wrap{padding:8px}.element-studio .element-studio-control-label-input{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;width:130px;padding:4px;margin:-4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:12px;font-size:var(--text-xs)}.element-studio .element-studio-control-label-input:focus,.element-studio .element-studio-control-label-input:hover{outline:1px solid var(--gray400)}.element-studio .properties-panel-accordion-titlebar{padding:8px 15px}.element-studio .element-studio-control .properties-panel-accordion-titlebar{padding:6px 8px}.element-studio .properties-panel-accordion-titlebar{cursor:default}.element-studio .properties-panel-accordion-title,.element-studio .properties-panel-accordion-title>div{width:100%}.element-studio .properties-panel-accordion-content{text-align:center}.element-studio .element-studio-control .properties-panel-accordion{border:1px dashed var(--gray400)}.element-studio .properties-panel-accordion .properties-panel-accordion{margin-bottom:6px;border-radius:4px}.element-studio .element-studio-control .properties-panel-accordion-titlebar{border-bottom:0!important}.element-studio .element-studio-control .properties-panel-accordion .properties-panel-accordion-content,.element-studio .element-studio-control .properties-panel-accordion-toggle{display:none}.element-studio .breakdance-repeater-item .code-input{max-height:500px;overflow:auto;border-radius:6px}.element-studio-control-type-dropdown{max-width:250px;margin-top:0;position:relative;top:-2px}.element-studio-control-type-dropdown .v-select__slot input{font-size:var(--text-2xs)}.element-studio-poppy-card{padding:16px;font-size:var(--text-xs)}.element-studio-poppy-card h3{margin-top:16px}.element-studio-inline-helper-code{margin-top:7px}.element-studio-inline-helper-code textarea{height:200px;white-space:pre-line}.element-studio-dependencies-separator{margin:16px 0;height:2px;background:var(--gray200);width:100%}.element-studio__execute-inline-script-dependencies{text-align:right;padding-bottom:10px}.element-studio-action-info{font-size:14px;text-align:left;background:var(--gray100);padding:10px 14px;border-radius:4px;margin:12px 0;max-height:40px;overflow:hidden;transition:max-height .3s;cursor:pointer}.element-studio-action-info__open{max-height:250px}.element-studio-action-info i{margin-left:6px;color:var(--gray500)}.element-studio-default-properties-instructions{max-width:300px;padding:12px;border:1px solid var(--gray100);font-size:var(--text-2xs);margin-top:12px;margin-bottom:16px}.element-studio-default-properties-preview{font-size:var(--text-2xs);max-width:300px;padding:12px;border:1px solid var(--gray100);margin-top:4px;overflow:auto}.element-studio-spacing-bar{word-break:break-word;text-align:left;font-size:var(--text-sm)}.element-studio-spacing-bars .breakdance-inline-repeater button{display:none}.element-studio-tabs-panel h3{margin-top:12px}.element-studio-tabs-items{flex-grow:1;display:flex;flex-direction:column}.element-studio-tabs-items>div{padding:0;flex-grow:1}.element-studio-tabs-items .studio-default-elements-panel{padding:20px;margin-bottom:40px}.element-studio-tabs-items .studio-dependencies-panel{padding:20px}.element-studio-tabs{border-bottom:1px solid var(--gray200)}.element-studio-tabs .v-tab{min-width:55px}.breakdance-element-studio-element-badges{display:flex;flex-direction:row;gap:20px}.element-studio__presets-code-help{padding:12px;font-size:var(--text-xs)}.element-studio__presets-code-help pre{display:inline-block}.element-studio{border-left:1px solid var(--gray200);position:relative;z-index:1;height:100%}.element-studio .breakdance-codemirror,.element-studio .breakdance-codemirror .CodeMirror{height:100%}.element-studio .code-input{font-size:var(--text-xs);height:100%;border-radius:0;margin:0;border:none}.element-studio__hide-the-close-button .element-studio-close-panel,.element-studio__hide-the-switch-mode-button .element-studio-switch-mode{display:none}.element-studio-wrapper{height:100%}.element-studio-content{height:calc(100% - 60px)}.panel-50-top-panel{border-bottom:4px solid var(--gray500)}.panel-50{height:50%}.panel-100{height:100%}.panel-50-h{height:100%;width:50%}.panel-50-h-first-panel{border-right:4px solid var(--gray500)}.properties-panel-titlebar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--gray200)}.properties-panel-titlebar-title{font-size:var(--text-md);font-weight:500;color:var(--gray900)}.blank-sidebar-text h5,.blank-sidebar-text p{text-align:center;font-size:var(--text-sm)}.blank-sidebar-text h5{font-size:var(--text-base);margin-bottom:4px}.theme--dark .blank-sidebar-text{color:var(--gray400)}.properties-panel-search-extra-button{display:flex;justify-content:center;align-items:center;line-height:1;padding:0 8px;height:25px;border-radius:3px;font-size:var(--text-2xs);letter-spacing:.4px;font-weight:500;text-transform:lowercase;background-color:var(--gray150);color:var(--gray600);cursor:pointer;transition:all .3s ease}.properties-panel-search-extra-button:not(.properties-panel-search-extra-button-on):hover{background-color:var(--gray200)}.properties-panel-search-extra-button-on{color:var(--blue600);background-color:var(--blue50)}.properties-panel-search-box-wrap{position:relative;height:48px;border-top:1px solid var(--gray200);transition:opacity .2s ease-in-out}.properties-panel-search-box-wrap--disabled{opacity:.3;pointer-events:none}.properties-panel-search-box-inner-wrap{position:relative;height:100%}.properties-panel-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--gray400);z-index:1}.properties-panel-search-text-input,.properties-panel-search-text-input .breakdance-text-input-wrapper{width:100%;height:100%}.properties-panel-search-text-input .breakdance-text-input-wrapper>input{padding-right:100px;padding-left:32px;height:100%;border:0!important;font-size:var(--text-sm)}.properties-panel-search-actions{position:absolute;right:8px;top:50%;display:flex;flex-direction:row;gap:4px;transform:translateY(-50%)}.properties-panel-search-settings-toggle{display:flex;gap:3px}.properties-panel-search-empty-state{text-align:center}.properties-panel-search-empty-state h5{margin:16px 0 4px;font-size:var(--text-base);font-weight:500}.properties-panel-search-empty-state p{margin:0;font-size:var(--text-sm);font-weight:400;max-width:220px;text-align:center}.theme--dark .properties-panel-search-empty-state h5,.theme--dark .properties-panel-search-empty-state p{color:var(--gray400)}.properties-panel-search-empty-state svg{color:var(--gray200);flex-shrink:0;height:100px;margin:0}.properties-panel-search-empty-state svg path{stroke-width:4}.breakdance-tab{width:33.333%;font-weight:500;text-transform:uppercase;letter-spacing:1px;display:flex;justify-content:center;align-items:center;border-bottom:2px solid #0000;padding:5px;cursor:pointer;flex-grow:1;color:var(--gray700)}.breakdance-tab__icon,.breakdance-tab__label{justify-content:center;align-items:center;display:flex;height:45px}.breakdance-tab__icon{font-size:var(--icon-base)}.breakdance-tab__label{font-size:var(--text-sm)}.breakdance-tab:not(.breakdance-tab--active):hover .breakdance-tab__icon{color:var(--gray700)}.breakdance-tab--active{background-color:var(--gray50);color:var(--gray700);border-bottom:2px solid var(--gray600)}.breakdance-tab__context-menu{position:absolute;z-index:10000}.breakdance-tabs-row,.element-preset-chooser[data-v-6ca03713]{display:flex;flex-direction:row;border-bottom:1px solid var(--gray200)}.element-preset-chooser[data-v-6ca03713]{padding:11px;gap:4px}.element-preset-chooser__input[data-v-6ca03713]{position:relative;flex:1}.element-preset-chooser__create-button--disabled[data-v-6ca03713]{opacity:.5;pointer-events:none}.element-preset-chooser__icon[data-v-6ca03713]{color:var(--gray600);padding-right:3px}.element-preset-chooser__actions[data-v-6ca03713]{position:absolute;top:50%;right:6px;translate:0 -50%;display:flex;gap:4px}.element-preset-chooser__detach[data-v-6ca03713]{background-color:#0000}.element-preset-chooser__detach[data-v-6ca03713]:hover{background-color:var(--gray150)}.element-preset-chooser-invalid[data-v-6ca03713]{display:flex;flex-direction:column;gap:10px;padding:11px}.control-tree-search-term{padding:13px 18px;margin:0;line-height:1;font-size:var(--text-sm);font-weight:500;color:var(--gray500);display:flex;flex-direction:row;align-items:center;justify-content:space-between}.control-tree-search-clear{padding:2px;cursor:pointer}.preset-selected-message{display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:var(--text-sm);padding:50px 20px;gap:10px;text-align:center;text-wrap:balance}.breakdance-add-panel-search{z-index:10;padding:15px 18px;background-color:var(--white);border-bottom:1px solid var(--gray200);position:sticky;top:0}.breakdance-add-panel__item-wrapper{overflow-y:auto;height:100%}.breakdance-add-panel__item-element-wrapper{display:flex;flex-direction:column}.breakdance-add-panel__item-element-wrapper--search{padding:18px}.breakdance-add-panel__no-results-for-search{display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:500}.design-library-skeleton-loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:60px 30px;background-color:var(--white)}.design-library-skeleton-line{position:relative;display:block;width:50%;height:40px;background-color:var(--gray100);border-radius:60px;margin-bottom:40px;overflow:hidden}.design-library-skeleton-line:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);transform:translateX(-100%);animation:loading 1.5s infinite}.design-library-skeleton-header{display:flex;justify-content:space-between;gap:30px;width:100%;margin-bottom:100px}.design-library-skeleton-header .design-library-skeleton-line:first-child,.design-library-skeleton-header .design-library-skeleton-line:nth-child(3){width:15%}.design-library-skeleton-header .design-library-skeleton-line:nth-child(2){width:33%}.design-library-skeleton-hero{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:75px}.design-library-skeleton-hero .design-library-skeleton-line:first-child{width:60%}.design-library-skeleton-hero .design-library-skeleton-line:nth-child(2){width:30%}.design-library-skeleton-button{display:flex;gap:35px;width:450px}.design-library-skeleton-button .design-library-skeleton-line{border-radius:6px;height:68px;background-color:var(--gray300)}.design-library-skeleton-button .design-library-skeleton-line:first-child{width:50%}.design-library-skeleton-button .design-library-skeleton-line:nth-child(2){width:50%;background-color:#0000;border:4px solid var(--gray300)}.design-library-sidebar{width:200px;height:100%;overflow:auto;flex-shrink:0;border-right:1px solid var(--gray200)}.design-library-sidebar .v-treeview-node__toggle{display:none}.design-library-sidebar .v-treeview-node__level{width:20px}.design-library-sidebar .v-treeview-node__children .v-treeview-node__root{padding-left:0;padding-right:0}.design-library-sidebar .v-treeview-node__prepend:empty{display:none}.design-library-sidebar .v-treeview-node__label{font-size:var(--text-sm);font-weight:500;color:var(--gray700)}.design-library-sidebar-header{position:sticky;top:0;z-index:1;padding:10px;border-bottom:1px solid var(--gray200);background-color:var(--gray50)}.design-library-dialog{--design-library-header-height:56px;height:calc(100% - 25px);transition-timing-function:cubic-bezier(.65,0,.35,1);overflow:hidden}.design-library-dialog.v-dialog--fullscreen{height:100%}.design-library-header{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:center;height:var(--design-library-header-height);background-color:var(--white);border-bottom:1px solid var(--gray200)}.design-library-provider-chooser{width:280px;height:100%}.design-library-provider-chooser .v-select{align-items:center;height:100%;border-radius:0}.design-library-provider-chooser .v-input{border-top:none!important;border-bottom:none!important}.design-library-provider-chooser .breakdance-dense-select .v-input__slot{padding-left:15px!important}.design-library-contents{width:100%;height:calc(100% - var(--design-library-header-height))}.design-library-contents,.design-library-iframe-wrapper{position:relative;display:flex;flex-grow:1;background-color:var(--gray50)}.design-library-iframe-wrapper{justify-content:center;flex-direction:row;flex-direction:column;overflow:auto}.design-library-iframe-inner-wrapper{width:100%;height:100%;overflow:hidden;align-self:center}.design-library-iframe{height:100%;border:none;margin:0 auto;box-shadow:0 0 12px #0003,0 0 30px #0000000d;transform-origin:0 0;background-color:#fff}.beta-warning{background-color:#faa;color:#c00;font-size:var(--text-sm);font-weight:500;display:flex;line-height:1;padding:6px 4px;border-radius:4px;margin-left:auto;margin-right:auto}.design-library-global-settings-warning{position:relative;padding:16px;flex-direction:row;justify-content:space-between;font-size:var(--text-sm);font-weight:500;z-index:2;box-shadow:0 15px 20px -15px #00000026}.design-library-global-settings-warning,.design-library-import-global-settings-panel{background-color:var(--white);border-bottom:1px solid var(--gray200);display:flex;align-items:center}.design-library-import-global-settings-panel{padding:60px 8px;flex-direction:column;justify-content:center;text-align:center}.design-library-import-global-settings-panel>span{font-size:var(--text-md);font-weight:500;margin-bottom:18px;max-width:400px}.design-library-global-settings-warning-text{display:flex;align-items:center;gap:6px}.design-library_warning-icon{color:var(--yellow600)}.design-library_success-icon{color:var(--green600)}.breakdance-panel-header{position:sticky;left:0;top:0;z-index:2;padding:14px;border-bottom:1px solid var(--gray200)!important}.breakdance-panel-header-title{font-size:var(--text-base);font-weight:500;letter-spacing:.5px;line-height:1;display:flex;flex-direction:row;align-items:center;gap:8px}.breakdance-panel-header-close-button{margin-top:-6px;margin-bottom:-6px;margin-right:-6px}.breakdance-panel-header-close-button.breakdance-toolbar-icon-button,.breakdance-panel-header-left-of-close-button.breakdance-toolbar-icon-button{height:30px!important;width:30px!important}.breakdance-add-panel{height:100%;overflow:auto}.breakdance-add-panel__selection-wrapper{display:flex;padding:15px 18px 0;background-color:var(--white)}.breakdance-add-panel__panel-selection{display:flex;justify-content:center;padding:5px;width:100%;border-radius:3px;border:1px solid var(--blue700);color:var(--blue600);font-weight:500;font-size:var(--text-xs)}.breakdance-add-panel__panel-selection:last-of-type{margin-left:8px}.breakdance-add-panel__panel-selection--active,.breakdance-add-panel__panel-selection:hover{background:var(--blue50)}.breakdance-panel-header-button{display:flex;justify-content:center;align-items:center;line-height:1;padding:0 8px;height:25px;border-radius:3px;font-size:var(--text-2xs);letter-spacing:.4px;font-weight:500;text-transform:lowercase;background-color:var(--gray150);border:1px solid var(--gray150);color:var(--gray600);cursor:pointer;transition:all .3s ease;box-sizing:border-box}.breakdance-panel-header-button--enabled{color:var(--blue600);background-color:var(--blue50);border:1px solid var(--blue100)}.revisions-item{display:flex;justify-content:space-between;padding:15px 20px;cursor:pointer;transition:background-color .3s ease,border-color .3s ease;font-size:var(--text-xs);font-weight:500}.revisions-item:nth-child(odd):not(.revisions-item--selected){background:var(--gray100)}.revisions-item:hover:not(.revisions-item--selected){background-color:var(--blue100)}.revisions-item--selected{background-color:var(--blue300)}.breakdance-revisions-list__loading{text-align:center;padding:15px}.breakdance-revisions-list__not-found{padding:20px}.breakdance-revisions-list__not-found h2{font-size:var(--text-xl);margin-bottom:8px}.breakdance-revisions-list__not-found p{font-size:var(--text-md)}.breakdance-revisions-list__items{color:var(--gray900);padding-bottom:80px}.global-settings-panel{height:100%}.add-selector{padding:16px}.breakdance-manage-selectors .selectors-list-selectors{border-top:1px solid var(--gray200);padding:16px}.control-tree-search-term-selector{border-top:1px solid var(--gray200)}.breakdance-selector-titlebar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex:0;padding:16px}.editing-class-hover-hover-button-always{letter-spacing:.5px;text-transform:lowercase;padding:6px!important}.editing-class-hover-hover-button{color:var(--gray500)!important;background-color:var(--gray50)!important}.editing-class-hover-hover-button-active{background-color:var(--blue50)!important;color:var(--blue600)!important}.editing-class-badge{font-size:var(--text-2xs);padding:2px;line-height:1;background-color:var(--gray200);border-radius:4px;margin-right:4px}.selector-titlebar-classname{font-size:var(--text-xs);font-weight:500;letter-spacing:.25px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;border-radius:4px}.edit-selector-invalid-name-error{padding:16px;padding-top:0;color:var(--red500);font-size:var(--text-xs);font-weight:500}.edit-selector-border{border-bottom:1px solid var(--gray200)}.blink-on-change-enter-active{transition:opacity .5s ease}.blink-on-change-leave-active{display:none}.blink-on-change-enter,.blink-on-change-leave-to{opacity:0}.selectors-panel{height:100%}.structure-panel-empty-state{height:100%;display:flex;flex-direction:column;justify-content:center;text-align:center}.structure-panel-empty-state p{font-size:var(--text-sm)}.structure-panel-empty-state h5{font-size:var(--text-base);margin-bottom:4px}.theme--dark .structure-panel-empty-state h5,.theme--dark .structure-panel-empty-state p{color:var(--gray400)}.root-node,.root-node *{box-sizing:border-box}.root-node{margin-left:12px}.breakdance-structure-panel{background-color:var(--gray50)}.breakdance-structure-panel__toggle-button{display:flex;align-items:center;gap:5px;align-self:center;font-size:var(--text-xs);color:var(--gray900);margin-top:2px;transition:color .2s}.breakdance-structure-panel__toggle-button:hover{color:var(--blue700)}.structure-panel-content-wrapper{padding:8px;flex:1}.structure-panel-content-wrapper.is-draggable.drag-in-progress{cursor:grabbing}.structure-node-title-real{margin-top:-1px;margin-right:-1px;position:relative}.structure-node-toggle-wrapper{position:absolute;left:-16px;top:8px;opacity:.5}.structure-node-title-real-real{padding:0 9px;flex-grow:1;background-color:var(--white);border:1px solid var(--gray300);height:30px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.structure-node-title-real-real:hover .structure-node-actions__wrapper{display:flex}.is-draggable .structure-node-title-real-real:not(.structure-panel-editing-friendly-name){cursor:grab}.is-draggable.drag-in-progress .structure-node-title-real-real,.is-draggable.force-grabbing-cursor .structure-node-title-real-real{cursor:grabbing}.structure-node-title-real-real .element-title-text{display:flex;align-items:center;width:calc(100% - 19px);font-size:var(--text-2xs);font-weight:500;color:var(--gray900);letter-spacing:.25px;line-height:1.2;margin-right:auto;position:relative;top:1px}.structure-node-title-real-real:hover .element-title-text{width:calc(100% - 85px)}.structure-node-title-real-real.structure-panel-editing-friendly-name .element-title-text,.structure-node-title-real-real.structure-panel-editing-friendly-name:hover .element-title-text{width:100%}.structure-node-title-real-real .element-custom-name-input{outline:none;border:none;color:var(--gray500);background-color:var(--white);padding:2px 3px;box-shadow:0 0 4px #0003;width:100%;margin-right:2px}.structure-node-title-real-real .element-title__meta{color:var(--gray500);padding-left:2px}.structure-node-actions__wrapper{display:none;flex-direction:row;align-items:center}.structure-node-action-icons{margin-right:9px;font-size:var(--text-sm);line-height:1;height:100%}.structure-node-icon{margin-right:7px;color:var(--gray700)}.structure-node-action__icon{display:flex;align-items:center;justify-content:center;color:var(--gray700);cursor:pointer;width:20px;height:100%;width:100%;font-size:var(--text-sm)}.structure-node-action__icon:hover{color:var(--blue700);transition:color .2s}.structure-node-action-toggle{cursor:pointer}.structure-node{height:100%}.structure-node,.structure-node .structure-node-title-wrapper{position:relative}.structure-node-title-wrapper>.top-half{position:absolute;top:0;left:0;right:0;bottom:50%;z-index:-1}.structure-node-title-wrapper>.bottom-half{position:absolute;top:50%;left:0;right:0;bottom:0;z-index:-1}.structure-node-title-wrapper>.nest-shallower{position:absolute;top:0;bottom:0;left:0;z-index:-1}.structure-node-title-wrapper>.nest-deeper{position:absolute;top:0;right:0;bottom:0;z-index:-1}.structure-node-children{position:relative}.breakdance--active-element>.structure-node-title-real>.structure-node-title-real-real{background:var(--blue300)}.breakdance--currently-dragging{opacity:.5}.snapshots-item{display:flex;justify-content:space-between;padding:15px 20px;cursor:pointer;transition:background-color .3s ease,border-color .3s ease;font-size:var(--text-xs);font-weight:500}.snapshots-item:hover:not(.snapshots-item--selected){background-color:var(--blue100)}.snapshots-item--selected{background-color:var(--blue300)}.snapshots-list{height:100%}.revisions-panel{position:relative;height:100%}.breakdance-history-and-revisions-panel__tabs-items{background-color:var(--gray50)!important;display:flex;flex:1;flex-direction:column}.width288{width:288px}.borderOnRight>div{border-right:1px solid var(--gray200)}.borderOnLeft>div{border-left:1px solid var(--gray200)}.breakdance-app-left-area,.breakdance-app-right-area{flex-shrink:0}.presets-list{padding:16px}.presets-list-group{margin-bottom:16px}.presets-list-title{font-weight:500}.properties-panel-search-box-wrap-presets input.breakdance-simple-input{height:100%;padding-left:32px;border:0!important;font-size:var(--text-sm)}.properties-panel-search-box-wrap-presets .breakdance-text-input,.properties-panel-search-box-wrap-presets .breakdance-text-input-wrapper{height:100%;position:relative}.add-preset{display:grid;grid-template-columns:2fr 2fr 1fr;padding:16px;gap:5px;border-bottom:1px solid var(--gray200)}.add-preset .breakdance-simple-input--text{height:35px}.manage-presets-import-export{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px;border-bottom:1px solid var(--gray200)}.control-tree-search-term-preset{border-top:1px solid var(--gray200)}.breakdance-preset-content{padding:16px}.breakdance-preset-element-name,.breakdance-preset-titlebar{display:flex;flex-direction:row;align-items:center;flex:0}.breakdance-preset-titlebar{justify-content:space-between}.breakdance-preset-element-name{gap:10px;margin-bottom:5px}.breakdance-preset-element-name .breakdance-preset-element-name__icon{padding:6px;color:var(--black);background-color:var(--gray100);border-radius:4px}.edit-preset-border{border-bottom:1px solid var(--gray200)}.presets-panel{height:100%}.ai-images-search-input{position:relative}.ai-images-preview-btn{position:absolute;right:0;top:0;bottom:0;height:100%!important;border-radius:0}.ai-images-preview{display:flex;gap:5px;list-style-type:none;scroll-snap-type:x mandatory;overflow-x:scroll;padding:0!important;margin-top:10px}.ai-images-preview a{flex-shrink:0}.ai-images-preview img{display:block;max-width:50px;height:50px;object-fit:cover;background-color:#eee;border-radius:6px;overflow:hidden}.ai-business-form{display:flex;gap:20px;flex-direction:column}.ai-business-field__label,.ai-writer-tooltip{font-size:var(--text-sm)}.ai-writer-tooltip{text-align:right;display:inline-flex;align-items:center;gap:4px;color:var(--gray400);cursor:pointer;margin-top:5px}.ai-writer-button{margin-top:25px}.ai-writer-toggle .v-input--selection-controls{margin-top:0}.ai-writer-toggle+.ai-writer-toggle{margin-top:8px}.ai-writer-field--row{display:grid;grid-template-columns:1fr 1fr;align-items:center}.ai-writer-field__label,.ai-writer-warning{font-size:var(--text-sm)}.ai-writer-warning{margin-top:10px}.ai-write-warning-list{border:1px solid #eee;padding:10px;border-radius:6px;margin-top:10px}.cursor-pointer{cursor:pointer}.ai-panel__title{font-size:var(--text-base);font-weight:500;letter-spacing:.5px;padding-bottom:14px}.ai-panel-content{padding:20px 16px}.ai-panel-tabs{border-bottom:1px solid var(--gray200)}.ai-panel-message{display:flex;flex-direction:column;text-wrap:balance;text-align:center;padding:14px 0}.ai-panel-message__title{justify-content:center;color:var(--gray800);line-height:1.3}.ai-panel-message__icon{padding:10px;background-color:var(--indigo200);color:var(--indigo600);border-radius:9999px;margin:0 auto 10px}.breakdance-app-wrapper{display:flex;flex-direction:column;height:100vh}.breakdance-app-body-wrapper{max-height:calc(100vh - 55px);flex-grow:1;display:flex;flex-direction:row}.breakdance-app-far-right-area{flex-shrink:0}.vscroll-wrap{flex-direction:column;display:flex}.vscroll-scroll{flex:1;overflow:auto}.has-permission\:edit .document-chooser-section,.has-permission\:edit .open-elements-toolbar-button,.has-permission\:edit .open-settings-toolbar-button,.has-permission\:edit .structure-node-actions__wrapper{display:none!important}.has-permission\:edit .properties-panel-tab.breakdance-tab--active{border-bottom-color:#0000!important}.has-permission\:edit .properties-panel-delete-button,.has-permission\:edit .properties-panel-duplicate-button,.has-permission\:edit .properties-panel-tab.breakdance-tab--id-settings{display:none!important}.unrecoverable-errors{font-size:var(--text-lg);width:700px;line-height:1.3;font-family:Georgia;margin:30px}.browse-mode-address-bar{display:flex;flex-direction:column;padding:0 6px}.browse-mode-address-bar h2{font-weight:600;text-transform:uppercase;letter-spacing:1px;margin:0;line-height:1;font-size:var(--text-2xs);margin-bottom:5px;color:var(--gray500)}.browse-mode-address-bar a{font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:var(--text-2xs);text-decoration:none;color:var(--gray600)!important}.browse-mode-address-bar a:hover{color:var(--gray500)!important}.open-properties-toolbar-button i{transform:translateX(2px)}body,html{min-height:100vh!important;height:100vh!important;overflow:hidden!important;font-family:Avenir,Arial,system-ui;-webkit-user-select:none;user-select:none}#app{position:fixed}#app .v-application--wrap{width:100vw}.v-dialog{width:100%}