﻿:root
{
    --woof-sd-ie-rad_width: 25px;
    --woof-sd-ie-rad_height: 25px;
    --woof-sd-ie-rad_space: 1px;
    --woof-sd-ie-rad_space_color: #fff;
    --woof-sd-ie-rad_text_top: 0;
    --woof-sd-ie-rad_text_color: #6d6d6d;
    --woof-sd-ie-rad_hover_text_color: #333;
    --woof-sd-ie-rad_selected_text_color: #000;
    --woof-sd-ie-rad_font_size: 14px;
    --woof-sd-ie-rad_font_family: inherit;
    --woof-sd-ie-rad_font_weight: 400;
    --woof-sd-ie-rad_hover_font_weight: 400;
    --woof-sd-ie-rad_selected_font_weight: 400;
    --woof-sd-ie-rad_line_height: 18px;
    --woof-sd-ie-rad_color: #fff;
    --woof-sd-ie-rad_hover_color: #79b8ff;
    --woof-sd-ie-rad_selected_color: #79b8ff;
    --woof-sd-ie-rad_image: url();
    --woof-sd-ie-rad_selected_image: url();
    --woof-sd-ie-rad_hover_image: url();
    --woof-sd-ie-rad_hover_scale: 100;
    --woof-sd-ie-rad_selected_scale: 100;
    --woof-sd-ie-rad_border_radius: 50%;
    --woof-sd-ie-rad_border_width: 1px;
    --woof-sd-ie-rad_hover_border_width: 1px;
    --woof-sd-ie-rad_selected_border_width: 1px;
    --woof-sd-ie-rad_border_color: #79b8ff;
    --woof-sd-ie-rad_hover_border_color: #79b8ff;
    --woof-sd-ie-rad_selected_border_color: #79b8ff;
    --woof-sd-ie-rad_border_style: solid;
    --woof-sd-ie-rad_hover_border_style: solid;
    --woof-sd-ie-rad_selected_border_style: solid;
    --woof-sd-ie-rad_margin_right: 9px;
    --woof-sd-ie-rad_margin_bottom: 11px;
    --woof-sd-ie-rad_childs_left_shift: 19px;
    --woof-sd-ie-rad_transition: 300s;
    --woof-sd-ie-rad_counter_show: inline-flex;
    --woof-sd-ie-rad_counter_width: 14px;
    --woof-sd-ie-rad_counter_height: 14px;
    --woof-sd-ie-rad_counter_side_padding: 0;
    --woof-sd-ie-rad_counter_top: -2px;
    --woof-sd-ie-rad_counter_right: 0;
    --woof-sd-ie-rad_counter_font_size: 9px;
    --woof-sd-ie-rad_counter_font_family: consolas;
    --woof-sd-ie-rad_counter_font_weight: 500;
    --woof-sd-ie-rad_counter_color: #477bff;
    --woof-sd-ie-rad_counter_bg_color: #fff;
    --woof-sd-ie-rad_counter_bg_image: url();
    --woof-sd-ie-rad_counter_border_width: 1px;
    --woof-sd-ie-rad_counter_border_radius: 50%;
    --woof-sd-ie-rad_counter_border_color: #477bff;
    --woof-sd-ie-rad_counter_border_style: solid;
}
.woof-sd-ie.woof-sd-ie-radio
{
    position: relative;
    display: flex;
    border-radius: var(--woof-sd-ie-rad_border_radius)!important;
    width: 100%;
    max-width: var(--woof-sd-ie-rad_width)!important;
    min-width: fit-content;
    margin-right: var(--woof-sd-ie-rad_margin_right)!important;
    margin-bottom: var(--woof-sd-ie-rad_margin_bottom)!important;
    transition: all calc(var(--woof-sd-ie-rad_transition) / 1000);
}
.woof-sd-ie.woof-sd-ie-radio:has(input[type="radio"]:checked)
{
    border-color: var(--woof-sd-ie-rad_hover_color)!important;
}
.woof-sd-ie.woof-sd-ie-radio>input
{
    display: none;
}
.woof-sd-ie.woof-sd-ie-radio>label
{
    position: relative;
    display: flex!important;
    flex-direction: row!important;
    line-height: 0!important;
    box-sizing: border-box!important;
    user-select: none!important;
    width: 100%;
    height: var(--woof-sd-ie-rad_height)!important;
    background-color: var(--woof-sd-ie-rad_space_color)!important;
    margin: 0 0 0 0!important;
    padding: var(--woof-sd-ie-rad_space)!important;
    border: var(--woof-sd-ie-rad_border_width) var(--woof-sd-ie-rad_border_style) var(--woof-sd-ie-rad_border_color)!important;
    border-radius: var(--woof-sd-ie-rad_border_radius)!important;
    transition: all calc(var(--woof-sd-ie-rad_transition) / 1000);
}
.woof_list_radio_sd_0 .woof-sd-ie.woof-sd-ie-radio>label
{
    width: auto;
    min-width: var(--woof-sd-ie-rad_width)!important;
}
.woof-sd-ie.woof-sd-ie-radio>label:hover
{
    border-color: var(--woof-sd-ie-rad_hover_border_color)!important;
    border-style: var(--woof-sd-ie-rad_hover_border_style)!important;
    border-width: var(--woof-sd-ie-rad_hover_border_width)!important;
    scale: calc(var(--woof-sd-ie-rad_hover_scale) / 100);
}
.woof-sd-ie.woof-sd-ie-radio:has(input:checked)>label
{
    border-color: var(--woof-sd-ie-rad_selected_border_color)!important;
    border-style: var(--woof-sd-ie-rad_selected_border_style)!important;
    border-width: var(--woof-sd-ie-rad_selected_border_width)!important;
    scale: calc(var(--woof-sd-ie-rad_selected_scale) / 100)!important;
}
.woof-sd-ie.woof-sd-ie-radio>label:hover>span
{
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    border-color: var(--woof-sd-ie-rad_hover_color)!important;
    transition-property: border,background-color,color,transform;
    transition-duration: calc(var(--woof-sd-ie-rad_transition) / 1000);
    transition-timing-function: ease-out;
}
.woof-sd-ie.woof-sd-ie-radio>label:hover span, .woof-sd-ie.woof-sd-ie-radio>label+.woof-sd-ie-title:hover
{
    color: var(--woof-sd-ie-rad_hover_text_color)!important;
    font-weight: var(--woof-sd-ie-rad_hover_font_weight);
}
.woof-sd-ie.woof-sd-ie-radio:has(input:checked)>label+.woof-sd-ie-title
{
    color: var(--woof-sd-ie-rad_selected_text_color)!important;
    font-weight: var(--woof-sd-ie-rad_selected_font_weight);
}
.woof-sd-ie.woof-sd-ie-radio>label>span
{
    background-size: cover;
}
.woof-sd-ie.woof-sd-ie-radio label:hover>span, .woof-sd-ie.woof-sd-ie-radio:has(.woof-sd-ie-title:hover)>label>span
{
    background-color: var(--woof-sd-ie-rad_hover_color)!important;
    background-image: var(--woof-sd-ie-rad_hover_image);
}
.woof-sd-ie.woof-sd-ie-radio:has(.woof-sd-ie-title:hover)>label
{
    scale: calc(var(--woof-sd-ie-rad_hover_scale) / 100);
}
div.woof-sd-ie.woof-sd-ie-radio>input:checked+label>span
{
    background-color: var(--woof-sd-ie-rad_selected_color)!important;
    background-image: var(--woof-sd-ie-rad_selected_image)!important;
}
.woof-sd-ie.woof-sd-ie-radio:has(label:hover>span)
{
    border-color: var(--woof-sd-ie-rad_hover_color);
}
.woof-sd-ie.woof-sd-ie-radio .woof-sd-ie-count
{
    user-select: none;
    display: var(--woof-sd-ie-rad_counter_show);
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
    right: var(--woof-sd-ie-rad_counter_right);
    top: var(--woof-sd-ie-rad_counter_top);
    border: var(--woof-sd-ie-rad_counter_border_width) var(--woof-sd-ie-rad_counter_border_style) var(--woof-sd-ie-rad_counter_border_color);
    border-radius: var(--woof-sd-ie-rad_counter_border_radius);
    min-width: var(--woof-sd-ie-rad_counter_width);
    min-height: var(--woof-sd-ie-rad_counter_height);
    padding-left: var(--woof-sd-ie-rad_counter_side_padding);
    padding-right: var(--woof-sd-ie-rad_counter_side_padding);
    font-size: var(--woof-sd-ie-rad_counter_font_size);
    font-weight: var(--woof-sd-ie-rad_counter_font_weight);
    font-family: var(--woof-sd-ie-rad_counter_font_family);
    color: var(--woof-sd-ie-rad_counter_color);
    line-height: 0;
    background-color: var(--woof-sd-ie-rad_counter_bg_color);
    background-image: var(--woof-sd-ie-rad_counter_bg_image);
    background-size: cover;
    box-sizing: content-box;
}
.woof-sd-ie.woof-sd-ie-radio .woof-sd-ie-count:empty
{
    display: none;
}
.woof-sd-ie.woof-sd-ie-radio:hover>label
{
    cursor: pointer;
}
.woof-sd-ie.woof-sd-ie-radio>label>span
{
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex: 0 0 100%;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    border-radius: var(--woof-sd-ie-rad_border_radius);
    font-size: var(--woof-sd-ie-rad_font_size);
    color: var(--woof-sd-ie-rad_text_color);
    background-color: var(--woof-sd-ie-rad_color);
    background-image: var(--woof-sd-ie-rad_image);
}
.woof-sd-ie.woof-sd-ie-radio>label>span
{
    border-radius: var(--woof-sd-ie-rad_border_radius);
}
.woof-sd-ie.woof-sd-ie-radio>label>span>span
{
    display: inline-block;
    align-self: center;
    padding: 0;
    font-family: var(--woof-sd-ie-rad_font_family);
    font-weight: var(--woof-sd-ie-rad_font_weight);
    color: var(--woof-sd-ie-rad_text_color);
    transition: all calc(var(--woof-sd-ie-rad_transition) / 1000);
}
.woof-sd-ie.woof-sd-ie-radio>input:not(:checked)+label:hover>span>span
{
    font-weight: var(--woof-sd-ie-rad_hover_font_weight)!important;
}
.woof-sd-ie.woof-sd-ie-radio>input:checked+label>span>span
{
    color: var(--woof-sd-ie-rad_selected_text_color)!important;
    font-weight: var(--woof-sd-ie-rad_selected_font_weight);
}
.woof-sd-ie.woof-sd-ie-radio .woof-sd-ie-title
{
    position: relative;
    top: var(--woof-sd-ie-rad_text_top);
    align-self: center;
    cursor: pointer;
    font-weight: var(--woof-sd-ie-rad_font_weight);
    font-family: var(--woof-sd-ie-rad_font_family);
    font-size: var(--woof-sd-ie-rad_font_size);
    color: var(--woof-sd-ie-rad_text_color);
    line-height: var(--woof-sd-ie-rad_line_height);
    margin-left: var(--woof-sd-ie-rad_margin_right);
}
.woof-sd-ie-radio+.woof-sd-ie-childs
{
    padding-left: var(--woof-sd-ie-rad_childs_left_shift);
}
.woof_list_radio_sd_1 .woof-sd-ie-count
{
    position: absolute!important;
}
.woof_list_radio_sd_1 .woof-sd-ie.woof-sd-ie-radio
{
    display: inline-flex;
}