/* 
    z-index
    4000 - pixe-admin-settings
    5000 - pixe-admin-toolbar / pixe-admin-top-bar
    9999 - pixe-handler
*/
body.pixe-builder{ overflow: hidden; padding: 0px; margin: 0px; line-height: 1.7; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
body.pixe-builder *,
body.pixe-builder *:before, 
body.pixe-builder *:after { box-sizing: inherit; -moz-box-sizing: inherit; -webkit-box-sizing: inherit; }
body.pixe-builder a{ color: #0487ff; }

.pixe-grid{ display: flex; flex-wrap: wrap; gap: var(--pixe--gap, 10px); 
    --pixe--width: calc((100% - (var(--pixe--gap, 10px) * (var(--pixe--col, 4) - 1))) / var(--pixe--col, 4)); }
.pixe-grid-item{ width: var(--pixe--width); }

/* width */
[data-width="1-1"]{ width: 100% } [data-width="11-12"]{ width: 91.6% } [data-width="9-10"]{ width: 90% } 
[data-width="7-8"]{ width: 87.5% } [data-width="5-6"]{ width: 83.33% } [data-width="4-5"]{ width: 80% } 
[data-width="3-4"]{ width: 75% } [data-width="7-10"]{ width: 70% } [data-width="2-3"]{ width: 66.66% } 
[data-width="5-8"]{ width: 62.5% } [data-width="3-5"]{ width: 60% } [data-width="7-12"]{ width: 58.33% } 
[data-width="1-2"]{ width: 50% } [data-width="5-12"]{ width: 41.66% } [data-width="2-5"]{ width: 40% } 
[data-width="3-8"]{ width: 37.5% } [data-width="1-3"]{ width: 33.33% } [data-width="3-10"]{ width: 30% } 
[data-width="1-4"]{ width: 25% } [data-width="1-5"]{ width: 20% } [data-width="1-6"]{ width: 16.66% } 
[data-width="1-8"]{ width: 12.5% } [data-width="1-10"]{ width: 10% } [data-width="1-12"]{ width: 8.33% }

/* wp common */
.wp-core-ui select{ font-size: 14px; line-height: 2; color: #2c3338; border-color: #8c8f94; box-shadow: none; border-radius: 3px; padding: 0 24px 0 8px; min-height: 30px; max-width: 25rem; -webkit-appearance: none; background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%; background-size: 16px 16px; cursor: pointer; vertical-align: middle; }
body .media-modal *{ box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; }

/* svg */
.pixe-svg-nav-up-b{ width: 10px; height: 6px; background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.98875 5.66678L5.00059 2.67861L2.01244 5.66678C1.68699 5.9922 1.15936 5.9922 0.833919 5.66678C0.508485 5.34128 0.508485 4.8137 0.833919 4.4882L4.41134 0.910823C4.56759 0.754548 4.77959 0.666748 5.00059 0.666748C5.22159 0.666748 5.43359 0.754548 5.58984 0.910823L9.16725 4.4882C9.49267 4.8137 9.49267 5.34128 9.16725 5.66678C8.84184 5.9922 8.31417 5.9922 7.98875 5.66678Z' fill='%230487FF'/%3E%3C/svg%3E%0A"); }
.pixe-svg-nav-down-b{ width: 10px; height: 6px; background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.01439 0.24405L5.00258 3.23222L7.99075 0.24405C8.31616 -0.08135 8.84375 -0.08135 9.16925 0.24405C9.20991 0.2848 9.2455 0.328634 9.276 0.3748C9.48958 0.6983 9.454 1.13788 9.16925 1.42263L5.59183 5.00005C5.4355 5.1563 5.22358 5.24405 5.00258 5.24405C4.7815 5.24405 4.56958 5.1563 4.41333 5.00005L0.835872 1.42263C0.510439 1.09713 0.510439 0.56955 0.835872 0.24405C0.876555 0.203408 0.920397 0.167817 0.966605 0.137308C1.29006 -0.0762583 1.72963 -0.0406667 2.01439 0.24405Z' fill='%230487FF'/%3E%3C/svg%3E"); }
.pixe-svg-nav-edit-b{ width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00014 10.6667C9.47294 10.6667 10.6668 9.47277 10.6668 8.00004C10.6668 6.52728 9.47294 5.33337 8.00014 5.33337C6.5274 5.33337 5.3335 6.52728 5.3335 8.00004C5.3335 9.47277 6.5274 10.6667 8.00014 10.6667ZM8.00014 9.33337C8.73654 9.33337 9.33348 8.73644 9.33348 8.00004C9.33348 7.26364 8.73654 6.66671 8.00014 6.66671C7.26381 6.66671 6.66681 7.26364 6.66681 8.00004C6.66681 8.73644 7.26381 9.33337 8.00014 9.33337Z' fill='%230487ff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.079 1.24322L10.347 3.20933C10.5652 3.31639 10.7749 3.43789 10.975 3.57261L12.8125 2.82145C13.1211 2.69529 13.4754 2.81649 13.6422 3.10521L15.0602 5.56138C15.2269 5.8501 15.1547 6.21756 14.8912 6.42173L13.3216 7.63769C13.3296 7.75743 13.3336 7.87823 13.3336 7.99996C13.3336 8.12169 13.3296 8.24249 13.3216 8.36223L14.8912 9.57816C15.1547 9.78236 15.2269 10.1498 15.0602 10.4386L13.6422 12.8947C13.4754 13.1834 13.1211 13.3046 12.8125 13.1785L10.975 12.4273C10.7749 12.562 10.5652 12.6836 10.347 12.7906L10.079 14.7567C10.0339 15.087 9.75176 15.3333 9.41836 15.3333H6.58225C6.24887 15.3333 5.96674 15.087 5.9217 14.7567L5.65359 12.7906C5.43547 12.6836 5.22573 12.562 5.02562 12.4273L3.18813 13.1785C2.87954 13.3046 2.5252 13.1834 2.35851 12.8947L0.940442 10.4386C0.773748 10.1498 0.845955 9.78236 1.1095 9.57816L2.6791 8.36223C2.67107 8.24249 2.667 8.12169 2.667 7.99996C2.667 7.87823 2.67107 7.75743 2.6791 7.63769L1.1095 6.42173C0.845955 6.21756 0.773748 5.8501 0.940435 5.56138L2.35851 3.10521C2.5252 2.81649 2.87954 2.69529 3.18813 2.82145L5.02562 3.57261C5.22573 3.43789 5.43547 3.31639 5.65359 3.20933L5.9217 1.24322C5.96674 0.912893 6.24887 0.666626 6.58225 0.666626H9.41836C9.75176 0.666626 10.0339 0.912893 10.079 1.24322ZM9.1219 4.09332L9.75963 4.40628C9.92296 4.48646 10.0802 4.57755 10.2304 4.67866L10.8208 5.07611L12.7784 4.27584L13.6146 5.72409L11.9437 7.01849L11.9912 7.72696C11.9972 7.81696 12.0003 7.90803 12.0003 7.99996C12.0003 8.09189 11.9972 8.18296 11.9912 8.27296L11.9437 8.98143L13.6146 10.2758L12.7784 11.7241L10.8208 10.9238L10.2304 11.3213C10.0802 11.4224 9.92296 11.5134 9.75963 11.5936L9.1219 11.9066L8.8365 14H7.16416L6.8787 11.9066L6.24104 11.5936C6.07767 11.5134 5.92041 11.4224 5.77023 11.3213L5.17986 10.9238L3.22225 11.7241L2.3861 10.2758L4.05696 8.98143L4.00944 8.27296C4.00341 8.18296 4.00032 8.09189 4.00032 7.99996C4.00032 7.90803 4.00341 7.81696 4.00944 7.72696L4.05696 7.01849L2.3861 5.72409L3.22224 4.27584L5.17985 5.07611L5.77023 4.67866C5.92041 4.57755 6.07766 4.48647 6.24104 4.40629L6.8787 4.09332L7.16416 1.99996H8.8365L9.1219 4.09332Z' fill='%230487ff'/%3E%3C/svg%3E%0A"); }
.pixe-svg-nav-remove-b{ width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66667 6.66663C7.03487 6.66663 7.33333 6.96511 7.33333 7.33331V10.6666C7.33333 11.0348 7.03487 11.3333 6.66667 11.3333C6.29848 11.3333 6 11.0348 6 10.6666V7.33331C6 6.96511 6.29848 6.66663 6.66667 6.66663Z' fill='%230487FF'/%3E%3Cpath d='M9.33317 6.66663C9.70137 6.66663 9.99984 6.96511 9.99984 7.33331V10.6666C9.99984 11.0348 9.70137 11.3333 9.33317 11.3333C8.96497 11.3333 8.6665 11.0348 8.6665 10.6666V7.33331C8.6665 6.96511 8.96497 6.66663 9.33317 6.66663Z' fill='%230487FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.00016 0.666626C5.26378 0.666626 4.66683 1.26358 4.66683 1.99996V3.33329H2.00016C1.63198 3.33329 1.3335 3.63177 1.3335 3.99996C1.3335 4.36815 1.63198 4.66663 2.00016 4.66663H2.74526L3.25967 13.4116C3.30113 14.1164 3.88474 14.6666 4.5907 14.6666H11.4096C12.1156 14.6666 12.6992 14.1164 12.7406 13.4116L13.2551 4.66663H14.0002C14.3684 4.66663 14.6668 4.36815 14.6668 3.99996C14.6668 3.63177 14.3684 3.33329 14.0002 3.33329H11.3335V1.99996C11.3335 1.26358 10.7366 0.666626 10.0002 0.666626H6.00016ZM4.0809 4.66663L4.5907 13.3333H11.4096L11.9194 4.66663H4.0809ZM6.00016 1.99996H10.0002V3.33329H6.00016V1.99996Z' fill='%230487FF'/%3E%3C/svg%3E%0A"); }

.pixe-navigator > .pixe-navigator-item > .pixe-head .pixe-svg-nav-up-b,
.pixe-svg-nav-up-w{ width: 10px; height: 6px; background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.98875 5.66678L5.00059 2.67861L2.01244 5.66678C1.68699 5.9922 1.15936 5.9922 0.833919 5.66678C0.508485 5.34128 0.508485 4.8137 0.833919 4.4882L4.41134 0.910823C4.56759 0.754548 4.77959 0.666748 5.00059 0.666748C5.22159 0.666748 5.43359 0.754548 5.58984 0.910823L9.16725 4.4882C9.49267 4.8137 9.49267 5.34128 9.16725 5.66678C8.84184 5.9922 8.31417 5.9922 7.98875 5.66678Z' fill='white'/%3E%3C/svg%3E%0A"); }
.pixe-navigator > .pixe-navigator-item > .pixe-head .pixe-svg-nav-down-b,
.pixe-svg-nav-down-w{ width: 10px; height: 6px; background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.01439 0.24405L5.00258 3.23222L7.99075 0.24405C8.31616 -0.08135 8.84375 -0.08135 9.16925 0.24405C9.20991 0.2848 9.2455 0.328634 9.276 0.3748C9.48958 0.6983 9.454 1.13788 9.16925 1.42263L5.59183 5.00005C5.4355 5.1563 5.22358 5.24405 5.00258 5.24405C4.7815 5.24405 4.56958 5.1563 4.41333 5.00005L0.835872 1.42263C0.510439 1.09713 0.510439 0.56955 0.835872 0.24405C0.876555 0.203408 0.920397 0.167817 0.966605 0.137308C1.29006 -0.0762583 1.72963 -0.0406667 2.01439 0.24405Z' fill='white'/%3E%3C/svg%3E"); }
.pixe-navigator > .pixe-navigator-item > .pixe-head .pixe-svg-nav-edit-b,
.pixe-svg-nav-edit-w{ width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00014 10.6667C9.47294 10.6667 10.6668 9.47277 10.6668 8.00004C10.6668 6.52728 9.47294 5.33337 8.00014 5.33337C6.5274 5.33337 5.3335 6.52728 5.3335 8.00004C5.3335 9.47277 6.5274 10.6667 8.00014 10.6667ZM8.00014 9.33337C8.73654 9.33337 9.33348 8.73644 9.33348 8.00004C9.33348 7.26364 8.73654 6.66671 8.00014 6.66671C7.26381 6.66671 6.66681 7.26364 6.66681 8.00004C6.66681 8.73644 7.26381 9.33337 8.00014 9.33337Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.079 1.24322L10.347 3.20933C10.5652 3.31639 10.7749 3.43789 10.975 3.57261L12.8125 2.82145C13.1211 2.69529 13.4754 2.81649 13.6422 3.10521L15.0602 5.56138C15.2269 5.8501 15.1547 6.21756 14.8912 6.42173L13.3216 7.63769C13.3296 7.75743 13.3336 7.87823 13.3336 7.99996C13.3336 8.12169 13.3296 8.24249 13.3216 8.36223L14.8912 9.57816C15.1547 9.78236 15.2269 10.1498 15.0602 10.4386L13.6422 12.8947C13.4754 13.1834 13.1211 13.3046 12.8125 13.1785L10.975 12.4273C10.7749 12.562 10.5652 12.6836 10.347 12.7906L10.079 14.7567C10.0339 15.087 9.75176 15.3333 9.41836 15.3333H6.58225C6.24887 15.3333 5.96674 15.087 5.9217 14.7567L5.65359 12.7906C5.43547 12.6836 5.22573 12.562 5.02562 12.4273L3.18813 13.1785C2.87954 13.3046 2.5252 13.1834 2.35851 12.8947L0.940442 10.4386C0.773748 10.1498 0.845955 9.78236 1.1095 9.57816L2.6791 8.36223C2.67107 8.24249 2.667 8.12169 2.667 7.99996C2.667 7.87823 2.67107 7.75743 2.6791 7.63769L1.1095 6.42173C0.845955 6.21756 0.773748 5.8501 0.940435 5.56138L2.35851 3.10521C2.5252 2.81649 2.87954 2.69529 3.18813 2.82145L5.02562 3.57261C5.22573 3.43789 5.43547 3.31639 5.65359 3.20933L5.9217 1.24322C5.96674 0.912893 6.24887 0.666626 6.58225 0.666626H9.41836C9.75176 0.666626 10.0339 0.912893 10.079 1.24322ZM9.1219 4.09332L9.75963 4.40628C9.92296 4.48646 10.0802 4.57755 10.2304 4.67866L10.8208 5.07611L12.7784 4.27584L13.6146 5.72409L11.9437 7.01849L11.9912 7.72696C11.9972 7.81696 12.0003 7.90803 12.0003 7.99996C12.0003 8.09189 11.9972 8.18296 11.9912 8.27296L11.9437 8.98143L13.6146 10.2758L12.7784 11.7241L10.8208 10.9238L10.2304 11.3213C10.0802 11.4224 9.92296 11.5134 9.75963 11.5936L9.1219 11.9066L8.8365 14H7.16416L6.8787 11.9066L6.24104 11.5936C6.07767 11.5134 5.92041 11.4224 5.77023 11.3213L5.17986 10.9238L3.22225 11.7241L2.3861 10.2758L4.05696 8.98143L4.00944 8.27296C4.00341 8.18296 4.00032 8.09189 4.00032 7.99996C4.00032 7.90803 4.00341 7.81696 4.00944 7.72696L4.05696 7.01849L2.3861 5.72409L3.22224 4.27584L5.17985 5.07611L5.77023 4.67866C5.92041 4.57755 6.07766 4.48647 6.24104 4.40629L6.8787 4.09332L7.16416 1.99996H8.8365L9.1219 4.09332Z' fill='white'/%3E%3C/svg%3E"); }
.pixe-navigator > .pixe-navigator-item > .pixe-head .pixe-svg-nav-remove-b,
.pixe-svg-nav-remove-w{ width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66667 6.66663C7.03487 6.66663 7.33333 6.96511 7.33333 7.33331V10.6666C7.33333 11.0348 7.03487 11.3333 6.66667 11.3333C6.29848 11.3333 6 11.0348 6 10.6666V7.33331C6 6.96511 6.29848 6.66663 6.66667 6.66663Z' fill='white'/%3E%3Cpath d='M9.33317 6.66663C9.70137 6.66663 9.99984 6.96511 9.99984 7.33331V10.6666C9.99984 11.0348 9.70137 11.3333 9.33317 11.3333C8.96497 11.3333 8.6665 11.0348 8.6665 10.6666V7.33331C8.6665 6.96511 8.96497 6.66663 9.33317 6.66663Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.00016 0.666626C5.26378 0.666626 4.66683 1.26358 4.66683 1.99996V3.33329H2.00016C1.63198 3.33329 1.3335 3.63177 1.3335 3.99996C1.3335 4.36815 1.63198 4.66663 2.00016 4.66663H2.74526L3.25967 13.4116C3.30113 14.1164 3.88474 14.6666 4.5907 14.6666H11.4096C12.1156 14.6666 12.6992 14.1164 12.7406 13.4116L13.2551 4.66663H14.0002C14.3684 4.66663 14.6668 4.36815 14.6668 3.99996C14.6668 3.63177 14.3684 3.33329 14.0002 3.33329H11.3335V1.99996C11.3335 1.26358 10.7366 0.666626 10.0002 0.666626H6.00016ZM4.0809 4.66663L4.5907 13.3333H11.4096L11.9194 4.66663H4.0809ZM6.00016 1.99996H10.0002V3.33329H6.00016V1.99996Z' fill='white'/%3E%3C/svg%3E"); }

/* admin toolbar */
.pixe-admin-toolbar{ font-family: 'Inter', sans-serif; display: flex; justify-content: space-between; align-items: center; flex-direction: column; z-index: 5000;
    width: 44px; padding-top: 44px; padding-bottom: 20px; position: fixed; left: 0px; top: 0px; bottom: 0px; background: #252525; transition: left 150ms; }
.pixe-admin-toolbar .pixe-action{ display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; cursor: pointer; 
    color: #fff; fill: #fff; transition: background 150ms; border-radius: 10px; }
.pixe-admin-toolbar .pixe-action:hover{ background: #0487ff; }
.pixe-admin-toolbar .pixe-divider{ border-bottom: 1px solid #434343; width: 20px; }
.pixe-admin-toolbar .pixe-settings-action{ cursor: pointer; }
.pixe-admin-toolbar-top{ display: flex; align-items: center; flex-direction: column; gap: 10px; }
.pixe-admin-toolbar-bottom{ display: flex; align-items: center; flex-direction: column; gap: 10px; }

.pixe-admin-toolbar .pixe-action.pixe-exit-action{ width: 44px; background: transparent; border-radius: 0; }
.pixe-admin-toolbar .pixe-exit-action:hover .pixe-exit-popup{ opacity: 1; pointer-events: auto; fill: #fff; }
.pixe-admin-toolbar .pixe-exit-popup{ position: absolute; bottom: 0; left: 44px; width: 215px; display: flex; flex-direction: column; gap: 10px;
    font-size: 13px; font-weight: 500; padding: 18px 20px; background: #3f3f3f; opacity: 0; transition: opacity 150ms; pointer-events: none; }
.pixe-admin-toolbar .pixe-exit-popup a{ display: flex; align-items: center; gap: 10px; color: #fff; fill: #fff; text-decoration: none; }
.pixe-admin-toolbar .pixe-exit-popup a.pixe-disabled { color: #8c8c8c; fill: #8c8c8c; }
.pixe-admin-toolbar .pixe-exit-popup .pixe-pro-upgrade-now{ justify-content: center; gap: 0; margin-bottom: 5px; margin-top: 5px; }
.pixe-admin-toolbar .pixe-exit-popup svg{ width: 20px; }

/* top bar */
.pixe-admin-top-bar{ font-family: 'Inter', sans-serif; display: flex; align-items: center; height: 44px; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 5000;
    background: #252525; transition: top 150ms; 
    -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.pixe-admin-top-bar svg{ display: block; transition: fill 150ms; }
.pixe-admin-top-bar .pixe-logo{ padding: 0px 13px; }
.pixe-admin-top-bar .pixe-divider{ border-right: 1px solid #434343; height: 20px; }
.pixe-admin-top-bar-item{ display: flex; justify-content: space-between; flex-grow: 1; }
.pixe-admin-top-bar-left{  display: flex; align-items: center; gap: 18px; padding-right: 10px; }
.pixe-admin-top-bar-left .pixe-action{ cursor: pointer; padding: 8px 0px; color: #fff; transition: color 150ms; --pixe--svg--color: currentColor; }
.pixe-admin-top-bar-left .pixe-action:hover{ color: #0487ff; }
.pixe-admin-top-bar-right{ display: flex; align-items: center; gap: 14px; padding-right: 10px; }
.pixe-admin-top-bar-right .pixe-top-bar-title{ font-size: 14px; color: #fff; cursor: pointer; }
.pixe-admin-top-bar-right .pixe-top-bar-title.pixe-disable{ display: none; }
.pixe-admin-top-bar-right .pixe-device-selector{ background: transparent; }
.pixe-admin-top-bar-right .pixe-divider{ margin: 0px 2px; }
.pixe-admin-top-bar-right .pixe-divider.pixe-disable{ display: none; }
.pixe-admin-top-bar-right .pixe-preview-action{ position: relative; }
.pixe-admin-top-bar-right .pixe-preview{ display: block; width: 30px; height: 30px; padding: 5px; cursor: pointer; background: #0487ff; transition: top 150ms; border-radius: 50%; }
.pixe-admin-top-bar-right .pixe-close-preview{ position: absolute; top: 0px; left: 0px; width: 30px; height: 30px; padding: 5px; cursor: pointer; background: #0487ff; 
    opacity: 0.3; visibility: hidden; border-radius: 50%; }
.pixe-admin-top-bar-right .pixe-action{ cursor: pointer; padding: 8px 0px; }
.pixe-admin-top-bar-right .pixe-action svg{ fill: #ffffff; }
.pixe-admin-top-bar-right .pixe-action:hover svg{ fill: #0487ff; }
.pixe-admin-top-bar-right .pixe-pro-upgrade-now{ padding: 0px 14px; margin-right: -8px; fill: #fff; background: #ff611e; margin-top: 0; line-height: 30px; border-radius: 20px; }
/* publish button */
.pixe-publish-button-wrap{ display: flex; align-items: center; cursor: pointer; }
.pixe-publish-button-wrap .pixe-publish-action{ line-height: 30px; font-size: 14px; padding: 0px 16px 0px 16px; 
    background-color: #0487ff; background-position: center; background-repeat: no-repeat; color: #fff; transition: color 150ms, background 150ms; border-radius: 15px; }
.pixe-publish-button-wrap .pixe-publish-action.pixe-disable{ color: #598985; background-color: #135796; }
.pixe-publish-button-wrap .pixe-publish-action.pixe-loading{ color: transparent; background-color: #135796; }
.pixe-publish-button-wrap.pixe-with-dropdown .pixe-publish-action{ padding: 0px 12px 0px 16px; border-radius: 15px 0px 0px 15px; }
.pixe-publish-button-wrap.pixe-with-dropdown .pixe-publish-dropdown-action{ height: 30px; padding: 12px 6px 10px 6px; background: #006ccf; border-radius: 0px 15px 15px 0px; }
/* device selector */
.pixe-admin-top-bar-right .pixe-device-selector span{ display: flex; align-items: center; justify-content: center;
     width: 30px; height: 30px; color: #fff; border: 0px; border-radius: 10px; }
.pixe-admin-top-bar-right .pixe-device-selector span:hover,
.pixe-admin-top-bar-right .pixe-device-selector span.pixe-active{ background-color: var(--pixe--admin--color, #0487ff);  }
/* revision popup */
.pixe-revision-popup{ position: fixed; top: 44px; right: 30px; width: 272px; padding: 10px; margin-left: -15px; border-radius: 0px 0px 10px 10px; }
.pixe-revision-popup .pixe-title-wrap{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.pixe-revision-popup .pixe-title-wrap .pixe-title{ font-size: 12px; font-weight: 600; }
.pixe-revision-popup .pixe-revision-apply{ font-size: 12px; padding: 2px 15px; cursor: pointer; color: #598985; background-color: #135796; 
    transition: background 150ms, color 150ms; border-radius: 5px; }
.pixe-revision-popup .pixe-revision-apply[data-revision-id]{ background: #0487ff; color: #fff; }
.pixe-revision-items{ overflow: auto; max-height: 400px; padding-right: 6px; }
.pixe-revision-item{ font-size: 11px; padding: 5px 10px; margin-bottom: 5px; cursor: pointer; background: #4b4b4b; border: 1px solid #4b4b4b; 
    transition: background 150ms, border 150ms; border-radius: 10px; }
.pixe-revision-item:after{ content: " "; clear: both; width: 0px; height: 0px; }
.pixe-revision-item:hover,
.pixe-revision-item.pixe-active{ border-color: #0487ff; }
.pixe-revision-item:last-child{ margin-bottom: 0px; }
.pixe-revision-item.pixe-current{ background-color: #373737; border-color: #0487ff; }
.pixe-revision-item .pixe-tail{ overflow: hidden; white-space: nowrap; }
.pixe-revision-item .pixe-thumbnail{ float: left; width: 30px; height: 30px; overflow: hidden; margin-right: 12px; margin-top: 4px; border-radius: 10px; }
.pixe-revision-item .pixe-thumbnail img { display: block; max-width: 100%; }
/* history popup */
.pixe-history-popup{ position: fixed; top: 44px; right: 40px; width: 228px; padding: 10px; margin-left: -15px; border-radius: 0px 0px 10px 10px; }
.pixe-history-popup-content .pixe-title { font-size: 12px; font-weight: 600; padding: 4px 0px 10px; }
.pixe-history-items{ display: flex; flex-direction: column; gap: 6px; max-height: 400px; overflow-y: scroll; padding-right: 6px; }
.pixe-history-item{ font-size: 11px; padding: 8px 10px; text-transform: capitalize; background: #4b4b4b; cursor: pointer;
    border-width: 1px; border-style: solid; border-color: transparent !important;  transition: opacity 150ms, background 150ms, border-color 150ms; border-radius: 10px; }
.pixe-history-item.pixe-active{ border-color: #0487ff !important; background: transparent; }
.pixe-history-item.pixe-inactive{ opacity: 0.4; }
.pixe-history-item:hover{ opacity: 1; border-color: #0487ff !important; background: transparent; }
/* save popup */
.pixe-save-popup{ position: fixed; top: 44px; right: 46px; width: 200px; padding: 15px 20px 20px; border-radius: 0px 0px 10px 10px; }
.pixe-save-popup-content{ display: flex; flex-direction: column; gap: 8px; }
.pixe-save-popup-content > div{ cursor: pointer; }
.pixe-save-popup-content svg{ width: 18px; display: inline-block; vertical-align: middle; margin-right: 8px; fill: #fff; }
.pixe-save-popup-content a{ text-decoration: none; color: #fff; }
.pixe-save-notice-popup{ position: fixed; top: 54px; right: 46px; font-size: 12px; padding: 7px 15px; 
    color: #ffffff; background: rgb(22, 22, 22, 0.7); border: 1px solid #0487ff; border-radius: 10px; }
.pixe-save-popup-content [data-status="save-template"].pixe-pro-locked{ opacity: 0.4; pointer-events: none; }
.pixe-save-popup-content [data-status="save-template"] .pixe-pro-badge{ display: inline-block; margin-left: 6px; }
.pixe-save-popup .pixe-save-popup-content a{ color: #fff; }
/* settings */
.pixe-admin-settings-panel{ font-size: 13px; font-family: 'Inter', sans-serif; position: fixed; top: 44px; bottom: 0px; left: 44px; width: 300px; height: calc(100vh - 44px); z-index: 4000; 
    color: #383c49; background: #fbfcfe; border-right: 1px solid #e8e8e8; transform: translateX(-300px); 
    -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.pixe-admin-settings-container{ height: 100%; }
.pixe-admin-settings-handle{ display: flex; flex-direction: column; gap: 15px; position: absolute; right: -21px; top: 50%; margin-top: -70px; 
    opacity: 0; right: 0; transition: opacity 100ms, right 100ms; }
.pixe-admin-settings-handle > div{ transition: opacity 150ms; }
.pixe-admin-settings-panel:hover .pixe-admin-settings-handle,
.pixe-admin-settings-panel.pixe-hover-toolbar .pixe-admin-settings-handle{ opacity: 1; right: -21px; }

.pixe-admin-settings-area{ display: flex; flex-direction: column; height: 100%; }
.pixe-admin-settings-head{ font-size: 14px; font-weight: bold; padding: 15px 20px 15px; }
body.pixe-settings-active .pixe-admin-settings-panel{ transform: translateX(0); }
body.pixe-settings-active .pixe-admin-settings-handle > div{ opacity: 0.5; }
body.pixe-settings-active .pixe-admin-settings-handle > div:hover{ opacity: 1; }
.pixe-admin-settings-title{ font-size: 14px; font-weight: 600; text-align: center; background: #FBFCFE; padding: 16px 0px; border-bottom: 1px solid #e8e8e8; }
/* settings chatbox */
.pixe-admin-settings-chatbox{ display: flex; flex-direction: column; justify-content: space-between; gap: 15px; 
    padding: 16px; height: 100%; overflow: hidden; }
.pixe-admin-settings-chatbox textarea{ width: 100%; height: 120px; min-height: 90px; }
/* settings tab head */
.pixe-admin-settings-tab-head{ font-size: 13px; display: flex; flex-wrap: wrap; gap: 2px; padding: 13px 20px; }
.pixe-admin-settings-tab-head > div[data-tab]{ padding: 4px 10px; font-weight: 500; cursor: pointer; color: #99adbf; 
    transition: color 150ms, border-color 150ms, background 150ms; border-radius: 10px; }
.pixe-admin-settings-tab-head > div[data-tab].pixe-active,
.pixe-admin-settings-tab-head > div[data-tab]:hover{ color: #0487ff; background: #ebf5ff; }
.pixe-admin-settings-tab-head .pixe-admin-settings-block-expand{ margin-bottom: 0; margin-top: 10px; margin-right: 7px; }
.pixe-admin-settings-tab-head .pixe-admin-settings-search-filter{ padding-right: 7px; }
.pixe-admin-settings-tab-head > div[data-tab].pixe-lone{ font-size: 14px; font-weight: 600; padding: 0; border: none; background: transparent; color: #1F2430; }
.pixe-admin-settings-tab-head .pixe-element-type{ display: flex; gap: 2px; font-size: 13px; font-weight: 500; margin-top: 10px; 
    padding: 4px; background: #F1F5F9; border-radius: 10px; }
.pixe-admin-settings-tab-head .pixe-element-type div{ padding: 2px 10px; border-radius: 10px; color: #99ADBF; transition: color 150ms, background 150ms; cursor: pointer; }
.pixe-admin-settings-tab-head .pixe-element-type div:hover, 
.pixe-admin-settings-tab-head .pixe-element-type div.pixe-active{ background: #fff; color: #0487ff; }
/* restrict content */
.pixe-admin-settings-restrict-content{ display: flex; flex-direction: column; justify-content: center; gap: 18px; height: 100%; padding: 0px; padding: 10px 20px; }
.pixe-admin-settings-restrict-content .pixe-head-wrap{ display: flex; gap: 12px; align-items: center; }
.pixe-admin-settings-restrict-content .pixe-head-wrap .pixe-admin-icon{ flex-shrink: 0;
    display: flex; align-items: center; justify-content: center; width: 40px; height: 40px;
    background: linear-gradient(135deg, #FDF7EF, #ECF6FD); border: 1px solid rgba(226, 232, 240, 0.8); box-shadow: 0 16px 40px rgba(4, 135, 255, 0.14); border-radius: 16px; }
.pixe-admin-settings-restrict-content .pixe-head-wrap .pixe-admin-icon svg{ width: 16px; }
.pixe-admin-settings-restrict-content .pixe-head .pixe-caption{ font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 2.2px; color: #0487ff; }
.pixe-admin-settings-restrict-content .pixe-head .pixe-title{ font-size: 20px; font-weight: 700; line-height: 1.2; margin-bottom: 0; color: #0F172A; }
.pixe-admin-settings-restrict-content  ul{ list-style: none; padding-left: 0; margin: 0; }
.pixe-admin-settings-restrict-content  ul li{ display: flex; align-items: center; gap: 10px; height: 40px; padding: 0 15px; margin-top: 10px; background: #f8fafc; border-radius: 16px; }
.pixe-admin-settings-restrict-content  ul li .pixe-icon{ color: #0487ff; }
.pixe-admin-settings-restrict-content  ul li:first-child{ margin-top: 0; }
/* settings content */
.pixe-admin-settings-tab-content{ height: 100%; overflow-y: scroll; padding: 0px; }
.pixe-admin-settings-tab-content.pixe-disable{ background: #fff; overflow: hidden; }
.pixe-admin-settings-tab-content .pixe-title{ font-size: 12px; font-weight: 600; margin-bottom: 16px; }
.pixe-admin-settings-area.pixe-type-new .pixe-admin-settings-tab-content{ padding: 0px 20px; }
/* settings input custom */
.pixe-admin-settings-tab-content .pixe-size-input{ width: 100%; }
.pixe-admin-settings-tab-content .pixe-admin-settings-restrict-content{ padding: 10px; }
/* settings edit */
.pixe-admin-settings-area.pixe-type-edit .pixe-admin-settings-tab-content{ background: #fff; border-top: 1px solid #e8e8e8; overflow: auto; }
.pixe-admin-settings-area.pixe-type-edit .pixe-admin-settings-tab-head{ background: #fff; }
.pixe-admin-settings-section{ border-bottom: 1px solid #e8e8e8; padding: 1px 20px; }
.pixe-admin-settings-section > .pixe-head{ display: flex; gap: 10px; align-items: center; position: relative; font-size: 12.5px; font-weight: 600; padding: 10px 0px; cursor: pointer; }
.pixe-admin-settings-section > .pixe-head:after{ content: " "; position: absolute; width: 12px; height: 12px; right: 0px; top: 50%; margin-top: -6px; background-position: center; background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.0009 9.5858L4.5867 6L1.0009 2.41426C0.952091 2.36544 0.90937 2.31284 0.87276 2.25739C0.61648 1.86924 0.659191 1.34176 1.0009 1.00005C1.3914 0.609521 2.0246 0.609521 2.4151 1.00005L6.708 5.2929C6.8955 5.4805 7.0009 5.7348 7.0009 6C7.0009 6.2653 6.8955 6.5196 6.708 6.7072L2.4151 11C2.0246 11.3906 1.3914 11.3906 1.0009 11C0.610381 10.6095 0.610381 9.9764 1.0009 9.5858Z' fill='%23383C49'/%3E%3C/svg%3E%0A"); }
.pixe-admin-settings-section > .pixe-content{ display: none; padding-bottom: 20px; }
.pixe-admin-settings-section.pixe-active > .pixe-head:after{
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.41707 1.00001L6.0029 4.58581L9.5887 1.00001C9.9792 0.609533 10.6123 0.609533 11.0029 1.00001C11.0517 1.04891 11.0944 1.10151 11.131 1.15691C11.3873 1.54511 11.3446 2.07261 11.0029 2.41431L6.71 6.70721C6.5224 6.89471 6.2681 7.00001 6.0029 7.00001C5.7376 7.00001 5.4833 6.89471 5.2958 6.70721L1.00285 2.41431C0.612331 2.02371 0.612331 1.39061 1.00285 1.00001C1.05167 0.951243 1.10428 0.908533 1.15973 0.871923C1.54788 0.615643 2.07536 0.658353 2.41707 1.00001Z' fill='%230487FF'/%3E%3C/svg%3E%0A"); }
.pixe-admin-settings-section.pixe-always-active > .pixe-head:after{ display: none; }
.pixe-admin-settings-section.pixe-active > .pixe-content,
.pixe-admin-settings-section.pixe-always-active > .pixe-content{ display: flex; flex-wrap: wrap; gap: 15px 10px; }
.pixe-admin-settings-section.pixe-active .pixe-type-content,
.pixe-admin-settings-section.pixe-always-active .pixe-type-content{ width: 100%; }
.pixe-admin-settings-section .pixe-sselector-options{ width: 100%; }
.pixe-admin-settings-section .pixe-sselector-content-tab{ margin: 0; }
.pixe-admin-settings-section .pixe-sselector-typo-content .pixe-sselector-state{ margin-bottom: 15px; }
.pixe-admin-settings-section .pixe-size-input label{ font-size: 12px; margin-bottom: 10px; }
.pixe-admin-settings-section .pixe-type-content{ display: flex; flex-wrap: wrap; gap: 15px 10px; }
.pixe-admin-settings-section .pixe-group-content{ display: flex; flex-wrap: wrap; gap: 15px 10px; }
.pixe-admin-settings-section .pixe-input-group-selector{ width: calc(100% + 40px); padding: 10px 20px; margin-left: -20px; margin-right: -20px; 
    border-width: 1px 0px; border-style: solid; border-color: #dddddd; }
.pixe-admin-settings-section .pixe-state-wrap{ position: relative; display: flex; align-items: center; flex-grow: 1; }
.pixe-admin-settings-section .pixe-sselector-gallery-container{ max-height: none; }
.pixe-admin-settings-section [data-width="1-2"]{ width: calc(50% - 5px); }
.pixe-admin-settings-section [data-width="1-3"]{ width: calc(33.33% - 3.3px); }
.pixe-admin-settings-section [data-width="1-4"]{ width: calc(25% - 2.5px); }
.pixe-admin-settings-section .pixe-divider{ width: 100%; margin: 10px 0 6px; border-bottom: 1px solid #e8e8e8; }
/* page settings */
.pixe-admin-settings-area.pixe-type-page-settings .pixe-admin-settings-tab-content{ background: #fff; border-top: 1px solid #e8e8e8; }
.pixe-admin-settings-area.pixe-type-page-settings .pixe-admin-settings-tab-content[data-tab="layout"]{ padding: 10px 20px; }
.pixe-admin-settings-area.pixe-type-page-settings .pixe-refresh-area{ display: none; background: #eef7ff; color: #6cace7; padding: 15px 20px; margin-top: 5px; width: 100%; border-radius: 5px; }
.pixe-admin-settings-area.pixe-type-page-settings .pixe-refresh-part{ color: #0487ff; text-decoration: underline; cursor: pointer; }
.pixe-admin-settings-area.pixe-type-page-settings .pixe-refresh-part.pixe-loading{ opacity: 0.3; pointer-events: none; }
/* settings blocks */
.pixe-admin-settings-area.pixe-type-blocks .pixe-admin-settings-tab-content{ padding: 0 20px; }
.pixe-admin-settings-block-expand{ display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 13px; font-weight: 500; 
    width: 100%; padding: 9px; margin-bottom: 15px; background: #ffffff; border: 1px solid #ececec; color: #4F525A; 
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.07); border-radius: 12px; transition: color 150ms, border 150ms; cursor: pointer; }
.pixe-admin-settings-block-expand:hover{ color: #0487ff; border-color: #0487ff; }
.pixe-element.pixe-style-block.pixe-locked{ opacity: 1; }
.pixe-element.pixe-style-block.pixe-locked:after{ display: none; }
.pixe-element.pixe-style-block.pixe-locked .pixe-pro-upgrade-now{ margin-top: 0; }
.pixe-element.pixe-style-custom-block{ display: flex; flex-direction: column; text-align: center; justify-content: center; gap: 5px; width: calc((100% - 6px) / 2 ); height: 90px; 
    font-size: 13px; font-weight: 500; padding: 0px 5px; overflow: hidden; cursor: pointer; background: #fff; border: 1px solid #dfdfdf; 
    transition: color 150ms, border-color 150ms; border-radius: 10px; }
.pixe-element.pixe-style-custom-block label { display: block; line-height: 1.2; pointer-events: none; }
.pixe-element.pixe-style-custom-block:hover{ color: #0487ff; border-color: #0487ff; }
/* close handle */
.pixe-admin-settings-handle .pixe-close-action{ display: flex; align-items: center; justify-content: center; width: 20px; height: 65px; cursor: pointer;
    border-width: 1px 1px 1px 0px; border-style: solid; background: #f5f5f5; border-color: #e8e8e8; border-radius: 0px 8px 8px 0px; }
.pixe-admin-settings-handle .pixe-close-action svg:first-child{ display: none; }
body.pixe-settings-active .pixe-admin-settings-handle .pixe-close-action svg:first-child{ display: block; }
body.pixe-settings-active .pixe-admin-settings-handle .pixe-close-action svg:last-child{ display: none; }
/* lock handle */
.pixe-admin-settings-handle .pixe-lock-action{ display: flex; align-items: center; justify-content: center; width: 20px; height: 65px; cursor: pointer;
    border-width: 1px 1px 1px 0px; border-style: solid; background: #f5f5f5; border-color: #e8e8e8; border-radius: 0px 8px 8px 0px; }
.pixe-admin-settings-handle .pixe-lock-action svg:first-child{ display: block; }
.pixe-admin-settings-handle .pixe-lock-action svg:last-child{ display: none; }
body.pixe-settings-lock .pixe-admin-settings-handle .pixe-lock-action svg:first-child{ display: none; }
body.pixe-settings-lock .pixe-admin-settings-handle .pixe-lock-action svg:last-child{ display: block; }
/* settings category */
.pixe-admin-settings-category{ position: relative; width: 100%; }
.pixe-admin-settings-category select{ font-family: 'Inter', sans-serif; text-transform: capitalize; width: 100%; height: 34px; padding-right: 25px; border: 0; border-radius: 10px;
    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.06); appearance: none; -webkit-appearance: none; -moz-appearance: none; }
.pixe-admin-settings-category select:focus{ outline: none; }
/* settings search filter */
.pixe-admin-settings-search-filter{ display: flex; gap: 10px; width: 100%; margin-top: 10px; }
.pixe-admin-settings-search-filter .pixe-admin-settings-search,
.pixe-admin-settings-search-filter .pixe-admin-settings-category{ width: 50%; margin-bottom: 0; flex-grow: 1; }
.pixe-admin-settings-search-filter input[type="text"],
.pixe-admin-settings-category .pixe-combobox{ border: 0 !important; height: 33px; box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.06); }
.pixe-admin-settings-category .pixe-combobox .pixe-text{ padding-top: 2px; }
/* admin element */
.pixe-elements{ display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 20px; }
.pixe-element.pixe-style-normal{ display: flex; flex-direction: column; text-align: center; justify-content: center; gap: 8px; width: calc((100% - 12px) / 3 ); height: 70px; 
    font-size: 11px; font-weight: 600; padding: 0px 5px; overflow: hidden; cursor: pointer; background: #fff; border: 1px solid #dfdfdf; 
    transition: color 150ms, border-color 150ms; border-radius: 10px; }
.pixe-element.pixe-style-normal svg{ display: block; margin-left: auto; margin-right: auto; fill: #7e8497; transition: fill 150ms; }
.pixe-element.pixe-style-normal label{ display: block; line-height: 1.1; pointer-events: none; }
.pixe-element.pixe-style-normal:not(.pixe-locked):hover{ color: #0487ff; border-color: #0487ff; }
.pixe-element.pixe-style-normal:not(.pixe-locked):hover svg{ fill: #0487ff; }
.pixe-element.pixe-locked{ position: relative; opacity: 0.6; order: 2; }
.pixe-element.pixe-locked:after{ width: 14px; height: 14px; content: " "; position: absolute; top: 5px; right: 5px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 4.66665H9.91667V3.49998C9.91667 1.88998 8.61 0.583313 7 0.583313C5.39 0.583313 4.08334 1.88998 4.08334 3.49998V4.66665H3.5C2.85834 4.66665 2.33334 5.19165 2.33334 5.83331V11.6666C2.33334 12.3083 2.85834 12.8333 3.5 12.8333H10.5C11.1417 12.8333 11.6667 12.3083 11.6667 11.6666V5.83331C11.6667 5.19165 11.1417 4.66665 10.5 4.66665ZM5.25 3.49998C5.25 2.53165 6.03167 1.74998 7 1.74998C7.96833 1.74998 8.75 2.53165 8.75 3.49998V4.66665H5.25V3.49998ZM9.91667 11.6666H4.08334C3.7625 11.6666 3.5 11.4041 3.5 11.0833V6.41665C3.5 6.09581 3.7625 5.83331 4.08334 5.83331H9.91667C10.2375 5.83331 10.5 6.09581 10.5 6.41665V11.0833C10.5 11.4041 10.2375 11.6666 9.91667 11.6666ZM7 9.91665C7.64167 9.91665 8.16667 9.39165 8.16667 8.74998C8.16667 8.10831 7.64167 7.58331 7 7.58331C6.35834 7.58331 5.83333 8.10831 5.83333 8.74998C5.83333 9.39165 6.35834 9.91665 7 9.91665Z' fill='%230487FF'/%3E%3C/svg%3E%0A"); }
.pixe-elements .pixe-title{ margin-bottom: 6px; width: 100%; }
/* container wrapper */
.pixe-element.pixe-style-wrapper{ position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 52px; font-size: 12px; font-weight: 600; 
    cursor: pointer; color: #0487ff; background: #f4faff; border: 1px dashed #0487ff; transition: color 150ms; border-radius: 10px; }
.pixe-element.pixe-style-wrapper:before{ position: absolute; content: " "; width: 24px; height: 24px; opacity: 0; 
    background-color: #0487ff; background-repeat: no-repeat; background-position: center; transition: opacity 150ms; z-index: 1; border-radius: 9px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.3333 11.3333C5.3333 11.7015 5.63183 12 5.99997 12C6.36817 12 6.66663 11.7015 6.66663 11.3333V6.6666H11.3333C11.7015 6.6666 12 6.36813 12 5.99993C12 5.63173 11.7015 5.33327 11.3333 5.33327H6.66663V0.666667C6.66663 0.29848 6.36817 0 5.99997 0C5.63183 0 5.3333 0.29848 5.3333 0.666667V5.33327H0.666666C0.29848 5.33327 0 5.63173 0 5.99993C0 6.36813 0.29848 6.6666 0.666666 6.6666H5.3333V11.3333Z' fill='white'/%3E%3C/svg%3E%0A"); }
.pixe-element.pixe-style-wrapper:hover{ color: #0487ff66; }
.pixe-element.pixe-style-wrapper:hover:before{ opacity: 1; }
/* collection (slider/carousel) */
.pixe-element.pixe-style-collection{ position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 52px; font-size: 12px; font-weight: 600; 
    cursor: pointer; color: #2d61e7; background: #f9f4ff; border: 1px dashed #2d61e7; transition: color 150ms; border-radius: 10px; }
.pixe-element.pixe-style-collection:before{ position: absolute; content: " "; width: 24px; height: 24px; opacity: 0; 
    background-color: #2d61e7; background-repeat: no-repeat; background-position: center; transition: opacity 150ms; z-index: 1; border-radius: 9px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.3333 11.3333C5.3333 11.7015 5.63183 12 5.99997 12C6.36817 12 6.66663 11.7015 6.66663 11.3333V6.6666H11.3333C11.7015 6.6666 12 6.36813 12 5.99993C12 5.63173 11.7015 5.33327 11.3333 5.33327H6.66663V0.666667C6.66663 0.29848 6.36817 0 5.99997 0C5.63183 0 5.3333 0.29848 5.3333 0.666667V5.33327H0.666666C0.29848 5.33327 0 5.63173 0 5.99993C0 6.36813 0.29848 6.6666 0.666666 6.6666H5.3333V11.3333Z' fill='white'/%3E%3C/svg%3E%0A"); }
.pixe-element.pixe-style-collection:hover{ color: #2d61e766; }
.pixe-element.pixe-style-collection:hover:before{ opacity: 1; }
.pixe-element.pixe-style-collection.pixe-locked:hover{ color: #2d61e7; opacity: 0.6; }
.pixe-element.pixe-style-collection.pixe-locked:before{ display: none; }
/* container column */
.pixe-element.pixe-style-column{ position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 52px; font-size: 12px; font-weight: 600; 
    cursor: pointer; color: #ab614a; background: #fff4ef; border: 1px dashed #fcac89; transition: color 150ms; border-radius: 10px; }
.pixe-element.pixe-style-column:before{ position: absolute; content: " "; width: 24px; height: 24px; opacity: 0;
    background-color: #fcac89; background-repeat: no-repeat; background-position: center; transition: opacity 150ms; z-index: 1; border-radius: 9px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.3333 11.3333C5.3333 11.7015 5.63183 12 5.99997 12C6.36817 12 6.66663 11.7015 6.66663 11.3333V6.6666H11.3333C11.7015 6.6666 12 6.36813 12 5.99993C12 5.63173 11.7015 5.33327 11.3333 5.33327H6.66663V0.666667C6.66663 0.29848 6.36817 0 5.99997 0C5.63183 0 5.3333 0.29848 5.3333 0.666667V5.33327H0.666666C0.29848 5.33327 0 5.63173 0 5.99993C0 6.36813 0.29848 6.6666 0.666666 6.6666H5.3333V11.3333Z' fill='white'/%3E%3C/svg%3E%0A"); }
.pixe-element.pixe-style-column:hover{ color: #ab614a66; }
.pixe-element.pixe-style-column:hover:before{ opacity: 1; }
.pixe-element.pixe-style-column.pixe-style-query{ background: #f5fff4; border: 1px dashed #69c076; color: #69c076; }
.pixe-element.pixe-style-column.pixe-style-query:before{ background-color: #69c076; }
/* container preset */
.pixe-element.pixe-style-preset{ padding: 5px; gap: 5px; }
.pixe-element.pixe-style-preset.pixe-style-wrapper:before{ background-color: #fcac89; }
.pixe-element.pixe-style-preset .pixe-style-column{ display: flex; align-items: center; justify-content: center; height: 40px; 
    color: #ab614a; background: #fff4ef; border: 1px dashed #fcac89; transition: opacity 150ms; border-radius: 10px; }
.pixe-element.pixe-style-preset:hover .pixe-style-column{ opacity: 0.4; }
/* handler */
.pixe-element.pixe-handler{ position: fixed; font-family: 'Inter', sans-serif; max-width: 150px; z-index: 9999; pointer-events: none; transform: translate(-50%, -50%); }
.pixe-element.pixe-handler.pixe-style-normal{ width: 75px; }
.pixe-element.pixe-handler.pixe-style-wrapper,
.pixe-element.pixe-handler.pixe-style-column{ width: 100px; }
.pixe-element.pixe-handler.pixe-style-collection,
.pixe-element.pixe-handler.pixe-style-preset{ width: 130px; }
.pixe-element.pixe-handler.pixe-style-preset .pixe-style-column{ color: transparent; }
.pixe-element.pixe-handler.pixe-style-custom-block{ width: 114.5px; }
/* iframe */
.pixe-builder-iframe-container{ position: fixed; top: 44px; right: 0; bottom: 0; left: 44px; background: #d0d0d0; }
.pixe-builder-iframe-container iframe{ display: block; width: 100%; height: 100%; margin: 0px auto; border: 0; outline: 0;
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.pixe-builder-iframe-container.pixe-display-revision iframe:first-child{ position: absolute; visibility: hidden; }
body[data-device="tablet"] .pixe-builder-iframe-container iframe{ width: 850px; }
body[data-device="mobile"] .pixe-builder-iframe-container iframe{ width: 350px; }
body.pixe-settings-active.pixe-settings-lock .pixe-builder-iframe-container{ left: 344px; }
/* preview mode */
body.pixe-builder.pixe-preview .pixe-admin-top-bar{ top: -44px; }
body.pixe-builder.pixe-preview .pixe-admin-toolbar{ left: -44px; }
body.pixe-builder.pixe-preview .pixe-close-preview{ top: 44px; visibility: visible; }
body.pixe-builder.pixe-preview .pixe-builder-iframe-container{ left: 0; top: 0; }
body.pixe-builder.pixe-preview[data-device="desktop"] iframe.pixe-builder-iframe{ width: 100vw; height: 100vh; margin: 0px; }
body.pixe-builder.pixe-preview .pixe-admin-settings-panel{ display: none; }
/* navigator */
.pixe-navigator-popup{ width: 285px; border-radius: 20px; overflow: hidden; box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.06); }
.pixe-navigator-popup .pixe-navigator-head{ display: flex; justify-content: space-between; align-items: center; cursor: move;
    font-size: 14px; font-weight: 600; padding: 16px 10px 14px 20px; color: #1F2430; background: #FBFCFE; border-bottom: 1px solid #ececec; margin-bottom: 10px; }
.pixe-navigator-popup .pixe-navigator-head .pixe-close{ color: #99ADBF; cursor: pointer; padding: 8px; border-radius: 6px; transition: background 150ms; }
.pixe-navigator-popup .pixe-navigator-head .pixe-close:hover{ background: #EEF4FC; }
.pixe-navigator-popup .pixe-navigator-content{ max-height: calc(100vh - 155px); padding-bottom: 6px; }
.pixe-sortable-placeholder{ height: 3px; margin: 8px 0px; background: #0487ff; border-radius: 3px; }
.pixe-sortable-helper{ display: flex; align-items: center; width: 20px; height: 20px; font-weight: 600; gap: 6px; padding: 7px 12px 7px 12px; 
    background: #ffffff; border: 1px solid #dfdfdf; border-radius: 10px;  }
.pixe-navigator{ padding: 0px 10px; }
.pixe-navigator.pixe-empty{ padding: 18px 12px 22px; }
.pixe-navigator .pixe-message-content-empty{ height: 350px; }
.pixe-navigator .pixe-message-content-empty .pixe-title{ font-size: 16px; }
.pixe-navigator-item{ padding-bottom: 5px; }
.pixe-navigator-item:last-child{ margin-bottom: 0px; }
.pixe-navigator-item .pixe-head{ position: relative; display: flex; align-items: center; justify-content: space-between; font-size: 12px; font-weight: 600; line-height: 1; gap: 10px; cursor: pointer; }
.pixe-navigator-item .pixe-head .pixe-left{ display: flex; align-items: center; gap: 6px; }
.pixe-navigator-item .pixe-head .pixe-right{ display: flex; align-items: center; gap: 6px; }
.pixe-navigator-item .pixe-head svg{ display: block; fill: #383c49; transition: fill 150ms; }
.pixe-navigator-item .pixe-head .pixe-nav-action{ display: flex; flex-direction: column; gap: 4px; margin-left: 4px; opacity: 0; transition: opacity 150ms; }
.pixe-navigator-item .pixe-head .pixe-edit,
.pixe-navigator-item .pixe-head .pixe-remove{ opacity: 0; transition: opacity 150ms; }
.pixe-navigator-item .pixe-head:hover .pixe-nav-action,
.pixe-navigator-item .pixe-head:hover .pixe-edit,
.pixe-navigator-item .pixe-head:hover .pixe-remove{ opacity: 1; }
/* navigator item */
.pixe-navigator-item > .pixe-navigator-item-content{ display: none; padding-left: 8px; min-height: 10px; padding-bottom: 5px; margin: 6px 0px 6px 5px; border-left: 1px solid #e2e2e2 !important; 
    position: absolute; right: 0; bottom: 0; height: 0; overflow: hidden; visibility: hidden; }
.pixe-navigator-item.pixe-active > .pixe-navigator-item-content{ display: block; position: static; height: auto; visibility: visible; }
/* navigator top level */
.pixe-navigator > .pixe-navigator-item > .pixe-head{ height: 36px; padding: 7px 12px 7px 12px; background: #ffffff; border: 1px solid #dfdfdf; 
    transition: background 150ms, color 150ms; border-radius: 10px; }
.pixe-navigator > .pixe-navigator-item:hover > .pixe-head,
.pixe-navigator > .pixe-navigator-item.pixe-active > .pixe-head{ background: #0487ff; color: #fff; }
.pixe-navigator > .pixe-navigator-item:hover > .pixe-head svg,
.pixe-navigator > .pixe-navigator-item.pixe-active > .pixe-head svg{ fill: #ffffff; }
.pixe-navigator > .pixe-navigator-item.pixe-has-content > .pixe-head{ padding-right: 30px; }
.pixe-navigator > .pixe-navigator-item.pixe-has-content > .pixe-head .pixe-remove{ border-right: 1px solid #ddd; padding-right: 8px; }
.pixe-navigator > .pixe-navigator-item.pixe-has-content > .pixe-head:after{ content: ""; position: absolute; width: 7px; height: 12px; top: 11px; right: 12px; 
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.0009 9.58568L4.5867 5.99988L1.0009 2.41414C0.952091 2.36532 0.90937 2.31272 0.87276 2.25727C0.61648 1.86912 0.659191 1.34164 1.0009 0.999929C1.3914 0.609399 2.0246 0.609399 2.4151 0.999929L6.708 5.29278C6.8955 5.48038 7.0009 5.73468 7.0009 5.99988C7.0009 6.26518 6.8955 6.51948 6.708 6.70708L2.4151 10.9999C2.0246 11.3905 1.3914 11.3905 1.0009 10.9999C0.610381 10.6094 0.610381 9.97628 1.0009 9.58568Z' fill='%23383C49'/%3E%3C/svg%3E%0A"); }
.pixe-navigator > .pixe-navigator-item.pixe-has-content:hover> .pixe-head:after{
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.0009 9.58568L4.5867 5.99988L1.0009 2.41414C0.952091 2.36532 0.90937 2.31272 0.87276 2.25727C0.61648 1.86912 0.659191 1.34164 1.0009 0.999929C1.3914 0.609399 2.0246 0.609399 2.4151 0.999929L6.708 5.29278C6.8955 5.48038 7.0009 5.73468 7.0009 5.99988C7.0009 6.26518 6.8955 6.51948 6.708 6.70708L2.4151 10.9999C2.0246 11.3905 1.3914 11.3905 1.0009 10.9999C0.610381 10.6094 0.610381 9.97628 1.0009 9.58568Z' fill='%23ffffff'/%3E%3C/svg%3E%0A"); }
.pixe-navigator > .pixe-navigator-item.pixe-has-content.pixe-active > .pixe-head:after{ width: 12px; height: 7px; top: 14px; right: 10px; 
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.41707 0.999891L6.0029 4.58569L9.5887 0.999891C9.9792 0.609411 10.6123 0.609411 11.0029 0.999891C11.0517 1.04879 11.0944 1.10139 11.131 1.15679C11.3873 1.54499 11.3446 2.07249 11.0029 2.41419L6.71 6.70709C6.5224 6.89459 6.2681 6.99989 6.0029 6.99989C5.7376 6.99989 5.4833 6.89459 5.2958 6.70709L1.00285 2.41419C0.612331 2.02359 0.612331 1.39049 1.00285 0.999891C1.05167 0.951121 1.10428 0.908411 1.15973 0.871801C1.54788 0.615521 2.07536 0.658231 2.41707 0.999891Z' fill='white'/%3E%3C/svg%3E%0A"); }
/* inner navigator item */
.pixe-navigator-item-content .pixe-navigator-item{ position: relative; }
.pixe-navigator-item-content .pixe-navigator-item > .pixe-head{ font-size: 12px; font-weight: 600; }
.pixe-navigator-item-content .pixe-navigator-item > .pixe-head:hover{ color: #0487ff; }
.pixe-navigator-item-content .pixe-navigator-item > .pixe-head:hover svg{ fill: #0487ff; }
.pixe-navigator-item-content .pixe-navigator-item.pixe-focus > .pixe-head{ color: #0487ff; }
.pixe-navigator-item-content .pixe-navigator-item.pixe-focus > .pixe-head svg{ fill: #0487ff; }
/* tmce style */
.pixe-tmce-wrap .mce-toolbar .mce-btn i{ font-size: 17px; }
.pixe-tmce-wrap .mce-toolbar .mce-btn button{ padding: 1px 0px; }
.pixe-tmce-wrap .mce-toolbar .mce-btn-group .mce-btn{ margin: 3px; }
.pixe-tmce-wrap .wp-media-buttons .insert-media{ line-height: 1.9; min-height: 20px; margin: 3px 0 0; }
/* initial control style */
.pixe-bullet{ display: flex; gap: 10px; justify-content: center; }
.pixe-bullet span{ cursor: pointer; background: #e7e7e7; width: 12px; height: 12px; border-width: 0; border-style: solid; 
    transition: background 300ms, border 300ms; border-radius: 12px; }
.pixe-bullet span.pixe-active{ background: #a0a0a0; }
/* nav */
.pixe-navigation{ display: flex; justify-content: center; gap: 10px; }
.pixe-navigation span{ display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-width: 0px; border-style: solid;
    cursor: pointer; color: #c3c3c3; fill: #c3c3c3; background: #f5f5f5; transition: color 300ms, background 300ms, border 300ms, border-radius 300ms, fill 300ms; }
.pixe-navigation span svg{ width: 8px; fill: inherit; }
.pixe-navigation span:hover{ color: #7d7d7d; fill: #7d7d7d; }
/* pagination */
.pixe-pagination{ display: flex; justify-content: center; align-items: center; gap: 5px; font-size: 13px; border-width: 0px; border-style: solid; }
.pixe-pagination a{ cursor: pointer; }
.pixe-pagination .pixe-number,
.pixe-pagination .pixe-nav{ width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; border-style: solid; border-width: 0px; 
    color: #ababab; fill: #ababab; transition: color 300ms, background 300ms, border 300ms; }
.pixe-pagination .pixe-icon svg{ display: block; width: 100%; height: auto; fill: inherit; }
.pixe-pagination .pixe-number{ color: #b4b4b4; background: #f5f5f5; }
.pixe-pagination .pixe-number.pixe-active,
.pixe-pagination .pixe-number:hover{ color: #ffffff; background-color: #2e2e2e; }
.pixe-pagination .pixe-sep{ width: 1px; height: 15px; background-color: #cfcfcf; }
.pixe-pagination .pixe-sep:last-child{ display: none; }
/* touch navigation */
.pixe-touch-navigation.pixe-preview{ margin-left: auto; margin-right: auto; }
.pixe-touch-navigation{ width: 71px; height: 71px; display: flex; align-items: center; justify-content: center; 
    gap: 12px;  background: #2e2e2e; cursor: pointer; border-style: solid; border-radius: 50%; }
.pixe-touch-navigation .pixe-icon{ display: inline-block; line-height: 1; color: #fff; fill: #fff; }
.pixe-touch-navigation .pixe-next{ transform: scaleX(-1); }
.pixe-touch-navigation .pixe-icon.pixe-type-svg,
.pixe-touch-navigation .pixe-icon.pixe-type-image{ width: 10px; }
.pixe-touch-navigation .pixe-icon svg{ width: 100%; height: auto; }
