/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/**
 * Convert font-size from px to rem with px fallback
 * @param $size - the value in pixel you want to convert
 * e.g. p {@include fontSize(12px);}
 * courtesy of https://github.com/stubbornella/oocss/blob/master/oocss/src/components/utils/_fontSize.scss
 */
/*
 * Copyright (C) 2017 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2014 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/* Legacy variables. Discontinue to use these: */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2012 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
/**
 * Convert font-size from px to rem with px fallback
 * @param $size - the value in pixel you want to convert
 * e.g. p {@include fontSize(12px);}
 * courtesy of https://github.com/stubbornella/oocss/blob/master/oocss/src/components/utils/_fontSize.scss
 */
#right-side .placeholder {
  height: 200px;
}

.page_header {
  font-size: 38px;
  font-size: 2.375rem;
  margin: 0;
  font-weight: 700;
}
@media (max-width: 991px) {
  .page_header {
    font-size: 28px;
    font-size: 1.75rem;
  }
}

.page_header_container {
  margin-bottom: 36px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 1.5rem;
  column-gap: 15px;
}
@media (max-width: 1024px) {
  .page_header_container {
    margin-bottom: 24px;
    flex-direction: column;
    align-items: flex-start;
  }
}

.actions_buttons-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 0.75rem;
  flex-wrap: nowrap;
}
@media (max-width: 767px) {
  .actions_buttons-container {
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
  }
}

#student-group-dialog-mount-point {
  display: none;
}

.show-only-on-mobile {
  display: none;
}
@media (max-width: 767px) {
  .show-only-on-mobile {
    display: block;
  }
}

@media (max-width: 767px) {
  .hide-on-mobile {
    display: none;
  }
}

.recent-activity-header {
  margin: 0;
  border-bottom: 1px solid #E8EAEC;
  line-height: 1.2;
  padding-bottom: 12px;
  font-size: 1.5em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.recent_activity > li {
  position: relative;
  border-bottom: 1px solid #ddd;
}
.recent_activity > li .title {
  font-weight: normal;
}
.recent_activity > li .links {
  font-size: 11px;
  font-size: 0.6875rem;
}
.recent_activity > li .unread-count {
  display: block;
  background: var(--ic-brand-primary);
  border-radius: 15px;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 3px;
  top: 22px;
  padding: 0;
}
.recent_activity > li .accessibly-hidden {
  position: absolute;
  left: -9999px;
}
.recent_activity > li .unread {
  width: 10px;
  height: 10px;
  margin-left: -15px;
  background-color: var(--ic-brand-primary);
  border-radius: 5px;
}

.stream_header {
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  display: flex;
  padding: 12px 0;
}
.stream_header .image-block {
  flex: 1;
  align-items: center;
  padding-right: 6px;
}
.stream_header .toggle-details {
  text-transform: uppercase;
  font-size: 11px;
  font-size: 0.6875rem;
}
.stream_header:hover {
  background: #E0EBF5;
}
.stream_header:hover .toggle-details {
  text-indent: 0;
  text-align: right;
}

.header-right-side {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.toggle-details {
  display: block;
  text-align: right;
  text-indent: 0;
}
.toggle-details:hover {
  text-decoration: none;
}

.details_container {
  display: none;
  margin-left: 52px;
}

.stream-details {
  width: 100%;
}
.stream-details tr {
  border-top: 1px dotted #E8EAEC;
  line-height: 2;
}
.stream-details tr:hover {
  background: #E0EBF5;
}
.stream-details .date {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1.5;
  width: 20%;
  white-space: normal;
  text-align: center;
}
.stream-details .remove {
  width: 5%;
}

.ignore-item {
  float: none;
  display: block;
  text-align: center;
  text-indent: 0;
}

.content_summary {
  overflow-wrap: break-word;
  word-break: normal;
  word-wrap: break-word;
  display: block;
  color: inherit;
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem;
}
.content_summary:hover {
  text-decoration: none;
}

.fake-link {
  color: var(--ic-link-color);
}
.fake-link:hover {
  text-decoration: underline;
}

#course_home_content .fake-link,
#group_messages .fake-link,
#course_home_content .stream_header .links,
#group_messages .stream_header .links {
  display: none;
}

.recent_activity .image-block-image {
  width: 28px;
  margin-right: 10px;
  margin-left: 10px;
}

.recent_activity .image-block-image i {
  height: 28px;
  font-size: 28px;
  line-height: 28px;
}
.recent_activity .image-block-image i:before {
  color: #b3b3b3;
  font-size: 28px;
}

/*
 * Copyright (C) 2026 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */
:root {
  --phase1-shell-bg: #002060;
  --phase1-shell-surface: #002d7a;
  --phase1-shell-surface-strong: #003a9e;
  --phase1-shell-border: rgba(255, 255, 255, 0.14);
  --phase1-shell-text: #eaf1ff;
  --phase1-shell-text-muted: rgba(234, 241, 255, 0.72);
  --phase1-accent: #F5A623;
  --phase1-accent-strong: #e08e00;
  --phase1-accent-soft: rgba(245, 166, 35, 0.18);
  --phase1-canvas: #f5f3ee;
  --phase1-surface: rgba(255, 255, 255, 0.94);
  --phase1-surface-strong: #ffffff;
  --phase1-surface-muted: #edeae4;
  --phase1-border: rgba(0, 48, 135, 0.1);
  --phase1-text: #1a2b3c;
  --phase1-text-muted: #5a6a7a;
  --phase1-shadow-soft: 0 16px 40px rgba(0, 20, 70, 0.12);
  --phase1-shadow-raised: 0 20px 48px rgba(0, 20, 70, 0.18);
  --phase1-shadow-floating: 0 24px 56px rgba(0, 20, 70, 0.26);
  --phase1-radius-sm: 0.875rem;
  --phase1-radius-md: 1.25rem;
  --phase1-radius-lg: 1.75rem;
  --phase1-transition-fast: 140ms cubic-bezier(0.2, 0.8, 0.2, 1);
  --phase1-transition-base: 220ms cubic-bezier(0.2, 0.8, 0.2, 1);
  --phase1-transition-slow: 320ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

body {
  background: radial-gradient(circle at top right, rgba(245, 166, 35, 0.07), transparent 28rem), linear-gradient(180deg, #faf9f6 0%, #f5f3ee 100%);
  color: #1a2b3c;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}
.ic-dashboard-app {
  margin-top: -24px;
  padding-bottom: 2rem;
}

.ic-notification + .ic-dashboard-app {
  margin-top: 0;
}

.ic-Dashboard-header__layout {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 241, 233, 0.9)), #ffffff;
  border: 1px solid rgba(0, 48, 135, 0.1);
  border-radius: 1.25rem;
  box-shadow: 0 20px 48px rgba(0, 20, 70, 0.18);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  box-sizing: border-box;
  position: relative;
  min-height: 5.5rem;
  padding: 1rem 1.25rem;
  margin-bottom: 1.5rem;
  border: 1px solid rgba(20, 33, 49, 0.08);
  overflow: hidden;
}
.ic-Dashboard-header__layout::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 0.35rem;
  background: linear-gradient(90deg, #F5A623 0%, #ffbb5c 50%, #ff5b2e 100%);
}
.ic-Dashboard-header__layout.small {
  padding-bottom: 0.5rem;
}
.ic-Dashboard-header__layout.small .ic-Dashboard-header__actions {
  display: flex;
  flex-wrap: wrap;
}

.ic-Dashboard-header {
  position: relative;
}

.ic-Dashboard-header__layout--instui {
  padding-bottom: 0.5rem;
}

.ic-Dashboard-header__content {
  width: 100%;
}

#ic-Dashboard-header__view_grades_button,
#ic-Dashboard-header__view_grades_button:hover {
  text-decoration: none;
}

.ic-Dashboard-Activity {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 241, 233, 0.9)), #ffffff;
  border: 1px solid rgba(0, 48, 135, 0.1);
  border-radius: 1.25rem;
  box-shadow: 0 16px 40px rgba(0, 20, 70, 0.12);
  padding: 18px;
}

.ic-Dashboard-header__title {
  margin-top: 0;
  margin-bottom: 0;
  flex: 1;
  padding-right: 12px;
  box-sizing: border-box;
  color: #1a2b3c;
  font-size: 2rem;
  line-height: 1;
}

.ic-Dashboard-header__actions {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
}

.ic-Dashboard-header__actions .Button,
.ic-Dashboard-header__actions button.Button,
.ic-Dashboard-header__actions [role=button] {
  border-radius: 999px;
}

#DashboardOptionsMenu_Container .Button,
#ic-Dashboard-header__view_grades_button,
#start_new_course {
  transition: transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 220ms cubic-bezier(0.2, 0.8, 0.2, 1), border-color 140ms cubic-bezier(0.2, 0.8, 0.2, 1), background-color 140ms cubic-bezier(0.2, 0.8, 0.2, 1), color 140ms cubic-bezier(0.2, 0.8, 0.2, 1);
}
#DashboardOptionsMenu_Container .Button:hover, #DashboardOptionsMenu_Container .Button:focus-visible,
#ic-Dashboard-header__view_grades_button:hover,
#ic-Dashboard-header__view_grades_button:focus-visible,
#start_new_course:hover,
#start_new_course:focus-visible {
  transform: translateY(-0.125rem);
  box-shadow: 0 16px 40px rgba(0, 20, 70, 0.12);
}

#ic-Dashboard-header__view_grades_button,
#start_new_course {
  border: 0;
  background: linear-gradient(135deg, #F5A623 0%, #e08e00 100%);
  color: #fff;
  box-shadow: 0 1rem 1.75rem rgba(255, 91, 46, 0.2);
}

#DashboardOptionsMenu_Container .Button {
  border: 1px solid rgba(20, 33, 49, 0.1);
  background: rgba(255, 255, 255, 0.72);
  color: #1a2b3c;
}

@supports (position: sticky) or (position: -webkit-sticky) {
  .ic-Dashboard-header,
body.dashboard-is-planner .ic-Dashboard-header {
    position: sticky;
    top: 0;
    z-index: 5;
  }

  .ic-Dashboard-header__layout {
    height: auto;
    min-height: 4.5rem;
  }

  body.dashboard-is-planner .ic-dashboard-app {
    padding-top: 0;
  }
  body.dashboard-is-planner .ic-Dashboard-header {
    left: auto;
    width: auto;
    height: auto;
  }
  body.dashboard-is-planner.primary-nav-expanded .ic-Dashboard-header {
    left: auto;
    width: auto;
  }
}
@media (max-width: 62em) {
  .ic-Dashboard-header__layout {
    padding: 0.9rem 1rem;
  }

  .ic-Dashboard-header__title {
    font-size: 1.65rem;
  }
}