.atcb
{
display: none;
}
.atcb_button_wrapper
{
display: inline-block;
padding: 5px;
position: relative;
}
.atcb_button
{
align-items: center;
background: #F5F5F5;
border: 1px solid #D2D2D2;
border-radius: 6px;
-webkit-box-shadow: 1px 2px 10px 0 rgba(0,0,0,.4);
box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.4);
color: #333;
cursor: pointer;
display: flex;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
margin: 0 4px 2px 4px;
max-width: 300px;
min-width: 150px;
padding: 10px 16px;
position: relative;
text-align: center;
touch-action:manipulation;
transform: translateZ(0);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
width: auto;
z-index: 1;
}
.atcb_button:focus, .atcb_button:hover
{
background: #FFF;
}
@media only screen and (max-width: 575px)
{
.atcb_button
{
font-size: 14px;
}
}
.atcb_button.atcb_active
{
background: #FFF;
/*-webkit-box-shadow: 1px 8px 12px 0 rgba(0,0,0,.5);*/
/*box-shadow: 1px 8px 12px 0 rgba(0, 0, 0, 0.5);*/
margin: 0;
padding: 10px 20px 12px 20px;
transform: perspective(100px) rotateX(12deg) translateZ(1px);
transition: margin 0.1s ease-out, padding 0.1s ease-out, transform 0.1s ease-out;
z-index: 160;
}
.atcb_icon
{
height: 16px;
display: inline-block;
margin-bottom: 4px;
margin-right: 10px;
}
.atcb_icon svg
{
height: 100%;
color: #333;
width: auto;
}
.atcb_list
{
box-sizing: border-box;
color: #333;
display: block;
/*font-family: Arial, Helvetica, sans-serif;*/
max-width: 100%;
padding: 0 4px;
position: absolute;
transform: translateZ(0);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
min-width: 10em;
z-index: 150;
}
.atcb_list.atcb_generated_button
{
/*animation: atcb_list_slide 0.4s ease 0.05s 1 normal forwards;*/
opacity: 0;
}
@keyframes atcb_list_slide
{
0%
{
opacity: 0;
transform: rotateX(-100deg);
transform-origin: top;
}
100%
{
opacity: 1;
transform: rotateX(0);
transform-origin: top;
}
}
.atcb_list.atcb_modal
{
position: fixed;
width: 16em;
left: 50%;
top: 50%;
transform: translateY(-50%) translateX(-50%);
}
.atcb_list_item
{
align-items: center;
background: #F5F5F5;
border: 1px solid #D2D2D2;
/*-webkit-box-shadow: 1px 2px 8px 0 rgba(0,0,0,.3);*/
/*box-shadow: 1px 2px 8px 0 rgba(0, 0, 0, 0.3);*/
box-sizing: border-box;
cursor: pointer;
display: flex;
font-size: 16px;
left: 50%;
margin-top: -1px;
position: relative;
padding: 13px 15px;
text-align: left;
transform: translate(-50%);
touch-action:manipulation;
-webkit-tap-highlight-color: transparent;
}
.atcb_list_item:focus, .atcb_list_item:hover
{
background: #FFF;
/*-webkit-box-shadow: 1px 2px 10px 0 rgba(0,0,0,.4);*/
/*box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.4);*/
color: #000;
}
@media only screen and (max-width: 575px)
{
.atcb_list_item
{
font-size: 14px;
}
}
.atcb_list.atcb_generated_button .atcb_list_item:first-child
{
padding-top: 20px;
}
.atcb_list:not(.atcb_generated_button) .atcb_list_item:first-child
{
border-radius: 6px 6px 0 0;
}
.atcb_list_item:last-child
{
border-radius: 0 0 6px 6px;
}
.atcb_list_item .atcb_icon
{
margin-right: 8px;
width: 18px;
height: 18px;
max-height: 18px !important;
}
.atcb_bgoverlay
{
animation: atcb_bgoverlay_animate 0.4s ease 0.2s 1 normal forwards;
background: rgba(20, 20, 20, 0.2);
bottom: 0;
-webkit-backdrop-filter: blur(2px);
backdrop-filter:blur(2px);
height: 150%;
left: 0;
opacity: 0;
position: fixed;
right: 0;
top: 0;
transform: translateZ(-10px);
width: 100%;
z-index: 120;
}
@keyframes atcb_bgoverlay_animate
{
0%
{
opacity: 0;
}
100%
{
opacity: 1;
}
}
.atcb_bgoverlay.atcb_click:hover
{
cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill-rule='evenodd' d='M11.991.69a2.35 2.35 0 0 1 3.318-.009c.918.911.922 2.392.009 3.307l-4.009 4.014 4.013 4.018c.906.909.893 2.38-.027 3.287a2.35 2.35 0 0 1-3.307-.004l-3.985-3.99-3.993 3.997a2.35 2.35 0 0 1-3.318.009c-.918-.911-.922-2.392-.009-3.307l4.009-4.014L.678 3.98C-.228 3.072-.215 1.6.706.693a2.35 2.35 0 0 1 3.307.004l3.985 3.99z'/%3E%3C/svg%3E") 32 32, pointer;
}
/*# sourceMappingURL=atcb.min.css.map */