div.content-container{padding:32px;max-width:1024px}div.content-footer{height:256px;background-color:#f2f3f5}.hide{display:none}button{padding:0;background-color:transparent;border:none;user-select:none;cursor:pointer}a{cursor:pointer}header,nav{box-sizing:border-box;margin:0}nav ul{padding:0;margin:0;list-style:none}nav ul li>a,nav ul li>button{font-size:inherit;line-height:inherit;color:inherit;font-family:inherit;text-decoration:none;user-select:none;font-weight:500;font-synthesis:none}nav ul.second-level li>a,nav ul.second-level li>button{font-family:IntuitiveBrown,Arial,Helvetica Neue,Helvetica,sans-serif}nav ul.third-level li>a,nav ul.third-level li>button{font-family:Inter,Arial,Helvetica Neue,Helvetica,sans-serif}.third-level-anchor li>a{font-family:Inter,Arial,Helvetica Neue,Helvetica,sans-serif!important}#design-layout{display:flex;flex-flow:column nowrap;height:100vh;width:100vw;overflow:hidden}#design-masthead{position:relative;flex:0 0 72px;padding:16px 24px;display:flex;justify-content:space-between;flex-flow:row nowrap;background-color:#fff;border-bottom:1px solid #e1e2e6;z-index:3;padding-right:0}#design-masthead .nav-wrapper{flex:1}#design-masthead .nav-wrapper nav ul li>a,#design-masthead .nav-wrapper nav ul li>button{font-size:14px}#design-page{position:relative;flex:1;display:flex;max-width:100vw;box-sizing:border-box;overflow:hidden;z-index:3}#design-sidebar{flex:0 0 256px;height:calc(100vh - 72px);padding:24px 0;background-color:#000;font-family:Inter,Arial,Helvetica Neue,Helvetica,sans-serif;color:#f2f3f5;overflow:auto;-ms-overflow-style:none;scrollbar-width:none;box-sizing:border-box;z-index:20}#design-sidebar::-webkit-scrollbar{display:none}#design-main{flex:1;height:calc(100vh - 72px);overflow:auto;-ms-overflow-style:none;scrollbar-width:none}#design-main::-webkit-scrollbar{display:none}button.burger-icon{display:none;padding:12px;flex:0 0 40px;margin-right:16px;background-image:url(/assets/brand/images/burger_icon.svg);background-size:16px;background-repeat:no-repeat;background-position:center}div.home-link-wrapper{flex:0 1 232px}a.home-link,a.home-link:visited{font-family:Inter,Arial,Helvetica Neue,Helvetica,sans-serif;font-weight:300;line-height:2.4;color:#1c1c1f;text-decoration:none}a.home-link>span:last-child{font-weight:500}nav.masthead-nav{flex:1 1 auto}nav.masthead-nav ul{display:flex;color:#1c1c1f}nav.masthead-nav ul li a{display:inline-block;margin-right:8px;border-radius:8px;border:none;font-family:Inter,Arial,Helvetica Neue,Helvetica,sans-serif;font-weight:500;font-synthesis:none;line-height:20px;text-align:center;background-color:transparent;transition:background-color .1s linear;padding:10px 24px 10px 24px}nav.masthead-nav ul li.selected a{background-color:#1c1c1f;color:#f2f3f5}nav.masthead-nav ul li.selected:hover a{background-color:#3d4dff}nav.masthead-nav ul li.selected:active a{background-color:#6188ff}nav.masthead-nav ul li a:hover{background-color:#f2f3f5}nav.masthead-nav ul li a:active{background-color:#dcdce0}div.search-area{flex:0 1 500px;display:flex;justify-content:flex-end;margin-left:auto;padding-left:100px;width:40px;position:fixed;top:16px;right:24px}div.search-area input.search-input{flex:1;border:none}div.search-area input.search-input:focus{outline:0}div.search-area input.search-input:placeholder{font-family:Inter,Arial,Helvetica Neue,Helvetica,sans-serif}div.search-area button.search-toggle{position:relative;flex:0 0 40px;height:40px;background-color:#252629;border:2px solid #252629;border-radius:50%;transform:scale(1.2)}div.search-area button.search-toggle:hover{background-color:#14f;border-color:#14f}div.search-area.expanded button.search-toggle{background-image:url(../images/close_icon_hollow.svg);background-size:cover;background-repeat:no-repeat;background-position:center}div.search-area.expanded button.search-toggle>img{display:none}div.search-area button.search-toggle>img{position:absolute;top:50%;left:50%;width:45%;transform:translate(-50%,-50%)}main.design-main::before{content:none;position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(37,38,41,0);pointer-events:none;transition:background-color .2s ease}nav.sidebar-nav li.expanded>ul{display:block}nav.sidebar-nav li.nav-dropdown{padding:0}nav.sidebar-nav a,nav.sidebar-nav button{display:inline-block;width:100%;padding:12px 24px;position:relative;text-align:left}nav.sidebar-nav a:hover,nav.sidebar-nav button:hover{background-color:#252629}nav.sidebar-nav a.page-link.selected{background-color:#252629}div.first-level-title{display:none;padding:8px 24px;color:#73747a;border-bottom:1px solid #73747a}ul.second-level>li{position:relative;font-size:24px;line-height:32px;transition:background-color .1s linear;font-weight:700}ul.second-level>li.nav-dropdown>button{padding-right:42px}ul.second-level>li.nav-dropdown>button::after{content:'';position:absolute;top:50%;right:25px;height:6px;width:10px;transform:translateY(-50%);background-size:contain;background-position:center;background-repeat:no-repeat;background-image:url(../images/dropdown_icon.svg);transition:transform .2s ease}ul.second-level>li.nav-dropdown.expanded>button::after{transform:translateY(-50%) rotateX(180deg)}ul.fourth-level li,ul.fourth-level li>*,ul.third-level li,ul.third-level li>*{font-size:14px;font-weight:300}ul.third-level a,ul.third-level button{padding:10px 24px;line-height:20px}ul.fourth-level a,ul.fourth-level li button{position:relative;padding:6px 0 6px 36px;color:#6a6b70;line-height:20px}ul.fourth-level li:hover a:not(.active),ul.fourth-level li:hover button{color:#a1a2a8}ul.fourth-level a.active::before,ul.fourth-level a.selected::before{content:'';position:absolute;top:50%;left:24px;height:4px;width:4px;border-radius:50%;background-color:#f2f3f5;transform:translateY(-50%)}ul.fourth-level a::before{content:'';position:absolute;top:50%;left:24px;height:4px;width:4px;border-radius:50%;background-color:#f2f3f5;transform:translateY(-50%);opacity:0}ul.fourth-level a.active{color:#f2f3f5}ul.fourth-level a:active,ul.fourth-level li:active a{color:#a1a2a8!important}ul.fourth-level a.active::before,ul.fourth-level a:hover::before{opacity:1}.gates.js-gates.gates-content::before{content:none;position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(37,38,41,0);pointer-events:none;transition:background-color .2s ease}@media screen and (min-width:992px){.desktop-show{display:block}.desktop-hide{display:none!important}}@media screen and (max-width:992px){.home-mobile-nav-wrapper{display:flex}div.site-wrapper.sidebar-active div.gates-content::before{content:'';background-color:rgba(37,38,41,.48);z-index:1}.mobile-show{display:block}.mobile-hide{display:none!important}.gates-content{margin-top:0}}@media screen and (max-width:992px){div.site-wrapper.sidebar-active nav.sidebar-nav{transform:translateX(0)}div.site-wrapper.sidebar-active main#design-main{overflow-y:hidden}div.site-wrapper.sidebar-active main.design-main::before{background-color:rgba(37,38,41,.48);z-index:1}div.site-wrapper.sidebar-active button.burger-icon{background-image:url(../images/burger_close_icon.svg);background-size:contain}nav.masthead-nav{display:none}nav.sidebar-nav{position:absolute;width:256px;transition:transform .2s ease;transform:translateX(-100%)}button.burger-icon{display:inline-block}div.first-level-title{display:block}li.first-level-category{display:block}main.design-main::before{content:''}}.not-found-page li.first-level-category{display:block}.not-found-page li.first-level-category .first-level-title{display:block}