.se-guide-code,.se-guide-code--subtle{background:#f0f2f4;font-family:Ubuntu Mono,monospace;padding:.2rem .4rem}.se-guide-code--subtle{background:transparent;color:#68767f;font-size:.71429rem}.se-guide-pre--no-margin[class*=language-],.se-guide-pre--spaced[class*=language-],.se-guide-pre[class*=language-]{background:#f0f2f4;border-radius:2px}.se-guide-pre--spaced[class*=language-]{margin:24px 0}.se-guide-pre--no-margin[class*=language-]{margin:0}[class*=se-guide-pre] code{display:block}.token.function{color:#b42846}.token.atrule,.token.attr-value,.token.keyword{color:#008cc3}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#00a846}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#68767f}.se-guide-badges{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:24px;width:100%}.se-guide-badge__value,.se-guide-badge__value--bad,.se-guide-badge__value--good,.se-guide-badge__value--gray,.se-guide-badge__value--ok{padding:4px 8px}.se-guide-badge{background:#23282b;border-radius:4px;color:#fff;display:flex;font-size:.71429rem;margin-bottom:4px;margin-right:4px;overflow:hidden}.se-guide-badge:first-of-type{margin-left:0}.se-guide-badge__label{padding:4px 8px}.se-guide-badge__value{background:#008cc3}.se-guide-badge__value--good{background:#00a846}.se-guide-badge__value--ok{background:#f0b428}.se-guide-badge__value--bad{background:#b42846}.se-guide-badge__value--gray{background:#68767f}.se-guide-example__toggle-source{margin-top:18px}.se-guide-example__source,.se-guide-example__source-content{display:none}.se-guide-example__source--expanded,.se-guide-example__source-content--expanded{display:block}.se-guide-size-table__row{border-bottom:1px solid #f0f2f4;display:flex;justify-content:space-between;max-width:200px;padding:4px 18px;width:100%}.se-guide-size-table__row:hover{background:#f0f2f4}.se-guide-size-table__row:first-of-type{font-size:.71429rem;font-weight:600;margin-top:18px;text-transform:uppercase}.se-guide-size-table__row:first-of-type:hover{background:transparent}.se-guide-size-table__row:last-of-type{border:0}.se-guide-steps__step{margin:32px 0}se-guide-table{display:block;max-width:100%;overflow-x:auto}.se-guide-table{max-width:100%;min-width:850px;table-layout:fixed;width:100%}.se-guide-table td,.se-guide-table th{font-size:.71429rem;font-weight:600;padding:12px 12px 8px;text-align:left;text-transform:uppercase}.se-guide-table td{color:#68767f;font-size:1rem;font-weight:400;padding:12px;text-transform:none}.se-guide-table td .se-guide-code{color:#00668f}.se-guide-table thead,.se-guide-table tr{border-bottom:1px solid #e3e8eb}.se-guide-table tr:last-of-type{border-bottom:0}.se-guide-table .se-guide-table__centered-col{text-align:center}se-guide-header{background:#23282b;height:60px;justify-content:center}.se-guide-header-content,se-guide-header{align-items:center;display:flex;width:100%}.se-guide-header-content{color:#68767f;font-size:.71429rem;justify-content:space-between;padding:0 24px;text-transform:uppercase}.se-guide-header-content__theme-toggle{align-items:center;display:flex}.se-guide-header-content img{height:28px;margin-top:8px}@media (max-width:1023px){.se-guide-header-content{padding-left:0}}.se-guide-header-content__title{align-items:center;display:flex;justify-content:center}.se-guide-header-content__title se-icon{display:none}.se-guide-header-content__title se-icon:hover{cursor:pointer}@media (max-width:1023px){.se-guide-header-content__title se-icon{display:block;margin-left:24px}}@media (max-width:1023px){.se-guide-header-content__title{justify-content:flex-start}.se-guide-header-content__title img{display:none}}.se-guide-hints-toggle{color:#00668f;cursor:pointer;font-size:1rem;font-weight:400}.se-guide-hints-toggle:hover{text-decoration:underline}.se-guide-container-hint{box-shadow:0 0 0 1px rgba(180,40,70,0);display:block;padding:.05px 0;transition:box-shadow .3s ease-in-out}.se-guide-container-hint:before{background:#fcfdfd;box-shadow:inset 0 -1px 0 0 rgba(180,40,70,0);color:rgba(180,40,70,0);content:attr(se-guide-container-hint);display:block;font-size:.71429rem;height:0;margin:-2px -100vw 0 -1px;overflow:hidden;text-overflow:ellipsis;transition:height .3s ease-in-out,box-shadow .3s ease-in-out,color .3s ease-in-out;white-space:nowrap;width:calc(100% + 2px)}.se-guide-container-hint--enabled{box-shadow:0 0 0 1px rgba(180,40,70,.3)}.se-guide-container-hint--enabled:before{box-shadow:inset 0 -1px 0 0 rgba(180,40,70,.3);color:rgba(180,40,70,.5);height:1.28571rem}.se-guide-rule-list{margin:12px 0}.se-guide-rules--do:before,.se-guide-rules--dont:before{border-radius:2px;display:inline-flex;font-size:.71429rem;font-weight:600;justify-content:center;margin-left:-60px;margin-right:6px;text-transform:uppercase;width:50px}.se-guide-rules--do,.se-guide-rules--dont{padding-left:60px}.se-guide-rules--do:before{background:#f0faf4;color:#00a846;content:"do"}.se-guide-rules--dont:before{background:#fbf2f4;color:#b42846;content:"don't"}body{background:#fcfdfd;color:#23282b;font-family:Open Sans,sans-serif;font-size:1rem;margin:0;overflow:hidden;padding:0}*{box-sizing:border-box}.se-ui-guide-wrapper{display:flex;margin:0 auto}.ui-view-wrapper{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:wrap;height:calc(100vh - 60px);justify-content:center;max-height:calc(100vh - 60px);overflow-y:scroll;padding:24px;width:100%}.ui-view-wrapper:after{content:" ";display:block;height:48px;width:100%}ui-view{max-width:1000px;width:100%}.se-guide-nav{height:calc(100vh - 60px);max-height:calc(100vh - 60px)}.se-guide-img{max-width:750px}.se-guide-img--full-width{width:100%}[class*=se-ui-header]{font-weight:700;margin:1em 0 .25em}[class*=se-ui-header]:first-child{margin-top:0}[class*=se-ui-header]:last-child{margin-bottom:0}se-guide-component-doc h1[class*=se-ui-header]{display:flex}h3[class*=se-ui-header],h4[class*=se-ui-header],h5[class*=se-ui-header]{font-weight:600}h5[class*=se-ui-header]{font-size:1rem}.se-ui-header--uppercase{text-transform:uppercase}.se-guide-indented{margin-left:18px;margin-top:8px}.se-guide-ol li{list-style-type:decimal;margin:4px 0 4px 24px}.se-guide-toc{margin:18px}.se-guide-toc li{color:#00668f}.se-guide-toc li:before{background-color:#00668f;border-radius:50%;content:"";display:inline-block;height:5px;margin-right:8px;vertical-align:middle;width:5px}.se-guide-toc li:hover{cursor:pointer;text-decoration:underline}.se-guide-toc-header{border-top:1px solid #e3e8eb;font-weight:600;margin:3rem 0 9px;padding:3rem 0 9px}.se-guide-toc-header:first-of-type{margin-top:3rem}.se-guide-list{list-style-type:none;margin-left:8px}.se-guide-list li{display:flex}.se-guide-list li:before{content:"\2022";display:inline-block;padding-right:4px}