.tiny-time-panel{--ti-time-panel-border-color:var(--ti-date-picker-border-color);--ti-time-panel-box-shadow:0 2px 12px 0 rgba(0, 0, 0, 0.1);--ti-time-panel-content-split-line-display:block;--ti-time-panel-btn-cancel-display:inline-block;--ti-time-panel-btn-bg-color:transparent;--ti-time-panel-btn-padding-vertical:0;--ti-time-panel-btn-padding-horizontal:5px;--ti-time-panel-btn-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-time-panel-btn-height:28px;--ti-time-panel-btn-min-width:inherit;--ti-time-panel-btn-font-weight:800;--ti-time-panel-btn-confirm-hover-bg-color:transparent;--ti-time-panel-footer-height:36px;--ti-time-panel-btn-text-color:#303133;--ti-time-panel-btn-confirm-text-color:var(--ti-base-color-brand-7, #526ecc);--ti-time-panel-bg-color:var(--ti-common-color-light, #fff);--ti-time-panel-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-time-panel-border-color:var(--ti-common-color-line-dividing, #dfe1e6);margin:5px 0;border:1px solid var(--ti-time-panel-border-color);background-color:var(--ti-time-panel-bg-color);-webkit-box-shadow:var(--ti-time-panel-box-shadow);box-shadow:var(--ti-time-panel-box-shadow);border-radius:var(--ti-time-panel-border-radius);position:absolute;width:180px;left:0;z-index:1000;-webkit-box-sizing:content-box;box-sizing:content-box;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-time-panel__content{font-size:0;position:relative;overflow:hidden}.tiny-time-panel__content:after,.tiny-time-panel__content:before{display:var(--ti-time-panel-content-split-line-display);content:'';top:50%;position:absolute;margin-top:-19px;height:32px;z-index:-1;left:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;text-align:left;border-top:1px solid var(--ti-time-panel-border-color);border-bottom:1px solid var(--ti-time-panel-border-color)}.tiny-time-panel__content:after{left:50%;margin-left:12%;margin-right:12%}.tiny-time-panel__content:before{padding-left:50%;margin-right:12%;margin-left:12%}.tiny-time-panel__content.has-seconds:after{left:calc(100% / 3 * 2)}.tiny-time-panel__content.has-seconds:before{padding-left:calc(100% / 3)}.tiny-time-panel__footer{border-top:1px solid var(--ti-time-panel-border-color);padding:4px;height:36px;height:var(--ti-time-panel-footer-height,36px);line-height:25px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-time-panel__btn{min-width:var(--ti-time-panel-btn-min-width);border:none;line-height:var(--ti-time-panel-btn-height);padding:var(--ti-time-panel-btn-padding-vertical) var(--ti-time-panel-btn-padding-horizontal);margin:0 5px;cursor:pointer;background-color:var(--ti-time-panel-btn-bg-color);outline:0;font-size:12px;color:var(--ti-time-panel-btn-text-color);border-radius:var(--ti-time-panel-btn-border-radius);-webkit-transition:background-color .3s cubic-bezier(.645,.045,.355,1);transition:background-color .3s cubic-bezier(.645,.045,.355,1)}.tiny-time-panel__btn.cancel{display:var(--ti-time-panel-btn-cancel-display)}.tiny-time-panel__btn.confirm{font-weight:var(--ti-time-panel-btn-font-weight);color:var(--ti-time-panel-btn-confirm-text-color)}.tiny-time-panel__btn.confirm:hover{background-color:var(--ti-time-panel-btn-confirm-hover-bg-color)}