.Sidebar--wrapper{background:transparent;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;transition:background .2s ease-in-out;visibility:hidden}@media only screen and (min-width:768px),print{.Sidebar--wrapper{justify-content:flex-end}}.Sidebar--wrapper.Sidebar--open{background:rgba(0,0,0,.5);visibility:visible}.Sidebar--wrapper.Sidebar--open .Sidebar{transform:translateX(0)}.Sidebar--wrapper.Sidebar--closed{background:transparent;visibility:hidden;transition:visibility .2s ease-in-out,background .2s ease-in-out}.Sidebar{background:#fff;height:100vh;width:calc(100% - 24px);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .2s ease-in-out;opacity:1}@media only screen and (min-width:768px),print{.Sidebar{width:552px;right:0}}.Sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #d1d1d1}.Sidebar-title{font-size:22px;font-weight:400;letter-spacing:-.22px;line-height:28px;margin:0;padding:0;text-transform:none}.Sidebar-close{display:block;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:0;margin:0;cursor:pointer;color:#3c3c3c}.Sidebar-content{padding:32px 24px;flex-grow:1;overflow-y:auto}.Sidebar-content>:first-child{margin-top:0}.Sidebar-loader{display:flex;justify-content:center;align-items:center;animation:spin 2s linear infinite!important}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}