/* The same Heroicons Outline 24 SVGs and mask rendering as client/icons.js. */
.site-icon{display:inline-block;width:20px;height:20px;flex-shrink:0;background:currentColor;mask:var(--icon-url) no-repeat center/contain;-webkit-mask:var(--icon-url) no-repeat center/contain;vertical-align:middle}
.site-icon-right{transform:rotate(180deg)}
.site-icon-down{transform:rotate(-90deg)}
.feature-icon .site-icon{width:24px;height:24px}
.feature-strip>.wrap>span{display:flex;align-items:center}
.feature-strip b{display:inline-flex}
.preview-sidebar .site-icon{width:19px;height:19px}
.preview-action{display:inline-flex;align-items:center;gap:5px}
.preview-action .site-icon{width:12px;height:12px}
.nav-download .site-icon{width:17px;height:17px}
.price-card li{display:flex;align-items:flex-start}
.price-card li::before{content:'';display:inline-block;width:18px;height:18px;flex-shrink:0;background:currentColor;color:#147a56;mask:url('/client/icons/shield-check.svg') no-repeat center/contain;-webkit-mask:url('/client/icons/shield-check.svg') no-repeat center/contain;margin-right:9px}
.featured li::before{color:var(--mint)}