/* Labelled service features use a single Cloud Weave line-art language. */
.cw-semantic-icon-wrap{
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:var(--cw-icon-tile-size);
  height:var(--cw-icon-tile-size);
  flex:0 0 var(--cw-icon-tile-size);
  padding:7px;
  border:1px solid var(--cw-icon-rule)!important;
  border-radius:var(--cw-icon-tile-radius)!important;
  background:var(--cw-icon-surface)!important;
  color:var(--cw-icon-ink)!important;
  box-shadow:inset 0 1px 0 var(--cw-on-dark);
  vertical-align:middle;
  transition:background-color .22s ease,border-color .22s ease,transform .22s ease;
}
.cw-semantic-icon-wrap>.cw-semantic-icon,
.cw-semantic-icon:not(.cw-semantic-icon-wrap){
  display:block;
  width:100%!important;
  height:100%!important;
  max-width:60px;
  max-height:60px;
  flex:none;
  overflow:visible;
  color:var(--cw-icon-ink)!important;
  fill:none;
  stroke:currentColor;
}
/* Standalone feature badges share the same scale, overriding legacy utility sizes. */
body.cw-redesign .site-content .cw-semantic-icon-wrap--feature {
  width:var(--cw-icon-tile-size)!important;
  height:var(--cw-icon-tile-size)!important;
  min-width:var(--cw-icon-tile-size);
  flex:0 0 var(--cw-icon-tile-size);
  padding:7px!important;
  border-radius:var(--cw-icon-tile-radius)!important;
  background:var(--cw-icon-surface)!important;
}
@media(max-width:640px){
  body.cw-redesign .site-content .cw-semantic-icon-wrap--feature {
    width:var(--cw-icon-tile-size-phone)!important;
    height:var(--cw-icon-tile-size-phone)!important;
    min-width:var(--cw-icon-tile-size-phone);
    flex-basis:var(--cw-icon-tile-size-phone);
  }
}
/* Pale tiles retain their own ink when a dark section colours its other SVGs. */
body.cw-redesign .site-content .cw-semantic-icon-wrap>svg.cw-semantic-icon{color:var(--cw-icon-ink)!important}
/* The infrastructure row now contains a tile, not its former 28px stock mark. */
.cw-redesign .cw-product-web-hosting .cw-hosting-infrastructure-specs>.cw-semantic-item{grid-template-columns:58px minmax(0,1fr);gap:4px 14px}
.cw-redesign .cw-product-web-hosting .cw-hosting-infrastructure-specs>.cw-semantic-item>.cw-semantic-icon-wrap{grid-column:1;grid-row:1/3;width:58px;height:58px;flex-basis:58px;margin:0}
.cw-semantic-icon-group--compact .cw-semantic-icon-wrap{
  width:var(--cw-icon-tile-size-compact);
  height:var(--cw-icon-tile-size-compact);
  flex-basis:var(--cw-icon-tile-size-compact);
  padding:5px;
  border-radius:var(--cw-icon-tile-radius-compact)!important;
}
.cw-semantic-icon-group--compact .cw-semantic-icon{max-width:36px;max-height:36px}
.cw-semantic-icon-group .cw-semantic-item.flex-col.items-center :is(h3,h4,p){text-align:center!important}
/* Existing feature-row selectors size their former stock marks at only 28–44px. */
.cw-product :is(.cw-web-hosting-features,.cw-cloud-vps-features,.cw-nextcloud-home-features-overview) .card>.feature-icon.cw-semantic-icon-wrap{
  width:58px!important;height:58px!important;padding:5px!important;top:31px;
}
.cw-product :is(.cw-web-hosting-features,.cw-cloud-vps-features,.cw-nextcloud-home-features-overview) .card>.feature-icon.cw-semantic-icon-wrap>.cw-semantic-icon{
  width:var(--cw-icon-tile-size-compact)!important;height:var(--cw-icon-tile-size-compact)!important;max-width:var(--cw-icon-tile-size-compact);max-height:46px;
}
.cw-product :is(.cw-web-hosting-features,.cw-cloud-vps-features,.cw-nextcloud-home-features-overview) .card:has(>.feature-icon.cw-semantic-icon-wrap)>h3{padding-left:74px}
.cw-redesign .cw-product-web-hosting .cw-hosting-feature-grid>.card{grid-template-columns:62px minmax(0,1fr)!important}
.cw-redesign .cw-product-web-hosting .cw-hosting-feature-grid>.card>.feature-icon.cw-semantic-icon-wrap{
  position:static!important;width:58px!important;height:58px!important;grid-column:1;grid-row:1/4;
}
.cw-redesign .cw-product-web-hosting .cw-hosting-feature-grid>.card>h3{padding-left:0}
.cw-redesign .cw-services-redesign .cw-service-feature>.feature-icon.cw-semantic-icon-wrap{
  width:68px!important;height:68px!important;margin-bottom:12px!important;
}
.cw-redesign .cw-services-redesign .cw-service-feature>.feature-icon.cw-semantic-icon-wrap>.cw-semantic-icon{
  width:54px!important;height:54px!important;max-width:54px;max-height:54px;
}
.cw-blog-categories-tags .cw-semantic-item>.cw-semantic-icon-wrap{
  display:inline-flex!important;width:var(--cw-icon-tile-size)!important;height:var(--cw-icon-tile-size)!important;min-width:var(--cw-icon-tile-size)!important;max-width:var(--cw-icon-tile-size)!important;flex:0 0 var(--cw-icon-tile-size)!important;
}
.cw-blog-categories-tags .cw-semantic-item>.cw-semantic-icon-wrap>.cw-semantic-icon{
  width:56px!important;height:56px!important;max-width:56px;max-height:56px;
}
.cw-semantic-icon .cw-icon-accent{stroke:var(--cw-icon-accent)}
.cw-semantic-icon--brand{fill:currentColor!important;stroke:none!important}
.cw-semantic-icon .cw-icon-flow{stroke-dasharray:4 5}
.cw-semantic-item:hover .cw-semantic-icon-wrap,
.cw-semantic-item:focus-within .cw-semantic-icon-wrap,
.cw-semantic-icon-wrap:hover{
  background:var(--cw-icon-hover-surface)!important;
  border-color:var(--cw-icon-hover-rule)!important;
  transform:translateY(-2px);
}
.cw-semantic-item:focus-within .cw-semantic-icon-wrap{outline:var(--cw-focus-control-width) solid var(--cw-icon-ink);outline-offset:var(--cw-focus-control-offset)}
.cw-semantic-icon .cw-icon-pulse,
.cw-semantic-icon .cw-icon-slide,
.cw-semantic-icon .cw-icon-rise,
.cw-semantic-icon .cw-icon-swing{transform-box:fill-box;transform-origin:center}
html.cw-semantic-motion-enabled .cw-semantic-icon.is-visible .cw-icon-flow{animation:cw-semantic-flow 8s linear infinite}
html.cw-semantic-motion-enabled .cw-semantic-icon.is-visible .cw-icon-pulse{animation:cw-semantic-pulse 6s ease-in-out infinite}
html.cw-semantic-motion-enabled .cw-semantic-icon.is-visible .cw-icon-slide{animation:cw-semantic-slide 6.5s ease-in-out infinite}
html.cw-semantic-motion-enabled .cw-semantic-icon.is-visible .cw-icon-rise{animation:cw-semantic-rise 7s ease-in-out infinite}
html.cw-semantic-motion-enabled .cw-semantic-icon.is-visible .cw-icon-swing{animation:cw-semantic-swing 7s ease-in-out infinite}
.cw-semantic-icon-group .cw-semantic-item:nth-child(3n + 2) .cw-semantic-icon :is(.cw-icon-pulse,.cw-icon-slide,.cw-icon-rise,.cw-icon-swing){animation-delay:-2s!important}
.cw-semantic-icon-group .cw-semantic-item:nth-child(3n + 3) .cw-semantic-icon :is(.cw-icon-pulse,.cw-icon-slide,.cw-icon-rise,.cw-icon-swing){animation-delay:-4s!important}
@keyframes cw-semantic-flow{to{stroke-dashoffset:-54}}
@keyframes cw-semantic-pulse{0%,72%,100%{opacity:1;transform:scale(1)}82%{opacity:.72;transform:scale(1.12)}}
@keyframes cw-semantic-slide{0%,28%,72%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
@keyframes cw-semantic-rise{0%,28%,72%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes cw-semantic-swing{0%,28%,72%,100%{transform:rotate(0)}50%{transform:rotate(8deg)}}
@media(max-width:600px){
  .cw-semantic-icon-wrap{width:var(--cw-icon-tile-size-phone);height:var(--cw-icon-tile-size-phone);flex-basis:var(--cw-icon-tile-size-phone)}
  .cw-semantic-icon-wrap>.cw-semantic-icon{max-width:50px;max-height:50px}
  .cw-semantic-icon-group--compact .cw-semantic-icon-wrap{width:var(--cw-icon-tile-size-compact-phone);height:var(--cw-icon-tile-size-compact-phone);flex-basis:var(--cw-icon-tile-size-compact-phone)}
  .cw-semantic-icon-group--compact .cw-semantic-icon{max-width:32px;max-height:32px}
  .cw-blog-categories-tags .cw-semantic-item>.cw-semantic-icon-wrap{width:var(--cw-icon-tile-size-phone)!important;height:var(--cw-icon-tile-size-phone)!important;min-width:var(--cw-icon-tile-size-phone)!important;max-width:var(--cw-icon-tile-size-phone)!important;flex-basis:var(--cw-icon-tile-size-phone)!important}
  .cw-blog-categories-tags .cw-semantic-item>.cw-semantic-icon-wrap>.cw-semantic-icon{width:48px!important;height:48px!important;max-width:48px;max-height:48px}
  .cw-wordpress-hosting-performance-showcase summary h2{min-width:0;overflow-wrap:anywhere;hyphens:auto}
}
@media(prefers-reduced-motion:reduce){
  .cw-semantic-icon-wrap{transition:none;transform:none!important}
  .cw-semantic-icon :is(.cw-icon-flow,.cw-icon-pulse,.cw-icon-slide,.cw-icon-rise,.cw-icon-swing){animation:none!important}
}
@media(forced-colors:active){
  body.cw-redesign .site-content .cw-semantic-icon-wrap>svg.cw-semantic-icon{color:CanvasText!important}
  .cw-semantic-icon-wrap{background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important;box-shadow:none}
  .cw-semantic-icon,.cw-semantic-icon .cw-icon-accent{color:CanvasText!important;stroke:CanvasText!important}
  .cw-semantic-icon :is(.cw-icon-flow,.cw-icon-pulse,.cw-icon-slide,.cw-icon-rise,.cw-icon-swing){animation:none!important}
}
@media print{
  .cw-semantic-icon-wrap{background:transparent!important;box-shadow:none!important;transform:none!important}
  .cw-semantic-icon :is(.cw-icon-flow,.cw-icon-pulse,.cw-icon-slide,.cw-icon-rise,.cw-icon-swing){animation:none!important}
}

/* Translated developer copy can shrink beside its fixed-size icon. */
.cw-product-web-hosting .cw-hosting-developer-detail .cw-semantic-item>div{min-width:0;overflow-wrap:anywhere}