.page-content{text-align:center}a{text-decoration:none;color:#000}a:hover{color:#0fa0ce}.container{max-width:800px}.compact-form :is(input[type=email],input[type=password],input[type=text],input[type=submit],button){height:32px;padding:4px 8px;line-height:24px;margin:0;box-sizing:border-box}.compact-form label{margin-bottom:2px}.header{margin-top:6rem;text-align:center}.value-prop{margin-top:1rem}.value-props{margin:4rem 0}.docs-header{text-transform:uppercase;font-size:1.4rem;letter-spacing:.2rem;font-weight:600}.docs-section{border-top:1px solid #eee;padding:4rem 0;margin-bottom:0}.value-img{display:block;text-align:center;margin:2.5rem auto 0}.example-grid :is(.column,.columns){background:#eee;text-align:center;border-radius:4px;font-size:1rem;text-transform:uppercase;height:30px;line-height:30px;margin-bottom:.75rem;font-weight:600;letter-spacing:.1rem}.docs-example :is(.row,form),.docs-example.row{margin-bottom:0}.docs-example :is(h1,h2,h3,h4,h5,h6){margin-bottom:1rem}.heading-font-size{font-size:1.2rem;color:#999;letter-spacing:normal}.code-example{margin-top:1.5rem;margin-bottom:0}.code-example-body{white-space:pre;word-wrap:break-word}.example{position:relative;margin-top:4rem}.example-header{font-weight:600;margin:1.5rem 0 .5rem}.example-description{margin-bottom:1.5rem}.example-screenshot-wrapper{display:block;position:relative;overflow:hidden;border-radius:6px;border:1px solid #eee;height:250px}.example-screenshot{width:100%;height:auto}.example-screenshot.coming-soon{width:auto;position:absolute;background:#eee;inset:5px}.navbar{height:auto;padding:10px 12px;box-sizing:border-box;display:flex;align-items:flex-start;background:#fff}.navbar-inner{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.navbar-left{display:flex;gap:14px;align-items:flex-start}.navbar-right{margin-left:auto;display:flex;align-items:flex-start;justify-content:flex-end}#logged-out,#logged-in{display:flex;align-items:flex-start;justify-content:flex-end}.is-hidden{display:none !important}.navbar :is(form,p){margin:0}.navbar :is(input,button){margin:0}.navbar-login{display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin:0}.navbar-login input{width:220px}.title{text-align:center}.page-body{text-align:left}#logged-in{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right;}@media (min-width: 550px){.header{margin-top:18rem}.value-props{margin-top:9rem;margin-bottom:7rem}.value-img{margin-bottom:1rem}.example-grid :is(.column,.columns){margin-bottom:1.5rem}.docs-section{padding:6rem 0}.example-send-yourself-copy{float:right;margin-top:12px}.example-screenshot-wrapper{position:absolute;width:48%;height:100%;left:0;max-height:none}}@media (min-width: 750px){.navbar+.docs-section{border-top-width:0}.navbar,.navbar-spacer{width:100%;height:auto;min-height:6.5rem;text-align:center;border-top:1px solid #eee;border-bottom:1px solid #eee;z-index:99}.navbar-spacer{display:none}.navbar>.container{width:100%}.navbar-list{list-style:none;margin-bottom:0}.navbar-item{position:relative;margin-bottom:0}.navbar-link{text-transform:uppercase;font-size:11px;font-weight:600;letter-spacing:.2rem;margin-right:35px;text-decoration:none;line-height:normal;padding:2.25rem 0;display:inline-block;color:#888}.navbar-link.active{color:#000}.has-docked-nav .navbar{position:fixed;top:0;left:0}.has-docked-nav .navbar-spacer{display:block}.has-docked-nav .navbar>.container{width:80%}.popover{display:none;position:absolute;background:#fff;border:1px solid #eee;border-radius:4px;top:92%;left:-50%;filter:drop-shadow(0 0 6px rgba(0,0,0,.1))}.popover.open{display:block}.popover-item:first-child .popover-link:after,.popover-item:first-child .popover-link:before{bottom:100%;left:50%;border:solid rgba(0,0,0,0);content:" ";height:0;width:0;position:absolute;pointer-events:none}.popover-item:first-child .popover-link:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:10px;margin-left:-10px}.popover-item:first-child .popover-link:before{border-color:rgba(238,238,238,0);border-bottom-color:#eee;border-width:11px;margin-left:-11px}.popover-list{padding:0;margin:0;list-style:none}.popover-item{padding:0;margin:0}.popover-link{position:relative;color:#222;display:block;padding:8px 20px;border-bottom:1px solid #eee;text-decoration:none;text-transform:uppercase;font-size:1rem;font-weight:600;text-align:center;letter-spacing:.1rem}.popover-item:first-child .popover-link{border-radius:4px 4px 0 0}.popover-item:last-child .popover-link{border-radius:0 0 4px 4px;border-bottom-width:0}.popover-link:hover{color:#fff;background:#33c3f0}.popover-link:hover,.popover-item:first-child .popover-link:hover:after{border-bottom-color:#33c3f0}}