@import url(https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.2/src/regular/style.css);
@import url(https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.2/src/fill/style.css);
@import url(https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.2/src/duotone/style.css);
.brandy-button{align-items:center;background-color:var(--wp--preset--color--brandy-primary-text);border-radius:16px;color:#fff;cursor:pointer;display:flex;padding:12px 24px;text-decoration:none;transition:all .3s ease}.brandy-button.active .brandy-button-icon.active-state-icon{display:none}.brandy-button.active .brandy-button-icon.active-icon{display:block}.brandy-button.active.has-active-border-all{border-color:var(--active-border-top-color)!important;border-style:var(--active-border-top-style)!important;border-width:var(--active-border-top-width)!important}.brandy-button.active.has-active-border-top{border-top:var(--active-border-top-width) var(--active-border-top-style) var(--active-border-top-color)!important}.brandy-button.active.has-active-border-right{border-right:var(--active-border-right-width) var(--active-border-right-style) var(--active-border-right-color)!important}.brandy-button.active.has-active-border-bottom{border-bottom:var(--active-border-bottom-width) var(--active-border-bottom-style) var(--active-border-bottom-color)!important}.brandy-button.active.has-active-border-left{border-left:var(--active-border-left-width) var(--active-border-left-style) var(--active-border-left-color)!important}.brandy-button .brandy-button-icon{align-items:center;display:inline-flex;font-weight:inherit;justify-content:center}.brandy-button .brandy-button-icon i{font-weight:inherit}.brandy-button .brandy-button-icon.active-icon{display:none}.brandy-button.hover-animation-rounded{overflow:hidden;position:relative;z-index:1}.brandy-button.hover-animation-rounded:after{background-color:inherit;bottom:0;content:"";height:100%;left:0;position:absolute;width:100%;z-index:-2}.brandy-button.hover-animation-rounded:before{background-color:var(--hover-background-color,#0cf);bottom:0;content:"";height:100%;left:0;position:absolute;transition:all .3s;width:0;z-index:-1}.brandy-button.hover-animation-rounded:hover{background:unset;color:#fff}.brandy-button.hover-animation-rounded:hover:before{width:100%}.brandy-button.hover-animation-blobs{overflow:visible;position:relative;transition:all .5s;z-index:1}.brandy-button.hover-animation-blobs:before{border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.brandy-button.hover-animation-blobs:after{border-radius:inherit;content:"";height:100%;left:3px;position:absolute;top:3px;transition:all .3s .2s;width:100%;z-index:-2}.brandy-button.hover-animation-blobs .blob-inner{border-radius:inherit;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}.brandy-button.hover-animation-blobs .blob-blobs{display:block;filter:url(#brandy-goo);height:100%;position:relative}.brandy-button.hover-animation-blobs .blob{background:var(--hover-background-color,#0505a9);border-radius:100%;height:100%;position:absolute;top:2px;transform:translate3d(0,150%,0) scale(1.7);transition:transform .45s;width:25%}@supports(filter:url("#brandy-goo")){.brandy-button.hover-animation-blobs .blob{transform:translate3d(0,150%,0) scale(1.4)}}.brandy-button.hover-animation-blobs .blob:first-child{left:0;transition-delay:0s}.brandy-button.hover-animation-blobs .blob:nth-child(2){left:30%;transition-delay:.08s}.brandy-button.hover-animation-blobs .blob:nth-child(3){left:60%;transition-delay:.16s}.brandy-button.hover-animation-blobs .blob:nth-child(4){left:90%;transition-delay:.24s}.brandy-button.hover-animation-blobs:hover{background:unset;color:var(--hover-animation-text-color,#fff)}.brandy-button.hover-animation-blobs:hover:after{left:0;top:0;transition:all .3s}.brandy-button.hover-animation-blobs:hover .blob{transform:translateZ(0) scale(1.7)}@supports(filter:url("#brandy-goo")){.brandy-button.hover-animation-blobs:hover .blob{transform:translateZ(0) scale(1.4)}}.brandy-button.hover-animation-rounded-pulse{overflow:visible;position:relative;transition:all .3s ease;z-index:1}.brandy-button.hover-animation-rounded-pulse:after{background-color:var(--hover-animation-pulse-color,inherit);border-radius:inherit;content:"";display:inline-block;height:100%;left:0;position:absolute;top:0;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:100%;z-index:-1}.brandy-button.hover-animation-rounded-pulse:hover{box-shadow:0 10px 20px rgba(0,0,0,.2);transform:translateY(-3px)}.brandy-button.hover-animation-rounded-pulse:hover:after{opacity:0;transform:scaleX(1.4) scaleY(1.6)}.brandy-button.hover-animation-rounded-pulse:active{box-shadow:0 5px 10px rgba(0,0,0,.2);transform:translateY(-1px)}.brandy-button.icon-right{flex-direction:row}.brandy-button.icon-left{flex-direction:row-reverse}.brandy-button .brandy-button-text{display:inline-block}.brandy-button.is-style-primary{background-color:var(--wp--preset--color--brandy-primary-text);color:#fff}.brandy-button.is-style-primary:hover{background-color:var(--primary-button-hover-background-color);color:var(--primary-button-hover-color)}.brandy-button.is-style-secondary{background-color:var(--secondary-button-background-color);color:var(--secondary-button-color)}.brandy-button.is-style-secondary:hover{background-color:var(--secondary-button-hover-background-color);color:var(--secondary-button-hover-color)}.brandy-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)}.brandy-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)}.brandy-button.is-style-text{background-color:transparent;border:2px solid transparent;color:var(--wp--preset--color--brandy-primary-text)}.brandy-button.is-style-text:hover{text-decoration:underline}.brandy-button-icon-content{align-items:center;display:flex;justify-content:center}.brandy-button-icon-content i:where([style*="--button-icon-size"]):before{font-size:var(--button-icon-size)}.brandy-button-icon-content i:where([style*="--button-icon-size"]):after{font-size:var(--button-icon-size)}.width-selector{margin-bottom:16px}.components-button-group{display:inline-flex;flex-wrap:wrap;margin-bottom:16px}.components-base-control__label{box-sizing:border-box;color:#1e1e1e;display:block;font-size:11px;font-weight:500;line-height:1.4;margin:0 0 8px;max-width:100%;overflow:hidden;padding-bottom:0;padding-top:0;text-overflow:ellipsis;text-transform:uppercase;text-wrap:pretty;white-space:nowrap}.components-border-box-control{display:flex;flex-direction:column;gap:8px}.brandy-shadow-dropdown,.components-border-box-control{margin-bottom:16px}.brandy-color-picker-control,.width-control-wrapper{margin-bottom:24px}.brandy-color-picker-control .components-color-palette{margin-top:8px}.brandy-color-picker-control .components-color-picker{border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);overflow:hidden;width:100%}.brandy-color-picker-control .components-color-picker .components-color-picker__inputs-wrapper{padding:8px}.brandy-color-picker-control .components-color-picker .components-color-picker__inputs-field{margin-bottom:8px}.components-box-control{margin-bottom:16px}.brandy-button-active-icon-button,.brandy-button-icon-button{justify-content:center}.brandy-icon-library-modal .components-modal__content{padding:16px}.brandy-icon-library-modal .icon-library-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));margin-top:16px}.brandy-icon-library-modal .icon-item{align-items:center;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:8px}.brandy-icon-library-modal .icon-item.selected,.brandy-icon-library-modal .icon-item:hover{background-color:#f0f0f0;border-color:#007cba}.interaction-states-controls .state-selector{display:flex;justify-content:space-between;width:100%}.interaction-states-controls .state-selector .components-button{flex:1;justify-content:center}