@media(min-width:750px){.ys-highlights-inner>.ys-feature--library,.ys-highlights-inner>.ys-feature--practice,.ys-highlights-inner>.ys-feature--build,.ys-highlights-inner>.ys-sequence-filmstrips,.ys-highlights-inner>.ys-class-builder-showcase{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:48px}.ys-highlights-inner>.ys-feature--library>.ys-feature-copy,.ys-highlights-inner>.ys-feature--build>.ys-feature-copy{grid-column:1;grid-row:1}.ys-highlights-inner>.ys-feature--library>.ys-feature-visual,.ys-highlights-inner>.ys-feature--build>:not(.ys-feature-copy){grid-column:2;grid-row:1}.ys-highlights-inner>.ys-feature--practice,.ys-highlights-inner>.ys-sequence-filmstrips,.ys-highlights-inner>.ys-class-builder-showcase{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}.ys-highlights-inner>.ys-feature--practice>.ys-feature-copy,.ys-highlights-inner>.ys-sequence-filmstrips>.ys-feature-copy,.ys-highlights-inner>.ys-class-builder-showcase>.ys-feature-copy{grid-column:2;grid-row:1}.ys-highlights-inner>.ys-feature--practice>.ys-feature-visual,.ys-highlights-inner>.ys-sequence-filmstrips>.ys-sequence-filmstrips__panel,.ys-highlights-inner>.ys-class-builder-showcase>.ys-class-builder-capture{grid-column:1;grid-row:1}}@media(max-width:749px){.ys-highlights-inner>.ys-feature{display:flex;flex-direction:column}.ys-highlights-inner>.ys-feature>.ys-feature-copy{order:0}.ys-highlights-inner>.ys-feature>:not(.ys-feature-copy){order:1}}.ys-class-builder-capture{margin:0;min-width:0;border-radius:24px;overflow:hidden;background:#eee7f4;box-shadow:0 16px 45px #45305e12}.ys-class-builder-capture img{display:block;width:100%;height:auto}.ys-class-builder-showcase{padding-top:40px;padding-bottom:40px}@media(min-width:851px){.ys-highlights-inner>.ys-feature--practice,.ys-highlights-inner>.ys-sequence-filmstrips,.ys-highlights-inner>.ys-class-builder-showcase{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}.ys-highlights-inner>.ys-feature--practice>.ys-feature-copy,.ys-highlights-inner>.ys-sequence-filmstrips>.ys-feature-copy,.ys-highlights-inner>.ys-class-builder-showcase>.ys-feature-copy{grid-column:1;grid-row:1}.ys-highlights-inner>.ys-feature--practice>.ys-feature-visual,.ys-highlights-inner>.ys-sequence-filmstrips>.ys-sequence-filmstrips__panel,.ys-highlights-inner>.ys-class-builder-showcase>.ys-class-builder-capture{grid-column:2;grid-row:1}.ys-highlights-inner>.ys-feature--build{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}.ys-highlights-inner>.ys-feature--build>.ys-feature-copy{grid-column:2;grid-row:1}.ys-highlights-inner>.ys-feature--build>:not(.ys-feature-copy){grid-column:1;grid-row:1}.ys-highlights-inner>[data-swipe-builder]{grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr)}.ys-highlights-inner>[data-swipe-builder]>.ysb-copy{grid-column:2;grid-row:1}.ys-highlights-inner>[data-swipe-builder]>.ysb-scene{grid-column:1;grid-row:1}}@media(min-width:851px){.ys-highlights-inner>[data-swipe-builder].ysb-section{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:44px}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/ypc-feature-layout.css.map */