.ReactCrop{position:relative;display:inline-block;cursor:crosshair;overflow:hidden;max-width:100%}.ReactCrop *,.ReactCrop :after,.ReactCrop :before{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move;box-shadow:0 0 0 9999em #00000080}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}.ReactCrop__crop-selection:focus{outline:none;border-color:#00f;border-style:solid}.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute}.ReactCrop__drag-handle:after{position:absolute;content:"";display:block;width:10px;height:10px;background-color:#0003;border:1px solid rgba(255,255,255,.7);outline:1px solid transparent}.ReactCrop__drag-handle:focus:after{border-color:#00f;background:#2dbfff}.ReactCrop .ord-nw{top:0;left:0;margin-top:-5px;margin-left:-5px;cursor:nw-resize}.ReactCrop .ord-nw:after{top:0;left:0}.ReactCrop .ord-n{top:0;left:50%;margin-top:-5px;margin-left:-5px;cursor:n-resize}.ReactCrop .ord-n:after{top:0}.ReactCrop .ord-ne{top:0;right:0;margin-top:-5px;margin-right:-5px;cursor:ne-resize}.ReactCrop .ord-ne:after{top:0;right:0}.ReactCrop .ord-e{top:50%;right:0;margin-top:-5px;margin-right:-5px;cursor:e-resize}.ReactCrop .ord-e:after{right:0}.ReactCrop .ord-se{bottom:0;right:0;margin-bottom:-5px;margin-right:-5px;cursor:se-resize}.ReactCrop .ord-se:after{bottom:0;right:0}.ReactCrop .ord-s{bottom:0;left:50%;margin-bottom:-5px;margin-left:-5px;cursor:s-resize}.ReactCrop .ord-s:after{bottom:0}.ReactCrop .ord-sw{bottom:0;left:0;margin-bottom:-5px;margin-left:-5px;cursor:sw-resize}.ReactCrop .ord-sw:after{bottom:0;left:0}.ReactCrop .ord-w{top:50%;left:0;margin-top:-5px;margin-left:-5px;cursor:w-resize}.ReactCrop .ord-w:after{left:0}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:6px;margin-top:-3px}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:6px;height:100%;margin-right:-3px}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:6px;margin-bottom:-3px}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:6px;height:100%;margin-left:-3px}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media (pointer:coarse){.ReactCrop .ord-e,.ReactCrop .ord-n,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:24px;height:24px}}@layer payload-default{}@layer payload-default{}@layer payload-default{.banner{font-size:1rem;line-height:20px;border:0;vertical-align:middle;background:var(--theme-elevation-100);color:var(--theme-elevation-800);border-radius:4px;padding:10px;margin-bottom:1.5384615385rem}.banner--has-action{cursor:pointer;text-decoration:none}.banner--has-icon{display:flex}.banner--has-icon svg{display:block}.banner--type-default.button--has-action:hover{background:var(--theme-elevation-900)}.banner--type-default.button--has-action:active{background:var(--theme-elevation-950)}.banner--type-error{background:var(--theme-error-100);color:var(--theme-error-600)}.banner--type-error svg .stroke{stroke:var(--theme-error-600);fill:none}.banner--type-error svg .fill{fill:var(--theme-error-600)}.banner--type-error.button--has-action:hover{background:var(--theme-error-200)}.banner--type-error.button--has-action:active{background:var(--theme-error-300)}.banner--type-success{background:var(--theme-success-100);color:var(--theme-success-600)}.banner--type-success.button--has-action:active,.banner--type-success.button--has-action:hover{background:var(--theme-success-200)}}.css-template-drawer .blocks-drawer-container .template-group{margin-bottom:32px}.css-template-drawer .blocks-drawer-container .group-title{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--theme-elevation-700);text-transform:uppercase;letter-spacing:.5px}.css-template-drawer .blocks-drawer-container .template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.css-template-drawer .blocks-drawer-container .template-card{background:var(--theme-elevation-0);border:1px solid var(--theme-elevation-200);border-radius:6px;overflow:hidden}.css-template-drawer .blocks-drawer-container .template-card:hover{border-color:var(--theme-elevation-300)}.css-template-drawer .blocks-drawer-container .template-preview-box{height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center}.css-template-drawer .blocks-drawer-container .template-actions{padding:0 16px;border-top:1px solid var(--theme-elevation-100);background-color:var(--theme-input-bg);display:flex;justify-content:space-between;align-items:center;gap:10px}.css-template-drawer .blocks-drawer-container .template-actions .template-name{margin:0;font-size:14px;font-weight:600;color:var(--theme-elevation-800)}.css-template-field .button-container{display:flex;flex-direction:column}.css-template-field .styled-button{margin:0!important}@layer payload-default{}@layer payload-default{}@layer payload-default{.draggable-number-field .number-field{position:relative;width:100%}.draggable-number-field .number-field input[type=number]{width:100%;padding:8px 8px 8px 40px;border:1px solid var(--theme-elevation-400);border-radius:4px;background:var(--theme-elevation-50);color:var(--theme-text);font-size:14px;line-height:1.5;height:40px;appearance:textfield;-webkit-appearance:textfield;-moz-appearance:textfield}.draggable-number-field .number-field input[type=number]::-webkit-inner-spin-button,.draggable-number-field .number-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.draggable-number-field .number-field input[type=number]:focus{outline:none;border-color:var(--theme-elevation-400)!important;box-shadow:0 0 0 0 var(--theme-elevation-400)}.draggable-number-field .number-field input[type=number].read-only{background:var(--theme-elevation-100);cursor:not-allowed;opacity:.4}.draggable-number-field .number-field input[type=number].read-only~.calculation-info,.draggable-number-field .number-field input[type=number].read-only~.unit-indicator{opacity:.4}.draggable-number-field .number-field input[type=number].error{border-color:var(--theme-error-400);background-color:var(--theme-error-100)}.draggable-number-field .number-field input[type=number].error:hover{border-color:var(--theme-error-500)!important}.draggable-number-field .number-field .unit-indicator{position:absolute;left:8px;top:8px;width:24px;height:24px;background:var(--theme-elevation-200);color:var(--theme-elevation-800);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border-radius:4px;pointer-events:none}.draggable-number-field .number-field .unit-indicator.draggable{cursor:ew-resize;pointer-events:auto}.draggable-number-field .number-field .unit-indicator.draggable:hover{background:var(--theme-elevation-300)}.draggable-number-field .number-field .error-box{position:absolute;bottom:calc(100% + 6px);right:0;background:var(--theme-error-300);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;line-height:1.25;z-index:1;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:3px}.draggable-number-field .number-field .error-box:after{content:"";position:absolute;top:calc(100% - 4px);right:12px;width:8px;height:8px;background:var(--theme-error-300);transform:rotate(45deg)}.draggable-number-field .drag-overlay{position:fixed;top:0;left:0;right:0;bottom:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:999999;cursor:ew-resize;pointer-events:auto}}.info-button{cursor:pointer}.modal-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;position:relative;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{background-color:var(--theme-elevation-50);display:flex;flex-direction:column;width:min(800px,100vw);max-height:80vh;overflow-y:scroll;padding:2rem;position:relative;z-index:1;border-radius:3px}.close-icon{position:absolute;top:15px;right:15px;cursor:pointer}.number-for-breakpoint-field .description-reset-container,.number-for-breakpoint-field .field-label-container{display:flex;align-items:center;justify-content:space-between}.number-for-breakpoint-field .reset-to-default{background:none;border:none;color:var(--theme-elevation-600);font-size:12px;cursor:pointer;border-radius:4px;transition:all .2s ease;margin-top:calc(var(--base)/4)}.number-for-breakpoint-field .reset-to-default:hover{background:var(--theme-elevation-100);color:var(--theme-elevation-800)}.number-for-breakpoint-field .reset-to-default:active{background:var(--theme-elevation-200)}.number-for-breakpoint-field .field-container{position:relative;width:100%;display:flex;gap:8px;align-items:flex-start}.number-for-breakpoint-field .warning-message{margin-top:8px;padding:8px 12px;border:none;border-radius:4px;background:#786b4a;color:#fbbd38;font-size:13px;line-height:1.4;display:flex;align-items:center;gap:8px}.number-for-breakpoint-field .warning-message:before{content:"⚠️";font-size:14px;flex-shrink:0}.number-for-breakpoint-field .draggable-number-wrapper{flex:1 1;min-width:0;position:relative}.number-for-breakpoint-field .draggable-number-wrapper .custom-dropdown{position:absolute;top:0;right:0;width:auto;z-index:10}.number-for-breakpoint-field .draggable-number-wrapper .custom-dropdown.readonly .dropdown-trigger{cursor:not-allowed;opacity:.4;color:var(--theme-elevation-600)}.number-for-breakpoint-field .draggable-number-wrapper .custom-dropdown.readonly .dropdown-trigger:hover{border-color:rgba(0,0,0,0)}.number-for-breakpoint-field .draggable-number-wrapper .custom-dropdown.readonly .dropdown-trigger:focus{outline:none;border-color:rgba(0,0,0,0)!important;box-shadow:none}.number-for-breakpoint-field .draggable-number-wrapper .custom-dropdown.readonly .dropdown-trigger .dropdown-arrow,.number-for-breakpoint-field .draggable-number-wrapper .custom-dropdown.readonly .dropdown-trigger .trigger-content .breakpoint-label,.number-for-breakpoint-field .draggable-number-wrapper .custom-dropdown.readonly .dropdown-trigger .trigger-content .selected-label{color:var(--theme-elevation-600)}.number-for-breakpoint-field .draggable-number-wrapper .custom-dropdown .dropdown-trigger{width:100%;height:40px;padding:8px 12px;border:none;background:rgba(0,0,0,0);color:var(--theme-text);font-size:14px;line-height:1.5;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:border-color .2s ease}.number-for-breakpoint-field .draggable-number-wrapper .custom-dropdown .dropdown-trigger:hover{border-color:var(--theme-elevation-500)}.number-for-breakpoint-field .draggable-number-wrapper .custom-dropdown .dropdown-trigger:focus{outline:none;border-color:var(--theme-elevation-400)!important;box-shadow:0 0 0 0 var(--theme-elevation-400)}.number-for-breakpoint-field .draggable-number-wrapper .custom-dropdown .dropdown-trigger:disabled{cursor:not-allowed;opacity:.4}.number-for-breakpoint-field .draggable-number-wrapper .custom-dropdown .dropdown-trigger .trigger-content{display:flex;align-items:center;gap:8px}.number-for-breakpoint-field .draggable-number-wrapper .custom-dropdown .dropdown-trigger .breakpoint-label{color:var(--theme-text);opacity:.7;font-size:13px}.number-for-breakpoint-field .draggable-number-wrapper .custom-dropdown .dropdown-trigger .selected-label{color:var(--theme-text);font-weight:500;font-size:13px}.number-for-breakpoint-field .draggable-number-wrapper .custom-dropdown .dropdown-trigger .dropdown-arrow{margin-left:8px;transition:transform .2s ease}.number-for-breakpoint-field .draggable-number-wrapper .custom-dropdown .dropdown-trigger[aria-expanded=true] .dropdown-arrow{transform:rotate(180deg)}.number-for-breakpoint-field .draggable-number-wrapper .dropdown-menu{position:absolute;top:40px;right:0;left:0;background:var(--theme-elevation-50);border:1px solid var(--theme-elevation-400);border-top:none;border-radius:0 0 4px 4px;box-shadow:0 4px 8px rgba(0,0,0,.1);overflow-y:auto;z-index:1000}.number-for-breakpoint-field .draggable-number-wrapper .dropdown-menu .dropdown-option{padding:8px 12px 8px 40px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background-color .2s ease}.number-for-breakpoint-field .draggable-number-wrapper .dropdown-menu .dropdown-option:hover{background:var(--theme-elevation-100)}.number-for-breakpoint-field .draggable-number-wrapper .dropdown-menu .dropdown-option:first-child{border-radius:0}.number-for-breakpoint-field .draggable-number-wrapper .dropdown-menu .dropdown-option:last-child{border-radius:0 0 4px 4px}.number-for-breakpoint-field .draggable-number-wrapper .dropdown-menu .dropdown-option .option-value{font-weight:500;color:var(--theme-text);min-width:60px;text-align:left;flex-shrink:0}.number-for-breakpoint-field .draggable-number-wrapper .dropdown-menu .dropdown-option .option-label{color:var(--theme-text);font-weight:500;font-size:13px;text-align:right;flex-shrink:0;white-space:nowrap}.gradient-text{background:linear-gradient(45deg,#FFC700,#C104C5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);display:inline-block}@layer payload-default{}@layer payload-default{}@layer payload-default{.vtt-editor{width:100%}.vtt-editor__buttons{display:flex;gap:1rem;margin-bottom:1rem}.vtt-editor textarea{width:100%;min-height:200px;padding:.75rem;border:1px solid var(--theme-elevation-200);background-color:var(--theme-input-bg);border-radius:4px;font-family:monospace;font-size:14px;line-height:1.5;resize:vertical;transition:background-color .3s ease}.vtt-editor textarea:hover{border:1px solid var(--theme-elevation-250)}.vtt-editor textarea:focus{outline:none;border:1px solid var(--theme-elevation-400)}.vtt-editor textarea.error{border-color:var(--theme-error-500);background-color:var(--theme-error-50)}.vtt-editor textarea.error:focus{outline:none}.vtt-editor textarea:-moz-read-only{cursor:not-allowed;background-color:var(--theme-elevation-50);color:var(--theme-elevation-500)}.vtt-editor textarea:read-only{cursor:not-allowed;background-color:var(--theme-elevation-50);color:var(--theme-elevation-500)}.vtt-editor .field-error{margin-top:.5rem;color:var(--theme-error-500);font-size:.875rem;line-height:1.25rem}}