@import url("https://fonts.googleapis.com/css?family=Roboto+Mono:400,700");.e-margin-none{margin:0 !important}.e-margin-vertical-none{margin-bottom:0 !important;margin-top:0 !important}.e-margin-horizontal-none{margin-left:0 !important;margin-right:0 !important}.e-margin-top-none{margin-top:0 !important}.e-margin-right-none{margin-right:0 !important}.e-margin-bottom-none{margin-bottom:0 !important}.e-margin-left-none{margin-left:0 !important}.e-margin-3xs{margin:2px !important}.e-margin-vertical-3xs{margin-bottom:2px !important;margin-top:2px !important}.e-margin-horizontal-3xs{margin-left:2px !important;margin-right:2px !important}.e-margin-top-3xs{margin-top:2px !important}.e-margin-right-3xs{margin-right:2px !important}.e-margin-bottom-3xs{margin-bottom:2px !important}.e-margin-left-3xs{margin-left:2px !important}.e-margin-2xs{margin:4px !important}.e-margin-vertical-2xs{margin-bottom:4px !important;margin-top:4px !important}.e-margin-horizontal-2xs{margin-left:4px !important;margin-right:4px !important}.e-margin-top-2xs{margin-top:4px !important}.e-margin-right-2xs{margin-right:4px !important}.e-margin-bottom-2xs{margin-bottom:4px !important}.e-margin-left-2xs{margin-left:4px !important}.e-margin-xs{margin:8px !important}.e-margin-vertical-xs{margin-bottom:8px !important;margin-top:8px !important}.e-margin-horizontal-xs{margin-left:8px !important;margin-right:8px !important}.e-margin-top-xs{margin-top:8px !important}.e-margin-right-xs{margin-right:8px !important}.e-margin-bottom-xs{margin-bottom:8px !important}.e-margin-left-xs{margin-left:8px !important}.e-margin-s{margin:12px !important}.e-margin-vertical-s{margin-bottom:12px !important;margin-top:12px !important}.e-margin-horizontal-s{margin-left:12px !important;margin-right:12px !important}.e-margin-top-s{margin-top:12px !important}.e-margin-right-s{margin-right:12px !important}.e-margin-bottom-s{margin-bottom:12px !important}.e-margin-left-s{margin-left:12px !important}.e-margin-m{margin:16px !important}.e-margin-vertical-m{margin-bottom:16px !important;margin-top:16px !important}.e-margin-horizontal-m{margin-left:16px !important;margin-right:16px !important}.e-margin-top-m{margin-top:16px !important}.e-margin-right-m{margin-right:16px !important}.e-margin-bottom-m{margin-bottom:16px !important}.e-margin-left-m{margin-left:16px !important}.e-margin-l{margin:24px !important}.e-margin-vertical-l{margin-bottom:24px !important;margin-top:24px !important}.e-margin-horizontal-l{margin-left:24px !important;margin-right:24px !important}.e-margin-top-l{margin-top:24px !important}.e-margin-right-l{margin-right:24px !important}.e-margin-bottom-l{margin-bottom:24px !important}.e-margin-left-l{margin-left:24px !important}.e-margin-xl{margin:32px !important}.e-margin-vertical-xl{margin-bottom:32px !important;margin-top:32px !important}.e-margin-horizontal-xl{margin-left:32px !important;margin-right:32px !important}.e-margin-top-xl{margin-top:32px !important}.e-margin-right-xl{margin-right:32px !important}.e-margin-bottom-xl{margin-bottom:32px !important}.e-margin-left-xl{margin-left:32px !important}.e-margin-2xl{margin:40px !important}.e-margin-vertical-2xl{margin-bottom:40px !important;margin-top:40px !important}.e-margin-horizontal-2xl{margin-left:40px !important;margin-right:40px !important}.e-margin-top-2xl{margin-top:40px !important}.e-margin-right-2xl{margin-right:40px !important}.e-margin-bottom-2xl{margin-bottom:40px !important}.e-margin-left-2xl{margin-left:40px !important}.e-margin-3xl{margin:48px !important}.e-margin-vertical-3xl{margin-bottom:48px !important;margin-top:48px !important}.e-margin-horizontal-3xl{margin-left:48px !important;margin-right:48px !important}.e-margin-top-3xl{margin-top:48px !important}.e-margin-right-3xl{margin-right:48px !important}.e-margin-bottom-3xl{margin-bottom:48px !important}.e-margin-left-3xl{margin-left:48px !important}.e-margin-4xl{margin:56px !important}.e-margin-vertical-4xl{margin-bottom:56px !important;margin-top:56px !important}.e-margin-horizontal-4xl{margin-left:56px !important;margin-right:56px !important}.e-margin-top-4xl{margin-top:56px !important}.e-margin-right-4xl{margin-right:56px !important}.e-margin-bottom-4xl{margin-bottom:56px !important}.e-margin-left-4xl{margin-left:56px !important}.e-padding-none{padding:0 !important}.e-padding-vertical-none{padding-bottom:0 !important;padding-top:0 !important}.e-padding-horizontal-none{padding-left:0 !important;padding-right:0 !important}.e-padding-top-none{padding-top:0 !important}.e-padding-right-none{padding-right:0 !important}.e-padding-bottom-none{padding-bottom:0 !important}.e-padding-left-none{padding-left:0 !important}.e-padding-3xs{padding:2px !important}.e-padding-vertical-3xs{padding-bottom:2px !important;padding-top:2px !important}.e-padding-horizontal-3xs{padding-left:2px !important;padding-right:2px !important}.e-padding-top-3xs{padding-top:2px !important}.e-padding-right-3xs{padding-right:2px !important}.e-padding-bottom-3xs{padding-bottom:2px !important}.e-padding-left-3xs{padding-left:2px !important}.e-padding-2xs{padding:4px !important}.e-padding-vertical-2xs{padding-bottom:4px !important;padding-top:4px !important}.e-padding-horizontal-2xs{padding-left:4px !important;padding-right:4px !important}.e-padding-top-2xs{padding-top:4px !important}.e-padding-right-2xs{padding-right:4px !important}.e-padding-bottom-2xs{padding-bottom:4px !important}.e-padding-left-2xs{padding-left:4px !important}.e-padding-xs{padding:8px !important}.e-padding-vertical-xs{padding-bottom:8px !important;padding-top:8px !important}.e-padding-horizontal-xs{padding-left:8px !important;padding-right:8px !important}.e-padding-top-xs{padding-top:8px !important}.e-padding-right-xs{padding-right:8px !important}.e-padding-bottom-xs{padding-bottom:8px !important}.e-padding-left-xs{padding-left:8px !important}.e-padding-s{padding:12px !important}.e-padding-vertical-s{padding-bottom:12px !important;padding-top:12px !important}.e-padding-horizontal-s{padding-left:12px !important;padding-right:12px !important}.e-padding-top-s{padding-top:12px !important}.e-padding-right-s{padding-right:12px !important}.e-padding-bottom-s{padding-bottom:12px !important}.e-padding-left-s{padding-left:12px !important}.e-padding-m{padding:16px !important}.e-padding-vertical-m{padding-bottom:16px !important;padding-top:16px !important}.e-padding-horizontal-m{padding-left:16px !important;padding-right:16px !important}.e-padding-top-m{padding-top:16px !important}.e-padding-right-m{padding-right:16px !important}.e-padding-bottom-m{padding-bottom:16px !important}.e-padding-left-m{padding-left:16px !important}.e-padding-l{padding:24px !important}.e-padding-vertical-l{padding-bottom:24px !important;padding-top:24px !important}.e-padding-horizontal-l{padding-left:24px !important;padding-right:24px !important}.e-padding-top-l{padding-top:24px !important}.e-padding-right-l{padding-right:24px !important}.e-padding-bottom-l{padding-bottom:24px !important}.e-padding-left-l{padding-left:24px !important}.e-padding-xl{padding:32px !important}.e-padding-vertical-xl{padding-bottom:32px !important;padding-top:32px !important}.e-padding-horizontal-xl{padding-left:32px !important;padding-right:32px !important}.e-padding-top-xl{padding-top:32px !important}.e-padding-right-xl{padding-right:32px !important}.e-padding-bottom-xl{padding-bottom:32px !important}.e-padding-left-xl{padding-left:32px !important}.e-padding-2xl{padding:40px !important}.e-padding-vertical-2xl{padding-bottom:40px !important;padding-top:40px !important}.e-padding-horizontal-2xl{padding-left:40px !important;padding-right:40px !important}.e-padding-top-2xl{padding-top:40px !important}.e-padding-right-2xl{padding-right:40px !important}.e-padding-bottom-2xl{padding-bottom:40px !important}.e-padding-left-2xl{padding-left:40px !important}.e-padding-3xl{padding:48px !important}.e-padding-vertical-3xl{padding-bottom:48px !important;padding-top:48px !important}.e-padding-horizontal-3xl{padding-left:48px !important;padding-right:48px !important}.e-padding-top-3xl{padding-top:48px !important}.e-padding-right-3xl{padding-right:48px !important}.e-padding-bottom-3xl{padding-bottom:48px !important}.e-padding-left-3xl{padding-left:48px !important}.e-padding-4xl{padding:56px !important}.e-padding-vertical-4xl{padding-bottom:56px !important;padding-top:56px !important}.e-padding-horizontal-4xl{padding-left:56px !important;padding-right:56px !important}.e-padding-top-4xl{padding-top:56px !important}.e-padding-right-4xl{padding-right:56px !important}.e-padding-bottom-4xl{padding-bottom:56px !important}.e-padding-left-4xl{padding-left:56px !important}.e-quicksearch{position:relative}.e-quicksearch-opened input,.e-quicksearch-opened input:focus{border-bottom-color:transparent}.e-quicksearch-opened .e-quicksearch__results{display:block}html.FLIPPER-ui_redesign_basics .e-quicksearch-opened .e-quicksearch__arrow{display:block}.e-quicksearch__results{background:#fff;border:1px solid #6597cf;border-top:0;display:none;margin-top:-1px;min-width:100%;position:absolute}html.FLIPPER-ui_redesign_basics .e-quicksearch__results{border:1px solid #c4d0dd;box-shadow:0 8px 24px 0 rgba(16,42,67,0.2);border:1px solid #c4d0dd;border-radius:8px;margin-top:24px;padding:16px}.e-quicksearch__arrow{background-color:#fff;border-left:1px solid #c4d0dd;border-top:1px solid #c4d0dd;bottom:-29px;display:none;height:10px;left:calc(50% - 6.75px);position:absolute;transform:rotate(45deg);width:10px}.e-quicksearch__item{color:#333 !important;display:block;padding:5px 15px;text-decoration:none;transition:initial}html.FLIPPER-ui_redesign_basics .e-quicksearch__item{color:#233d56 !important}.e-quicksearch__item svg{fill:#333}html.FLIPPER-ui_redesign_basics .e-quicksearch__item svg{color:#233d56 !important}.e-quicksearch__item-active{background:#6597cf;color:#fff !important}html.FLIPPER-ui_redesign_basics .e-quicksearch__item-active{background:#6f8de7;border-radius:8px;color:#fff !important}.e-quicksearch__item-active svg{fill:#fff}html.FLIPPER-ui_redesign_basics .e-quicksearch__item-active svg{color:#fff !important}.e-quicksearch__tags{display:block;margin-top:-4px}.e-quicksearch__tag{padding-right:4px}.e-quicksearch__tag:after{content:','}.e-quicksearch__tag:last-child:after{content:''}.e-quicksearch__date{font-size:70%;font-weight:300;margin-top:-4px}.e-quicksearch__date__icon{vertical-align:sub}.doc__example_toggle{float:right;margin-left:25px;width:auto}html.FLIPPER-ui_redesign_basics .doc__example_toggle{margin-left:24px}html.FLIPPER-ui_redesign_basics .doc__example_toggle{width:auto}.doc__example_toggle e-icon{margin-right:5px}html.FLIPPER-ui_redesign_basics .doc__example_toggle e-icon{margin-right:4px}.doc__title small,.doc__subtitle small{padding-left:8px}html.FLIPPER-ui_redesign_basics .doc__title small,html.FLIPPER-ui_redesign_basics .doc__subtitle small{padding-left:8px}.doc__subtitle{background:#f9f9f9 !important;height:35px;line-height:35px;margin:0 -15px 15px !important;padding:0 15px !important}.doc__subtitle:before,.doc__subtitle:after{content:' ';display:table}.doc__subtitle:after{clear:both}html.FLIPPER-ui_redesign_basics .doc__subtitle{background:#f1f6fb !important;height:40px;line-height:40px;margin:0 -16px 16px !important;overflow:hidden;padding:0 16px !important}.doc__markup_example{background:#f9f9f9;border:1px solid #e3e6e4;border-top:0;margin-bottom:15px}html.FLIPPER-ui_redesign_basics .doc__markup_example{background:#f1f6fb;border:1px solid #c4d0dd;border-top:0;margin-bottom:16px}.doc__markup_example__header{background:#fff;border-bottom:1px solid #e3e6e4;border-top:1px solid #e3e6e4;height:34px;padding:6px 0 0 15px;position:relative}html.FLIPPER-ui_redesign_basics .doc__markup_example__header{background:#fff;border-bottom:1px solid #c4d0dd;border-top:1px solid #c4d0dd;height:40px;padding:8px 0 0 16px}.doc__markup_example__header e-icon{position:absolute;right:10px;top:5px}html.FLIPPER-ui_redesign_basics .doc__markup_example__header e-icon{right:12px;top:4px}.doc__markup_example__header .js-copy-js{border:0;bottom:0;height:32px;line-height:32px;position:absolute;right:15px;top:0}html.FLIPPER-ui_redesign_basics .doc__markup_example__header .js-copy-js{height:32px;line-height:32px;right:16px}.doc__markup_example__header .js-copy-js e-icon{position:static}.doc__markup_example__toggle{display:inline-block}.doc-icons{align-content:stretch;display:flex;flex-wrap:wrap}.doc-icons__icon{border:1px solid #ddd;border-radius:6px;display:flex;flex-basis:20%;flex-direction:column;flex-grow:1;margin:5px;padding:15px;position:relative;text-align:center;vertical-align:middle}html.FLIPPER-ui_redesign_basics .doc-icons__icon{border:1px solid #c4d0dd;margin:4px;padding:16px}.doc-icons__icon .doc-copyicon{cursor:pointer;display:none;position:absolute;right:30px;top:5px;z-index:1}html.FLIPPER-ui_redesign_basics .doc-icons__icon .doc-copyicon{right:32px;top:4px}.doc-icons__icon .doc-copyicon .e-icon{fill:#6597cf;height:17px;width:17px}html.FLIPPER-ui_redesign_basics .doc-icons__icon .doc-copyicon .e-icon{height:16px;width:16px}.doc-icons__icon .doc-copyid{cursor:pointer;display:none;position:absolute;right:7px;top:5px;z-index:1}html.FLIPPER-ui_redesign_basics .doc-icons__icon .doc-copyid{right:8px;top:4px}.doc-icons__icon .doc-copyid .e-icon{fill:#6597cf;height:17px;width:17px}html.FLIPPER-ui_redesign_basics .doc-icons__icon .doc-copyid .e-icon{height:16px;width:16px}.doc-icons__icon:hover .doc-copyicon,.doc-icons__icon:hover .doc-copyid{display:block}.doc-icons__icon .e-icon{display:block;height:40px;margin:auto;width:40px}html.FLIPPER-ui_redesign_basics .doc-icons__icon .e-icon{height:40px;width:40px}.doc-icons__icon.e-logo,.doc-icons__icon.e-logo-white{background-color:#333}html.FLIPPER-ui_redesign_basics .doc-icons__icon.e-logo,html.FLIPPER-ui_redesign_basics .doc-icons__icon.e-logo-white{background-color:#233d56}.doc-icons__icon.e-logo .e-icon,.doc-icons__icon.e-logo-white .e-icon{width:120px}html.FLIPPER-ui_redesign_basics .doc-icons__icon.e-logo .e-icon,html.FLIPPER-ui_redesign_basics .doc-icons__icon.e-logo-white .e-icon{width:120px}.doc-icons__title{background:#fcfdfd;border:1px solid #dee2e6;border-radius:6px;display:inline-block;font-size:10px;margin-top:10px;padding:.1em .3em}html.FLIPPER-ui_redesign_basics .doc-icons__title{background:#f1f6fb;border:1px solid #c4d0dd;margin-top:8px;padding:.1em .3em}.doc-grid .e-row{margin-bottom:10px}html.FLIPPER-ui_redesign_basics .doc-grid .e-row{margin-bottom:12px}.doc-grid .e-col-1{background:#ddd;border:1px solid #aaa;font-size:16px;padding-bottom:15px;padding-top:15px;text-align:center}html.FLIPPER-ui_redesign_basics .doc-grid .e-col-1{background:#e2e9f1;border:1px solid #c4d0dd;padding-bottom:16px;padding-top:16px}.doc-grid .e-col-2{background:#ddd;border:1px solid #aaa;font-size:16px;padding-bottom:15px;padding-top:15px;text-align:center}html.FLIPPER-ui_redesign_basics .doc-grid .e-col-2{background:#e2e9f1;border:1px solid #c4d0dd;padding-bottom:16px;padding-top:16px}.doc-grid .e-col-3{background:#ddd;border:1px solid #aaa;font-size:16px;padding-bottom:15px;padding-top:15px;text-align:center}html.FLIPPER-ui_redesign_basics .doc-grid .e-col-3{background:#e2e9f1;border:1px solid #c4d0dd;padding-bottom:16px;padding-top:16px}.doc-grid .e-col-4{background:#ddd;border:1px solid #aaa;font-size:16px;padding-bottom:15px;padding-top:15px;text-align:center}html.FLIPPER-ui_redesign_basics .doc-grid .e-col-4{background:#e2e9f1;border:1px solid #c4d0dd;padding-bottom:16px;padding-top:16px}.doc-grid .e-col-5{background:#ddd;border:1px solid #aaa;font-size:16px;padding-bottom:15px;padding-top:15px;text-align:center}html.FLIPPER-ui_redesign_basics .doc-grid .e-col-5{background:#e2e9f1;border:1px solid #c4d0dd;padding-bottom:16px;padding-top:16px}.doc-grid .e-col-6{background:#ddd;border:1px solid #aaa;font-size:16px;padding-bottom:15px;padding-top:15px;text-align:center}html.FLIPPER-ui_redesign_basics .doc-grid .e-col-6{background:#e2e9f1;border:1px solid #c4d0dd;padding-bottom:16px;padding-top:16px}.doc-grid .e-col-7{background:#ddd;border:1px solid #aaa;font-size:16px;padding-bottom:15px;padding-top:15px;text-align:center}html.FLIPPER-ui_redesign_basics .doc-grid .e-col-7{background:#e2e9f1;border:1px solid #c4d0dd;padding-bottom:16px;padding-top:16px}.doc-grid .e-col-8{background:#ddd;border:1px solid #aaa;font-size:16px;padding-bottom:15px;padding-top:15px;text-align:center}html.FLIPPER-ui_redesign_basics .doc-grid .e-col-8{background:#e2e9f1;border:1px solid #c4d0dd;padding-bottom:16px;padding-top:16px}.doc-grid .e-col-9{background:#ddd;border:1px solid #aaa;font-size:16px;padding-bottom:15px;padding-top:15px;text-align:center}html.FLIPPER-ui_redesign_basics .doc-grid .e-col-9{background:#e2e9f1;border:1px solid #c4d0dd;padding-bottom:16px;padding-top:16px}.doc-grid .e-col-10{background:#ddd;border:1px solid #aaa;font-size:16px;padding-bottom:15px;padding-top:15px;text-align:center}html.FLIPPER-ui_redesign_basics .doc-grid .e-col-10{background:#e2e9f1;border:1px solid #c4d0dd;padding-bottom:16px;padding-top:16px}.doc-grid .e-col-11{background:#ddd;border:1px solid #aaa;font-size:16px;padding-bottom:15px;padding-top:15px;text-align:center}html.FLIPPER-ui_redesign_basics .doc-grid .e-col-11{background:#e2e9f1;border:1px solid #c4d0dd;padding-bottom:16px;padding-top:16px}.doc-grid .e-col-12{background:#ddd;border:1px solid #aaa;font-size:16px;padding-bottom:15px;padding-top:15px;text-align:center}html.FLIPPER-ui_redesign_basics .doc-grid .e-col-12{background:#e2e9f1;border:1px solid #c4d0dd;padding-bottom:16px;padding-top:16px}.doc-grid .e-col-1:after{content:'.col-1';display:block;font-size:11px}.doc-griditem{align-items:center;background:#6984d1;border-radius:4px;display:flex;height:20px;justify-content:center;width:80px}html.FLIPPER-ui_redesign_basics .doc-griditem{height:24px;width:80px}html.FLIPPER-ui_redesign_basics .doc-griditem-auto{width:auto}.doc-griditem-auto{width:auto}.doc-griditem:after{color:#fff;content:attr(content);font-size:10px;text-transform:uppercase}.doc-dark-pattern{margin:0 -15px;padding:15px;background-color:#0f344a;background-image:linear-gradient(45deg, #123d57 25%, transparent 25%, transparent 75%, #123d57 75%, #123d57),linear-gradient(45deg, #123d57 25%, #154968 25%, transparent 75%, #123d57 75%, #123d57);background-size:100px 100px;background-position:0 0, 50px 50px}html.FLIPPER-ui_redesign_basics .doc-dark-pattern{background:#233d56;margin:-16px;padding:16px}.doc-nav__link{border-radius:4px;color:#6597cf;font-size:16px;padding:.2em .4em;position:relative;text-decoration:none;transition:all .3s ease}html.FLIPPER-ui_redesign_basics .doc-nav__link{color:#6f8de7;padding:.2em .4em}.doc-nav__link:hover{background:#e5eef7;color:#4495f0}html.FLIPPER-ui_redesign_basics .doc-nav__link:hover{background-color:#e0e7ff}.doc-nav__link:after{border-bottom:2px solid #e5eef7;bottom:0;content:' ';height:2px;left:.4em;position:absolute;right:.4em}html.FLIPPER-ui_redesign_basics .doc-nav__link:after{border-bottom:2px solid #e0e7ff;color:#6f8de7;height:2px;left:.4em;right:.4em}#js-doc-container.js-example-html .language-markup{background:transparent;display:block;margin:0}#js-doc-container.js-example-html .language-pug{display:none}#js-doc-container.js-example-pug .language-markup{display:none}#js-doc-container.js-example-pug .language-pug{background:transparent;display:block;margin:0}#js-doc-container .language-javascript{margin:0}html,body{overflow:hidden}.doc__guideline{}.doc__guideline{color:#333;font-family:'Roboto', Arial, sans-serif;font-size:16px;font-weight:300;line-height:1.5em;word-wrap:break-word;margin-left:auto;margin-right:auto;max-width:640px;padding:2em 0}.doc__guideline-example{margin:0}.doc__guideline-page{padding-left:16px;padding-right:16px}.doc__guideline-fullwidth{max-width:100%}.doc__guideline a{transition:all 300ms ease}.doc__guideline h1,.doc__guideline h2,.doc__guideline h3,.doc__guideline h4,.doc__guideline h5,.doc__guideline h6{color:#000;font-family:'Roboto', Arial, sans-serif;font-size:2em;font-weight:normal;line-height:1em;margin:0 auto 1em;text-align:left}html.FLIPPER-ui_redesign_basics .doc__guideline h1,html.FLIPPER-ui_redesign_basics .doc__guideline h2,html.FLIPPER-ui_redesign_basics .doc__guideline h3,html.FLIPPER-ui_redesign_basics .doc__guideline h4,html.FLIPPER-ui_redesign_basics .doc__guideline h5,html.FLIPPER-ui_redesign_basics .doc__guideline h6{color:#233d56;margin:0 auto 1em}.doc__guideline h1:first-child{margin-top:0}.doc__guideline h2{font-size:1.5em;line-height:1.25em;margin:-1.5em auto 1em;padding-top:1.5em}html.FLIPPER-ui_redesign_basics .doc__guideline h2{margin:-32px auto 24px;padding-top:32px}.doc__guideline h3{font-size:1.25em;line-height:1.25em;margin:-1em auto 1em;padding-top:1em}html.FLIPPER-ui_redesign_basics .doc__guideline h3{margin:-24px auto 24px;padding-top:24px}.doc__guideline h4{font-size:1.25em;line-height:1.25em;margin:-1em auto .5em;padding-top:1em}html.FLIPPER-ui_redesign_basics .doc__guideline h4{margin:-24px auto 16px;padding-top:24px}.doc__guideline h5,.doc__guideline h6{color:#333;font-size:1em;letter-spacing:0;line-height:1.5em;margin:-1em auto .5em;padding-top:1em}html.FLIPPER-ui_redesign_basics .doc__guideline h5,html.FLIPPER-ui_redesign_basics .doc__guideline h6{margin:-24px auto 16px;padding-top:24px}.doc__guideline a{border-radius:4px;color:#6597cf;margin:-.2em -.4em;padding:.2em .4em;position:relative;text-decoration:none}html.FLIPPER-ui_redesign_basics .doc__guideline a{color:#6f8de7;margin:-.2em -.4em;padding:.2em .4em}.doc__guideline a:after{border-bottom:2px solid #e5eef7;bottom:0;content:' ';height:2px;left:.4em;position:absolute;right:.4em}html.FLIPPER-ui_redesign_basics .doc__guideline a:after{border-bottom:2px solid #e0e7ff;color:#6f8de7;height:2px;left:.4em;right:.4em}.doc__guideline a:hover{background-color:#e0e7ff}html.FLIPPER-ui_redesign_basics .doc__guideline a:hover{background-color:#e0e7ff}.doc__guideline a:not([href]){color:inherit}.doc__guideline b,.doc__guideline strong{color:#000;font-weight:normal}html.FLIPPER-ui_redesign_basics .doc__guideline b,html.FLIPPER-ui_redesign_basics .doc__guideline strong{color:#233d56}.doc__guideline s,.doc__guideline del{color:#b3b3b3}html.FLIPPER-ui_redesign_basics .doc__guideline s,html.FLIPPER-ui_redesign_basics .doc__guideline del{color:#c4d0dd}.doc__guideline p{margin-top:0;margin-bottom:1.25em}html.FLIPPER-ui_redesign_basics .doc__guideline p{margin-bottom:16px}.doc__guideline blockquote{margin-top:0;border-left:2px solid #eee;font-style:italic;margin-left:0;padding:0 1em}html.FLIPPER-ui_redesign_basics .doc__guideline blockquote{border-left:2px solid #c4d0dd;padding:0 16px}.doc__guideline hr{margin-top:0;border:0;border-bottom:2px solid #eee;display:block;height:0;margin-bottom:3em;margin-top:2em}html.FLIPPER-ui_redesign_basics .doc__guideline hr{border-bottom:2px solid #e2e9f1;margin-bottom:32px;margin-top:24px}.doc__guideline pre{margin-top:0;font-family:'Roboto Mono', monospace;font-size:1.2rem;line-height:1.8rem;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;overflow:auto;padding:1em}html.FLIPPER-ui_redesign_basics .doc__guideline pre{background-color:#e2e9f1;border:1px solid #c4d0dd;padding:16px}.doc__guideline pre code{background-color:transparent;border:0;display:inline;line-height:inherit;margin:0;max-width:none;overflow:visible;padding:0;word-wrap:normal}.doc__guideline code{font-family:'Roboto Mono', monospace;font-size:1.2rem;line-height:1.8rem;background-color:#eee;border-radius:4px;margin:0;padding:0 .5em .125em}.doc__guideline ul,.doc__guideline ol{margin-top:0}.doc__guideline li{margin-bottom:.5em}html.FLIPPER-ui_redesign_basics .doc__guideline li{margin-bottom:8px}.doc__guideline li>ul,.doc__guideline li ol{margin:.5em 0}html.FLIPPER-ui_redesign_basics .doc__guideline li>ul,html.FLIPPER-ui_redesign_basics .doc__guideline li ol{margin:8px 0}.doc__guideline figure{margin:4em 0;text-align:center}html.FLIPPER-ui_redesign_basics .doc__guideline figure{margin:40px}.doc__guideline figure a{margin:0;padding:0}.doc__guideline figure a:after{display:none}.doc__guideline figure img{max-width:56em}.doc__guideline figure.wide img{max-width:100%}.doc__guideline figure.video{height:0;margin:4em auto;max-width:56em;padding-bottom:51%;position:relative}.doc__guideline figure.video iframe{left:0;max-height:100%;max-width:100%;position:absolute;top:0}.doc__guideline .block{margin-top:0}.doc__guideline .card{background:#fff;box-shadow:0 4px 8px rgba(0,0,0,0.1);margin:1em .5em}.doc__guideline .card:first-child{margin-left:0}.doc__guideline .card:last-child{margin-right:0}.doc__guideline .card p:first-child{margin:0}.doc__guideline .card p:last-child{padding:.4em 1em}.doc__guideline .half-width{max-width:310px;position:relative}.doc__guideline .half-width *{margin:0;max-width:100%}.doc__guideline .example-do,.doc__guideline .example-dont{display:inline-block}.doc__guideline .example-do{border-bottom:4px solid #81c980}.doc__guideline .example-dont{border-bottom:4px solid #d86762}.doc-container{background:#fff;height:calc(100vh - 66px);margin-top:66px;overflow:auto}html.FLIPPER-ui_redesign_basics .doc-container{height:calc(100vh - 64px);margin-top:64px}.doc-content{box-shadow:0 0 6px rgba(0,0,0,0.3);margin-left:304px;min-height:calc(100vh - 66px);position:relative;z-index:1}html.FLIPPER-ui_redesign_basics .doc-content{margin-left:304px;min-height:calc(100vh - 64px)}.doc-field{margin:-1em 0 30px;padding-top:1em}.doc-field:before,.doc-field:after{content:' ';display:table}.doc-field:after{clear:both}html.FLIPPER-ui_redesign_basics .doc-field{margin:-16px 0 32px;padding-top:8px}.doc-header{align-items:center;background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,0.15);display:flex;height:66px;left:0;padding:0 16px;position:fixed;right:0;top:0;z-index:2}html.FLIPPER-ui_redesign_basics .doc-header{height:64px;padding:0 16px}.doc-header__logo{height:50px}html.FLIPPER-ui_redesign_basics .doc-header__logo{height:48px}.doc-header__logo svg{height:50px;width:300px}html.FLIPPER-ui_redesign_basics .doc-header__logo svg{height:48px;width:304px}.doc-header__version{color:#333;font-size:14px;padding:4px 3px 0 7px}.doc-header__quicksearch{margin-left:auto;padding-left:16px;width:600px}html.FLIPPER-ui_redesign_basics .doc-header__quicksearch{padding-left:16px;width:600px}.doc-header__quicksearch .e-input{background-color:#fbfbfb;padding-left:36px;width:100%}html.FLIPPER-ui_redesign_basics .doc-header__quicksearch .e-input{background-color:#fff;padding-left:40px}.doc-template-header{display:flex;padding:32px 16px 0}.doc-template-header h1{font-size:2em;font-weight:normal;letter-spacing:0;line-height:1em;margin:0 0 1em;text-align:left}.doc-template-header__button{margin-left:auto}.doc-template-example{margin:0 16px}.doc-template-example iframe{box-shadow:0 0 3px rgba(0,0,0,0.3)}.doc__quicksearch{align-items:center;display:flex}.doc__quicksearch__icon{left:10px;pointer-events:none;position:absolute;top:5px}html.FLIPPER-ui_redesign_basics .doc__quicksearch__icon{left:12px;top:7px}.doc__quicksearch__icon svg{width:24px}.doc-navigation{background-color:#fbfbfb;bottom:0;box-shadow:0 0 5px 0 rgba(0,0,0,0.01);color:#fff;left:0;overflow:auto;position:fixed;top:66px;width:304px;z-index:1}html.FLIPPER-ui_redesign_basics .doc-navigation{background-color:#f1f6fb;color:#000;top:64px;width:304px}.doc-navigation input{opacity:0;position:absolute}.doc-navigation input:checked ~ label .doc-navigation__arrow{transform:rotate(180deg)}.doc-navigation input:checked ~ .doc-navigation__children{display:block}.doc-navigation__children{display:none;padding-bottom:16px}.doc-navigation__label,.doc-navigation__label:visited{color:inherit;cursor:pointer;display:block;padding-left:16px;padding-right:16px;position:relative;transition:background-color .25s;-webkit-user-select:none;-ms-user-select:none;user-select:none}.doc-navigation__label:hover,.doc-navigation__label:visited:hover{background-color:#f3f3f3}html.FLIPPER-ui_redesign_basics .doc-navigation__label:hover,html.FLIPPER-ui_redesign_basics .doc-navigation__label:visited:hover{background-color:#e2e9f1}.doc-navigation__icon{fill:#6984d1;height:24px;margin-bottom:-7px;margin-right:8px;width:24px}html.FLIPPER-ui_redesign_basics .doc-navigation__icon{fill:#6f8de7;height:24px;margin-bottom:-7px;margin-right:8px;width:24px}.doc-navigation__arrow{position:absolute;right:15px;top:14px;transition:transform .4s}html.FLIPPER-ui_redesign_basics .doc-navigation__arrow{right:16px;top:16px}.doc-navigation__item{color:#333}html.FLIPPER-ui_redesign_basics .doc-navigation__item{color:#233d56}.doc-navigation__item-depth-0{border-bottom:1px solid #ddd}html.FLIPPER-ui_redesign_basics .doc-navigation__item-depth-0{border-bottom:1px solid #c4d0dd}.doc-navigation__item-depth-0 .doc-navigation__label,.doc-navigation__item-depth-0 .doc-navigation__label:visited{color:#666;font-size:16px;font-weight:500;line-height:45px}html.FLIPPER-ui_redesign_basics .doc-navigation__item-depth-0 .doc-navigation__label,html.FLIPPER-ui_redesign_basics .doc-navigation__item-depth-0 .doc-navigation__label:visited{color:#233d56;line-height:48px}.doc-navigation__item-depth-1 .doc-navigation__label,.doc-navigation__item-depth-1 .doc-navigation__label:visited,.doc-navigation__item-depth-2 .doc-navigation__label,.doc-navigation__item-depth-2 .doc-navigation__label:visited{color:#666;font-size:13px;line-height:20px}html.FLIPPER-ui_redesign_basics .doc-navigation__item-depth-1 .doc-navigation__label,html.FLIPPER-ui_redesign_basics .doc-navigation__item-depth-1 .doc-navigation__label:visited,html.FLIPPER-ui_redesign_basics .doc-navigation__item-depth-2 .doc-navigation__label,html.FLIPPER-ui_redesign_basics .doc-navigation__item-depth-2 .doc-navigation__label:visited{color:#3e5871;line-height:24px}.doc-navigation__item-depth-1 .doc-navigation__children,.doc-navigation__item-depth-2 .doc-navigation__children{display:block}.doc-navigation__item-depth-1{margin-left:50px;margin-right:16px}html.FLIPPER-ui_redesign_basics .doc-navigation__item-depth-1{margin-left:48px}.doc-navigation__item-depth-1 .doc-navigation__label{padding-left:5px}html.FLIPPER-ui_redesign_basics .doc-navigation__item-depth-1 .doc-navigation__label{padding-left:4px}.doc-navigation__item-depth-1 label.doc-navigation__label{color:#333;cursor:default;line-height:32px;text-transform:uppercase}html.FLIPPER-ui_redesign_basics .doc-navigation__item-depth-1 label.doc-navigation__label{color:#233d56;line-height:32px}.doc-navigation__item-depth-1 label.doc-navigation__label:hover{background-color:transparent}.doc-navigation__item-active{background-color:#6984d1}html.FLIPPER-ui_redesign_basics .doc-navigation__item-active{background-color:#6f8de7}.doc-navigation__item-active .doc-navigation__label,.doc-navigation__item-active .doc-navigation__label:visited{color:#fff}html.FLIPPER-ui_redesign_basics .doc-navigation__item-active .doc-navigation__label,html.FLIPPER-ui_redesign_basics .doc-navigation__item-active .doc-navigation__label:visited{color:#fff}.doc-navigation__item-active .doc-navigation__label:hover,.doc-navigation__item-active .doc-navigation__label:visited:hover{background-color:#6984d1}html.FLIPPER-ui_redesign_basics .doc-navigation__item-active .doc-navigation__label:hover,html.FLIPPER-ui_redesign_basics .doc-navigation__item-active .doc-navigation__label:visited:hover{background-color:#6f8de7}.doc-navigation__item-active .doc-navigation__icon{fill:#fff}html.FLIPPER-ui_redesign_basics .doc-navigation__item-active .doc-navigation__icon{fill:#fff}.doc-tabs{padding:0 16px 48px}html.FLIPPER-ui_redesign_basics .doc-tabs{padding:0 16px 48px}.doc-tabs>input{display:none}.doc-tabs>input:checked+.doc-tabs__title{border-bottom:4px solid #6984d1;color:#6984d1}html.FLIPPER-ui_redesign_basics .doc-tabs>input:checked+.doc-tabs__title{border-bottom:4px solid #6f8de7;color:#6f8de7}.doc-tabs__title{cursor:pointer;display:inline-block;font-size:16px;font-weight:500;padding:20px 16px 14px}html.FLIPPER-ui_redesign_basics .doc-tabs__title{padding:24px 16px 12px}.doc-tabs__title:only-of-type{display:none}.doc-tabs__title:only-of-type+.doc-tabs__panel .doc-tabs__panel__content{border-top:0}.doc-tabs__panel__content{border-top:1px solid #ddd;display:none;position:relative}html.FLIPPER-ui_redesign_basics .doc-tabs__panel__content{border-top:1px solid #c4d0dd}.doc-tabs>input:checked:nth-of-type(1) ~ .doc-tabs__panel>.doc-tabs__panel__content:nth-child(1){display:block}.doc-tabs>input:checked:nth-of-type(2) ~ .doc-tabs__panel>.doc-tabs__panel__content:nth-child(2){display:block}.doc-tabs>input:checked:nth-of-type(3) ~ .doc-tabs__panel>.doc-tabs__panel__content:nth-child(3){display:block}.doc-tabs>input:checked:nth-of-type(4) ~ .doc-tabs__panel>.doc-tabs__panel__content:nth-child(4){display:block}.doc-tabs>input:checked:nth-of-type(5) ~ .doc-tabs__panel>.doc-tabs__panel__content:nth-child(5){display:block}.doc-toggle-fullwidth{position:absolute;right:0;top:30px}html.FLIPPER-ui_redesign_basics .doc-toggle-fullwidth{top:32px}.doc__releasenotesiframe{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}

/*# sourceMappingURL=doc.css.map */