@primer/css/dist/marketing.css

The CSS implementation of GitHub's Primer Design System

/*!
 * @primer/css/marketing
 * http://primer.style/css
 *
 * Released under MIT license. Copyright (c) 2019 GitHub Inc.
 */.h0-mktg,.h1-mktg,.h2-mktg,.h3-mktg,.h4-mktg,.h5-mktg,.h6-mktg{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-feature-settings:"ss02" on,"ss01" on;font-weight:600 !important;letter-spacing:-.01em !important}.h0-mktg{font-size:48px !important;line-height:52px !important;font-weight:800 !important}@media (min-width: 768px){.h0-mktg{font-size:72px !important;line-height:76px !important}}@media (min-width: 1012px){.h0-mktg{font-size:96px !important;line-height:100px !important}}.h1-mktg{font-size:40px !important;line-height:44px !important;font-weight:800 !important}@media (min-width: 768px){.h1-mktg{font-size:56px !important;line-height:60px !important;letter-spacing:-.03em !important}}@media (min-width: 1012px){.h1-mktg{font-size:72px !important;line-height:76px !important}}.h2-mktg{font-size:32px !important;line-height:36px !important;font-weight:800 !important}@media (min-width: 768px){.h2-mktg{font-size:48px !important;line-height:52px !important;letter-spacing:-.03em !important}}@media (min-width: 1012px){.h2-mktg{font-size:64px !important;line-height:68px !important}}.h3-mktg{font-size:28px !important;line-height:32px !important;font-weight:800 !important}@media (min-width: 768px){.h3-mktg{font-size:40px !important;line-height:44px !important}}@media (min-width: 1012px){.h3-mktg{font-size:48px !important;line-height:52px !important;letter-spacing:-.03em !important}}.h4-mktg{font-size:24px !important;line-height:28px !important;font-weight:800 !important}@media (min-width: 768px){.h4-mktg{font-size:28px !important;line-height:32px !important}}@media (min-width: 1012px){.h4-mktg{font-size:32px !important;line-height:36px !important}}.h5-mktg{font-size:20px !important;line-height:24px !important}@media (min-width: 768px){.h5-mktg{font-size:24px !important;line-height:28px !important;font-weight:800 !important}}.h6-mktg{font-size:16px !important;line-height:20px !important}@media (min-width: 768px){.h6-mktg{font-size:20px !important;line-height:24px !important}}.f0-mktg,.f1-mktg,.f2-mktg,.f3-mktg,.f4-mktg,.f5-mktg,.f6-mktg{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-feature-settings:"ss02" on,"ss01" on;font-weight:400}.f0-mktg{font-size:28px !important;line-height:40px !important;letter-spacing:-.01em !important;font-weight:500}@media (min-width: 768px){.f0-mktg{font-size:40px !important;line-height:52px !important}}@media (min-width: 1012px){.f0-mktg{font-size:48px !important;line-height:64px !important}}.f1-mktg{font-size:24px !important;line-height:32px !important;font-weight:500}@media (min-width: 768px){.f1-mktg{font-size:28px !important;line-height:40px !important;letter-spacing:-.01em !important}}@media (min-width: 1012px){.f1-mktg{font-size:32px !important;line-height:44px !important}}.f2-mktg{font-size:20px !important;line-height:28px !important}@media (min-width: 1012px){.f2-mktg{font-size:24px !important;line-height:32px !important;font-weight:500}}.f3-mktg{font-size:16px !important;line-height:24px !important}@media (min-width: 768px){.f3-mktg{font-size:20px !important;line-height:28px !important}}.f4-mktg{font-size:16px !important;line-height:24px !important}.f5-mktg{font-size:14px !important;line-height:20px !important}.f6-mktg{font-size:12px !important;line-height:20px !important}.pullquote{padding-top:0;padding-bottom:0;padding-left:8px;margin-bottom:24px;font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;font-size:16px;line-height:1.4;color:var(--color-color-text-secondary);border-left:3px solid var(--color-border-primary)}@media (min-width: 768px){.pullquote{padding-left:12px;margin-bottom:32px;margin-left:-15px;font-size:18px;line-height:1.5}}.btn-mktg{position:relative;z-index:1;display:inline-block;-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;padding:.9rem 1.5rem 1.1rem;font-size:1rem;font-weight:600;line-height:1;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;border:0;border-radius:.375rem;color:var(--color-mktg-btn-text);background-color:var(--color-mktg-btn-bg-bottom);background-image:linear-gradient(-180deg, var(--color-mktg-btn-bg-top) 0%, var(--color-mktg-btn-bg-bottom) 100%)}.btn-mktg::before{background-image:linear-gradient(-180deg, var(--color-mktg-btn-bg-overlay-top) 0%, var(--color-mktg-btn-bg-overlay-bottom) 100%)}.btn-mktg:hover,.btn-mktg.hover,.btn-mktg:active,.btn-mktg.selected,.btn-mktg[aria-selected=true],[open]>.btn-mktg{background-color:var(--color-mktg-btn-bg-bottom);background-image:linear-gradient(-180deg, var(--color-mktg-btn-bg-top) 0%, var(--color-mktg-btn-bg-bottom) 100%)}.btn-mktg:focus,.btn-mktg.focus{outline:0;box-shadow:0 0 0 0.2em rgba(var(--color-mktg-btn-bg-bottom), 0.4)}.btn-mktg:disabled,.btn-mktg.disabled,.btn-mktg[aria-disabled=true]{pointer-events:none;cursor:default;opacity:0.5}.btn-mktg::before{background-blend-mode:overlay, normal;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";border-radius:.375rem;opacity:0;transition:opacity 0.4s}.btn-mktg:hover{text-decoration:none}.btn-mktg:hover::before{opacity:1;transition:opacity 0.4s}.btn-primary-mktg{color:var(--color-mktg-btn-primary-text);background-color:var(--color-mktg-btn-primary-bg-bottom);background-image:linear-gradient(-180deg, var(--color-mktg-btn-primary-bg-top) 0%, var(--color-mktg-btn-primary-bg-bottom) 100%)}.btn-primary-mktg::before{background-image:linear-gradient(-180deg, var(--color-mktg-btn-primary-bg-overlay-top) 0%, var(--color-mktg-btn-primary-bg-overlay-bottom) 100%)}.btn-primary-mktg:hover,.btn-primary-mktg.hover,.btn-primary-mktg:active,.btn-primary-mktg.selected,.btn-primary-mktg[aria-selected=true],[open]>.btn-primary-mktg{background-color:var(--color-mktg-btn-primary-bg-bottom);background-image:linear-gradient(-180deg, var(--color-mktg-btn-primary-bg-top) 0%, var(--color-mktg-btn-primary-bg-bottom) 100%)}.btn-primary-mktg:focus,.btn-primary-mktg.focus{outline:0;box-shadow:0 0 0 0.2em rgba(var(--color-mktg-btn-primary-bg-bottom), 0.4)}.btn-primary-mktg:disabled,.btn-primary-mktg.disabled,.btn-primary-mktg[aria-disabled=true]{pointer-events:none;cursor:default;opacity:0.5}.btn-enterprise-mktg{color:var(--color-mktg-btn-enterprise-text);background-color:var(--color-mktg-btn-enterprise-bg-bottom);background-image:linear-gradient(-180deg, var(--color-mktg-btn-enterprise-bg-top) 0%, var(--color-mktg-btn-enterprise-bg-bottom) 100%)}.btn-enterprise-mktg::before{background-image:linear-gradient(-180deg, var(--color-mktg-btn-enterprise-bg-overlay-top) 0%, var(--color-mktg-btn-enterprise-bg-overlay-bottom) 100%)}.btn-enterprise-mktg:hover,.btn-enterprise-mktg.hover,.btn-enterprise-mktg:active,.btn-enterprise-mktg.selected,.btn-enterprise-mktg[aria-selected=true],[open]>.btn-enterprise-mktg{background-color:var(--color-mktg-btn-enterprise-bg-bottom);background-image:linear-gradient(-180deg, var(--color-mktg-btn-enterprise-bg-top) 0%, var(--color-mktg-btn-enterprise-bg-bottom) 100%)}.btn-enterprise-mktg:focus,.btn-enterprise-mktg.focus{outline:0;box-shadow:0 0 0 0.2em rgba(var(--color-mktg-btn-enterprise-bg-bottom), 0.4)}.btn-enterprise-mktg:disabled,.btn-enterprise-mktg.disabled,.btn-enterprise-mktg[aria-disabled=true]{pointer-events:none;cursor:default;opacity:0.5}.btn-outline-mktg{color:var(--color-mktg-btn-outline-text);background:none;box-shadow:0 0 0 1px var(--color-mktg-btn-outline-border) inset;transition:box-shadow 0.4s, color 0.4s}.btn-outline-mktg::before{display:none}.btn-outline-mktg:hover,.btn-outline-mktg.hover,.btn-outline-mktg:active,.btn-outline-mktg.selected,.btn-outline-mktg[aria-selected=true],[open]>.btn-outline-mktg{color:var(--color-mktg-btn-outline-hover-text);background:none;box-shadow:0 0 0 2px var(--color-mktg-btn-outline-hover-border) inset}.btn-outline-mktg:focus,.btn-outline-mktg.focus{outline:0;box-shadow:0 0 0 2px var(--color-mktg-btn-outline-focus-border) inset,0 0 0 4px var(--color-mktg-btn-outline-focus-border-inset)}.btn-outline-mktg:disabled,.btn-outline-mktg.disabled,.btn-outline-mktg[aria-disabled=true]{opacity:0.5}.btn-transparent{color:var(--color-mktg-btn-dark-text);background:none;box-shadow:0 0 0 1px var(--color-mktg-btn-dark-border) inset;transition:box-shadow 0.4s, color 0.4s}.btn-transparent::before{display:none}.btn-transparent:hover,.btn-transparent.hover,.btn-transparent:active,.btn-transparent.selected,.btn-transparent[aria-selected=true],[open]>.btn-transparent{color:var(--color-mktg-btn-dark-hover-text);background:none;box-shadow:0 0 0 2px var(--color-mktg-btn-dark-hover-border) inset}.btn-transparent:focus,.btn-transparent.focus{outline:0;box-shadow:0 0 0 2px var(--color-mktg-btn-dark-focus-border) inset,0 0 0 4px var(--color-mktg-btn-dark-focus-border-inset)}.btn-transparent:disabled,.btn-transparent.disabled,.btn-transparent[aria-disabled=true]{opacity:0.5}.btn-small-mktg{padding:.625rem 1rem .8125rem}.btn-large-mktg{padding:20px 30px 23px !important}.hover-grow-mktg{transition:transform 0.4s cubic-bezier(0.16, 1, 0.3, 1)}.hover-grow-mktg:hover{transform:scale3d(1.025, 1.025, 1.025)}.grayscale{filter:grayscale(100%)}.top-1{top:4px !important}.right-1{right:4px !important}.bottom-1{bottom:4px !important}.left-1{left:4px !important}.top-n1{top:-4px !important}.right-n1{right:-4px !important}.bottom-n1{bottom:-4px !important}.left-n1{left:-4px !important}.top-2{top:8px !important}.right-2{right:8px !important}.bottom-2{bottom:8px !important}.left-2{left:8px !important}.top-n2{top:-8px !important}.right-n2{right:-8px !important}.bottom-n2{bottom:-8px !important}.left-n2{left:-8px !important}.top-3{top:16px !important}.right-3{right:16px !important}.bottom-3{bottom:16px !important}.left-3{left:16px !important}.top-n3{top:-16px !important}.right-n3{right:-16px !important}.bottom-n3{bottom:-16px !important}.left-n3{left:-16px !important}.top-4{top:24px !important}.right-4{right:24px !important}.bottom-4{bottom:24px !important}.left-4{left:24px !important}.top-n4{top:-24px !important}.right-n4{right:-24px !important}.bottom-n4{bottom:-24px !important}.left-n4{left:-24px !important}.top-5{top:32px !important}.right-5{right:32px !important}.bottom-5{bottom:32px !important}.left-5{left:32px !important}.top-n5{top:-32px !important}.right-n5{right:-32px !important}.bottom-n5{bottom:-32px !important}.left-n5{left:-32px !important}.top-6{top:40px !important}.right-6{right:40px !important}.bottom-6{bottom:40px !important}.left-6{left:40px !important}.top-n6{top:-40px !important}.right-n6{right:-40px !important}.bottom-n6{bottom:-40px !important}.left-n6{left:-40px !important}.top-7{top:48px !important}.right-7{right:48px !important}.bottom-7{bottom:48px !important}.left-7{left:48px !important}.top-n7{top:-48px !important}.right-n7{right:-48px !important}.bottom-n7{bottom:-48px !important}.left-n7{left:-48px !important}.top-8{top:64px !important}.right-8{right:64px !important}.bottom-8{bottom:64px !important}.left-8{left:64px !important}.top-n8{top:-64px !important}.right-n8{right:-64px !important}.bottom-n8{bottom:-64px !important}.left-n8{left:-64px !important}.top-9{top:80px !important}.right-9{right:80px !important}.bottom-9{bottom:80px !important}.left-9{left:80px !important}.top-n9{top:-80px !important}.right-n9{right:-80px !important}.bottom-n9{bottom:-80px !important}.left-n9{left:-80px !important}.top-10{top:96px !important}.right-10{right:96px !important}.bottom-10{bottom:96px !important}.left-10{left:96px !important}.top-n10{top:-96px !important}.right-n10{right:-96px !important}.bottom-n10{bottom:-96px !important}.left-n10{left:-96px !important}.top-11{top:112px !important}.right-11{right:112px !important}.bottom-11{bottom:112px !important}.left-11{left:112px !important}.top-n11{top:-112px !important}.right-n11{right:-112px !important}.bottom-n11{bottom:-112px !important}.left-n11{left:-112px !important}.top-12{top:128px !important}.right-12{right:128px !important}.bottom-12{bottom:128px !important}.left-12{left:128px !important}.top-n12{top:-128px !important}.right-n12{right:-128px !important}.bottom-n12{bottom:-128px !important}.left-n12{left:-128px !important}@media (min-width: 768px){.top-md-0{top:0 !important}.right-md-0{right:0 !important}.bottom-md-0{bottom:0 !important}.left-md-0{left:0 !important}.top-md-1{top:4px !important}.right-md-1{right:4px !important}.bottom-md-1{bottom:4px !important}.left-md-1{left:4px !important}.top-md-n1{top:-4px !important}.right-md-n1{right:-4px !important}.bottom-md-n1{bottom:-4px !important}.left-md-n1{left:-4px !important}.top-md-2{top:8px !important}.right-md-2{right:8px !important}.bottom-md-2{bottom:8px !important}.left-md-2{left:8px !important}.top-md-n2{top:-8px !important}.right-md-n2{right:-8px !important}.bottom-md-n2{bottom:-8px !important}.left-md-n2{left:-8px !important}.top-md-3{top:16px !important}.right-md-3{right:16px !important}.bottom-md-3{bottom:16px !important}.left-md-3{left:16px !important}.top-md-n3{top:-16px !important}.right-md-n3{right:-16px !important}.bottom-md-n3{bottom:-16px !important}.left-md-n3{left:-16px !important}.top-md-4{top:24px !important}.right-md-4{right:24px !important}.bottom-md-4{bottom:24px !important}.left-md-4{left:24px !important}.top-md-n4{top:-24px !important}.right-md-n4{right:-24px !important}.bottom-md-n4{bottom:-24px !important}.left-md-n4{left:-24px !important}.top-md-5{top:32px !important}.right-md-5{right:32px !important}.bottom-md-5{bottom:32px !important}.left-md-5{left:32px !important}.top-md-n5{top:-32px !important}.right-md-n5{right:-32px !important}.bottom-md-n5{bottom:-32px !important}.left-md-n5{left:-32px !important}.top-md-6{top:40px !important}.right-md-6{right:40px !important}.bottom-md-6{bottom:40px !important}.left-md-6{left:40px !important}.top-md-n6{top:-40px !important}.right-md-n6{right:-40px !important}.bottom-md-n6{bottom:-40px !important}.left-md-n6{left:-40px !important}.top-md-7{top:48px !important}.right-md-7{right:48px !important}.bottom-md-7{bottom:48px !important}.left-md-7{left:48px !important}.top-md-n7{top:-48px !important}.right-md-n7{right:-48px !important}.bottom-md-n7{bottom:-48px !important}.left-md-n7{left:-48px !important}.top-md-8{top:64px !important}.right-md-8{right:64px !important}.bottom-md-8{bottom:64px !important}.left-md-8{left:64px !important}.top-md-n8{top:-64px !important}.right-md-n8{right:-64px !important}.bottom-md-n8{bottom:-64px !important}.left-md-n8{left:-64px !important}.top-md-9{top:80px !important}.right-md-9{right:80px !important}.bottom-md-9{bottom:80px !important}.left-md-9{left:80px !important}.top-md-n9{top:-80px !important}.right-md-n9{right:-80px !important}.bottom-md-n9{bottom:-80px !important}.left-md-n9{left:-80px !important}.top-md-10{top:96px !important}.right-md-10{right:96px !important}.bottom-md-10{bottom:96px !important}.left-md-10{left:96px !important}.top-md-n10{top:-96px !important}.right-md-n10{right:-96px !important}.bottom-md-n10{bottom:-96px !important}.left-md-n10{left:-96px !important}.top-md-11{top:112px !important}.right-md-11{right:112px !important}.bottom-md-11{bottom:112px !important}.left-md-11{left:112px !important}.top-md-n11{top:-112px !important}.right-md-n11{right:-112px !important}.bottom-md-n11{bottom:-112px !important}.left-md-n11{left:-112px !important}.top-md-12{top:128px !important}.right-md-12{right:128px !important}.bottom-md-12{bottom:128px !important}.left-md-12{left:128px !important}.top-md-n12{top:-128px !important}.right-md-n12{right:-128px !important}.bottom-md-n12{bottom:-128px !important}.left-md-n12{left:-128px !important}}@media (min-width: 1012px){.top-lg-0{top:0 !important}.right-lg-0{right:0 !important}.bottom-lg-0{bottom:0 !important}.left-lg-0{left:0 !important}.top-lg-1{top:4px !important}.right-lg-1{right:4px !important}.bottom-lg-1{bottom:4px !important}.left-lg-1{left:4px !important}.top-lg-n1{top:-4px !important}.right-lg-n1{right:-4px !important}.bottom-lg-n1{bottom:-4px !important}.left-lg-n1{left:-4px !important}.top-lg-2{top:8px !important}.right-lg-2{right:8px !important}.bottom-lg-2{bottom:8px !important}.left-lg-2{left:8px !important}.top-lg-n2{top:-8px !important}.right-lg-n2{right:-8px !important}.bottom-lg-n2{bottom:-8px !important}.left-lg-n2{left:-8px !important}.top-lg-3{top:16px !important}.right-lg-3{right:16px !important}.bottom-lg-3{bottom:16px !important}.left-lg-3{left:16px !important}.top-lg-n3{top:-16px !important}.right-lg-n3{right:-16px !important}.bottom-lg-n3{bottom:-16px !important}.left-lg-n3{left:-16px !important}.top-lg-4{top:24px !important}.right-lg-4{right:24px !important}.bottom-lg-4{bottom:24px !important}.left-lg-4{left:24px !important}.top-lg-n4{top:-24px !important}.right-lg-n4{right:-24px !important}.bottom-lg-n4{bottom:-24px !important}.left-lg-n4{left:-24px !important}.top-lg-5{top:32px !important}.right-lg-5{right:32px !important}.bottom-lg-5{bottom:32px !important}.left-lg-5{left:32px !important}.top-lg-n5{top:-32px !important}.right-lg-n5{right:-32px !important}.bottom-lg-n5{bottom:-32px !important}.left-lg-n5{left:-32px !important}.top-lg-6{top:40px !important}.right-lg-6{right:40px !important}.bottom-lg-6{bottom:40px !important}.left-lg-6{left:40px !important}.top-lg-n6{top:-40px !important}.right-lg-n6{right:-40px !important}.bottom-lg-n6{bottom:-40px !important}.left-lg-n6{left:-40px !important}.top-lg-7{top:48px !important}.right-lg-7{right:48px !important}.bottom-lg-7{bottom:48px !important}.left-lg-7{left:48px !important}.top-lg-n7{top:-48px !important}.right-lg-n7{right:-48px !important}.bottom-lg-n7{bottom:-48px !important}.left-lg-n7{left:-48px !important}.top-lg-8{top:64px !important}.right-lg-8{right:64px !important}.bottom-lg-8{bottom:64px !important}.left-lg-8{left:64px !important}.top-lg-n8{top:-64px !important}.right-lg-n8{right:-64px !important}.bottom-lg-n8{bottom:-64px !important}.left-lg-n8{left:-64px !important}.top-lg-9{top:80px !important}.right-lg-9{right:80px !important}.bottom-lg-9{bottom:80px !important}.left-lg-9{left:80px !important}.top-lg-n9{top:-80px !important}.right-lg-n9{right:-80px !important}.bottom-lg-n9{bottom:-80px !important}.left-lg-n9{left:-80px !important}.top-lg-10{top:96px !important}.right-lg-10{right:96px !important}.bottom-lg-10{bottom:96px !important}.left-lg-10{left:96px !important}.top-lg-n10{top:-96px !important}.right-lg-n10{right:-96px !important}.bottom-lg-n10{bottom:-96px !important}.left-lg-n10{left:-96px !important}.top-lg-11{top:112px !important}.right-lg-11{right:112px !important}.bottom-lg-11{bottom:112px !important}.left-lg-11{left:112px !important}.top-lg-n11{top:-112px !important}.right-lg-n11{right:-112px !important}.bottom-lg-n11{bottom:-112px !important}.left-lg-n11{left:-112px !important}.top-lg-12{top:128px !important}.right-lg-12{right:128px !important}.bottom-lg-12{bottom:128px !important}.left-lg-12{left:128px !important}.top-lg-n12{top:-128px !important}.right-lg-n12{right:-128px !important}.bottom-lg-n12{bottom:-128px !important}.left-lg-n12{left:-128px !important}}.offset-n1{margin-left:-8.33333%}.offset-n2{margin-left:-16.66667%}.offset-n3{margin-left:-25%}.offset-n4{margin-left:-33.33333%}.offset-n5{margin-left:-41.66667%}.offset-n6{margin-left:-50%}.offset-n7{margin-left:-58.33333%}@media (min-width: 544px){.offset-sm-n1{margin-left:-8.33333%}.offset-sm-n2{margin-left:-16.66667%}.offset-sm-n3{margin-left:-25%}.offset-sm-n4{margin-left:-33.33333%}.offset-sm-n5{margin-left:-41.66667%}.offset-sm-n6{margin-left:-50%}.offset-sm-n7{margin-left:-58.33333%}}@media (min-width: 768px){.offset-md-n1{margin-left:-8.33333%}.offset-md-n2{margin-left:-16.66667%}.offset-md-n3{margin-left:-25%}.offset-md-n4{margin-left:-33.33333%}.offset-md-n5{margin-left:-41.66667%}.offset-md-n6{margin-left:-50%}.offset-md-n7{margin-left:-58.33333%}}@media (min-width: 1012px){.offset-lg-n1{margin-left:-8.33333%}.offset-lg-n2{margin-left:-16.66667%}.offset-lg-n3{margin-left:-25%}.offset-lg-n4{margin-left:-33.33333%}.offset-lg-n5{margin-left:-41.66667%}.offset-lg-n6{margin-left:-50%}.offset-lg-n7{margin-left:-58.33333%}}@media (min-width: 1280px){.offset-xl-n1{margin-left:-8.33333%}.offset-xl-n2{margin-left:-16.66667%}.offset-xl-n3{margin-left:-25%}.offset-xl-n4{margin-left:-33.33333%}.offset-xl-n5{margin-left:-41.66667%}.offset-xl-n6{margin-left:-50%}.offset-xl-n7{margin-left:-58.33333%}}.width-auto{width:auto !important}.height-auto{height:auto !important}.object-fit-cover{object-fit:cover !important}.z-1{z-index:1 !important}.z-2{z-index:2 !important}.z-3{z-index:3 !important}.z-n1{z-index:-1 !important}.z-n2{z-index:-2 !important}

/*# sourceMappingURL=marketing.css.map */