:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--btnHeight: 40px;--dark: #242424;--white: white;--white10: rgba(255, 255, 255, .1);--white25: rgba(255, 255, 255, .25);--white50: rgba(255, 255, 255, .5);--white75: rgba(255, 255, 255, .75);--green20: rgba(0, 255, 0, .2);--green50: rgba(0, 255, 0, .5);--red20: rgba(255, 0, 0, .2);--red50: rgba(255, 0, 0, .5);--shadowIn50: inset 0px 0px 10px rgba(0, 0, 0, .5);--shadowIn75: inset 0px 0px 10px rgba(0, 0, 0, .75);--shadowIn25: inset 0px 0px 10px rgba(0, 0, 0, .25)}#root{width:100%}@font-face{font-family:MyCustomFont;src:url(/confi/font/MatemasieNew.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:PlaywriteBEWAL;src:url(/confi/font/PlaywriteBEWAL-VariableFont_wght.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:MyCustomFont2;src:url(/confi/font/PlaywriteCUNew.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:PlaywriteCU;src:url(/confi/font/PlaywriteCU-ExtraLight.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:MyCustomFont3;src:url(/confi/font/SevillanaNew.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:CALAVERA;src:url(/confi/font/CALAVERA.ttf) format("truetype");font-weight:400;font-style:normal}html{background-color:#242424}app{width:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh;background-color:#242424}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid var(--white50);padding:0 1rem;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--dark);cursor:pointer;transition:border-color .25s;height:var(--btnHeight);box-shadow:var(--shadowIn25)}button:hover{border-color:var(--white);box-shadow:var(--shadowIn50)}button:disabled{opacity:.25}.input_label{display:flex;flex-direction:column;gap:.5rem;position:relative}.input_select_add_list{border:1px solid var(--white25);padding:10px;margin:4px 0 0;list-style:none;max-height:300px;overflow:auto;position:absolute;width:100%;z-index:1;background:var(--dark);display:flex;flex-direction:column;gap:.5rem}.input_select_add_list li{padding:5px;display:flex;gap:.5rem;align-items:center;cursor:pointer}.input_select_add_list li:hover{background:#ffffff1a}.input_checkbox{display:none}.input_label_checkbox{display:flex;align-items:center;cursor:pointer;font-size:16px;-webkit-user-select:none;user-select:none;position:relative;justify-content:center;width:26px;height:26px}.input_label_checkbox:before{content:"";width:26px;height:26px;border:2px solid white;border-radius:50%;display:inline-block;position:relative;transition:all .3s ease-in-out;box-sizing:border-box}.input_label_checkbox:after{content:"";width:6px;height:6px;border:2px solid white;background-color:#fff;border-radius:50%;position:absolute;transition:all .3s ease-in-out;opacity:0}.input_label_checkbox.eye_checkbox:after{background-color:none;opacity:1}.input_label_checkbox.checked:before{height:26px;background-color:transparent;border-radius:50%}.input_label_checkbox.checked:after{opacity:1}.input_label_checkbox.eye_checkbox:before{height:14px}.input_label_checkbox.eye_checkbox.checked:before{height:6px}.input_label_checkbox.eye_checkbox.checked:after{width:6px;height:4px;opacity:.5}input{border-radius:8px;border:1px solid var(--white50);padding:0 1rem;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--dark);cursor:text;transition:border-color .25s;height:var(--btnHeight);box-sizing:border-box}input:hover{border-color:var(--white75);box-shadow:var(--shadowIn50)}input:focus{outline:none;border-color:var(--white);box-shadow:var(--shadowIn50)}select{border-radius:8px;border:1px solid var(--white50);padding:0 1rem;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--dark);cursor:pointer;transition:border-color .25s;height:var(--btnHeight)}select:hover{border-color:var(--white75)}select:focus{outline:none;border-color:var(--white);box-shadow:var(--shadowIn50)}.save_btn{background-color:var(--white50)}.delete_btn{background-color:var(--red50)}.btn_icon{display:flex;place-content:center;place-items:center}.btn_icon img{width:16px;height:16px;object-fit:contain}.border_wrapper{border-radius:.5rem;border:1px solid var(--white50);padding:1rem}.divider{margin:4rem 2rem;border:1px solid var(--white25)}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.lightbox{position:fixed;width:100%;height:100%;background:#000000d9;top:0;left:0;z-index:99;display:flex;flex-direction:column}.lightbox-top{align-items:center;width:80%;top:0;right:10%;margin:0 auto;display:flex;justify-content:end;height:10%}.lightbox-top button{background:#242424;border:1px solid rgba(255,255,255,.5)}.lightbox-wrapper{border-radius:1rem;background:#242424;border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 0 10px #00000080;margin:0 auto;position:relative;max-height:80%;overflow-x:auto;width:80%}.lightbox-wrapper::-webkit-scrollbar{width:10px;background:transparent}.lightbox-wrapper::-webkit-scrollbar-track{background:transparent;margin:20px}.lightbox-wrapper::-webkit-scrollbar-thumb{background-color:#ffffff80;border-radius:2px;border:4px solid #242424}.scroll_wrapper::-webkit-scrollbar{width:10px;background:transparent}.scroll_wrapper::-webkit-scrollbar-track{background:transparent;margin:20px}.scroll_wrapper::-webkit-scrollbar-thumb{background-color:#ffffff80;border-radius:2px;border:4px solid #242424}.lightbox-content{padding:2rem}.tab_wrapper{display:flex;flex-direction:column;gap:1rem;justify-content:center}.tab_item_wrapper{display:flex;flex-direction:row;gap:4rem;justify-content:center;flex-wrap:wrap}.tab_item{cursor:pointer;color:var(--white50);padding:.5rem 1rem;border-radius:.5rem;border:1px solid var(--white50)}.tab_item.active{color:var(--white);border-color:var(--white)}.error_message{white-space:nowrap;right:0;padding:.5rem;background:var(--white);border:1px solid var(--white50);border-radius:8px;position:absolute;color:var(--dark);top:-3.5rem}.col{display:flex;flex-direction:column;flex:1}.row{display:flex;flex-direction:row;flex:1}.alignEnd{align-items:flex-end}.justifyEnd{justify-content:end}.flex_center{place-content:center;place-items:center}.gap4{gap:4rem}.gap3{gap:3rem}.gap2{gap:2rem}.gap1{gap:1rem}.gap05{gap:.5rem}.site_top{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid #ddd;box-shadow:0 2px 4px #0000001a}.site_wrapper{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;align-items:flex-start}.site_wrapper_item{border-radius:.5rem;flex:1;display:flex;flex-direction:column;gap:2rem}.site_wrapper_item.small{flex:.3}.site_item{border-radius:.5rem;border:1px solid var(--white50);padding:2rem;display:flex;flex-direction:column;gap:2rem}.drag_drop{border:1px dotted white;background:transparent;place-content:center;place-items:center;display:flex;border-radius:1rem;width:100%;height:200px}.drag_drop_active{border:1px solid white;background:var(--white50)}.note_container{border-radius:.5rem;border:1px solid var(--white50);padding:2rem;display:flex;flex-direction:column;gap:1rem;flex:1}.note_wrapper{display:flex;flex-direction:column;gap:1rem}.note_item{border-radius:.5rem;border:1px solid var(--white50);padding:1rem;display:flex;flex-direction:column;gap:1rem}.note_header{border-bottom:1px solid var(--white50);justify-content:space-between;display:flex;flex-direction:row;padding-bottom:.5rem}.address_container{border-radius:.5rem;border:1px solid var(--white50);padding:2rem;display:flex;flex-direction:column;gap:1rem;flex:1}.address_wrapper{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap}.address_item{border-radius:.5rem;border:1px solid var(--white50);padding:1rem;display:flex;flex-direction:row;gap:1rem}.address_header{display:flex;flex-direction:column;padding-bottom:.5rem;flex:1;font-size:12px;padding-right:3rem}.address_actions{display:flex;flex-direction:column;gap:1rem;flex:0;padding-left:1rem;border-left:1px solid var(--white50);justify-content:center}.offer_table{width:100%;border-collapse:collapse}.offer_table td{padding:.5rem 0}.offer_table tfoot td{border-top:1px solid var(--white50)}.overview_table{width:100%;border-collapse:collapse;border-radius:1rem}.overview_table th{background-color:var(--white10)}.overview_table th,.overview_table td{padding:10px;border:1px solid var(--white10);text-align:left;white-space:nowrap}.overview_table tbody tr:nth-child(2n){background-color:var(--white10)}.overview_table tbody tr:nth-child(odd){background-color:none}.overview_table tbody tr:hover{background-color:var(--white25);cursor:pointer}.slider-container{position:relative;width:100%;max-width:600px;overflow-x:auto;white-space:nowrap;padding:10px;border:1px solid #ddd;border-radius:10px}.slider-list{display:flex;gap:10px}.slide-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;padding:10px;border-radius:10px;border:2px solid transparent;cursor:pointer;transition:all .3s ease-in-out;background:#fff;box-shadow:0 2px 5px #0000001a}.slide-item:hover{transform:scale(1.05)}.slide-item.active{border:2px solid #007bff;background-color:#007bff1a}.slide-image{width:100px;height:100px;border-radius:5px;object-fit:cover}.slide-title{margin-top:5px;font-size:14px;font-weight:700;text-align:center}.navbar{position:fixed;overflow-y:auto;overflow-x:hidden;height:100%;background-color:var(--dark);box-shadow:0 0 10px #00000080;transition:transform .5s ease-in-out;border-right:4px solid var(--white50);z-index:99}.navbar-wrapper{position:relative}.hide-nav{position:fixed;left:350px;top:10%;overflow:hidden;transition:transform .5s ease-in-out;cursor:pointer;z-index:99}.hide-nav img{height:50px;width:50px;object-position:left;object-fit:contain;filter:drop-shadow(0 0 4px rgba(0,0,0,.5))}.navbar::-webkit-scrollbar{width:4px;background:var(--dark)}.navbar::-webkit-scrollbar-track{background:transparent}.navbar::-webkit-scrollbar-thumb{background-color:var(--white10);border-top:2px solid var(--dark);border-left:2px solid var(--white50);border-bottom:2px solid var(--dark);border-right:none}.navbar-title{font-size:1.5rem;margin-bottom:1rem;color:var(--white10)}.nav-list{list-style:none;padding:0 0 500px;margin:0}.nav-list a{color:var(--white75)}.nav-list a:after{content:""}.nav-item{border-top:1px solid var(--white10);box-sizing:border-box;position:relative}.nav-list>.nav-item:first-child{border-top:none}.link-wrapper:hover{background:var(--white10)}.link-wrapper{gap:0}.nav-link{text-decoration:none;color:var(--white75);display:flex;height:45px;width:100%;margin-left:2rem;align-items:center}.link-wrapper.clicked{background:var(--white50)}.link-wrapper.clicked .nav-link{color:var(--light-color)}.hide-show-wrapper.show:before{content:"";height:100%;left:0;position:absolute;width:10px;background:var(--white10);box-sizing:border-box}.nested-options>div .nav-link{display:flex;height:45px;width:100%;padding-left:2rem;align-items:center}.nested-options>div .nav-more-btn span{display:flex;height:45px;width:100%;padding-left:2rem;align-items:center}.hide-show-wrapper.show .hide-show-wrapper.show .nested-options>div .nav-link{display:flex;height:45px;width:100%;padding-left:4rem;align-items:center}.hide-show-wrapper.show .hide-show-wrapper.show .nested-options>div .nav-more-btn span{display:flex;height:45px;width:100%;padding-left:4rem;align-items:center}.hide-show-wrapper{color:var(--white75)}.hide-show-wrapper.show{background:var(--white10)}.hide-show-wrapper.show .hide-show-wrapper.show{background:var(--white25)}.hide-show-wrapper button{width:100%;justify-content:space-between}.hide-show-wrapper button:hover{background:var(--white10)}.nav-more-btn{cursor:pointer;display:flex;height:45px;width:100%;padding-left:2rem;align-items:center}.nav-more-btn:hover{background:var(--white10)}.nav-more-btn:before{position:absolute;right:2rem;background:url(/image/system/arrow-black.svg);content:"";height:1rem;width:1rem;background-size:contain;background-position:center;background-repeat:no-repeat;color:currentColor;transition:transform .1s ease-in-out;transform:rotate(180deg)}.nav-more-btn.up:before{transform:rotate(270deg)}.element_editor_list_wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;color:#fff;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center}.element_editor_list{background:#d3d3d3;box-shadow:#000 0 0 5px;flex-direction:column;position:relative;display:flex;flex:1 1 0%;justify-content:space-between;width:100%}.confi_button{height:60px;width:100px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:1px solid black}.confi_button_wrapper{display:flex;align-items:center;justify-content:center;flex-direction:row;width:100%;gap:1rem;padding:1rem 0px}:root{--confiMainBtn: white;--confiSecBtn: #F2F2F2;--confiSec2Btn: #e6e6e6;--confiActiveColor: #7EA27F;--shadowIn25: inset 0px 0px 10px rgba(0, 0, 0, .25);--grey-3: #fbfbfb;--grey-2: #f7f7f7;--grey-1: #f2f2f2;--grey0: #e6e6e6;--grey1: #cccccc;--grey2: #b3b3b3;--grey3: #999999;--grey4: #808080;--grey5: #666666;--grey6: #4d4d4d;--grey7: #333333;--grey8: #1a1a1a}.dark-theme{--confiMainBtn: #242424;--confiSecBtn: #525252;--confiSec2Btn: #e6e6e6;--confiActiveColor: #7EA27F;--shadowIn25: inset 0px 0px 10px rgba(0, 0, 0, .25);--grey-3: #fbfbfb;--grey-2: #f7f7f7;--grey-1: #242424;--grey0: #e6e6e6;--grey1: #cccccc;--grey2: #b3b3b3;--grey3: #999999;--grey4: #808080;--grey5: #666666;--grey6: #4d4d4d;--grey7: #333333;--grey8: #1a1a1a}.confi_main{width:100%;height:100vh;position:fixed;display:flex;flex-direction:column;background-color:var(--grey-1)}.confi_undo_redo_btn_wrapper{display:flex;flex-direction:row;justify-content:flex-end;padding:1rem;align-items:center;gap:1rem;position:absolute;top:0;right:0;z-index:1}.confi_undo_redo_btn{background:none;box-shadow:none;border:1px solid var(--grey0);color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:80px;width:80px;font-size:10px;border-radius:50%;cursor:pointer}.confi_undo_redo_btn:hover{box-shadow:none;border:1px solid var(--grey5)}.confi_undo_redo_btn img{object-fit:contain;height:20px;width:20px}.confi_wrapper{width:100%;display:flex;flex-direction:column;flex:1;background-color:var(--grey-1)}.confi_btn_container{width:100%;background-color:#fff;max-width:800px;margin:auto;display:flex;flex-direction:column;gap:0;overflow:hidden;box-shadow:0 0 10px #00000040}.confi_btn_wrapper{display:flex;flex-direction:row;background-color:var(--confiMainBtn);box-shadow:0 0 10px #00000040;position:relative;width:100%}.confi_btn_wrapper.small{box-shadow:none}.confi_btn{padding:0px 1rem;background-color:var(--grey-1);cursor:pointer;transition:all .2s ease-in-out;color:var(--confiActiveColor);flex:1;font-size:14px;display:flex;place-content:center;place-items:center;flex-direction:column;gap:4px;position:relative;height:70px}.confi_btn:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:transparent}.confi_btn.small{background-color:var(--confiSecBtn)}.confi_btn.next{color:#fff;background-color:var(--confiActiveColor);border:none;box-shadow:var(--shadowIn25)}.confi_btn:hover{background:#fff}.confi_btn.active:after{background-color:var(--confiActiveColor)}.confi_btn.active{background:#fff;font-weight:500}.confi_btn.active:hover{background-color:var(--grey0)}.confi_btn.next:hover{color:#fff;font-weight:500;background-color:var(--confiActiveColor);box-shadow:var(--shadowIn50)}.confi_btn img{width:50px;height:20px;object-fit:contain}.confi_btn_danger{background-color:var(--confiActiveColor);color:#fff;box-shadow:var(--shadowIn50);justify-content:space-between;padding:6px 20px;display:flex}.confi_btn_danger:hover{box-shadow:var(--shadowIn25)}.confi_btn_top_wrapper{background-color:var(--confiActiveColor);color:#fff;box-shadow:0 0 10px #00000040;justify-content:space-between;padding:0rem 1rem;display:flex;position:relative;z-index:1;height:40px}.confi_btn_top{flex:1;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.confi_btn_top_finish{background:none;border:none;height:auto;box-shadow:none;font-weight:inherit}.confi_btn_top_finish:hover{background:none;border:none;height:auto;box-shadow:none;font-weight:500}.confi_editor_btn{background:#fff;color:var(--confiActiveColor);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;font-weight:inherit;gap:.5rem;height:auto;box-shadow:none;flex:1;max-width:200px;border-radius:0;border:1px solid var(--grey-1)}.confi_editor_btn:hover{box-shadow:none;background-color:var(--grey-1)}.confi_editor_wrapper{border:1px solid var(--grey-1);padding:1rem;position:relative;display:flex;justify-content:center;align-items:center}.confi_editor_item{display:flex;flex-direction:row;gap:1rem}.confi_editor_svg{transition:border .3s;display:flex;background-color:var(--grey-1);flex-direction:column;align-items:center;gap:5px;color:var(--grey5);box-sizing:inherit;width:140px;height:140px;padding:1rem}.confi_editor_svg_background{background:url(/image/system/background.jpg);background-position:center;background-repeat:repeat;background-size:cover}.confi_editor_btn_wrapper{display:flex;flex-direction:row;gap:1rem;flex:1}.confi_lightbox_innerwrapper::-webkit-scrollbar{background:transparent;width:8px}.confi_lightbox_innerwrapper::-webkit-scrollbar-track{background:var(--grey-1);border-radius:10px}.confi_lightbox_innerwrapper::-webkit-scrollbar-thumb{background:var(--grey1);border-radius:10px}.confi_lightbox_innerwrapper::-webkit-scrollbar-thumb:hover{background:var(--grey5)}.confi_lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;z-index:1000;flex-direction:column}.confi_lightbox_top{display:flex;justify-content:space-between;padding:10px 20px;background:var(--confiActiveColor);border-bottom:1px solid #ddd;box-shadow:var(--shadowIn50);position:sticky;top:0;z-index:1}.confi_lightbox_wrapper{flex:1;height:100%;width:100%;background:#fff;box-shadow:0 4px 10px #0003;overflow:hidden}.confi_lightbox_content{overflow-y:auto;height:100vh;width:100vw;display:flex;flex-direction:column}.confi_lightbox_close_btn{background:none;box-shadow:none;padding:0;margin:0;height:auto;border:none}.confi_lightbox_close_btn:hover{background:none;box-shadow:none}.confi_search{width:100%;padding:10px;border:2px solid var(--confiActiveColor);border-radius:5px;font-size:16px;color:var(--confiActiveColor);background:#fff;max-width:1000px;margin:auto}.confi_search:hover{color:var(--confiActiveColor);box-shadow:none;border:2px solid var(--confiActiveColor)}.confi_search:focus{color:var(--confiActiveColor);box-shadow:none;border:2px solid var(--confiActiveColor)}.confi_list_wrapper{padding:0;padding-top:1rem;display:flex;flex-direction:column;gap:1rem;width:100%;max-width:800px}.confi_list{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-bottom:8rem}.confi_item{cursor:pointer;transition:border .3s;display:flex;flex-direction:column;align-items:center;gap:5px;color:#000;max-width:300px;flex:1;border:1px solid var(--grey-1);box-sizing:content-box}.confi_item_wrapper{cursor:pointer;transition:border .3s;display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--grey5);border:2px solid var(--grey-1);box-sizing:inherit;flex:1}.confi_item_wrapper.active{border-color:var(--confiActiveColor);color:var(--confiActiveColor)}.confi_item_wrapper:hover{border:2px solid var(--confiActiveColor)}.confi_item_image_wrapper{display:flex;flex-direction:column;align-items:center;background:var(--grey-1);color:#000;min-width:200px;width:100%}.confi_item_svg_wrapper{background:var(--confiSecBtn);flex:1;height:100%;width:100%;display:flex;place-content:center;place-items:center}.confi_item_image{padding:1rem}.confi_item_title{display:flex;flex-direction:column;align-items:center;padding:1rem;flex:1}.confi_lightbox_list_wrapper{padding:10px;display:flex;flex-direction:column;gap:1rem;color:#000;flex:1}.confi_filter_btn_wrapper{display:flex;flex-direction:row;align-items:center;gap:1rem;justify-content:center}.confi_filter_btn{background:none;box-shadow:none;padding:1rem;margin:0;height:auto;border:none;color:#fff;background:var(--grey3)}.confi_filter_btn.active{background:var(--confiActiveColor)}@media (max-width: 1200px){.confi_list{grid-template-columns:repeat(5,1fr)}}@media (max-width: 992px){.confi_list{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.confi_list{grid-template-columns:repeat(3,1fr)}}@media (max-width: 576px){.confi_list{grid-template-columns:repeat(2,1fr)}}.confi_text_input_wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;flex-direction:column}.confi_text_input_wrapper span{color:red}.confi_text_input{height:200px;width:400px;font-size:22px;text-align:center;background:#fff;color:var(--grey5);border:2px solid var(--confiActiveColor);border-radius:0;box-shadow:inset 0 0 10px var(--grey-1)}.confi_text_input:hover{border-color:var(--grey5);box-shadow:inset 0 0 40px var(--grey0);color:#000}.confi_text_input:focus{border-color:var(--grey5);box-shadow:inset 0 0 40px var(--grey0);color:#000}.confi_product_item_img{background:var(--confiSecBtn);flex:1;height:100%;width:100%;display:flex;place-content:center;place-items:center}.confi_product_item_img img{height:90%;width:90%;object-fit:contain}.confi_item:hover{border-color:var(--confiActiveColor)}.confi_upload_drag_drop{color:#000;border:2px solid var(--confiActiveColor);background:#fff;border-radius:1rem;display:flex;justify-content:center;align-items:center;height:250px;width:550px;color:var(--confiActiveColor);box-shadow:inset 0 0 4px var(--confiActiveColor)}.confi_upload_drag_drop img{width:50px;height:50px;object-fit:contain}.confi_upload_drag_drop.active{border:2px dotted white;box-shadow:inset 0 0 4px #fff;background:var(--confiActiveColor);color:#fff}.confi_upload_drag_drop_text{padding:4rem;text-align:center}.confi_upload_drag_drop_desc{padding-top:4rem;color:var(--confiActiveColor);display:flex;flex-direction:column;gap:6px;max-width:550px;margin:auto}.confi_upload_btn_container{display:flex;flex-direction:row;gap:1rem;margin:auto;max-width:550px}.confi_upload_btn_wrapper{display:flex;flex-direction:column;gap:6px;flex:1;text-align:center;padding:.5rem;border:1px solid var(--grey0);border-radius:10px;color:var(--grey2);cursor:pointer}.confi_upload_btn_wrapper.active,.confi_upload_btn_wrapper:hover{background:var(--grey-1);color:var(--grey5)}.confi_upload_btn_delete{background:red}.confi_upload_btn_logo{background:var(--grey2)}.confi_upload_btn_logo.active{background:var(--confiActiveColor)}.confi_btn_confirm_container{background:var(--grey-1);box-shadow:0 0 10px #00000026;border-top:1px solid var(--grey5);padding:10px;display:flex;align-items:center;justify-content:center;gap:1rem}.confi_btn_confirm_wrapper{position:absolute;bottom:0;background:var(--grey-1);box-shadow:0 0 10px #00000026;border-top:1px solid var(--grey5);padding:10px;display:flex;align-items:center;justify-content:center;width:100%;gap:1rem}.confi_btn_confirm{background-color:var(--confiActiveColor);color:#fff;border:1px solid var(--confiActiveColor);border-radius:5px;cursor:pointer;font-size:16px;transition:background .3s ease-in-out;max-width:300px;flex:1;display:flex;justify-content:center;align-items:center;gap:1rem}.confi_btn_confirm:hover{border:1px solid white}.confi_singleview_wrapper{color:#000;padding-bottom:10rem}.confi_slider_container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;width:100%}.confi_slider_controls{display:flex;justify-content:space-between;width:100%;margin-bottom:10px;position:absolute}.confi_slider_next,.confi_slider_prev{width:100px;height:100px;background:none!important;box-shadow:none!important;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease-in-out;padding:0;position:relative}.confi_slider_prev:hover span,.confi_slider_next:hover span{border-color:var(--grey5)}.confi_slider_prev span,.confi_slider_next span{display:inline-block;width:14px;height:14px;border-left:3px solid var(--grey2);border-bottom:3px solid var(--grey2);transform:rotate(45deg)}.confi_slider_next span{transform:rotate(-135deg)}.confi_slider_dots{display:flex;justify-content:center;gap:1rem;position:absolute;bottom:1rem}.confi_slider_dot{height:1rem;width:1rem;border-radius:50%;background:var(--grey1);cursor:pointer;transition:background .3s ease-in-out}.confi_slider_dot.active{background:var(--grey3)}.confi_slider_dot:hover{background:var(--grey5)}.confi_slider_img{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.confi_slider_img img{max-width:500px;max-height:500px}.confi_singleview_container{display:flex;flex-direction:column;gap:1rem;max-width:800px;margin:auto;padding:1rem 0}.confi_singleview_header{display:flex;flex-direction:row;justify-content:space-between}.confi_singleview_brand{font-weight:700;font-size:18px}.confi_singleview_title{font-size:16px;color:var(--grey5)}.confi_singleview_price{display:flex;flex-direction:column;align-items:flex-end;gap:10px;color:var(--grey5)}.confi_singleview_oldprice{font-size:16px;font-weight:700}.confi_singleview_oldprice.strikethrough{text-decoration:line-through}.confi_singleview_saleprice{font-size:18px;color:red;font-weight:700}.confi_singleview_variants{display:flex;flex-direction:column;gap:1rem}.confi_singleview_variant{cursor:pointer;padding:1rem;border:2px solid var(--grey-1);transition:border .3s ease-in-out;background:var(--grey-1);color:#555}.confi_singleview_variant.active{border:2px solid var(--confiActiveColor);color:var(--confiActiveColor);font-weight:500}.confi_singleview_details{padding:.5rem;border:1px solid var(--grey0);border-radius:10px}.confi_singleview_detailtext span{display:block;font-size:14px}.confi_singleview_description{padding:.5rem;border:1px solid var(--grey0);border-radius:10px}.confi_singleview_descriptiontext{font-size:14px;color:#666;line-height:1.5}.confi_singleview_filter_buttons{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap;padding:.5rem;border:1px solid var(--grey0);border-radius:10px}.confi_singleview_filters{display:flex;flex-direction:column;gap:1rem}.confi_singleview_filter_btn{background:var(--grey0);color:var(--grey5);box-shadow:none;border:none}.confi_singleview_filter_btn.active{background:var(--confiActiveColor);color:#fff}.confi_singleview_filter_btn.active:hover{box-shadow:none;background:var(--grey4);border:none}.confi_singleview_filter_btn:hover{box-shadow:none;background:var(--grey1);border:none}.confi_singleview_filter_select{padding:8px;border:1px solid var(--grey2);cursor:pointer;background:#fff}.confi_singleview_variantlist{display:flex;flex-wrap:nowrap;max-width:100%;overflow:auto;gap:1rem;padding-bottom:1rem}.confi_singleview_variantlist::-webkit-scrollbar{background:transparent;height:8px}.confi_singleview_variantlist::-webkit-scrollbar-track{background:var(--grey-1);border-radius:10px}.confi_singleview_variantlist::-webkit-scrollbar-thumb{background:var(--grey1);border-radius:10px}.confi_singleview_variantlist::-webkit-scrollbar-thumb:hover{background:var(--grey5)}.confi_singleview_variantimage img{width:200px;height:200px;object-fit:contain}.confi_singleview_variantinfo{font-size:12px;display:flex;flex-direction:column;gap:5px}.confi_interactive_wrapper{width:100%;height:800px;background:var(--grey-1);display:flex;flex-direction:column;align-items:center;justify-content:center}.confi_interactive_container{background:#fff;max-width:600px;max-height:600px;height:100%;width:100%}.confi_interactive_btn{background:none;box-shadow:none;border-radius:10px;border:1px solid var(--grey0)}.confi_interactive_btn img{object-fit:contain;height:30px;width:30px}.confi_interactive_btn:hover{background:var(--grey0);box-shadow:none;border:1px solid var(--grey4)}.confi_interactive_btn_wrapper{display:flex;flex-direction:row;gap:1rem;justify-content:center}.confi_interactive_btn_container{display:flex;flex-direction:column;gap:1rem;padding:1rem}.confi_popup_overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;display:flex;justify-content:center;align-items:flex-end;z-index:2}.confi_popup_container{width:100%;height:25%;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.confi_popup_close{position:absolute;top:-50px;right:20px;background:none;box-shadow:none;border:none;font-size:24px;color:#fff;cursor:pointer}.confi_popup_buttons{display:flex;gap:20px}.confi_popup_button{padding:10px 20px;font-size:18px;border:none;border-radius:5px;cursor:pointer;background:#007bff;color:#fff;transition:background .3s ease}.confi_popup_button:hover{background:#0056b3}.confi_filter_container{display:flex;flex-direction:column;min-width:300px;border:1px solid var(--grey-1);background:var(--grey-3);box-shadow:0 2px 10px #0000001a;padding:1rem;max-height:100%}.confi_filter_container h3{text-align:center;color:var(--grey6)}.confi_filter_wrapper{display:flex;flex-direction:column;gap:1rem;padding-right:1rem;flex:1;overflow:auto;color:var(--grey6)}.confi_filter_wrapper::-webkit-scrollbar{width:8px}.confi_filter_wrapper::-webkit-scrollbar-track{background:var(--grey-1);border-radius:4px}.confi_filter_wrapper::-webkit-scrollbar-thumb{background:var(--grey3);border-radius:4px;transition:background .3s}.confi_filter_wrapper::-webkit-scrollbar-thumb:hover{background:var(--grey4)}.confi_filter_item{border-bottom:1px solid #ddd;padding-bottom:.5rem}.confi_filter_header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:.5rem;font-weight:700}.confi_filter_header:hover{background:var(--grey-2)}.confi_filter_title{font-size:1rem}.confi_filter_arrow{width:16px;height:16px;background:none!important;box-shadow:none!important;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;position:relative}.confi_filter_arrow.active span{transform:rotate(-45deg)}.confi_filter_arrow span{display:inline-block;width:10px;height:10px;border-left:3px solid var(--grey2);border-bottom:3px solid var(--grey2);transform:rotate(45deg);transition:transform ease-in-out .3s}.confi_filter_list{display:flex;flex-direction:column;gap:.5rem;padding-left:10px}.confi_filter_checkbox_wrapper{display:flex;align-items:center;gap:8px;cursor:pointer}.confi_filter_checkbox_wrapper:hover{background:var(--grey-2)}.confi_filter_checkbox{display:none}.confi_filter_label{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;gap:1rem;flex:1;padding:.5rem}.confi_filter_custom_checkbox{width:16px;height:16px;border:2px solid #aaa;border-radius:4px;display:inline-block;position:relative;transition:.3s}.confi_filter_checkbox:checked+.confi_filter_label .confi_filter_custom_checkbox{background-color:var(--confiActiveColor);border-color:var(--confiActiveColor)}.confi_filter_checkbox:checked+.confi_filter_label .confi_filter_custom_checkbox:after{content:"✔";color:#fff;font-size:12px;font-weight:700;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.confi_filter_reset_btn{padding:10px 15px;border:none;background:var(--grey5);color:#fff;border-radius:5px;cursor:pointer;transition:.3s;font-weight:700;margin-top:10px}.confi_filter_reset_btn:hover{background:var(--grey6)}.confi_editor_top_banner{display:flex;justify-content:space-between;align-items:center;padding:0rem 1rem;background:var(--confiActiveColor);min-height:44px;color:#fff}.confi_editor_overflow_wrapper{display:flex;flex-direction:row;gap:1rem;overflow:hidden;flex:1}.confi_editor_overflow{display:flex}.confi_editor_overflow.right{flex:1;justify-content:center;overflow:auto;margin-right:4px}.confi_editor_overflow.right::-webkit-scrollbar{width:8px}.confi_editor_overflow.right::-webkit-scrollbar-track{background:var(--grey-1);border-radius:4px}.confi_editor_overflow.right::-webkit-scrollbar-thumb{background:var(--grey3);border-radius:4px;transition:background .3s}.confi_editor_overflow.right::-webkit-scrollbar-thumb:hover{background:var(--grey4)}.confi_motiv_editor_container{flex:1;display:flex;flex-direction:column;background:#fff;box-shadow:0 0 10px var(--grey3);z-index:1}.confi_motiv_editor_wrapper{overflow:auto;margin-right:4px;flex:1}.confi_motiv_editor_wrapper.blocked .confi_editor_wrapper .confi_editor_item{opacity:1}.confi_motiv_editor_wrapper.blocked .confi_editor_wrapper:after{content:"gesperrt";font-size:2rem;color:#000;text-transform:uppercase;rotate:-0deg;position:absolute}.confi_motiv_editor_wrapper::-webkit-scrollbar{background:transparent;width:8px}.confi_motiv_editor_wrapper::-webkit-scrollbar-track{background:#fff;border-radius:10px}.confi_motiv_editor_wrapper::-webkit-scrollbar-thumb{background:var(--grey1);border-radius:10px;border:2px solid white}.confi_motiv_editor_wrapper::-webkit-scrollbar-thumb:hover{background:var(--grey3)}.confi_editor_overflow.right.single{flex-direction:column}.confi_editor_single_container{overflow:auto;position:relative;flex:1;color:var(--grey6)}.confi_editor_single_back{position:absolute;top:1rem;left:1rem;z-index:1}.confi_editor_single_back_btn{color:var(--grey3);background:none;box-shadow:none;display:flex;gap:.5rem;align-items:center;padding:1rem;height:auto;border:1px solid transparent}.confi_editor_single_back_btn:hover{box-shadow:none;color:var(--grey5);border-color:var(--grey0)}.confi_editor_single_back_btn:hover span{border-color:var(--grey5)}.confi_editor_single_back_btn span{display:inline-block;width:10px;height:10px;border-left:3px solid var(--grey3);border-bottom:3px solid var(--grey3);transform:rotate(45deg)}.new_scrollbar::-webkit-scrollbar{background:transparent;width:8px}.new_scrollbar::-webkit-scrollbar-track{background:#fff;border-radius:10px}.new_scrollbar::-webkit-scrollbar-thumb{background:var(--grey1);border-radius:10px;border:2px solid white}.new_scrollbar::-webkit-scrollbar-thumb:hover{background:var(--grey3)}.confi_print_position_btn_wrapper{display:flex;flex-direction:row;justify-content:center;padding:1rem 0rem;align-items:center;gap:1rem;top:0;color:var(--confiActiveColor);width:100%;font-weight:700}.confi_print_position_btn{background:none;box-shadow:none;border:none;color:var(--confiActiveColor);border-radius:50%;flex:0;min-width:50px;height:50px;padding:0;margin:0;display:flex;justify-content:center;align-items:center;position:relative}.confi_print_position_btn:hover{background:none;box-shadow:none;border:1px solid var(--confiActiveColor);color:var(--confiActiveColor)}.confi_print_position_btn span{display:inline-block;width:14px;height:14px;border-left:3px solid var(--confiActiveColor);border-bottom:3px solid var(--confiActiveColor);transform:rotate(45deg);margin-left:6px}.confi_print_position_btn.next span{transform:rotate(-135deg);margin-right:6px;margin-left:0}.card_editor_quantity{display:flex;flex-direction:row;gap:1rem;justify-content:center}.card_editor_quantity button{color:var(--grey6);height:auto;background:var(--grey-2);box-shadow:none;border:1px solid var(--confiActiveColor)}.card_editor_quantity input{color:var(--grey6);padding:1rem;height:auto;background:var(--grey-2);box-shadow:none;border:1px solid var(--confiActiveColor)}.card_editor_packaging_btn{padding:1rem;height:auto;color:var(--confiActiveColor);background:var(--grey-2);box-shadow:none;border:1px solid var(--confiActiveColor)}.card_editor_packaging_btn:hover{background:var(--grey-1);box-shadow:none;border:1px solid var(--confiActiveColor)}
