.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.uppercase{text-transform:uppercase}.hyphenate{overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.no-wrap{white-space:nowrap}.max-w-col-10,.max-w-col-4,.max-w-col-6,.max-w-col-8{width:100%}.max-w-col-4{max-width:24rem}.max-w-col-6{max-width:36.75rem}.max-w-col-8{max-width:49.5rem}.max-w-col-10{max-width:62.25rem}.design ::selection,.design::selection{background-color:#d6ea98}.hero{position:relative;margin-top:-7rem;padding-top:11rem;margin-bottom:10rem;background-color:#fad266}@media screen and (min-width:850px){.hero{margin-top:-8rem;padding-top:14rem}}.hero ::selection,.hero::selection{background-color:#fce8b2}.hero::before{content:'';background-image:url(https://cdn.sketch.com/assets/pages/design/hero-background.png);position:absolute;width:100%;padding-top:74.3%;left:0;bottom:0;transform:translateY(55%);background-size:cover;background-position:top center;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width:639px){.hero::before{padding-top:100%}}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.hero::before{background-image:url(https://cdn.sketch.com/assets/pages/design/hero-background@2x.png)}}.hero__content{position:relative;z-index:1;padding-left:1rem;padding-right:1rem}@media screen and (min-width:640px){.hero__content{padding-left:1.5rem;padding-right:1.5rem}}@media screen and (min-width:1220px){.hero__content{padding-left:2rem;padding-right:2rem}}.hero__title{font-size:2.25rem;line-height:2.5rem;font-weight:900}@media screen and (min-width:390px){.hero__title{font-size:2.5rem;line-height:2.75rem}}@media screen and (min-width:768px){.hero__title{font-size:3rem;line-height:3rem}}@media screen and (min-width:1024px){.hero__title{font-size:4.75rem;line-height:4.75rem}}.hero__lead{font-size:1.25rem;line-height:1.75rem;font-weight:300;margin-top:1.5rem;margin-bottom:1rem;max-width:50rem}@media screen and (min-width:768px){.hero__lead{font-size:1.5rem;line-height:2rem;margin-top:1.5rem;margin-bottom:1.5rem}}.sections{margin-top:1.5rem}.video-wrapper{position:relative;width:90%;border-radius:.96%/1.5%;box-shadow:0 0 0 1px rgba(0,0,0,.08),0 12px 36px 0 rgba(0,0,0,.12);background-color:#f9f9f9;margin:4rem 0;overflow:hidden}@media screen and (max-width:1023px){.video-wrapper{width:100%}}.video-wrapper .video{width:100%;display:block}.feature{position:relative;margin-top:6rem;overflow:hidden}.feature__wrapper{display:grid;grid-template-columns:1fr;row-gap:2.5rem}@media screen and (min-width:768px){.feature__wrapper{display:grid;grid-template-columns:1fr 1fr;column-gap:1.5rem}}.feature__content{position:relative;padding-left:1rem;padding-right:1rem}@media screen and (min-width:640px){.feature__content{padding-left:1.5rem;padding-right:1.5rem}}@media screen and (min-width:1220px){.feature__content{padding-left:2rem;padding-right:2rem}}@media screen and (min-width:768px){.feature__content--right-aligned{grid-column:2}}.feature__content__top-illustration{position:absolute;top:0;z-index:-1}@media screen and (max-width:1399px){.feature__content__top-illustration{visibility:hidden}}.feature__title{font-size:2rem;line-height:2.25rem;font-weight:900;margin-top:3rem;margin-bottom:1.5rem;margin-top:0}@media screen and (min-width:768px){.feature__title{font-size:2.5rem;line-height:3rem;margin-bottom:2rem}}@media screen and (min-width:1024px){.feature__title{font-size:3.5rem;line-height:3.75rem;margin-bottom:2rem}}.feature__visual{display:flex;align-items:center;justify-content:center}@media screen and (max-width:767px){.feature__visual--large{margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem;margin-bottom:3rem;background-position:center;background-size:200%}}@media screen and (max-width:767px) and (min-width:640px){.feature__visual--large{margin-left:-1.5rem;margin-right:-1.5rem}}@media screen and (max-width:767px) and (min-width:1220px){.feature__visual--large{margin-left:-2rem;margin-right:-2rem}}@media screen and (max-width:767px) and (min-width:640px){.feature__visual--large{padding-left:1.5rem;padding-right:1.5rem}}@media screen and (max-width:767px) and (min-width:1220px){.feature__visual--large{padding-left:2rem;padding-right:2rem}}.feature__visual--left{justify-content:flex-start}.feature__visual--right{justify-content:flex-end}.feature__actions{margin-top:1.5rem}.feature__action{font-size:1.0625rem;line-height:1.5rem;font-weight:300;color:#000;transition:color 125ms ease-out;text-decoration:none;font-weight:600}.feature__action:active,.feature__action:hover{text-decoration:underline;color:rgba(0,0,0,.55)}.feature__action::after{content:'';display:inline-block;width:1.25rem;height:1.25rem;margin-left:.25rem;vertical-align:-.25em;background-image:url(/images/icons/web/filled/20x20/arrow.right.svg);background-size:contain}.feature__video-overlay-action{position:relative;padding-top:0;padding-bottom:0;min-height:0;flex-direction:row-reverse}.feature__video-overlay-action::after{content:'';background-color:#212123;width:1.75rem;height:1.5rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg' color='white'%3E %3Cpath d='m3.75 12.75 8.5-4.75-8.5-4.75z' fill-opacity='.15' fill-rule='evenodd' stroke='currentColor' fill='currentColor' stroke-linejoin='round' stroke-width='1.5'/%3E %3C/svg%3E");background-position:center;background-repeat:no-repeat;justify-self:flex-start;margin-right:.75rem;border-radius:6px}.feature__background{position:absolute;z-index:-1;top:0;left:50%}.feature--the-basics{padding-top:15vw}@media screen and (min-width:1600px){.feature--the-basics{padding-top:10vw}}.feature--the-basics ::selection,.feature--the-basics::selection{background-color:#fce8b2}@media screen and (min-width:450px) and (max-width:767px){.feature--the-basics .feature__wrapper{grid-template-columns:2fr 1fr}}@media screen and (max-width:449px){.feature--the-basics .feature__visual{grid-row:1;transform:translateX(20%);margin-bottom:-10%;margin-top:-10%}}.feature--the-basics .feature__visual__image-wrapper{position:relative}.feature--the-basics .feature__visual__image{position:relative;width:90%}@media screen and (min-width:450px) and (max-width:767px){.feature--the-basics .feature__visual__image{width:150%}}@media screen and (min-width:768px){.feature--the-basics .feature__visual__image{width:100%;max-width:32rem}}.feature--the-basics .feature__visual__image~.feature__visual__image{position:absolute;left:0;top:10%}.feature--design-focused ::selection,.feature--design-focused::selection{background-color:#b2f0ec}.feature--design-focused .feature__background{top:auto;bottom:-18%;transform:translateX(-100%)}@media screen and (max-width:767px){.feature--design-focused .feature__background{display:none}}.feature--design-focused .feature__content__top-illustration{left:0;transform:translateX(calc(50vw - 70%))}@media screen and (max-width:767px){.feature--design-focused .feature__visual--large{background-color:#83d7cf;background-image:url(https://cdn.sketch.com/assets/pages/design/bg-teal.jpg)}}@media only screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:2),only screen and (max-width:767px) and (min-resolution:192dpi),only screen and (max-width:767px) and (min-resolution:2dppx){.feature--design-focused .feature__visual--large{background-image:url(https://cdn.sketch.com/assets/pages/design/bg-teal@2x.jpg)}}.feature--design-systems ::selection,.feature--design-systems::selection{background-color:#ffe8db}.feature--design-systems .feature__background{top:auto;bottom:0}@media screen and (max-width:767px){.feature--design-systems .feature__background{display:none}}.feature--design-systems .feature__content__top-illustration{right:0;transform:translateX(calc(-50vw + 78%)) translateY(-160px)}@media screen and (max-width:767px){.feature--design-systems .feature__visual{background-color:#ffb387;background-image:url(https://cdn.sketch.com/assets/pages/design/bg-salmon.jpg)}}@media only screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:2),only screen and (max-width:767px) and (min-resolution:192dpi),only screen and (max-width:767px) and (min-resolution:2dppx){.feature--design-systems .feature__visual{background-image:url(https://cdn.sketch.com/assets/pages/design/bg-salmon@2x.jpg)}}.feature--collaborate ::selection,.feature--collaborate::selection{background-color:#fbf3da}.feature--collaborate .feature__background{top:auto;bottom:0;transform:translateX(-100%)}@media screen and (max-width:767px){.feature--collaborate .feature__background{display:none}}.feature--collaborate .feature__content__top-illustration{left:0;transform:translateX(calc(50vw - 60%)) translateY(-50%)}@media screen and (max-width:767px){.feature--collaborate .feature__visual{background-color:#e0ca9e;background-image:url(https://cdn.sketch.com/assets/pages/design/bg-beige-flip.jpg)}}@media only screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:2),only screen and (max-width:767px) and (min-resolution:192dpi),only screen and (max-width:767px) and (min-resolution:2dppx){.feature--collaborate .feature__visual{background-image:url(https://cdn.sketch.com/assets/pages/design/bg-beige-flip@2x.jpg)}}.feature--beyond-the-canvas{padding-bottom:6rem}.feature--beyond-the-canvas ::selection,.feature--beyond-the-canvas::selection{background-color:#f0cdf7}.feature--beyond-the-canvas .feature__background{top:auto;bottom:0;transform:translateX(0)}@media screen and (max-width:767px){.feature--beyond-the-canvas .feature__background{display:none}}.feature--beyond-the-canvas .feature__content__top-illustration{left:0;transform:translateX(calc(-80%)) translateY(-90%)}@media screen and (max-width:767px){.feature--beyond-the-canvas .feature__visual{background-color:#d097db;background-image:url(https://cdn.sketch.com/assets/pages/design/bg-purple.jpg)}}@media only screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:2),only screen and (max-width:767px) and (min-resolution:192dpi),only screen and (max-width:767px) and (min-resolution:2dppx){.feature--beyond-the-canvas .feature__visual{background-image:url(https://cdn.sketch.com/assets/pages/design/bg-purple@2x.jpg)}}.feature--native-to-mac{padding-top:6rem;padding-bottom:6rem;margin-top:0;background-color:#f9f9f9;transition:color 1.2s cubic-bezier(.19,1,.22,1),background-color 1.2s cubic-bezier(.19,1,.22,1)}@media screen and (max-width:1023px){.feature--native-to-mac{padding-bottom:20rem}}.feature--native-to-mac .styled-text ul{padding-left:0}.feature--native-to-mac .styled-text li{display:block;position:relative;padding:.25rem 0 .25rem 2rem;line-height:1.25rem}.feature--native-to-mac .styled-text li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg' color='black'%3E %3Cpath d='m6 13.2 3.6 4.8 8.4-12' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E %3C/svg%3E");background-size:24px 24px;width:1.5rem;height:1.5rem}.feature--native-to-mac.theme-dark{background-color:#212123}.feature--native-to-mac.theme-dark h2{color:#fff}.feature--native-to-mac.theme-dark .styled-text{color:rgba(255,255,255,.85)}.feature--native-to-mac.theme-dark .styled-text li::before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg' color='white'%3E %3Cpath d='m6 13.2 3.6 4.8 8.4-12' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E %3C/svg%3E")}.feature--native-to-mac .feature__visual{position:relative}.feature--native-to-mac .screenshots{position:absolute;left:0;top:0;width:50rem;height:27.3125rem;overflow:hidden;padding-top:60.91666%;border-radius:6px;box-shadow:0 0 30px 0 rgba(0,0,0,.1)}@media screen and (min-width:768px){.feature--native-to-mac .screenshots{left:1.5rem;width:75rem;height:45.6875rem}}.feature--native-to-mac .screenshot{position:absolute;left:0;top:0;width:100%;height:auto;border:1px solid rgba(0,0,0,.08);border-radius:6px}.feature--native-to-mac .screenshot--theme-dark{--mask-pos-left:10%;--mask-pos-right:30%;-webkit-mask-image:linear-gradient(80deg,rgba(0,0,0,0) var(--mask-pos-left),#000 var(--mask-pos-right));mask-image:linear-gradient(80deg,rgba(0,0,0,0) var(--mask-pos-left),#000 var(--mask-pos-right));border:1px solid rgba(255,255,255,.08)}@media screen and (min-width:450px) and (max-width:767px){.feature--extensions .feature__wrapper{grid-template-columns:2fr 1fr}}@media screen and (max-width:449px){.feature--extensions .feature__visual{grid-row:1;width:66%;justify-self:center}}.feature--extensions .feature__visual .feature__visual__image{max-width:24.3125rem}@media screen and (min-width:450px) and (max-width:767px){.feature--extensions .feature__visual .feature__visual__image{width:140%;transform:translateX(20%)}}.feature--extensions .feature__content{align-self:center}.extensions{margin-top:4rem;display:grid;grid-template-columns:1fr;row-gap:2.5rem;column-gap:2rem}@media screen and (min-width:768px){.extensions{display:grid;grid-template-columns:1fr 1fr}}.extensions__plugins{margin-top:4rem}.extensions__plugin{padding-left:1rem;padding-right:1rem}@media screen and (min-width:640px){.extensions__plugin{padding-left:1.5rem;padding-right:1.5rem}}@media screen and (min-width:1220px){.extensions__plugin{padding-left:2rem;padding-right:2rem}}.extensions__plugin__wrapper{display:flex}.extensions__plugin__meta{padding-left:1rem}.extensions__plugin__icon{display:flex;width:64px;height:64px;flex:0 0 64px;border-radius:6px;transition:transform .3s cubic-bezier(.19,1,.22,1);box-shadow:0 1px 2px rgba(0,0,0,.1)}.extensions__plugin__title{font-size:1.25rem;line-height:1.75rem;font-weight:700;color:#212123;transition:color .4s cubic-bezier(.19,1,.22,1)}@media screen and (min-width:768px){.extensions__plugin__title{font-size:1.5rem;line-height:2rem}}.extensions__plugin:active .extensions__plugin__title,.extensions__plugin:hover .extensions__plugin__title{color:rgba(33,33,35,.7)}.extensions__plugin__blurb{margin-top:.5rem;color:#212123;transition:color .4s cubic-bezier(.19,1,.22,1);font-size:1.0625rem;line-height:1.5rem;font-weight:300}.extensions__plugin:active .extensions__plugin__blurb,.extensions__plugin:hover .extensions__plugin__blurb{color:rgba(33,33,35,.7)}.extensions__plugin__meta__small{display:block;margin-top:1rem;color:rgba(33,33,35,.55);font-size:.875rem;line-height:1.3125rem;font-weight:300}.extensions__plugin__meta__small .badge{height:18px;display:inline-flex;align-items:center;text-transform:capitalize;font-size:.6875rem;font-weight:500;line-height:2;white-space:nowrap;padding:0 .5rem;border-radius:12px;color:#62266e;background-color:#f0cdf7;margin-right:.5rem;transition:background-color 125ms cubic-bezier(.19,1,.22,1)}