/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/abi-icon/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
.abi-ico {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  text-decoration: none;
  height: auto !important;
}
.abi-ico .abi-ico-object {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  letter-spacing: 0;
}
.abi-ico .abi-ico-object .abi-img {
  width: 62.5%;
  height: 62.5%;
  -o-object-fit: contain;
     object-fit: contain;
  overflow: hidden;
}
.abi-ico .abi-ico-object .abi-img.is-style-abi-mask {
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background: currentColor;
}
.abi-ico .abi-ico-object .abi-txt {
  line-height: 1;
}
.abi-ico .abi-ico-object .abi-txt[data-text] {
  white-space: pre;
}
.abi-ico .abi-ico-object .abi-iconfont {
  line-height: 1;
}
.abi-ico .abi-ico-label {
  line-height: var(--wp--custom--typography--line-height--lh-medium);
}
.abi-ico:not(.is-style-circle-line):not(.is-style-circle-large):not(.is-style-square):not(.is-style-inline), .abi-ico.is-style-default {
  justify-content: flex-start;
  background-color: unset !important;
}
.abi-ico:not(.is-style-circle-line):not(.is-style-circle-large):not(.is-style-square):not(.is-style-inline) .abi-ico-object, .abi-ico.is-style-default .abi-ico-object {
  width: 1.5625em;
  height: 1.5625em;
  font-size: 2em;
  border-radius: 50%;
}
.abi-ico.is-style-circle-line {
  justify-content: flex-start;
  background-color: unset !important;
}
.abi-ico.is-style-circle-line .abi-ico-object {
  width: 4.5em;
  height: 4.5em;
  border: 1px solid;
  border-radius: 50%;
}
.abi-ico.is-style-circle-large {
  justify-content: center;
  width: 6.7857142857em;
  height: 6.7857142857em;
  aspect-ratio: 1;
  font-size: 0.875em;
  border-radius: 50%;
}
.abi-ico.is-style-circle-large .abi-ico-object {
  width: 3em;
  height: 3em;
}
.abi-ico.is-style-circle-large .abi-ico-object .abi-iconfont {
  font-size: 1.4285714286em;
}
.abi-ico.is-style-circle-large .abi-ico-label {
  letter-spacing: normal;
}
.abi-ico.is-style-square {
  justify-content: center;
  aspect-ratio: 1;
  font-size: var(--wp--preset--font-size--small);
  border: 1px solid currentColor;
}
@media only screen and (min-width: 768px) {
  .abi-ico.is-style-square {
    min-width: 5em;
    min-height: 5em;
  }
}
@media only screen and (max-width: 767px) {
  .abi-ico.is-style-square {
    min-width: 4.65em;
    min-height: 4.65em;
  }
}
.abi-ico.is-style-square .abi-ico-object .abi-img {
  width: 1em;
  height: 1em;
  font-size: 1.4285714286em;
}
.abi-ico.is-style-square .abi-ico-object .abi-iconfont {
  font-size: 1.4285714286em;
}
.abi-ico.is-style-square .abi-ico-label {
  line-height: 1.1666666667;
  letter-spacing: normal;
}
.abi-ico.is-style-inline .abi-ico-object {
  font-size: 1em;
}
.abi-ico.is-style-inline .abi-ico-object .abi-img {
  width: 1em;
  height: 1em;
}
.abi-ico.is-style-inline .abi-ico-label {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .abi-ico.is-style-abi-sp-hide {
    display: none;
  }
}

/*# sourceMappingURL=style-index.css.map*/