.is-fadeout,.contextual-layer {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.3s,opacity 0.3s;
}

.is-fadein,.contextual-layer.is-active {
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    z-index: 9999;
}

.c-contextual-layer {
    display: inline-block;
}

.contextual-layer {
    position: absolute;
    left: 0;
    z-index: 3;
}

.contextual-layer.simple {
    position: absolute;
    background-color: rgba(0,0,0,0.8);
    color: #fff;
    padding: 10px;
    border-radius: 5px;
}

.contextual-layer__content {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    border-radius: 7px;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2);
    padding: 7px 11px;
    color: var(--primary-text);
    background: var(--surface-background);
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.02em;
}

.contextual-layer__content.blue {
    background: #0D72FF;
}

.contextual-layer__content .contextual-layer__arrow {
    border-bottom-right-radius: 100%;
    box-shadow: none;
}

.contextual-layer__close {
    position: absolute;
    top: -6px;
    right: -6px;
    padding: 0 10px;
    font-size: 2rem;
}

.contextual-layer__arrow {
    position: absolute;
    top: -7px;
    left: 14px;
    display: block;
    width: 14px;
    height: 14px;
    background: #0D72FF;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2);
    transform: rotate(45deg);
}


.selectbox{
  overflow:hidden;
}

.select-item {
  /*width: var(--grid1) !important;*/
  /*height: var(--grid2) !important;*/
  position: absolute !important;
  top: var(--grid1) !important;
  z-index: 5 !important;
}
.select{
  position:absolute;
  z-index:777;
  top:0px;
  left:0px;
  min-width:140px;
  /*height:auto;*/
  /*min-height:180px;*/
  /*background:white;*/
  display:none;
}
.select.is-active{
  display:block;
}
.select ul{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  margin:0;
  padding:0 0 26px 0;
}
.select ul li{
width:100%; 
  display:flex;
flex-wrap:wrap;
}