.l-main{display:flex;position:relative}.l-main__sidebar{min-width:225px;border-right:1px solid #e0e0e0}.m-component res-table[mobile] .m-component__api-table-faux-row,.m-component res-table[mobile] .m-component__api-table-faux-row h6,.m-nav__level1 .-is-expandable a[open]+ul,body.-nav-visible .l-main__sidebar,body.-nav-visible .m-nav__toggle res-icon{display:block}@media (max-width:700px){.l-main__sidebar{display:none;position:absolute;z-index:10;top:0;left:0;right:0;bottom:0;border:0}}.l-main__content{flex-grow:1;padding:24px 24px 100px;width:1px;margin:0 auto}.l-main__content:not(.-no-max-width){max-width:724px}@media (max-width:700px){.l-main__content{z-index:1}body.-nav-visible .l-main__content{display:none}}.p-code-block{padding:8px 12px;background-color:#e0e0e0}.m-nav ul li,.p-code-block pre{margin:0}.p-code-block code{display:block;overflow-wrap:break-word;word-break:break-all;background-color:transparent}hr{border:0;border-bottom:1px solid #c2c2c2;margin:44px 0}.m-inc__font-weights ul{list-style-type:none;margin:0;padding-left:0;display:flex;flex-wrap:wrap}.m-inc__font-weights li{flex:1 40%;margin-right:8px;font-size:30px}@media (min-width:600px){.m-inc__font-weights li{white-space:nowrap}}.m-inc__font-weights #semibold{font-weight:600}.m-inc__font-weights #semibold-italic{font-weight:600;font-style:italic}.m-inc__font-weights #medium{font-weight:500}.m-inc__font-weights #medium-italic{font-weight:500;font-style:italic}.m-inc__font-weights #regular{font-weight:400}.m-inc__font-weights #regular-italic{font-weight:400;font-style:italic}.m-inc__type-scale res-table tbody tr td:nth-child(3){line-height:1.25}.m-inc__type-scale res-table td{vertical-align:middle}.m-inc__type-scale #scale-5 td:last-child{font-size:38px}.m-inc__type-scale #scale-4 td:last-child{font-size:30px}.m-inc__type-scale #scale-3 td:last-child{font-size:26px}.m-inc__type-scale #scale-2 td:last-child{font-size:22px}.m-inc__type-scale #scale-1 td:last-child{font-size:19px}.m-inc__type-scale #scale-0 td:last-child{font-size:15px}.m-inc__type-scale #scale--1 td:last-child{font-size:13px}.m-inc__type-scale #scale--2 td:last-child{font-size:11px}.m-inc__type-scale #scale--3 td:last-child{font-size:9.5px}.m-inc__type-scale #scale--4 td:last-child{font-size:7.5px}.m-inc__type-scale #scale--5 td:last-child{font-size:6.5px}.m-inc__color-palette{flex-wrap:wrap}.m-inc__color-palette .row{display:flex}.m-inc__color-palette .row span:first-child{flex-grow:1;text-align:right;padding:4px}.m-inc__color-palette .row span:last-child{flex-basis:100px;padding:4px;margin-left:8px}.m-inc__icon-list ul{display:flex;flex-wrap:wrap;justify-content:space-around;margin-left:-10px;margin-right:-10px}.m-inc__icon-list li{border:1px solid #eee;padding:8px;text-align:center;flex:1 150px;margin:5px;min-width:100px}.m-inc__icon-list li pre{display:block;margin:12px 0 0;white-space:normal}.m-inc__space-scale .res-grid-row .res-grid-col:first-child{text-align:right}.m-inc__space-scale #scale-0{width:2px;height:2px}.m-inc__space-scale #scale-1{width:4px;height:4px}.m-inc__space-scale #scale-2{width:8px;height:8px}.m-inc__space-scale #scale-3{width:12px;height:12px}.m-inc__space-scale #scale-4{width:16px;height:16px}.m-inc__space-scale #scale-5{width:24px;height:24px}.m-inc__space-scale #scale-6{width:32px;height:32px}.m-inc__space-scale #scale-7{width:44px;height:44px}.m-inc__space-scale #scale-8{width:60px;height:60px}.m-inc__space-scale #scale-9{width:84px;height:84px}.m-nav{padding:12px 0}body.-nav-visible .m-nav{background-color:#fff}.m-nav__toggle{display:flex;margin-left:auto;vertical-align:middle;padding:0 16px;cursor:pointer}.m-nav__toggle span{margin:auto;font-size:16px}.m-nav__toggle res-icon{display:none;margin:auto;color:#4b4b4b}@media (min-width:700px){.m-nav__toggle{display:none}}body.-nav-visible .m-nav__toggle{position:relative;border-left:1px solid #e0e0e0}.m-nav__level2,body.-nav-visible .m-nav__toggle span{display:none}body.-nav-visible .m-nav__toggle:after{content:'';display:block;position:absolute;top:100%;left:0;right:0;background-color:#fff;height:1px}.m-nav ul{padding:0;margin:0;list-style-type:none}.m-nav ul a{display:block;text-decoration:none;color:#2b2b2b;padding:12px 24px}.m-nav ul a:hover{background-color:#fff3c2}.m-nav ul a[active],.m-nav ul a[open]{font-weight:600}.m-nav ul a[active]{background-color:#ffe068}.m-header,.m-nav__level1 .-is-expandable a{position:relative}.m-nav__level1 .-is-expandable res-icon{position:absolute;top:50%;right:16px;transform:translateY(-50%);pointer-events:none}.m-nav__level1 .-is-expandable a[open] res-icon{transform:translateY(-50%) rotate(180deg)}.m-nav__level1 .-is-expandable a[open][active]{background-color:#fff2bf}a[active]+.m-nav__level2{background-color:#fffdf5}.m-nav__level2>li>a{font-size:13px;padding-left:52px}.m-header{border-bottom:1px solid #c2c2c2}.m-header h6{white-space:nowrap}.m-header h6 a{text-decoration:none;color:#4b4b4b;font-family:inherit;display:inline-block;margin-left:52px}.m-header h6 img{position:absolute;top:50%;left:16px;transform:translateY(-50%);width:20px}@media (max-width:300px){.m-header h6 span span{display:none}}.m-footer{border-top:1px solid #c2c2c2;font-size:13px;padding-left:16px;padding-right:16px}.m-footer__vox-link{position:relative;margin-left:16px}.m-footer__vox-link:before{content:'';position:absolute;display:block;right:100%;top:0;background:url(/assets/images/vox-product-logo.gif) no-repeat 0 0;width:20px;height:20px}.m-home__contents>div,.m-home__intro,.m-home__principles,.m-home__start>div{padding:44px 24px}.m-home__contents>div h3,.m-home__intro h3,.m-home__principles h3,.m-home__start>div h3{text-align:center;margin:50px 0 75px}.m-home__contents>div h3 span,.m-home__intro h3 span,.m-home__principles h3 span,.m-home__start>div h3 span{border-bottom:3px solid #fc47b4}.m-home__intro img{margin:44px auto;position:relative;left:50%;transform:translateX(-50%);width:100px}.m-home__contents__row{position:relative;margin-top:50px}@media (max-width:1100px){.m-home__contents__row{margin-left:50px}}@media (max-width:500px){.m-home__contents__row{margin-left:0;margin-top:100px}}.m-home__contents__row figure{position:absolute;left:-62.5px;top:0;margin:0;border-radius:50%;width:50px;height:50px}@media (max-width:500px){.m-home__contents__row figure{left:0;top:-62.5px}}.m-home__contents__row figure img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%}.m-home__contents__row:nth-of-type(1) figure{background-color:#fdcb28}.m-home__contents__row:nth-of-type(1) figure img{transform:translate(-50%,-45%)}.m-home__contents__row:nth-of-type(2) figure{background-color:#69ddd4}.m-home__contents__row:nth-of-type(2) figure img{width:75%;transform:translate(-50%,-55%)}.m-home__contents__row:nth-of-type(3) figure{background-color:#fc47b4}.m-home__contents__row:nth-of-type(3) figure img{width:75%}.m-home__contents__row:nth-of-type(4) figure{background-color:#89bfff}.m-home__contents__row:nth-of-type(4) figure img{width:65%}.m-home__start{padding-bottom:100px}.m-home__start h3{margin-bottom:25px}.m-component code a{padding:0 3px;text-decoration:none}.m-component>section:not(:first-child){margin:44px 0}.m-component__overview h1 res-badge{position:relative;top:12px;left:12px}.m-component__toc{padding:16px;margin-bottom:24px;border:1px solid #eee;background-color:#f9f9f9}.m-component__toc li{margin-right:16px;display:inline-block}.m-component__toc li a{text-decoration:none;color:#0057b3;white-space:nowrap}.m-component__image-wrap{padding:44px 0}.m-component__image-wrap img{width:100%;max-width:330px;margin:0 0 16px}@media (max-width:960px){.m-component__image-wrap img{margin:0 auto 16px}}.m-component__related res-demo,.m-component__related res-demo .res-demo__preview{height:100%}.m-component section:not(.m-component__sandbox) res-demo .res-demo__preview{display:flex!important;padding:1em}.m-component section:not(.m-component__sandbox) res-demo .res-demo__preview>*{margin:auto!important}.m-component res-table table{width:100%}.m-component res-table table td{vertical-align:middle;line-height:1.5}.m-component res-table code{font-family:monospace}.m-component res-table .-is-required{position:relative}.m-component res-table .-is-required:after{content:"*";position:absolute;left:100%;top:-.2em;color:#f38167}.m-component res-table .opts-list{display:block;background-color:#eee;margin-top:12px;padding:8px}.m-component res-table .opts-list ul{list-style-type:none}.m-component res-table .opts-list li{display:inline-block}.m-component res-table .opts-list li:not(:first-child):before{content:"/";display:inline-block;margin:0 8px}.m-component res-table[mobile] .m-component__api-table-faux-row:first-child{border:0;padding:0;margin:8px 0}.m-component #res-alphadex res-alphadex:first-child,.m-component #res-badge res-badge:not(:last-child),.m-component #res-button res-button:not(:last-child),.m-component #res-checkbox res-checkbox:not(:last-child),.m-component #res-dropdown res-button:not(:last-child),.m-component #res-input res-input:not(:last-child),.m-component #res-pagination res-pagination:not(:last-child),.m-component #res-radio res-radio:not(:last-child),.m-component #res-select res-select:not(:last-child),.m-component #res-split-button res-split-button:not(:last-child),.m-component #res-switch res-switch:not(:last-child){margin:0 1em 1em 0}.m-component #res-calendar,.m-component #res-pagination{overflow-x:scroll}.m-component #res-dropdown res-dropdown[for=dropdown-button]{padding:1em}.m-component #res-modal res-modal res-input{display:block;margin-bottom:1em}.m-demo-comparison p{margin-top:0;padding:8px;background:#f9f9f9}.m-demo-comparison p res-icon{position:relative;top:-2px;margin-right:4px}.m-demo-comparison p res-icon[name=x-circle]{color:#d42100}.m-demo-comparison p res-icon[name=check-circle]{color:green}