.pl-c-pattern-index{box-sizing:border-box!important;max-width:77.7777777778em;padding:0 1em}.pattern-lab-content{min-height:0}.sg-subtype h2{font-size:24px;margin:3em 0 .25em;text-transform:capitalize}.sg-subtype a{color:#666;text-decoration:none}.sg-subtype a:hover,.sg-subtype a:focus{color:#333}.pl-c-pattern-info .token.tag{border:0;border-radius:0;box-shadow:inherit;display:inherit;font-size:inherit;margin:0;padding:0;text-align:inherit;text-transform:none;transition:inherit}.pattern-lab-color-list{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;text-align:center}.pattern-lab-color-list li{display:block;width:100%}@media(min-width:50em){.pattern-lab-color-list li{margin:1% 1% 1% 0}}@media(min-width:50em){.pattern-lab-color-list{flex-direction:row}}.pattern-lab-color-list__set{list-style:none;margin:0;padding:0;width:100%}.pattern-lab-color-list__set li{margin-top:1.2em;width:100%}.pattern-lab-swatch{color:#546673;display:block;font-size:32px;height:2.5em;margin:0;overflow:hidden;position:relative;width:100%}.pattern-lab-swatch__meta-data{bottom:0;display:block;left:0;position:absolute;right:0;top:.55em;transition:.2s all}.pattern-lab-swatch__variable{display:block;font-size:11px}.pattern-lab-swatch__hex{display:block;font-size:14px}.pattern-lab-swatch--light-text{color:#fff}.pattern-lab-gradient{border:1px solid #c1c1c1;margin:0 .5rem 1rem;padding:1rem}.pattern-lab-gradient__indicator{height:8.3333333333rem;margin-bottom:1rem}.pattern-lab-font{margin-bottom:30px}.pattern-lab-font__family{font-size:20px;font-weight:700;margin-bottom:5px;text-align:center}@media(min-width:50em){.pattern-lab-font__family{text-align:left}}.pattern-lab-font__item{display:flex;flex-direction:column;margin:30px 0}@media(min-width:50em){.pattern-lab-font__item{flex-direction:row}}.pattern-lab-font__preview{border-bottom:2px solid #eee;font-size:18px;font-style:normal;font-weight:400;padding:20px 0;text-align:center;width:100%}@media(min-width:50em){.pattern-lab-font__preview{border-bottom:0;border-right:2px solid #eee;margin:5px 30px 0 0;padding:0 20px;text-align:left;width:65%}}.pattern-lab-font__preview-character{font-size:75px;font-weight:400;line-height:1;text-align:center;width:100%}@media(min-width:50em){.pattern-lab-font__preview-character{text-align:left;width:25%}}.pattern-lab-font__preview-meta{text-align:center;width:100%}@media(min-width:50em){.pattern-lab-font__preview-meta{text-align:left}}.pattern-lab-font__label{color:#999}.pattern-lab-font__name{color:#565454;font-size:.9rem;line-height:1.5;margin:5px 0}.pattern-lab-font__weight{color:#000;font-size:13px;margin-bottom:5px}.pattern-lab-font__style{color:#000;font-size:13px;margin-bottom:5px}.pattern-lab__box-shadow-group{display:flex;flex-wrap:wrap}.pattern-lab__box-shadow-label{margin:auto;padding:1rem;text-align:center}.pattern-lab__box-shadow-item{display:flex;flex:0 0 200px;height:200px;margin:0 1rem 1rem;width:200px}.pattern-lab-easing__wrapper{background-color:#eee;padding:1rem}.pattern-lab-easing__help-text{margin-bottom:1rem}.pattern-lab-easing__indicator{background-color:#666;border-radius:10%;height:75px;left:0;margin-bottom:.5rem;position:relative;transition-duration:1s;transition-property:left;width:75px}.pattern-lab-easing__item{margin-bottom:1rem}.pattern-lab-easing__group{padding:0 150px 0 1rem}.pattern-lab-easing__group:hover .pattern-lab-easing__indicator{left:100%}.pattern-lab-duration__wrapper{margin-bottom:1rem}.pattern-lab-duration__help-text{margin-bottom:1rem}.pattern-lab-duration__indicator{background-color:#666;border-radius:50%;display:inline-block;height:40px;margin-bottom:2rem;position:relative;transition:all 2s ease-out;width:40px}.pattern-lab-duration__item{flex:0 0 150px;padding:1rem;text-align:center}.pattern-lab-duration__group{background-color:#eee;display:flex;flex-wrap:wrap;padding:1rem}.pattern-lab-duration__group:hover .pattern-lab-duration__indicator{transform:scale(1.5)}.pattern-lab-color-swatch{border:1px solid #c1c1c1;flex:0 0 10.3333333333rem;margin:0 .5rem 1rem;max-width:10.3333333333rem;padding:1rem}.pattern-lab__color-group{border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;margin-bottom:1rem}.pattern-lab-color-swatch__indicator{height:8.3333333333rem;margin-bottom:1rem;width:8.3333333333rem}.pattern-lab__text-style{margin-bottom:3rem}.pattern-lab-text-style__label{text-transform:uppercase}#components-search-bar .js-search-block{display:block!important}#components-button--tertiary,#components-form-item--inverted,#components-form-item--tertiary,#components-newsletter-signup--banner,#components-read-more--reverse,#components-tag{background:#002d55;color:#fff;margin-left:-1em;margin-right:-1em;padding:0 1em 1em}#components-button--tertiary .pl-c-pattern__title-link:hover,#components-button--tertiary .pl-c-pattern__title-link:focus,#components-form-item--inverted .pl-c-pattern__title-link:hover,#components-form-item--inverted .pl-c-pattern__title-link:focus,#components-form-item--tertiary .pl-c-pattern__title-link:hover,#components-form-item--tertiary .pl-c-pattern__title-link:focus,#components-newsletter-signup--banner .pl-c-pattern__title-link:hover,#components-newsletter-signup--banner .pl-c-pattern__title-link:focus,#components-read-more--reverse .pl-c-pattern__title-link:hover,#components-read-more--reverse .pl-c-pattern__title-link:focus,#components-tag .pl-c-pattern__title-link:hover,#components-tag .pl-c-pattern__title-link:focus{color:#fff!important}