.yith-wocc-wrapper-submit { margin :15px 0; } .yith-wocc-button-container, .yith-wocc-select-address-container { margin-bottom :15px; } .yith-wocc-button-container .yith-wocc-button { background-color :var(--yith-wocc-button-background, #ebe9eb); border-color   :var(--yith-wocc-button-background, #ebe9eb); color   :var(--yith-wocc-button-text, #515151); } .yith-wocc-button-container .yith-wocc-button:hover { background-color :var(--yith-wocc-button-background-hover, #ebe9eb); border-color   :var(--yith-wocc-button-background-hover, #ebe9eb); color   :var(--yith-wocc-button-text-hover, #515151); } .yith-wocc-divider { margin-bottom :15px; text-align  :center; position   :relative; } .yith-wocc-divider span { padding  :0 15px; background :#fff; z-index  :2; position  :relative; } .yith-wocc-divider:after { content  :""; width   :100%; background-color :transparent; display  :block; border-top :1px solid #e7e7e7; position  :absolute; top :50%; margin-top :1px; z-index  :1; }  html.yith-wocc-modal-opened { overflow :hidden; } #yith-wocc-modal-wrapper { display   :flex; justify-content  :center; align-items :center; position   :fixed; top  :0; left  :0; width :100vw; height :100vh; z-index   :10000;  opacity   :0; visibility  :hidden; -webkit-transition :all 0.3s ease; -moz-transition  :all 0.3s ease; transition  :all 0.3s ease; } #yith-wocc-modal-wrapper.opened { opacity   :1; visibility  :visible; -webkit-transition :all 0.3s ease; -moz-transition  :all 0.3s ease; transition  :all 0.3s ease; } #yith-wocc-modal-overlay { position  :fixed; top :0; left :0; width   :100vw; height   :100vh; background :rgba(0, 0, 0, 0.5); } #yith-wocc-modal { position   :relative; background  :rgb(255, 255, 255); border-radius :22px; width  :700px; overflow   :hidden; max-width   :90vw; padding :40px 0; } #yith-wocc-modal .yith-wocc-modal-title { padding :0 40px 20px; margin  :0; position :relative; } #yith-wocc-modal .yith-wocc-modal-close { display :block; width  :20px; position :absolute; top   :20px; right  :20px; cursor  :pointer; } #yith-wocc-modal .yith-wocc-modal-content { height  :700px; max-height   :80vh; padding  :0 25px 0 40px; overflow-y   :scroll; overflow-x   :hidden; scrollbar-color :transparent transparent; transition   :scrollbar-color .3s ease; } #yith-wocc-modal .yith-wocc-modal-content::-webkit-scrollbar { background :transparent; width   :8px; } #yith-wocc-modal .yith-wocc-modal-content::-webkit-scrollbar-thumb { background  :#c0c0c0; border-radius :10px; } #yith-wocc-modal .yith-wocc-modal-content:hover { scrollbar-color :#c0c0c0 transparent; transition   :scrollbar-color .3s ease; } #yith-wocc-modal select.select2-hidden-accessible { display :none; } #yith-wocc-modal .yith-wocc-modal-content input[type="submit"] { width :100%; margin :0; }  .yith-wocc-account-options { display :flex; flex-direction :column; row-gap :15px; font-size   :0.9rem; } .yith-wocc-account-option { display  :flex; align-items   :center; justify-content :space-between; padding  :15px; border  :1px solid #e6e6e6; border-radius  :10px; } .yith-wocc-account-option .yith-wocc-input input[type="checkbox"], .yith-wocc-account-option .yith-wocc-input .checkboxbutton { display :none; } .yith-wocc-account-option .yith-wocc-input { position :relative; flex   :0 0 44px; width  :44px; height  :25px; } .yith-wocc-account-option .yith-wocc-input-slider { position   :absolute; cursor :pointer; top  :0; left  :0; right :0; bottom :0; background-color  :#cccccc; -webkit-transition :.4s; transition  :.4s; border-radius   :34px; } .yith-wocc-account-option .yith-wocc-input-slider span { position   :absolute; content   :""; height :17px; width :17px; left  :4px; top  :4px; background-color  :white; -webkit-transition :.4s; transition  :.4s; border-radius   :50%; display   :flex; align-items :center; justify-content  :center; color :#cccccc; } .yith-wocc-account-option .yith-wocc-input-slider svg { width :11px; } .yith-wocc-account-option .yith-wocc-input-slider .yith-wocc-input-slider-on, .yith-wocc-account-option input:checked + .yith-wocc-input-slider .yith-wocc-input-slider-off { display :none; } .yith-wocc-account-option .yith-wocc-input-slider .yith-wocc-input-slider-off, .yith-wocc-account-option input:checked + .yith-wocc-input-slider .yith-wocc-input-slider-on { display :inline; } .yith-wocc-account-option input:checked + .yith-wocc-input-slider { background-color :#98aa36; } .yith-wocc-account-option input:checked + .yith-wocc-input-slider span { -moz-transform :translateX(19px); -ms-transform :translateX(19px); transform   :translateX(19px); color  :#98aa36; } .yith-wocc-account-addresses { margin :30px 0; } .yith-wocc-account-addresses .custom-addresses-title { display  :flex; align-items   :center; justify-content :space-between; } .yith-wocc-account-addresses .custom-addresses-title a { margin  :0; font-size :0.8rem; } .yith-wocc-account-addresses .custom-addresses-empty { padding  :30px; border   :1px solid #e6e6e6; border-radius  :10px; background-color :#f9f9f9; min-height :200px; display  :flex; justify-content :center; align-items   :center; flex-direction  :column; row-gap  :15px; font-size :0.9rem; } .yith-wocc-account-addresses .custom-addresses-empty a { margin :0; } .yith-wocc-account-addresses .custom-addresses { display  :grid; grid-template-columns :repeat(3, 1fr); gap :15px; margin  :20px 0; font-size :14px; counter-reset  :address; } .yith-wocc-account-addresses .custom-address { width   :100%; border   :1px solid #e6e6e6; background-color :#fafafa; padding  :20px; border-radius  :5px; display  :flex; row-gap  :15px; flex-direction  :column; } .yith-wocc-account-addresses .custom-address-title { text-transform :uppercase; font-weight  :600; padding-bottom :10px; border-bottom :1px solid #e6e6e6; } .yith-wocc-account-addresses .custom-address-title:after { counter-increment :address; content   :"#" counter(address); } .yith-wocc-account-addresses .custom-address address { font-style :normal; flex :1 1 100%; margin   :0; } .yith-wocc-account-addresses .custom-address-action { text-decoration :none; }  .select2-container.select2-container--open { z-index :10000; } .yith-wocc-select-address-container .yith-wocc-select-address:not(.select2-hidden-accessible) { width :100% !important; } .yith-wocc-select-address-container .select2-container { max-width :100%; margin-top :10px; text-align :left; }  .theme-yith-proteo .yith-wocc-button.add_to_cart_button { background-color :transparent; padding  :0; border   :none; color   :var(--proteo-general_link_color, #448a85); } .theme-yith-proteo .yith-wocc-button.add_to_cart_button:hover { color :var(--proteo-general_link_hover_color, #448a85); } .theme-yith-proteo #yith-wocc-modal .yith-wocc-modal-content { padding :0 10px 0 25px; } .theme-yith-proteo #yith-wocc-modal .yith-wocc-modal-content form > p { padding :0 15px; }
