.cstm-service-box{display:block;background:rgba(var(--color-background));border:var(--inputs-border-width, 1px) solid rgba(var(--color-border));border-radius:var(--border-radius-base, .8rem);padding:2rem 2.4rem 2.4rem;color:rgba(var(--color-foreground))}.cstm-service-box-badges{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.6rem;margin-bottom:1.6rem}.cstm-service-box-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:1.3rem;font-weight:600;line-height:1.3;color:color-mix(in srgb,rgba(var(--color-foreground)),transparent 30%)}.cstm-service-box-badge-verified{color:rgba(var(--color-foreground))}.cstm-service-box-badge-verified svg{width:1.7rem;height:1.7rem;color:var(--color-success)}.cstm-service-box-photo{flex:0 0 auto;width:5.6rem;height:5.6rem;border-radius:1rem;object-fit:cover;margin-bottom:1.8rem}.cstm-service-box-intro-text{min-width:0;margin-bottom:1.8rem}.cstm-service-box--has-photo{display:grid;grid-template-columns:auto 1fr;column-gap:1.4rem;row-gap:1.8rem;align-items:center;grid-template-areas:"badges badges" "photo  intro" "channels channels"}.cstm-service-box--has-photo .cstm-service-box-badges,.cstm-service-box--has-photo .cstm-service-box-photo,.cstm-service-box--has-photo .cstm-service-box-intro-text{margin-bottom:0}.cstm-service-box--has-photo .cstm-service-box-badges{grid-area:badges}.cstm-service-box--has-photo .cstm-service-box-photo{grid-area:photo;align-self:center}.cstm-service-box--has-photo .cstm-service-box-intro-text{grid-area:intro;align-self:center}.cstm-service-box--has-photo .cstm-service-box-channels{grid-area:channels}.cstm-service-box-heading{margin:0 0 .3rem;font-size:1.7rem;font-weight:700;line-height:1.3}.cstm-service-box-subheading{margin:0;font-size:1.4rem;line-height:1.4;color:color-mix(in srgb,rgba(var(--color-foreground)),transparent 30%)}.cstm-service-box-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.cstm-service-box-channel{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem;padding:1.6rem 1.2rem;border-radius:var(--border-radius-base, .8rem);background:var(--cstm-sb-channel-bg, #f3f3f3);color:rgba(var(--color-foreground));text-decoration:none;transition:background .15s ease}.cstm-service-box-channel:hover{background:color-mix(in srgb,rgba(var(--color-foreground)),transparent 88%)}.cstm-service-box-channel-icon{display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;border-radius:1rem;background:rgba(var(--color-background));border:var(--inputs-border-width, 1px) solid color-mix(in srgb,rgba(var(--color-border)),transparent 40%);box-shadow:0 1px 2px color-mix(in srgb,rgba(var(--color-foreground)),transparent 92%);margin-bottom:.4rem}.cstm-service-box-channel-icon svg{width:2rem;height:2rem}.cstm-service-box-channel-status{display:inline-flex;align-items:center;gap:.4rem;font-size:calc(var(--font-body-scale) * 1.2rem);line-height:1;color:rgba(var(--color-foreground))}.cstm-service-box-channel-status:not([data-status-online]):before,.cstm-service-box.is-online .cstm-service-box-channel-status[data-status-online]:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-success);flex-shrink:0}.cstm-service-box-channel-title{font-size:1.5rem;font-weight:700;line-height:1.3}.cstm-service-box-channel-subtitle{font-size:1.3rem;line-height:1.3;color:color-mix(in srgb,rgba(var(--color-foreground)),transparent 40%)}@media screen and (max-width:749px){.cstm-service-box--has-photo{align-items:start;row-gap:1.4rem;grid-template-areas:"photo badges" "intro intro" "channels channels"}.cstm-service-box--has-photo .cstm-service-box-badges{align-self:center}.cstm-service-box-channels{grid-template-columns:1fr;gap:.8rem}.cstm-service-box-channel{display:grid;grid-template-columns:auto 1fr;column-gap:1.4rem;row-gap:.2rem;align-items:center;text-align:left;padding:1.2rem 1.4rem}.cstm-service-box-channel-icon{grid-column:1;grid-row:1 / span 3;align-self:center;margin-bottom:0}.cstm-service-box-channel-status,.cstm-service-box-channel-title,.cstm-service-box-channel-subtitle{grid-column:2;text-align:left}}
/*# sourceMappingURL=/cdn/shop/t/218/assets/cstm-product-service-box.css.map */