.vs-video-channel-avatar{height:100%;width:100%;display:inline-block;background-color:#eee;border-radius:50%;overflow:hidden}.vs-video-channel-avatar .vs-avatar-img{width:100%;height:100%;border-radius:50%;background-color:transparent;overflow:hidden}.vs-video-channel-avatar .vs-avatar-loading-skeleton-container{position:relative;height:100%;width:100%;border-radius:50%;overflow:hidden}.date-picker-content{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;gap:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.date-picker-content .date-picker-header-container{display:flex;height:35px;justify-content:space-between;align-items:center;background:#f0f2f4;border-radius:8px;padding:0 16px}.date-picker-content .date-picker-header-container .date-picker-year-container{display:flex;align-items:center;gap:5px}.date-picker-content .date-picker-header-container .date-picker-year-container .date-picker-year-text{font:normal 500 12px var(--font-primary)}.date-picker-content .date-picker-header-container .date-picker-year-container .dp-month-picker-button{display:flex;align-items:center;cursor:pointer}.date-picker-content .date-picker-weekday-container{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:12px;color:var(--grey-darker)}.date-picker-content .date-picker-weekday-container .date-picker-weekday-item{padding:5px;font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none}.date-picker-content .date-picker-date-container{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(5,25px);grid-row-gap:5px;min-height:175px}.date-picker-content .date-picker-date-container .date-picker-date-item{height:25px;width:100%;text-align:center;font-size:12px;font-weight:400;color:var(--grey-darker);cursor:pointer;display:flex;justify-content:center;align-items:center}.date-picker-content .date-picker-date-container .date-picker-date-item.empty{cursor:default}.date-picker-content .date-picker-date-container .date-picker-date-item .date-picker-date-item-highlight-container{display:flex;justify-content:center;align-items:center;width:100%;height:25px}.date-picker-content .date-picker-date-container .date-picker-date-item .date-picker-date-item-highlight-container:hover:not(.selected):not(.disabled):not(.empty):not(.selected-range){background-color:#f0f2f4;border-radius:50px}.date-picker-content .date-picker-date-container .date-picker-date-item .date-picker-date-item-highlight-container.disabled{color:#d9dcde;cursor:default}.date-picker-content .date-picker-date-container .date-picker-date-item .date-picker-date-item-highlight-container.selected-range{background:#f0f2ff;color:#4262ff;font-weight:500}.date-picker-content .date-picker-date-container .date-picker-date-item .date-picker-date-item-highlight-container.selected-range-start{background:#f0f2ff;color:#4262ff;border-top-left-radius:12px;border-bottom-left-radius:12px}.date-picker-content .date-picker-date-container .date-picker-date-item .date-picker-date-item-highlight-container.selected-range-end{background:#f0f2ff;color:#4262ff;border-top-right-radius:12px;border-bottom-right-radius:12px}.date-picker-content .dp-month-picker-container{position:absolute}.date-picker-arrow{width:16px;height:16px;cursor:pointer}@keyframes move{0%{left:-50%}to{left:150%}}@keyframes appear{0%{opacity:0}to{opacity:1}}.month-picker-content{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;gap:10px}.month-picker-content .month-picker-year-container{display:flex;height:35px;justify-content:space-between;align-items:center;border-radius:8px;padding:0 16px}.month-picker-content .month-picker-year-container .month-picker-year{font:normal 500 16px var(--font-primary)}.month-picker-content .month-picker-month-container{display:grid;grid-template-columns:repeat(3,auto);grid-template-rows:repeat(4,auto);height:130px;grid-gap:5px}.month-picker-content .month-picker-month-container .month-picker-month-item{padding:5px;text-align:center;border-radius:4px;font:normal 400 12px var(--font-primary);color:var(--grey-darker);cursor:pointer;display:flex;justify-content:center;align-items:center}.month-picker-content .month-picker-month-container .month-picker-month-item:hover:not(.selected):not(.disabled){background-color:#f0f0f0}.month-picker-content .month-picker-month-container .month-picker-month-item.selected{background:#f0f2ff;color:#4262ff}.month-picker-content .month-picker-month-container .month-picker-month-item.disabled{color:#d9dcde;background:#fafafa;cursor:default}.month-picker-content .month-picker-footer{display:flex;justify-content:space-between}.month-picker-content .month-picker-footer .month-picker-footer-button{padding:10px 40px;border-radius:5px;font:normal 600 10px var(--font-primary);color:var(--grey-darker);cursor:pointer}.month-picker-content .month-picker-footer .month-picker-footer-button.apply{background:#4262ff;color:#fff}.month-picker-content .month-picker-footer .month-picker-footer-button.apply:hover{background:#334dcc}.month-picker-content .month-picker-footer .month-picker-footer-button.cancel{color:#000;background:#fff;border:1px solid #f0f2f4}.month-picker-content .month-picker-footer .month-picker-footer-button.cancel:hover{border:1px solid #a0a4a6;box-shadow:0 4px 10px 0 rgba(0,0,0,.05)}.month-picker-arrow{width:16px;height:16px;cursor:pointer}