@charset "UTF-8";
.categories-list{
  display: flex;
  flex-wrap: wrap;
}
.category-btn.btn--active{
  background-color: var(--color-btn-primary-bg);
  color: var(--color-btn-primary-txt);
}
.uservoice-tag{
  margin-right: 8px;
  text-decoration: underline;
  text-underline-offset: .25em;
  display: inline-block;
  color: var(--color-link-txt);
  cursor: pointer;
}
@media (min-width: 768px) {

.category-btn{
  padding: 15px 20px !important;
  font-size: 1.6rem !important;
  line-height: 1.19 !important;
}
}
@media (max-width: 767px) {
.category-btn{
  padding: 12px 14px;
  font-size: 1.3rem;
  line-height: 1.23;
}
}
.categories-list > li{
  margin-top: 12px;
  margin-right: 12px;
}
.uservoice{
  position: relative;
  display: none;
  flex-wrap: wrap;
  background-color: var(--color-bg-neutral-0);
}
@media (min-width: 768px) {
.uservoice{
  min-height: 23.264vw;
}
}
@media (min-width: 1440px) {
.uservoice{
  min-height: 335px;
}
}
.uservoice.js-current{
  opacity: 1;
  display: flex;
}
.uservoice.js-anm-start{
  animation: appearUservoice var(--transitions-base-time) ease-in;
}
@keyframes appearUservoice {
  0% {
    transform: translateY(10px);  
    opacity: 0
  }
  70%{
    opacity: .7;
    transform: translateY(0);  
  }
  100%{
    opacity: 1;
    transform: translateY(0);  
  }
  
}
@media (min-width: 768px) {
.uservoice-icon {
  width:5.556vw
}
}
@media (min-width: 1440px) {
.uservoice-icon {
  width: 80px;
}
}
@media (max-width: 767px) {
.uservoice-icon {
  /* width: 60px; */
  width: 15.385vw;
}
}
.uservoice-txt {
  flex: 1;
  font-size: 1.6rem;
  line-height: 1.75;
}

@media (min-width: 768px) {
.uservoice-txt {
  padding-bottom: 35px;
}
}
@media (max-width: 767px) {
.uservoice-txt {
  padding-bottom: 65px;
}
}
.uservoice > .uservoice-btn{
  position: absolute;
  width: 100%;
  bottom: 30px;
  right: 30px;
  text-align: right;
}
@media (min-width: 768px) {
.uservoice > .uservoice-btn{
  bottom: 2.0833vw;
  right: 2.0833vw;
}
}
@media (min-width: 1440px) {
.uservoice > .uservoice-btn{
  bottom: 30px;
  right: 30px;
}
}
@media (max-width: 767px) {
.uservoice > .uservoice-btn{
  bottom: 7.692vw;
  right: 7.692vw;
}
}