@charset "utf-8";

:root { --woof-sd-ie-sw_vertex_enabled_bg_color: #79b8ff; --woof-sd-ie-sw_vertex_enabled_bg_image: url(); --woof-sd-ie-sw_vertex_enabled_border_color: #79b8ff; --woof-sd-ie-sw_vertex_enabled_border_style: solid; --woof-sd-ie-sw_vertex_disabled_bg_color: #ffffff; --woof-sd-ie-sw_vertex_disabled_bg_image: url(); --woof-sd-ie-sw_vertex_disabled_border_color: #ffffff; --woof-sd-ie-sw_vertex_disabled_border_style: solid; --woof-sd-ie-sw_vertex_border_width: 1px; --woof-sd-ie-sw_substrate_enabled_bg_color: #c8e1ff; --woof-sd-ie-sw_substrate_enabled_bg_image: url(); --woof-sd-ie-sw_substrate_enabled_border_color: #c8e1ff; --woof-sd-ie-sw_substrate_enabled_border_style: solid; --woof-sd-ie-sw_substrate_disabled_bg_color: #9a9999; --woof-sd-ie-sw_substrate_disabled_bg_image: url(); --woof-sd-ie-sw_substrate_disabled_border_color: #9a9999; --woof-sd-ie-sw_substrate_disabled_border_style: solid; --woof-sd-ie-sw_substrate_border_width: 1px; --woof-sd-ie-sw_vertex_size: 20px; --woof-sd-ie-sw_vertex_border_radius: 50%; --woof-sd-ie-sw_vertex_top: 0; --woof-sd-ie-sw_substrate_width: 34px; --woof-sd-ie-sw_substrate_height: 14px; --woof-sd-ie-sw_substrate_border_radius: 8px; --woof-sd-ie-sw_label_font_color: #6d6d6d; --woof-sd-ie-sw_label_font_size: 16px; --woof-sd-ie-sw_label_font_weight: 400; --woof-sd-ie-sw_label_line_height: 23px; --woof-sd-ie-sw_label_font_family: inherit; --woof-sd-ie-sw_label_left: 15px; --woof-sd-ie-sw_label_top: -16px; --woof-sd-ie-sw_margin_bottom: 5px; --woof-sd-ie-sw_childs_left_shift: 15px; --woof-sd-ie-sw_counter_show: inline-flex; --woof-sd-ie-sw_counter_width: 14px; --woof-sd-ie-sw_counter_height: 14px; --woof-sd-ie-sw_counter_side_padding: 0; --woof-sd-ie-sw_counter_top: -2px; --woof-sd-ie-sw_counter_right: -3px; --woof-sd-ie-sw_counter_font_size: 9px; --woof-sd-ie-sw_counter_font_family: consolas; --woof-sd-ie-sw_counter_font_weight: 500; --woof-sd-ie-sw_counter_color: #477bff; --woof-sd-ie-sw_counter_bg_color: #ffffff; --woof-sd-ie-sw_counter_bg_image: url(); --woof-sd-ie-sw_counter_border_width: 1px; --woof-sd-ie-sw_counter_border_radius: 50%; --woof-sd-ie-sw_counter_border_color: #477bff; --woof-sd-ie-sw_counter_border_style: solid; }

.woof-sd-ie.woof-sd-ie-switcher { margin-bottom: var(--woof-sd-ie-sw_margin_bottom); box-sizing: content-box !important; }

.woof-sd-ie.woof-sd-ie-switcher * { box-sizing: content-box !important; }

.woof-sd-ie-switcher label.switcher23-toggle { position: relative; width: calc(100% - var(--woof-sd-ie-sw_vertex_size) - var(--woof-sd-ie-sw_childs_left_shift)); height: auto; cursor: pointer; -webkit-tap-highlight-color: transparent; transform: translate3d(0px, 0px, 0px); vertical-align: top; display: inline-block !important; padding: 0px !important; margin: 0px !important; }

.woof-sd-ie-switcher .switcher23-toggle::before { content: ""; position: relative; top: 3px; left: 3px; width: var(--woof-sd-ie-sw_substrate_width); height: var(--woof-sd-ie-sw_substrate_height); display: block; background-color: var(--woof-sd-ie-sw_substrate_disabled_bg_color); background-image: var(--woof-sd-ie-sw_substrate_disabled_bg_image); background-size: cover; border-radius: var(--woof-sd-ie-sw_substrate_border_radius); border-width: var(--woof-sd-ie-sw_substrate_border_width); border-color: var(--woof-sd-ie-sw_substrate_disabled_border_color); border-style: var(--woof-sd-ie-sw_substrate_disabled_border_style); transition: background 0.2s; }

.woof-sd-ie-switcher .switcher23-toggle > span { position: absolute; top: var(--woof-sd-ie-sw_vertex_top); left: -3px; width: var(--woof-sd-ie-sw_vertex_size); height: var(--woof-sd-ie-sw_vertex_size); display: block; background-color: var(--woof-sd-ie-sw_vertex_disabled_bg_color); background-image: var(--woof-sd-ie-sw_vertex_disabled_bg_image); background-size: cover; border-radius: var(--woof-sd-ie-sw_vertex_border_radius); border-width: var(--woof-sd-ie-sw_vertex_border_width); border-color: var(--woof-sd-ie-sw_vertex_disabled_border_color); border-style: var(--woof-sd-ie-sw_vertex_disabled_border_style); box-shadow: rgba(154, 153, 153, 0.5) 0px 3px 8px; transition: 0.2s; }

.woof-sd-ie-switcher .switcher23-toggle > span::before { content: ""; position: absolute; display: block; margin: calc((var(--woof-sd-ie-sw_vertex_size) - var(--woof-sd-ie-sw_vertex_size)/9) * -1); width: calc(var(--woof-sd-ie-sw_vertex_size)*3); height: calc(var(--woof-sd-ie-sw_vertex_size)*3); background: rgba(79, 46, 220, 0.5); border-radius: var(--woof-sd-ie-sw_vertex_border_radius); transform: scale(0); opacity: 1; pointer-events: none; }

.woof-sd-ie-switcher .switcher23 { display: none !important; }

.woof-sd-ie-switcher .switcher23:checked + .switcher23-toggle::before { background-color: var(--woof-sd-ie-sw_substrate_enabled_bg_color); background-image: var(--woof-sd-ie-sw_substrate_enabled_bg_image); background-size: cover; border-color: var(--woof-sd-ie-sw_substrate_enabled_border_color); border-style: var(--woof-sd-ie-sw_vertex_disabled_border_style); }

.woof-sd-ie-switcher .switcher23:checked + .switcher23-toggle > span { background-color: var(--woof-sd-ie-sw_vertex_enabled_bg_color); background-image: var(--woof-sd-ie-sw_vertex_enabled_bg_image); border-style: var(--woof-sd-ie-sw_vertex_enabled_border_style); border-color: var(--woof-sd-ie-sw_vertex_enabled_border_color); background-size: cover; transform: translateX(calc(var(--woof-sd-ie-sw_substrate_width) - var(--woof-sd-ie-sw_vertex_size)/2)); transition: 0.2s cubic-bezier(0.8, 0.4, 0.3, 1.25), background 0.15s; box-shadow: rgba(79, 46, 220, 0.2) 0px 3px 8px; }

.woof-sd-ie-switcher .switcher23:checked + .switcher23-toggle > span::before { transform: scale(1); opacity: 0; transition: 0.4s; }

.woof-sd-ie-switcher .switcher23-toggle-dir > span { width: 23px; border-radius: 10px 0px 0px 10px; background: rgb(121, 184, 255) !important; }

.woof-sd-ie-switcher .switcher23-toggle-dir::before { background: rgb(200, 225, 255); }

.woof-sd-ie-switcher .switcher23:checked + .switcher23-toggle-dir > span { border-radius: 0px 10px 10px 0px; }

.woof-sd-ie-switcher .switcher23-title { display: block; position: relative; width: fit-content; right: 0px; overflow: inherit; top: var(--woof-sd-ie-sw_label_top) !important; left: calc(var(--woof-sd-ie-sw_substrate_width) + var(--woof-sd-ie-sw_label_left)) !important; font-size: var(--woof-sd-ie-sw_label_font_size) !important; line-height: var(--woof-sd-ie-sw_label_line_height) !important; font-family: var(--woof-sd-ie-sw_label_font_family) !important; font-weight: var(--woof-sd-ie-sw_label_font_weight) !important; color: var(--woof-sd-ie-sw_label_font_color) !important; user-select: none !important; max-width: calc(100% - (var(--woof-sd-ie-sw_counter_width) + var(--woof-sd-ie-sw_label_left))) !important; }

.woof-sd-ie-switcher .switcher23-container { display: inline-block; width: 100%; }

.woof-sd-ie-switcher + .switcher23-container label { width: 100%; }

.woof-sd-ie-switcher + .woof-sd-ie-childs { padding-left: var(--woof-sd-ie-sw_childs_left_shift); }

.woof-sd-ie.woof-sd-ie-switcher .woof-sd-ie-count { user-select: none; display: var(--woof-sd-ie-sw_counter_show); flex-direction: row; justify-content: center; align-items: center; position: relative; right: var(--woof-sd-ie-sw_counter_right); top: var(--woof-sd-ie-sw_counter_top); border: var(--woof-sd-ie-sw_counter_border_width) var(--woof-sd-ie-sw_counter_border_style) var(--woof-sd-ie-sw_counter_border_color); border-radius: var(--woof-sd-ie-sw_counter_border_radius); min-width: var(--woof-sd-ie-sw_counter_width); min-height: var(--woof-sd-ie-sw_counter_height); padding-left: var(--woof-sd-ie-sw_counter_side_padding); padding-right: var(--woof-sd-ie-sw_counter_side_padding); font-size: var(--woof-sd-ie-sw_counter_font_size); font-weight: var(--woof-sd-ie-sw_counter_font_weight); font-family: var(--woof-sd-ie-sw_counter_font_family); color: var(--woof-sd-ie-sw_counter_color); line-height: 0; background-color: var(--woof-sd-ie-sw_counter_bg_color); background-image: var(--woof-sd-ie-sw_counter_bg_image); background-size: cover; box-sizing: content-box !important; }