.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{box-sizing:border-box;margin:0;padding:0}.home{display:flex;flex-direction:column;height:100vh}.home-header{padding:20px}.home-header a{color:#000;font-size:15px;text-decoration:inherit}.home-header a:hover{text-decoration:underline}.header-left a{margin:0 20px}.header-right{align-items:center;display:flex;gap:30px;justify-content:space-between;min-width:200px}.home-body{margin-top:10%}.google-logo{height:130px;object-fit:contain}.search-bar{display:flex;justify-content:center}.menu-dropdown .MuiMenuItem-root{margin:5px 0;padding:0 15px}.profile-menu{align-items:center;display:flex;flex-direction:column;padding:10px}.profile-menu h3{font-size:15px}.profile-menu .profile-avatar{height:70px;margin:10px 0;width:70px}.profile-menu p{font-size:20px}.profile-menu .first-button{border:1px solid #222;border-radius:50px;font-size:12px;font-weight:700;margin-top:20px;padding:10px 20px}.button-inline{display:inline-block;margin:20px 0}.second-button,.third-button{width:150px}.second-button{border-radius:20px}.second-button p,.third-button p{color:#eee;font-size:14px;font-weight:700;margin-left:5px}.menu-dropdown{padding:20px!important;width:320px!important}.menu-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);padding:8px}.menu-dropdown .MuiMenuItem-root{align-items:center;border-radius:8px;display:flex;flex-direction:column;height:84px;justify-content:center;padding:8px 0;width:84px}.menu-dropdown .MuiMenuItem-root:hover{background-color:#0000000a}.menu-item-text{color:#3c4043;font-size:14px;margin-top:8px}.icon-container{align-items:center;display:flex;height:40px;justify-content:center;width:40px}.app-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;height:24px;width:24px}.MuiMenu-paper{background:#fff!important;border-radius:24px!important;box-shadow:0 1px 2px 0 #3c40434d,0 2px 6px 2px #3c404326!important;margin-top:8px!important;overflow:visible!important;padding:16px!important;position:relative!important;width:340px!important}.menu-indicator{align-items:center;bottom:-16px;display:flex;flex-direction:column;gap:0;left:50%;position:absolute;transform:translateX(-50%)}.menu-indicator:before{background:#1a73e8;border-radius:50%;content:"";height:6px;margin-bottom:2px;width:6px}.menu-indicator:after{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid #1a73e8;content:"";height:0;opacity:.3;width:0}.icon-gmail{background-image:url(https://ssl.gstatic.com/ui/v1/icons/mail/rfr/gmail.ico)}.icon-drive{background-image:url(https://ssl.gstatic.com/images/branding/product/1x/drive_2020q4_48dp.png)}.icon-classroom{background-image:url(https://www.gstatic.com/images/branding/product/1x/classroom_48dp.png)}.icon-docs{background-image:url(https://www.gstatic.com/images/branding/product/1x/docs_48dp.png)}.icon-sheets{background-image:url(https://www.gstatic.com/images/branding/product/1x/sheets_48dp.png)}.icon-slides{background-image:url(https://www.gstatic.com/images/branding/product/1x/slides_48dp.png)}.icon-calendar{background-image:url(https://ssl.gstatic.com/calendar/images/dynamiclogo/2x/cal_31_v2.png)}.icon-youtube{background-image:url(https://www.gstatic.com/images/branding/product/1x/youtube_48dp.png)}.icon-meet{background-image:url(https://www.gstatic.com/images/branding/product/1x/meet_48dp.png)}.icon-forms{background-image:url(https://www.gstatic.com/images/branding/product/1x/forms_48dp.png)}.icon-sites{background-image:url(https://www.gstatic.com/images/branding/product/1x/sites_48dp.png)}.home-header{align-items:center;display:flex;justify-content:space-between;min-height:60px;padding:10px 20px}.home-body{display:flex;flex:1 1;flex-direction:column;margin-top:5vh;min-height:0}@media screen and (max-height:700px){.home-header{padding:5px 20px}.home-header a{font-size:13px}.header-right{gap:15px}}.search-input{align-items:center;border:1px solid #dfe1e5;border-radius:24px;display:flex;height:44px;margin-top:24px;max-width:584px;padding:0 8px 0 16px;transition:background-color .3s,box-shadow .3s;width:800px}.search-input:focus-within,.search-input:hover{background-color:#fff;border-color:#dfe1e500;box-shadow:0 1px 6px #20212447}.search-input>input{background:#0000;border:none;color:#000000de;flex:1 1;font-family:Arial,sans-serif;font-size:16px;height:34px;line-height:22px;outline:none;padding:0 8px}.search-input-icon,.search-input>.MuiSvgIcon-root{color:#9aa0a6;cursor:pointer;height:20px;padding:0 3px;width:auto}.search-input-icon:hover,.search-input>.MuiSvgIcon-root:hover{color:#333232}.search-input>.MuiSvgIcon-root:nth-last-child(-n+3){margin:0 8px}.search-icon-wrapper{align-items:center;cursor:pointer;display:inline-flex;margin:0 8px;position:relative}.search-icon-wrapper:hover:after{background-color:#616161;border-radius:4px;bottom:-30px;color:#fff;content:attr(data-tooltip);font-size:12px;left:50%;padding:4px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.search-button{display:flex;justify-content:center;margin-top:30px}.search-button button{background-color:#f8f9fa;border:1px solid #f8f9fa;border-radius:4px;color:#3c4043;cursor:pointer;font-family:arial,sans-serif;font-size:14px;height:36px;margin:11px 4px;min-width:54px;padding:0 16px;text-align:center;text-transform:capitalize;-webkit-user-select:none;user-select:none}.search-button button:hover{background-color:#f8f9fa;border:1px solid #dadce0;box-shadow:0 1px 1px #0000001a;color:#202124}.google-blue-icon{color:#4285f4!important;opacity:.85}@media (max-width:585px){.search-input{max-width:400px}}
/*!
 * 
 *   react-simple-keyboard v3.8.37
 *   https://github.com/hodgef/react-simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */
/*!
 * 
 *   simple-keyboard v3.8.29
 *   https://github.com/hodgef/simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */.hg-theme-default{background-color:#ececec;border-radius:5px;box-sizing:border-box;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;overflow:hidden;padding:5px;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%}.hg-theme-default .hg-button span,.hg-theme-default .hg-button span svg{pointer-events:none}.hg-theme-default button.hg-button{border-width:0;font-size:inherit;outline:0}.hg-theme-default .hg-button{display:inline-block;flex-grow:1}.hg-theme-default .hg-row{display:flex}.hg-theme-default .hg-row:not(:last-child){margin-bottom:5px}.hg-theme-default .hg-row .hg-button-container,.hg-theme-default .hg-row .hg-button:not(:last-child){margin-right:5px}.hg-theme-default .hg-row>div:last-child{margin-right:0}.hg-theme-default .hg-row .hg-button-container{display:flex}.hg-theme-default .hg-button{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:#fff;border-bottom:1px solid #b5b5b5;border-radius:5px;box-shadow:0 0 3px -1px #0000004d;box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:center;padding:5px}.hg-theme-default .hg-button.hg-standardBtn{width:20px}.hg-theme-default .hg-button.hg-activeButton{background:#efefef}.hg-theme-default.hg-layout-numeric .hg-button{align-items:center;display:flex;height:60px;justify-content:center;width:33.3%}.hg-theme-default .hg-button.hg-button-numpadadd,.hg-theme-default .hg-button.hg-button-numpadenter{height:85px}.hg-theme-default .hg-button.hg-button-numpad0{width:105px}.hg-theme-default .hg-button.hg-button-com{max-width:85px}.hg-theme-default .hg-button.hg-standardBtn.hg-button-at{max-width:45px}.hg-theme-default .hg-button.hg-selectedButton{background:#05194687;color:#fff}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"]{max-width:82px}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"]{max-width:60px}.hg-candidate-box{background:#ececec;border-bottom:2px solid #b5b5b5;border-radius:5px;display:inline-flex;margin-top:-10px;position:absolute;transform:translateY(-100%);-webkit-user-select:none;user-select:none}ul.hg-candidate-box-list{display:flex;flex:1 1;list-style:none;margin:0;padding:0}li.hg-candidate-box-list-item{align-items:center;display:flex;height:40px;justify-content:center;width:40px}li.hg-candidate-box-list-item:hover{background:#00000008;cursor:pointer}li.hg-candidate-box-list-item:active{background:#0000001a}.hg-candidate-box-prev:before{content:"◄"}.hg-candidate-box-next:before{content:"►"}.hg-candidate-box-next,.hg-candidate-box-prev{align-items:center;color:#969696;cursor:pointer;display:flex;padding:0 10px}.hg-candidate-box-next{border-bottom-right-radius:5px;border-top-right-radius:5px}.hg-candidate-box-prev{border-bottom-left-radius:5px;border-top-left-radius:5px}.hg-candidate-box-btn-active{color:#444}.header{background-color:#fff;border-bottom:1px solid #fff;box-sizing:border-box;justify-content:space-between;padding:0 20px;position:fixed;top:0;width:100%;z-index:100}.header__left{align-items:center;display:flex;gap:24px}.header__logo{object-fit:contain}.header__center{align-items:center;display:flex;margin:0 auto;width:600px}.header__search{align-items:center;border:1px solid #ccc;border-radius:40px;display:flex;height:40px;padding:0 4px 0 16px;width:100%}.header__search>input{background:#0000;border:none;flex:1 1;font-size:16px;outline:none;padding:10px}.header__searchButton{border-left:1px solid #ccc!important;border-radius:0 40px 40px 0!important;height:40px!important;width:64px!important}.header__mic{background:#f2f2f2!important;border-radius:50%!important;margin-left:10px!important}.header__right{align-items:center;display:flex;gap:8px}.header__icon{padding:8px!important}.sidebar{background-color:#fff;flex:0.15 1;height:calc(100vh - 56px);min-width:240px;overflow-y:auto;padding-right:0;position:-webkit-sticky;position:sticky;text-align:left;top:56px}.header{display:flex;height:56px;padding:0 16px}.header__menu{margin-right:8px;padding:8px}.header__logo{height:20px;margin-left:4px}.sidebarRow{height:40px;padding:0 24px}.sidebarRow__icon{height:24px;margin-right:24px;width:24px}.sidebarRow__title{font-size:14px;margin:0}.sidebar__section{padding:8px 0}.sidebar__section h3{color:#0f0f0f;font-size:16px;font-weight:500;margin:0;padding:8px 24px}.sidebar>hr{background-color:#e5e5e5;border:0;height:1px;margin:12px 0}.sidebar__avatar{height:24px!important;width:24px!important}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar::-webkit-scrollbar-thumb{background:#909090;border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background:#606060}.sidebarRow{align-items:center;cursor:pointer;display:flex;padding:10px 20px}.sidebarRow:hover{background-color:#f2f2f2}.sidebarRow__icon{align-items:center;display:flex;height:28px;justify-content:center;margin-right:16px;width:28px}.sidebarRow__title{flex:1 1;font-size:15px;font-weight:400;line-height:20px;margin-left:4px}.sidebarRow.selected{background-color:#d3d3d3}.sidebarRow.selected>.sidebarRow__icon{color:red}.sidebarRow.selected>.sidebarRow__title{font-weight:700}.recommendedVideos{flex:0.85 1;padding:0 24px}.recommendedVideos__videos{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:24px;padding:0}.filters{align-items:center;display:flex;gap:12px;margin-top:0;overflow-x:auto;padding:12px 0}.filter-chip{background:#f2f2f2!important;border-radius:8px!important;color:#030303!important;font-size:14px!important;min-width:0!important;min-width:auto!important;padding:6px 12px!important;text-transform:none!important}.filter-chip.active{background:#030303!important;color:#fff!important}.videoCard{cursor:pointer;margin-bottom:8px;transition:transform .2s ease-in-out;width:100%}.videoCard:hover{transform:scale(1.02)}.videoCard__thumbnail{background-color:#f1f1f1;border-radius:12px;height:0;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.videoCard__thumbnail img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.videoCard__info{display:flex;margin-top:12px;padding-right:24px}.videoCard__text{color:#606060;flex:1 1;margin-left:12px;text-align:left}.videoCard__text>h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#030303;display:-webkit-box;font-size:16px;font-weight:500;line-height:20px;margin-bottom:4px;overflow:hidden}.videoCard__text>h4,.videoCard__text>p{font-family:Roboto,Arial,sans-serif;text-align:left}.videoCard__text>p{color:#606060;font-size:14px;line-height:18px;margin:0}.videoCard__text>p:first-of-type{margin-bottom:4px}.videoCard__text>p:last-child{color:#606060;font-size:14px}.channel-verified{vertical-align:middle}.videoCard__avatar{height:36px!important;width:36px!important}.live-badge{background:#c00;border-radius:2px;bottom:8px;left:8px;padding:3px 4px;position:absolute}.live-badge,.timestamp-live{color:#fff;font-size:12px;font-weight:500}.timestamp-live{background-color:#c00;border-radius:3px;margin-left:4px;padding:2px 4px}.video-duration{background:#000c;border-radius:2px;bottom:8px;color:#fff;font-size:12px;font-weight:500;padding:3px 4px;position:absolute;right:8px}.channel-verified{color:#606060;font-size:14px;margin-left:4px}.recommendedShorts{border-bottom:4px solid #f2f2f2;border-top:4px solid #f2f2f2;margin:24px 0;padding:24px}.recommendedShorts__header{margin-bottom:24px}.recommendedShorts__title{display:flex;gap:8px;text-align:left}.recommendedShorts__title span{font-size:20px;font-weight:650;line-height:24px}.recommendedShorts__title img{height:24px;margin-right:8px;width:24px}.recommendedShorts__title h2{font-size:20px;font-weight:500;line-height:24px;margin:0}.recommendedShorts__videos{display:flex;gap:40px;margin:0 -24px;overflow-x:auto;padding-bottom:20px}.recommendedShorts__videos::-webkit-scrollbar{height:0}.recommendedShorts__video{color:inherit;flex:0 0 auto;text-decoration:none;width:210px}.recommendedShorts__thumbnail{border-radius:12px;height:413.95px;overflow:hidden;position:relative;transition:transform .2s;width:233.43px}.recommendedShorts__thumbnail img{height:100%;object-fit:cover;width:100%}.recommendedShorts__info{padding:12px 4px;text-align:left}.recommendedShorts__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:15px;font-weight:500;line-height:1.4;margin:0;overflow:hidden}.recommendedShorts__views{color:#606060;font-size:13px;margin:4px 0 0}@media screen and (max-width:1200px){.recommendedShorts__video{width:180px}.recommendedShorts__thumbnail{height:320px;width:180px}}@media screen and (max-width:768px){.recommendedShorts__video{width:150px}.recommendedShorts__thumbnail{height:270px;width:150px}}.youtube{height:100vh;overflow-y:scroll}.youtube__page{display:flex;margin-top:56px}.youtube::-webkit-scrollbar{width:8px}.youtube::-webkit-scrollbar-track{background:#0000}.youtube::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.youtube::-webkit-scrollbar-thumb:hover{background:#555}.docs-navbar{border-bottom:1px solid #dadce0;height:64px;padding:8px 16px}.docs-navbar,.left{align-items:center;display:flex}.left{gap:4px}.left svg{font-size:30px;margin-right:-56px}.logo{align-items:center;display:flex;margin-left:70px}.logo svg{fill:#3272fc;font-size:3.5rem}.logo div{font-size:25px;left:60px;position:absolute;top:10px}.docs-template{background-color:#f1f3f4;padding:0 320px 10px}.template-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;padding-top:15px}.start-doc{color:#202124;font-family:Google Sans,Roboto,Arial,sans-serif;font-size:1rem}.template-gallery{display:flex;gap:8px}.template-gallery-btn{align-items:center;background:none;border:none;border-radius:4px;color:#5f6368;cursor:pointer;display:flex;gap:4px;padding:8px 12px}.template-gallery-btn:hover{background-color:#e8eaed;border-radius:4px}.more-options-btn{background:none;border:none;border-radius:50%;color:#5f6368;cursor:pointer;padding:8px}.more-options-btn:hover{background-color:#e8eaed;border-radius:4px}.template-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:10px 0}.template-item{cursor:pointer;transition:all .2s ease}.template-item:hover{background-color:#e8eaed;border-radius:8px}.template-preview{border:1px solid #dadce0;border-radius:4px;overflow:hidden;padding-top:129%;position:relative;width:100%}.template-preview img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.template-info{padding:8px 4px}.template-name{color:#202124;font-size:.875rem;margin-bottom:2px}.template-type{color:#5f6368;font-size:.75rem}.docs-recent{padding:20px}.searchbar{background:#fff;border:1px solid #dfe1e5;border-radius:24px;box-shadow:none;color:#202124;display:flex;font-family:arial,sans-serif;font-size:14px;height:44px;margin:0 auto;max-width:720px;width:auto;z-index:3}.searchbar:hover{border-color:#dfe1e500;box-shadow:0 1px 6px #20212447}.searchbar-wrapper{align-items:center;display:flex;padding:8px 16px}.searchbar-left{align-items:center;color:#202124;display:flex;font-family:arial,sans-serif;font-size:14px;margin-top:-5px;padding-right:13px}.search-icon-wrapper{margin:auto}.search-icon{color:#9aa0a6;height:20px;line-height:20px;margin-top:3px;width:20px}.searchbar-icon{fill:currentColor;display:inline-block;height:24px;line-height:24px;position:relative;width:24px}.searchbar-center{display:flex;flex:1 1;flex-wrap:wrap}.searchbar-input-spacer{color:#0000;flex:100% 1;font-size:16px;height:42px;white-space:pre;width:620px}.searchbar-input{word-wrap:break-word;background-color:initial;border:none;color:#000000de;display:flex;flex:100% 1;font-size:16px;height:34px;margin:-37px 0 0;max-width:100%;outline:none;padding:0;width:100%}.searchbar-right{align-items:stretch;display:flex;flex:0 0 auto;flex-direction:row;margin-top:0}.searchbar-clear-icon{margin-right:12px}.voice-search{align-items:center;background:#0000;border:0;cursor:pointer;display:flex;flex:1 0 auto;outline:none;padding:0 8px;width:2.8em}.center{flex:1 1;margin:0 100px}.right{align-items:center;display:flex}.profile-menu{margin-left:-23px;min-width:320px;padding:16px}.MuiBox-root:hover .more-button{opacity:1}.recent-documents-container{padding:0 320px 10px}.recent-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-top:24px}.recent-title{color:#444746;font-size:1rem}.recent-controls{align-items:center;display:flex;gap:8px}.owned-by-dropdown{align-items:center;border-radius:4px;color:#444746;cursor:pointer;display:flex;font-size:.875rem;padding:6px 12px}.owned-by-dropdown:hover{background-color:#f0f0f0}.control-icon{color:#444746}.documents-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.document-card{border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;overflow:hidden}.document-card:hover{background-color:#f8f9fa;border:1px solid #1a73e8}.document-thumbnail{background-color:#f8f9fa;background-position:50%;background-size:cover;border-bottom:1px solid #e0e0e0;height:140px;width:100%}.document-info{padding:12px}.document-header{align-items:center;display:flex;justify-content:space-between}.document-title-container{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.document-icon{flex-shrink:0;font-size:18px}.document-title{color:#1f1f1f;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-date{color:#444746;display:block;font-size:.75rem;margin-top:4px}.more-button{margin-left:8px;opacity:0;transition:opacity .2s ease-in-out}.more-button:hover{background-color:#e8f0fe}.more-button svg{font-size:16px}.document-card:hover .more-button{opacity:1}.shorts{background-color:#000;display:flex;height:calc(100vh - 56px);justify-content:center;overflow:hidden;position:relative;width:100%}.shorts__container{height:100%;position:relative;width:400px}.shorts__video{background-color:#000;height:100%;object-fit:contain;width:100%}.shorts__sidebar{bottom:150px;color:#fff;gap:20px;position:absolute;right:-60px}.shorts__sidebar,.shorts__sidebarButton{align-items:center;display:flex;flex-direction:column}.shorts__sidebarButton{gap:5px}.shorts__sidebarButton .MuiIconButton-root{background:#ffffff1a;color:#fff;padding:8px}.shorts__sidebarButton p{color:#fff;font-size:13px;margin:0}.shorts__details{bottom:100px;color:#fff;left:20px;max-width:80%;position:absolute}.shorts__details h3{font-size:16px;font-weight:500;margin:0 0 10px}.shorts__details p{color:#aaa;font-size:14px;margin:0 0 8px}.shorts__avatar{height:35px!important;margin-right:10px;width:35px!important}.shorts__creator{align-items:center;display:flex;margin-bottom:15px}.shorts__subscribe{background-color:#c00!important;border-radius:18px!important;color:#fff!important;font-size:14px!important;margin-left:10px!important;padding:5px 10px!important;text-transform:none!important}.header{align-items:center;border-bottom:1px solid #f5f5f5;display:grid;grid-template-columns:250px auto 200px;height:50px;margin-top:0;padding:10px}.header_logo{width:90px}.header_left{align-items:center;display:flex}.header_middle,.search_mail{display:flex;flex:0.7 1}.search_mail{background-color:#f5f5f5;border-radius:10px;margin-bottom:6%}.header_middle input{background:#0000;border:0;flex:1 1;font-size:15px;letter-spacing:1px;outline:0}.header_right{align-items:center;display:flex;flex:0.7 1}.header_right .MuiAvatar-root{height:30px;width:30px}.sidebar{display:flex;flex-direction:column;margin-top:3%}.sidebar1{margin-bottom:10px;padding-right:100px}.compose_btn{border-radius:40px!important;box-shadow:2px 2px 3px #ccc;margin-left:20px!important;margin-top:20px!important;max-width:150px;padding:10px 20px!important}.SidebarOptions_heading{font-size:15px;margin:0 150px 0 0}.SidebarOptions{align-items:center;border-bottom-right-radius:20px;border-top-left-radius:20px;display:flex;height:35px;margin-right:20px;padding:0 25px}.SidebarOptions svg{color:#5e5e5e;font-size:20px;width:20px}.SidebarOptions h4{flex:1 1;font-size:14px;font-weight:400}.SidebarOptions p{color:#5e5e5e;font-size:12px;opacity:1}.SidebarOptions :hover{background-color:#f5f5f5;cursor:pointer}.SidebarOptions--active{background-color:#8db4e7}.SidebarOptions--active svg{color:#00020767;font-weight:700;opacity:1!important}.emaillist{display:flex;flex-direction:column}.emailist_setting{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;margin-top:8%;position:-webkit-sticky;position:sticky;top:0}.emailist_setting svg{font-size:18px}.emailist_settingsright{align-items:center;display:flex;margin-right:-30%}.emailist_settingsright p{font-size:13px}.emailtype{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;margin-top:20px}.emailtype>.emailtype_options{align-items:center;border-bottom:3px solid #fff;cursor:pointer;display:flex;margin-top:1%;min-width:230px;padding:0 10px}.emailtype>.emailtype_options svg{color:gray;font-size:20px;margin-right:10px}.emailtype>.emailtype_options p{font-size:15px}.emailtype>.emailtype_options :hover{background-color:#f5f5f5}.emailtype_options--active{border-bottom:3px solid #8db4e7!important}.emailtype_options--active p,.emailtype_options--active svg{color:#1468d6!important;font-weight:700}.emailbody{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;height:40px;padding:0 10px}.emailbody:hover{box-shadow:2px 2px 4px #f5f5f5;cursor:pointer}.emailbody .emailbody_left{align-items:center;display:flex;flex:20% 1;min-width:300px}.emailbody .emailbody_left svg{color:gray;font-size:18px;margin-right:15px}.emailbody .emailbody_left h4{font-size:14px}.emailbody .emailbody_middle{align-items:center;display:flex;flex:90% 1;margin-right:60%;min-width:300px}.emailbody .emailbody_middle p{font-size:14px}.emailbody .emailbody_right{align-items:center;display:flex;flex:10% 1;min-width:300px}.emailbody .emailbody_right p{font-size:12px}.header-container{width:100%;.header{background-color:#fff;box-shadow:0 2px 5px #0000001a;color:#000;display:flex;padding:8px 20px}.header__left{cursor:pointer;display:flex;flex:1 1;justify-content:left;margin-bottom:20px;margin-right:750px;min-width:150px}.header__title{align-items:center;color:#5f6368;display:flex;font-size:20px;font-weight:700}.header__logo{height:auto;margin-right:8px;width:30px}.header__search{align-items:center;background-color:#f1f3f4;border-radius:8px;display:flex;flex:2 1;justify-content:center;margin-right:500px;max-width:600px;min-width:300px;padding:5px 10px}.header__searchIcon{color:#5f6368}.header__input{background:#0000;border:none;font-size:14px;outline:none;padding-left:10px;width:100%}.header__right{align-items:center;display:flex;flex:1 1;justify-content:flex-end;margin-bottom:20px;min-width:150px}.header__appsButton{color:#5f6368;margin-right:10px}.header__button{background-color:#1a73e8;color:#fff;font-weight:700;text-transform:none}.header__button:hover{background-color:#1765cc}}.sidebar{background-color:#f1f3f4;border-right:1px solid #ddd;height:100vh;padding-top:20px;width:240px}.sidebar__item:hover{background-color:#e8f0fe;cursor:pointer}.sidebar__item .MuiListItemIcon-root{color:#5f6368}.driveContent{background-color:#fff;flex:1 1;padding:20px}.driveContent__welcome{color:#202124;margin-bottom:20px}.driveContent__folders{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.driveContent__folder{align-items:center;background-color:#e8f0fe;border-radius:8px;cursor:pointer;display:flex;font-weight:700;height:120px;justify-content:center;transition:background-color .3s ease}.driveContent__folder:hover{background-color:#d2e3fc}.driveContent__table{margin-top:20px;width:100%}.driveContent__table td,.driveContent__table th{padding:10px;text-align:left}.driveContent__table th{background-color:#f1f3f4;font-weight:700}.drive{display:flex;flex-direction:column;height:100vh}.drive__body{display:flex;flex:1 1;overflow:hidden}.about{font-family:Arial,sans-serif}.about-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:16px 32px}.header-left img{cursor:pointer;height:40px}.header-left{align-items:center;display:flex;gap:20px}.header-left a{align-items:center;color:#555;display:inline-flex;text-decoration:none}.header-left a:hover{color:#000;text-decoration:none}.mission{align-items:center;display:flex;height:100px;justify-content:center;margin-top:10px;padding:0 20px;text-align:center}.mission-text{font-family:Arial,sans-serif;font-size:30px;font-weight:600;line-height:1.6}.mission-text span{font-weight:700}.blue{color:#1e90ff}.red{color:red}.green{color:#32cd32}.orange{color:orange}.about-body img{max-height:80vh;max-width:100%;object-fit:contain}.head3{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:20px}.head3-text{color:#333;font-size:24px;font-weight:700;padding:10px 20px;text-align:center}.learn-more{color:#1a73e8;cursor:pointer;font-size:14px;margin-top:10px}.head1{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:20px;text-align:center}.head1-text{color:#333;font-size:55px;padding:10px 20px}.camket{background-color:#1a73e8;border-radius:5px;color:#1a73e8;color:#fff;cursor:pointer;display:inline-block;font-size:17px;margin-bottom:120px;margin-top:10px;padding:8px 16px;text-align:center}.images-container{display:flex;gap:80px;justify-content:center;margin-top:40px}.image-box{text-align:center;width:35vw}.image-box img{border-radius:8px;height:auto;width:100%}.image-description{color:#000;font-size:35px;margin-bottom:20px;margin-top:20px;text-align:center}.footer{background-color:#fcf7f0}.footer-top{margin-bottom:20px;margin-top:30px}.footer-follow,.footer-top{align-items:center;display:flex}.footer-follow{gap:10px}.footer-follow-text{color:#333;font-size:18px;font-weight:700}.footer-follow-text,.footer-logos{margin-left:50px;margin-right:20px;margin-top:20px;text-align:center}.footer-logos{display:flex;gap:40px}.footer-logo{height:30px;object-fit:contain;width:30px}.footer-divider{border:1px solid #ddd;flex-grow:1;margin-left:20px}.footer-columns{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr);margin-top:20px}.footer-column{margin-bottom:50px;margin-left:50px;text-align:left}.footer-column-title{color:#333;font-size:18px;font-weight:700;margin-bottom:10px}.footer-column a{color:#1a73e8;display:block;font-size:14px;margin-bottom:5px;text-decoration:none}.footer-column a:hover{text-decoration:underline}.footer-column h4{color:#555;font-size:16px;margin-bottom:10px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{color:#777;font-size:18px;margin-bottom:8px;margin-top:20px}.footer-links li:hover{cursor:pointer;text-decoration:underline}.header-classroom .header-left img{height:28px;width:28px}.header-classroom .header-left .menu-icon{color:#5f6368;height:24px;width:24px}.header-classroom .header-left .classroom-text{color:#5f6368;font-family:Google Sans,Roboto,Arial,sans-serif;font-size:1.375rem;font-weight:400;line-height:1.75rem}.header-classroom .header-left{align-items:center;display:flex;gap:20px;padding:0 0 0 24px;.menu-icon{cursor:pointer}}.header-classroom{align-items:center;border-bottom:.0625rem solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.header-classroom .header-right .icon{color:#5f6368}.card-classroom{border:1px solid #e0e0e0;border-radius:10px;height:320px;width:300px;.card-title{background-image:url(https://png.pngtree.com/thumb_back/fh260/background/20191106/pngtree-back-to-school-rectangular-blackboard-education-book-pen-holder-image_321417.jpg);padding:10px;p{color:#fff;text-align:left}.card-text{margin-top:30px}.card-title-head{align-items:center;display:flex;font-size:24px;justify-content:space-between;.card-icon{font-size:24px}}}.card-body{border-bottom:1px solid #e0e0e0;height:140px;padding:10px;text-align:left;.card-deadline{color:#5f6368;font-size:14px;font-weight:500}.card-deadline-content{font-size:15px}}.card-footer{display:flex;gap:20px;justify-content:flex-end;padding-right:10px;padding-top:20px}}.card{display:flex;gap:60px}.container-classroom{border-right:1px solid #e0e0e0;height:100vh;margin-left:30px;padding:10px 0;width:280px;span{margin:10px}li{cursor:pointer;display:flex;.sidebar-icon{color:#5f6368;height:24px;margin:10px;width:24px}}li:hover{background-color:#e0e0e0;border-radius:30px}span{color:#5f6368}.sidebar-middle,.sidebar-top{border-bottom:1px solid #e0e0e0;padding-bottom:10px}}.content-classroom{display:flex;.content-card{margin:20px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app_body{display:flex;grid-template-columns:80px auto 100px}
/*# sourceMappingURL=main.2a2be283.css.map*/