@-webkit-keyframes iframeFadeIn-6576d6e9 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes iframeFadeIn-6576d6e9 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.cmp__customer-service[data-v-6576d6e9] {
  position: fixed;
  z-index: 10;
  border-radius: 50%;
  bottom: 6.4814814815vh;
  right: 10px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.cmp__customer-service.is-show[data-v-6576d6e9] {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 768px) {
.cmp__customer-service[data-v-6576d6e9] {
    bottom: 40px;
    right: 10px;
}
}
.cmp__customer-service img[data-v-6576d6e9] {
  width: 3.125vw;
  height: 3.125vw;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
.cmp__customer-service img[data-v-6576d6e9] {
    width: 48px;
    height: 48px;
}
}
.cmp__customer-service-iframe[data-v-6576d6e9] {
  position: fixed;
  bottom: 140px;
  right: 0;
  height: 24vw;
  width: clamp(380px, 22vw, 426px);
  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-6576d6e9] {
    bottom: 100px;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 100px);
    display: none;
    -webkit-animation: iframeFadeIn-6576d6e9 0.5s cubic-bezier(0.48, 0.04, 0.52, 0.96);
            animation: iframeFadeIn-6576d6e9 0.5s cubic-bezier(0.48, 0.04, 0.52, 0.96);
}
}
.cmp__customer-service-iframe.view[data-v-6576d6e9] {
  opacity: 1;
  pointer-events: auto;
}
@media screen and (max-width: 768px) {
.cmp__customer-service-iframe.view[data-v-6576d6e9] {
    display: block;
}
}
.cmp__customer-service-iframe iframe[data-v-6576d6e9] {
  height: 100%;
  width: 100%;
}