.wc-listing
{
top: 0px;
left: 0px;
width: 100%;
padding: 0px;
margin-top: 3px;
margin-bottom: 10px;
}
.wc-listing-item
{
}
.wc-listing-item:hover
{
}
.wc-listing-bullets
{
overflow-x: hidden;
overflow-y: auto;
max-height: 100px;
float: left;
width: calc(100% - 8px);
}
.wc-listing-bullets-item
{
display: inline-flex;
font-size: 0.9em;
color: var(--bullet-text);
border-radius: 4px;
background-color: var(--bullet-background);
padding: 2px;
padding-left: 8px;
padding-right: 8px;
margin: 1px;
margin-right: 4px;
cursor: pointer;
position: relative;
}
.wc-listing-bullets-item_:hover
{
color: var(--bullet-text-hover);
background-image: url("/sites/teapo/images/icons/x.svg");
background-repeat:no-repeat;
background-position:center;
background-size: 15px 15px;
}
.wc-listing-bullets-item-x
{
position: absolute;
opacity: 0;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-image: url("/sites/teapo/images/icons/x.svg");
background-repeat:no-repeat;
background-position:center;
background-size: 12px 12px;
}
.wc-listing-bullets-item-x:hover
{
display: block;
background-color: var(--bullet-background-hover);
opacity: 0.7;
border-radius: 4px;
}
@media all and (max-width:455px)
{
.wc-listing-bullets-item
{
}
}