@charset "UTF-8";.sg-logo{display:none;padding-left:10px}.sg-logo img{width:120px}*{box-sizing:border-box}.is-vishidden{position:absolute!important;overflow:hidden;width:1px;height:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px)}a{color:inherit;text-decoration:none}.allianz-pl-header{display:-ms-flexbox;display:flex;padding:5px 10px}.pl-header__actions{display:none;position:absolute;top:10px;right:5px;text-transform:none;font-size:12px;margin-top:0}.pl-header__actions a{color:#fff;background:#aaa;padding:5px;border-radius:5px;margin:3px}.pl-header__actions a:hover{color:#666;background:#fff}#patternlab-body,#patternlab-html{margin:0;padding:0;background:#fff;-webkit-text-size-adjust:100%}.sg-header{background:#fff;color:#999;position:fixed;top:0;left:0;right:0;z-index:4;border-bottom:1px solid #d9d9d9;font-family:"Allianz Neo";font-size:62.5%;-webkit-font-smoothing:antialiased;font-weight:300}@media all and (max-width:42em){.sg-header{border-bottom:0}}.sg-header ul{padding:0;margin:0;list-style:none}.sg-header .sg-controls a,.sg-header .sg-nav-container a{font-size:16px;color:#414141;text-decoration:none;line-height:1;padding:1em .7em;transition:background .1s ease-out;transition:color .1s ease-out}.sg-header .sg-controls a.active,.sg-header .sg-controls a:focus,.sg-header .sg-controls a:hover,.sg-header .sg-nav-container a.active,.sg-header .sg-nav-container a:focus,.sg-header .sg-nav-container a:hover{background:#ececec}.sg-header .sg-nav-container a.sg-acc-handle{padding-right:25px}.allianz-logo{position:absolute;width:90px;height:23px;left:12px;top:12px}.sg-nav-toggle{position:fixed;z-index:2;right:48px;top:16px;font-weight:400;font-size:16px}@media all and (min-width:42em){.sg-nav-toggle{display:none}}@media all and (max-width:42em){.sg-nav-container{overflow:hidden;max-height:0;transition:max-height .1s ease-out}.sg-nav-container.active{max-height:1000em}}.sg-nav{z-index:1;margin:0;padding:0 0 0 120px;list-style:none}@media all and (max-width:42em){.sg-nav{padding:0}}.sg-nav>li{cursor:pointer}@media all and (min-width:42em){.sg-nav>li{border-bottom:0;float:left;position:relative}.sg-nav>li>ol{position:absolute;left:0}}@media all and (max-width:42em){.sg-nav>li{border-top:1px solid #d9d9d9}.sg-nav>li:last-child{border-bottom:1px solid #d9d9d9}}@media all and (max-width:42em){.sg-nav{margin-top:49px}}.sg-nav a{display:block;font-weight:400}.sg-acc-handle{position:relative}.sg-acc-handle:after{content:'\e90a';color:#666;display:inline-block;font-size:16px;position:absolute;top:16px;right:8px;transition:all .1s ease-out;font-family:Allianz-Icons}@media all and (min-width:42em){.sg-acc-handle:after{float:none}}.sg-acc-handle:focus:after,.sg-acc-handle:hover:after{color:#666}.sg-acc-handle.active{color:#666;background:#fff}.sg-acc-handle.active:after{color:#666;content:'\e909'}.sg-acc-panel{overflow:hidden;max-height:0;margin:0;padding:0;list-style:none;min-width:15em;width:320px}@media all and (max-width:42em){.sg-acc-panel{width:inherit}}.sg-acc-panel li{background:#fff;color:#414141;border-top:1px solid #d9d9d9}.sg-acc-panel a{display:block}.sg-acc-panel.active{max-height:1000em;overflow:auto}.sg-acc-panel.sg-right{position:absolute;left:auto;right:0}@media all and (max-width:42em){.sg-acc-panel.sg-right{position:fixed;left:0;width:100%}}@media all and (max-width:42em){.sg-acc-panel.sg-right.sg-checklist{top:49px}}.sg-acc-panel.sg-right.sg-checklist li{border-left:1px solid #d9d9d9}.sg-sub-nav{list-style:none}.sg-sub-nav a{text-transform:none;padding-left:1rem}.sg-controls{border:0;position:absolute;right:0;z-index:2}@media all and (max-width:42em){.sg-controls{top:0}}.sg-control>li{float:left}.sg-size{width:135px;display:none}@media all and (min-width:42em){.sg-size{width:auto;display:block}}.sg-current-size{font-size:13px;padding:.85em .7em;margin-top:2px}@media all and (min-width:53em){.sg-current-size{float:left}}#sg-form{margin:0;border:0;padding:0;color:#000}.sg-input{margin:0 2px 0 0;padding:.1em;border:0;font-size:13px;background-color:transparent;color:#000;width:25px;text-align:right;transition:all .1s ease-out}.sg-input:hover{color:#000;background:#fff}.sg-input:active,.sg-input:focus{outline:0;color:#000;background:#fff}@media all and (min-width:42em){.sg-input{width:35px}.sg-input.sg-size-px{width:36px}.sg-input.sg-size-em{width:45px}}.sg-size-options{display:none}.sg-size-options a{display:block}@media all and (min-width:53em){.sg-size-options{display:block;float:left;position:static}.sg-size-options>li{float:left}}.sg-tools-toggle{font-size:13px;color:#006192;text-decoration:none;line-height:1;border:0;cursor:pointer;padding:1.1em .7em .6em;background:0 0;height:48px;padding-bottom:15px;outline:0}.sg-tools-toggle:hover{background:#fff}.sg-tools-toggle:after{display:none;content:""}@media all and (max-width:42em){.sg-tools-toggle{padding:1em 1em .6em}}.sg-find{position:relative}.twitter-typeahead{width:100%}.typeahead{border:0;background:#222;color:grey;width:100%;right:0;padding:.8em;text-transform:lowercase}.tt-input{background:#003781;color:#fff;text-transform:capitalize;font-size:16px;outline:0}.tt-input:focus{text-transform:capitalize}.tt-hint{font-size:16px;text-transform:lowercase}.tt-dropdown-menu{text-transform:lowercase;background-color:grey;width:100%}.tt-suggestion{font-size:16px;color:#f5f5f5;padding:.8em;cursor:pointer}.tt-suggestion.tt-cursor{color:#fff;background:rgba(255,255,255,.25)}.tt-suggestion p{margin:0}.sg-pattern-state{text-transform:none!important}.sg-pattern-state:before{content:"\2022";margin-right:4px;font-size:18px;vertical-align:bottom;display:inline-block;text-decoration:none}.sg-pattern-lineage .sg-pattern-state:before{font-size:12px}#sg-patterns .sg-pattern-state:before{font-size:14px}#sg-patterns .sg-pattern-state{color:#666}.sg-nav .sg-pattern-state:before{margin-top:-4px;margin-bottom:0;margin-left:-4px;height:20px;display:block;float:left}.inprogress:before{color:#ff4136!important}.inreview:before{color:#fc0!important}.complete:before{color:#2ecc40!important}#sg-vp-wrap{text-align:center;width:100%;position:fixed;top:49px;bottom:0;left:0;right:0;z-index:0;background:#ededed}@media all and (max-width:42em){#sg-vp-wrap{border-top:1px solid #d9d9d9}}#sg-cover{width:100%;height:100%;display:none;position:absolute;z-index:20;cursor:col-resize}#sg-gen-container{height:100%;position:relative;text-align:center;margin:0 auto;-webkit-overflow-scrolling:touch;overflow-y:auto;overflow-x:hidden}#sg-gen-container.hay-mode{transition:all 40s linear}#sg-viewport{position:absolute;height:100%;width:100%;border:0;padding:0;margin:0;top:0;bottom:0;left:0;right:0;background-color:#fff}#sg-viewport.hay-mode{transition:all 40s linear}#sg-rightpull-container{width:14px;float:right;margin:0;height:100%;cursor:col-resize}#sg-rightpull{margin:0;width:100%;height:100%;background:#c2c2c2;transition:background .1s ease-out}#sg-rightpull:hover{background:grey}#sg-rightpull:active{cursor:col-resize;background:#666}.vp-animate{transition:width .8s ease-out}.sg-pattern{margin-bottom:2em;position:relative;clear:both}.sg-pattern-head{position:relative;padding:.5rem 0 0;line-height:1.3;font-size:90%;color:grey}.sg-pattern-head:empty{padding:0}.sg-pattern-title{font-size:.85rem;line-height:1;font-weight:700;margin:0;padding:0;text-transform:capitalize}.sg-pattern-title a{display:inline-block;padding:1em 0 .3rem;color:grey;text-decoration:none;cursor:pointer;font-weight:700}.sg-pattern-title a:focus,.sg-pattern-title a:hover{color:#000}.sg-pattern-title .sg-pattern-state{font-size:80%;font-weight:400;color:#ccc}.sg-pattern-extra-toggle{font-size:9px;position:absolute;bottom:-1px;right:0;z-index:1;padding:.65em;line-height:1;color:grey;font-weight:400;border:1px solid #ddd;border-top-left-radius:6px;border-top-right-radius:6px;transition:background .1s ease-out}.sg-pattern-extra-toggle span{display:inline-block}.sg-pattern-extra-toggle.active,.sg-pattern-extra-toggle:focus,.sg-pattern-extra-toggle:hover{background:#f5f5f5;color:#000}.sg-pattern-extra-toggle.active{border-bottom-color:#f5f5f5}.sg-pattern-extra-toggle.active span{transform:rotate(180deg)}.sg-pattern-extra{background:#f5f5f5;border-top:1px solid #ddd;margin-bottom:1em;overflow:hidden;max-height:1px;transition:all .1s ease-out}.sg-pattern-extra a{text-decoration:underline;color:#222}.sg-pattern-extra a:focus,.sg-pattern-extra a:hover{color:grey}.sg-pattern-extra.active{border:1px solid #ddd;border-radius:6px;border-top-right-radius:0;max-height:50em}@media all and (min-width:42em){.sg-pattern-extra-inner{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;width:100%;-ms-flex:1 1 auto;flex:1 1 auto}}.sg-pattern-extra-info{padding:.5rem .5rem 0;line-height:1.4;font-size:90%;color:grey;overflow:auto;-webkit-overflow-scrolling:touch}.sg-pattern-extra-info:empty{padding:0}@media all and (min-width:42em){.sg-pattern-extra-info{padding:1em;width:40%}}.sg-pattern-desc{margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid #ccc}.sg-pattern-desc p:last-child{margin:0}.sg-pattern-lineage{font-size:90%;font-style:italic}.sg-pattern-extra-code{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:90%;padding:.5rem;-ms-flex:1 1 auto;flex:1 1 auto}.sg-pattern-extra-code pre{overflow:scroll!important;-webkit-overflow-scrolling:touch;padding:0 .5rem .5rem!important;margin:0!important;line-height:1!important;-ms-flex:1 1 auto;flex:1 1 auto;border-radius:0 6px 6px 6px!important;position:absolute;top:0;bottom:0;left:0;right:0}.sg-pattern-extra-code code{display:block;-moz-tab-size:2!important;-o-tab-size:2!important;tab-size:2!important}@media all and (min-width:42em){.sg-pattern-extra-code{width:60%;padding:1em}}.sg-pattern-category{margin-top:6rem}.sg-pattern-category:first-of-type{margin-top:2rem}.sg-pattern-category-title{font-size:1.4rem;color:#222;margin:0 0 .2rem;text-transform:capitalize}.sg-pattern-category-title a{transition:color .1s ease-out}.sg-pattern-category-body{font-size:80%;line-height:1.3}.sg-pattern-category-body:empty{display:none}.language-markup code[class*=language-],.language-markup pre[class*=language-]{white-space:pre-wrap}@media all and (min-width:42em){.language-markup code[class*=language-],.language-markup pre[class*=language-]{white-space:pre}}.sg-tabs{-ms-flex:1 1 auto;flex:1 1 auto;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.sg-tabs-list{overflow:hidden;position:relative;bottom:-1px;list-style:none;margin:0;padding:0}.sg-tabs-list li{float:left;margin-right:3px}.sg-tabs-list a{display:block;font-size:90%;font-weight:700;line-height:1;padding:.5em 1em;background:#f5f5f5;border:1px solid #ccc;border-bottom:0;color:grey;border-top-right-radius:6px;border-top-left-radius:6px;text-decoration:none;text-transform:capitalize}.sg-tabs-list a:hover{color:#222}.sg-tab-title-active a{background:#f5f2f0;color:#222}.sg-tab-title-active a:focus,.sg-tab-title-active a:hover{color:#222}.sg-tabs-content{-ms-flex:1 1 auto;flex:1 1 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border:1px solid #ccc;border-radius:0 6px 6px 6px;overflow:hidden}.sg-tabs-panel{display:none;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:1 1 auto;flex:1 1 auto;position:relative;min-height:12em}@media all and (min-width:42em){.sg-tabs-panel{min-height:7em}}.sg-modal{line-height:1.4;font-size:90%;background:#003781;color:#ccc;position:fixed;top:auto;bottom:0;left:0;z-index:2;width:100%;height:50%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.sg-modal.anim-ready{transition:bottom .3s ease-out}.sg-modal .sg-pattern-breadcrumb{font-size:13px;color:grey;margin-bottom:.5rem}.sg-modal .sg-pattern-head{margin-bottom:.5rem}.sg-modal .sg-pattern-title{font-size:1.4rem!important;color:#f5f5f5}.sg-modal .sg-pattern-extra{-ms-flex:1 1 auto;flex:1 1 auto;max-height:none;padding:0}.sg-modal .sg-pattern-extra.active{max-height:none}.sg-modal .sg-pattern-extra-info a{color:#ccc}.sg-modal .sg-pattern-extra-info a:focus,.sg-modal .sg-pattern-extra-info a:hover{color:#f5f5f5}.sg-modal .sg-pattern-desc{border-bottom-color:grey}.sg-modal .sg-annotations{border-top-color:grey}.sg-modal .sg-tabs-content{border:0}.sg-modal-close-btn{font-size:70%;color:grey;border:0;border-radius:6px 6px 0 0;display:inline-block;padding:.9em .7em .1em;text-transform:uppercase;text-decoration:none;cursor:pointer;position:absolute;right:0;top:1rem;transition:all .1s ease-out}.sg-modal.active .sg-modal-close-btn{top:-1.5rem}.sg-modal-close-btn:focus,.sg-modal-close-btn:hover{background:#222;color:#f5f5f5}.sg-modal-content{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;overflow-x:hidden}.sg-modal-content-inner{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column}.has-annotation{cursor:help!important;box-shadow:0 0 10px grey}.has-annotation a,.has-annotation input{cursor:help!important}.has-annotation:hover{box-shadow:0 0 10px #000}.has-annotation.active{box-shadow:inset 0 0 20px grey}.annotation-tip{display:block;position:absolute;margin-top:-10px!important;margin-left:-10px!important;width:25px!important;height:25px!important;border-radius:13px!important;text-align:center!important;background:#444!important;color:#fff!important;font-weight:700!important;font-size:16px!important;z-index:100}.sg-annotations{margin:1rem 0;border-top:1px solid #ddd;padding-top:.5rem}.sg-annotations-title{font-size:1rem!important;margin:0 0 .5rem}.sg-annotations-list{padding:0;margin:0;list-style:none;counter-reset:the-count}.sg-annotations-list>li{position:relative;padding-left:1.5rem;margin-bottom:1rem;border-radius:6px;transition:background .1s ease}.sg-annotations-list>li:before{content:counter(the-count);counter-increment:the-count;font-size:85%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:14px;height:14px;border-radius:50%;padding:2px;text-align:center;background:#ccc;color:#222;position:absolute;top:1px;left:0}.sg-annotations-list>li.active{background:rgba(255,255,255,.15)}.sg-annotations-list-title{display:inline;font-size:16px}.sg-annotations-list-title:after{content:"—"}#sg-comments-container{max-width:60em;margin:0 auto}.sg-comment-container{padding-bottom:2em;margin-bottom:1em;border-bottom:1px solid rgba(255,255,255,.25)}.sg-comment-container p:last-child{margin-bottom:0}.sg-comment-container h2{margin-bottom:.25em}.sg-acc-panel.sg-sub-nav.active li{background:#f5f5f5!important}.sg-acc-panel li{border-right:1px solid #d9d9d9;border-left:1px solid #d9d9d9}.sg-acc-panel li:last-child{border-bottom:1px solid #d9d9d9}.sg-acc-panel li .sg-acc-panel.sg-sub-nav li{border-left:none}.sg-acc-panel li .sg-acc-panel.sg-sub-nav li:last-child{border-bottom:none}@media all and (max-width:42em){.sg-acc-panel li{border-right:none;border-left:none;border-top:1px solid #d9d9d9}}