.FreestyleGuide{display:flex;flex-direction:column;height:100%;min-height:100vh;min-width:320px}.FreestyleGuide-footer,.FreestyleGuide-header{display:flex;flex:none}.FreestyleGuide-header{align-items:center;justify-content:space-between;border-bottom:solid 1px #b6b6b6;padding:.5rem 1rem}.FreestyleGuide-cta{cursor:pointer;display:inline-block;flex-basis:20px;font-size:1.4rem;text-align:center}.FreestyleGuide-cta--aside{background:0 0;border:0;padding:0}.FreestyleGuide-ctaIcon:hover{fill:#00bcd4}.FreestyleGuide-titleContainer{padding:0 1rem;text-align:center}.FreestyleGuide-title{font-size:1.4rem;font-weight:700}@media (min-width:600px){.FreestyleGuide-title{font-size:1.9rem}}.FreestyleGuide-subtitle{margin:0 auto}.FreestyleGuide-body{background-color:#fff;display:flex;flex:1 0 auto;flex-direction:column}@media (min-width:600px){.FreestyleGuide-body{flex-direction:row}}.FreestyleGuide-content{margin-top:1.5rem;overflow:auto}@media (min-width:600px){.FreestyleGuide-content{flex:1;margin:0}}.FreestyleGuide-nav{background-color:#fff;height:100vh;order:-1;overflow:auto;padding:1rem;position:sticky;top:0}@media (min-width:600px){.FreestyleGuide-nav{border-right:solid 1px #b6b6b6;flex:0 0 18rem}}.FreestyleGuide-aside{background:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);margin-right:.5rem;order:-2;position:fixed;right:.5rem}@media (min-width:600px){.FreestyleGuide-aside{border-left:solid 1px #b6b6b6;order:1}}.FreestyleGuide-chooseSectionMessage{display:flex;height:100%;font-size:1.4rem}.FreestyleGuide-chooseSectionMessage>span{margin:auto}.FreestyleCollection{max-width:1200px}.FreestyleCollection-title{font-weight:700;padding:1rem 1rem 0;text-transform:uppercase}.FreestyleCollection-variantList{background-color:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);color:#212121;display:flex;height:48px;list-style-type:none;margin:1rem;overflow-x:auto;overflow-y:hidden;padding:0;position:relative;white-space:nowrap}.FreestyleCollection-variantListItem{cursor:pointer;display:block;flex-grow:1;float:left;font-size:14px;height:48px;letter-spacing:.8px;line-height:48px;margin:0;min-width:120px;overflow:hidden;padding:0;text-align:center;text-overflow:ellipsis;text-transform:uppercase;width:15%}.FreestyleCollection-variantListItem--active,.FreestyleCollection-variantListItem:hover{border-bottom:solid 3px #00bcd4;color:#00bcd4}.FreestyleDynamic-input{margin-bottom:10px}.FreestyleDynamic-input input[type=text],.FreestyleDynamic-input textarea,.FreestyleDynamic-inputDescription{display:block}.FreestyleVariant--inline{display:inline-block}.FreestyleAnnotation{font-size:.9rem;padding:0 1rem}.FreestyleUsageControls{background:#fff;font-size:.9rem;padding:1rem;text-align:left;width:200px}.FreestyleUsageControls-header{color:#00bcd4;font-weight:700;margin-bottom:.3rem;text-transform:uppercase}.FreestyleUsageControls-item{align-items:baseline;display:flex}.FreestyleUsageControls-item--focus{padding-top:.6rem}.FreestyleUsageControls-itemControl{cursor:pointer;padding-right:.1rem}.FreestyleUsageControls-itemLabel{font-size:.8rem}.FreestyleUsageControls-input--focus{margin-bottom:.2rem}.FreestyleUsageControls-button{background-color:#00bcd4;border:0;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);color:#fff;cursor:pointer;font-size:.6rem;padding:.4rem 1rem;text-transform:uppercase}.FreestylePalette-title{font-size:1.4rem;font-weight:700;padding-bottom:2px;padding-top:10px}.FreestylePalette-description{font-size:.8rem;padding-bottom:5px}.FreestylePaletteItem{border:solid 1px #cecece;display:inline-block;margin:0 5px 5px 0}.FreestylePaletteItem-color{height:90px;width:160px}.FreestylePaletteItem-info{background-color:#fff;border-top:solid 1px #cecece;padding:5px}.FreestylePaletteItem-hex{font-size:12px;font-weight:700;margin-bottom:0}.FreestylePaletteItem-name{color:#2f4f4f;font-size:11px;margin-top:0}.FreestyleUsage-title{font-weight:700;padding:1rem 1rem 0;text-transform:uppercase}.FreestyleUsage-rendered{padding:1rem}.FreestyleUsage-usage{padding-bottom:10px}.FreestyleUsage-sourceContainer pre{font-size:.8rem;margin-top:0}.FreestyleUsage-sourceContainer pre.hljs{padding:.5rem 1rem}.FreestyleUsage--inline{border-bottom:0;display:inline-block;margin-bottom:0;padding-bottom:0;width:100%}@media (min-width:600px){.FreestyleUsage--inline{max-width:inherit;width:auto}}.FreestyleUsage-focusCta{cursor:pointer;fill:#b6b6b6;position:relative;top:1px}.FreestyleUsage-focusCta:hover{fill:#00bcd4}.FreestyleSection-name{border-bottom:solid 1px #ccc;font-size:1.5rem;font-weight:700;margin:0 1rem;max-width:calc(1200px - 1rem);padding:1rem 0 .4rem}.FreestyleSection--hidden,.FreestyleSubsection.is-hidden{display:none}.FreestyleSubsection-name{font-size:1.3rem;margin:0 1rem;padding:.8rem 0 .4rem}.FreestyleMenu{font-size:14px;list-style:none;padding-left:1rem}.FreestyleMenu-item,.FreestyleMenu-submenuItem{padding-top:.1rem}.FreestyleMenu-itemLink,.FreestyleMenu-submenuItemLink{border-radius:6px;color:#212121;display:block;padding:.3rem .3rem .3rem .5rem;text-decoration:none}.FreestyleMenu-itemLink.active,.FreestyleMenu-submenuItemLink.active{background-color:#00bcd4;color:#fff;text-decoration:none;font-weight:700}.FreestyleMenu-itemLink:hover,.FreestyleMenu-submenuItemLink:hover{background-color:#00bcd4;color:#fff;text-decoration:none}.FreestyleMenu-submenu{list-style:none;padding-left:1rem}.FreestyleSource-title{font-size:.7rem;font-weight:700;padding:.5rem 1rem .2rem;text-transform:uppercase}.FreestyleTypeface-previewHero,.FreestyleTypeface-previewSample{font-family:inherit}.FreestyleTypeface-previewHero{font-size:140px;line-height:1.05}.FreestyleTypeface-previewSample{font-size:15px;margin:0}.FreestyleUsage{--radius:4px;--border-color:#eee;padding:0 1rem 1rem;margin-bottom:1rem;max-width:1200px}.FreestyleUsage:last-child{border-bottom:1px solid #ccc}.FreestyleUsage-name{color:#333;margin-top:1.5rem}.FreestyleUsage-description{margin:.5rem 0;font-size:1.1rem;color:#666}.FreestyleUsage-api+.FreestyleUsage-cssVars{margin-top:1rem}.FreestyleUsage-apiTitle,.FreestyleUsage-cssVarsTitle{font-size:.9rem;font-weight:700;margin:0}.FreestyleUsage-standaloneFocusCta{float:right;margin-right:1rem}.FreestyleUsage-preview{padding:1.5rem;margin:1rem 0;border:1px solid var(--border-color);border-radius:var(--radius);position:relative}.FreestyleUsage-preview:after{content:"Preview";font-size:.7rem;position:absolute;right:0;top:0;background:#eee;color:#777;padding:2px 8px;display:block;border-radius:0 0 0 var(--radius)}.FreestyleUsage-apiTable,.FreestyleUsage-cssVarsTable,.FreestyleUsage-sourceContainer{margin-left:-1rem;margin-right:-1rem}.FreestyleUsage-apiTable,.FreestyleUsage-cssVarsTable{width:100%;padding:.5rem 0 .2rem;border-collapse:collapse}.FreestyleUsage-apiTable th,.FreestyleUsage-cssVarsTable th{text-align:left;font-size:.8rem;font-weight:600;color:#777}.FreestyleUsage-apiTable tr,.FreestyleUsage-cssVarsTable tr{border-bottom:1px solid var(--border-color);vertical-align:top}.FreestyleUsage-apiTable tr:nth-child(even),.FreestyleUsage-cssVarsTable tr:nth-child(even){background-color:#f9f9f9}.FreestyleUsage-apiTable td,.FreestyleUsage-apiTable th,.FreestyleUsage-cssVarsTable td,.FreestyleUsage-cssVarsTable th{padding:.5rem 1rem}.FreestyleUsage-sourceContainer{margin-top:1rem}.FreestyleUsageArgument,.FreestyleUsageCssVar{font-size:.8rem}.FreestyleUsageArgument-name,.FreestyleUsageCssVar-name{font-weight:700;width:20%}.FreestyleUsageArgument-description,.FreestyleUsageCssVar-description{width:40%}.FreestyleUsageArgument-required,.FreestyleUsageCssVar-required{color:#d81c38;font-style:oblique}.FreestyleUsageArgument-default,.FreestyleUsageCssVar-default{font-family:monospace}.FreestyleUsageArgument-jsonViewer,.FreestyleUsageCssVar-jsonViewer{background-color:#222;min-width:300px;padding:1rem}.FreestyleUsageBoolean{position:relative;display:flex}.FreestyleUsageBoolean:after{content:"False";display:block;position:absolute;top:2px;left:27px;font-family:monospace;color:#999}.FreestyleUsageBoolean.is-checked:after{content:"True";color:#333;font-weight:700}.FreestyleUsageArray-item{margin:0 0 .5em;display:flex;flex-direction:row;justify-content:space-between}.FreestyleUsageArray-removeItem{padding:2px 4px}.FreestyleUsageArray-addItem,.FreestyleUsageArray-removeItem{background:0 0;border:0;outline:0;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;font-size:.8em;border-radius:4px}.FreestyleUsageArray-removeItem{color:#999;opacity:.5}.FreestyleUsageArray-addItem{font-weight:700;padding:3px 8px;color:#666;background:#ddd}.FreestyleUsageArray-item:hover .FreestyleUsageArray-removeItem{opacity:1}.u-codePill{background-color:#eee;border-radius:2px;color:#777;display:inline-block;font-family:monospace;margin-right:.2em;padding:1px 7px}