.accordions.op-block__accordion{display:flex;flex-direction:column;gap:8px;width:100%}.accordion{background-color:var(--op-clr-white, white);border-radius:4px;cursor:pointer}.accordion-header{background-color:rgba(0,0,0,0);display:flex;justify-content:space-between;align-items:center;width:100%;cursor:pointer;font-size:16px;font-weight:bold;border:none;padding:12px}.accordion-header span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accordion-body{display:none;color:#444;font-size:14px;height:0;visibility:hidden;opacity:0;padding:0 12px 12px;overflow:hidden;transition:visibility .1s linear .33s,opacity .4s linear,height .1s linear}.accordion-body.active{display:block;visibility:visible;height:100%;opacity:1;transition-delay:0s}.arrow{transition:transform .2s ease}.accordion:has(.active) i{transform:rotate(180deg)}.i{flex-grow:1;padding:6px 7px 7px 13px;color:blue;font-size:23px;display:inline-block;border-radius:4px;border:1px solid blue;transition:all .2s ease}
#op-component__toggle{text-align:center;width:100%}#op-component__toggle h2{text-align:start;font-weight:500 !important}.panel-element{transition:flex-direction 300ms linear;background-color:var(--op-clr-white, #fff);min-width:12rem;width:100%;display:flex;align-items:center;justify-content:space-between}.panel-element:last-of-type{box-shadow:unset}.toggle-contents-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:center}.toggle-wrapper{transition:all 300ms ease-in;cursor:pointer;border:2px solid var(--op-clr-light-gray, gray);background-color:var(--op-clr-light-gray, gray);border-radius:35px;box-shadow:1px 1px 5px var(--light-theme-shadow);display:flex;justify-content:flex-start;margin:.5em 1.25em;width:3.5em;min-width:3.5em}.toggle-wrapper.active{background-color:var(--op-clr-primary, blue);border:2px solid var(--op-clr-primary, gray)}.toggle-dot{background-color:var(--op-clr-secondary);box-shadow:1px 1px 3px var(--op-clr-disable);margin:2px;border-radius:35px;height:1.5em;width:1.5em}.toggle-dot.active{background-color:var(--op-clr-white, #fff)}
.op-settings-single__list{display:flex;align-items:center;width:100%;gap:10px;cursor:move;border:1px solid #d3d3d3;padding:6px;margin:0 -4px;margin-bottom:8px}.op-settings-single__list.dragging{transform:translateZ(1000px);border:1px solid #d3d3d3;opacity:.6;padding:6px;margin:0 -4px}.op-settings-single__list-editor{border:1px solid var(--op-clr-light-gray, gray)}.op-settings-single__list:not(:nth-of-type(1)){border-top:1px dashed var(--op-clr-light-gray, gray)}.op-settings-single__list i{font-size:14px}.op-settings-single__list .list-actions{display:flex;align-items:center;gap:8px;color:var(--op-clr-heading, #000)}.op-settings-single__list .list-actions-update-button#btn{font-size:12px;background:var(--op-clr-primary, blueviolet);color:#fff;padding:6px;cursor:pointer;box-shadow:.1px .1px 2px rgba(0,0,0,.4);font-weight:bold;opacity:1}.op-settings-single__list .list-actions-update-button#btn.disabled{opacity:.4 !important;cursor:auto}.op-settings-single__list .list-actions-update-button#btn:hover{opacity:.9}.op-settings-single__list .list-actions--preview{width:100%;display:flex;padding:8px 0;border-radius:4px;align-items:center}.op-settings-single__list .list-actions-title{text-align:start;font-size:12px;border-radius:4px;margin-right:5px}.op-settings-single__list .list-actions-icon{line-height:0;cursor:pointer;padding:7px 5px 8px 9px;border-radius:4px;border:1px solid var(--op-clr-light-gray);color:var(--op-clr-paragraph, #444)}.op-settings-single__list .list-actions-icon:hover{background-color:var(--op-clr-light-gray, gray)}.op-settings-single__list .input-container{text-align:center;display:flex;flex-direction:column;align-items:stretch;width:100%}.op-settings-single__list .input-field{box-sizing:border-box;font-size:11px;padding:4px 12px;margin:0 0 15px 0;border-radius:5px;border:none;background:#eee;outline:none;width:100%;box-shadow:.1px .1px 2px rgba(0,0,0,.3);font-family:inherit;letter-spacing:.8px}
