.tiny-drawer{--tv-Drawer-min-width: 500px;--tv-Drawer-max-width: 1000px;--tv-Drawer-bg-color: var(--tv-color-bg-3, #ffffff);--tv-Drawer-padding: var(--tv-space-xxxl, 32px);--tv-Drawer-divider-body-border-color: var(--tv-color-border-divider, #f0f0f0);--tv-Drawer-border-radius-size: var(--tv-border-radius-sm, 4px);--tv-Drawer-mask-bg-color: var(--tv-color-bg-mask, rgba(0, 0, 0, .2));--tv-Drawer-shadow: var(--tv-shadow-4-left, -8px 0 24px 0 rgba(0, 0, 0, .16));--tv-Drawer-head-title-font-size: var(--tv-font-size-heading-md, 20px);--tv-Drawer-head-title-font-weight: var(--tv-font-weight-bold, 600);--tv-Drawer-head-title-text-color: var(--tv-color-text, #191919);--tv-Drawer-close-icon-color: var(--tv-color-icon, #808080);--tv-Drawer-close-icon-color-hover: var(--tv-color-icon-hover, #191919);--tv-Drawer-help-icon-width-height: var(--tv-icon-size, 16px);--tv-Drawer-help-icon-color: var(--tv-color-icon-control, #191919)}.tiny-drawer .tiny-drawer__mask{width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0}.tiny-drawer .tiny-drawer__mask.show-bg-color{background-color:var(--tv-Drawer-mask-bg-color)}.tiny-drawer .tiny-drawer__main{position:fixed;width:100%;max-width:100%;display:flex;flex-direction:column;background-color:var(--tv-Drawer-bg-color);box-shadow:var(--tv-Drawer-shadow);overflow:hidden}.tiny-drawer .tiny-drawer__main.drag-effects{transition-timing-function:linear;transition-duration:.2s;transition-property:all}.tiny-drawer .tiny-drawer__main.is-left,.tiny-drawer .tiny-drawer__main.is-right{height:100%}.tiny-drawer .tiny-drawer__main.is-top,.tiny-drawer .tiny-drawer__main.is-bottom{max-height:100%}.tiny-drawer .tiny-drawer__main.is-right{top:0;right:0;border-left-width:.5px;border-radius:0}.tiny-drawer .tiny-drawer__main.is-left{top:0;left:0;border-right-width:.5px;border-radius:0 var(--tv-Drawer-border-radius-size) var(--tv-Drawer-border-radius-size) 0}.tiny-drawer .tiny-drawer__main.is-top{top:0;left:0;border-bottom-width:.5px;border-radius:0 0 var(--tv-Drawer-border-radius-size) var(--tv-Drawer-border-radius-size)}.tiny-drawer .tiny-drawer__main.is-bottom{bottom:0;left:0;border-top-width:.5px;border-radius:var(--tv-Drawer-border-radius-size) var(--tv-Drawer-border-radius-size) 0 0}.tiny-drawer .tiny-drawer__main .tiny-drawer__drag-bar{position:absolute;top:0;width:.5rem;height:100%}.tiny-drawer .tiny-drawer__main .tiny-drawer__drag-bar.p-top-Bottom{width:100%;height:8px;left:0;cursor:n-resize}.tiny-drawer .tiny-drawer__main .tiny-drawer__drag-bar.p-left-Right{height:100%;top:0;width:8px;cursor:e-resize}.tiny-drawer .tiny-drawer__main .tiny-drawer__drag-bar.p-left{right:-4px}.tiny-drawer .tiny-drawer__main .tiny-drawer__drag-bar.p-right{left:-4px}.tiny-drawer .tiny-drawer__main .tiny-drawer__drag-bar.p-top{bottom:-4px}.tiny-drawer .tiny-drawer__main .tiny-drawer__drag-bar.p-bottom{top:-4px}.tiny-drawer .tiny-drawer__main .tiny-drawer__box{flex:auto;flex-direction:column;max-height:100%;overflow:hidden;display:flex}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header,.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__footer{margin-left:var(--tv-Drawer-padding);margin-right:var(--tv-Drawer-padding)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper{flex:none}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__headerbtn{border:none;outline:none;background:none;padding:0;line-height:1;position:absolute;top:20px;right:20px;cursor:pointer;height:24px;width:24px}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__headerbtn+.tiny-drawer__headerbtn{margin-left:8px}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__headerbtn .tiny-drawer__close{font-size:24px;fill:var(--tv-Drawer-close-icon-color)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__headerbtn .tiny-drawer__close:hover{fill:var(--tv-Drawer-close-icon-color-hover)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__header{padding:var(--tv-Drawer-padding) 0 24px;background:var(--tv-Drawer-bg-color);display:flex;justify-content:space-between;align-items:center}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__header .tiny-drawer__title{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--tv-Drawer-head-title-font-size);color:var(--tv-Drawer-head-title-text-color);font-weight:var(--tv-Drawer-head-title-font-weight)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__header .tiny-drawer__header-left{max-width:80%;display:flex;align-items:center;padding-right:16px}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__header .tiny-drawer__header-left .tiny-drawer__help-icon{width:var(--tv-Drawer-help-icon-width-height);height:var(--tv-Drawer-help-icon-width-height);margin-left:8px;fill:var(--tv-Drawer-help-icon-color)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__header-wrapper .tiny-drawer__header .tiny-drawer__header-right{justify-content:flex-end;align-items:center;flex:1;display:flex}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__body{flex:auto;overflow:auto;padding:0 var(--tv-Drawer-padding);border-bottom:1px solid var(--tv-Drawer-divider-body-border-color)}.tiny-drawer .tiny-drawer__main .tiny-drawer__box .tiny-drawer__footer{flex:none;display:flex;align-items:center;justify-content:flex-end;padding:24px 0 var(--tv-Drawer-padding)}.drawer-slide-right-enter-active{animation:slideRight .3s linear}.drawer-slide-right-leave-active{animation:slideRightout .3s linear}@keyframes slideRight{0%{opacity:0;transform:translate(100%)}50%{opacity:.6;transform:translate(50%)}to{opacity:1;transform:translate(0)}}@keyframes slideRightout{0%{opacity:1;transform:translate(0)}50%{opacity:.6;transform:translate(50%)}to{opacity:0;transform:translate(100%)}}.drawer-slide-left-enter-active{animation:slideLeft .3s linear}.drawer-slide-left-leave-active{animation:slideLeftout .3s linear}@keyframes slideLeft{0%{opacity:0;transform:translate(-100%)}50%{opacity:.6;transform:translate(-50%)}to{opacity:1;transform:translate(0)}}@keyframes slideLeftout{0%{opacity:1;transform:translate(0)}50%{opacity:.6;transform:translate(-50%)}to{opacity:0;transform:translate(-100%)}}.drawer-slide-bottom-enter-active{animation:slideBottom .3s linear}.drawer-slide-bottom-leave-active{animation:slideBottomout .3s linear}@keyframes slideBottom{0%{opacity:0;transform:translateY(100%)}50%{opacity:.6;transform:translateY(50%)}to{opacity:1;transform:translateY(0)}}@keyframes slideBottomout{0%{opacity:0;transform:translateY(0)}50%{opacity:.6;transform:translateY(50%)}to{opacity:1;transform:translateY(100%)}}.drawer-slide-top-enter-active{animation:slideTop .3s linear}.drawer-slide-top-leave-active{animation:slideTopout .3s linear}@keyframes slideTop{0%{opacity:0;transform:translateY(-100%)}50%{opacity:.6;transform:translateY(-50%)}to{opacity:1;transform:translateY(0)}}@keyframes slideTopout{0%{opacity:0;transform:translateY(0)}50%{opacity:.6;transform:translateY(-50%)}to{opacity:1;transform:translateY(-100%)}}.drawer-fade-enter-active{animation:drawer-fade-in .3s linear}.drawer-fade-leave-active{animation:drawer-fade-out .3s linear}@keyframes drawer-fade-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-fade-out{0%{opacity:1}to{opacity:0}}