@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.bundle.scp.css';

/* _content/Yakubase/Views/Shared/_DriveContainer.cshtml.rz.scp.css */
.drive-btn-wrapper[b-hoxgosr0c5] {
  position: relative;
  display: flex;
  align-items: center; }

.drive-add-btn-wrapper[b-hoxgosr0c5] {
  position: absolute;
  background-color: #f7f7f7;
  top: -10px;
  margin-left: 60px;
  box-shadow: 0 0 8px gray;
  border-radius: 3px;
  cursor: pointer; }
  .drive-add-btn-wrapper i[b-hoxgosr0c5] {
    padding-right: 5px; }
  .drive-add-btn-wrapper div[b-hoxgosr0c5] {
    padding: 4px 16px 4px 8px; }
  .drive-add-btn-wrapper div:hover[b-hoxgosr0c5] {
    background-color: #CCCCCC; }

#drive-dropzone[b-hoxgosr0c5] {
  position: fixed;
  inset: 0;
  z-index: 6000;
  background: rgba(156, 18, 76, 0.6);
  text-align: center;
  padding-top: 45vh;
  color: #fff; }

.drive-wrapper[b-hoxgosr0c5] {
  background-color: #f7f7f7;
  border-radius: 15px;
  padding: 25px;
  box-shadow: 0 0 8px gray; }

.icon-btn[b-hoxgosr0c5] {
  padding: 5px 10px; }
/* _content/Yakubase/Views/Shared/_DriveHeader.cshtml.rz.scp.css */
/* _content/Yakubase/Views/Shared/_Layout.cshtml.rz.scp.css */
.render-body[b-jq1pmfrnll] {
  position: absolute;
  top: 73px;
  left: 53px;
  width: 95%; }

@media only screen and (max-width: 767px) {
  .render-body[b-jq1pmfrnll] {
    position: inherit;
    width: 100%; } }
/* _content/Yakubase/Views/Shared/_Loading.cshtml.rz.scp.css */
@charset "UTF-8";
.loading-overlay[b-8v9jeea2hl] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* 画面全体を暗くする */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1050;
  /* スピナーを他の要素の上に表示 */ }
/* _content/Yakubase/Views/Shared/_MainNav.cshtml.rz.scp.css */
.main-header[b-7jawxjeh7x] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 65px;
  align-content: center;
  box-shadow: 0px 3px 5px 3px #cccccc; }

@media only screen and (max-width: 767px) {
  .main-header[b-7jawxjeh7x] {
    position: inherit;
    height: auto; } }
/* _content/Yakubase/Views/Shared/_SideNav.cshtml.rz.scp.css */
.side-nav-wrapper[b-ckg34meo6z] {
  position: absolute;
  top: 69px;
  width: 45px;
  height: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0px 3px 5px 3px #cccccc;
  background-color: white; }
  .side-nav-wrapper .side-navi-icon[b-ckg34meo6z] {
    padding: 10px 10px 0 10px; }

@media only screen and (max-width: 767px) {
  .side-nav-wrapper[b-ckg34meo6z] {
    display: none; } }

.icon-dummy[b-ckg34meo6z] {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 16px;
  color: #fff; }
/* _content/Yakubase/Views/Shared/_StudentUser.cshtml.rz.scp.css */
.student-item[b-fi8olr2d8f] {
  border-bottom: 3px double #d7d7d7;
  margin-bottom: 25px; }

.student-item:last-child[b-fi8olr2d8f] {
  border-bottom: none; }

.student-icon[b-fi8olr2d8f] {
  margin-right: 20px;
  border-radius: 50%;
  object-fit: cover; }

.icon-dummy[b-fi8olr2d8f] {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 24px;
  color: #fff; }

.student-info .row[b-fi8olr2d8f] {
  margin-bottom: 10px; }
/* _content/Yakubase/Views/Shared/_StudentUsers.cshtml.rz.scp.css */
.student-list[b-t9un3p0iqu] {
  background-color: #f7f7f7;
  border-radius: 15px;
  padding: 25px;
  box-shadow: 0 0 8px gray; }