@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Cookie&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);
.intlwemo-banner-configurator{margin-top:2rem;max-width:720px}.intlwemo-banner-configurator h2,.intlwemo-banner-configurator h3{font-size:1.5rem;margin-bottom:1.5rem}.intlwemo-banner-configurator .wm-form{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.intlwemo-banner-configurator .wm-form label{display:flex;flex-direction:column;font-weight:500}.intlwemo-banner-configurator .intlwemo-form-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-top:1rem}.intlwemo-banner-configurator .intlwemo-form-row label{flex:1 1 15px}.intlwemo-banner-configurator .intlwemo-form-row.row-wide label:last-child{flex:2 1 60%}.intlwemo-banner-configurator .intlwemo-form-row .status-message{color:#4caf50;font-size:.875rem;line-height:2.15384615;min-height:30px}.intlwemo-banner-configurator .intlwemo-form-row .status-message.status-error{color:#f44336}.intlwemo-banner-configurator .intlwemo-form-row .status-message.status-loading{color:#ff9800}.intlwemo-banner-configurator .intlwemo-form-row .reset-button{line-height:2.15384615;margin-top:20px;min-height:30px;padding-top:10px}.intlwemo-banner-configurator .intlwemo-gradient-container{border-top-right-radius:.5rem;border-top-left-radius:.5rem;overflow:hidden;padding:15px;position:relative}.intlwemo-banner-configurator .intlwemo-gradient-container>*{position:relative;z-index:1}.intlwemo-banner-configurator .intlwemo-gradient-container:after,.intlwemo-banner-configurator .intlwemo-gradient-container:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:70%;z-index:0}.intlwemo-banner-configurator .intlwemo-gradient-container:before{background:linear-gradient(-90deg,#4ca3ea,hsla(0,0%,100%,0));right:0}.intlwemo-banner-configurator .intlwemo-gradient-container:after{background:linear-gradient(-270deg,#56bec2,hsla(0,0%,100%,0));left:0}.intlwemo-banner-configurator .main-controls{display:flex;justify-content:space-between;position:relative}.intlwemo-banner-configurator .main-controls:after,.intlwemo-banner-configurator .main-controls:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:70%;z-index:0}.intlwemo-banner-configurator .main-controls:before{right:0}.intlwemo-banner-configurator .main-controls:after{left:0}.intlwemo-banner-configurator .main-controls__left{display:flex}.intlwemo-banner-configurator .main-controls__right{align-items:center;display:flex;margin-left:.75rem;max-width:9rem;width:8rem}.intlwemo-banner-configurator .main-controls .color-picker{display:flex;position:relative}.intlwemo-banner-configurator .main-controls .color-picker__presets{display:flex;padding:.75rem}.intlwemo-banner-configurator .main-controls .color-picker__swatch{align-items:center;border:1px solid #f2f2f2;border-radius:9999px;cursor:pointer;display:flex;height:2.5rem;justify-content:center;margin:.5rem .25rem;width:2.5rem}.intlwemo-banner-configurator .main-controls .color-picker__check{margin:0 auto;max-height:6rem}.intlwemo-banner-configurator .main-controls .color-picker__custom{display:flex;flex-direction:column}.intlwemo-banner-configurator .main-controls .color-picker__custom-trigger{align-items:center;background-color:#fff;border:1px solid #f2f2f2;border-radius:9999px;cursor:pointer;display:flex;height:2.5rem;justify-content:center;margin:.5rem .25rem;width:2.5rem}.intlwemo-banner-configurator .main-controls .color-picker__custom-icon{margin:0 auto;max-height:6rem}.intlwemo-banner-configurator .main-controls .color-picker__popover{background-color:#e5e7eb;border:1px solid #cbd5e0;border-radius:.5rem;display:none;right:2rem;padding:.5rem;position:absolute;top:-10.5rem;z-index:10}.intlwemo-banner-configurator .main-controls .color-picker__popover.show{display:flex;flex-direction:column}.intlwemo-banner-configurator .main-controls .color-picker__input-wrapper{align-items:center;background-color:#fff;border-top:1px solid #d1d5db;display:flex;justify-content:center;padding:.5rem}.intlwemo-banner-configurator .main-controls .color-picker__hash{color:#4b5563;margin-left:.5rem}.intlwemo-banner-configurator .main-controls .color-picker__input{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;outline:none;padding:.25rem .5rem;width:6rem}.intlwemo-banner-configurator .main-controls .color-picker__input:focus{border-color:#3b82f6}.intlwemo-banner-configurator .bg-gradient-green{background:linear-gradient(-90deg,#3ab54a,#6bcf8c)}.intlwemo-banner-configurator .bg-gradient-purple{background:linear-gradient(-90deg,#7f00ff,#e100ff)}.intlwemo-banner-configurator .hidden{display:none!important}.intlwemo-banner-configurator .intlwemo-banner-preview-button{cursor:pointer;display:flex;justify-content:flex-end;margin-bottom:.25rem;margin-top:1.25rem}.intlwemo-banner-configurator .intlwemo-banner-container{display:flex;min-height:14rem}.intlwemo-banner-configurator .intlwemo-banner-container.bottom{align-items:flex-end}.intlwemo-banner-configurator .intlwemo-banner-container.bottom .intlwemo-banner-preview.animation{animation:slideUp 3s ease-in-out}.intlwemo-banner-configurator .intlwemo-banner-container.top{align-items:flex-start}.intlwemo-banner-configurator .intlwemo-banner-container.top .intlwemo-banner-preview.animation{animation:slideDown 3s ease-in-out}.intlwemo-banner-configurator .intlwemo-banner-preview{box-shadow:0 2px 8px rgba(0,0,0,.1);margin-top:1rem;max-width:100%;overflow:hidden;padding:1rem 1.5rem;width:100vw}.intlwemo-banner-configurator .intlwemo-banner-preview.rounded{border-radius:.375rem}.intlwemo-banner-configurator .intlwemo-banner-preview strong{display:block;font-size:1.2rem;margin-bottom:.5rem}.intlwemo-banner-configurator .intlwemo-banner-preview small{display:block;font-size:.85rem;margin-top:.5rem;opacity:.85}.intlwemo-banner-configurator .intlwemo-banner-preview ._intlwemo_link,.intlwemo-banner-configurator .intlwemo-banner-preview ._intlwemo_link a{color:inherit;display:flex}.intlwemo-banner-configurator .font-size-picker{display:flex;flex-direction:column;position:relative}.intlwemo-banner-configurator .font-size-picker.has-label{margin-top:0}.intlwemo-banner-configurator .font-size-picker .label{margin-bottom:1px;width:100%}.intlwemo-banner-configurator .font-size-picker .picker-container{align-items:center;background-color:#fff;border:1px solid #8c8f94;border-radius:.5rem;cursor:default;display:flex;font-size:.875rem;height:1.75rem;outline:none;overflow:hidden;position:relative;text-align:right;width:100%}.intlwemo-banner-configurator .font-size-picker .picker-container:focus-within{outline:none}.intlwemo-banner-configurator .font-size-picker .font-button{color:#000!important;padding-right:.5rem!important;padding-left:.5rem!important}.intlwemo-banner-configurator .font-size-picker .font-button:hover{font-weight:700}.intlwemo-banner-configurator .button{align-items:center;border:1px solid #3ab54a;border-radius:.375rem;cursor:pointer;display:inline-flex;font-size:.875rem;height:23px;justify-content:center;margin:auto;min-height:23px;outline:none;padding:.25rem .75rem;width:-moz-fit-content;width:fit-content}.intlwemo-banner-configurator .button:disabled{background-color:#e5e5e5;color:#6b7280;cursor:not-allowed}.intlwemo-banner-configurator .button--default{background-color:#fff}.intlwemo-banner-configurator .button--default:hover{background:linear-gradient(-90deg,#3ab54a,#6bcf8c)}.intlwemo-banner-configurator .button--reset{background-color:#fff}.intlwemo-banner-configurator .button--reset:hover{background:linear-gradient(-90deg,#5c2d91,#7f7fff);color:#fff}.intlwemo-banner-configurator .button--danger{background-color:#ef4444;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff}.intlwemo-banner-configurator .button--danger:hover{background-color:#dc2626}.intlwemo-banner-configurator .button--danger:disabled{background-color:#fecaca}.intlwemo-banner-configurator .button--icon{aspect-ratio:1/1;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);max-width:30px}.intlwemo-banner-configurator .button--icon:disabled,.intlwemo-banner-configurator .button--icon:disabled:hover{background-color:#e5e5e5}.intlwemo-banner-configurator .button--icon:enabled:hover{background:linear-gradient(-90deg,#3ab54a,#6bcf8c)}.intlwemo-banner-configurator .button--invisible{background-color:#fff;border:none;padding:0 .25rem}.intlwemo-banner-configurator .button--sm{padding:.25rem .5rem}.intlwemo-banner-configurator .select-control-wrapper{z-index:1}.intlwemo-banner-configurator .select-control-wrapper .intlwemo-select-control{background-color:#fff}.intlwemo-banner-preview.pill{border-radius:1rem}.intlwemo-banner-preview.none{border-radius:0}@keyframes slideUp{0%{bottom:-40px;max-height:0}to{bottom:0;max-height:300px}}@keyframes slideDown{0%{max-height:0;top:-40px}to{max-height:300px;top:0}}
