/* NKTS Custom HTML Asset Library - Frontend */
.nkts-asset-img {
    max-width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}

.nkts-svg-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    min-width: 1em;
    min-height: 1em;
    line-height: 1;
    vertical-align: -0.125em;
    color: currentColor;
    box-sizing: content-box;
}

.nkts-svg-icon svg {
    display: block !important;
    width: 1em !important;
    height: 1em !important;
    min-width: 1em;
    min-height: 1em;
    fill: none;
    stroke: currentColor;
    overflow: visible;
}

/* 既存カード用。丸背景の中央にアイコンを安定表示 */
.hn-illustration .nkts-svg-icon,
.hn-illustration i.nkts-svg-icon {
    font-size: 65px;
    color: inherit;
}

/* テーマ側で i, svg に display:none 等が入っていても上書きする */
.nkts-svg-icon,
.nkts-svg-icon * {
    visibility: visible !important;
    opacity: 1 !important;
}