select{background:#000!Important;color:#fff!Important}.access-icon{display:block;text-align:center}.access-text{display:block}a:hover{color:#e685b5}.app-container{position:relative;border-radius:10px;width:100%;height:100%;max-width:1200px;max-height:900px;padding:0;display:flex}.left-area{padding:32px;flex-basis:1 0 132px;display:flex;flex-direction:column;align-items:center;transition:all 300ms cubic-bezier(.19,1,.56,1);position:relative;overflow:auto}.left-area.show{transform:translateX(0);opacity:1}.app-name{font-weight:700;font-size:16px;line-height:24px;color:gray;margin-bottom:32px}.item-link{color:#fff;margin-bottom:32px;transition:.2s}.item-link.active{color:#e8e16d}.yellow{color:#e8e16d}.btn-logout{border:0;background-color:transparent;color:var(--light-font);margin-top:auto;cursor:pointer;transition:.2s}.btn-logout:hover{color:var(--dark-font)}.main-area{flex:1;height:100%;overflow-y:auto;border-radius:0 10px 10px 0;padding-bottom:24px;position:relative}.main-area-header{padding:24px 40px;background:0 0}.search-wrapper{border-radius:4px;background-color:#fff;padding-right:12px;height:40px;display:flex;justify-content:space-between;align-items:center;color:var(--light-font);box-shadow:0 2px 6px 0 rgba(136,148,171,.2),0 24px 20px -24px rgba(71,82,107,.1);overflow:hidden}.search-input{border:0;flex:1;outline:0;height:100%;padding:0 12px;font-size:12px}.right-area{flex-basis:300px;flex-grow:0;background:linear-gradient(180deg,#e0e9fd 0,#e9ecf1 90%);transition:all 300ms cubic-bezier(.19,1,.56,1)}.right-area.show{transform:translateX(0);width:100%;opacity:1}.content-section{display:block;margin-top:32px;overflow-x:hidden;padding:0 40px}.section-header{font-size:24px;line-height:32px;margin-bottom:16px;color:#fff}.section-header-wrapper{display:flex;align-items:center;justify-content:space-between}.section-header-link{display:block;font-size:12px;line-height:16px;color:#8683d6}.access-links{display:flex;justify-content:space-between;flex-wrap:wrap;margin:0-8px}.access-icon{width:100%;height:100%;border-radius:12px;padding:20px;color:#fff;display:flex;align-items:center;justify-content:center}.access-icon svg{width:36px;height:36px}.access-link-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:8px}body::-webkit-scrollbar{display:none}.main-area::-webkit-scrollbar{display:none}.main-area{-ms-overflow-style:none;scrollbar-width:none}body{-ms-overflow-style:none;scrollbar-width:none}.access-text{color:#fff;font-size:12px;line-height:24px}.content-section-line,.content-part-line{display:flex;justify-content:space-between}.content-part-line{height:100%}.content-section-line{margin:0-8px}.section-part{flex-basis:49%}.image-wrapper{border-radius:12px;overflow:hidden;width:100%;height:auto;position:relative;flex-basis:48%;display:flex}.image-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:.2s ease-in}.image-wrapper:hover img{transform:scale(1.125)}.image-overlay{position:absolute;z-index:1;width:100%;height:100%;background:linear-gradient(0deg,rgba(0,16,34,.8)0,rgba(240,244,253,.2) 90%);padding:12px;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.video-info-text{width:calc(100% - 40px)}.video-info-text p{margin:0}.video-name,.video-subtext{color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-name.medium,.video-subtext.medium{font-size:14px;line-height:24px}.video-name.tiny,.video-subtext.tiny{font-size:12px;line-height:16px}.video-info{width:100%;display:flex;justify-content:space-between}.video-subtext{opacity:.8}.files-table{background-color:#fff;box-shadow:0 2px 6px 0 rgba(136,148,171,.2),0 24px 20px -24px rgba(71,82,107,.1);border-radius:12px;padding:12px;display:table;table-layout:auto;width:100%}.files-table-header{display:table-header-group}.files-table-row{display:table-row-group}.table-cell{display:table-cell;font-size:12px;line-height:16px;color:#000;padding:8px}.column-header{font-size:12px;line-height:16px;color:#888da9}.name-cell{width:40%;word-break:break-all}.name-cell.pdf:before{content:"PDF";background-color:#e2e9f8;color:#5a8ff7}.name-cell.jpg:before{content:"JPG";background-color:#e4e2f1;color:#302d7d}.name-cell:before{border-radius:4px;font-size:8px;display:flex;align-items:center;justify-content:center;padding:4px;display:inline-block;vertical-align:middle;margin-right:4px}.size-cell{width:20%}.more-action{border:0;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23888da9' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='feather feather-more-horizontal' viewBox='0 0 24 24'%3E%3Cdefs/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='19' cy='12' r='1'/%3E%3Ccircle cx='5' cy='12' r='1'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;width:24px;height:16px;outline:0;cursor:pointer}.fixed.main-area-header{position:sticky;z-index:2;top:0;width:100%;padding:12px 40px;transition:.2s;-webkit-animation:sticky .5s forwards;animation:sticky .5s forwards}@-webkit-keyframes sticky{0%{transform:translatey(-88px)}to{transform:translatey(0)}}@keyframes sticky{0%{transform:translatey(-88px)}to{transform:translatey(0)}}.video-time{position:absolute;z-index:1;border-radius:10px;padding:4px 12px;background-color:rgba(139,156,163,.5);font-size:10px;right:12px;top:12px;color:#fff}.btn-play{border-radius:50%;background-color:#fff;border:0;box-shadow:0 2px 6px 0 rgba(136,148,171,.2),0 24px 20px -24px rgba(71,82,107,.1);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%2322244a' stroke='%2322244a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-play'%3E%3Cpolygon points='5 3 19 12 5 21 5 3'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;width:40px;height:40px;flex-shrink:0}.right-area{padding:24px;overflow:auto}.right-area-header-wrapper{display:flex;align-items:center;justify-content:space-between}.right-area-header-wrapper .more-action{width:24px;height:24px}.download-item-line{padding:12px 0}.line-header{font-size:12px;line-height:16px;color:#888da9}.download-area{background-color:#eceffb;border-radius:12px;padding:8px;display:flex;align-items:center;margin-top:12px;cursor:pointer}.download-item-texts{padding:0 12px}.download-item-texts p{line-height:16px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:150px}.download-text-header{font-size:12px}.download-text-info{color:#888da9;font-size:10px}.download-text-info span{margin-left:8px}.download-item-icon{width:32px}.download-icon{width:24px;fill:#4bc3a7}.progress-bar{height:4px;width:100%;overflow:hidden;border-radius:2px;background-color:#dadff3;margin:6px 0}.progress{height:100%;width:40%;background-color:#4bc0dd;display:block}.received-item-line{height:150px;width:100%;padding-top:12px;display:flex;padding-left:4px}.progress-line{height:100%;width:2px;background-color:#22244a;display:flex;justify-content:space-between;flex-direction:column;position:relative}.progress-line:before,.progress-line:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background-color:#22244a;transform:translateX(-50%);left:50%}.progress-line:after{bottom:0}.time{margin-left:12px;font-size:10px;color:#888da9}.received-items-content{padding:24px 10px}.received-files{display:flex;height:70%}.received-files .image-wrapper{margin-left:6px;display:flex}.received-files-info{font-size:12px;line-height:16px;margin-left:12px;margin-top:12px}.received-files-info span{color:#7a8dc5}.btn-show-left-area,.btn-show-right-area{position:absolute;top:24px;width:32px;height:40px;border-radius:4px;background-color:#fff;border:0;display:flex;align-items:center;justify-content:center;outline:0;cursor:pointer;display:none}.btn-show-left-area{left:0;border-radius:0 4px 4px 0}.btn-show-right-area{right:0;border-radius:4px 0 0 4px}.btn-close-left,.btn-close-right{border:0;background-color:transparent;position:absolute;top:4px;right:4px;outline:0;cursor:pointer;display:none;color:#fff}.show .btn-close-left,.show .btn-close-right{display:block}@media screen and (min-width:850px) and (max-width:1042px){.access-icon{padding:16px}.access-icon svg{width:20px;height:20px}}@media screen and (max-width:900px){.right-area{transform:translateX(100%);position:absolute;opacity:0;z-index:2;height:100%;box-shadow:0 0 0 10px rgba(255,255,255,.4)}.btn-show-right-area{display:flex}.access-icon svg{width:36px;height:36px}}@media screen and (max-width:768px){.left-area{transform:translateX(-100%);opacity:0;position:absolute;z-index:2;height:100%;background-color:#000;background-image:none}.btn-show-left-area{display:flex}.content-section-line,.content-part-line{flex-direction:column}.image-wrapper{margin:10px 0}.video-name.tiny,.video-subtext.tiny{font-size:16px;line-height:24px}.access-link-wrapper{width:33.3%}}@media screen and (max-width:520px){body{padding:0}.app-container{border-radius:0}.content-section{padding:0 20px}.content-section-line{margin:0}}