.wi-box,
.wi-dropdown-box {
width: 100%;
padding: 16px;
box-sizing: border-box;
background: #ffffff;
border-radius: var(--button-border-radius);
border-color: var(--dropdown-border-color);
border-style: solid;
border-width: var(--dropdown-border-width);
}
.wi-dropdown-box .wi-dropdown-title {
width: 100%;
height: var(--line-height);
line-height: var(--line-height);
font-size: var(--font-size);
transition: .3s;
color: var(--modal-tx);
cursor: pointer;
-webkit-touch-callout: none !important;
-webkit-user-select: none !important;
-khtml-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important; 
}
.wi-dropdown-box .wi-dropdown-title i {
position: relative;
float: right;
height: var(--line-height);
line-height: var(--line-height);
font-size: var(--font-size);
opacity: .7;
color: var(--modal-tx);
transition: .3s;
}
.wi-dropdown-box .wi-dropdown-title i:hover {
opacity: 1;
}

.wi-dropdown-box .wi-dropdown-content {
width: 100%;
max-height: 0px;
overflow: hidden;
transition: .3s;
}
.wi-dropdown-box.wi-show .wi-dropdown-title {
margin-bottom: 16px;
}
.wi-dropdown-box.wi-show .wi-dropdown-content {
max-height: 1000vh;
}

.wi-dropdown-btn .wi-dropdown-list {
position: absolute;
float: right;
right: 0;
top: 40px;
min-width: 200px;
max-height: 0;
border-radius: var(--button-border-radius);
padding: 0px 0px;
background: var(--dropdown-bg);
border-color: var(--dropdown-border-color);
border-style: solid;
border-top-width: 0px;
border-right-width: var(--dropdown-border-width);
border-bottom-width: 0px;
border-left-width: var(--dropdown-border-width);
overflow: hidden;
transition: .3s;
z-index: 101;
}
.wi-dropdown-btn.wi-show .wi-dropdown-list {
max-height: 100vh;
padding: 5px 0px;
border-top-width: var(--dropdown-border-width);
border-bottom-width: var(--dropdown-border-width);
overflow: visible;
}
.wi-dropdown-btn .wi-dropdown-list .wi-dropdown-item {
position: relative;
float: left;
width: calc(100% - 20px);
font-size: var(--font-size);
line-height: var(--line-height);
padding: 7.5px 10px;
text-decoration: none;
color: var(--dropdown-tx);
background: transparent;
transition: .3s;
}
.wi-dropdown-btn .wi-dropdown-list .wi-dropdown-item:hover {
background: var(--dropdown-bg-hover);
}
.wi-dropdown-btn .wi-dropdown-list .wi-dropdown-divider {
position: relative;
float: left;
width: 100%;
border-top: 1px solid var(--dropdown-border-color);
margin: 5px 0;
}