/*
The distribution page stylesheet
*/

.toggle + label svg,
.toggle:checked + label svg {
    transition: all .4s;
}
.toggle:checked + label svg {
    transform: rotate(90deg) !important;
}
/* Whan unchecked */
.toggle + label + div .l1 {
    transition-delay: .1s;
}
.toggle + label + div .l2 {
    transition-delay: .08s;
}
.toggle + label + div .l2 {
    transition-delay: .06s;
}
.toggle + label + div .l3 {
    transition-delay: .04s;
}
.toggle + label + div .l4 {
    transition-delay: .02s;
}
.toggle + label + div .l5 {
    transition-delay: 0s;
}
/* Whan checked */
.toggle:checked + .select_label + div li {
    opacity: 1;
}
/* Reverse effect when closing */
.toggle:checked + .select_label + svg {
    transform: rotate(90deg) !important;
}
.toggle:checked + label + div .l1 {
    transition-delay: 0s;
}
.toggle:checked + label + div .l2 {
    transition-delay: .02s;
}
.toggle:checked + label + div .l2 {
    transition-delay: .04s;
}
.toggle:checked + label + div .l3 {
    transition-delay: .06s;
}
.toggle:checked + label + div .l4 {
    transition-delay: .08s;
}
.toggle:checked + label + div .l5 {
    transition-delay: .1s;
}