.components-custom-select-control {
 color:#555d66;
 position:relative
}
.components-custom-select-control__label {
 display:block;
 margin-bottom:5px
}
.components-custom-select-control__button {
 border:1px solid #7e8993;
 border-radius:4px;
 color:#555d66;
 display:inline;
 min-height:30px;
 min-width:130px;
 position:relative;
 text-align:left
}
.components-custom-select-control__button:focus {
 border-color:#00a0d2
}
.components-custom-select-control__button-icon {
 height:100%;
 padding:0 4px;
 position:absolute;
 right:0;
 top:0
}
.components-custom-select-control__menu {
 background:#fff;
 padding:0;
 position:absolute;
 width:100%;
 z-index:1000000
}
.components-custom-select-control__item {
 align-items:center;
 display:flex;
 list-style-type:none;
 padding:10px 5px 10px 25px
}
.components-custom-select-control__item.is-highlighted {
 background:#e2e4e7
}
.components-custom-select-control__item-icon {
 margin-left:-20px;
 margin-right:0
}
.components-spinner {
 display:inline-block;
 background-color:#7e8993;
 width:18px;
 height:18px;
 opacity:.7;
 float:right;
 margin:5px 11px 0;
 border-radius:100%;
 position:relative
}
.components-spinner:before {
 content:"";
 position:absolute;
 background-color:#fff;
 top:3px;
 left:3px;
 width:4px;
 height:4px;
 border-radius:100%;
 transform-origin:6px 6px;
 -webkit-animation:components-spinner__animation 1s linear infinite;
 animation:components-spinner__animation 1s linear infinite
}
@-webkit-keyframes components-spinner__animation {
 0% {
  transform:rotate(0deg)
 }
 to {
  transform:rotate(1turn)
 }
}
@keyframes components-spinner__animation {
 0% {
  transform:rotate(0deg)
 }
 to {
  transform:rotate(1turn)
 }
}
.components-snackbar {
 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
 font-size:13px;
 background-color:#32373c;
 border-radius:4px;
 box-shadow:0 2px 4px rgba(0,0,0,.3);
 color:#fff;
 padding:16px 24px;
 width:100%;
 max-width:600px;
 box-sizing:border-box;
 cursor:pointer
}
@media(min-width:600px) {
 .components-snackbar {
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content
 }
}
.components-snackbar:hover {
 background-color:#191e23
}
.components-snackbar:focus {
 background-color:#191e23;
 box-shadow:0 0 0 1px #fff,0 0 0 3px #007cba
}
.components-snackbar__action.components-button {
 margin-left:32px;
 color:#fff;
 height:auto;
 flex-shrink:0;
 line-height:1.4;
 padding:0
}
.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-default) {
 text-decoration:underline;
 background-color:transparent
}
.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-default):focus {
 color:#fff;
 box-shadow:none;
 outline:1px dotted #fff
}
.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-default):hover {
 color:#33b3db
}
.components-snackbar__content {
 display:flex;
 align-items:baseline;
 justify-content:space-between;
 line-height:1.4
}
.components-snackbar-list {
 position:absolute;
 z-index:100000;
 width:100%;
 box-sizing:border-box
}
.components-snackbar-list__notice-container {
 position:relative;
 padding-top:8px
}