.con-kit-react-loading{position:absolute;inset:0;z-index:5;background-color:rgba(224,224,229,.75);background-image:linear-gradient(90deg,rgba(223,223,228,0) 25%,hsla(0,0%,100%,.5) 50%,rgba(223,223,228,0) 75%);background-repeat:no-repeat;background-size:200% 100%;background-position:150% 0;border-radius:8px;animation:con-kit-react-loading-shimmer 1.8s ease-in-out infinite}@keyframes con-kit-react-loading-shimmer{to{background-position:-50% 0}}@media(prefers-reduced-motion:reduce){.con-kit-react-loading{background-image:none;animation:none}}.con-kit-react-status{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;min-height:100px;background-color:#fff;border-radius:8px}.con-kit-react-status__inner{display:inline-flex;align-items:center;grid-gap:10px;gap:10px;color:rgba(68,68,85,.7);font-size:14px;font-weight:500;line-height:1.4}.con-kit-react-status__label{white-space:nowrap}.con-kit-react-status__spinner{display:grid;flex-shrink:0;grid-template-columns:repeat(3,4px);grid-auto-rows:4px;grid-gap:3px;gap:3px}.con-kit-react-status__dot{width:4px;height:4px;background-color:currentColor;border-radius:50%;opacity:.2;animation:con-kit-react-status-snake 1.2s linear infinite}.con-kit-react-status__dot:first-child{animation-delay:0s}.con-kit-react-status__dot:nth-child(2){animation-delay:.15s}.con-kit-react-status__dot:nth-child(3){animation-delay:.3s}.con-kit-react-status__dot:nth-child(6){animation-delay:.45s}.con-kit-react-status__dot:nth-child(9){animation-delay:.6s}.con-kit-react-status__dot:nth-child(8){animation-delay:.75s}.con-kit-react-status__dot:nth-child(7){animation-delay:.9s}.con-kit-react-status__dot:nth-child(4){animation-delay:1.05s}.con-kit-react-status__dot:nth-child(5){opacity:.15;animation:none}@keyframes con-kit-react-status-snake{0%,to{opacity:.2}8%{opacity:.9}20%{opacity:.2}}@media(prefers-reduced-motion:reduce){.con-kit-react-status__dot{opacity:.4;animation:none}}.con-kit-react-button{display:inline-flex;grid-gap:8px;gap:8px;align-items:center;justify-content:center;padding:8px 12px;font-size:14px;font-weight:500;color:#363644;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid rgba(29,29,53,.08);border-radius:8px}.con-kit-react-button__icon{display:inline-flex}.con-kit-react-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:200px;padding:24px;background-color:#f7f6f6;border-radius:8px}.con-kit-react-empty__inner{display:flex;flex-direction:column;align-items:center;grid-gap:20px;gap:20px;width:217px;text-align:center}.con-kit-react-empty__icon{flex-shrink:0}.con-kit-react-empty__text{margin:0;font-size:14px;line-height:1.4;color:rgba(68,68,85,.7)}.con-kit-react-empty__text-strong{font-weight:700;color:#2b2b2f}.con-kit-react-error{justify-content:center;width:100%;height:100%;min-height:200px;padding:24px;background-color:#f7f6f6;border-radius:8px}.con-kit-react-error,.con-kit-react-error__inner{display:flex;flex-direction:column;align-items:center}.con-kit-react-error__inner{grid-gap:18px;gap:18px;text-align:center}.con-kit-react-error__icon{flex-shrink:0}.con-kit-react-error__text{max-width:267px;margin:0;font-size:14px;line-height:1.4;color:rgba(68,68,85,.7)}.con-kit-react-error__actions{display:flex;grid-gap:10px;gap:10px;align-items:center}.con-kit-react-error__text-strong{font-weight:700;color:#2b2b2f}.con-kit-react-error__toggle{margin-top:40px;padding:0;font-size:12px;line-height:1.4;color:rgba(68,68,85,.7);cursor:pointer;background:none;border:none}.con-kit-react-error__toggle:hover{color:#2b2b2f}.con-kit-react-error__code{display:flex;flex-direction:column;grid-gap:10px;gap:10px;width:100%;max-width:725px;margin-top:20px;padding:8px 12px;background-color:rgba(232,82,48,.15);border-radius:8px}.con-kit-react-error__code-header{display:flex;grid-gap:12px;gap:12px;align-items:center;justify-content:space-between}.con-kit-react-error__code-title{margin:0;font-family:Source Code Pro,SF Mono,Menlo,Consolas,monospace;font-size:13px;font-weight:800;line-height:1.5;color:#e85230}.con-kit-react-error__code-actions{display:flex;flex-shrink:0;grid-gap:8px;gap:8px;align-items:center}.con-kit-react-error__code-action{display:inline-flex;padding:0;color:#e85230;cursor:pointer;background:none;border:none}.con-kit-react-error__code-action:hover{opacity:.7}.con-kit-react-error__code-divider{height:1px;background-color:rgba(232,82,48,.25)}.con-kit-react-error__code-body{max-height:240px;margin:0;overflow-y:auto;font-family:Source Code Pro,SF Mono,Menlo,Consolas,monospace;font-size:13px;font-weight:500;line-height:1.5;color:#e85230;white-space:pre-wrap;word-break:break-word}.con-kit-react-not-compiled{width:100%;min-height:200px}[data-op-container]{width:1250px;max-width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box}@media (max-width:768px){[data-op-container]{padding-left:24px;padding-right:24px}}[data-op-row]{display:flex;flex-direction:row;flex-wrap:wrap;--op-row-gap:32px;grid-column-gap:var(--op-row-gap);-moz-column-gap:var(--op-row-gap);column-gap:var(--op-row-gap);grid-row-gap:var(--op-row-gap);row-gap:var(--op-row-gap)}@media (max-width:768px){[data-op-row]{--op-row-gap:24px}}[data-op-col]{display:flex;flex-direction:column;min-width:0}[data-op-col-span="1"]{flex:0 0 calc(100% / 24 * 1 - var(--op-row-gap, 32px) * (1 - 1 / 24));max-width:calc(100% / 24 * 1 - var(--op-row-gap, 32px) * (1 - 1 / 24))}[data-op-col-span="2"]{flex:0 0 calc(100% / 24 * 2 - var(--op-row-gap, 32px) * (1 - 2 / 24));max-width:calc(100% / 24 * 2 - var(--op-row-gap, 32px) * (1 - 2 / 24))}[data-op-col-span="3"]{flex:0 0 calc(100% / 24 * 3 - var(--op-row-gap, 32px) * (1 - 3 / 24));max-width:calc(100% / 24 * 3 - var(--op-row-gap, 32px) * (1 - 3 / 24))}[data-op-col-span="4"]{flex:0 0 calc(100% / 24 * 4 - var(--op-row-gap, 32px) * (1 - 4 / 24));max-width:calc(100% / 24 * 4 - var(--op-row-gap, 32px) * (1 - 4 / 24))}[data-op-col-span="5"]{flex:0 0 calc(100% / 24 * 5 - var(--op-row-gap, 32px) * (1 - 5 / 24));max-width:calc(100% / 24 * 5 - var(--op-row-gap, 32px) * (1 - 5 / 24))}[data-op-col-span="6"]{flex:0 0 calc(100% / 24 * 6 - var(--op-row-gap, 32px) * (1 - 6 / 24));max-width:calc(100% / 24 * 6 - var(--op-row-gap, 32px) * (1 - 6 / 24))}[data-op-col-span="7"]{flex:0 0 calc(100% / 24 * 7 - var(--op-row-gap, 32px) * (1 - 7 / 24));max-width:calc(100% / 24 * 7 - var(--op-row-gap, 32px) * (1 - 7 / 24))}[data-op-col-span="8"]{flex:0 0 calc(100% / 24 * 8 - var(--op-row-gap, 32px) * (1 - 8 / 24));max-width:calc(100% / 24 * 8 - var(--op-row-gap, 32px) * (1 - 8 / 24))}[data-op-col-span="9"]{flex:0 0 calc(100% / 24 * 9 - var(--op-row-gap, 32px) * (1 - 9 / 24));max-width:calc(100% / 24 * 9 - var(--op-row-gap, 32px) * (1 - 9 / 24))}[data-op-col-span="10"]{flex:0 0 calc(100% / 24 * 10 - var(--op-row-gap, 32px) * (1 - 10 / 24));max-width:calc(100% / 24 * 10 - var(--op-row-gap, 32px) * (1 - 10 / 24))}[data-op-col-span="11"]{flex:0 0 calc(100% / 24 * 11 - var(--op-row-gap, 32px) * (1 - 11 / 24));max-width:calc(100% / 24 * 11 - var(--op-row-gap, 32px) * (1 - 11 / 24))}[data-op-col-span="12"]{flex:0 0 calc(100% / 24 * 12 - var(--op-row-gap, 32px) * (1 - 12 / 24));max-width:calc(100% / 24 * 12 - var(--op-row-gap, 32px) * (1 - 12 / 24))}[data-op-col-span="13"]{flex:0 0 calc(100% / 24 * 13 - var(--op-row-gap, 32px) * (1 - 13 / 24));max-width:calc(100% / 24 * 13 - var(--op-row-gap, 32px) * (1 - 13 / 24))}[data-op-col-span="14"]{flex:0 0 calc(100% / 24 * 14 - var(--op-row-gap, 32px) * (1 - 14 / 24));max-width:calc(100% / 24 * 14 - var(--op-row-gap, 32px) * (1 - 14 / 24))}[data-op-col-span="15"]{flex:0 0 calc(100% / 24 * 15 - var(--op-row-gap, 32px) * (1 - 15 / 24));max-width:calc(100% / 24 * 15 - var(--op-row-gap, 32px) * (1 - 15 / 24))}[data-op-col-span="16"]{flex:0 0 calc(100% / 24 * 16 - var(--op-row-gap, 32px) * (1 - 16 / 24));max-width:calc(100% / 24 * 16 - var(--op-row-gap, 32px) * (1 - 16 / 24))}[data-op-col-span="17"]{flex:0 0 calc(100% / 24 * 17 - var(--op-row-gap, 32px) * (1 - 17 / 24));max-width:calc(100% / 24 * 17 - var(--op-row-gap, 32px) * (1 - 17 / 24))}[data-op-col-span="18"]{flex:0 0 calc(100% / 24 * 18 - var(--op-row-gap, 32px) * (1 - 18 / 24));max-width:calc(100% / 24 * 18 - var(--op-row-gap, 32px) * (1 - 18 / 24))}[data-op-col-span="19"]{flex:0 0 calc(100% / 24 * 19 - var(--op-row-gap, 32px) * (1 - 19 / 24));max-width:calc(100% / 24 * 19 - var(--op-row-gap, 32px) * (1 - 19 / 24))}[data-op-col-span="20"]{flex:0 0 calc(100% / 24 * 20 - var(--op-row-gap, 32px) * (1 - 20 / 24));max-width:calc(100% / 24 * 20 - var(--op-row-gap, 32px) * (1 - 20 / 24))}[data-op-col-span="21"]{flex:0 0 calc(100% / 24 * 21 - var(--op-row-gap, 32px) * (1 - 21 / 24));max-width:calc(100% / 24 * 21 - var(--op-row-gap, 32px) * (1 - 21 / 24))}[data-op-col-span="22"]{flex:0 0 calc(100% / 24 * 22 - var(--op-row-gap, 32px) * (1 - 22 / 24));max-width:calc(100% / 24 * 22 - var(--op-row-gap, 32px) * (1 - 22 / 24))}[data-op-col-span="23"]{flex:0 0 calc(100% / 24 * 23 - var(--op-row-gap, 32px) * (1 - 23 / 24));max-width:calc(100% / 24 * 23 - var(--op-row-gap, 32px) * (1 - 23 / 24))}[data-op-col-span="24"]{flex:0 0 100%;max-width:100%}@media (max-width:768px){[data-op-col]{flex:0 0 100%;max-width:100%}}[data-op-element]{position:relative}.con-kit-react-app-root{position:relative;width:100%;height:100%}.con-kit-react-app-root--loading{min-height:100px}.con-kit-react-render{width:100%;height:100%}