.sg-drawer{--sg-drawer-bg-color:var(--sg-color-white);--sg-drawer-padding-primary:16px 24px}.sg-drawer{position:absolute;box-sizing:border-box;background-color:var(--sg-drawer-bg-color);display:flex;flex-direction:column;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);overflow:hidden;transition:all var(--sg-transition-duration)}.sg-drawer .rtl{transform:translate(0,0)}.sg-drawer .ltr{transform:translate(0,0)}.sg-drawer .ttb{transform:translate(0,0)}.sg-drawer .btt{transform:translate(0,0)}.sg-drawer__header{align-items:center;display:flex;padding:var(--sg-drawer-padding-primary);border-bottom:1px solid var(--sg-border-color-extra-light);font-weight:600;color:var(--sg-text-color-primary)}.sg-drawer__header>:first-child{flex:1}.sg-drawer__title{margin:0;flex:1;line-height:inherit;font-size:1rem}.sg-drawer__footer{padding:var(--sg-drawer-padding-primary);text-align:right;border-top:1px solid var(--sg-border-color-extra-light)}.sg-drawer__actions--button{border:none;cursor:pointer;font-size:var(--sg-font-size-extra-large);color:inherit;background-color:transparent;outline:0}.sg-drawer__actions--button:hover i{color:var(--sg-color-primary)}.sg-drawer__actions--button .sg-icon{font-size:inherit;vertical-align:text-bottom}.sg-drawer__body{flex:1;padding:var(--sg-drawer-padding-primary);overflow:auto}.sg-drawer__body>*{box-sizing:border-box}.sg-drawer.ltr,.sg-drawer.rtl{height:100%;top:0;bottom:0}.sg-drawer.btt,.sg-drawer.ttb{width:100%;left:0;right:0}.sg-drawer.ltr{left:0}.sg-drawer.rtl{right:0}.sg-drawer.ttb{top:0}.sg-drawer.btt{bottom:0}.sg-drawer-fade-enter-active,.sg-drawer-fade-leave-active{transition:all var(--sg-transition-duration)}.sg-drawer-fade-enter-active,.sg-drawer-fade-enter-from,.sg-drawer-fade-enter-to,.sg-drawer-fade-leave-active,.sg-drawer-fade-leave-from,.sg-drawer-fade-leave-to{overflow:hidden!important}.sg-drawer-fade-enter-from,.sg-drawer-fade-leave-to{opacity:0}.sg-drawer-fade-enter-to,.sg-drawer-fade-leave-from{opacity:1}.sg-drawer-fade-enter-from .rtl,.sg-drawer-fade-leave-to .rtl{transform:translateX(100%)}.sg-drawer-fade-enter-from .ltr,.sg-drawer-fade-leave-to .ltr{transform:translateX(-100%)}.sg-drawer-fade-enter-from .ttb,.sg-drawer-fade-leave-to .ttb{transform:translateY(-100%)}.sg-drawer-fade-enter-from .btt,.sg-drawer-fade-leave-to .btt{transform:translateY(100%)}