.desk-frames{--df-text: rgb(var(--color-base-text));--df-muted: rgba(var(--color-base-text), .72);--df-accent: var(--tertiary_btn_bg_color);--df-dark: rgb(var(--color-base-accent-1));--df-surface: rgba(var(--color-base-text), .04);--df-border: rgba(var(--color-base-text), .12);--df-white: rgb(var(--color-base-background-1));color:var(--df-text);background-color:var(--df-white);padding:8rem 0}.desk-frames--light{background-color:var(--df-surface)}.desk-frames *{box-sizing:border-box}.desk-frames__header{display:flex;flex-direction:column;gap:1.2rem;max-width:68rem;margin-bottom:3.2rem}.desk-frames__header--center{margin-left:auto;margin-right:auto;text-align:center}.desk-frames__eyebrow{font-size:1.3rem;font-weight:var(--font-body-weight-bold);letter-spacing:.14em;color:var(--df-muted)}.desk-frames .desk-frames__title{margin:0;font-size:3.6rem;line-height:1.15;color:var(--df-text)}.desk-frames__text,.desk-frames__text p{margin:0;font-size:1.7rem;line-height:1.65;color:var(--df-muted)}.desk-frames__text p+p{margin-top:1.6rem}.desk-frames__text strong{color:var(--df-text)}.desk-frames__grid{display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(25rem,1fr))}.desk-frames .desk-frames-icon,.desk-frames .desk-frames-icon *{fill:none;stroke:currentColor;stroke-width:1.8}.desk-frames__motors{display:flex;align-items:flex-end;gap:.4rem}.desk-frames__motor{display:block;width:.8rem;height:2.2rem;border-radius:.3rem;background-color:var(--df-accent)}.desk-frames-card{display:flex;flex-direction:column;gap:1.8rem;padding:2.4rem;border:1px solid var(--df-border);border-radius:1.4rem;background-color:var(--df-white);color:inherit;text-decoration:none;transition:border-color .3s,box-shadow .3s}.desk-frames .desk-frames__grid a.desk-frames-card:hover{text-decoration:none;border-color:var(--df-dark);box-shadow:0 .8rem 2.4rem rgba(var(--color-base-text),.08)}.desk-frames-card__top{display:flex;justify-content:space-between;align-items:center;gap:1rem}.desk-frames-card__badge{padding:.6rem 1rem;border-radius:99.9rem;background-color:var(--df-surface);font-size:1.2rem;font-weight:var(--font-body-weight-bold);letter-spacing:.06em}.desk-frames-card__head{display:flex;flex-direction:column;gap:.6rem}.desk-frames .desk-frames-card__name{margin:0;font-size:2.2rem}.desk-frames-card__best,.desk-frames-card__unit{font-size:1.4rem;color:var(--df-muted)}.desk-frames-card__capacity{display:flex;align-items:baseline;gap:.6rem;padding-top:1.6rem;border-top:1px solid var(--df-border)}.desk-frames-card__value{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:3.6rem;line-height:1}.desk-frames-card__bar{height:.6rem;border-radius:.3rem;background-color:var(--df-border);overflow:hidden}.desk-frames-card__bar span{display:block;height:100%;border-radius:.3rem;background-color:var(--df-accent)}.desk-frames-card__benefit{flex-grow:1;margin:0;font-size:1.5rem;line-height:1.5}.desk-frames-card__link{font-size:1.5rem;font-weight:var(--font-body-weight-bold)}.desk-frames-media{display:flex;flex-wrap:wrap;align-items:center;gap:5.6rem}.desk-frames-media__image{flex:1 1 46rem;min-width:0;aspect-ratio:4 / 3;border-radius:1.6rem;overflow:hidden;background-color:var(--df-surface)}.desk-frames-media__image img,.desk-frames-media__image svg{display:block;width:100%;height:100%;object-fit:cover}.desk-frames-media__content{flex:1 1 42rem;min-width:0;display:flex;flex-direction:column;gap:1.8rem}.desk-frames-media--reverse .desk-frames-media__image{order:2}.desk-frames-note{display:flex;align-items:flex-start;gap:1.2rem;padding:1.6rem;border-radius:1rem;background-color:var(--df-surface)}.desk-frames-note svg{flex-shrink:0;margin-top:.2rem}.desk-frames-note p{margin:0;font-size:1.5rem;line-height:1.55}.desk-frames-media__buttons{display:flex;flex-wrap:wrap;gap:1.2rem;padding-top:.6rem}.desk-frames-motor-card{display:flex;flex-direction:column;gap:1.6rem;padding:2.8rem;border-radius:1.4rem;background-color:var(--df-dark);color:var(--df-white)}.desk-frames-motor-card .desk-frames__motors{height:4rem;gap:.6rem}.desk-frames-motor-card .desk-frames__motor{width:1.2rem;height:4rem;border-radius:.4rem}.desk-frames .desk-frames-motor-card__title{margin:0;font-size:2.2rem;color:var(--df-white)}.desk-frames-motor-card__text{margin:0;font-size:1.5rem;line-height:1.55;color:#fff}.desk-frames-motor-card__models{margin-top:auto;padding-top:1.4rem;border-top:1px solid rgba(var(--color-base-background-1),.18);font-size:1.3rem;color:#fff}.desk-frames-checklist{gap:3.2rem;grid-template-columns:repeat(auto-fit,minmax(22rem,1fr))}.desk-frames-check{display:flex;flex-direction:column;gap:1.2rem}.desk-frames-check__icon{display:flex;align-items:center;justify-content:center;width:5.2rem;height:5.2rem;border-radius:1.2rem;background-color:var(--df-surface);color:var(--df-dark)}.desk-frames-check__icon img{width:2.6rem;height:2.6rem;object-fit:contain}.desk-frames .desk-frames-check__title{margin:0;font-size:1.9rem}.desk-frames-check__text{margin:0;font-size:1.5rem;line-height:1.55;color:var(--df-muted)}.desk-frames-highlights{display:flex;flex-wrap:wrap;align-items:flex-start;gap:4.8rem}.desk-frames-highlights__content{flex:1 1 44rem;min-width:0;display:flex;flex-direction:column;gap:1.8rem}.desk-frames-highlights__stats{flex:1 1 36rem;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.desk-frames-stat{display:flex;flex-direction:column;gap:.6rem;padding:2.2rem;border:1px solid var(--df-border);border-radius:1.2rem;background-color:var(--df-white)}.desk-frames-stat--wide{grid-column:span 2;gap:1.4rem}.desk-frames-stat__value{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:3rem;line-height:1.1}.desk-frames-stat__label{font-size:1.4rem;color:var(--df-muted)}.desk-frames-swatches{display:flex;flex-wrap:wrap;gap:2rem}.desk-frames-swatch{display:flex;align-items:center;gap:.8rem;font-size:1.5rem}.desk-frames-swatch__color{width:2.4rem;height:2.4rem;border-radius:50%;border:1px solid var(--df-border)}@media screen and (max-width:749px){.desk-frames{padding:5.6rem 0}.desk-frames .desk-frames__title{font-size:2.8rem}.desk-frames__text,.desk-frames__text p{font-size:1.6rem}.desk-frames-media{gap:3.2rem}.desk-frames-media--reverse .desk-frames-media__image{order:0}.desk-frames-highlights{gap:3.2rem}.desk-frames-stat__value{font-size:2.6rem}}
/*# sourceMappingURL=/cdn/shop/t/146/assets/section-desk-frames.css.map */