.cf-cc__head{text-align:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.cf-cc__eyebrow{margin:0;color:#0a6dc0;font-size:.9375rem;font-weight:600}.cf-cc__heading{margin:0;color:#121212;font-weight:600;font-size:clamp(1.9rem,1.2rem + 2.6vw,3rem);line-height:1.12;letter-spacing:-.02em}.cf-cc__subtext{margin:0;color:#3f4550;font-size:1.1875rem;line-height:1.6}.cf-cc__row{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:stretch}@media screen and (min-width:990px){.cf-cc__row{grid-template-columns:1fr 1fr}}.cf-cc__diagram{position:relative;background:#fff;border-radius:24px;padding:2.5rem;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto 1fr auto;align-items:center;justify-items:center;gap:1.25rem;min-height:420px}@media screen and (min-width:990px){.cf-cc__diagram{min-height:560px}}.cf-cc__device{grid-column:2;grid-row:2;position:relative;z-index:1}.cf-cc__device-img{width:min(300px,46vw);height:auto;display:block}.cf-cc__conn{position:relative;max-width:190px;display:flex;flex-direction:column;gap:2px}.cf-cc__conn b{color:#121212;font-size:1.0625rem;font-weight:600;line-height:1.3}.cf-cc__conn span{color:#3f4550;font-size:.875rem;line-height:1.4}.cf-cc__conn--top{grid-column:2;grid-row:1;align-items:center;text-align:center}.cf-cc__conn--bottom{grid-column:2;grid-row:3;align-items:center;text-align:center}.cf-cc__conn--left{grid-column:1;grid-row:2;align-items:flex-start;text-align:left}.cf-cc__conn--right{grid-column:3;grid-row:2;align-items:flex-end;text-align:right}.cf-cc__conn--left,.cf-cc__conn--right{max-width:150px}.cf-cc__tip{position:absolute;width:8px;height:8px;border-radius:50%;background:#0a72c8;z-index:2}.cf-cc__tip:after{content:"";position:absolute}.cf-cc__tip--top{top:14%;left:50%;transform:translate(-50%,-50%)}.cf-cc__tip--bottom{top:80%;left:50%;transform:translate(-50%,-50%)}.cf-cc__tip--left{left:20%;top:50%;transform:translate(-50%,-50%)}.cf-cc__tip--right{left:80%;top:50%;transform:translate(-50%,-50%)}.cf-cc__tip--top:after{left:50%;bottom:100%;margin-bottom:4px;width:2px;height:60px;transform:translate(-50%);background:repeating-linear-gradient(to top,#0a72c8 0 6px,transparent 6px 13px)}.cf-cc__tip--bottom:after{left:50%;top:100%;margin-top:4px;width:2px;height:60px;transform:translate(-50%);background:repeating-linear-gradient(to bottom,#0a72c8 0 6px,transparent 6px 13px)}.cf-cc__tip--left:after{top:50%;right:100%;margin-right:4px;width:84px;height:2px;transform:translateY(-50%);background:repeating-linear-gradient(to left,#0a72c8 0 6px,transparent 6px 13px)}.cf-cc__tip--right:after{top:50%;left:100%;margin-left:4px;width:84px;height:2px;transform:translateY(-50%);background:repeating-linear-gradient(to right,#0a72c8 0 6px,transparent 6px 13px)}.cf-cc__works{background:#fff;border-radius:24px;padding:2rem 2.25rem 1.75rem;display:flex;flex-direction:column}.cf-cc__works-h{margin:0 0 .5rem;color:#121212;font-size:1.5rem;font-weight:600;letter-spacing:-.02em}.cf-cc__drow{display:flex;align-items:center;gap:1rem;padding:1.125rem 0;border-top:1px solid #e2e5ea}.cf-cc__drow:first-of-type{border-top:0}.cf-cc__drow-ic{flex:0 0 auto;width:48px;height:48px;border-radius:10px;background:#eaf6ff;display:flex;align-items:center;justify-content:center}.cf-cc__drow-ic img{width:26px;height:26px;object-fit:contain}.cf-cc__drow-main{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:2px}.cf-cc__drow-main b{color:#121212;font-size:1.125rem;font-weight:600}.cf-cc__drow-main span{color:#6b717c;font-size:.9375rem}.cf-cc__drow-tag{flex:0 0 auto;color:#0a72c8;font-size:.9375rem;font-weight:500;text-align:right}.cf-cc__approw{margin-top:1rem;background:#f4f5f7;border-radius:16px;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;flex-wrap:wrap}.cf-cc__approw-txt{display:flex;flex-direction:column;gap:2px;min-width:0}.cf-cc__approw-txt b{color:#121212;font-size:1.1875rem;font-weight:600}.cf-cc__approw-txt span{color:#3f4550;font-size:.9375rem}.cf-cc__badges{display:flex;gap:1rem;flex-wrap:wrap}.cf-cc__badge{display:flex;flex-direction:column;align-items:center;gap:.375rem;text-decoration:none}.cf-cc__badge-tile{display:inline-flex}.cf-cc__badge img{width:52px;height:52px;object-fit:contain}.cf-cc__badge span{color:#0a72c8;font-size:.875rem;font-weight:500}@media screen and (max-width:989px){.cf-cc.page-width{padding-left:16px;padding-right:16px}.cf-cc__row{gap:16px}.cf-cc__head{text-align:left;margin-bottom:0;gap:10px}.cf-cc__heading{font-size:22px;line-height:1.27;letter-spacing:-.02em;font-weight:700}.cf-cc__subtext{font-size:17px;line-height:1.53}.cf-cc__diagram{padding:24px 16px;min-height:410px;border-radius:20px;gap:1rem}.cf-cc__device-img{width:min(180px,48vw)}.cf-cc__conn{max-width:120px}.cf-cc__conn b{font-size:16px}.cf-cc__conn span{font-size:14px}.cf-cc__tip--top:after,.cf-cc__tip--bottom:after{height:26px}.cf-cc__tip--left:after,.cf-cc__tip--right:after{width:18px}.cf-cc__works{padding:22px 22px 20px;border-radius:20px}.cf-cc__works-h{font-size:20px}.cf-cc__drow{display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:2px;align-items:center;padding:14px 0}.cf-cc__drow-ic{grid-column:1;grid-row:1 / 3;align-self:center;width:40px;height:40px}.cf-cc__drow-ic img{width:22px;height:22px}.cf-cc__drow-main{grid-column:2;grid-row:1}.cf-cc__drow-main b{font-size:17px}.cf-cc__drow-main span{font-size:14px}.cf-cc__drow-tag{grid-column:2;grid-row:2;text-align:left;color:#121212;font-size:15px;font-weight:500}.cf-cc__approw{flex-direction:column;align-items:stretch;gap:14px;border-radius:20px;padding:16px;margin-top:14px}.cf-cc__approw-txt b{font-size:17px}.cf-cc__approw-txt span{font-size:14px}.cf-cc__badges{gap:8px;flex-wrap:nowrap;justify-content:space-between}.cf-cc__badge{flex:0 0 auto;min-width:0;gap:8px}.cf-cc__badge-tile{width:52px;height:52px;background:#fff;border:1px solid #e6e8ec;border-radius:12px;align-items:center;justify-content:center}.cf-cc__badge-tile img{width:28px;height:28px}.cf-cc__badge span{color:#121212;font-size:13px;white-space:nowrap}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-cf-compatibility.css.map */