.components-animate__appear {
    animation: components-animate__appear-animation 0.1s cubic-bezier(0, 0, 0.2, 1) 0s;
    animation-fill-mode: forwards;
}
@media (prefers-reduced-motion: reduce) {
    .components-animate__appear {
        animation-duration: 1ms;
    }
}
.components-animate__appear.is-from-top,
.components-animate__appear.is-from-top.is-from-left {
    transform-origin: top left;
}
.components-animate__appear.is-from-top.is-from-right {
    transform-origin: top right;
}
.components-animate__appear.is-from-bottom,
.components-animate__appear.is-from-bottom.is-from-left {
    transform-origin: bottom left;
}
.components-animate__appear.is-from-bottom.is-from-right {
    transform-origin: bottom right;
}
@keyframes components-animate__appear-animation {
    0% {
        transform: translateY(-2em) scaleY(0) scaleX(0);
    }
    to {
        transform: translateY(0) scaleY(1) scaleX(1);
    }
}
.components-animate__slide-in {
    animation: components-animate__slide-in-animation 0.1s cubic-bezier(0, 0, 0.2, 1);
    animation-fill-mode: forwards;
}
@media (prefers-reduced-motion: reduce) {
    .components-animate__slide-in {
        animation-duration: 1ms;
    }
}
.components-animate__slide-in.is-from-left {
    transform: translateX(100%);
}
@keyframes components-animate__slide-in-animation {
    to {
        transform: translateX(0);
    }
}
.components-animate__loading {
    animation: components-animate__loading 1.6s ease-in-out infinite;
}
@keyframes components-animate__loading {
    0% {
        opacity: 0.5;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0.5;
    }
}
.components-angle-picker-control {
    width: 50%;
}
.components-angle-picker-control.components-base-control .components-base-control__label {
    display: block;
}
.components-angle-picker-control__input-field {
    width: calc(100% - 36px);
    max-width: 100px;
}
.components-angle-picker-control__angle-circle {
    width: 28px;
    height: 28px;
    border: 2px solid #555d66;
    border-radius: 50%;
    float: left;
    margin-right: 4px;
    cursor: grab;
}
.components-angle-picker-control__angle-circle-indicator-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}
.components-angle-picker-control__angle-circle-indicator {
    width: 1px;
    height: 1px;
    border-radius: 50%;
    border: 3px solid #555d66;
    display: block;
    position: absolute;
    top: -14px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #555d66;
}
.components-autocomplete__popover .components-popover__content {
    min-width: 200px;
}
.components-autocomplete__popover .components-autocomplete__results {
    padding: 3px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.components-autocomplete__popover .components-autocomplete__results:empty {
    display: none;
}
.components-autocomplete__result.components-button {
    margin-bottom: 0;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 13px;
    color: #555d66;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    flex-shrink: 0;
    align-items: center;
    padding: 6px 8px;
    margin-left: -3px;
    margin-right: -3px;
    text-align: left;
}
.components-autocomplete__result.components-button.is-selected {
    color: #191e23;
    border: none;
    box-shadow: none;
    outline-offset: -2px;
    outline: 1px dotted #555d66;
}
.components-autocomplete__result.components-button:hover {
    color: #191e23;
    border: none;
    box-shadow: none;
    background: #f3f4f5;
}
.components-base-control {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 13px;
}
.components-base-control .components-base-control__field {
    margin-bottom: 8px;
}
.components-panel__row .components-base-control .components-base-control__field {
    margin-bottom: inherit;
}
.components-base-control .components-base-control__label {
    display: inline-block;
    margin-bottom: 4px;
}
.components-base-control .components-base-control__help {
    margin-top: -8px;
    font-style: italic;
}
.components-base-control + .components-base-control {
    margin-bottom: 16px;
}
.components-button-group {
    display: inline-block;
}
.components-button-group .components-button {
    border-radius: 0;
    display: inline-flex;
}
.components-button-group .components-button + .components-button {
    margin-left: -1px;
}
.components-button-group .components-button:first-child {
    border-radius: 3px 0 0 3px;
}
.components-button-group .components-button:last-child {
    border-radius: 0 3px 3px 0;
}
.components-button-group .components-button.is-primary,
.components-button-group .components-button:focus {
    position: relative;
    z-index: 1;
}
.components-button-group .components-button.is-primary {
    box-shadow: none;
}
.components-button {
    display: inline-flex;
    text-decoration: none;
    font-size: 13px;
    margin: 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    background: none;
    transition: box-shadow 0.1s linear;
    height: 36px;
    align-items: center;
    box-sizing: border-box;
    padding: 0 8px;
    overflow: hidden;
    border-radius: 3px;
    color: #555d66;
}
@media (prefers-reduced-motion: reduce) {
    .components-button {
        transition-duration: 0s;
    }
}
.components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):not(.is-primary):not(.is-tertiary):not(.is-link):hover {
    background-color: #fff;
    color: #191e23;
    box-shadow: inset 0 0 0 1px #555d66, inset 0 0 0 2px #fff;
}
.components-button.is-secondary {
    white-space: nowrap;
    color: #0075af;
    border: 1px solid #0075af;
    background: #f3f5f6;
}
body.admin-color-sunrise .components-button.is-secondary {
    color: #c47e46;
    border-color: #c47e46;
}
body.admin-color-ocean .components-button.is-secondary {
    color: #99ae98;
    border-color: #99ae98;
}
body.admin-color-midnight .components-button.is-secondary {
    color: #d4483f;
    border-color: #d4483f;
}
body.admin-color-ectoplasm .components-button.is-secondary {
    color: #9dab51;
    border-color: #9dab51;
}
body.admin-color-coffee .components-button.is-secondary {
    color: #b69c84;
    border-color: #b69c84;
}
body.admin-color-blue .components-button.is-secondary {
    color: #cca154;
    border-color: #cca154;
}
body.admin-color-light .components-button.is-secondary {
    color: #007daf;
    border-color: #007daf;
}
.components-button.is-secondary:not(:disabled):not([aria-disabled="true"]):hover {
    background: #f1f1f1;
    border-color: #005d8c;
    color: #005d8c;
    text-decoration: none;
}
body.admin-color-sunrise .components-button.is-secondary:not(:disabled):not([aria-disabled="true"]):hover {
    border-color: #9d6538;
    color: #9d6538;
}
body.admin-color-ocean .components-button.is-secondary:not(:disabled):not([aria-disabled="true"]):hover {
    border-color: #7a8b7a;
    color: #7a8b7a;
}
body.admin-color-midnight .components-button.is-secondary:not(:disabled):not([aria-disabled="true"]):hover {
    border-color: #a93a32;
    color: #a93a32;
}
body.admin-color-ectoplasm .components-button.is-secondary:not(:disabled):not([aria-disabled="true"]):hover {
    border-color: #7d8941;
    color: #7d8941;
}
body.admin-color-coffee .components-button.is-secondary:not(:disabled):not([aria-disabled="true"]):hover {
    border-color: #927d69;
    color: #927d69;
}
body.admin-color-blue .components-button.is-secondary:not(:disabled):not([aria-disabled="true"]):hover {
    border-color: #a38043;
    color: #a38043;
}
body.admin-color-light .components-button.is-secondary:not(:disabled):not([aria-disabled="true"]):hover {
    border-color: #00648c;
    color: #00648c;
}
.components-button.is-secondary:focus:enabled {
    background: #f3f5f6;
    color: #005d8c;
    border-color: #0076b1;
    box-shadow: 0 0 0 1px #0076b1;
    text-decoration: none;
}
body.admin-color-sunrise .components-button.is-secondary:focus:enabled {
    color: #9d6538;
    border-color: #c77f46;
    box-shadow: 0 0 0 1px #c77f46;
}
body.admin-color-ocean .components-button.is-secondary:focus:enabled {
    color: #7a8b7a;
    border-color: #9bb09a;
    box-shadow: 0 0 0 1px #9bb09a;
}
body.admin-color-midnight .components-button.is-secondary:focus:enabled {
    color: #a93a32;
    border-color: #d64940;
    box-shadow: 0 0 0 1px #d64940;
}
body.admin-color-ectoplasm .components-button.is-secondary:focus:enabled {
    color: #7d8941;
    border-color: #9fad52;
    box-shadow: 0 0 0 1px #9fad52;
}
body.admin-color-coffee .components-button.is-secondary:focus:enabled {
    color: #927d69;
    border-color: #b89e85;
    box-shadow: 0 0 0 1px #b89e85;
}
body.admin-color-blue .components-button.is-secondary:focus:enabled {
    color: #a38043;
    border-color: #cea255;
    box-shadow: 0 0 0 1px #cea255;
}
body.admin-color-light .components-button.is-secondary:focus:enabled {
    color: #00648c;
    border-color: #007eb1;
    box-shadow: 0 0 0 1px #007eb1;
}
.components-button.is-secondary:not([aria-disabled="true"]):active:enabled {
    background: #f3f5f6;
    color: #0076b1;
    border-color: #7e8993;
    box-shadow: none;
}
body.admin-color-sunrise .components-button.is-secondary:not([aria-disabled="true"]):active:enabled {
    color: #c77f46;
}
body.admin-color-ocean .components-button.is-secondary:not([aria-disabled="true"]):active:enabled {
    color: #9bb09a;
}
body.admin-color-midnight .components-button.is-secondary:not([aria-disabled="true"]):active:enabled {
    color: #d64940;
}
body.admin-color-ectoplasm .components-button.is-secondary:not([aria-disabled="true"]):active:enabled {
    color: #9fad52;
}
body.admin-color-coffee .components-button.is-secondary:not([aria-disabled="true"]):active:enabled {
    color: #b89e85;
}
body.admin-color-blue .components-button.is-secondary:not([aria-disabled="true"]):active:enabled {
    color: #cea255;
}
body.admin-color-light .components-button.is-secondary:not([aria-disabled="true"]):active:enabled {
    color: #007eb1;
}
.components-button.is-secondary:disabled,
.components-button.is-secondary[aria-disabled="true"] {
    color: #a0a5aa;
    border-color: #ddd;
    background: #f7f7f7;
    text-shadow: 0 1px 0 #fff;
    transform: none;
    opacity: 1;
}
.components-button.is-primary {
    white-space: nowrap;
    background: #007cba;
    border: 1px solid #007cba;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
}
body.admin-color-sunrise .components-button.is-primary {
    background: #d1864a;
    border-color: #d1864a;
}
body.admin-color-ocean .components-button.is-primary {
    background: #a3b9a2;
    border-color: #a3b9a2;
}
body.admin-color-midnight .components-button.is-primary {
    background: #e14d43;
    border-color: #e14d43;
}
body.admin-color-ectoplasm .components-button.is-primary {
    background: #a7b656;
    border-color: #a7b656;
}
body.admin-color-coffee .components-button.is-primary {
    background: #c2a68c;
    border-color: #c2a68c;
}
body.admin-color-blue .components-button.is-primary {
    background: #d9ab59;
    border-color: #d9ab59;
}
body.admin-color-light .components-button.is-primary {
    background: #0085ba;
    border-color: #0085ba;
}
.components-button.is-primary:focus:enabled,
.components-button.is-primary:not(:disabled):not([aria-disabled="true"]):hover {
    background: #0070a7;
    border-color: #0070a7;
    color: #fff;
}
body.admin-color-sunrise .components-button.is-primary:focus:enabled,
body.admin-color-sunrise .components-button.is-primary:not(:disabled):not([aria-disabled="true"]):hover {
    background: #bc7943;
    border-color: #bc7943;
}
body.admin-color-ocean .components-button.is-primary:focus:enabled,
body.admin-color-ocean .components-button.is-primary:not(:disabled):not([aria-disabled="true"]):hover {
    background: #93a792;
    border-color: #93a792;
}
body.admin-color-midnight .components-button.is-primary:focus:enabled,
body.admin-color-midnight .components-button.is-primary:not(:disabled):not([aria-disabled="true"]):hover {
    background: #cb453c;
    border-color: #cb453c;
}
body.admin-color-ectoplasm .components-button.is-primary:focus:enabled,
body.admin-color-ectoplasm .components-button.is-primary:not(:disabled):not([aria-disabled="true"]):hover {
    background: #96a44d;
    border-color: #96a44d;
}
body.admin-color-coffee .components-button.is-primary:focus:enabled,
body.admin-color-coffee .components-button.is-primary:not(:disabled):not([aria-disabled="true"]):hover {
    background: #af957e;
    border-color: #af957e;
}
body.admin-color-blue .components-button.is-primary:focus:enabled,
body.admin-color-blue .components-button.is-primary:not(:disabled):not([aria-disabled="true"]):hover {
    background: #c39a50;
    border-color: #c39a50;
}
body.admin-color-light .components-button.is-primary:focus:enabled,
body.admin-color-light .components-button.is-primary:not(:disabled):not([aria-disabled="true"]):hover {
    background: #0078a7;
    border-color: #0078a7;
}
.components-button.is-primary:focus:enabled {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba;
}
body.admin-color-sunrise .components-button.is-primary:focus:enabled {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #d1864a;
}
body.admin-color-ocean .components-button.is-primary:focus:enabled {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b9a2;
}
body.admin-color-midnight .components-button.is-primary:focus:enabled {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
}
body.admin-color-ectoplasm .components-button.is-primary:focus:enabled {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a7b656;
}
body.admin-color-coffee .components-button.is-primary:focus:enabled {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c2a68c;
}
body.admin-color-blue .components-button.is-primary:focus:enabled {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #d9ab59;
}
body.admin-color-light .components-button.is-primary:focus:enabled {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0085ba;
}
.components-button.is-primary:not([aria-disabled="true"]):active:enabled {
    background: #006395;
    border-color: #006395;
    color: #fff;
}
body.admin-color-sunrise .components-button.is-primary:not([aria-disabled="true"]):active:enabled {
    background: #a76b3b;
    border-color: #a76b3b;
}
body.admin-color-ocean .components-button.is-primary:not([aria-disabled="true"]):active:enabled {
    background: #829482;
    border-color: #829482;
}
body.admin-color-midnight .components-button.is-primary:not([aria-disabled="true"]):active:enabled {
    background: #b43e36;
    border-color: #b43e36;
}
body.admin-color-ectoplasm .components-button.is-primary:not([aria-disabled="true"]):active:enabled {
    background: #869245;
    border-color: #869245;
}
body.admin-color-coffee .components-button.is-primary:not([aria-disabled="true"]):active:enabled {
    background: #9b8570;
    border-color: #9b8570;
}
body.admin-color-blue .components-button.is-primary:not([aria-disabled="true"]):active:enabled {
    background: #ae8947;
    border-color: #ae8947;
}
body.admin-color-light .components-button.is-primary:not([aria-disabled="true"]):active:enabled {
    background: #006a95;
    border-color: #006a95;
}
.components-button.is-primary:disabled,
.components-button.is-primary:disabled:active:enabled,
.components-button.is-primary[aria-disabled="true"],
.components-button.is-primary[aria-disabled="true"]:active:enabled,
.components-button.is-primary[aria-disabled="true"]:enabled {
    color: #66b0d6;
    background: #1989c1;
    border-color: #1989c1;
    opacity: 1;
}
body.admin-color-sunrise .components-button.is-primary:disabled,
body.admin-color-sunrise .components-button.is-primary:disabled:active:enabled,
body.admin-color-sunrise .components-button.is-primary[aria-disabled="true"],
body.admin-color-sunrise .components-button.is-primary[aria-disabled="true"]:active:enabled,
body.admin-color-sunrise .components-button.is-primary[aria-disabled="true"]:enabled {
    color: #e3b692;
    background: #d6925c;
    border-color: #d6925c;
}
body.admin-color-ocean .components-button.is-primary:disabled,
body.admin-color-ocean .components-button.is-primary:disabled:active:enabled,
body.admin-color-ocean .components-button.is-primary[aria-disabled="true"],
body.admin-color-ocean .components-button.is-primary[aria-disabled="true"]:active:enabled,
body.admin-color-ocean .components-button.is-primary[aria-disabled="true"]:enabled {
    color: #c8d5c7;
    background: #acc0ab;
    border-color: #acc0ab;
}
body.admin-color-midnight .components-button.is-primary:disabled,
body.admin-color-midnight .components-button.is-primary:disabled:active:enabled,
body.admin-color-midnight .components-button.is-primary[aria-disabled="true"],
body.admin-color-midnight .components-button.is-primary[aria-disabled="true"]:active:enabled,
body.admin-color-midnight .components-button.is-primary[aria-disabled="true"]:enabled {
    color: #ed948e;
    background: #e45f56;
    border-color: #e45f56;
}
body.admin-color-ectoplasm .components-button.is-primary:disabled,
body.admin-color-ectoplasm .components-button.is-primary:disabled:active:enabled,
body.admin-color-ectoplasm .components-button.is-primary[aria-disabled="true"],
body.admin-color-ectoplasm .components-button.is-primary[aria-disabled="true"]:active:enabled,
body.admin-color-ectoplasm .components-button.is-primary[aria-disabled="true"]:enabled {
    color: #cad39a;
    background: #b0bd67;
    border-color: #b0bd67;
}
body.admin-color-coffee .components-button.is-primary:disabled,
body.admin-color-coffee .components-button.is-primary:disabled:active:enabled,
body.admin-color-coffee .components-button.is-primary[aria-disabled="true"],
body.admin-color-coffee .components-button.is-primary[aria-disabled="true"]:active:enabled,
body.admin-color-coffee .components-button.is-primary[aria-disabled="true"]:enabled {
    color: #dacaba;
    background: #c8af98;
    border-color: #c8af98;
}
body.admin-color-blue .components-button.is-primary:disabled,
body.admin-color-blue .components-button.is-primary:disabled:active:enabled,
body.admin-color-blue .components-button.is-primary[aria-disabled="true"],
body.admin-color-blue .components-button.is-primary[aria-disabled="true"]:active:enabled,
body.admin-color-blue .components-button.is-primary[aria-disabled="true"]:enabled {
    color: #e8cd9b;
    background: #ddb36a;
    border-color: #ddb36a;
}
body.admin-color-light .components-button.is-primary:disabled,
body.admin-color-light .components-button.is-primary:disabled:active:enabled,
body.admin-color-light .components-button.is-primary[aria-disabled="true"],
body.admin-color-light .components-button.is-primary[aria-disabled="true"]:active:enabled,
body.admin-color-light .components-button.is-primary[aria-disabled="true"]:enabled {
    color: #66b6d6;
    background: #1991c1;
    border-color: #1991c1;
}
.components-button.is-primary:disabled:active:enabled:focus:enabled,
.components-button.is-primary:disabled:focus:enabled,
.components-button.is-primary[aria-disabled="true"]:active:enabled:focus:enabled,
.components-button.is-primary[aria-disabled="true"]:enabled:focus:enabled,
.components-button.is-primary[aria-disabled="true"]:focus:enabled {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba;
}
body.admin-color-sunrise .components-button.is-primary:disabled:active:enabled:focus:enabled,
body.admin-color-sunrise .components-button.is-primary:disabled:focus:enabled,
body.admin-color-sunrise .components-button.is-primary[aria-disabled="true"]:active:enabled:focus:enabled,
body.admin-color-sunrise .components-button.is-primary[aria-disabled="true"]:enabled:focus:enabled,
body.admin-color-sunrise .components-button.is-primary[aria-disabled="true"]:focus:enabled {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #d1864a;
}
body.admin-color-ocean .components-button.is-primary:disabled:active:enabled:focus:enabled,
body.admin-color-ocean .components-button.is-primary:disabled:focus:enabled,
body.admin-color-ocean .components-button.is-primary[aria-disabled="true"]:active:enabled:focus:enabled,
body.admin-color-ocean .components-button.is-primary[aria-disabled="true"]:enabled:focus:enabled,
body.admin-color-ocean .components-button.is-primary[aria-disabled="true"]:focus:enabled {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b9a2;
}
body.admin-color-midnight .components-button.is-primary:disabled:active:enabled:focus:enabled,
body.admin-color-midnight .components-button.is-primary:disabled:focus:enabled,
body.admin-color-midnight .components-button.is-primary[aria-disabled="true"]:active:enabled:focus:enabled,
body.admin-color-midnight .components-button.is-primary[aria-disabled="true"]:enabled:focus:enabled,
body.admin-color-midnight .components-button.is-primary[aria-disabled="true"]:focus:enabled {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
}
body.admin-color-ectoplasm .components-button.is-primary:disabled:active:enabled:focus:enabled,
body.admin-color-ectoplasm .components-button.is-primary:disabled:focus:enabled,
body.admin-color-ectoplasm .components-button.is-primary[aria-disabled="true"]:active:enabled:focus:enabled,
body.admin-color-ectoplasm .components-button.is-primary[aria-disabled="true"]:enabled:focus:enabled,
body.admin-color-ectoplasm .components-button.is-primary[aria-disabled="true"]:focus:enabled {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a7b656;
}
body.admin-color-coffee .components-button.is-primary:disabled:active:enabled:focus:enabled,
body.admin-color-coffee .components-button.is-primary:disabled:focus:enabled,
body.admin-color-coffee .components-button.is-primary[aria-disabled="true"]:active:enabled:focus:enabled,
body.admin-color-coffee .components-button.is-primary[aria-disabled="true"]:enabled:focus:enabled,
body.admin-color-coffee .components-button.is-primary[aria-disabled="true"]:focus:enabled {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c2a68c;
}
body.admin-color-blue .components-button.is-primary:disabled:active:enabled:focus:enabled,
body.admin-color-blue .components-button.is-primary:disabled:focus:enabled,
body.admin-color-blue .components-button.is-primary[aria-disabled="true"]:active:enabled:focus:enabled,
body.admin-color-blue .components-button.is-primary[aria-disabled="true"]:enabled:focus:enabled,
body.admin-color-blue .components-button.is-primary[aria-disabled="true"]:focus:enabled {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #d9ab59;
}
body.admin-color-light .components-button.is-primary:disabled:active:enabled:focus:enabled,
body.admin-color-light .components-button.is-primary:disabled:focus:enabled,
body.admin-color-light .components-button.is-primary[aria-disabled="true"]:active:enabled:focus:enabled,
body.admin-color-light .components-button.is-primary[aria-disabled="true"]:enabled:focus:enabled,
body.admin-color-light .components-button.is-primary[aria-disabled="true"]:focus:enabled {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0085ba;
}
.components-button.is-primary.is-busy,
.components-button.is-primary.is-busy:disabled,
.components-button.is-primary.is-busy[aria-disabled="true"] {
    color: #fff;
    background-size: 100px 100%;
    background-image: linear-gradient(-45deg, #007cba 28%, #006395 0, #006395 72%, #007cba 0);
    border-color: #007cba;
}
body.admin-color-sunrise .components-button.is-primary.is-busy,
body.admin-color-sunrise .components-button.is-primary.is-busy:disabled,
body.admin-color-sunrise .components-button.is-primary.is-busy[aria-disabled="true"] {
    background-image: linear-gradient(-45deg, #d1864a 28%, #a76b3b 0, #a76b3b 72%, #d1864a 0);
    border-color: #d1864a;
}
body.admin-color-ocean .components-button.is-primary.is-busy,
body.admin-color-ocean .components-button.is-primary.is-busy:disabled,
body.admin-color-ocean .components-button.is-primary.is-busy[aria-disabled="true"] {
    background-image: linear-gradient(-45deg, #a3b9a2 28%, #829482 0, #829482 72%, #a3b9a2 0);
    border-color: #a3b9a2;
}
body.admin-color-midnight .components-button.is-primary.is-busy,
body.admin-color-midnight .components-button.is-primary.is-busy:disabled,
body.admin-color-midnight .components-button.is-primary.is-busy[aria-disabled="true"] {
    background-image: linear-gradient(-45deg, #e14d43 28%, #b43e36 0, #b43e36 72%, #e14d43 0);
    border-color: #e14d43;
}
body.admin-color-ectoplasm .components-button.is-primary.is-busy,
body.admin-color-ectoplasm .components-button.is-primary.is-busy:disabled,
body.admin-color-ectoplasm .components-button.is-primary.is-busy[aria-disabled="true"] {
    background-image: linear-gradient(-45deg, #a7b656 28%, #869245 0, #869245 72%, #a7b656 0);
    border-color: #a7b656;
}
body.admin-color-coffee .components-button.is-primary.is-busy,
body.admin-color-coffee .components-button.is-primary.is-busy:disabled,
body.admin-color-coffee .components-button.is-primary.is-busy[aria-disabled="true"] {
    background-image: linear-gradient(-45deg, #c2a68c 28%, #9b8570 0, #9b8570 72%, #c2a68c 0);
    border-color: #c2a68c;
}
body.admin-color-blue .components-button.is-primary.is-busy,
body.admin-color-blue .components-button.is-primary.is-busy:disabled,
body.admin-color-blue .components-button.is-primary.is-busy[aria-disabled="true"] {
    background-image: linear-gradient(-45deg, #d9ab59 28%, #ae8947 0, #ae8947 72%, #d9ab59 0);
    border-color: #d9ab59;
}
body.admin-color-light .components-button.is-primary.is-busy,
body.admin-color-light .components-button.is-primary.is-busy:disabled,
body.admin-color-light .components-button.is-primary.is-busy[aria-disabled="true"] {
    background-image: linear-gradient(-45deg, #0085ba 28%, #006a95 0, #006a95 72%, #0085ba 0);
    border-color: #0085ba;
}
.components-button.is-link {
    margin: 0;
    padding: 0;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    background: none;
    outline: none;
    text-align: left;
    color: #0073aa;
    text-decoration: underline;
    transition-property: border, background, color;
    transition-duration: 0.05s;
    transition-timing-function: ease-in-out;
    height: auto;
}
@media (prefers-reduced-motion: reduce) {
    .components-button.is-link {
        transition-duration: 0s;
    }
}
.components-button.is-link:not(:disabled):not([aria-disabled="true"]):hover,
.components-button.is-link:not([aria-disabled="true"]):active {
    color: #00a0d2;
}
.components-button.is-link:focus {
    color: #124964;
    box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
}
.components-button.is-link.is-destructive {
    color: #d94f4f;
}
.components-button:not([aria-disabled="true"]):active {
    color: inherit;
}
.components-button:disabled,
.components-button[aria-disabled="true"] {
    cursor: default;
    opacity: 0.3;
}
.components-button:focus:not(:disabled) {
    background-color: #fff;
    color: #191e23;
    box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff;
    outline: 2px solid transparent;
}
.components-button.is-busy,
.components-button.is-secondary.is-busy,
.components-button.is-secondary.is-busy:disabled,
.components-button.is-secondary.is-busy[aria-disabled="true"] {
    animation: components-button__busy-animation 2.5s linear infinite;
    background-size: 100px 100%;
    background-image: repeating-linear-gradient(-45deg, #e2e4e7, #fff 11px, #fff 0, #e2e4e7 20px);
    opacity: 1;
}
.components-button.is-small {
    height: 24px;
    line-height: 22px;
    padding: 0 8px;
    font-size: 11px;
}
.components-button.is-tertiary {
    color: #007cba;
}
body.admin-color-sunrise .components-button.is-tertiary {
    color: #837425;
}
body.admin-color-ocean .components-button.is-tertiary {
    color: #5e7d5e;
}
body.admin-color-midnight .components-button.is-tertiary {
    color: #497b8d;
}
body.admin-color-ectoplasm .components-button.is-tertiary {
    color: #523f6d;
}
body.admin-color-coffee .components-button.is-tertiary {
    color: #59524c;
}
body.admin-color-blue .components-button.is-tertiary {
    color: #417e9b;
}
body.admin-color-light .components-button.is-tertiary {
    color: #007cba;
}
.components-button.is-tertiary .dashicon {
    display: inline-block;
    flex: 0 0 auto;
}
.components-button.is-tertiary:not([aria-disabled="true"]):active:focus:enabled {
    box-shadow: none;
}
.components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):hover {
    color: #005d8c;
}
body.admin-color-sunrise .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):hover {
    color: #62571c;
}
body.admin-color-ocean .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):hover {
    color: #475e47;
}
body.admin-color-midnight .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):hover {
    color: #375c6a;
}
body.admin-color-ectoplasm .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):hover {
    color: #3e2f52;
}
body.admin-color-coffee .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):hover {
    color: #433e39;
}
body.admin-color-blue .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):hover {
    color: #315f74;
}
body.admin-color-light .components-button.is-tertiary:not(:disabled):not([aria-disabled="true"]):hover {
    color: #005d8c;
}
.components-button.has-icon .dashicon {
    display: inline-block;
    flex: 0 0 auto;
}
.components-button.has-icon.has-text svg {
    margin-right: 8px;
}
.components-button svg {
    fill: currentColor;
    outline: none;
}
.components-button .screen-reader-text {
    height: auto;
}
@keyframes components-button__busy-animation {
    0% {
        background-position: 200px 0;
    }
}
.components-checkbox-control__input[type="checkbox"] {
    border: 1px solid #b4b9be;
    background: #fff;
    color: #555;
    clear: none;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    margin: 0 4px 0 0;
    outline: 0;
    padding: 0 !important;
    text-align: center;
    vertical-align: top;
    width: 25px;
    height: 25px;
    -webkit-appearance: none;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    transition: border-color 0.05s ease-in-out;
}
@media (min-width: 600px) {
    .components-checkbox-control__input[type="checkbox"] {
        height: 16px;
        width: 16px;
    }
}
.components-checkbox-control__input[type="checkbox"]:focus {
    border-color: #5b9dd9;
    box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
    outline: 2px solid transparent;
}
.components-checkbox-control__input[type="checkbox"]:checked {
    background: #11a0d2;
    border-color: #11a0d2;
}
.components-checkbox-control__input[type="checkbox"]:checked::-ms-check {
    opacity: 0;
}
.components-checkbox-control__input[type="checkbox"]:focus:checked {
    border: none;
}
.components-checkbox-control__input[type="checkbox"]:checked:before {
    content: none;
}
.components-checkbox-control__input-container {
    position: relative;
    display: inline-block;
    margin-right: 12px;
    vertical-align: middle;
    width: 25px;
    height: 25px;
}
@media (min-width: 600px) {
    .components-checkbox-control__input-container {
        width: 16px;
        height: 16px;
    }
}
svg.components-checkbox-control__checked {
    fill: #fff;
    cursor: pointer;
    position: absolute;
    left: -4px;
    top: -2px;
    width: 31px;
    height: 31px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}
@media (min-width: 600px) {
    svg.components-checkbox-control__checked {
        width: 21px;
        height: 21px;
        left: -3px;
    }
}
.components-circular-option-picker {
    display: inline-block;
    margin-top: 0.6rem;
    width: 100%;
}
.components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper {
    display: flex;
    justify-content: flex-end;
}
.components-circular-option-picker__option-wrapper {
    display: inline-block;
    height: 28px;
    width: 28px;
    margin-right: 12px;
    margin-bottom: 12px;
    vertical-align: top;
    transform: scale(1);
    transition: transform 0.1s ease;
}
@media (prefers-reduced-motion: reduce) {
    .components-circular-option-picker__option-wrapper {
        transition-duration: 0s;
    }
}
.components-circular-option-picker__option-wrapper:hover {
    transform: scale(1.2);
}
.components-circular-option-picker__option-wrapper > div {
    height: 100%;
    width: 100%;
}
.components-circular-option-picker__option-wrapper:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    right: 1px;
    border-radius: 50%;
    z-index: -1;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8V6H4v2h2zm2 0V6h2v2H8zm2 8H8v-2h2v2zm2 0v-2h2v2h-2zm0 2v-2h-2v2H8v2h2v-2h2zm2 0v2h-2v-2h2zm2 0h-2v-2h2v2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2v2zm-2-4v-2h2v2h-2z' fill='%23555D65'/%3E%3Cpath d='M18 18v2h-2v-2h2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 10V8H6v2H4v2h2v2H4v2h2v2H4v2h2v2H4v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2v2h-2V4h-2v2h-2V4h-2v2h-2V4h-2v2h2v2h-2v2H8zm0 2v-2H6v2h2zm2 0v-2h2v2h-2zm0 2v-2H8v2H6v2h2v2H6v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2V6h-2v2h-2v2h2v2h-2v2h-2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0H2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2H8V0H6v2H4V0zm0 4V2H2v2h2zm2 0V2h2v2H6zm0 2V4H4v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2H8v2H6z' fill='%23555D65'/%3E%3C/svg%3E");
}
.components-circular-option-picker__option {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    width: 100%;
    border: none;
    border-radius: 50%;
    background: transparent;
    box-shadow: inset 0 0 0 14px;
    transition: box-shadow 0.1s ease;
    cursor: pointer;
}
@media (prefers-reduced-motion: reduce) {
    .components-circular-option-picker__option {
        transition-duration: 0s;
    }
}
.components-circular-option-picker__option:hover {
    box-shadow: inset 0 0 0 14px !important;
}
.components-circular-option-picker__option.is-pressed {
    box-shadow: inset 0 0 0 4px;
    position: relative;
    z-index: 1;
}
.components-circular-option-picker__option.is-pressed + svg {
    position: absolute;
    left: 2px;
    top: 2px;
    border-radius: 50%;
    z-index: 2;
    background: #fff;
    pointer-events: none;
}
.components-circular-option-picker__option:after {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
    border: 1px solid transparent;
}
.components-circular-option-picker__option:focus:after {
    content: "";
    border: 2px solid #606a73;
    width: 32px;
    height: 32px;
    position: absolute;
    top: -2px;
    left: -2px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 2px #fff;
}
.components-circular-option-picker__option.components-button:focus {
    background-color: transparent;
    box-shadow: inset 0 0 0 14px;
    outline: none;
}
.components-circular-option-picker__button-action .components-circular-option-picker__option {
    color: #fff;
    background: #fff;
}
.components-circular-option-picker__dropdown-link-action {
    margin-right: 16px;
}
.components-circular-option-picker__dropdown-link-action .components-button {
    line-height: 22px;
}
.component-color-indicator {
    width: 25px;
    height: 16px;
    margin-left: 0.8rem;
    border: 1px solid #dadada;
    display: inline-block;
}
.component-color-indicator + .component-color-indicator {
    margin-left: 0.5rem;
}
.components-color-picker {
    width: 100%;
    overflow: hidden;
}
.components-color-picker * {
    box-sizing: border-box;
}
.components-color-picker__saturation {
    width: 100%;
    padding-bottom: 55%;
    position: relative;
}
.components-color-picker__body {
    padding: 16px 16px 12px;
}
.components-color-picker__controls {
    display: flex;
}
.components-color-picker__alpha-pointer,
.components-color-picker__hue-pointer,
.components-color-picker__saturation-pointer {
    padding: 0;
    position: absolute;
    cursor: pointer;
    box-shadow: none;
    border: none;
}
.components-color-picker__swatch {
    margin-right: 8px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    background-image: linear-gradient(45deg, #ddd 25%, transparent 0), linear-gradient(-45deg, #ddd 25%, transparent 0), linear-gradient(45deg, transparent 75%, #ddd 0), linear-gradient(-45deg, transparent 75%, #ddd 0);
    background-size: 10px 10px;
    background-position: 0 0, 0 5px, 5px -5px, -5px 0;
}
.is-alpha-disabled .components-color-picker__swatch {
    width: 12px;
    height: 12px;
    margin-top: 0;
}
.components-color-picker__active {
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
    z-index: 2;
}
.components-color-picker__active,
.components-color-picker__saturation-black,
.components-color-picker__saturation-color,
.components-color-picker__saturation-white {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.components-color-picker__saturation-color {
    overflow: hidden;
}
.components-color-picker__saturation-white {
    background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
}
.components-color-picker__saturation-black {
    background: linear-gradient(0deg, #000, transparent);
}
.components-color-picker__saturation-pointer {
    width: 14px;
    height: 14px;
    padding: 0;
    box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    background-color: transparent;
    transform: translate(-4px, -4px);
}
.components-color-picker__toggles {
    flex: 1;
}
.components-color-picker__alpha {
    background-image: linear-gradient(45deg, #ddd 25%, transparent 0), linear-gradient(-45deg, #ddd 25%, transparent 0), linear-gradient(45deg, transparent 75%, #ddd 0), linear-gradient(-45deg, transparent 75%, #ddd 0);
    background-size: 10px 10px;
    background-position: 0 0, 0 5px, 5px -5px, -5px 0;
}
.components-color-picker__alpha-gradient,
.components-color-picker__hue-gradient {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.components-color-picker__alpha,
.components-color-picker__hue {
    height: 12px;
    position: relative;
}
.is-alpha-enabled .components-color-picker__hue {
    margin-bottom: 8px;
}
.components-color-picker__alpha-bar,
.components-color-picker__hue-bar {
    position: relative;
    margin: 0 3px;
    height: 100%;
    padding: 0 2px;
}
.components-color-picker__hue-gradient {
    background: linear-gradient(90deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
}
.components-color-picker__alpha-pointer,
.components-color-picker__hue-pointer {
    left: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
    background: #fff;
    transform: translate(-7px, -1px);
}
.components-color-picker__hue-pointer,
.components-color-picker__saturation-pointer {
    transition: box-shadow 0.1s linear;
}
@media (prefers-reduced-motion: reduce) {
    .components-color-picker__hue-pointer,
    .components-color-picker__saturation-pointer {
        transition-duration: 0s;
    }
}
.components-color-picker__saturation-pointer:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #00a0d2, 0 0 5px 0 #00a0d2, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4);
}
.components-color-picker__alpha-pointer:focus,
.components-color-picker__hue-pointer:focus {
    border-color: #00a0d2;
    box-shadow: 0 0 0 2px #00a0d2, 0 0 3px 0 #00a0d2;
    outline: 2px solid transparent;
    outline-offset: -2px;
}
.components-color-picker__inputs-wrapper {
    margin: 0 -4px;
    padding-top: 16px;
    display: flex;
    align-items: flex-end;
}
.components-color-picker__inputs-wrapper fieldset {
    flex: 1;
    border: none;
    margin: 0;
    padding: 0;
}
.components-color-picker__inputs-wrapper .components-color-picker__inputs-fields .components-text-control__input[type="number"] {
    padding: 6px 8px;
}
.components-color-picker__inputs-field {
    width: 100%;
}
.components-color-picker__inputs-fields {
    display: flex;
    direction: ltr;
    flex-grow: 1;
    margin-right: 4px;
}
.components-color-picker__inputs-fields .components-base-control + .components-base-control {
    margin-bottom: 0;
}
.components-color-picker__inputs-fields .components-base-control__field {
    margin: 0 4px;
}
.components-color-picker__inputs-toggle {
    height: 30px;
    padding: 0 5px;
}
.components-custom-gradient-picker {
    margin-top: 8px;
}
.components-custom-gradient-picker__gradient-bar:not(.has-gradient) {
    opacity: 0.4;
}
.components-custom-gradient-picker__gradient-bar {
    width: 100%;
    height: 24px;
    border-radius: 24px;
    margin-bottom: 16px;
    padding-left: 3px;
    padding-right: 21px;
}
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container {
    position: relative;
}
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point {
    border-radius: 50%;
    background: #fff;
    padding: 2px;
    min-width: 24px;
    width: 24px;
    height: 24px;
    position: relative;
}
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point svg {
    height: 100%;
    width: 100%;
}
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button {
    border: 2px solid #fff;
    border-radius: 50%;
    height: 18px;
    padding: 0;
    position: absolute;
    width: 18px;
    top: 3px;
}
.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active {
    background: #fafafa;
    color: #23282d;
    border-color: #999;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba;
}
.components-custom-gradient-picker__color-picker-popover .components-custom-gradient-picker__remove-control-point {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 8px;
}
.components-custom-gradient-picker__inserter {
    width: 100%;
}
.components-custom-gradient-picker__liner-gradient-indicator {
    display: inline-block;
    flex: 0 auto;
    width: 20px;
    height: 20px;
}
.components-custom-gradient-picker__ui-line {
    display: flex;
    justify-content: space-between;
}
.components-custom-gradient-picker .components-custom-gradient-picker__ui-line .components-base-control.components-angle-picker,
.components-custom-gradient-picker .components-custom-gradient-picker__ui-line .components-base-control.components-custom-gradient-picker__type-picker {
    margin-bottom: 0;
}
.components-custom-gradient-picker .components-custom-gradient-picker__toolbar {
    border: none;
}
.components-custom-gradient-picker .components-custom-gradient-picker__toolbar > div + div {
    margin-left: 1px;
}
.components-custom-gradient-picker .components-custom-gradient-picker__toolbar button.is-pressed > svg {
    background: #fff;
    border: 1px solid #7e8993;
    border-radius: 2px;
}
.components-custom-select-control {
    color: #555d66;
    position: relative;
}
.components-custom-select-control__label {
    display: block;
    margin-bottom: 5px;
}
.components-custom-select-control__button {
    border: 1px solid #7e8993;
    border-radius: 4px;
    color: #555d66;
    display: inline;
    min-height: 30px;
    min-width: 130px;
    position: relative;
    text-align: left;
}
.components-custom-select-control__button:focus {
    border-color: #00a0d2;
}
.components-custom-select-control__button-icon {
    height: 100%;
    padding: 0 4px;
    position: absolute;
    right: 0;
    top: 0;
}
.components-custom-select-control__menu {
    background: #fff;
    max-height: 400px;
    min-width: 100%;
    overflow: auto;
    padding: 0;
    position: absolute;
    z-index: 1000000;
}
.components-custom-select-control__item {
    align-items: center;
    display: flex;
    list-style-type: none;
    padding: 10px 5px 10px 25px;
}
.components-custom-select-control__item.is-highlighted {
    background: #e2e4e7;
}
.components-custom-select-control__item-icon {
    margin-left: -20px;
    margin-right: 0;
}
svg.dashicon {
    fill: currentColor;
    outline: none;
}
.PresetDateRangePicker_panel {
    padding: 0 22px 11px;
}
.PresetDateRangePicker_button {
    position: relative;
    height: 100%;
    text-align: center;
    background: 0 0;
    border: 2px solid #00a699;
    color: #00a699;
    padding: 4px 12px;
    margin-right: 8px;
    font: inherit;
    font-weight: 700;
    line-height: normal;
    overflow: visible;
    box-sizing: border-box;
    cursor: pointer;
}
.PresetDateRangePicker_button:active {
    outline: 0;
}
.PresetDateRangePicker_button__selected {
    color: #fff;
    background: #00a699;
}
.SingleDatePickerInput {
    display: inline-block;
    background-color: #fff;
}
.SingleDatePickerInput__withBorder {
    border-radius: 2px;
    border: 1px solid #dbdbdb;
}
.SingleDatePickerInput__rtl {
    direction: rtl;
}
.SingleDatePickerInput__disabled {
    background-color: #f2f2f2;
}
.SingleDatePickerInput__block {
    display: block;
}
.SingleDatePickerInput__showClearDate {
    padding-right: 30px;
}
.SingleDatePickerInput_clearDate {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    padding: 10px;
    margin: 0 10px 0 5px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.SingleDatePickerInput_clearDate__default:focus,
.SingleDatePickerInput_clearDate__default:hover {
    background: #dbdbdb;
    border-radius: 50%;
}
.SingleDatePickerInput_clearDate__small {
    padding: 6px;
}
.SingleDatePickerInput_clearDate__hide {
    visibility: hidden;
}
.SingleDatePickerInput_clearDate_svg {
    fill: #82888a;
    height: 12px;
    width: 15px;
    vertical-align: middle;
}
.SingleDatePickerInput_clearDate_svg__small {
    height: 9px;
}
.SingleDatePickerInput_calendarIcon {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
    margin: 0 5px 0 10px;
}
.SingleDatePickerInput_calendarIcon_svg {
    fill: #82888a;
    height: 15px;
    width: 14px;
    vertical-align: middle;
}
.SingleDatePicker {
    position: relative;
    display: inline-block;
}
.SingleDatePicker__block {
    display: block;
}
.SingleDatePicker_picker {
    z-index: 1;
    background-color: #fff;
    position: absolute;
}
.SingleDatePicker_picker__rtl {
    direction: rtl;
}
.SingleDatePicker_picker__directionLeft {
    left: 0;
}
.SingleDatePicker_picker__directionRight {
    right: 0;
}
.SingleDatePicker_picker__portal {
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.SingleDatePicker_picker__fullScreenPortal {
    background-color: #fff;
}
.SingleDatePicker_closeButton {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    z-index: 2;
}
.SingleDatePicker_closeButton:focus,
.SingleDatePicker_closeButton:hover {
    color: #b0b3b4;
    text-decoration: none;
}
.SingleDatePicker_closeButton_svg {
    height: 15px;
    width: 15px;
    fill: #cacccd;
}
.DayPickerKeyboardShortcuts_buttonReset {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    cursor: pointer;
    font-size: 14px;
}
.DayPickerKeyboardShortcuts_buttonReset:active {
    outline: 0;
}
.DayPickerKeyboardShortcuts_show {
    width: 22px;
    position: absolute;
    z-index: 2;
}
.DayPickerKeyboardShortcuts_show__bottomRight {
    border-top: 26px solid transparent;
    border-right: 33px solid #00a699;
    bottom: 0;
    right: 0;
}
.DayPickerKeyboardShortcuts_show__bottomRight:hover {
    border-right: 33px solid #008489;
}
.DayPickerKeyboardShortcuts_show__topRight {
    border-bottom: 26px solid transparent;
    border-right: 33px solid #00a699;
    top: 0;
    right: 0;
}
.DayPickerKeyboardShortcuts_show__topRight:hover {
    border-right: 33px solid #008489;
}
.DayPickerKeyboardShortcuts_show__topLeft {
    border-bottom: 26px solid transparent;
    border-left: 33px solid #00a699;
    top: 0;
    left: 0;
}
.DayPickerKeyboardShortcuts_show__topLeft:hover {
    border-left: 33px solid #008489;
}
.DayPickerKeyboardShortcuts_showSpan {
    color: #fff;
    position: absolute;
}
.DayPickerKeyboardShortcuts_showSpan__bottomRight {
    bottom: 0;
    right: -28px;
}
.DayPickerKeyboardShortcuts_showSpan__topRight {
    top: 1px;
    right: -28px;
}
.DayPickerKeyboardShortcuts_showSpan__topLeft {
    top: 1px;
    left: -28px;
}
.DayPickerKeyboardShortcuts_panel {
    overflow: auto;
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2;
    padding: 22px;
    margin: 33px;
}
.DayPickerKeyboardShortcuts_title {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
}
.DayPickerKeyboardShortcuts_list {
    list-style: none;
    padding: 0;
    font-size: 14px;
}
.DayPickerKeyboardShortcuts_close {
    position: absolute;
    right: 22px;
    top: 22px;
    z-index: 2;
}
.DayPickerKeyboardShortcuts_close:active {
    outline: 0;
}
.DayPickerKeyboardShortcuts_closeSvg {
    height: 15px;
    width: 15px;
    fill: #cacccd;
}
.DayPickerKeyboardShortcuts_closeSvg:focus,
.DayPickerKeyboardShortcuts_closeSvg:hover {
    fill: #82888a;
}
.CalendarDay {
    box-sizing: border-box;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
}
.CalendarDay:active {
    outline: 0;
}
.CalendarDay__defaultCursor {
    cursor: default;
}
.CalendarDay__default {
    border: 1px solid #e4e7e7;
    color: #484848;
    background: #fff;
}
.CalendarDay__default:hover {
    background: #e4e7e7;
    border: 1px double #e4e7e7;
    color: inherit;
}
.CalendarDay__hovered_offset {
    background: #f4f5f5;
    border: 1px double #e4e7e7;
    color: inherit;
}
.CalendarDay__outside {
    border: 0;
    background: #fff;
    color: #484848;
}
.CalendarDay__outside:hover {
    border: 0;
}
.CalendarDay__blocked_minimum_nights {
    background: #fff;
    border: 1px solid #eceeee;
    color: #cacccd;
}
.CalendarDay__blocked_minimum_nights:active,
.CalendarDay__blocked_minimum_nights:hover {
    background: #fff;
    color: #cacccd;
}
.CalendarDay__highlighted_calendar {
    background: #ffe8bc;
    color: #484848;
}
.CalendarDay__highlighted_calendar:active,
.CalendarDay__highlighted_calendar:hover {
    background: #ffce71;
    color: #484848;
}
.CalendarDay__selected_span {
    background: #66e2da;
    border: 1px solid #33dacd;
    color: #fff;
}
.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
    background: #33dacd;
    border: 1px solid #33dacd;
    color: #fff;
}
.CalendarDay__last_in_range {
    border-right: #00a699;
}
.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
    background: #00a699;
    border: 1px solid #00a699;
    color: #fff;
}
.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
    background: #b2f1ec;
    border: 1px solid #80e8e0;
    color: #007a87;
}
.CalendarDay__hovered_span:active {
    background: #80e8e0;
    border: 1px solid #80e8e0;
    color: #007a87;
}
.CalendarDay__blocked_calendar,
.CalendarDay__blocked_calendar:active,
.CalendarDay__blocked_calendar:hover {
    background: #cacccd;
    border: 1px solid #cacccd;
    color: #82888a;
}
.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover {
    background: #fff;
    border: 1px solid #e4e7e7;
    color: #cacccd;
}
.CalendarMonth {
    background: #fff;
    text-align: center;
    vertical-align: top;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.CalendarMonth_table {
    border-collapse: collapse;
    border-spacing: 0;
}
.CalendarMonth_verticalSpacing {
    border-collapse: separate;
}
.CalendarMonth_caption {
    color: #484848;
    font-size: 18px;
    text-align: center;
    padding-top: 22px;
    padding-bottom: 37px;
    caption-side: top;
}
.CalendarMonth_caption__verticalScrollable {
    padding-top: 12px;
    padding-bottom: 7px;
}
.CalendarMonthGrid {
    background: #fff;
    text-align: left;
    z-index: 0;
}
.CalendarMonthGrid__animating {
    z-index: 1;
}
.CalendarMonthGrid__horizontal {
    position: absolute;
    left: 9px;
}
.CalendarMonthGrid__vertical {
    margin: 0 auto;
}
.CalendarMonthGrid__vertical_scrollable {
    margin: 0 auto;
    overflow-y: scroll;
}
.CalendarMonthGrid_month__horizontal {
    display: inline-block;
    vertical-align: top;
    min-height: 100%;
}
.CalendarMonthGrid_month__hideForAnimation {
    position: absolute;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
}
.CalendarMonthGrid_month__hidden {
    visibility: hidden;
}
.DayPickerNavigation {
    position: relative;
    z-index: 2;
}
.DayPickerNavigation__horizontal {
    height: 0;
}
.DayPickerNavigation__verticalDefault {
    position: absolute;
    width: 100%;
    height: 52px;
    bottom: 0;
    left: 0;
}
.DayPickerNavigation__verticalScrollableDefault {
    position: relative;
}
.DayPickerNavigation_button {
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0;
    padding: 0;
    margin: 0;
}
.DayPickerNavigation_button__default {
    border: 1px solid #e4e7e7;
    background-color: #fff;
    color: #757575;
}
.DayPickerNavigation_button__default:focus,
.DayPickerNavigation_button__default:hover {
    border: 1px solid #c4c4c4;
}
.DayPickerNavigation_button__default:active {
    background: #f2f2f2;
}
.DayPickerNavigation_button__horizontalDefault {
    position: absolute;
    top: 18px;
    line-height: 0.78;
    border-radius: 3px;
    padding: 6px 9px;
}
.DayPickerNavigation_leftButton__horizontalDefault {
    left: 22px;
}
.DayPickerNavigation_rightButton__horizontalDefault {
    right: 22px;
}
.DayPickerNavigation_button__verticalDefault {
    padding: 5px;
    background: #fff;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
    position: relative;
    display: inline-block;
    height: 100%;
    width: 50%;
}
.DayPickerNavigation_nextButton__verticalDefault {
    border-left: 0;
}
.DayPickerNavigation_nextButton__verticalScrollableDefault {
    width: 100%;
}
.DayPickerNavigation_svg__horizontal {
    height: 19px;
    width: 19px;
    fill: #82888a;
    display: block;
}
.DayPickerNavigation_svg__vertical {
    height: 42px;
    width: 42px;
    fill: #484848;
    display: block;
}
.DayPicker {
    position: relative;
    text-align: left;
}
.DayPicker,
.DayPicker__horizontal {
    background: #fff;
}
.DayPicker__verticalScrollable {
    height: 100%;
}
.DayPicker__hidden {
    visibility: hidden;
}
.DayPicker__withBorder {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);
    border-radius: 3px;
}
.DayPicker_portal__horizontal {
    box-shadow: none;
    position: absolute;
    left: 50%;
    top: 50%;
}
.DayPicker_portal__vertical {
    position: static;
}
.DayPicker_focusRegion {
    outline: 0;
}
.DayPicker_calendarInfo__horizontal,
.DayPicker_wrapper__horizontal {
    display: inline-block;
    vertical-align: top;
}
.DayPicker_weekHeaders {
    position: relative;
}
.DayPicker_weekHeaders__horizontal {
    margin-left: 9px;
}
.DayPicker_weekHeader {
    color: #757575;
    position: absolute;
    top: 62px;
    z-index: 2;
    text-align: left;
}
.DayPicker_weekHeader__vertical {
    left: 50%;
}
.DayPicker_weekHeader__verticalScrollable {
    top: 0;
    display: table-row;
    border-bottom: 1px solid #dbdbdb;
    background: #fff;
    margin-left: 0;
    left: 0;
    width: 100%;
    text-align: center;
}
.DayPicker_weekHeader_ul {
    list-style: none;
    margin: 1px 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
}
.DayPicker_weekHeader_li {
    display: inline-block;
    text-align: center;
}
.DayPicker_transitionContainer {
    position: relative;
    overflow: hidden;
    border-radius: 3px;
}
.DayPicker_transitionContainer__horizontal {
    transition: height 0.2s ease-in-out;
}
.DayPicker_transitionContainer__vertical {
    width: 100%;
}
.DayPicker_transitionContainer__verticalScrollable {
    padding-top: 20px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow-y: scroll;
}
.DateInput {
    margin: 0;
    padding: 0;
    background: #fff;
    position: relative;
    display: inline-block;
    width: 130px;
    vertical-align: middle;
}
.DateInput__small {
    width: 97px;
}
.DateInput__block {
    width: 100%;
}
.DateInput__disabled {
    background: #f2f2f2;
    color: #dbdbdb;
}
.DateInput_input {
    font-weight: 200;
    font-size: 19px;
    line-height: 24px;
    color: #484848;
    background-color: #fff;
    width: 100%;
    padding: 11px 11px 9px;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
}
.DateInput_input__small {
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.2px;
    padding: 7px 7px 5px;
}
.DateInput_input__regular {
    font-weight: auto;
}
.DateInput_input__readOnly {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.DateInput_input__focused {
    outline: 0;
    background: #fff;
    border: 0;
    border-bottom: 2px solid #008489;
}
.DateInput_input__disabled {
    background: #f2f2f2;
    font-style: italic;
}
.DateInput_screenReaderMessage {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.DateInput_fang {
    position: absolute;
    width: 20px;
    height: 10px;
    left: 22px;
    z-index: 2;
}
.DateInput_fangShape {
    fill: #fff;
}
.DateInput_fangStroke {
    stroke: #dbdbdb;
    fill: transparent;
}
.DateRangePickerInput {
    background-color: #fff;
    display: inline-block;
}
.DateRangePickerInput__disabled {
    background: #f2f2f2;
}
.DateRangePickerInput__withBorder {
    border-radius: 2px;
    border: 1px solid #dbdbdb;
}
.DateRangePickerInput__rtl {
    direction: rtl;
}
.DateRangePickerInput__block {
    display: block;
}
.DateRangePickerInput__showClearDates {
    padding-right: 30px;
}
.DateRangePickerInput_arrow {
    display: inline-block;
    vertical-align: middle;
    color: #484848;
}
.DateRangePickerInput_arrow_svg {
    vertical-align: middle;
    fill: #484848;
    height: 24px;
    width: 24px;
}
.DateRangePickerInput_clearDates {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    padding: 10px;
    margin: 0 10px 0 5px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.DateRangePickerInput_clearDates__small {
    padding: 6px;
}
.DateRangePickerInput_clearDates_default:focus,
.DateRangePickerInput_clearDates_default:hover {
    background: #dbdbdb;
    border-radius: 50%;
}
.DateRangePickerInput_clearDates__hide {
    visibility: hidden;
}
.DateRangePickerInput_clearDates_svg {
    fill: #82888a;
    height: 12px;
    width: 15px;
    vertical-align: middle;
}
.DateRangePickerInput_clearDates_svg__small {
    height: 9px;
}
.DateRangePickerInput_calendarIcon {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
    margin: 0 5px 0 10px;
}
.DateRangePickerInput_calendarIcon_svg {
    fill: #82888a;
    height: 15px;
    width: 14px;
    vertical-align: middle;
}
.DateRangePicker {
    position: relative;
    display: inline-block;
}
.DateRangePicker__block {
    display: block;
}
.DateRangePicker_picker {
    z-index: 1;
    background-color: #fff;
    position: absolute;
}
.DateRangePicker_picker__rtl {
    direction: rtl;
}
.DateRangePicker_picker__directionLeft {
    left: 0;
}
.DateRangePicker_picker__directionRight {
    right: 0;
}
.DateRangePicker_picker__portal {
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.DateRangePicker_picker__fullScreenPortal {
    background-color: #fff;
}
.DateRangePicker_closeButton {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    z-index: 2;
}
.DateRangePicker_closeButton:focus,
.DateRangePicker_closeButton:hover {
    color: #b0b3b4;
    text-decoration: none;
}
.DateRangePicker_closeButton_svg {
    height: 15px;
    width: 15px;
    fill: #cacccd;
}
.components-datetime,
.components-datetime .components-datetime__calendar-help {
    padding: 16px;
}
.components-datetime .components-datetime__calendar-help h4 {
    margin: 0;
}
.components-datetime .components-datetime__date-help-button {
    display: block;
    margin-left: auto;
}
.components-datetime fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}
.components-datetime input,
.components-datetime select {
    box-shadow: 0 0 0 transparent;
    transition: box-shadow 0.1s linear;
    border-radius: 4px;
    border: 1px solid #7e8993;
}
@media (prefers-reduced-motion: reduce) {
    .components-datetime input,
    .components-datetime select {
        transition-duration: 0s;
    }
}
.components-datetime .components-button,
.components-datetime input[type="number"],
.components-datetime select {
    height: 30px;
    margin-top: 0;
    margin-bottom: 0;
}
.components-datetime__date {
    min-height: 236px;
    border-top: 1px solid #e2e4e7;
}
.components-datetime__date .DayPickerNavigation_leftButton__horizontalDefault {
    left: 0;
}
.components-datetime__date .CalendarMonth_caption {
    font-size: 13px;
}
.components-datetime__date .CalendarDay {
    font-size: 13px;
    border: 1px solid transparent;
    border-radius: 50%;
    text-align: center;
}
.components-datetime__date .CalendarDay__selected {
    background: #0085ba;
}
body.admin-color-sunrise .components-datetime__date .CalendarDay__selected {
    background: #d1864a;
}
body.admin-color-ocean .components-datetime__date .CalendarDay__selected {
    background: #a3b9a2;
}
body.admin-color-midnight .components-datetime__date .CalendarDay__selected {
    background: #e14d43;
}
body.admin-color-ectoplasm .components-datetime__date .CalendarDay__selected {
    background: #a7b656;
}
body.admin-color-coffee .components-datetime__date .CalendarDay__selected {
    background: #c2a68c;
}
body.admin-color-blue .components-datetime__date .CalendarDay__selected {
    background: #82b4cb;
}
body.admin-color-light .components-datetime__date .CalendarDay__selected {
    background: #0085ba;
}
.components-datetime__date .CalendarDay__selected:hover {
    background: #00719e;
}
body.admin-color-sunrise .components-datetime__date .CalendarDay__selected:hover {
    background: #b2723f;
}
body.admin-color-ocean .components-datetime__date .CalendarDay__selected:hover {
    background: #8b9d8a;
}
body.admin-color-midnight .components-datetime__date .CalendarDay__selected:hover {
    background: #bf4139;
}
body.admin-color-ectoplasm .components-datetime__date .CalendarDay__selected:hover {
    background: #8e9b49;
}
body.admin-color-coffee .components-datetime__date .CalendarDay__selected:hover {
    background: #a58d77;
}
body.admin-color-blue .components-datetime__date .CalendarDay__selected:hover {
    background: #6f99ad;
}
body.admin-color-light .components-datetime__date .CalendarDay__selected:hover {
    background: #00719e;
}
.components-datetime__date .DayPickerNavigation_button__horizontalDefault {
    padding: 2px 8px;
    top: 20px;
}
.components-datetime__date .DayPickerNavigation_button__horizontalDefault:focus {
    color: #191e23;
    border-color: #007cba;
    box-shadow: 0 0 0 1px #007cba;
    outline: 2px solid transparent;
}
.components-datetime__date .DayPicker_weekHeader {
    top: 50px;
}
.components-datetime__date .DayPicker_weekHeader .DayPicker_weekHeader_ul {
    margin: 1px 0;
    padding-left: 0;
    padding-right: 0;
}
.components-datetime__date.is-description-visible .components-datetime__date-help-button,
.components-datetime__date.is-description-visible .DayPicker {
    visibility: hidden;
}
.components-datetime__time {
    padding-bottom: 16px;
}
.components-datetime__time fieldset {
    position: relative;
    margin-bottom: 0.5em;
}
.components-datetime__time fieldset + fieldset {
    margin-bottom: 0;
}
.components-datetime__time .components-datetime__time-field-am-pm fieldset {
    margin-top: 0;
}
.components-datetime__time .components-datetime__time-wrapper {
    display: flex;
}
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-separator {
    display: inline-block;
    padding: 0 3px 0 0;
    color: #555d66;
}
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-am-button {
    margin-left: 8px;
    margin-right: -1px;
    border-radius: 3px 0 0 3px;
}
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-pm-button {
    margin-left: -1px;
    border-radius: 0 3px 3px 0;
}
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-am-button:focus,
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-pm-button:focus {
    position: relative;
    z-index: 1;
}
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-am-button.is-pressed,
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-pm-button.is-pressed {
    background: #edeff0;
    border-color: #8f98a1;
    box-shadow: inset 0 2px 5px -3px #555d66;
}
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-am-button.is-pressed:focus,
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-pm-button.is-pressed:focus {
    box-shadow: inset 0 2px 5px -3px #555d66, 0 0 0 1px #fff, 0 0 0 3px #007cba;
}
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field-time {
    direction: ltr;
}
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field.am-pm button {
    font-size: 11px;
    font-weight: 600;
}
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field select {
    margin-right: 4px;
}
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field select:focus {
    position: relative;
    z-index: 1;
}
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type="number"] {
    padding: 2px;
    margin-right: 4px;
    text-align: center;
    -moz-appearance: textfield;
}
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type="number"]:focus {
    position: relative;
    z-index: 1;
}
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.components-datetime__time.is-12-hour .components-datetime__time-field-day input {
    margin: 0 -4px 0 0 !important;
    border-radius: 4px 0 0 4px !important;
}
.components-datetime__time.is-12-hour .components-datetime__time-field-year input {
    border-radius: 0 4px 4px 0 !important;
}
.components-datetime__time-legend {
    font-weight: 600;
    margin-top: 0.5em;
}
.components-datetime__time-legend.invisible {
    position: absolute;
    top: -999em;
    left: -999em;
}
.components-datetime__time-field-day-input,
.components-datetime__time-field-hours-input,
.components-datetime__time-field-minutes-input {
    width: 35px;
}
.components-datetime__time-field-year-input {
    width: 55px;
}
.components-datetime__time-field-month-select {
    max-width: 145px;
}
.components-popover .components-datetime__date {
    padding-left: 4px;
}
.block-editor-dimension-control .components-base-control__field {
    display: flex;
    align-items: center;
}
.block-editor-dimension-control .components-base-control__label {
    display: flex;
    align-items: center;
    margin-right: 1em;
    margin-bottom: 0;
}
.block-editor-dimension-control .components-base-control__label .dashicon {
    margin-right: 0.5em;
}
.block-editor-dimension-control.is-manual .components-base-control__label {
    width: 10em;
}
.components-disabled {
    position: relative;
    pointer-events: none;
}
.components-disabled:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.components-disabled * {
    pointer-events: none;
}
body.is-dragging-components-draggable {
    cursor: move;
    cursor: grabbing !important;
}
.components-draggable__invisible-drag-image {
    position: fixed;
    left: -1000px;
    height: 50px;
    width: 50px;
}
.components-draggable__clone {
    position: fixed;
    padding: 20px;
    background: transparent;
    pointer-events: none;
    z-index: 1000000000;
    opacity: 0.8;
}
.components-drop-zone {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 40;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s, background-color 0.3s, visibility 0s 0.3s;
    border: 2px solid #0071a1;
    border-radius: 2px;
}
@media (prefers-reduced-motion: reduce) {
    .components-drop-zone {
        transition-duration: 0s;
    }
}
.components-drop-zone.is-active {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s, background-color 0.3s;
}
@media (prefers-reduced-motion: reduce) {

    .components-drop-zone.is-active {
        transition-duration: 0s;
    }
}
.components-drop-zone.is-dragging-over-element {
    background-color: rgba(0, 113, 161, 0.8);
}
.components-drop-zone__content {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 50;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    color: #fff;
    transition: transform 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .components-drop-zone__content {
        transition-duration: 0s;
    }
}
.components-drop-zone.is-dragging-over-element .components-drop-zone__content {
    transform: translateY(-50%) scale(1.05);
}
.components-drop-zone__content-icon,
.components-drop-zone__content-text {
    display: block;
}
.components-drop-zone__content-icon {
    margin: 0 auto;
    line-height: 0;
    fill: currentColor;
}
.components-drop-zone__content-text {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
}
.components-drop-zone__provider {
    height: 100%;
}
.components-dropdown {
    display: inline-block;
}
.components-dropdown-menu__indicator:after {
    content: "";
    pointer-events: none;
    display: block;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 5px solid;
    margin-left: 4px;
    margin-right: 2px;
}
.components-dropdown-menu__popover .components-popover__content {
    width: 200px;
}
.components-dropdown-menu__menu {
    width: 100%;
    padding: 7px 0;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 13px;
    line-height: 1.4;
}
.components-dropdown-menu__menu .components-dropdown-menu__menu-item,
.components-dropdown-menu__menu .components-menu-item {
    width: 100%;
    padding: 6px;
    outline: none;
    cursor: pointer;
    margin-bottom: 4px;
}
.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator,
.components-dropdown-menu__menu .components-menu-item.has-separator {
    margin-top: 6px;
    position: relative;
    overflow: visible;
}
.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator:before,
.components-dropdown-menu__menu .components-menu-item.has-separator:before {
    display: block;
    content: "";
    box-sizing: content-box;
    background-color: #e2e4e7;
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    height: 1px;
}
.components-dropdown-menu__menu .components-dropdown-menu__menu-item:focus:not(:disabled):not([aria-disabled="true"]):not(.is-secondary),
.components-dropdown-menu__menu .components-menu-item:focus:not(:disabled):not([aria-disabled="true"]):not(.is-secondary) {
    color: #191e23;
    border: none;
    box-shadow: none;
    outline-offset: -2px;
    outline: 1px dotted #555d66;
}
.components-dropdown-menu__menu .components-dropdown-menu__menu-item:hover,
.components-dropdown-menu__menu .components-dropdown-menu__menu-item:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):not(.is-tertiary):not(.is-primary):hover,
.components-dropdown-menu__menu .components-menu-item:hover,
.components-dropdown-menu__menu .components-menu-item:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):not(.is-tertiary):not(.is-primary):hover {
    color: #191e23;
    border: none;
    background: #f3f4f5;
    box-shadow: none;
}
.components-dropdown-menu__menu .components-dropdown-menu__menu-item > svg,
.components-dropdown-menu__menu .components-menu-item > svg {
    border-radius: 4px;
    padding: 2px;
    width: 24px;
    height: 24px;
    margin: -1px 8px -1px 0;
}
.components-dropdown-menu__menu .components-dropdown-menu__menu-item:not(:disabled):not([aria-disabled="true"]):not(.is-secondary).is-active > svg,
.components-dropdown-menu__menu .components-menu-item:not(:disabled):not([aria-disabled="true"]):not(.is-secondary).is-active > svg {
    outline: none;
    color: #fff;
    box-shadow: none;
    background: #555d66;
}
.components-dropdown-menu__menu .components-menu-group:not(:last-child) {
    border-bottom: 1px solid #e2e4e7;
}
.components-dropdown-menu__menu .components-menu-item__button,
.components-dropdown-menu__menu .components-menu-item__button.components-button {
    height: auto;
    padding-left: 2rem;
}
.components-dropdown-menu__menu .components-menu-item__button.components-button.has-icon,
.components-dropdown-menu__menu .components-menu-item__button.has-icon {
    padding-left: 0.5rem;
}
.components-dropdown-menu__menu .components-menu-item__button.components-button .dashicon,
.components-dropdown-menu__menu .components-menu-item__button .dashicon {
    margin-right: 4px;
}
.components-external-link__icon {
    width: 1.4em;
    height: 1.4em;
    margin: -0.2em 0.1em 0;
    vertical-align: middle;
}
.components-focal-point-picker-wrapper {
    background-color: transparent;
    border: 1px solid #e2e4e7;
    height: 200px;
    width: 100%;
    padding: 14px;
}
.components-focal-point-picker {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%;
}
.components-focal-point-picker img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.components-focal-point-picker__icon_container {
    background-color: transparent;
    cursor: grab;
    height: 30px;
    opacity: 0.8;
    position: absolute;
    will-change: transform;
    width: 30px;
    z-index: 10000;
}
.components-focal-point-picker__icon_container.is-dragging {
    cursor: grabbing;
}
.components-focal-point-picker__icon {
    display: block;
    height: 100%;
    left: -15px;
    position: absolute;
    top: -15px;
    width: 100%;
}
.components-focal-point-picker__icon .components-focal-point-picker__icon-outline {
    fill: #fff;
}
.components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
    fill: #0085ba;
}
body.admin-color-sunrise .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
    fill: #d1864a;
}
body.admin-color-ocean .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
    fill: #a3b9a2;
}
body.admin-color-midnight .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
    fill: #e14d43;
}
body.admin-color-ectoplasm .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
    fill: #a7b656;
}
body.admin-color-coffee .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
    fill: #c2a68c;
}
body.admin-color-blue .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
    fill: #82b4cb;
}
body.admin-color-light .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
    fill: #0085ba;
}
.components-focal-point-picker_position-display-container {
    margin: 1em 0;
    display: flex;
}
.components-focal-point-picker_position-display-container .components-base-control__field {
    margin: 0 1em 0 0;
}
.components-focal-point-picker_position-display-container input[type="number"].components-text-control__input {
    max-width: 4em;
    padding: 6px 4px;
}
.components-focal-point-picker_position-display-container span {
    margin: 0 0 0 0.2em;
}
.components-font-size-picker__controls {
    max-width: 248px;
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}
.components-font-size-picker__controls .components-range-control__number {
    height: 30px;
    margin: 5px 8px 0 0;
}
.components-font-size-picker__controls .components-range-control__number[value=""] + .components-button {
    cursor: default;
    opacity: 0.3;
    pointer-events: none;
}
.components-font-size-picker__controls .components-range-control__number-container {
    display: flex;
    flex-direction: column;
}
.components-font-size-picker__controls .components-font-size-picker__select {
    margin-right: 8px;
    flex-grow: 1;
}
.components-font-size-picker__controls .components-color-palette__clear {
    height: 30px;
    margin-top: 23px;
}
.components-font-size-picker__custom-input .components-range-control__slider + .dashicon {
    width: 30px;
    height: 30px;
}
.components-font-size-picker {
    border: 0;
    padding: 0;
    margin: 0;
}
.components-form-toggle {
    position: relative;
    display: inline-block;
}
.components-form-toggle .components-form-toggle__off,
.components-form-toggle .components-form-toggle__on {
    position: absolute;
    top: 6px;
    box-sizing: border-box;
}
.components-form-toggle .components-form-toggle__off {
    color: #6c7781;
    fill: currentColor;
    right: 6px;
}
.components-form-toggle .components-form-toggle__on {
    left: 8px;
}
.components-form-toggle .components-form-toggle__track {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    background-color: #fff;
    border: 2px solid #6c7781;
    width: 36px;
    height: 18px;
    border-radius: 9px;
    transition: background 0.2s ease;
}
@media (prefers-reduced-motion: reduce) {
    .components-form-toggle .components-form-toggle__track {
        transition-duration: 0s;
    }
}
.components-form-toggle .components-form-toggle__thumb {
    display: block;
    position: absolute;
    box-sizing: border-box;
    top: 4px;
    left: 4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    transition: transform 0.1s ease;
    background-color: #6c7781;
    border: 5px solid #6c7781;
}
@media (prefers-reduced-motion: reduce) {
    .components-form-toggle .components-form-toggle__thumb {
        transition-duration: 0s;
    }
}
.components-form-toggle:hover .components-form-toggle__track {
    border: 2px solid #555d66;
}
.components-form-toggle:hover .components-form-toggle__thumb {
    background-color: #555d66;
    border: 5px solid #6c7781;
}
.components-form-toggle:hover .components-form-toggle__off {
    color: #555d66;
}
.components-form-toggle.is-checked .components-form-toggle__track {
    background-color: #11a0d2;
    border: 9px solid transparent;
}
body.admin-color-sunrise .components-form-toggle.is-checked .components-form-toggle__track {
    background-color: #c8b03c;
    border: 2px solid #c8b03c;
}
body.admin-color-ocean .components-form-toggle.is-checked .components-form-toggle__track {
    background-color: #a3b9a2;
    border: 2px solid #a3b9a2;
}
body.admin-color-midnight .components-form-toggle.is-checked .components-form-toggle__track {
    background-color: #77a6b9;
    border: 2px solid #77a6b9;
}
body.admin-color-ectoplasm .components-form-toggle.is-checked .components-form-toggle__track {
    background-color: #a7b656;
    border: 2px solid #a7b656;
}
body.admin-color-coffee .components-form-toggle.is-checked .components-form-toggle__track {
    background-color: #c2a68c;
    border: 2px solid #c2a68c;
}
body.admin-color-blue .components-form-toggle.is-checked .components-form-toggle__track {
    background-color: #82b4cb;
    border: 2px solid #82b4cb;
}
body.admin-color-light .components-form-toggle.is-checked .components-form-toggle__track {
    background-color: #11a0d2;
    border: 2px solid #11a0d2;
}
.components-form-toggle__input:focus + .components-form-toggle__track {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px #6c7781;
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.components-form-toggle.is-checked .components-form-toggle__thumb {
    background-color: #fff;
    border-width: 0;
    transform: translateX(18px);
}
.components-form-toggle.is-checked:before {
    background-color: #11a0d2;
    border: 2px solid #11a0d2;
}
body.admin-color-sunrise .components-form-toggle.is-checked:before {
    background-color: #c8b03c;
    border: 2px solid #c8b03c;
}
body.admin-color-ocean .components-form-toggle.is-checked:before {
    background-color: #a3b9a2;
    border: 2px solid #a3b9a2;
}
body.admin-color-midnight .components-form-toggle.is-checked:before {
    background-color: #77a6b9;
    border: 2px solid #77a6b9;
}
body.admin-color-ectoplasm .components-form-toggle.is-checked:before {
    background-color: #a7b656;
    border: 2px solid #a7b656;
}
body.admin-color-coffee .components-form-toggle.is-checked:before {
    background-color: #c2a68c;
    border: 2px solid #c2a68c;
}
body.admin-color-blue .components-form-toggle.is-checked:before {
    background-color: #82b4cb;
    border: 2px solid #82b4cb;
}
body.admin-color-light .components-form-toggle.is-checked:before {
    background-color: #11a0d2;
    border: 2px solid #11a0d2;
}
.components-disabled .components-form-toggle {
    opacity: 0.3;
}
.components-form-toggle input.components-form-toggle__input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0;
    padding: 0;
    z-index: 1;
    border: none;
}
.components-form-toggle input.components-form-toggle__input[type="checkbox"]:checked {
    background: none;
}
.components-form-toggle input.components-form-toggle__input[type="checkbox"]:before {
    content: "";
}
.components-form-toggle .components-form-toggle__on {
    outline: 1px solid transparent;
    outline-offset: -1px;
    border: 1px solid #000;
    filter: invert(100%) contrast(500%);
}
@supports (-ms-high-contrast-adjust: auto) {
    .components-form-toggle .components-form-toggle__on {
        filter: none;
        border: 1px solid #fff;
    }
}
.components-form-token-field__input-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
    margin: 0 0 8px;
    padding: 4px;
    background-color: #fff;
    color: #32373c;
    cursor: text;
    box-shadow: 0 0 0 transparent;
    transition: box-shadow 0.1s linear;
    border-radius: 4px;
    border: 1px solid #7e8993;
}
@media (prefers-reduced-motion: reduce) {
    .components-form-token-field__input-container {
        transition-duration: 0s;
    }
}
.components-form-token-field__input-container.is-disabled {
    background: #e2e4e7;
    border-color: #ccd0d4;
}
.components-form-token-field__input-container.is-active {
    color: #191e23;
    border-color: #007cba;
    box-shadow: 0 0 0 1px #007cba;
    outline: 2px solid transparent;
}
.components-form-token-field__input-container input[type="text"].components-form-token-field__input {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    margin: 2px 0 2px 8px;
    padding: 0;
    min-height: 24px;
    background: inherit;
    border: 0;
    color: #23282d;
    box-shadow: none;
}
.components-form-token-field.is-active .components-form-token-field__input-container input[type="text"].components-form-token-field__input,
.components-form-token-field__input-container input[type="text"].components-form-token-field__input:focus {
    outline: none;
    box-shadow: none;
}
.components-form-token-field__input-container .components-form-token-field__token + input[type="text"].components-form-token-field__input {
    width: auto;
}
.components-form-token-field__label {
    display: inline-block;
    margin-bottom: 4px;
}
.components-form-token-field__help {
    font-style: italic;
}
.components-form-token-field__token {
    font-size: 13px;
    display: flex;
    margin: 2px 4px 2px 0;
    color: #32373c;
    overflow: hidden;
}
.components-form-token-field__token.is-success .components-form-token-field__remove-token,
.components-form-token-field__token.is-success .components-form-token-field__token-text {
    background: #4ab866;
}
.components-form-token-field__token.is-error .components-form-token-field__remove-token,
.components-form-token-field__token.is-error .components-form-token-field__token-text {
    background: #d94f4f;
}
.components-form-token-field__token.is-validating .components-form-token-field__remove-token,
.components-form-token-field__token.is-validating .components-form-token-field__token-text {
    color: #555d66;
}
.components-form-token-field__token.is-borderless {
    position: relative;
    padding: 0 16px 0 0;
}
.components-form-token-field__token.is-borderless .components-form-token-field__token-text {
    background: transparent;
    color: #11a0d2;
}
body.admin-color-sunrise .components-form-token-field__token.is-borderless .components-form-token-field__token-text {
    color: #c8b03c;
}
body.admin-color-ocean .components-form-token-field__token.is-borderless .components-form-token-field__token-text {
    color: #a89d8a;
}
body.admin-color-midnight .components-form-token-field__token.is-borderless .components-form-token-field__token-text {
    color: #77a6b9;
}
body.admin-color-ectoplasm .components-form-token-field__token.is-borderless .components-form-token-field__token-text {
    color: #c77430;
}
body.admin-color-coffee .components-form-token-field__token.is-borderless .components-form-token-field__token-text {
    color: #9fa47b;
}
body.admin-color-blue .components-form-token-field__token.is-borderless .components-form-token-field__token-text {
    color: #d9ab59;
}
body.admin-color-light .components-form-token-field__token.is-borderless .components-form-token-field__token-text {
    color: #c75726;
}
.components-form-token-field__token.is-borderless .components-form-token-field__remove-token {
    background: transparent;
    color: #555d66;
    position: absolute;
    top: 1px;
    right: 0;
}
.components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text {
    color: #4ab866;
}
.components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text {
    color: #d94f4f;
    border-radius: 4px 0 0 4px;
    padding: 0 4px 0 6px;
}
.components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text {
    color: #23282d;
}
.components-form-token-field__token.is-disabled .components-form-token-field__remove-token {
    cursor: default;
}
.components-form-token-field__remove-token.components-button,
.components-form-token-field__token-text {
    display: inline-block;
    line-height: 24px;
    height: auto;
    background: #e2e4e7;
    transition: all 0.2s cubic-bezier(0.4, 1, 0.4, 1);
}
@media (prefers-reduced-motion: reduce) {
    .components-form-token-field__remove-token.components-button,
    .components-form-token-field__token-text {
        transition-duration: 0s;
        animation-duration: 1ms;
    }
}
.components-form-token-field__token-text {
    border-radius: 12px 0 0 12px;
    padding: 0 4px 0 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.components-form-token-field__remove-token.components-button {
    cursor: pointer;
    border-radius: 0 12px 12px 0;
    padding: 0 2px;
    color: #555d66;
    line-height: 10px;
    overflow: initial;
}
.components-form-token-field__remove-token.components-button:hover {
    color: #32373c;
}
.components-form-token-field__suggestions-list {
    flex: 1 0 100%;
    min-width: 100%;
    max-height: 9em;
    overflow-y: scroll;
    transition: all 0.15s ease-in-out;
    list-style: none;
    border-top: 1px solid #6c7781;
    margin: 4px -4px -4px;
    padding-top: 3px;
}
@media (prefers-reduced-motion: reduce) {
    .components-form-token-field__suggestions-list {
        transition-duration: 0s;
    }
}
.components-form-token-field__suggestion {
    color: #555d66;
    display: block;
    font-size: 13px;
    padding: 4px 8px;
    cursor: pointer;
}
.components-form-token-field__suggestion.is-selected {
    background: #0071a1;
    color: #fff;
}
.components-form-token-field__suggestion-match {
    text-decoration: underline;
}
.components-guide .components-modal__header {
    background: none;
    border-bottom: none;
}
.components-guide .components-modal__header .components-button {
    align-self: flex-start;
    margin-top: 24px;
    position: static;
}
.components-guide__container {
    display: flex;
    flex-direction: column;
    margin-top: -56px;
    min-height: 100%;
}
.components-guide__footer {
    align-content: center;
    display: flex;
    height: 30px;
    justify-content: center;
    margin: auto 0 24px;
    position: relative;
    width: 100%;
}
@media (min-width: 600px) {
    .components-guide__footer {
        margin: 24px 0 0;
    }
}
.components-guide__page-control {
    margin: 0;
}
.components-guide__page-control li {
    display: inline-block;
    margin: 0 2px;
}
.components-guide__page-control .components-button {
    height: 30px;
}
@media (max-width: 600px) {
    .components-modal__frame.components-guide {
        bottom: 15%;
        left: 24px;
        right: 24px;
        top: 15%;
    }
}
.components-button.components-guide__back-button,
.components-button.components-guide__finish-button,
.components-button.components-guide__forward-button {
    height: 30px;
    position: absolute;
}
.components-button.components-guide__back-button,
.components-button.components-guide__forward-button {
    font-size: 0;
    padding: 4px 2px;
}
.components-button.components-guide__back-button.has-text svg,
.components-button.components-guide__forward-button.has-text svg {
    margin: 0;
}
@media (min-width: 600px) {
    .components-button.components-guide__back-button,
    .components-button.components-guide__forward-button {
        font-size: 13px;
    }
}
.components-button.components-guide__back-button {
    left: 0;
}
@media (min-width: 600px) {
    .components-button.components-guide__back-button {
        padding: 4px 8px 4px 2px;
    }
    .components-button.components-guide__back-button.has-text svg {
        margin-right: 4px;
    }
}
.components-button.components-guide__forward-button {
    right: 0;
}
@media (min-width: 600px) {
    .components-button.components-guide__forward-button {
        padding: 4px 2px 4px 8px;
    }
    .components-button.components-guide__forward-button.has-text svg {
        margin-left: 4px;
        order: 1;
    }
}
.components-button.components-guide__finish-button {
    display: none;
    right: 0;
}
@media (min-width: 600px) {
    .components-button.components-guide__finish-button {
        display: block;
    }
}
@media (min-width: 600px) {
    .components-button.components-guide__inline-finish-button {
        display: none;
    }
}
.components-navigate-regions.is-focusing-regions [role="region"] {
    position: relative;
}
.components-navigate-regions.is-focusing-regions [role="region"]:focus:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    outline: 4px solid transparent;
    box-shadow: inset 0 0 0 4px #33b3db;
}
@supports (outline-offset: 1px) {
    .components-navigate-regions.is-focusing-regions [role="region"]:focus:after {
        content: none;
    }
    .components-navigate-regions.is-focusing-regions [role="region"]:focus {
        outline-style: solid;
        outline-color: #33b3db;
        outline-width: 4px;
        outline-offset: -4px;
    }
}
.components-menu-group {
    width: 100%;
    padding: 7px 0;
}
.components-menu-group__label {
    margin-bottom: 8px;
    color: #6c7781;
    padding: 0 7px;
}
.components-menu-item__button,
.components-menu-item__button.components-button {
    width: 100%;
    padding: 8px 15px;
    text-align: left;
    color: #40464d;
    border: none;
    box-shadow: none;
}
.components-menu-item__button.components-button .components-menu-items__item-icon,
.components-menu-item__button.components-button .dashicon,
.components-menu-item__button.components-button > span > svg,
.components-menu-item__button.components-button svg.components-menu-items__item-icon,
.components-menu-item__button .components-menu-items__item-icon,
.components-menu-item__button .dashicon,
.components-menu-item__button > span > svg,
.components-menu-item__button svg.components-menu-items__item-icon {
    margin-right: 4px;
}
.components-menu-item__button.components-button .components-menu-items__item-icon,
.components-menu-item__button .components-menu-items__item-icon {
    display: inline-block;
    flex: 0 0 auto;
}
.components-menu-item__button.components-button.components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):not(.is-tertiary):not(.is-primary):hover,
.components-menu-item__button.components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):not(.is-tertiary):not(.is-primary):hover {
    color: #191e23;
    border: none;
    box-shadow: none;
    background: #f3f4f5;
}
.components-menu-item__button.components-button.components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):not(.is-tertiary):not(.is-primary):hover .components-menu-item__shortcut,
.components-menu-item__button.components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):not(.is-tertiary):not(.is-primary):hover .components-menu-item__shortcut {
    color: #40464d;
}
.components-menu-item__button.components-button:focus:not(:disabled):not([aria-disabled="true"]),
.components-menu-item__button:focus:not(:disabled):not([aria-disabled="true"]) {
    color: #191e23;
    border: none;
    box-shadow: none;
    outline-offset: -2px;
    outline: 1px dotted #555d66;
}
.components-menu-item__info-wrapper {
    display: flex;
    flex-direction: column;
}
.components-menu-item__info {
    margin-top: 4px;
    font-size: 12px;
    color: #6c7781;
}
.components-menu-item__shortcut {
    -ms-grid-row-align: center;
    align-self: center;
    color: #6c7781;
    margin-right: 0;
    margin-left: auto;
    padding-left: 8px;
    display: none;
}
@media (min-width: 480px) {
    .components-menu-item__shortcut {
        display: inline;
    }
}
.components-menu-items-choice,
.components-menu-items-choice.components-button {
    padding-left: 2rem;
}
.components-menu-items-choice.components-button.has-icon,
.components-menu-items-choice.has-icon {
    padding-left: 0.5rem;
}
.components-modal__screen-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 100000;
    animation: edit-post__fade-in-animation 0.2s ease-out 0s;
    animation-fill-mode: forwards;
}
@media (prefers-reduced-motion: reduce) {
    .components-modal__screen-overlay {
        animation-duration: 1ms;
    }
}
.components-modal__frame {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #e2e4e7;
    background: #fff;
    box-shadow: 0 3px 30px rgba(25, 30, 35, 0.2);
    overflow: auto;
}
@media (min-width: 600px) {
    .components-modal__frame {
        top: 50%;
        right: auto;
        bottom: auto;
        left: 50%;
        min-width: 360px;
        max-width: calc(100% - 32px);
        max-height: calc(100% - 112px);
        transform: translate(-50%, -50%);
        animation: components-modal__appear-animation 0.1s ease-out;
        animation-fill-mode: forwards;
    }
}
@media (min-width: 600px) and (prefers-reduced-motion: reduce) {
    .components-modal__frame {
        animation-duration: 1ms;
    }
}
@keyframes components-modal__appear-animation {
    0% {
        margin-top: 32px;
    }
    to {
        margin-top: 0;
    }
}
.components-modal__header {
    box-sizing: border-box;
    border-bottom: 1px solid #e2e4e7;
    padding: 0 24px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: #fff;
    align-items: center;
    height: 56px;
    z-index: 10;
    position: relative;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    margin: 0 -24px 24px;
}
@supports (-ms-ime-align: auto) {
    .components-modal__header {
        position: fixed;
        width: 100%;
    }
}
.components-modal__header .components-modal__header-heading {
    font-size: 1rem;
    font-weight: 600;
}
.components-modal__header h1 {
    line-height: 1;
    margin: 0;
}
.components-modal__header .components-button {
    position: relative;
    left: 8px;
}
.components-modal__header-heading-container {
    align-items: center;
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    justify-content: left;
}
.components-modal__header-icon-container {
    display: inline-block;
}
.components-modal__header-icon-container svg {
    max-width: 36px;
    max-height: 36px;
    padding: 8px;
}
.components-modal__content {
    box-sizing: border-box;
    height: 100%;
    padding: 0 24px 24px;
}
@supports (-ms-ime-align: auto) {
    .components-modal__content {
        padding-top: 56px;
    }
}
.components-notice {
    display: flex;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 13px;
    background-color: #e5f5fa;
    border-left: 4px solid #00a0d2;
    margin: 5px 15px 2px;
    padding: 8px 12px;
    align-items: center;
}
.components-notice.is-dismissible {
    padding-right: 36px;
    position: relative;
}
.components-notice.is-success {
    border-left-color: #4ab866;
    background-color: #eff9f1;
}
.components-notice.is-warning {
    border-left-color: #f0b849;
    background-color: #fef8ee;
}
.components-notice.is-error {
    border-left-color: #d94f4f;
    background-color: #f9e2e2;
}
.components-notice__content {
    flex-grow: 1;
    margin: 4px 25px 4px 0;
}
.components-notice__action.components-button,
.components-notice__action.components-button.is-link {
    margin-left: 4px;
}
.components-notice__action.components-button.is-secondary {
    vertical-align: initial;
}
.components-notice__dismiss {
    color: #6c7781;
    align-self: flex-start;
    flex-shrink: 0;
}
.components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):focus,
.components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):active,
.components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):hover {
    color: #191e23;
    background-color: transparent;
}
.components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):hover {
    box-shadow: none;
}
.components-notice-list {
    max-width: 100vw;
    box-sizing: border-box;
    z-index: 29;
}
.components-notice-list .components-notice__content {
    margin-top: 12px;
    margin-bottom: 12px;
    line-height: 1.6;
}
.components-notice-list .components-notice__action.components-button {
    margin-top: -2px;
    margin-bottom: -2px;
}
.components-panel {
    background: #fff;
    border: 1px solid #e2e4e7;
}
.components-panel > .components-panel__body:first-child,
.components-panel > .components-panel__header:first-child {
    margin-top: -1px;
}
.components-panel > .components-panel__body:last-child,
.components-panel > .components-panel__header:last-child {
    border-bottom-width: 0;
}
.components-panel + .components-panel {
    margin-top: -1px;
}
.components-panel__body {
    border-top: 1px solid #e2e4e7;
    border-bottom: 1px solid #e2e4e7;
}
.components-panel__body h3 {
    margin: 0 0 0.5em;
}
.components-panel__body.is-opened {
    padding: 16px;
}
.components-panel__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
    height: 50px;
    border-top: 1px solid #e2e4e7;
    border-bottom: 1px solid #e2e4e7;
}
.components-panel__header h2 {
    margin: 0;
    font-size: inherit;
    color: inherit;
}
.components-panel__body + .components-panel__body,
.components-panel__body + .components-panel__header,
.components-panel__header + .components-panel__body,
.components-panel__header + .components-panel__header {
    margin-top: -1px;
}
.components-panel__body > .components-panel__body-title {
    display: block;
    padding: 0;
    font-size: inherit;
    margin-top: 0;
    margin-bottom: 0;
    transition: background 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .components-panel__body > .components-panel__body-title {
        transition-duration: 0s;
    }
}
.components-panel__body.is-opened > .components-panel__body-title {
    margin: -16px -16px 5px;
}
.components-panel__body > .components-panel__body-title:hover {
    background: #f3f4f5 !important;
    border: none !important;
}
.components-panel__body-toggle.components-button {
    position: relative;
    padding: 15px;
    outline: none;
    width: 100%;
    font-weight: 600;
    text-align: left;
    color: #191e23;
    border: none;
    box-shadow: none;
    transition: background 0.1s ease-in-out;
    height: auto;
}
@media (prefers-reduced-motion: reduce) {
    .components-panel__body-toggle.components-button {
        transition-duration: 0s;
    }
}
.components-panel__body-toggle.components-button:focus:not(:disabled):not([aria-disabled="true"]) {
    color: #191e23;
    border: none;
    box-shadow: none;
    outline-offset: -2px;
    outline: 1px dotted #555d66;
}
.components-panel__body-toggle.components-button:hover {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.components-panel__body-toggle.components-button .components-panel__arrow {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #191e23;
    fill: currentColor;
    transition: color 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .components-panel__body-toggle.components-button .components-panel__arrow {
        transition-duration: 0s;
    }
}
body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right {
    transform: scaleX(-1);
    -ms-filter: fliph;
    filter: FlipH;
    margin-top: -10px;
}
.components-panel__icon {
    color: #555d66;
    margin: -2px 0 -2px 6px;
}
.components-panel__body-toggle-icon {
    margin-right: -5px;
}
.components-panel__color-title {
    float: left;
    height: 19px;
}
.components-panel__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}
.components-panel__row select {
    min-width: 0;
}
.components-panel__row label {
    margin-right: 10px;
    flex-shrink: 0;
    max-width: 75%;
}
.components-panel__row:empty,
.components-panel__row:first-of-type {
    margin-top: 0;
}
.components-panel .circle-picker {
    padding-bottom: 20px;
}
.components-placeholder.components-placeholder {
    position: relative;
    margin-bottom: 28px;
    padding: 1em;
    min-height: 200px;
    width: 100%;
    text-align: left;
    background: rgba(139, 139, 150, 0.1);
}
@supports ((position: -webkit-sticky) or (position: sticky)) {
    .components-placeholder.components-placeholder {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
}
.is-dark-theme .components-placeholder.components-placeholder {
    background: hsla(0, 0%, 100%, 0.15);
}
.components-placeholder.components-placeholder .components-base-control__label {
    font-size: 13px;
}
.components-placeholder__error,
.components-placeholder__fieldset,
.components-placeholder__instructions,
.components-placeholder__label {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 13px;
}
.components-placeholder__label {
    display: flex;
    font-weight: 600;
    margin-bottom: 1em;
}
.components-placeholder__label .block-editor-block-icon,
.components-placeholder__label .dashicon,
.components-placeholder__label > svg {
    fill: currentColor;
    margin-right: 1ch;
}
.components-placeholder__fieldset,
.components-placeholder__fieldset form {
    display: flex;
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
    z-index: 1;
}
.components-placeholder__fieldset form p,
.components-placeholder__fieldset p {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 13px;
}
.components-placeholder__fieldset.is-column-layout,
.components-placeholder__fieldset.is-column-layout form {
    flex-direction: column;
}
.components-placeholder__input {
    margin: 0 8px 0 0;
    flex: 1 1 auto;
}
.components-placeholder__instructions {
    margin-bottom: 1em;
}
.components-placeholder__error {
    margin-top: 1em;
    width: 100%;
}
.components-placeholder__preview img {
    margin: 3%;
    width: 50%;
}
.components-placeholder__fieldset .components-button {
    margin-right: 8px;
    margin-bottom: 8px;
}
.components-placeholder__fieldset .components-button:last-child {
    margin-bottom: 0;
    margin-right: 0;
}
.components-placeholder__fieldset .components-button:not(.is-link) ~ .components-button.is-link {
    margin-left: 10px;
    margin-right: 10px;
}
.components-placeholder__fieldset .components-button:not(.is-link) ~ .components-button.is-link:last-child {
    margin-right: 0;
}
.components-placeholder.is-medium .components-placeholder__instructions,
.components-placeholder.is-small .components-placeholder__instructions {
    display: none;
}
.components-placeholder.is-medium .components-placeholder__fieldset,
.components-placeholder.is-medium .components-placeholder__fieldset form,
.components-placeholder.is-small .components-placeholder__fieldset,
.components-placeholder.is-small .components-placeholder__fieldset form {
    flex-direction: column;
}
.components-placeholder.is-medium .components-placeholder__fieldset .components-button,
.components-placeholder.is-small .components-placeholder__fieldset .components-button {
    margin-right: auto;
}
.components-placeholder.is-small .block-editor-block-icon {
    display: none;
}
.components-placeholder.is-small .components-button {
    padding: 0 8px 2px;
}

/*!rtl:begin:ignore*/
.components-popover {
    position: fixed;
    z-index: 1000000;
    top: 0;
    left: 0;
    opacity: 0;
}
.components-popover.is-expanded,
.components-popover[data-x-axis][data-y-axis] {
    opacity: 1;
}
.components-popover.is-expanded {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000000 !important;
}
.components-popover:not(.is-without-arrow) {
    margin-left: 2px;
}
.components-popover:not(.is-without-arrow):before {
    border: 8px solid #e2e4e7;
}
.components-popover:not(.is-without-arrow):after {
    border: 8px solid #fff;
}
.components-popover:not(.is-without-arrow):after,
.components-popover:not(.is-without-arrow):before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    line-height: 0;
}
.components-popover:not(.is-without-arrow)[data-y-axis="top"] {
    margin-top: -8px;
}
.components-popover:not(.is-without-arrow)[data-y-axis="top"]:before {
    bottom: -8px;
}
.components-popover:not(.is-without-arrow)[data-y-axis="top"]:after {
    bottom: -6px;
}
.components-popover:not(.is-without-arrow)[data-y-axis="top"]:after,
.components-popover:not(.is-without-arrow)[data-y-axis="top"]:before {
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-style: solid;
    margin-left: -10px;
}
.components-popover:not(.is-without-arrow)[data-y-axis="bottom"] {
    margin-top: 8px;
}
.components-popover:not(.is-without-arrow)[data-y-axis="bottom"]:before {
    top: -8px;
}
.components-popover:not(.is-without-arrow)[data-y-axis="bottom"]:after {
    top: -6px;
}
.components-popover:not(.is-without-arrow)[data-y-axis="bottom"]:after,
.components-popover:not(.is-without-arrow)[data-y-axis="bottom"]:before {
    border-bottom-style: solid;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top: none;
    margin-left: -10px;
}
.components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="left"] {
    margin-left: -8px;
}
.components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="left"]:before {
    right: -8px;
}
.components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="left"]:after {
    right: -6px;
}
.components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="left"]:after,
.components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="left"]:before {
    border-bottom-color: transparent;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
}
.components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="right"] {
    margin-left: 8px;
}
.components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="right"]:before {
    left: -8px;
}
.components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="right"]:after {
    left: -6px;
}
.components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="right"]:after,
.components-popover:not(.is-without-arrow)[data-y-axis="middle"][data-x-axis="right"]:before {
    border-bottom-color: transparent;
    border-left: none;
    border-right-style: solid;
    border-top-color: transparent;
}
.components-popover[data-y-axis="top"] {
    bottom: 100%;
}
.components-popover[data-y-axis="bottom"] {
    top: 100%;
}
.components-popover[data-y-axis="middle"] {
    align-items: center;
    display: flex;
}
.components-popover__content {
    box-shadow: 0 3px 30px rgba(25, 30, 35, 0.1);
    border: 1px solid #e2e4e7;
    background: #fff;
    height: 100%;
}
.components-popover .components-popover__content {
    position: absolute;
    height: auto;
    overflow-y: auto;
    min-width: 260px;
}
.components-popover.is-expanded .components-popover__content {
    position: static;
    height: calc(100% - 50px);
    overflow-y: visible;
    min-width: auto;
    border: none;
    border-top: 1px solid #e2e4e7;
}
.components-popover[data-y-axis="top"] .components-popover__content {
    bottom: 100%;
}
.components-popover[data-x-axis="center"] .components-popover__content {
    left: 50%;
    transform: translateX(-50%);
}
.components-popover[data-x-axis="right"] .components-popover__content {
    position: absolute;
    left: 100%;
}
.components-popover:not([data-y-axis="middle"])[data-x-axis="right"] .components-popover__content {
    margin-left: -24px;
}
.components-popover[data-x-axis="left"] .components-popover__content {
    position: absolute;
    right: 100%;
}
.components-popover:not([data-y-axis="middle"])[data-x-axis="left"] .components-popover__content {
    margin-right: -24px;
}
.components-popover__content > div {
    height: 100%;
}
.components-popover__header {
    align-items: center;
    background: #fff;
    display: flex;
    height: 50px;
    justify-content: space-between;
    padding: 0 8px 0 16px;
}
.components-popover__header-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.components-popover__close.components-button {
    z-index: 5;
}

/*!rtl:end:ignore*/
.components-radio-control {
    display: flex;
    flex-direction: column;
}
.components-radio-control .components-base-control__help {
    margin-top: 0;
}
.components-radio-control .components-base-control__field {
    margin-bottom: 0;
}
.components-radio-control__option:not(:last-child) {
    margin-bottom: 4px;
}
.components-radio-control__input[type="radio"] {
    margin-top: 0;
    margin-right: 6px;
}
.components-range-control .components-base-control__field {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;

}
.components-range-control .dashicon {
    flex-shrink: 0;
    margin-right: 10px;
}
.components-range-control .components-base-control__label {
    width: 100%;
}
.components-range-control .components-range-control__slider {
    margin-left: 0;
    flex: 1;
}
.components-range-control__reset {
    margin-left: 8px;
}
.components-range-control__slider {
    width: 100%;
    margin-left: 8px;
    padding: 0;
    -webkit-appearance: none;
    background: transparent;
}
.components-range-control__slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    cursor: pointer;
    background: #555d66;
    border: 4px solid transparent;
    background-clip: padding-box;
    box-sizing: border-box;
    margin-top: -7px;
}
.components-range-control__slider::-moz-range-thumb {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    cursor: pointer;
    background: #555d66;
    border: 4px solid transparent;
    background-clip: padding-box;
    box-sizing: border-box;
}
.components-range-control__slider::-ms-thumb {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    cursor: pointer;
    background: #555d66;
    background-clip: padding-box;
    box-sizing: border-box;
    margin-top: 0;
    height: 14px;
    width: 14px;
    border: 2px solid transparent;
}
.components-range-control__slider:focus {
    outline: none;
}
.components-range-control__slider:focus::-webkit-slider-thumb {
    background-color: #fff;
    color: #191e23;
    box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff;
    outline: 2px solid transparent;
}
.components-range-control__slider:focus::-moz-range-thumb {
    background-color: #fff;
    color: #191e23;
    box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff;
    outline: 2px solid transparent;
}
.components-range-control__slider:focus::-ms-thumb {
    background-color: #fff;
    color: #191e23;
    box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff;
    outline: 2px solid transparent;
}
.components-range-control__slider::-webkit-slider-runnable-track {
    height: 3px;
    cursor: pointer;
    background: #e2e4e7;
    border-radius: 1.5px;
    margin-top: -4px;
}
.components-range-control__slider::-moz-range-track {
    height: 3px;
    cursor: pointer;
    background: #e2e4e7;
    border-radius: 1.5px;
}
.components-range-control__slider::-ms-track {
    margin-top: -4px;
    background: transparent;
    border-color: transparent;
    color: transparent;
    height: 3px;
    cursor: pointer;
    background: #e2e4e7;
    border-radius: 1.5px;
}
.components-range-control__number {
    display: inline-block;
    margin-left: 8px;
    font-weight: 500;
    width: 54px;
}
.components-resizable-box__handle {
    display: none;
    width: 23px;
    height: 23px;
}
.components-resizable-box__container.has-show-handle .components-resizable-box__handle,
.components-resizable-box__container.is-selected .components-resizable-box__handle {
    display: block;
}
.components-resizable-box__handle:after {
    display: block;
    content: "";
    width: 15px;
    height: 15px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #0085ba;
    cursor: inherit;
    position: absolute;
    top: calc(50% - 8px);
    right: calc(50% - 8px);
}
body.admin-color-sunrise .components-resizable-box__handle:after {
    background: #d1864a;
}
body.admin-color-ocean .components-resizable-box__handle:after {
    background: #a3b9a2;
}
body.admin-color-midnight .components-resizable-box__handle:after {
    background: #e14d43;
}
body.admin-color-ectoplasm .components-resizable-box__handle:after {
    background: #a7b656;
}
body.admin-color-coffee .components-resizable-box__handle:after {
    background: #c2a68c;
}
body.admin-color-blue .components-resizable-box__handle:after {
    background: #82b4cb;
}
body.admin-color-light .components-resizable-box__handle:after {
    background: #0085ba;
}
.components-resizable-box__side-handle:before {
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    border: 2px solid #fff;
    background: #0085ba;
    cursor: inherit;
    position: absolute;
    top: calc(50% - 4px);
    right: calc(50% - 4px);
    transition: transform 0.1s ease-in;
    opacity: 0;
}
body.admin-color-sunrise .components-resizable-box__side-handle:before {
    background: #d1864a;
}
body.admin-color-ocean .components-resizable-box__side-handle:before {
    background: #a3b9a2;
}
body.admin-color-midnight .components-resizable-box__side-handle:before {
    background: #e14d43;
}
body.admin-color-ectoplasm .components-resizable-box__side-handle:before {
    background: #a7b656;
}
body.admin-color-coffee .components-resizable-box__side-handle:before {
    background: #c2a68c;
}
body.admin-color-blue .components-resizable-box__side-handle:before {
    background: #82b4cb;
}
body.admin-color-light .components-resizable-box__side-handle:before {
    background: #0085ba;
}
@media (prefers-reduced-motion: reduce) {
    .components-resizable-box__side-handle:before {
        transition-duration: 0s;
    }
}
.is-dark-theme .components-resizable-box__handle:after,
.is-dark-theme .components-resizable-box__side-handle:before {
    border-color: #d7dade;
}
.components-resizable-box__side-handle {
    z-index: 1;
}
.components-resizable-box__corner-handle {
    z-index: 2;
}
.components-resizable-box__side-handle.components-resizable-box__handle-bottom,
.components-resizable-box__side-handle.components-resizable-box__handle-bottom:before,
.components-resizable-box__side-handle.components-resizable-box__handle-top,
.components-resizable-box__side-handle.components-resizable-box__handle-top:before {
    width: 100%;
    left: 0;
    border-left: 0;
    border-right: 0;
}
.components-resizable-box__side-handle.components-resizable-box__handle-left,
.components-resizable-box__side-handle.components-resizable-box__handle-left:before,
.components-resizable-box__side-handle.components-resizable-box__handle-right,
.components-resizable-box__side-handle.components-resizable-box__handle-right:before {
    height: 100%;
    top: 0;
    border-top: 0;
    border-bottom: 0;
}
.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,
.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,
.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,
.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before {
    animation: components-resizable-box__top-bottom-animation 0.1s ease-out 0s;
    animation-fill-mode: forwards;
}
@media (prefers-reduced-motion: reduce) {
    .components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,
    .components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,
    .components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,
    .components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before {
        animation-duration: 1ms;
    }
}
.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,
.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,
.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,
.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before {
    animation: components-resizable-box__left-right-animation 0.1s ease-out 0s;
    animation-fill-mode: forwards;
}
@media (prefers-reduced-motion: reduce) {
    .components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,
    .components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,
    .components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,
    .components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before {
        animation-duration: 1ms;
    }
}
@keyframes components-resizable-box__top-bottom-animation {
    0% {
        transform: scaleX(0);
        opacity: 0;
    }
    to {
        transform: scaleX(1);
        opacity: 1;
    }
}
@keyframes components-resizable-box__left-right-animation {
    0% {
        transform: scaleY(0);
        opacity: 0;
    }
    to {
        transform: scaleY(1);
        opacity: 1;
    }
}

/*!rtl:begin:ignore*/
.components-resizable-box__handle-right {
    right: -11.5px;
}
.components-resizable-box__handle-left {
    left: -11.5px;
}
.components-resizable-box__handle-top {
    top: -11.5px;
}
.components-resizable-box__handle-bottom {
    bottom: -11.5px;
}

/*!rtl:end:ignore*/
.components-responsive-wrapper {
    position: relative;
    max-width: 100%;
}
.components-responsive-wrapper,
.components-responsive-wrapper > span {
    display: block;
}
.components-responsive-wrapper__content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
}
.components-sandbox {
    overflow: hidden;
}
iframe.components-sandbox {
    width: 100%;
}
body.lockscroll,
html.lockscroll {
    overflow: hidden;
}
.components-select-control__input {
    background: #fff;
    height: 36px;
    line-height: 36px;
    margin: 1px;
    outline: 0;
    width: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
@media (min-width: 782px) {
    .components-select-control__input {
        height: 28px;
        line-height: 28px;
    }
}
@media (max-width: 782px) {
    .components-base-control .components-base-control__field .components-select-control__input {
        font-size: 16px;
    }
}
.components-snackbar {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 13px;
    background-color: #32373c;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    color: #fff;
    padding: 16px 24px;
    width: 100%;
    max-width: 600px;
    box-sizing: border-box;
    cursor: pointer;
}
@media (min-width: 600px) {
    .components-snackbar {
        width: fit-content;
    }
}
.components-snackbar:hover {
    background-color: #191e23;
}
.components-snackbar:focus {
    background-color: #191e23;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba;
}
.components-snackbar__action.components-button {
    margin-left: 32px;
    color: #fff;
    height: auto;
    flex-shrink: 0;
    line-height: 1.4;
    padding: 0;
}
.components-snackbar__action.components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary) {
    text-decoration: underline;
    background-color: transparent;
}
.components-snackbar__action.components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):focus {
    color: #fff;
    box-shadow: none;
    outline: 1px dotted #fff;
}
.components-snackbar__action.components-button:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):hover {
    color: #33b3db;
}
.components-snackbar__content {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    line-height: 1.4;
}
.components-snackbar-list {
    position: absolute;
    z-index: 100000;
    width: 100%;
    box-sizing: border-box;
}
.components-snackbar-list__notice-container {
    position: relative;
    padding-top: 8px;
}
.components-spinner {
    display: inline-block;
    background-color: #7e8993;
    width: 18px;
    height: 18px;
    opacity: 0.7;
    margin: 5px 11px 0;
    border-radius: 100%;
    position: relative;
}
.components-spinner:before {
    content: "";
    position: absolute;
    background-color: #fff;
    top: 3px;
    left: 3px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    transform-origin: 6px 6px;
    animation: components-spinner__animation 1s linear infinite;
}
@keyframes components-spinner__animation {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}
.components-text-control__input,
.components-textarea-control__input {
    width: 100%;
    padding: 6px 8px;
}
.components-tip {
    display: flex;
    color: #555d66;
}
.components-tip svg {
    -ms-grid-row-align: center;
    align-self: center;
    fill: #f0b849;
    flex-shrink: 0;
    margin-right: 16px;
}
.components-tip p {
    margin: 0;
}
.components-toggle-control .components-base-control__field {
    display: flex;
    margin-bottom: 12px;
    line-height: normal;
    align-items: center;
}
.components-toggle-control .components-base-control__field .components-form-toggle {
    margin-right: 16px;
}
.components-toggle-control .components-base-control__field .components-toggle-control__label {
    display: block;
}
.components-accessible-toolbar {
    display: inline-flex;
    flex-shrink: 0;
}
@supports ((position: -webkit-sticky) or (position: sticky)) {
    .components-accessible-toolbar {
        display: flex;
    }
}
.components-tab-button {
    padding: 3px;
    color: #555d66;
    height: 36px;
    font-weight: 500;
}
.components-tab-button.is-pressed,
.components-tab-button.is-pressed:hover {
    color: #fff;
}
.components-tab-button:disabled {
    cursor: default;
}
.components-tab-button > span {
    border: 1px solid transparent;
    padding: 0 6px;
    box-sizing: content-box;
    height: 28px;
    line-height: 28px;
}
.components-tab-button:focus > span,
.components-tab-button:hover > span {
    color: #555d66;
}
.components-tab-button:not(:disabled).is-pressed > span,
.components-tab-button:not(:disabled):focus > span,
.components-tab-button:not(:disabled):hover > span {
    border: 1px solid #555d66;
}
.components-tab-button.is-pressed:hover > span,
.components-tab-button.is-pressed > span {
    background-color: #555d66;
    color: #fff;
}
.components-toolbar__control.components-button {
    width: 36px;
    height: 36px;
}
.components-toolbar__control.components-button[data-subscript] svg {
    padding: 5px 10px 5px 0;
}
.components-toolbar__control.components-button[data-subscript]:after {
    content: attr(data-subscript);
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 12px;
    position: absolute;
    right: 8px;
    bottom: 10px;
}
.components-toolbar__control.components-button:not(:disabled).is-pressed[data-subscript]:after {
    color: #fff;
}
.components-toolbar__control.components-button.is-pressed {
    padding: 3px;
    outline: none;
}
.components-toolbar__control.components-button.is-pressed > svg {
    padding: 5px;
    border-radius: 4px;
    height: 30px;
    width: 30px;
    box-sizing: border-box;
    outline: none;
    color: #fff;
    box-shadow: none;
    background: #555d66;
}
.components-toolbar-group {
    border: 1px solid #e2e4e7;
    background-color: #fff;
    display: flex;
    flex-shrink: 0;
    margin-right: -1px;
    line-height: 0;
}
.components-toolbar-group .components-toolbar-group {
    border-width: 0;
    margin: 0;
}
.components-toolbar {
    margin: 0;
    border: 1px solid #e2e4e7;
    background-color: #fff;
    display: flex;
    flex-shrink: 0;
}
div.components-toolbar > div {
    display: block;
    margin: 0;
}
@supports ((position: -webkit-sticky) or (position: sticky)) {
    div.components-toolbar > div {
        display: flex;
    }
}
div.components-toolbar > div + div {
    margin-left: -3px;
}
div.components-toolbar > div + div.has-left-divider {
    margin-left: 6px;
    position: relative;
    overflow: visible;
}
div.components-toolbar > div + div.has-left-divider:before {
    display: inline-block;
    content: "";
    box-sizing: content-box;
    background-color: #e2e4e7;
    position: absolute;
    top: 8px;
    left: -3px;
    width: 1px;
    height: 20px;
}
.components-tooltip.components-popover {
    z-index: 1000002;
}
.components-tooltip.components-popover:before {
    border-color: transparent;
}
.components-tooltip.components-popover[data-y-axis="top"]:after {
    border-top-color: #191e23;
}
.components-tooltip.components-popover[data-y-axis="bottom"]:after {
    border-bottom-color: #191e23;
}
.components-tooltip.components-popover .components-popover__content {
    min-width: 0;
}
.components-tooltip .components-popover__content {
    padding: 4px 12px;
    background: #191e23;
    border-width: 0;
    color: #fff;
    white-space: nowrap;
    text-align: center;
}
.components-tooltip__shortcut {
    display: block;
    color: #7e8993;
}
.components-visually-hidden {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}
.components-visually-hidden:focus {
    background-color: #e2e4e7;
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}