.pattern-container{background-color:var(--theme-bg-pattern-container);border-top:2px solid #1e75c0;margin-bottom:3.5rem;padding:1.125rem .75rem;display:flex;flex-flow:row nowrap;overflow-x:scroll;place-content:center flex-start;flex-basis:340px;scroll-snap-type:x mandatory;scrollbar-color:var(--theme-scrollbar-thumb)var(--theme-scrollbar-track);scrollbar-width:thin}@media(width >= 1024px){.pattern-container{display:grid;gap:.5rem;grid-template-columns:auto auto auto;grid-template-rows:repeat(auto-fill,minmax(16rem,auto));margin-bottom:2.125rem}.pattern-card{min-height:16rem}}.section-header{margin-top:2.75rem;margin-bottom:.75rem}.primer{margin-bottom:2.75rem!important}.pattern-container::-webkit-scrollbar{height:1.125rem}.pattern-container::-webkit-scrollbar-thumb,.pattern-container::-webkit-scrollbar-track{border-radius:6rem}.cards::-webkit-scrollbar-thumb{background:#1e75c0}.cards::-webkit-scrollbar-track{background:#1e75c0}@media(width <= 1024px){.pattern-container{flex-flow:row nowrap;overflow-x:scroll;padding:.65rem .25rem;display:flex;place-content:center flex-start;flex-basis:340px;scroll-snap-type:x mandatory;scrollbar-color:var(--theme-scrollbar-thumb)var(--theme-scrollbar-track);scrollbar-width:thin}}.blocklink{position:absolute;top:0;left:0;width:100%;height:90%;z-index:1;background-color:#fe0000;opacity:0}.card-image{display:flex;flex-flow:row nowrap;place-content:center;margin-bottom:.5rem;text-align:center}.card-image img{border-radius:1.5rem;border:8px solid var(--theme-bg-card);max-width:90%;width:auto;height:auto}.pattern-card{display:flex;flex-shrink:0;flex-flow:column nowrap;place-content:normal flex-start;width:calc(33.3333333333% - 1.25rem);height:auto;margin:.35rem .5rem .35rem .25rem;background-image:linear-gradient(var(--theme-bg-card-gradient-start),var(--theme-bg-card-gradient-end));border-radius:3px;border:1px solid var(--theme-border-card);padding:1.125rem;scroll-snap-align:start}.empty,.empty:hover{background-image:linear-gradient(var(--theme-bg-empty-card),var(--theme-bg-empty-card),var(--theme-bg-empty-card),var(--theme-bg-empty-card))!important;border:1px dashed #b0b0b0!important;max-height:8rem!important;min-height:8rem!important;box-shadow:none!important}.pattern-card .card-icon img{height:120px;margin-top:20px}.pattern-card .card-title{margin-bottom:.5rem;flex-grow:1;width:85%}@media(width >= 1024px){.pattern-card{width:auto}.pattern-card:hover{background-image:linear-gradient(var(--theme-bg-card-hover-start),rgba(55,150,204,.055),rgba(55,148,204,.085),rgba(55,148,204,.055),var(--theme-bg-card-hover-start));border:1px solid var(--theme-text-amber-shadow)}.pattern-card .card-title{margin-bottom:.125rem;width:100%;padding:.125rem}.delay-1{animation-delay:0s;animation-duration:0s}.animated{opacity:1;animation:none!important}}@media(width <= 1024px){.pattern-card{width:calc(100% - .15rem);flex-shrink:0;margin:.15rem .35rem .15rem 0}.delay-1{animation-delay:.25s;animation-duration:.5s}}.pattern h2,.pattern h3,.pattern h4{margin-bottom:.75em}.pattern-card .card-title h4{font-family:open sans,sans-serif;font-size:1.2rem;font-weight:600;color:var(--theme-text-card-title);padding:0 .75rem}.pattern-card .card-title h5{font-family:open sans,sans-serif;font-size:1rem;font-weight:450;color:var(--theme-text-card-subtitle);padding:0 .75rem;line-height:1.25}.pattern-content{display:flex;flex-direction:column;justify-content:space-between;padding:0;height:100%}.card-stretch{flex-grow:1}.pattern-card .card-text{color:var(--theme-text-card-body);padding-left:.25rem;font-size:.9rem;text-align:justify;text-align-last:left;flex-grow:0;display:flex;flex-direction:column}.pattern-card .card-text p{padding:0 .5rem;margin-top:1.25rem;text-justify:inter-word;overflow-wrap:anywhere;word-break:normal}.pattern-card .card-text p .item-title{color:var(--theme-text-card-meta);font-stretch:extra-condensed;text-transform:uppercase;font-weight:350;font-size:.75rem;display:block}@media(width >= 1024px){.pattern-card .card-text p{padding:0 .5rem;margin-top:.25rem;margin-bottom:.5rem}.pattern-card .card-action{display:none}}@media(width <= 1024px){.pattern-card .card-action{padding-top:.5rem;margin-bottom:.25rem;margin-top:.45rem;display:flex;justify-content:end}}.pattern-list{margin-top:.5rem}.pattern-list .subtitle::after{font-size:.65rem;font-weight:650;color:#1e75c0;text-transform:uppercase;text-shadow:2px 2px 0 #fbfbfb,-2px 2px 0 #fbfbfb,-2px -2px 0 #fbfbfb,2px -2px 0 #fbfbfb;text-align:right;position:absolute;right:0;padding-top:1.5rem}@media(width >= 1024px){.pattern-list .subtitle::after{content:""}}@media(width <= 1024px){.pattern-list{margin-top:3.75rem}}.tags{display:flex;flex-flow:row wrap;place-content:flex-start;max-width:100%;margin-top:.65rem;margin-bottom:.25rem;padding:0 .35rem 0 .85rem}.summary-content a{color:var(--theme-text-summary-link);border-bottom:1px dashed #1e75c0}.summary-content a:hover{color:var(--theme-brand-primary)!important;border-bottom:1px dashed var(--theme-text-summary-link)!important}.pattern-tags .pattern-tag{display:block;font-size:.65rem;font-weight:700;padding:.25rem .3rem;color:var(--theme-text-tag);background:var(--theme-bg-tag);text-transform:uppercase;border-radius:.25rem;margin:0 .5rem .5rem 0}.pattern-tags .pattern-tag a{color:var(--theme-text-tag)}.pattern-tags .pattern-tag a:hover{color:#1e75c0}.summary-content .pattern-tags{justify-content:center;padding:0;gap:.1rem}.summary-content .pattern-tags .pattern-tag{font-size:.65rem}.fa-circle-info{font-size:.65rem;color:var(--theme-text-icon);margin-right:.25rem;margin-left:.25rem}.pattern-summary{display:flex;padding:2.125rem;flex-shrink:0;flex-flow:column nowrap;place-content:normal flex-start;width:calc(33.3333333333% - 1.25rem);background-image:linear-gradient(var(--theme-bg-card-gradient-start),var(--theme-bg-card-gradient-end));border-radius:6px;border:1px solid var(--theme-border-card);scroll-snap-align:start;margin:.25rem .25rem 3rem 4.5rem}.pattern-summary .title-wrapper{flex-grow:1;margin-bottom:.5rem;margin-top:.75rem;padding:.25rem}.pattern-summary .spacer-wide{width:80%!important;clear:both;margin:auto auto 1.75rem}.card-title-wrapper{display:flex;flex-flow:row nowrap;place-content:center space-between;gap:.125rem}@media(width <= 1024px){.card-title-wrapper{flex-flow:row nowrap}}.card-title-wrapper .card-image{max-width:8rem;max-height:8rem;margin-left:auto;margin-right:auto;clear:both}.summary-wrapper{display:flex;flex-shrink:0;flex-flow:column nowrap;place-content:normal flex-start;width:100%;padding:.125rem;margin:auto;clear:both}.card-title-wrapper .card-image img{border-radius:3.75rem;overflow:hidden}.card-title-wrapper .card-image a:hover{border:none}.pattern-summary .card-title-wrapper .card-title h4{font-family:open sans,sans-serif;font-size:1.2rem;font-weight:600;color:var(--theme-text-card-title);padding:0 .75rem;text-align:center;justify-content:center}.pattern-summary .summary-title{padding:0 .5rem;color:var(--theme-text-card-meta);font-stretch:extra-condensed;text-transform:uppercase;font-weight:350;font-size:.6rem;display:block;line-height:.95rem;max-width:20%;flex-grow:1}.pattern-summary .summary-content{font-size:.75rem;padding:0 .5rem;line-height:1.25;text-align:right;max-width:80%;display:flex;flex-direction:column;justify-content:space-between}.pattern-summary .summary-item .summary-formats{font-size:.75rem;padding:0 .5rem;line-height:1.25;text-align:right;max-width:80%;display:flex;justify-content:end;gap:.5rem;flex-direction:row}.info-line{padding:.25rem;text-align:center;font-size:.6rem;font-weight:300;text-transform:uppercase}.summary-item{display:flex;flex-direction:row;justify-content:space-between;margin-top:.125rem;padding:.35rem;z-index:500}.pattern-related{margin-top:3.5rem;font-size:.85rem;border-top:1px dotted #1e75c0;padding-top:2.75rem}@media(width >= 1024px){.pattern-summary .title-wrapper .divider{display:none}.pattern-summary{display:block;width:100%;margin:0;background:var(--theme-bg-dark-gradient);border:0;border-bottom:2px solid #030303;border-radius:0}.pattern-summary .title-wrapper{width:100%;max-width:100%;max-height:9.5rem;height:9.5rem;background:var(--theme-bg-dark-primary);padding-top:1.75rem;border-top:2px solid var(--theme-border-slate);border-bottom:2px solid var(--theme-border-slate);padding-bottom:1.125rem;padding-right:6.5rem;margin-bottom:2.75rem;margin-left:6.5rem}.pattern-summary .title-wrapper .title{color:var(--theme-text-light)}.pattern-summary .title-wrapper .subtitle{color:var(--theme-brand-primary);font-weight:300}.pattern-summary .title-wrapper .meta{text-align:right}.pattern-summary .card-image{max-width:12.5rem;max-height:12.5rem;position:absolute;top:6.5rem;left:5.5rem}.summary-wrapper{display:flex;flex-flow:row wrap;width:94%;clear:none;justify-content:space-evenly}.pattern-summary .card-image img{border-radius:6.75rem;border:4px solid var(--theme-bg-dark-primary);max-width:95%;width:auto;height:auto}.pattern-summary .card-title-wrapper{display:flex;flex-direction:row;place-content:center space-between;gap:.125rem;max-height:4.5rem}.pattern-summary .card-title-wrapper .card-image{position:relative;left:-2.125rem;top:-2.125rem}.pattern-summary .summary-content{justify-content:start;max-width:100%;padding:.75rem .95rem .45rem;border-left:1px solid #1e75c0;color:var(--theme-text-light);font-weight:650;background:var(--theme-bg-dark-secondary)}.pattern-summary .summary-title{max-width:100%;padding-left:1.75rem;margin-top:-.75rem;color:var(--theme-brand-primary);font-weight:500}.pattern-summary .summary-item::before{border-top:1px solid #1e75c0;border-left:1px solid #1e75c0;content:"";display:block;width:1.125rem;height:.5rem;margin-bottom:-.25rem}.summary-item{flex-direction:column;justify-content:flex-end;padding-left:.35rem;margin:.25rem .75rem 0}.summary-item a{color:var(--theme-text-light);border-bottom:1px dashed #1e75c0}.summary-item a:hover{color:var(--theme-brand-primary);border-bottom:1px dashed var(--theme-text-light)}.summary-item .fa-circle-info{font-size:.65rem;color:var(--theme-brand-primary)}.summary-item::after{border-bottom:1px solid #1e75c0;border-right:4px solid #1e75c0;border-left:1px solid #1e75c0;content:"";width:100%;height:.5rem;display:block;background:var(--theme-bg-dark-secondary)}.pattern-summary .summary-item .summary-formats{display:block;padding:.75rem .95rem 1.75rem;max-width:100%}.pattern-summary .summary-item .summary-formats a{padding:.5rem}.summary-content .pattern-tags{flex-direction:column;padding:0 .5rem}}@media(width <= 1024px){.pattern-summary{width:100%;padding:.25rem;margin:0;flex-shrink:0;float:none;background:var(--theme-bg-dark-gradient);border:0;border-bottom:2px solid #030303;border-radius:0}.pattern-summary .title-wrapper{background:var(--theme-bg-dark-primary);padding-bottom:1.5rem;padding-top:1.75rem;margin-top:0;margin-bottom:1.5rem}.pattern-summary .title-wrapper .title{color:var(--theme-text-light)}.pattern-summary .title-wrapper .subtitle{color:var(--theme-brand-primary);font-weight:300}.pattern-summary .divider{height:3px;border-radius:50px;margin-top:2.75rem;margin-bottom:.5rem}.card-title-wrapper .card-image{max-width:5.5rem;max-height:5.5rem;position:relative}.card-image picture{max-width:1 .5rem;max-height:1 .5rem;position:relative}.pattern-summary .summary-item{margin:1.75rem .25rem .75rem .5rem;padding-left:.5rem;padding-top:.75rem;justify-content:space-between;border-top:1px solid #1e75c0;border-right:1px solid #1e75c0;border-radius:0;background:var(--theme-bg-dark-secondary)}.pattern-summary .summary-item a{color:var(--theme-text-light);border-bottom:1px dashed #1e75c0}.pattern-summary .summary-item .fa-circle-info{font-size:.65rem;color:var(--theme-brand-primary)}.pattern-summary .summary-item::before{content:"";width:0;margin-left:-.5rem;margin-top:-.75rem;height:.75rem;border-left:6px solid #1e75c0}.pattern-summary .summary-title{max-width:100%;padding-left:.75rem;color:var(--theme-brand-primary);font-weight:500}.pattern-summary .summary-content{justify-content:start;padding:.75rem .95rem 1.75rem;color:var(--theme-text-light);font-weight:650;flex-grow:1;max-width:100%;display:block;width:100%}.pattern-tags{flex-direction:column;align-content:flex-end}}.pattern-summary .pattern-tags .pattern-tag{padding:.5rem .75rem;text-align:right;color:var(--theme-text-light);background:var(--theme-bg-dark-primary)}.pattern-summary .pattern-tags .pattern-tag a{color:var(--theme-text-light)}.base{color:rgba(125,75,1,.4);border:1px solid rgba(125,75,1,.4)}.up{color:#256f82;border:1px solid rgba(37,111,130,.3960784314)}.double-up{color:#056780;border:1px solid rgba(37,111,130,.3960784314)}.down{color:#ab101b;border:1px solid rgba(171,16,27,.3960784314)}.double-down{color:#ab101b;border:1px solid rgba(171,16,27,.3960784314)}.comments{padding-top:6.75rem;padding-bottom:5.75rem;padding-left:8rem;margin-top:0}@media(width <= 1024px){.comments{padding-left:.75rem;padding-right:.75rem}}.related{margin-top:3.75rem;background:var(--theme-bg-related);padding:.25rem!important;border-radius:6px;border:1px solid var(--theme-border-card);clear:both}.related summary{font-family:d-din,gill sans,open sans,sans-serif;font-size:1.125rem;padding:.75rem;text-align:center;margin-left:auto;margin-right:auto}.related summary::marker{color:var(--theme-brand-primary)}.related .related-content{font-family:d-din,gill sans,open sans,sans-serif;font-size:.875rem;padding:0 2.75rem 1.5rem}@media(width <= 1024px){.related .related-content{padding:0 .5rem 1.5rem}}@media(width <= 1024px){.table-responsive{display:block;overflow-x:auto;white-space:nowrap}}@media(width <= 1024px){.img-gallery{width:98%!important;max-width:98%!important}}.cutout{border-bottom:2px solid #1e75c0;border-top:2px solid #1e75c0}.cutout .pattern-summary{border-bottom:4px solid #0b1a25;border-top:4px solid #0b1a25}.dark{background:rgba(1,13,24,.95)}.dark-pattern{background:var(--theme-bg-dark-gradient)}