.padding-left-very-small{padding-left:4px}.margin-left-very-small{margin-left:4px}.padding-right-very-small{padding-right:4px}.margin-right-very-small{margin-right:4px}.padding-bottom-very-small{padding-bottom:4px}.margin-bottom-very-small{margin-bottom:4px}.padding-top-very-small{padding-top:4px}.margin-top-very-small{margin-top:4px}.width-very-small{width:4px}.height-very-small{height:4px}.padding-left-small{padding-left:8px}.margin-left-small{margin-left:8px}.padding-right-small{padding-right:8px}.margin-right-small{margin-right:8px}.padding-bottom-small{padding-bottom:8px}.margin-bottom-small{margin-bottom:8px}.padding-top-small{padding-top:8px}.margin-top-small,.progress-segment{margin-top:8px}.width-small{width:8px}.height-small{height:8px}.padding-left-normal{padding-left:12px}.margin-left-normal{margin-left:12px}.padding-right-normal{padding-right:12px}.margin-right-normal{margin-right:12px}.padding-bottom-normal{padding-bottom:12px}.margin-bottom-normal{margin-bottom:12px}.padding-top-normal,.design-pattern-image-caption{padding-top:12px}.margin-top-normal{margin-top:12px}.width-normal{width:12px}.height-normal{height:12px}.padding-left-large-1{padding-left:16px}.margin-left-large-1{margin-left:16px}.padding-right-large-1{padding-right:16px}.margin-right-large-1{margin-right:16px}.padding-bottom-large-1{padding-bottom:16px}.margin-bottom-large-1,.design-pattern-content-text h3{margin-bottom:16px}.padding-top-large-1{padding-top:16px}.margin-top-large-1{margin-top:16px}.width-large-1{width:16px}.height-large-1{height:16px}.padding-left-large-1-2{padding-left:22px}.margin-left-large-1-2{margin-left:22px}.padding-right-large-1-2{padding-right:22px}.margin-right-large-1-2{margin-right:22px}.padding-bottom-large-1-2{padding-bottom:22px}.margin-bottom-large-1-2{margin-bottom:22px}.padding-top-large-1-2{padding-top:22px}.margin-top-large-1-2{margin-top:22px}.width-large-1-2{width:22px}.height-large-1-2{height:22px}.padding-left-large-2{padding-left:24px}.margin-left-large-2,.design-pattern-content-text ol{margin-left:24px}.padding-right-large-2{padding-right:24px}.margin-right-large-2{margin-right:24px}.padding-bottom-large-2,.design-pattern-hero-subtitle{padding-bottom:24px}.margin-bottom-large-2,.design-pattern-content-text h2,.design-pattern-index-list-item{margin-bottom:24px}.padding-top-large-2{padding-top:24px}.margin-top-large-2{margin-top:24px}.width-large-2{width:24px}.height-large-2{height:24px}.padding-left-large-3{padding-left:32px}.margin-left-large-3{margin-left:32px}.padding-right-large-3,.design-pattern-hero-category-text{padding-right:32px}.margin-right-large-3{margin-right:32px}.padding-bottom-large-3{padding-bottom:32px}.margin-bottom-large-3,.design-pattern-index-headline{margin-bottom:32px}.padding-top-large-3,.design-pattern-hero-category-text{padding-top:32px}.margin-top-large-3,.design-pattern-content-text h3,.design-pattern-content-text h4,.design-pattern-content-citation{margin-top:32px}.width-large-3{width:32px}.height-large-3{height:32px}.padding-left-large-3-2{padding-left:40px}.margin-left-large-3-2{margin-left:40px}.padding-right-large-3-2{padding-right:40px}.margin-right-large-3-2{margin-right:40px}.padding-bottom-large-3-2{padding-bottom:40px}.margin-bottom-large-3-2{margin-bottom:40px}.padding-top-large-3-2{padding-top:40px}.margin-top-large-3-2{margin-top:40px}.width-large-3-2{width:40px}.height-large-3-2{height:40px}.padding-left-large-4{padding-left:48px}.margin-left-large-4{margin-left:48px}.padding-right-large-4{padding-right:48px}.margin-right-large-4,.design-pattern-content-text ol{margin-right:48px}.padding-bottom-large-4{padding-bottom:48px}.margin-bottom-large-4{margin-bottom:48px}.padding-top-large-4,.design-pattern-hero-subtitle{padding-top:48px}.margin-top-large-4{margin-top:48px}.width-large-4,.color-box{width:48px}.height-large-4,.color-box{height:48px}.padding-left-large-5{padding-left:64px}.margin-left-large-5{margin-left:64px}.padding-right-large-5{padding-right:64px}.margin-right-large-5{margin-right:64px}.padding-bottom-large-5{padding-bottom:64px}.margin-bottom-large-5,.design-pattern-content-citation{margin-bottom:64px}.padding-top-large-5{padding-top:64px}.margin-top-large-5,.design-pattern-content-text h2,.design-pattern-index-list,.design-pattern-index-navigation{margin-top:64px}.width-large-5{width:64px}.height-large-5{height:64px}.padding-left-large-6{padding-left:96px}.margin-left-large-6{margin-left:96px}.padding-right-large-6{padding-right:96px}.margin-right-large-6{margin-right:96px}.padding-bottom-large-6{padding-bottom:96px}.margin-bottom-large-6{margin-bottom:96px}.padding-top-large-6,.design-pattern-index-content{padding-top:96px}.margin-top-large-6,.design-pattern-content,.design-pattern-image-container,.design-pattern-content-indicators{margin-top:96px}.width-large-6{width:96px}.height-large-6{height:96px}.padding-left-large-7{padding-left:128px}.margin-left-large-7{margin-left:128px}.padding-right-large-7{padding-right:128px}.margin-right-large-7{margin-right:128px}.padding-bottom-large-7{padding-bottom:128px}.margin-bottom-large-7{margin-bottom:128px}.padding-top-large-7{padding-top:128px}.margin-top-large-7{margin-top:128px}.width-large-7{width:128px}.height-large-7{height:128px}.padding-left-large-7-2,.design-pattern-index-content{padding-left:175px}.margin-left-large-7-2{margin-left:175px}.padding-right-large-7-2{padding-right:175px}.margin-right-large-7-2{margin-right:175px}.padding-bottom-large-7-2{padding-bottom:175px}.margin-bottom-large-7-2{margin-bottom:175px}.padding-top-large-7-2{padding-top:175px}.margin-top-large-7-2{margin-top:175px}.width-large-7-2{width:175px}.height-large-7-2{height:175px}.padding-left-large-8{padding-left:256px}.margin-left-large-8{margin-left:256px}.padding-right-large-8{padding-right:256px}.margin-right-large-8{margin-right:256px}.padding-bottom-large-8{padding-bottom:256px}.margin-bottom-large-8{margin-bottom:256px}.padding-top-large-8{padding-top:256px}.margin-top-large-8{margin-top:256px}.width-large-8{width:256px}.height-large-8{height:256px}.padding-left-large-8-2{padding-left:300px}.margin-left-large-8-2{margin-left:300px}.padding-right-large-8-2{padding-right:300px}.margin-right-large-8-2{margin-right:300px}.padding-bottom-large-8-2{padding-bottom:300px}.margin-bottom-large-8-2{margin-bottom:300px}.padding-top-large-8-2{padding-top:300px}.margin-top-large-8-2{margin-top:300px}.width-large-8-2{width:300px}.height-large-8-2{height:300px}.padding-left-large-8-5{padding-left:350px}.margin-left-large-8-5{margin-left:350px}.padding-right-large-8-5{padding-right:350px}.margin-right-large-8-5{margin-right:350px}.padding-bottom-large-8-5{padding-bottom:350px}.margin-bottom-large-8-5{margin-bottom:350px}.padding-top-large-8-5{padding-top:350px}.margin-top-large-8-5{margin-top:350px}.width-large-8-5{width:350px}.height-large-8-5{height:350px}.padding-left-large-9{padding-left:384px}.margin-left-large-9{margin-left:384px}.padding-right-large-9{padding-right:384px}.margin-right-large-9{margin-right:384px}.padding-bottom-large-9{padding-bottom:384px}.margin-bottom-large-9{margin-bottom:384px}.padding-top-large-9{padding-top:384px}.margin-top-large-9{margin-top:384px}.width-large-9{width:384px}.height-large-9{height:384px}.padding-left-large-9-2{padding-left:450px}.margin-left-large-9-2{margin-left:450px}.padding-right-large-9-2{padding-right:450px}.margin-right-large-9-2{margin-right:450px}.padding-bottom-large-9-2{padding-bottom:450px}.margin-bottom-large-9-2{margin-bottom:450px}.padding-top-large-9-2{padding-top:450px}.margin-top-large-9-2{margin-top:450px}.width-large-9-2{width:450px}.height-large-9-2{height:450px}.padding-left-large-10{padding-left:512px}.margin-left-large-10{margin-left:512px}.padding-right-large-10{padding-right:512px}.margin-right-large-10{margin-right:512px}.padding-bottom-large-10{padding-bottom:512px}.margin-bottom-large-10{margin-bottom:512px}.padding-top-large-10{padding-top:512px}.margin-top-large-10{margin-top:512px}.width-large-10{width:512px}.height-large-10{height:512px}.padding-left-large-11{padding-left:640px}.margin-left-large-11{margin-left:640px}.padding-right-large-11{padding-right:640px}.margin-right-large-11{margin-right:640px}.padding-bottom-large-11{padding-bottom:640px}.margin-bottom-large-11{margin-bottom:640px}.padding-top-large-11{padding-top:640px}.margin-top-large-11{margin-top:640px}.width-large-11{width:640px}.height-large-11{height:640px}.padding-left-large-12{padding-left:768px}.margin-left-large-12{margin-left:768px}.padding-right-large-12{padding-right:768px}.margin-right-large-12{margin-right:768px}.padding-bottom-large-12{padding-bottom:768px}.margin-bottom-large-12{margin-bottom:768px}.padding-top-large-12{padding-top:768px}.margin-top-large-12{margin-top:768px}.width-large-12{width:768px}.height-large-12{height:768px}.padding-left-large-12-2{padding-left:950px}.margin-left-large-12-2{margin-left:950px}.padding-right-large-12-2{padding-right:950px}.margin-right-large-12-2{margin-right:950px}.padding-bottom-large-12-2{padding-bottom:950px}.margin-bottom-large-12-2{margin-bottom:950px}.padding-top-large-12-2{padding-top:950px}.margin-top-large-12-2{margin-top:950px}.width-large-12-2{width:950px}.height-large-12-2{height:950px}.padding-left-large-13{padding-left:1024px}.margin-left-large-13{margin-left:1024px}.padding-right-large-13{padding-right:1024px}.margin-right-large-13{margin-right:1024px}.padding-bottom-large-13{padding-bottom:1024px}.margin-bottom-large-13{margin-bottom:1024px}.padding-top-large-13{padding-top:1024px}.margin-top-large-13{margin-top:1024px}.width-large-13{width:1024px}.height-large-13{height:1024px}.padding-left-auto,.padding-horizontal-auto{padding-left:auto}.margin-left-auto,.margin-horizontal-auto{margin-left:auto}.padding-right-auto,.padding-horizontal-auto{padding-right:auto}.margin-right-auto,.margin-horizontal-auto{margin-right:auto}.padding-bottom-auto{padding-bottom:auto}.margin-bottom-auto{margin-bottom:auto}.padding-top-auto{padding-top:auto}.margin-top-auto{margin-top:auto}.width-auto{width:auto}.height-auto{height:auto}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:url("./fonts/open-sans-v27-latin-regular.eot");src:local(""),url("./fonts/open-sans-v27-latin-regular.eot?#iefix") format("embedded-opentype"),url("./fonts/open-sans-v27-latin-regular.woff2") format("woff2"),url("./fonts/open-sans-v27-latin-regular.woff") format("woff"),url("./fonts/open-sans-v27-latin-regular.ttf") format("truetype"),url("./fonts/open-sans-v27-latin-regular.svg#OpenSans") format("svg")}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:url("./fonts/open-sans-v27-latin-700.eot");src:local(""),url("./fonts/open-sans-v27-latin-700.eot?#iefix") format("embedded-opentype"),url("./fonts/open-sans-v27-latin-700.woff2") format("woff2"),url("./fonts/open-sans-v27-latin-700.woff") format("woff"),url("./fonts/open-sans-v27-latin-700.ttf") format("truetype"),url("./fonts/open-sans-v27-latin-700.svg#OpenSans") format("svg")}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:url("./fonts/open-sans-v27-latin-800.eot");src:local(""),url("./fonts/open-sans-v27-latin-800.eot?#iefix") format("embedded-opentype"),url("./fonts/open-sans-v27-latin-800.woff2") format("woff2"),url("./fonts/open-sans-v27-latin-800.woff") format("woff"),url("./fonts/open-sans-v27-latin-800.ttf") format("truetype"),url("./fonts/open-sans-v27-latin-800.svg#OpenSans") format("svg")}.normal-font,.font-weight-normal,.normal-text,.normal-caption,.design-pattern-hero-subtitle,.design-pattern-content-text,.design-pattern-index-content,.design-pattern-content-indicators,.design-pattern-reference,.font-weight-bold,.section-title,.link,.link:hover,.design-pattern-hero-title,.design-pattern-hero-category-text,.design-pattern-content-citation-text,.design-pattern-navigation-item,.progress-indicator,.font-weight-very-bold{font-family:'Open Sans'}.font-weight-normal,.normal-text,.normal-caption,.design-pattern-hero-subtitle,.design-pattern-content-text,.design-pattern-index-content,.design-pattern-content-indicators,.design-pattern-reference{font-weight:normal}.font-weight-bold,.section-title,.link,.link:hover,.design-pattern-hero-title,.design-pattern-hero-category-text,.design-pattern-content-citation-text,.design-pattern-navigation-item,.progress-indicator{font-weight:bold}.font-weight-very-bold{font-weight:800}.font-decrease-letter-spacing{letter-spacing:-0.05em}.font-increase-letter-spacing,.section-title{letter-spacing:0.05em;word-spacing:0.25em}.font-uppercase,.section-title{text-transform:uppercase}.font-very-small{font-size:12px}.font-small{font-size:14px}.font-normal,.normal-text{font-size:16px}.font-large-1,.design-pattern-hero-category-text,.progress-indicator{font-size:18px}.font-large-2,.design-pattern-navigation-item{font-size:20px}.font-large-3,.design-pattern-hero-subtitle{font-size:24px}.font-large-4{font-size:30px}.font-large-5{font-size:36px}.font-large-6{font-size:48px}.font-large-7{font-size:60px}.font-large-8{font-size:72px}.font-very-small{font-size:12px}.font-small{font-size:14px}.font-normal,.normal-text{font-size:16px}.font-large-1,.design-pattern-hero-category-text,.progress-indicator{font-size:18px}.font-large-2,.design-pattern-navigation-item{font-size:20px}.font-large-3,.design-pattern-hero-subtitle{font-size:24px}.font-large-4{font-size:30px}.font-large-5{font-size:36px}.font-large-6{font-size:48px}.font-large-7{font-size:60px}.font-large-8{font-size:72px}.padding-left-very-small{padding-left:4px}.margin-left-very-small{margin-left:4px}.padding-right-very-small{padding-right:4px}.margin-right-very-small{margin-right:4px}.padding-bottom-very-small{padding-bottom:4px}.margin-bottom-very-small{margin-bottom:4px}.padding-top-very-small{padding-top:4px}.margin-top-very-small{margin-top:4px}.width-very-small{width:4px}.height-very-small{height:4px}.padding-left-small{padding-left:8px}.margin-left-small{margin-left:8px}.padding-right-small{padding-right:8px}.margin-right-small{margin-right:8px}.padding-bottom-small{padding-bottom:8px}.margin-bottom-small{margin-bottom:8px}.padding-top-small{padding-top:8px}.margin-top-small,.progress-segment{margin-top:8px}.width-small{width:8px}.height-small{height:8px}.padding-left-normal{padding-left:12px}.margin-left-normal{margin-left:12px}.padding-right-normal{padding-right:12px}.margin-right-normal{margin-right:12px}.padding-bottom-normal{padding-bottom:12px}.margin-bottom-normal{margin-bottom:12px}.padding-top-normal,.design-pattern-image-caption{padding-top:12px}.margin-top-normal{margin-top:12px}.width-normal{width:12px}.height-normal{height:12px}.padding-left-large-1{padding-left:16px}.margin-left-large-1{margin-left:16px}.padding-right-large-1{padding-right:16px}.margin-right-large-1{margin-right:16px}.padding-bottom-large-1{padding-bottom:16px}.margin-bottom-large-1,.design-pattern-content-text h3{margin-bottom:16px}.padding-top-large-1{padding-top:16px}.margin-top-large-1{margin-top:16px}.width-large-1{width:16px}.height-large-1{height:16px}.padding-left-large-1-2{padding-left:22px}.margin-left-large-1-2{margin-left:22px}.padding-right-large-1-2{padding-right:22px}.margin-right-large-1-2{margin-right:22px}.padding-bottom-large-1-2{padding-bottom:22px}.margin-bottom-large-1-2{margin-bottom:22px}.padding-top-large-1-2{padding-top:22px}.margin-top-large-1-2{margin-top:22px}.width-large-1-2{width:22px}.height-large-1-2{height:22px}.padding-left-large-2{padding-left:24px}.margin-left-large-2,.design-pattern-content-text ol{margin-left:24px}.padding-right-large-2{padding-right:24px}.margin-right-large-2{margin-right:24px}.padding-bottom-large-2,.design-pattern-hero-subtitle{padding-bottom:24px}.margin-bottom-large-2,.design-pattern-content-text h2,.design-pattern-index-list-item{margin-bottom:24px}.padding-top-large-2{padding-top:24px}.margin-top-large-2{margin-top:24px}.width-large-2{width:24px}.height-large-2{height:24px}.padding-left-large-3{padding-left:32px}.margin-left-large-3{margin-left:32px}.padding-right-large-3,.design-pattern-hero-category-text{padding-right:32px}.margin-right-large-3{margin-right:32px}.padding-bottom-large-3{padding-bottom:32px}.margin-bottom-large-3,.design-pattern-index-headline{margin-bottom:32px}.padding-top-large-3,.design-pattern-hero-category-text{padding-top:32px}.margin-top-large-3,.design-pattern-content-text h3,.design-pattern-content-text h4,.design-pattern-content-citation{margin-top:32px}.width-large-3{width:32px}.height-large-3{height:32px}.padding-left-large-3-2{padding-left:40px}.margin-left-large-3-2{margin-left:40px}.padding-right-large-3-2{padding-right:40px}.margin-right-large-3-2{margin-right:40px}.padding-bottom-large-3-2{padding-bottom:40px}.margin-bottom-large-3-2{margin-bottom:40px}.padding-top-large-3-2{padding-top:40px}.margin-top-large-3-2{margin-top:40px}.width-large-3-2{width:40px}.height-large-3-2{height:40px}.padding-left-large-4{padding-left:48px}.margin-left-large-4{margin-left:48px}.padding-right-large-4{padding-right:48px}.margin-right-large-4,.design-pattern-content-text ol{margin-right:48px}.padding-bottom-large-4{padding-bottom:48px}.margin-bottom-large-4{margin-bottom:48px}.padding-top-large-4,.design-pattern-hero-subtitle{padding-top:48px}.margin-top-large-4{margin-top:48px}.width-large-4,.color-box{width:48px}.height-large-4,.color-box{height:48px}.padding-left-large-5{padding-left:64px}.margin-left-large-5{margin-left:64px}.padding-right-large-5{padding-right:64px}.margin-right-large-5{margin-right:64px}.padding-bottom-large-5{padding-bottom:64px}.margin-bottom-large-5,.design-pattern-content-citation{margin-bottom:64px}.padding-top-large-5{padding-top:64px}.margin-top-large-5,.design-pattern-content-text h2,.design-pattern-index-list,.design-pattern-index-navigation{margin-top:64px}.width-large-5{width:64px}.height-large-5{height:64px}.padding-left-large-6{padding-left:96px}.margin-left-large-6{margin-left:96px}.padding-right-large-6{padding-right:96px}.margin-right-large-6{margin-right:96px}.padding-bottom-large-6{padding-bottom:96px}.margin-bottom-large-6{margin-bottom:96px}.padding-top-large-6,.design-pattern-index-content{padding-top:96px}.margin-top-large-6,.design-pattern-content,.design-pattern-image-container,.design-pattern-content-indicators{margin-top:96px}.width-large-6{width:96px}.height-large-6{height:96px}.padding-left-large-7{padding-left:128px}.margin-left-large-7{margin-left:128px}.padding-right-large-7{padding-right:128px}.margin-right-large-7{margin-right:128px}.padding-bottom-large-7{padding-bottom:128px}.margin-bottom-large-7{margin-bottom:128px}.padding-top-large-7{padding-top:128px}.margin-top-large-7{margin-top:128px}.width-large-7{width:128px}.height-large-7{height:128px}.padding-left-large-7-2,.design-pattern-index-content{padding-left:175px}.margin-left-large-7-2{margin-left:175px}.padding-right-large-7-2{padding-right:175px}.margin-right-large-7-2{margin-right:175px}.padding-bottom-large-7-2{padding-bottom:175px}.margin-bottom-large-7-2{margin-bottom:175px}.padding-top-large-7-2{padding-top:175px}.margin-top-large-7-2{margin-top:175px}.width-large-7-2{width:175px}.height-large-7-2{height:175px}.padding-left-large-8{padding-left:256px}.margin-left-large-8{margin-left:256px}.padding-right-large-8{padding-right:256px}.margin-right-large-8{margin-right:256px}.padding-bottom-large-8{padding-bottom:256px}.margin-bottom-large-8{margin-bottom:256px}.padding-top-large-8{padding-top:256px}.margin-top-large-8{margin-top:256px}.width-large-8{width:256px}.height-large-8{height:256px}.padding-left-large-8-2{padding-left:300px}.margin-left-large-8-2{margin-left:300px}.padding-right-large-8-2{padding-right:300px}.margin-right-large-8-2{margin-right:300px}.padding-bottom-large-8-2{padding-bottom:300px}.margin-bottom-large-8-2{margin-bottom:300px}.padding-top-large-8-2{padding-top:300px}.margin-top-large-8-2{margin-top:300px}.width-large-8-2{width:300px}.height-large-8-2{height:300px}.padding-left-large-8-5{padding-left:350px}.margin-left-large-8-5{margin-left:350px}.padding-right-large-8-5{padding-right:350px}.margin-right-large-8-5{margin-right:350px}.padding-bottom-large-8-5{padding-bottom:350px}.margin-bottom-large-8-5{margin-bottom:350px}.padding-top-large-8-5{padding-top:350px}.margin-top-large-8-5{margin-top:350px}.width-large-8-5{width:350px}.height-large-8-5{height:350px}.padding-left-large-9{padding-left:384px}.margin-left-large-9{margin-left:384px}.padding-right-large-9{padding-right:384px}.margin-right-large-9{margin-right:384px}.padding-bottom-large-9{padding-bottom:384px}.margin-bottom-large-9{margin-bottom:384px}.padding-top-large-9{padding-top:384px}.margin-top-large-9{margin-top:384px}.width-large-9{width:384px}.height-large-9{height:384px}.padding-left-large-9-2{padding-left:450px}.margin-left-large-9-2{margin-left:450px}.padding-right-large-9-2{padding-right:450px}.margin-right-large-9-2{margin-right:450px}.padding-bottom-large-9-2{padding-bottom:450px}.margin-bottom-large-9-2{margin-bottom:450px}.padding-top-large-9-2{padding-top:450px}.margin-top-large-9-2{margin-top:450px}.width-large-9-2{width:450px}.height-large-9-2{height:450px}.padding-left-large-10{padding-left:512px}.margin-left-large-10{margin-left:512px}.padding-right-large-10{padding-right:512px}.margin-right-large-10{margin-right:512px}.padding-bottom-large-10{padding-bottom:512px}.margin-bottom-large-10{margin-bottom:512px}.padding-top-large-10{padding-top:512px}.margin-top-large-10{margin-top:512px}.width-large-10{width:512px}.height-large-10{height:512px}.padding-left-large-11{padding-left:640px}.margin-left-large-11{margin-left:640px}.padding-right-large-11{padding-right:640px}.margin-right-large-11{margin-right:640px}.padding-bottom-large-11{padding-bottom:640px}.margin-bottom-large-11{margin-bottom:640px}.padding-top-large-11{padding-top:640px}.margin-top-large-11{margin-top:640px}.width-large-11{width:640px}.height-large-11{height:640px}.padding-left-large-12{padding-left:768px}.margin-left-large-12{margin-left:768px}.padding-right-large-12{padding-right:768px}.margin-right-large-12{margin-right:768px}.padding-bottom-large-12{padding-bottom:768px}.margin-bottom-large-12{margin-bottom:768px}.padding-top-large-12{padding-top:768px}.margin-top-large-12{margin-top:768px}.width-large-12{width:768px}.height-large-12{height:768px}.padding-left-large-12-2{padding-left:950px}.margin-left-large-12-2{margin-left:950px}.padding-right-large-12-2{padding-right:950px}.margin-right-large-12-2{margin-right:950px}.padding-bottom-large-12-2{padding-bottom:950px}.margin-bottom-large-12-2{margin-bottom:950px}.padding-top-large-12-2{padding-top:950px}.margin-top-large-12-2{margin-top:950px}.width-large-12-2{width:950px}.height-large-12-2{height:950px}.padding-left-large-13{padding-left:1024px}.margin-left-large-13{margin-left:1024px}.padding-right-large-13{padding-right:1024px}.margin-right-large-13{margin-right:1024px}.padding-bottom-large-13{padding-bottom:1024px}.margin-bottom-large-13{margin-bottom:1024px}.padding-top-large-13{padding-top:1024px}.margin-top-large-13{margin-top:1024px}.width-large-13{width:1024px}.height-large-13{height:1024px}.padding-left-auto,.padding-horizontal-auto{padding-left:auto}.margin-left-auto,.margin-horizontal-auto{margin-left:auto}.padding-right-auto,.padding-horizontal-auto{padding-right:auto}.margin-right-auto,.margin-horizontal-auto{margin-right:auto}.padding-bottom-auto{padding-bottom:auto}.margin-bottom-auto{margin-bottom:auto}.padding-top-auto{padding-top:auto}.margin-top-auto{margin-top:auto}.width-auto{width:auto}.height-auto{height:auto}.color-box{border:1px solid black;border-radius:5px}.background-black-1{background:#242424}.foreground-black-1,.section-title,.normal-caption,.link,.link:hover,.design-pattern-hero-title{color:#242424}.background-black-2{background:#3b3b3b}.foreground-black-2{color:#3b3b3b}.background-gray-1{background:#44464b}.foreground-gray-1,.normal-text,.design-pattern-image-caption,.design-pattern-content-text,.design-pattern-content-text a,.design-pattern-content-text a:hover,.design-pattern-content-text h2,.design-pattern-content-text h3,.design-pattern-content-text h4,.design-pattern-index-content,.design-pattern-index-content a,.design-pattern-index-content a:hover,.design-pattern-index-link,.design-pattern-index-link:hover,.design-pattern-content-indicators,.design-pattern-reference,.design-pattern-reference-list a,.design-pattern-reference-list a:hover{color:#44464b}.background-gray-2{background:#6d7178}.foreground-gray-2,.design-pattern-hero-category-text,.design-pattern-hero-subtitle,.design-pattern-content-citation-text{color:#6d7178}.background-gray-3{background:#93979f}.foreground-gray-3{color:#93979f}.background-gray-4{background:#c9cbcf}.foreground-gray-4{color:#c9cbcf}.background-gray-4-2{background:#dfe0e2}.foreground-gray-4-2{color:#dfe0e2}.background-gray-4-3{background:#edeff3}.foreground-gray-4-3{color:#edeff3}.background-gray-5{background:#f6f7f9}.foreground-gray-5{color:#f6f7f9}.background-white-1{background:#fff}.foreground-white-1{color:#fff}.background-yellow-1{background:#e69900}.foreground-yellow-1{color:#e69900}.background-yellow-2{background:#ffc61a}.foreground-yellow-2{color:#ffc61a}.background-yellow-3{background:#ffd91a}.foreground-yellow-3{color:#ffd91a}.background-yellow-4{background:#ffe01a}.foreground-yellow-4{color:#ffe01a}.background-yellow-5{background:#fbe514}.foreground-yellow-5{color:#fbe514}.background-yellow-6{background:#ffee80}.foreground-yellow-6{color:#ffee80}.background-yellow-7{background:#fff5b3}.foreground-yellow-7{color:#fff5b3}.background-blue-4{background:#05acff}.foreground-blue-4{color:#05acff}.background-blue-7{background:#b3e6ff}.foreground-blue-7{color:#b3e6ff}.background-green-4{background:#66d214}.foreground-green-4{color:#66d214}.background-green-7{background:#d4ffb3}.foreground-green-7{color:#d4ffb3}.flex-horizontal-center{display:flex;justify-content:center}.flex-vertical{display:flex;flex-direction:column}.flex-horizontal-start{display:flex;justify-content:flex-start}.flex-horizontal-space-between{display:flex;justify-content:space-between}.flex-horizontal-space-around-evenly{display:flex;justify-content:space-evenly}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:url("./fonts/open-sans-v27-latin-regular.eot");src:local(""),url("./fonts/open-sans-v27-latin-regular.eot?#iefix") format("embedded-opentype"),url("./fonts/open-sans-v27-latin-regular.woff2") format("woff2"),url("./fonts/open-sans-v27-latin-regular.woff") format("woff"),url("./fonts/open-sans-v27-latin-regular.ttf") format("truetype"),url("./fonts/open-sans-v27-latin-regular.svg#OpenSans") format("svg")}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:url("./fonts/open-sans-v27-latin-700.eot");src:local(""),url("./fonts/open-sans-v27-latin-700.eot?#iefix") format("embedded-opentype"),url("./fonts/open-sans-v27-latin-700.woff2") format("woff2"),url("./fonts/open-sans-v27-latin-700.woff") format("woff"),url("./fonts/open-sans-v27-latin-700.ttf") format("truetype"),url("./fonts/open-sans-v27-latin-700.svg#OpenSans") format("svg")}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:url("./fonts/open-sans-v27-latin-800.eot");src:local(""),url("./fonts/open-sans-v27-latin-800.eot?#iefix") format("embedded-opentype"),url("./fonts/open-sans-v27-latin-800.woff2") format("woff2"),url("./fonts/open-sans-v27-latin-800.woff") format("woff"),url("./fonts/open-sans-v27-latin-800.ttf") format("truetype"),url("./fonts/open-sans-v27-latin-800.svg#OpenSans") format("svg")}.normal-font,.font-weight-normal,.normal-text,.normal-caption,.design-pattern-hero-subtitle,.design-pattern-content-text,.design-pattern-index-content,.design-pattern-content-indicators,.design-pattern-reference,.font-weight-bold,.section-title,.link,.link:hover,.design-pattern-hero-title,.design-pattern-hero-category-text,.design-pattern-content-citation-text,.design-pattern-navigation-item,.progress-indicator,.font-weight-very-bold{font-family:'Open Sans'}.font-weight-normal,.normal-text,.normal-caption,.design-pattern-hero-subtitle,.design-pattern-content-text,.design-pattern-index-content,.design-pattern-content-indicators,.design-pattern-reference{font-weight:normal}.font-weight-bold,.section-title,.link,.link:hover,.design-pattern-hero-title,.design-pattern-hero-category-text,.design-pattern-content-citation-text,.design-pattern-navigation-item,.progress-indicator{font-weight:bold}.font-weight-very-bold{font-weight:800}.font-decrease-letter-spacing{letter-spacing:-0.05em}.font-increase-letter-spacing,.section-title{letter-spacing:0.05em;word-spacing:0.25em}.font-uppercase,.section-title{text-transform:uppercase}.font-very-small{font-size:12px}.font-small{font-size:14px}.font-normal,.normal-text{font-size:16px}.font-large-1,.design-pattern-hero-category-text,.progress-indicator{font-size:18px}.font-large-2,.design-pattern-navigation-item{font-size:20px}.font-large-3,.design-pattern-hero-subtitle{font-size:24px}.font-large-4{font-size:30px}.font-large-5{font-size:36px}.font-large-6{font-size:48px}.font-large-7{font-size:60px}.font-large-8{font-size:72px}.font-very-small{font-size:12px}.font-small{font-size:14px}.font-normal,.normal-text{font-size:16px}.font-large-1,.design-pattern-hero-category-text,.progress-indicator{font-size:18px}.font-large-2,.design-pattern-navigation-item{font-size:20px}.font-large-3,.design-pattern-hero-subtitle{font-size:24px}.font-large-4{font-size:30px}.font-large-5{font-size:36px}.font-large-6{font-size:48px}.font-large-7{font-size:60px}.font-large-8{font-size:72px}.padding-left-very-small{padding-left:4px}.margin-left-very-small{margin-left:4px}.padding-right-very-small{padding-right:4px}.margin-right-very-small{margin-right:4px}.padding-bottom-very-small{padding-bottom:4px}.margin-bottom-very-small{margin-bottom:4px}.padding-top-very-small{padding-top:4px}.margin-top-very-small{margin-top:4px}.width-very-small{width:4px}.height-very-small{height:4px}.padding-left-small{padding-left:8px}.margin-left-small{margin-left:8px}.padding-right-small{padding-right:8px}.margin-right-small{margin-right:8px}.padding-bottom-small{padding-bottom:8px}.margin-bottom-small{margin-bottom:8px}.padding-top-small{padding-top:8px}.margin-top-small,.progress-segment{margin-top:8px}.width-small{width:8px}.height-small{height:8px}.padding-left-normal{padding-left:12px}.margin-left-normal{margin-left:12px}.padding-right-normal{padding-right:12px}.margin-right-normal{margin-right:12px}.padding-bottom-normal{padding-bottom:12px}.margin-bottom-normal{margin-bottom:12px}.padding-top-normal,.design-pattern-image-caption{padding-top:12px}.margin-top-normal{margin-top:12px}.width-normal{width:12px}.height-normal{height:12px}.padding-left-large-1{padding-left:16px}.margin-left-large-1{margin-left:16px}.padding-right-large-1{padding-right:16px}.margin-right-large-1{margin-right:16px}.padding-bottom-large-1{padding-bottom:16px}.margin-bottom-large-1,.design-pattern-content-text h3{margin-bottom:16px}.padding-top-large-1{padding-top:16px}.margin-top-large-1{margin-top:16px}.width-large-1{width:16px}.height-large-1{height:16px}.padding-left-large-1-2{padding-left:22px}.margin-left-large-1-2{margin-left:22px}.padding-right-large-1-2{padding-right:22px}.margin-right-large-1-2{margin-right:22px}.padding-bottom-large-1-2{padding-bottom:22px}.margin-bottom-large-1-2{margin-bottom:22px}.padding-top-large-1-2{padding-top:22px}.margin-top-large-1-2{margin-top:22px}.width-large-1-2{width:22px}.height-large-1-2{height:22px}.padding-left-large-2{padding-left:24px}.margin-left-large-2,.design-pattern-content-text ol{margin-left:24px}.padding-right-large-2{padding-right:24px}.margin-right-large-2{margin-right:24px}.padding-bottom-large-2,.design-pattern-hero-subtitle{padding-bottom:24px}.margin-bottom-large-2,.design-pattern-content-text h2,.design-pattern-index-list-item{margin-bottom:24px}.padding-top-large-2{padding-top:24px}.margin-top-large-2{margin-top:24px}.width-large-2{width:24px}.height-large-2{height:24px}.padding-left-large-3{padding-left:32px}.margin-left-large-3{margin-left:32px}.padding-right-large-3,.design-pattern-hero-category-text{padding-right:32px}.margin-right-large-3{margin-right:32px}.padding-bottom-large-3{padding-bottom:32px}.margin-bottom-large-3,.design-pattern-index-headline{margin-bottom:32px}.padding-top-large-3,.design-pattern-hero-category-text{padding-top:32px}.margin-top-large-3,.design-pattern-content-text h3,.design-pattern-content-text h4,.design-pattern-content-citation{margin-top:32px}.width-large-3{width:32px}.height-large-3{height:32px}.padding-left-large-3-2{padding-left:40px}.margin-left-large-3-2{margin-left:40px}.padding-right-large-3-2{padding-right:40px}.margin-right-large-3-2{margin-right:40px}.padding-bottom-large-3-2{padding-bottom:40px}.margin-bottom-large-3-2{margin-bottom:40px}.padding-top-large-3-2{padding-top:40px}.margin-top-large-3-2{margin-top:40px}.width-large-3-2{width:40px}.height-large-3-2{height:40px}.padding-left-large-4{padding-left:48px}.margin-left-large-4{margin-left:48px}.padding-right-large-4{padding-right:48px}.margin-right-large-4,.design-pattern-content-text ol{margin-right:48px}.padding-bottom-large-4{padding-bottom:48px}.margin-bottom-large-4{margin-bottom:48px}.padding-top-large-4,.design-pattern-hero-subtitle{padding-top:48px}.margin-top-large-4{margin-top:48px}.width-large-4,.color-box{width:48px}.height-large-4,.color-box{height:48px}.padding-left-large-5{padding-left:64px}.margin-left-large-5{margin-left:64px}.padding-right-large-5{padding-right:64px}.margin-right-large-5{margin-right:64px}.padding-bottom-large-5{padding-bottom:64px}.margin-bottom-large-5,.design-pattern-content-citation{margin-bottom:64px}.padding-top-large-5{padding-top:64px}.margin-top-large-5,.design-pattern-content-text h2,.design-pattern-index-list,.design-pattern-index-navigation{margin-top:64px}.width-large-5{width:64px}.height-large-5{height:64px}.padding-left-large-6{padding-left:96px}.margin-left-large-6{margin-left:96px}.padding-right-large-6{padding-right:96px}.margin-right-large-6{margin-right:96px}.padding-bottom-large-6{padding-bottom:96px}.margin-bottom-large-6{margin-bottom:96px}.padding-top-large-6,.design-pattern-index-content{padding-top:96px}.margin-top-large-6,.design-pattern-content,.design-pattern-image-container,.design-pattern-content-indicators{margin-top:96px}.width-large-6{width:96px}.height-large-6{height:96px}.padding-left-large-7{padding-left:128px}.margin-left-large-7{margin-left:128px}.padding-right-large-7{padding-right:128px}.margin-right-large-7{margin-right:128px}.padding-bottom-large-7{padding-bottom:128px}.margin-bottom-large-7{margin-bottom:128px}.padding-top-large-7{padding-top:128px}.margin-top-large-7{margin-top:128px}.width-large-7{width:128px}.height-large-7{height:128px}.padding-left-large-7-2,.design-pattern-index-content{padding-left:175px}.margin-left-large-7-2{margin-left:175px}.padding-right-large-7-2{padding-right:175px}.margin-right-large-7-2{margin-right:175px}.padding-bottom-large-7-2{padding-bottom:175px}.margin-bottom-large-7-2{margin-bottom:175px}.padding-top-large-7-2{padding-top:175px}.margin-top-large-7-2{margin-top:175px}.width-large-7-2{width:175px}.height-large-7-2{height:175px}.padding-left-large-8{padding-left:256px}.margin-left-large-8{margin-left:256px}.padding-right-large-8{padding-right:256px}.margin-right-large-8{margin-right:256px}.padding-bottom-large-8{padding-bottom:256px}.margin-bottom-large-8{margin-bottom:256px}.padding-top-large-8{padding-top:256px}.margin-top-large-8{margin-top:256px}.width-large-8{width:256px}.height-large-8{height:256px}.padding-left-large-8-2{padding-left:300px}.margin-left-large-8-2{margin-left:300px}.padding-right-large-8-2{padding-right:300px}.margin-right-large-8-2{margin-right:300px}.padding-bottom-large-8-2{padding-bottom:300px}.margin-bottom-large-8-2{margin-bottom:300px}.padding-top-large-8-2{padding-top:300px}.margin-top-large-8-2{margin-top:300px}.width-large-8-2{width:300px}.height-large-8-2{height:300px}.padding-left-large-8-5{padding-left:350px}.margin-left-large-8-5{margin-left:350px}.padding-right-large-8-5{padding-right:350px}.margin-right-large-8-5{margin-right:350px}.padding-bottom-large-8-5{padding-bottom:350px}.margin-bottom-large-8-5{margin-bottom:350px}.padding-top-large-8-5{padding-top:350px}.margin-top-large-8-5{margin-top:350px}.width-large-8-5{width:350px}.height-large-8-5{height:350px}.padding-left-large-9{padding-left:384px}.margin-left-large-9{margin-left:384px}.padding-right-large-9{padding-right:384px}.margin-right-large-9{margin-right:384px}.padding-bottom-large-9{padding-bottom:384px}.margin-bottom-large-9{margin-bottom:384px}.padding-top-large-9{padding-top:384px}.margin-top-large-9{margin-top:384px}.width-large-9{width:384px}.height-large-9{height:384px}.padding-left-large-9-2{padding-left:450px}.margin-left-large-9-2{margin-left:450px}.padding-right-large-9-2{padding-right:450px}.margin-right-large-9-2{margin-right:450px}.padding-bottom-large-9-2{padding-bottom:450px}.margin-bottom-large-9-2{margin-bottom:450px}.padding-top-large-9-2{padding-top:450px}.margin-top-large-9-2{margin-top:450px}.width-large-9-2{width:450px}.height-large-9-2{height:450px}.padding-left-large-10{padding-left:512px}.margin-left-large-10{margin-left:512px}.padding-right-large-10{padding-right:512px}.margin-right-large-10{margin-right:512px}.padding-bottom-large-10{padding-bottom:512px}.margin-bottom-large-10{margin-bottom:512px}.padding-top-large-10{padding-top:512px}.margin-top-large-10{margin-top:512px}.width-large-10{width:512px}.height-large-10{height:512px}.padding-left-large-11{padding-left:640px}.margin-left-large-11{margin-left:640px}.padding-right-large-11{padding-right:640px}.margin-right-large-11{margin-right:640px}.padding-bottom-large-11{padding-bottom:640px}.margin-bottom-large-11{margin-bottom:640px}.padding-top-large-11{padding-top:640px}.margin-top-large-11{margin-top:640px}.width-large-11{width:640px}.height-large-11{height:640px}.padding-left-large-12{padding-left:768px}.margin-left-large-12{margin-left:768px}.padding-right-large-12{padding-right:768px}.margin-right-large-12{margin-right:768px}.padding-bottom-large-12{padding-bottom:768px}.margin-bottom-large-12{margin-bottom:768px}.padding-top-large-12{padding-top:768px}.margin-top-large-12{margin-top:768px}.width-large-12{width:768px}.height-large-12{height:768px}.padding-left-large-12-2{padding-left:950px}.margin-left-large-12-2{margin-left:950px}.padding-right-large-12-2{padding-right:950px}.margin-right-large-12-2{margin-right:950px}.padding-bottom-large-12-2{padding-bottom:950px}.margin-bottom-large-12-2{margin-bottom:950px}.padding-top-large-12-2{padding-top:950px}.margin-top-large-12-2{margin-top:950px}.width-large-12-2{width:950px}.height-large-12-2{height:950px}.padding-left-large-13{padding-left:1024px}.margin-left-large-13{margin-left:1024px}.padding-right-large-13{padding-right:1024px}.margin-right-large-13{margin-right:1024px}.padding-bottom-large-13{padding-bottom:1024px}.margin-bottom-large-13{margin-bottom:1024px}.padding-top-large-13{padding-top:1024px}.margin-top-large-13{margin-top:1024px}.width-large-13{width:1024px}.height-large-13{height:1024px}.padding-left-auto,.padding-horizontal-auto{padding-left:auto}.margin-left-auto,.margin-horizontal-auto{margin-left:auto}.padding-right-auto,.padding-horizontal-auto{padding-right:auto}.margin-right-auto,.margin-horizontal-auto{margin-right:auto}.padding-bottom-auto{padding-bottom:auto}.margin-bottom-auto{margin-bottom:auto}.padding-top-auto{padding-top:auto}.margin-top-auto{margin-top:auto}.width-auto{width:auto}.height-auto{height:auto}.color-box{border:1px solid black;border-radius:5px}.background-black-1{background:#242424}.foreground-black-1,.section-title,.normal-caption,.link,.link:hover,.design-pattern-hero-title{color:#242424}.background-black-2{background:#3b3b3b}.foreground-black-2{color:#3b3b3b}.background-gray-1{background:#44464b}.foreground-gray-1,.normal-text,.design-pattern-image-caption,.design-pattern-content-text,.design-pattern-content-text a,.design-pattern-content-text a:hover,.design-pattern-content-text h2,.design-pattern-content-text h3,.design-pattern-content-text h4,.design-pattern-index-content,.design-pattern-index-content a,.design-pattern-index-content a:hover,.design-pattern-index-link,.design-pattern-index-link:hover,.design-pattern-content-indicators,.design-pattern-reference,.design-pattern-reference-list a,.design-pattern-reference-list a:hover{color:#44464b}.background-gray-2{background:#6d7178}.foreground-gray-2,.design-pattern-hero-category-text,.design-pattern-hero-subtitle,.design-pattern-content-citation-text{color:#6d7178}.background-gray-3{background:#93979f}.foreground-gray-3{color:#93979f}.background-gray-4{background:#c9cbcf}.foreground-gray-4{color:#c9cbcf}.background-gray-4-2{background:#dfe0e2}.foreground-gray-4-2{color:#dfe0e2}.background-gray-4-3{background:#edeff3}.foreground-gray-4-3{color:#edeff3}.background-gray-5{background:#f6f7f9}.foreground-gray-5{color:#f6f7f9}.background-white-1{background:#fff}.foreground-white-1{color:#fff}.background-yellow-1{background:#e69900}.foreground-yellow-1{color:#e69900}.background-yellow-2{background:#ffc61a}.foreground-yellow-2{color:#ffc61a}.background-yellow-3{background:#ffd91a}.foreground-yellow-3{color:#ffd91a}.background-yellow-4{background:#ffe01a}.foreground-yellow-4{color:#ffe01a}.background-yellow-5{background:#fbe514}.foreground-yellow-5{color:#fbe514}.background-yellow-6{background:#ffee80}.foreground-yellow-6{color:#ffee80}.background-yellow-7{background:#fff5b3}.foreground-yellow-7{color:#fff5b3}.background-blue-4{background:#05acff}.foreground-blue-4{color:#05acff}.background-blue-7{background:#b3e6ff}.foreground-blue-7{color:#b3e6ff}.background-green-4{background:#66d214}.foreground-green-4{color:#66d214}.background-green-7{background:#d4ffb3}.foreground-green-7{color:#d4ffb3}@media (max-width: 1024px){.section-title{font-size:18px}}@media (min-width: 1024px){.section-title{font-size:30px}}@media (max-width: 1024px){.normal-caption{font-size:16px;font-weight:bold}}@media (min-width: 1024px){.normal-caption{font-size:20px}}.link{text-decoration:none}.link:hover{text-decoration:underline}*{padding:0px;margin:0px}.design-pattern-index-page{display:flex;flex-direction:column;width:100%;margin-bottom:256px}.design-pattern-title-area{width:100%;border-bottom:1px solid #c9cbcf}@media (max-width: 1023px){.design-pattern-title-area{background:#ffd91a}}@media (min-width: 1024px){.design-pattern-title-area{background:#fbe514}}.design-pattern-main-area{padding-left:48px;display:flex;justify-content:center;height:auto}@media (max-width: 1023px){.design-pattern-main-area{padding-left:12px}}.design-pattern-content-area{margin-right:96px;counter-reset:h3counter}@media (max-width: 1023px){.design-pattern-content-area{margin-right:12px}}.design-pattern-navigation-area{width:250px;height:100%;background:#fff}.design-pattern-page{display:flex;align-items:stretch}@media (max-width: 1023px){.design-pattern-page{margin-left:12px;margin-right:12px}}.design-pattern-content{margin-left:auto}.design-pattern-hero-container{display:flex;flex-direction:column;width:950px;margin-left:auto}@media (max-width: 1023px){.design-pattern-hero-container{width:auto;margin-left:12px}}.design-pattern-hero-title-container{display:flex;justify-content:space-between}.design-pattern-hero-title{margin-bottom:0px;line-height:1.6;text-transform:uppercase;font-size:72px}.design-pattern-hero-category-text{text-align:right;text-transform:capitalize}@media (max-width: 1023px){.design-pattern-hero-category-text{display:none}}.design-pattern-hero-subtitle{font-style:italic;width:75%}@media (max-width: 1023px){.design-pattern-hero-subtitle{width:auto;font-size:18px}}.design-pattern-image-container{position:relative}@media (max-width: 1023px){.design-pattern-image-container{display:none}}.design-pattern-main-image-responsive{width:100%;height:auto}@media (min-width: 1024px){.design-pattern-main-image-responsive{display:none}}.design-pattern-image-overlay{position:absolute;top:5px;background:#000;background:rgba(0,0,0,0.5);color:#f1f1f1;padding-top:5px;width:55px;height:45px;transition:.5s ease;opacity:0;color:white;text-align:center;font-weight:bold;font-size:12px;cursor:pointer;text-transform:uppercase}.design-pattern-image-overlay a{color:white;text-decoration:none}.design-pattern-image-overlay a:hover{color:white;text-decoration:none}.image-overlay-right{right:5px}.image-overlay-middle{right:70px}.image-overlay-left{right:135px}.design-pattern-image-container:hover .design-pattern-image-overlay{opacity:1}.design-pattern-image-overlay-button{text-transform:uppercase}.design-pattern-image-caption-container{width:850px;margin-left:auto;margin-right:auto;display:flex}@media (max-width: 1023px){.design-pattern-image-caption-container{width:auto}}.design-pattern-image-caption{margin-top:0px;width:55%;margin-left:auto;font-size:16px;text-align:right;border-top:1px solid #93979f}.text-capitalize{text-transform:capitalize}.design-pattern-content-text{padding-top:75px;line-height:1.6;width:850px;margin-left:auto;margin-right:auto;font-size:18px;padding-bottom:96px;border-bottom:1px solid #6d7178}@media (max-width: 1023px){.design-pattern-content-text{width:auto;font-size:18px}}.design-pattern-content-text a{text-decoration:underline}.design-pattern-content-text a:hover{text-decoration:underline}.design-pattern-content-text ol{list-style-position:outside}@media (max-width: 1023px){.design-pattern-content-text ol{width:100%;margin-left:12px;margin-left:12px}}.design-pattern-content-text ul{list-style:disc;margin-left:24px}.design-pattern-content-text h2{font-size:24px;font-weight:bold;counter-reset:h3counter}.design-pattern-content-text h3{font-size:18px;text-transform:uppercase;font-weight:bold;counter-reset:h4counter}.design-pattern-content-text h3:before{content:counter(h3counter) ".  ";counter-increment:h3counter}.design-pattern-content-text h4{margin-bottom:0px;font-size:18px;font-weight:bold}.design-pattern-content-text h4:before{content:counter(h4counter) ".  ";counter-increment:h4counter}@media (max-width: 1023px){.design-pattern-content-text code{max-width:90vw}}.design-pattern-content-citation{width:850px;margin-left:auto}@media (max-width: 1023px){.design-pattern-content-citation{width:auto}}.design-pattern-content-citation-text{font-style:italic}.design-pattern-navigation-container{height:100%;padding-top:128px}@media (max-width: 1023px){.design-pattern-navigation-container{display:none}}.design-pattern-navigation{height:auto;border-left:1px solid #6d7178;padding-left:24px;list-style:none}.design-pattern-navigation-item{text-transform:capitalize}.design-pattern-navigation a{display:block;padding:1rem;text-decoration:none;color:#6d7178;transition:color 0.3s ease-in-out;font-weight:bold}.design-pattern-navigation a:hover{color:#ffd91a;background-color:#3b3b3b;transition:color 0.3s ease-in-out}.design-pattern-index-content{line-height:1.6;font-size:18px;width:950px}@media (max-width: 1023px){.design-pattern-index-content{padding-left:12px;width:auto}}.design-pattern-index-headline{font-family:'Open Sans';font-size:60px;color:#44464b}@media (max-width: 1023px){.design-pattern-index-list-item{list-style-type:none}}@media (min-width: 1024px){.design-pattern-index-list-item{display:flex}}.design-pattern-index-link{font-weight:bold}.design-pattern-link-text{text-transform:capitalize}@media (min-width: 1024px){.design-pattern-link-text{text-align:right;width:150px}}.design-pattern-index-link:hover{font-weight:bold}.design-pattern-content-indicators{line-height:1.6;width:850px;margin-left:auto;margin-right:auto;font-size:18px}@media (max-width: 1023px){.design-pattern-content-indicators{width:auto}}.progress-indicator{display:flex;justify-content:flex-start;width:350px}.progress-indicator-text{width:100px}.progress-container{width:150px;margin:0 auto}.progress-segment{display:flex}.progress-item{width:100%;background-color:#c9cbcf;border:1px solid #6d7178;margin-right:2px;height:10px}.progress-item:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px}.progress-item:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px}.progress-item.green-common{background:#9EC232 !important}.design-pattern-image{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:950px}@media (max-width: 1023px){.design-pattern-image{max-width:75vw}}@media (max-width: 1023px){.design-pattern-image-responsive{width:100%;height:auto}}.design-pattern-image figcaption{font-size:14px;color:#44464b;text-align:center}.design-pattern-reference{width:850px;margin-left:auto;margin-right:auto;font-size:16px}@media (max-width: 1023px){.design-pattern-reference{width:auto}}.design-pattern-reference-list{list-style:disc;margin-left:48px}