.right-side-modal[data-v-a3a23296]{background:rgba(186,194,222,.5);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.right-side-modal_close-button[data-v-a3a23296]{float:right}.right-side-modal_close-button[data-v-a3a23296]:hover{cursor:pointer}.right-side-modal_container[data-v-a3a23296]{background-color:var(--white);-webkit-box-shadow:0 0 8px 0 var(--slate-95);box-shadow:0 0 8px 0 var(--slate-95);height:calc(100% - 10rem);overflow-y:scroll;padding:4rem 2rem;position:absolute;right:0;top:10rem;width:48rem}#playlist-media_container[data-v-0e88902a]{margin-top:4rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}td[data-v-0e88902a]{padding:1rem 0}.playlist-media_item[data-v-0e88902a]{color:#263373;font-size:2rem;font-weight:600}.playlist-media_item.heading[data-v-0e88902a]{color:#7a88b8}.playlist-media_thumbnail[data-v-0e88902a]{margin-right:4rem}div[data-v-c47964d8]{display:-webkit-box;display:-ms-flexbox;display:flex}input[data-v-c47964d8]{font-size:17px;font-weight:600;color:#263373;font-family:Anuphan,sans-serif;background-color:transparent}.time-textfield-container_disabled[data-v-c47964d8]{pointer-events:none;background-color:transparent}.time-textfield-container[data-v-c47964d8],.time-textfield-container_disabled[data-v-c47964d8]{padding:10px 8px 10px 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;border-radius:6px;border:solid 1px var(--slate-90);-webkit-box-align:center;-ms-flex-align:center;align-items:center}.time-textfield-container[data-v-c47964d8]{background-color:var(--white)}#create-playlist[data-v-27a1fab2]{background:var(--slate-98);padding:4rem}#create-playlist_file-selection[data-v-27a1fab2]{-ms-flex-negative:0;flex-shrink:0;width:64rem}#create-playlist_header-container[data-v-27a1fab2]{width:100%}#create-playlist_media-filter[data-v-27a1fab2]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:3rem}#create-playlist_media-filter>[data-v-27a1fab2]:not(:first-child){margin-left:1rem}#create-playlist_media-panel[data-v-27a1fab2]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:6rem}#media-list-order[data-v-27a1fab2]{margin-left:2rem;width:100%}#media-list-order_table[data-v-27a1fab2]{width:100%}.media-list-box[data-v-27a1fab2]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:3rem}.media-list-box_detail[data-v-27a1fab2]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-left:3rem}.media-list-box_name[data-v-27a1fab2]{color:#263373;font-size:2rem;font-weight:600}.media-list-box_length[data-v-27a1fab2],.media-list-box_type[data-v-27a1fab2]{color:#7a88b8;font-size:1.5rem;font-weight:600}.sorting-arrow[data-v-27a1fab2]{width:1.5rem}.sorting-arrow_container[data-v-27a1fab2]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:3rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:3rem}.sorting-arrow_container[data-v-27a1fab2]:hover{cursor:pointer}.cancel-button[data-v-27a1fab2]{border-bottom:1px solid #abb6ed;color:#2439a8;margin-right:16px;font-size:15px;font-weight:600}.cancel-button[data-v-27a1fab2]:hover{cursor:pointer}.media-duration[data-v-27a1fab2],.media-duration_editable[data-v-27a1fab2]{height:40px;min-width:90px;padding:10px 8px 10px 12px;border-radius:6px;border:solid 1px var(--slate-90);background-color:var(--white);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:2rem;font-weight:600}.media-duration[data-v-27a1fab2]:hover,.media-duration_editable[data-v-27a1fab2]:hover{cursor:pointer}.media-duration_editable[data-v-27a1fab2]:hover{cursor:text}.edit-duration-dropdown[data-v-27a1fab2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:16px;position:absolute;border-radius:8px;z-index:2;-webkit-box-shadow:0 0 8px 0 var(--slate-95);box-shadow:0 0 8px 0 var(--slate-95);border:solid 1px var(--slate-90);background-color:var(--slate-98)}.switch-tab[data-v-27a1fab2]{-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;width:100%;height:40px;border-radius:8px}.switch-tab-item[data-v-27a1fab2],.switch-tab-item_selected[data-v-27a1fab2],.switch-tab[data-v-27a1fab2]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:var(--slate-95)}.switch-tab-item[data-v-27a1fab2],.switch-tab-item_selected[data-v-27a1fab2]{-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px;border-radius:6px;color:var(--light-grey-blue)}.switch-tab-item_selected[data-v-27a1fab2]{background-color:var(--white);color:#2439a8;-webkit-box-shadow:0 1px 4px 0 rgba(36,57,168,.25);box-shadow:0 1px 4px 0 rgba(36,57,168,.25)}.switch-tab-item[data-v-27a1fab2]:hover,.switch-tab-item_selected[data-v-27a1fab2]:hover{cursor:pointer}