.brandy-modal-settings{margin:15px 0}.brandy-modal-settings .components-grid.components-tools-panel{border:none;padding:0}.brandy-modal-settings .brandy-border-control legend{margin:20px 0}.brandy-modal-settings .brandy-border-control .components-range-control__root{bottom:7px;position:relative}.brandy-modal-padding-container-settings{margin:30px 0}.brandy-modal-padding-container-settings .components-input-control__container{bottom:-7px;position:relative}
.modal-trigger-button{width:-moz-fit-content;width:fit-content}.modal-trigger-button.is-style-outline{background-color:transparent;border:2px solid var(--wp--preset--color--brandy-primary-text);color:var(--wp--preset--color--brandy-primary-text)}.modal-trigger-button.is-style-outline:hover{background-color:var(--outline-button-hover-background-color);border-color:var(--outline-button-hover-border-color,var(--wp--preset--color--brandy-primary-text));color:var(--outline-button-hover-color)}.modal-backdrop{align-items:flex-start;display:flex;height:100%;inset:0;justify-content:center;margin:0!important;max-width:unset!important;overflow-y:auto;position:fixed;width:100%;z-index:1000}.modal-wrapper{position:relative;top:50%;transform:translateY(-50%)}.modal-content{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding:20px;width:100%}.modal-content .block-editor-inner-blocks{width:100%}.modal-content .brandy-modal-button-appender-wrapper{text-align:right!important}.modal-content .brandy-modal-button-appender-wrapper .block-editor-button-block-appender{background:#1e1e1e!important;bottom:-20px;color:#fff!important;flex-direction:row;height:24px;min-width:24px;padding:0!important;position:absolute;right:0;width:24px}.modal-content .brandy-modal-button-appender-wrapper .block-editor-button-block-appender:hover{background:var(--wp-admin-theme-color);color:#fff}.modal-close-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;z-index:1001}.modal-close-button svg{height:100%;width:100%;fill:#fff;stroke:#333;transition:stroke .2s}.modal-close-button svg:hover{stroke:#000}.modal-close-button.top-right{right:-10px;top:-10px;transform:translate(50%,-50%)}.modal-close-button.top-left{left:-10px;top:-10px;transform:translate(-50%,-50%)}.modal-close-button.bottom-right{bottom:-10px;right:-10px;transform:translate(50%,50%)}.modal-close-button.bottom-left{bottom:-10px;left:-10px;transform:translate(-50%,50%)}