@primer/css
Version:
The CSS implementation of GitHub's Primer Design System
7 lines • 23.9 kB
CSS
/*!
* @primer/css/marketing
* http://primer.style/css
*
* Released under MIT license. Copyright (c) 2019 GitHub Inc.
*/[data-color-mode=light][data-light-theme*=dark],[data-color-mode=dark][data-dark-theme*=dark]{--color-mktg-btn-shadow-outline:rgba(255, 255, 255, 0.25) 0 0 0 1px inset;--color-mktg-btn-bg:#f6f8fa;--color-mktg-btn-shadow-focus:rgba(255, 255, 255, 0.25) 0 0 0 4px;--color-mktg-btn-shadow-hover:0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);--color-mktg-btn-shadow-hover-muted:rgb(255, 255, 255) 0 0 0 2px inset}@media(prefers-color-scheme: light){[data-color-mode=auto][data-light-theme*=dark]{--color-mktg-btn-shadow-outline:rgba(255, 255, 255, 0.25) 0 0 0 1px inset;--color-mktg-btn-bg:#f6f8fa;--color-mktg-btn-shadow-focus:rgba(255, 255, 255, 0.25) 0 0 0 4px;--color-mktg-btn-shadow-hover:0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);--color-mktg-btn-shadow-hover-muted:rgb(255, 255, 255) 0 0 0 2px inset}}@media(prefers-color-scheme: dark){[data-color-mode=auto][data-dark-theme*=dark]{--color-mktg-btn-shadow-outline:rgba(255, 255, 255, 0.25) 0 0 0 1px inset;--color-mktg-btn-bg:#f6f8fa;--color-mktg-btn-shadow-focus:rgba(255, 255, 255, 0.25) 0 0 0 4px;--color-mktg-btn-shadow-hover:0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);--color-mktg-btn-shadow-hover-muted:rgb(255, 255, 255) 0 0 0 2px inset}}:root,[data-color-mode=light][data-light-theme*=light],[data-color-mode=dark][data-dark-theme*=light]{--color-mktg-btn-shadow-outline:rgba(0, 0, 0, 0.15) 0 0 0 1px inset;--color-mktg-btn-bg:#1b1f23;--color-mktg-btn-shadow-focus:rgba(0, 0, 0, 0.15) 0 0 0 4px;--color-mktg-btn-shadow-hover:0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02);--color-mktg-btn-shadow-hover-muted:rgba(0, 0, 0, 0.7) 0 0 0 2px inset}@media(prefers-color-scheme: light){[data-color-mode=auto][data-light-theme*=light]{--color-mktg-btn-shadow-outline:rgba(0, 0, 0, 0.15) 0 0 0 1px inset;--color-mktg-btn-bg:#1b1f23;--color-mktg-btn-shadow-focus:rgba(0, 0, 0, 0.15) 0 0 0 4px;--color-mktg-btn-shadow-hover:0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02);--color-mktg-btn-shadow-hover-muted:rgba(0, 0, 0, 0.7) 0 0 0 2px inset}}@media(prefers-color-scheme: dark){[data-color-mode=auto][data-dark-theme*=light]{--color-mktg-btn-shadow-outline:rgba(0, 0, 0, 0.15) 0 0 0 1px inset;--color-mktg-btn-bg:#1b1f23;--color-mktg-btn-shadow-focus:rgba(0, 0, 0, 0.15) 0 0 0 4px;--color-mktg-btn-shadow-hover:0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02);--color-mktg-btn-shadow-hover-muted:rgba(0, 0, 0, 0.7) 0 0 0 2px inset}}.h0-mktg,.h1-mktg,.h2-mktg,.h3-mktg,.h4-mktg,.h5-mktg,.h6-mktg{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-feature-settings:"ss02" on,"ss01" on;font-weight:var(--base-text-weight-semibold, 600) ;letter-spacing:-0.01em}.h0-mktg{font-size:48px ;line-height:52px ;font-weight:800 }@media(min-width: 768px){.h0-mktg{font-size:72px ;line-height:76px }}@media(min-width: 1012px){.h0-mktg{font-size:96px ;line-height:100px }}.h1-mktg{font-size:40px ;line-height:44px ;font-weight:800 }@media(min-width: 768px){.h1-mktg{font-size:56px ;line-height:60px ;letter-spacing:-0.03em}}@media(min-width: 1012px){.h1-mktg{font-size:72px ;line-height:76px }}.h2-mktg{font-size:32px ;line-height:36px ;font-weight:800 }@media(min-width: 768px){.h2-mktg{font-size:48px ;line-height:52px ;letter-spacing:-0.03em}}@media(min-width: 1012px){.h2-mktg{font-size:64px ;line-height:68px }}.h3-mktg{font-size:28px ;line-height:32px ;font-weight:800 }@media(min-width: 768px){.h3-mktg{font-size:40px ;line-height:44px }}@media(min-width: 1012px){.h3-mktg{font-size:48px ;line-height:52px ;letter-spacing:-0.03em}}.h4-mktg{font-size:24px ;line-height:28px ;font-weight:800 }@media(min-width: 768px){.h4-mktg{font-size:28px ;line-height:32px }}@media(min-width: 1012px){.h4-mktg{font-size:32px ;line-height:36px }}.h5-mktg{font-size:20px ;line-height:24px }@media(min-width: 768px){.h5-mktg{font-size:24px ;line-height:28px ;font-weight:800 }}.h6-mktg{font-size:16px ;line-height:20px }@media(min-width: 768px){.h6-mktg{font-size:20px ;line-height:24px }}.f0-mktg,.f1-mktg,.f2-mktg,.f3-mktg,.f4-mktg,.f5-mktg,.f6-mktg{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-feature-settings:"ss02" on,"ss01" on;font-weight:var(--base-text-weight-normal, 400)}.f0-mktg{font-size:28px ;line-height:40px ;letter-spacing:-0.01em;font-weight:var(--base-text-weight-medium, 500)}@media(min-width: 768px){.f0-mktg{font-size:40px ;line-height:52px }}@media(min-width: 1012px){.f0-mktg{font-size:48px ;line-height:64px }}.f1-mktg{font-size:24px ;line-height:32px ;font-weight:var(--base-text-weight-medium, 500)}@media(min-width: 768px){.f1-mktg{font-size:28px ;line-height:40px ;letter-spacing:-0.01em}}@media(min-width: 1012px){.f1-mktg{font-size:32px ;line-height:44px }}.f2-mktg{font-size:20px ;line-height:28px }@media(min-width: 1012px){.f2-mktg{font-size:24px ;line-height:32px ;font-weight:450}}.f3-mktg{font-size:16px ;line-height:24px }@media(min-width: 768px){.f3-mktg{font-size:20px ;line-height:28px }}.f4-mktg{font-size:16px ;line-height:24px }.f5-mktg{font-size:14px ;line-height:20px }.f6-mktg{font-size:12px ;line-height:20px }.text-medium{font-weight:450 }.btn-mktg{position:relative;z-index:1;display:inline-block;padding:.9rem 1.5rem 1.1rem;font-size:1rem;font-weight:var(--base-text-weight-semibold, 600);line-height:1;color:var(--bgColor-default, var(--color-canvas-default));text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;background:linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%),var(--color-mktg-btn-bg) ;border:0;border-radius:.375rem;transition:box-shadow .2s,outline .2s ease;appearance:none }.btn-mktg::before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";background:linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%) ;border-radius:inherit;opacity:0;opacity:0;transition:opacity .2s;background-blend-mode:normal}.btn-mktg:hover{text-decoration:none;box-shadow:var(--color-mktg-btn-shadow-hover) }.btn-mktg:hover::before,.btn-mktg:focus::before,.btn-mktg:focus-visible::before,.btn-mktg.focus::before{opacity:1}.btn-mktg:focus{outline:2px solid var(--focus-outlineColor, var(--color-accent-fg));outline-offset:2px;box-shadow:none}.btn-mktg:focus:not(:focus-visible){outline:solid 1px rgba(0,0,0,0);box-shadow:none}.btn-mktg:focus-visible{outline:2px solid var(--focus-outlineColor, var(--color-accent-fg));outline-offset:2px;box-shadow:none}.btn-mktg:active::before{opacity:.5 }.btn-mktg.disabled,.btn-mktg[disabled]{pointer-events:none;cursor:default;opacity:.5}.btn-muted-mktg{color:var(--fgColor-default, var(--color-fg-default)) ;background:none ;box-shadow:var(--color-mktg-btn-shadow-outline)}.btn-muted-mktg::before{display:none}.btn-muted-mktg:hover{box-shadow:var(--color-mktg-btn-shadow-hover-muted) }.btn-muted-mktg:active{box-shadow:var(--fgColor-default, var(--color-fg-default)) 0 0 0 3px inset }.btn-muted-mktg:disabled{box-shadow:var(--fgColor-muted, var(--color-fg-subtle)) 0 0 0 1px inset }.btn-subtle-mktg{color:var(--fgColor-default, var(--color-fg-default)) ;background:none ;box-shadow:none }.btn-subtle-mktg::before{background:none }.btn-subtle-mktg:hover{box-shadow:var(--color-mktg-btn-shadow-hover-muted) }.btn-signup-mktg{color:#fff;background:linear-gradient(180deg, rgba(52, 183, 89, 0.15) 0%, rgba(46, 164, 79, 0) 100%),#2ea44f }.btn-signup-mktg::before{background:linear-gradient(180deg, rgba(52, 183, 89, 0.15) 0%, rgba(46, 164, 79, 0) 100%) }.btn-signup-mktg:focus{outline:2px solid var(--focus-outlineColor, var(--color-accent-fg));outline-offset:2px;box-shadow:none}.btn-signup-mktg:focus:not(:focus-visible){outline:solid 1px rgba(0,0,0,0);box-shadow:none}.btn-signup-mktg:focus-visible{outline:2px solid var(--focus-outlineColor, var(--color-accent-fg));outline-offset:2px;box-shadow:none}.btn-small-mktg{padding:.625rem 1rem .8125rem}.btn-large-mktg{padding:16px 30px 20px ;font-size:1.25rem}.link-mktg{position:relative;display:inline-block}.link-mktg:hover{text-decoration:none}.link-mktg::after,.link-mktg.link-emphasis-mktg::before{position:absolute;bottom:-0.15em;left:0;width:calc(100% - 1em);height:2px;pointer-events:none;content:"";background-color:currentColor;transform:scaleX(0);transform-origin:0 0}@media screen and (prefers-reduced-motion: no-preference){.link-mktg::after,.link-mktg.link-emphasis-mktg::before{transition:transform .3s ease}}.link-mktg.link-emphasis-mktg::before{opacity:.2;transform:scaleX(1)}.link-mktg:hover::after,.link-mktg:active::after{transform:scaleX(1)}.link-mktg:focus,.link-mktg:focus-visible{outline-offset:2px}.link-mktg.arrow-target-mktg .arrow-symbol-mktg{margin-left:-0.25em}.hover-grow-mktg{transition:transform .4s cubic-bezier(0.16, 1, 0.3, 1)}.hover-grow-mktg:hover{transform:scale3d(1.025, 1.025, 1.025)}.btn-mktg .octicon,.link-mktg .octicon,.arrow-target-mktg .octicon{width:1em;height:1em}.btn-mktg .arrow-symbol-mktg,.link-mktg .arrow-symbol-mktg,.arrow-target-mktg .arrow-symbol-mktg{transition:transform .2s;transform:translateX(0)}.btn-mktg .arrow-symbol-mktg path:last-child,.link-mktg .arrow-symbol-mktg path:last-child,.arrow-target-mktg .arrow-symbol-mktg path:last-child{stroke-dasharray:10;stroke-dashoffset:10;transition:stroke-dashoffset .2s}@media screen and (prefers-reduced-motion: no-preference){.btn-mktg:hover .arrow-symbol-mktg,.btn-mktg:focus .arrow-symbol-mktg,.link-mktg:hover .arrow-symbol-mktg,.link-mktg:focus .arrow-symbol-mktg,.arrow-target-mktg:hover .arrow-symbol-mktg,.arrow-target-mktg:focus .arrow-symbol-mktg{transform:translateX(4px)}.btn-mktg:hover .arrow-symbol-mktg path:last-child,.btn-mktg:focus .arrow-symbol-mktg path:last-child,.link-mktg:hover .arrow-symbol-mktg path:last-child,.link-mktg:focus .arrow-symbol-mktg path:last-child,.arrow-target-mktg:hover .arrow-symbol-mktg path:last-child,.arrow-target-mktg:focus .arrow-symbol-mktg path:last-child{stroke-dashoffset:20}.btn-mktg:active .arrow-symbol-mktg,.link-mktg:active .arrow-symbol-mktg,.arrow-target-mktg:active .arrow-symbol-mktg{transform:translateX(6px)}}.grayscale{filter:grayscale(100%)}.top-1{top:4px }.right-1{right:4px }.bottom-1{bottom:4px }.left-1{left:4px }.top-n1{top:-4px }.right-n1{right:-4px }.bottom-n1{bottom:-4px }.left-n1{left:-4px }.top-2{top:8px }.right-2{right:8px }.bottom-2{bottom:8px }.left-2{left:8px }.top-n2{top:-8px }.right-n2{right:-8px }.bottom-n2{bottom:-8px }.left-n2{left:-8px }.top-3{top:16px }.right-3{right:16px }.bottom-3{bottom:16px }.left-3{left:16px }.top-n3{top:-16px }.right-n3{right:-16px }.bottom-n3{bottom:-16px }.left-n3{left:-16px }.top-4{top:24px }.right-4{right:24px }.bottom-4{bottom:24px }.left-4{left:24px }.top-n4{top:-24px }.right-n4{right:-24px }.bottom-n4{bottom:-24px }.left-n4{left:-24px }.top-5{top:32px }.right-5{right:32px }.bottom-5{bottom:32px }.left-5{left:32px }.top-n5{top:-32px }.right-n5{right:-32px }.bottom-n5{bottom:-32px }.left-n5{left:-32px }.top-6{top:40px }.right-6{right:40px }.bottom-6{bottom:40px }.left-6{left:40px }.top-n6{top:-40px }.right-n6{right:-40px }.bottom-n6{bottom:-40px }.left-n6{left:-40px }.top-7{top:48px }.right-7{right:48px }.bottom-7{bottom:48px }.left-7{left:48px }.top-n7{top:-48px }.right-n7{right:-48px }.bottom-n7{bottom:-48px }.left-n7{left:-48px }.top-8{top:64px }.right-8{right:64px }.bottom-8{bottom:64px }.left-8{left:64px }.top-n8{top:-64px }.right-n8{right:-64px }.bottom-n8{bottom:-64px }.left-n8{left:-64px }.top-9{top:80px }.right-9{right:80px }.bottom-9{bottom:80px }.left-9{left:80px }.top-n9{top:-80px }.right-n9{right:-80px }.bottom-n9{bottom:-80px }.left-n9{left:-80px }.top-10{top:96px }.right-10{right:96px }.bottom-10{bottom:96px }.left-10{left:96px }.top-n10{top:-96px }.right-n10{right:-96px }.bottom-n10{bottom:-96px }.left-n10{left:-96px }.top-11{top:112px }.right-11{right:112px }.bottom-11{bottom:112px }.left-11{left:112px }.top-n11{top:-112px }.right-n11{right:-112px }.bottom-n11{bottom:-112px }.left-n11{left:-112px }.top-12{top:128px }.right-12{right:128px }.bottom-12{bottom:128px }.left-12{left:128px }.top-n12{top:-128px }.right-n12{right:-128px }.bottom-n12{bottom:-128px }.left-n12{left:-128px }@media(min-width: 768px){.top-md-0{top:0 }.right-md-0{right:0 }.bottom-md-0{bottom:0 }.left-md-0{left:0 }.top-md-1{top:4px }.right-md-1{right:4px }.bottom-md-1{bottom:4px }.left-md-1{left:4px }.top-md-n1{top:-4px }.right-md-n1{right:-4px }.bottom-md-n1{bottom:-4px }.left-md-n1{left:-4px }.top-md-2{top:8px }.right-md-2{right:8px }.bottom-md-2{bottom:8px }.left-md-2{left:8px }.top-md-n2{top:-8px }.right-md-n2{right:-8px }.bottom-md-n2{bottom:-8px }.left-md-n2{left:-8px }.top-md-3{top:16px }.right-md-3{right:16px }.bottom-md-3{bottom:16px }.left-md-3{left:16px }.top-md-n3{top:-16px }.right-md-n3{right:-16px }.bottom-md-n3{bottom:-16px }.left-md-n3{left:-16px }.top-md-4{top:24px }.right-md-4{right:24px }.bottom-md-4{bottom:24px }.left-md-4{left:24px }.top-md-n4{top:-24px }.right-md-n4{right:-24px }.bottom-md-n4{bottom:-24px }.left-md-n4{left:-24px }.top-md-5{top:32px }.right-md-5{right:32px }.bottom-md-5{bottom:32px }.left-md-5{left:32px }.top-md-n5{top:-32px }.right-md-n5{right:-32px }.bottom-md-n5{bottom:-32px }.left-md-n5{left:-32px }.top-md-6{top:40px }.right-md-6{right:40px }.bottom-md-6{bottom:40px }.left-md-6{left:40px }.top-md-n6{top:-40px }.right-md-n6{right:-40px }.bottom-md-n6{bottom:-40px }.left-md-n6{left:-40px }.top-md-7{top:48px }.right-md-7{right:48px }.bottom-md-7{bottom:48px }.left-md-7{left:48px }.top-md-n7{top:-48px }.right-md-n7{right:-48px }.bottom-md-n7{bottom:-48px }.left-md-n7{left:-48px }.top-md-8{top:64px }.right-md-8{right:64px }.bottom-md-8{bottom:64px }.left-md-8{left:64px }.top-md-n8{top:-64px }.right-md-n8{right:-64px }.bottom-md-n8{bottom:-64px }.left-md-n8{left:-64px }.top-md-9{top:80px }.right-md-9{right:80px }.bottom-md-9{bottom:80px }.left-md-9{left:80px }.top-md-n9{top:-80px }.right-md-n9{right:-80px }.bottom-md-n9{bottom:-80px }.left-md-n9{left:-80px }.top-md-10{top:96px }.right-md-10{right:96px }.bottom-md-10{bottom:96px }.left-md-10{left:96px }.top-md-n10{top:-96px }.right-md-n10{right:-96px }.bottom-md-n10{bottom:-96px }.left-md-n10{left:-96px }.top-md-11{top:112px }.right-md-11{right:112px }.bottom-md-11{bottom:112px }.left-md-11{left:112px }.top-md-n11{top:-112px }.right-md-n11{right:-112px }.bottom-md-n11{bottom:-112px }.left-md-n11{left:-112px }.top-md-12{top:128px }.right-md-12{right:128px }.bottom-md-12{bottom:128px }.left-md-12{left:128px }.top-md-n12{top:-128px }.right-md-n12{right:-128px }.bottom-md-n12{bottom:-128px }.left-md-n12{left:-128px }}@media(min-width: 1012px){.top-lg-0{top:0 }.right-lg-0{right:0 }.bottom-lg-0{bottom:0 }.left-lg-0{left:0 }.top-lg-1{top:4px }.right-lg-1{right:4px }.bottom-lg-1{bottom:4px }.left-lg-1{left:4px }.top-lg-n1{top:-4px }.right-lg-n1{right:-4px }.bottom-lg-n1{bottom:-4px }.left-lg-n1{left:-4px }.top-lg-2{top:8px }.right-lg-2{right:8px }.bottom-lg-2{bottom:8px }.left-lg-2{left:8px }.top-lg-n2{top:-8px }.right-lg-n2{right:-8px }.bottom-lg-n2{bottom:-8px }.left-lg-n2{left:-8px }.top-lg-3{top:16px }.right-lg-3{right:16px }.bottom-lg-3{bottom:16px }.left-lg-3{left:16px }.top-lg-n3{top:-16px }.right-lg-n3{right:-16px }.bottom-lg-n3{bottom:-16px }.left-lg-n3{left:-16px }.top-lg-4{top:24px }.right-lg-4{right:24px }.bottom-lg-4{bottom:24px }.left-lg-4{left:24px }.top-lg-n4{top:-24px }.right-lg-n4{right:-24px }.bottom-lg-n4{bottom:-24px }.left-lg-n4{left:-24px }.top-lg-5{top:32px }.right-lg-5{right:32px }.bottom-lg-5{bottom:32px }.left-lg-5{left:32px }.top-lg-n5{top:-32px }.right-lg-n5{right:-32px }.bottom-lg-n5{bottom:-32px }.left-lg-n5{left:-32px }.top-lg-6{top:40px }.right-lg-6{right:40px }.bottom-lg-6{bottom:40px }.left-lg-6{left:40px }.top-lg-n6{top:-40px }.right-lg-n6{right:-40px }.bottom-lg-n6{bottom:-40px }.left-lg-n6{left:-40px }.top-lg-7{top:48px }.right-lg-7{right:48px }.bottom-lg-7{bottom:48px }.left-lg-7{left:48px }.top-lg-n7{top:-48px }.right-lg-n7{right:-48px }.bottom-lg-n7{bottom:-48px }.left-lg-n7{left:-48px }.top-lg-8{top:64px }.right-lg-8{right:64px }.bottom-lg-8{bottom:64px }.left-lg-8{left:64px }.top-lg-n8{top:-64px }.right-lg-n8{right:-64px }.bottom-lg-n8{bottom:-64px }.left-lg-n8{left:-64px }.top-lg-9{top:80px }.right-lg-9{right:80px }.bottom-lg-9{bottom:80px }.left-lg-9{left:80px }.top-lg-n9{top:-80px }.right-lg-n9{right:-80px }.bottom-lg-n9{bottom:-80px }.left-lg-n9{left:-80px }.top-lg-10{top:96px }.right-lg-10{right:96px }.bottom-lg-10{bottom:96px }.left-lg-10{left:96px }.top-lg-n10{top:-96px }.right-lg-n10{right:-96px }.bottom-lg-n10{bottom:-96px }.left-lg-n10{left:-96px }.top-lg-11{top:112px }.right-lg-11{right:112px }.bottom-lg-11{bottom:112px }.left-lg-11{left:112px }.top-lg-n11{top:-112px }.right-lg-n11{right:-112px }.bottom-lg-n11{bottom:-112px }.left-lg-n11{left:-112px }.top-lg-12{top:128px }.right-lg-12{right:128px }.bottom-lg-12{bottom:128px }.left-lg-12{left:128px }.top-lg-n12{top:-128px }.right-lg-n12{right:-128px }.bottom-lg-n12{bottom:-128px }.left-lg-n12{left:-128px }}.offset-n1{margin-left:-8.33333333%}.offset-n2{margin-left:-16.66666666%}.offset-n3{margin-left:-24.99999999%}.offset-n4{margin-left:-33.33333332%}.offset-n5{margin-left:-41.66666665%}.offset-n6{margin-left:-49.99999998%}.offset-n7{margin-left:-58.33333331%}@media(min-width: 544px){.offset-sm-n1{margin-left:-8.33333333%}.offset-sm-n2{margin-left:-16.66666666%}.offset-sm-n3{margin-left:-24.99999999%}.offset-sm-n4{margin-left:-33.33333332%}.offset-sm-n5{margin-left:-41.66666665%}.offset-sm-n6{margin-left:-49.99999998%}.offset-sm-n7{margin-left:-58.33333331%}}@media(min-width: 768px){.offset-md-n1{margin-left:-8.33333333%}.offset-md-n2{margin-left:-16.66666666%}.offset-md-n3{margin-left:-24.99999999%}.offset-md-n4{margin-left:-33.33333332%}.offset-md-n5{margin-left:-41.66666665%}.offset-md-n6{margin-left:-49.99999998%}.offset-md-n7{margin-left:-58.33333331%}}@media(min-width: 1012px){.offset-lg-n1{margin-left:-8.33333333%}.offset-lg-n2{margin-left:-16.66666666%}.offset-lg-n3{margin-left:-24.99999999%}.offset-lg-n4{margin-left:-33.33333332%}.offset-lg-n5{margin-left:-41.66666665%}.offset-lg-n6{margin-left:-49.99999998%}.offset-lg-n7{margin-left:-58.33333331%}}@media(min-width: 1280px){.offset-xl-n1{margin-left:-8.33333333%}.offset-xl-n2{margin-left:-16.66666666%}.offset-xl-n3{margin-left:-24.99999999%}.offset-xl-n4{margin-left:-33.33333332%}.offset-xl-n5{margin-left:-41.66666665%}.offset-xl-n6{margin-left:-49.99999998%}.offset-xl-n7{margin-left:-58.33333331%}}.width-auto{width:auto }.height-auto{height:auto }.object-fit-cover{object-fit:cover }.z-1{z-index:1 }.z-2{z-index:2 }.z-3{z-index:3 }.z-n1{z-index:-1 }.z-n2{z-index:-2 }
/*# sourceMappingURL=marketing.css.map */