@-webkit-keyframes iframeFadeIn-49f4b22a {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes iframeFadeIn-49f4b22a {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.cmp__customer-service[data-v-49f4b22a] {
  position: fixed;
  z-index: 10;
  border-radius: 50%;
  bottom: 6.4814814815vh;
  right: 1.0416666667vw;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.cmp__customer-service.is-show[data-v-49f4b22a] {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 768px) {
.cmp__customer-service[data-v-49f4b22a] {
    bottom: 70px;
    right: 8.5333333333vw;
}
}
.cmp__customer-service img[data-v-49f4b22a] {
  width: min(3.125vw, 60px);
  height: min(3.125vw, 60px);
  cursor: pointer;
}
@media screen and (max-width: 768px) {
.cmp__customer-service img[data-v-49f4b22a] {
    width: 43px;
    height: 43px;
}
}
.cmp__customer-service-iframe[data-v-49f4b22a] {
  position: fixed;
  bottom: 12.962962963vh;
  right: 0;
  width: clamp(380px, 22vw, 426px);
  aspect-ratio: 22/24;
  backdrop-filter: blur(24px);
  opacity: 0;
  -webkit-transition: opacity 0.3s cubic-bezier(0.48, 0.04, 0.52, 0.96);
  transition: opacity 0.3s cubic-bezier(0.48, 0.04, 0.52, 0.96);
  pointer-events: none;
}
@media screen and (max-width: 768px) {
.cmp__customer-service-iframe[data-v-49f4b22a] {
    bottom: 100px;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 100px);
    display: none;
    -webkit-animation: iframeFadeIn-49f4b22a 0.5s cubic-bezier(0.48, 0.04, 0.52, 0.96);
            animation: iframeFadeIn-49f4b22a 0.5s cubic-bezier(0.48, 0.04, 0.52, 0.96);
}
}
.cmp__customer-service-iframe.view[data-v-49f4b22a] {
  opacity: 1;
  pointer-events: auto;
}
@media screen and (max-width: 768px) {
.cmp__customer-service-iframe.view[data-v-49f4b22a] {
    display: block;
}
}
.cmp__customer-service-iframe iframe[data-v-49f4b22a] {
  height: 100%;
  width: 100%;
}