.scroll-container{height:180px;overflow-y:hidden;position:relative;scroll-behavior:smooth;width:50px}.layer-selection{background-color:var(--surface);bottom:calc(50% - 10px);height:20px;left:0;position:absolute;top:calc(50% - 10px);width:100%;z-index:1}.moving-element{position:relative;z-index:30}.time-item{align-items:center;display:flex;font-size:16px;height:20px;justify-content:center}.layer-top{background:linear-gradient(180deg,#fff 10%,#ffffff1a);box-sizing:border-box;top:0}.layer-bottom,.layer-top{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);cursor:pointer;height:calc(50% - 1em);z-index:30}.layer-bottom{background:linear-gradient(0deg,#fff 10%,#ffffff1a);bottom:0}.dark .layer-top{background:linear-gradient(180deg,rgb(var(--surface-900)) 10%,rgb(var(--surface-900)/.1));top:0}.dark .layer-bottom,.dark .layer-top{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);cursor:pointer;height:calc(50% - 1em);z-index:30}.dark .layer-bottom{background:linear-gradient(0deg,rgb(var(--surface-900)) 10%,rgb(var(--surface-900)/.1));bottom:0}.layer-bottom,.layer-selection,.layer-top{left:0;position:absolute;right:0}