No notes defined.
<section class="moveableSection">
<header class="moveableSection__header">
<div class="moveableSection__mover">
<button class="moveableSection__moverButton" title="Move section up" aria-label="Move section up">
<span class="visually-hidden">Move up</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 10.5417L0 9.58333L11 0L22 9.58333L20.087 11.0208L12.4348 4.3125V23H9.56522V4.3125L2.3913 10.5417Z" fill="#315D90" />
</svg> </i>
</button>
<button class="moveableSection__moverButton" title="Move section down" aria-label="Move section down">
<span class="visually-hidden">Move down</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 12.4583L0 13.4167L11 23L22 13.4167L20.087 11.9792L12.4348 18.6875V0H9.56522V18.6875L2.3913 12.4583Z" fill="#315D90" />
</svg>
</i>
</button>
</div>
<div class="moveableSection__title">
<header class="tickertape">
<h2 class="tickertape__highlight">
My Favorites
</h2>
</header>
</div>
<div class="moveableSection__headerActions">
<a href="/design-system/components/preview/dashboard--edit.html" class="button button--sm button--outline-secondary">Edit Dashboard <i class="icon icon--margin-before">
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.4612 5.05636C14.554 5.2943 14.4757 5.55958 14.2755 5.72915L13.0193 6.8067C13.0513 7.0337 13.0687 7.26617 13.0687 7.50137C13.0687 7.73657 13.0513 7.96904 13.0193 8.19603L14.2755 9.27359C14.4757 9.44315 14.554 9.70844 14.4612 9.94638C14.3335 10.2718 14.1798 10.5836 14.0028 10.8845L13.8665 11.106C13.675 11.4068 13.4603 11.6912 13.2253 11.9593C13.0542 12.1562 12.7698 12.2218 12.5146 12.1452L10.8986 11.6612C10.5099 11.9429 10.0805 12.1781 9.62216 12.3558L9.25952 13.9175C9.2015 14.1663 8.99842 14.3633 8.73152 14.4043C8.33117 14.4672 7.91921 14.5 7.49855 14.5C7.07789 14.5 6.66593 14.4672 6.26558 14.4043C5.99868 14.3633 5.7956 14.1663 5.73758 13.9175L5.37494 12.3558C4.91657 12.1781 4.48721 11.9429 4.09846 11.6612L2.48545 12.148C2.23015 12.2246 1.94584 12.1562 1.77468 11.962C1.53969 11.694 1.32501 11.4096 1.13354 11.1087L0.997184 10.8872C0.820216 10.5863 0.666458 10.2746 0.53881 9.94911C0.445974 9.71117 0.524304 9.44589 0.72448 9.27632L1.98066 8.19877C1.94874 7.96904 1.93134 7.73657 1.93134 7.50137C1.93134 7.26617 1.94874 7.0337 1.98066 6.8067L0.72448 5.72915C0.524304 5.55958 0.445974 5.2943 0.53881 5.05636C0.666458 4.7309 0.820216 4.41913 0.997184 4.11828L1.13354 3.89676C1.32501 3.59592 1.53969 3.31149 1.77468 3.04347C1.94584 2.84655 2.23015 2.78091 2.48545 2.85749L4.10136 3.34157C4.49011 3.05988 4.91947 2.82467 5.37785 2.6469L5.74048 1.08527C5.7985 0.836394 6.00158 0.63948 6.26848 0.598457C6.66883 0.532819 7.08079 0.5 7.50145 0.5C7.92211 0.5 8.33407 0.532819 8.73442 0.595722C9.00132 0.636745 9.2044 0.833659 9.26242 1.08254L9.62506 2.64417C10.0834 2.82194 10.5128 3.05714 10.9015 3.33884L12.5175 2.85476C12.7728 2.77818 13.0571 2.84655 13.2282 3.04073C13.4632 3.30875 13.6779 3.59318 13.8694 3.89402L14.0057 4.11555C14.1827 4.41639 14.3364 4.72817 14.4641 5.05362L14.4612 5.05636ZM7.50145 9.68929C8.11699 9.68929 8.70731 9.45878 9.14256 9.04847C9.57781 8.63815 9.82233 8.08164 9.82233 7.50137C9.82233 6.92109 9.57781 6.36459 9.14256 5.95427C8.70731 5.54395 8.11699 5.31344 7.50145 5.31344C6.88592 5.31344 6.29559 5.54395 5.86034 5.95427C5.42509 6.36459 5.18057 6.92109 5.18057 7.50137C5.18057 8.08164 5.42509 8.63815 5.86034 9.04847C6.29559 9.45878 6.88592 9.68929 7.50145 9.68929Z" fill="#315D90" />
</svg>
</i></a>
</div>
</header>
<ul class="tileList tileList--edit">
<li class="tileList__item">
<div class="tile tile--yellow">
<div class="tile__content">
<a href="" class="tile__link ">
Adivisor / Advisee Information
</a>
</div>
<div class="tile__actions">
<ul class="tile__actionsList">
<li class="tile__actionListItem tile__actionListItem--favorite">
<button class="tile__action tile__action--favorite" title="Remove from favorites" aria-label="Remove from favorites" data-favorite="true">
<span class="visually-hidden">Remove from favorites</span>
<i class="icon icon--heart" aria-hidden="true">
<svg class="svgHeart--filled" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
</svg>
</i>
</button>
</li>
<li class="tile__actionListItem">
<details class="tile__actionDropdown">
<summary class="tile__action tile__action--theme" title="Change tile theme" aria-label="Change tile theme">
<span class="visually-hidden">Change tile theme</span>
<i class="icon" aria-hidden="true">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.3538 12.9795L14.9012 9.39618V9.32727L8.64509 3.68811V2.26397C8.6429 2.03616 8.59543 1.81055 8.50493 1.59784C8.40581 1.3887 8.26113 1.19963 8.07948 1.04181C7.89782 0.883985 7.68288 0.760625 7.44737 0.679032C7.21264 0.594648 6.96089 0.555524 6.70836 0.564182C6.46024 0.562655 6.21426 0.605579 5.98471 0.690461C5.75515 0.775342 5.54659 0.90049 5.37115 1.05863C5.1957 1.21678 5.05686 1.40477 4.96269 1.61169C4.86852 1.8186 4.8209 2.04032 4.82259 2.26397V6.00809L0.923651 9.4536C0.571843 9.77951 0.375 10.2163 0.375 10.671C0.375 11.1257 0.571843 11.5625 0.923651 11.8884L5.54887 16.0575C5.72725 16.2194 5.94004 16.3481 6.17321 16.4365C6.63931 16.6052 7.15965 16.6052 7.62576 16.4365C7.85952 16.3485 8.0717 16.2197 8.2501 16.0575L14.5317 10.4069L13.6908 12.9336C13.6527 13.108 13.6527 13.2875 13.6908 13.4619C13.7328 13.6365 13.8156 13.8018 13.9329 13.9443C14.0577 14.0832 14.2081 14.2004 14.3788 14.2888C14.5572 14.3692 14.7534 14.4151 14.9522 14.4266C15.1624 14.4383 15.3725 14.4027 15.5638 14.3233C15.7541 14.2457 15.9236 14.1321 16.0607 13.9902C16.2003 13.846 16.2968 13.672 16.341 13.4849C16.3818 13.3183 16.3856 13.1472 16.3538 12.9795ZM6.16047 2.26397C6.14178 2.18833 6.14178 2.10991 6.16047 2.03427C6.19632 1.96056 6.24833 1.89415 6.31337 1.83902C6.38244 1.78983 6.45989 1.75105 6.54272 1.72417C6.6309 1.7071 6.7221 1.7071 6.81029 1.72417C6.96494 1.73494 7.10991 1.7962 7.21802 1.89645C7.31815 2.00197 7.37247 2.13661 7.37092 2.27545V3.72257L6.09676 4.87107L6.16047 2.26397ZM7.43463 15.2995C7.38079 15.3576 7.31027 15.4013 7.23076 15.4258C7.15451 15.4562 7.07205 15.4719 6.98867 15.4719C6.9053 15.4719 6.82284 15.4562 6.74658 15.4258C6.6671 15.4013 6.5966 15.3576 6.54272 15.2995L1.9175 11.1419C1.85779 11.0885 1.81039 11.025 1.77805 10.955C1.7457 10.885 1.72905 10.81 1.72905 10.7342C1.72905 10.6584 1.7457 10.5833 1.77805 10.5133C1.81039 10.4434 1.85779 10.3798 1.9175 10.3265L7.46011 5.33047V8.60371C7.36303 8.68391 7.28566 8.78156 7.23299 8.89035C7.18032 8.99915 7.15352 9.11668 7.15432 9.23539C7.13878 9.38654 7.16783 9.53872 7.23854 9.67649C7.30924 9.81427 7.41909 9.93276 7.55695 10.02C7.6948 10.1072 7.85578 10.16 8.02357 10.173C8.19135 10.1861 8.36 10.159 8.51241 10.0944C8.66482 10.0298 8.79559 9.93008 8.89148 9.80528C8.98736 9.68048 9.04496 9.53506 9.05842 9.38374C9.07189 9.23242 9.04076 9.08059 8.96817 8.94361C8.89559 8.80662 8.78413 8.68937 8.64509 8.60371V5.35344L13.5506 9.79815L7.43463 15.2995Z" fill="#999999" />
</svg>
</i>
</summary>
<div class="themePicker">
<ul class="themePicker__list">
<li class="themePicker__item">
<button title="Blue" aria-label="Set blue theme" class="themePicker__option" data-theme="blue">
<span class="visually-hidden">Set blue theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Navy" aria-label="Set navy theme" class="themePicker__option" data-theme="navy">
<span class="visually-hidden">Set navy theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Yellow" aria-label="Set yellow theme" class="themePicker__option" data-theme="yellow" disabled>
<span class="visually-hidden">Set yellow theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Pink" aria-label="Set pink theme" class="themePicker__option" data-theme="pink">
<span class="visually-hidden">Set pink theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Grey" aria-label="Set grey theme" class="themePicker__option" data-theme="grey">
<span class="visually-hidden">Set grey theme</span>
</button>
</li>
</ul>
</div>
</details>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveUp" title="Move up" aria-label="Move up">
<span class="visually-hidden">Move up</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 10.5417L0 9.58333L11 0L22 9.58333L20.087 11.0208L12.4348 4.3125V23H9.56522V4.3125L2.3913 10.5417Z" fill="#999999" />
</svg> </i>
</button>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveDown" title="Move down" aria-label="Move down">
<span class="visually-hidden">Move down</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 12.4583L0 13.4167L11 23L22 13.4167L20.087 11.9792L12.4348 18.6875V0H9.56522V18.6875L2.3913 12.4583Z" fill="#999999" />
</svg>
</i>
</button>
</li>
</ul>
</div>
</div>
</li>
<li class="tileList__item">
<div class="tile tile--navy">
<div class="tile__content">
<a href="" class="tile__link ">
Language Course Request for Credit
</a>
</div>
<div class="tile__actions">
<ul class="tile__actionsList">
<li class="tile__actionListItem tile__actionListItem--favorite">
<button class="tile__action tile__action--favorite" title="Remove from favorites" aria-label="Remove from favorites" data-favorite="true">
<span class="visually-hidden">Remove from favorites</span>
<i class="icon icon--heart" aria-hidden="true">
<svg class="svgHeart--filled" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
</svg>
</i>
</button>
</li>
<li class="tile__actionListItem">
<details class="tile__actionDropdown">
<summary class="tile__action tile__action--theme" title="Change tile theme" aria-label="Change tile theme">
<span class="visually-hidden">Change tile theme</span>
<i class="icon" aria-hidden="true">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.3538 12.9795L14.9012 9.39618V9.32727L8.64509 3.68811V2.26397C8.6429 2.03616 8.59543 1.81055 8.50493 1.59784C8.40581 1.3887 8.26113 1.19963 8.07948 1.04181C7.89782 0.883985 7.68288 0.760625 7.44737 0.679032C7.21264 0.594648 6.96089 0.555524 6.70836 0.564182C6.46024 0.562655 6.21426 0.605579 5.98471 0.690461C5.75515 0.775342 5.54659 0.90049 5.37115 1.05863C5.1957 1.21678 5.05686 1.40477 4.96269 1.61169C4.86852 1.8186 4.8209 2.04032 4.82259 2.26397V6.00809L0.923651 9.4536C0.571843 9.77951 0.375 10.2163 0.375 10.671C0.375 11.1257 0.571843 11.5625 0.923651 11.8884L5.54887 16.0575C5.72725 16.2194 5.94004 16.3481 6.17321 16.4365C6.63931 16.6052 7.15965 16.6052 7.62576 16.4365C7.85952 16.3485 8.0717 16.2197 8.2501 16.0575L14.5317 10.4069L13.6908 12.9336C13.6527 13.108 13.6527 13.2875 13.6908 13.4619C13.7328 13.6365 13.8156 13.8018 13.9329 13.9443C14.0577 14.0832 14.2081 14.2004 14.3788 14.2888C14.5572 14.3692 14.7534 14.4151 14.9522 14.4266C15.1624 14.4383 15.3725 14.4027 15.5638 14.3233C15.7541 14.2457 15.9236 14.1321 16.0607 13.9902C16.2003 13.846 16.2968 13.672 16.341 13.4849C16.3818 13.3183 16.3856 13.1472 16.3538 12.9795ZM6.16047 2.26397C6.14178 2.18833 6.14178 2.10991 6.16047 2.03427C6.19632 1.96056 6.24833 1.89415 6.31337 1.83902C6.38244 1.78983 6.45989 1.75105 6.54272 1.72417C6.6309 1.7071 6.7221 1.7071 6.81029 1.72417C6.96494 1.73494 7.10991 1.7962 7.21802 1.89645C7.31815 2.00197 7.37247 2.13661 7.37092 2.27545V3.72257L6.09676 4.87107L6.16047 2.26397ZM7.43463 15.2995C7.38079 15.3576 7.31027 15.4013 7.23076 15.4258C7.15451 15.4562 7.07205 15.4719 6.98867 15.4719C6.9053 15.4719 6.82284 15.4562 6.74658 15.4258C6.6671 15.4013 6.5966 15.3576 6.54272 15.2995L1.9175 11.1419C1.85779 11.0885 1.81039 11.025 1.77805 10.955C1.7457 10.885 1.72905 10.81 1.72905 10.7342C1.72905 10.6584 1.7457 10.5833 1.77805 10.5133C1.81039 10.4434 1.85779 10.3798 1.9175 10.3265L7.46011 5.33047V8.60371C7.36303 8.68391 7.28566 8.78156 7.23299 8.89035C7.18032 8.99915 7.15352 9.11668 7.15432 9.23539C7.13878 9.38654 7.16783 9.53872 7.23854 9.67649C7.30924 9.81427 7.41909 9.93276 7.55695 10.02C7.6948 10.1072 7.85578 10.16 8.02357 10.173C8.19135 10.1861 8.36 10.159 8.51241 10.0944C8.66482 10.0298 8.79559 9.93008 8.89148 9.80528C8.98736 9.68048 9.04496 9.53506 9.05842 9.38374C9.07189 9.23242 9.04076 9.08059 8.96817 8.94361C8.89559 8.80662 8.78413 8.68937 8.64509 8.60371V5.35344L13.5506 9.79815L7.43463 15.2995Z" fill="#999999" />
</svg>
</i>
</summary>
<div class="themePicker">
<ul class="themePicker__list">
<li class="themePicker__item">
<button title="Blue" aria-label="Set blue theme" class="themePicker__option" data-theme="blue">
<span class="visually-hidden">Set blue theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Navy" aria-label="Set navy theme" class="themePicker__option" data-theme="navy" disabled>
<span class="visually-hidden">Set navy theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Yellow" aria-label="Set yellow theme" class="themePicker__option" data-theme="yellow">
<span class="visually-hidden">Set yellow theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Pink" aria-label="Set pink theme" class="themePicker__option" data-theme="pink">
<span class="visually-hidden">Set pink theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Grey" aria-label="Set grey theme" class="themePicker__option" data-theme="grey">
<span class="visually-hidden">Set grey theme</span>
</button>
</li>
</ul>
</div>
</details>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveUp" title="Move up" aria-label="Move up">
<span class="visually-hidden">Move up</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 10.5417L0 9.58333L11 0L22 9.58333L20.087 11.0208L12.4348 4.3125V23H9.56522V4.3125L2.3913 10.5417Z" fill="#999999" />
</svg> </i>
</button>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveDown" title="Move down" aria-label="Move down">
<span class="visually-hidden">Move down</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 12.4583L0 13.4167L11 23L22 13.4167L20.087 11.9792L12.4348 18.6875V0H9.56522V18.6875L2.3913 12.4583Z" fill="#999999" />
</svg>
</i>
</button>
</li>
</ul>
</div>
</div>
</li>
<li class="tileList__item">
<div class="tile tile--pink">
<div class="tile__content">
<a href="" class="tile__link ">
Really Long Tile Title To See What Happens When We Use an Unusually Extraordinarily Long Title
</a>
</div>
<div class="tile__actions">
<ul class="tile__actionsList">
<li class="tile__actionListItem tile__actionListItem--favorite">
<button class="tile__action tile__action--favorite" title="Remove from favorites" aria-label="Remove from favorites" data-favorite="true">
<span class="visually-hidden">Remove from favorites</span>
<i class="icon icon--heart" aria-hidden="true">
<svg class="svgHeart--filled" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
</svg>
</i>
</button>
</li>
<li class="tile__actionListItem">
<details class="tile__actionDropdown">
<summary class="tile__action tile__action--theme" title="Change tile theme" aria-label="Change tile theme">
<span class="visually-hidden">Change tile theme</span>
<i class="icon" aria-hidden="true">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.3538 12.9795L14.9012 9.39618V9.32727L8.64509 3.68811V2.26397C8.6429 2.03616 8.59543 1.81055 8.50493 1.59784C8.40581 1.3887 8.26113 1.19963 8.07948 1.04181C7.89782 0.883985 7.68288 0.760625 7.44737 0.679032C7.21264 0.594648 6.96089 0.555524 6.70836 0.564182C6.46024 0.562655 6.21426 0.605579 5.98471 0.690461C5.75515 0.775342 5.54659 0.90049 5.37115 1.05863C5.1957 1.21678 5.05686 1.40477 4.96269 1.61169C4.86852 1.8186 4.8209 2.04032 4.82259 2.26397V6.00809L0.923651 9.4536C0.571843 9.77951 0.375 10.2163 0.375 10.671C0.375 11.1257 0.571843 11.5625 0.923651 11.8884L5.54887 16.0575C5.72725 16.2194 5.94004 16.3481 6.17321 16.4365C6.63931 16.6052 7.15965 16.6052 7.62576 16.4365C7.85952 16.3485 8.0717 16.2197 8.2501 16.0575L14.5317 10.4069L13.6908 12.9336C13.6527 13.108 13.6527 13.2875 13.6908 13.4619C13.7328 13.6365 13.8156 13.8018 13.9329 13.9443C14.0577 14.0832 14.2081 14.2004 14.3788 14.2888C14.5572 14.3692 14.7534 14.4151 14.9522 14.4266C15.1624 14.4383 15.3725 14.4027 15.5638 14.3233C15.7541 14.2457 15.9236 14.1321 16.0607 13.9902C16.2003 13.846 16.2968 13.672 16.341 13.4849C16.3818 13.3183 16.3856 13.1472 16.3538 12.9795ZM6.16047 2.26397C6.14178 2.18833 6.14178 2.10991 6.16047 2.03427C6.19632 1.96056 6.24833 1.89415 6.31337 1.83902C6.38244 1.78983 6.45989 1.75105 6.54272 1.72417C6.6309 1.7071 6.7221 1.7071 6.81029 1.72417C6.96494 1.73494 7.10991 1.7962 7.21802 1.89645C7.31815 2.00197 7.37247 2.13661 7.37092 2.27545V3.72257L6.09676 4.87107L6.16047 2.26397ZM7.43463 15.2995C7.38079 15.3576 7.31027 15.4013 7.23076 15.4258C7.15451 15.4562 7.07205 15.4719 6.98867 15.4719C6.9053 15.4719 6.82284 15.4562 6.74658 15.4258C6.6671 15.4013 6.5966 15.3576 6.54272 15.2995L1.9175 11.1419C1.85779 11.0885 1.81039 11.025 1.77805 10.955C1.7457 10.885 1.72905 10.81 1.72905 10.7342C1.72905 10.6584 1.7457 10.5833 1.77805 10.5133C1.81039 10.4434 1.85779 10.3798 1.9175 10.3265L7.46011 5.33047V8.60371C7.36303 8.68391 7.28566 8.78156 7.23299 8.89035C7.18032 8.99915 7.15352 9.11668 7.15432 9.23539C7.13878 9.38654 7.16783 9.53872 7.23854 9.67649C7.30924 9.81427 7.41909 9.93276 7.55695 10.02C7.6948 10.1072 7.85578 10.16 8.02357 10.173C8.19135 10.1861 8.36 10.159 8.51241 10.0944C8.66482 10.0298 8.79559 9.93008 8.89148 9.80528C8.98736 9.68048 9.04496 9.53506 9.05842 9.38374C9.07189 9.23242 9.04076 9.08059 8.96817 8.94361C8.89559 8.80662 8.78413 8.68937 8.64509 8.60371V5.35344L13.5506 9.79815L7.43463 15.2995Z" fill="#999999" />
</svg>
</i>
</summary>
<div class="themePicker">
<ul class="themePicker__list">
<li class="themePicker__item">
<button title="Blue" aria-label="Set blue theme" class="themePicker__option" data-theme="blue">
<span class="visually-hidden">Set blue theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Navy" aria-label="Set navy theme" class="themePicker__option" data-theme="navy">
<span class="visually-hidden">Set navy theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Yellow" aria-label="Set yellow theme" class="themePicker__option" data-theme="yellow">
<span class="visually-hidden">Set yellow theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Pink" aria-label="Set pink theme" class="themePicker__option" data-theme="pink" disabled>
<span class="visually-hidden">Set pink theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Grey" aria-label="Set grey theme" class="themePicker__option" data-theme="grey">
<span class="visually-hidden">Set grey theme</span>
</button>
</li>
</ul>
</div>
</details>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveUp" title="Move up" aria-label="Move up">
<span class="visually-hidden">Move up</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 10.5417L0 9.58333L11 0L22 9.58333L20.087 11.0208L12.4348 4.3125V23H9.56522V4.3125L2.3913 10.5417Z" fill="#999999" />
</svg> </i>
</button>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveDown" title="Move down" aria-label="Move down">
<span class="visually-hidden">Move down</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 12.4583L0 13.4167L11 23L22 13.4167L20.087 11.9792L12.4348 18.6875V0H9.56522V18.6875L2.3913 12.4583Z" fill="#999999" />
</svg>
</i>
</button>
</li>
</ul>
</div>
</div>
</li>
<li class="tileList__item">
<div class="tile tile--blue">
<div class="tile__content">
<a href="" class="tile__link ">
Short Title
</a>
</div>
<div class="tile__actions">
<ul class="tile__actionsList">
<li class="tile__actionListItem tile__actionListItem--favorite">
<button class="tile__action tile__action--favorite" title="Remove from favorites" aria-label="Remove from favorites" data-favorite="true">
<span class="visually-hidden">Remove from favorites</span>
<i class="icon icon--heart" aria-hidden="true">
<svg class="svgHeart--filled" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
</svg>
</i>
</button>
</li>
<li class="tile__actionListItem">
<details class="tile__actionDropdown">
<summary class="tile__action tile__action--theme" title="Change tile theme" aria-label="Change tile theme">
<span class="visually-hidden">Change tile theme</span>
<i class="icon" aria-hidden="true">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.3538 12.9795L14.9012 9.39618V9.32727L8.64509 3.68811V2.26397C8.6429 2.03616 8.59543 1.81055 8.50493 1.59784C8.40581 1.3887 8.26113 1.19963 8.07948 1.04181C7.89782 0.883985 7.68288 0.760625 7.44737 0.679032C7.21264 0.594648 6.96089 0.555524 6.70836 0.564182C6.46024 0.562655 6.21426 0.605579 5.98471 0.690461C5.75515 0.775342 5.54659 0.90049 5.37115 1.05863C5.1957 1.21678 5.05686 1.40477 4.96269 1.61169C4.86852 1.8186 4.8209 2.04032 4.82259 2.26397V6.00809L0.923651 9.4536C0.571843 9.77951 0.375 10.2163 0.375 10.671C0.375 11.1257 0.571843 11.5625 0.923651 11.8884L5.54887 16.0575C5.72725 16.2194 5.94004 16.3481 6.17321 16.4365C6.63931 16.6052 7.15965 16.6052 7.62576 16.4365C7.85952 16.3485 8.0717 16.2197 8.2501 16.0575L14.5317 10.4069L13.6908 12.9336C13.6527 13.108 13.6527 13.2875 13.6908 13.4619C13.7328 13.6365 13.8156 13.8018 13.9329 13.9443C14.0577 14.0832 14.2081 14.2004 14.3788 14.2888C14.5572 14.3692 14.7534 14.4151 14.9522 14.4266C15.1624 14.4383 15.3725 14.4027 15.5638 14.3233C15.7541 14.2457 15.9236 14.1321 16.0607 13.9902C16.2003 13.846 16.2968 13.672 16.341 13.4849C16.3818 13.3183 16.3856 13.1472 16.3538 12.9795ZM6.16047 2.26397C6.14178 2.18833 6.14178 2.10991 6.16047 2.03427C6.19632 1.96056 6.24833 1.89415 6.31337 1.83902C6.38244 1.78983 6.45989 1.75105 6.54272 1.72417C6.6309 1.7071 6.7221 1.7071 6.81029 1.72417C6.96494 1.73494 7.10991 1.7962 7.21802 1.89645C7.31815 2.00197 7.37247 2.13661 7.37092 2.27545V3.72257L6.09676 4.87107L6.16047 2.26397ZM7.43463 15.2995C7.38079 15.3576 7.31027 15.4013 7.23076 15.4258C7.15451 15.4562 7.07205 15.4719 6.98867 15.4719C6.9053 15.4719 6.82284 15.4562 6.74658 15.4258C6.6671 15.4013 6.5966 15.3576 6.54272 15.2995L1.9175 11.1419C1.85779 11.0885 1.81039 11.025 1.77805 10.955C1.7457 10.885 1.72905 10.81 1.72905 10.7342C1.72905 10.6584 1.7457 10.5833 1.77805 10.5133C1.81039 10.4434 1.85779 10.3798 1.9175 10.3265L7.46011 5.33047V8.60371C7.36303 8.68391 7.28566 8.78156 7.23299 8.89035C7.18032 8.99915 7.15352 9.11668 7.15432 9.23539C7.13878 9.38654 7.16783 9.53872 7.23854 9.67649C7.30924 9.81427 7.41909 9.93276 7.55695 10.02C7.6948 10.1072 7.85578 10.16 8.02357 10.173C8.19135 10.1861 8.36 10.159 8.51241 10.0944C8.66482 10.0298 8.79559 9.93008 8.89148 9.80528C8.98736 9.68048 9.04496 9.53506 9.05842 9.38374C9.07189 9.23242 9.04076 9.08059 8.96817 8.94361C8.89559 8.80662 8.78413 8.68937 8.64509 8.60371V5.35344L13.5506 9.79815L7.43463 15.2995Z" fill="#999999" />
</svg>
</i>
</summary>
<div class="themePicker">
<ul class="themePicker__list">
<li class="themePicker__item">
<button title="Blue" aria-label="Set blue theme" class="themePicker__option" data-theme="blue" disabled>
<span class="visually-hidden">Set blue theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Navy" aria-label="Set navy theme" class="themePicker__option" data-theme="navy">
<span class="visually-hidden">Set navy theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Yellow" aria-label="Set yellow theme" class="themePicker__option" data-theme="yellow">
<span class="visually-hidden">Set yellow theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Pink" aria-label="Set pink theme" class="themePicker__option" data-theme="pink">
<span class="visually-hidden">Set pink theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Grey" aria-label="Set grey theme" class="themePicker__option" data-theme="grey">
<span class="visually-hidden">Set grey theme</span>
</button>
</li>
</ul>
</div>
</details>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveUp" title="Move up" aria-label="Move up">
<span class="visually-hidden">Move up</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 10.5417L0 9.58333L11 0L22 9.58333L20.087 11.0208L12.4348 4.3125V23H9.56522V4.3125L2.3913 10.5417Z" fill="#999999" />
</svg> </i>
</button>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveDown" title="Move down" aria-label="Move down">
<span class="visually-hidden">Move down</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 12.4583L0 13.4167L11 23L22 13.4167L20.087 11.9792L12.4348 18.6875V0H9.56522V18.6875L2.3913 12.4583Z" fill="#999999" />
</svg>
</i>
</button>
</li>
</ul>
</div>
</div>
</li>
<li class="tileList__item">
<div class="tile tile--grey">
<div class="tile__content">
<a href="" class="tile__link ">
Online Educational Agreement
</a>
</div>
<div class="tile__actions">
<ul class="tile__actionsList">
<li class="tile__actionListItem tile__actionListItem--favorite">
<button class="tile__action tile__action--favorite" title="Remove from favorites" aria-label="Remove from favorites" data-favorite="true">
<span class="visually-hidden">Remove from favorites</span>
<i class="icon icon--heart" aria-hidden="true">
<svg class="svgHeart--filled" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
</svg>
</i>
</button>
</li>
<li class="tile__actionListItem">
<details class="tile__actionDropdown">
<summary class="tile__action tile__action--theme" title="Change tile theme" aria-label="Change tile theme">
<span class="visually-hidden">Change tile theme</span>
<i class="icon" aria-hidden="true">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.3538 12.9795L14.9012 9.39618V9.32727L8.64509 3.68811V2.26397C8.6429 2.03616 8.59543 1.81055 8.50493 1.59784C8.40581 1.3887 8.26113 1.19963 8.07948 1.04181C7.89782 0.883985 7.68288 0.760625 7.44737 0.679032C7.21264 0.594648 6.96089 0.555524 6.70836 0.564182C6.46024 0.562655 6.21426 0.605579 5.98471 0.690461C5.75515 0.775342 5.54659 0.90049 5.37115 1.05863C5.1957 1.21678 5.05686 1.40477 4.96269 1.61169C4.86852 1.8186 4.8209 2.04032 4.82259 2.26397V6.00809L0.923651 9.4536C0.571843 9.77951 0.375 10.2163 0.375 10.671C0.375 11.1257 0.571843 11.5625 0.923651 11.8884L5.54887 16.0575C5.72725 16.2194 5.94004 16.3481 6.17321 16.4365C6.63931 16.6052 7.15965 16.6052 7.62576 16.4365C7.85952 16.3485 8.0717 16.2197 8.2501 16.0575L14.5317 10.4069L13.6908 12.9336C13.6527 13.108 13.6527 13.2875 13.6908 13.4619C13.7328 13.6365 13.8156 13.8018 13.9329 13.9443C14.0577 14.0832 14.2081 14.2004 14.3788 14.2888C14.5572 14.3692 14.7534 14.4151 14.9522 14.4266C15.1624 14.4383 15.3725 14.4027 15.5638 14.3233C15.7541 14.2457 15.9236 14.1321 16.0607 13.9902C16.2003 13.846 16.2968 13.672 16.341 13.4849C16.3818 13.3183 16.3856 13.1472 16.3538 12.9795ZM6.16047 2.26397C6.14178 2.18833 6.14178 2.10991 6.16047 2.03427C6.19632 1.96056 6.24833 1.89415 6.31337 1.83902C6.38244 1.78983 6.45989 1.75105 6.54272 1.72417C6.6309 1.7071 6.7221 1.7071 6.81029 1.72417C6.96494 1.73494 7.10991 1.7962 7.21802 1.89645C7.31815 2.00197 7.37247 2.13661 7.37092 2.27545V3.72257L6.09676 4.87107L6.16047 2.26397ZM7.43463 15.2995C7.38079 15.3576 7.31027 15.4013 7.23076 15.4258C7.15451 15.4562 7.07205 15.4719 6.98867 15.4719C6.9053 15.4719 6.82284 15.4562 6.74658 15.4258C6.6671 15.4013 6.5966 15.3576 6.54272 15.2995L1.9175 11.1419C1.85779 11.0885 1.81039 11.025 1.77805 10.955C1.7457 10.885 1.72905 10.81 1.72905 10.7342C1.72905 10.6584 1.7457 10.5833 1.77805 10.5133C1.81039 10.4434 1.85779 10.3798 1.9175 10.3265L7.46011 5.33047V8.60371C7.36303 8.68391 7.28566 8.78156 7.23299 8.89035C7.18032 8.99915 7.15352 9.11668 7.15432 9.23539C7.13878 9.38654 7.16783 9.53872 7.23854 9.67649C7.30924 9.81427 7.41909 9.93276 7.55695 10.02C7.6948 10.1072 7.85578 10.16 8.02357 10.173C8.19135 10.1861 8.36 10.159 8.51241 10.0944C8.66482 10.0298 8.79559 9.93008 8.89148 9.80528C8.98736 9.68048 9.04496 9.53506 9.05842 9.38374C9.07189 9.23242 9.04076 9.08059 8.96817 8.94361C8.89559 8.80662 8.78413 8.68937 8.64509 8.60371V5.35344L13.5506 9.79815L7.43463 15.2995Z" fill="#999999" />
</svg>
</i>
</summary>
<div class="themePicker">
<ul class="themePicker__list">
<li class="themePicker__item">
<button title="Blue" aria-label="Set blue theme" class="themePicker__option" data-theme="blue">
<span class="visually-hidden">Set blue theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Navy" aria-label="Set navy theme" class="themePicker__option" data-theme="navy">
<span class="visually-hidden">Set navy theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Yellow" aria-label="Set yellow theme" class="themePicker__option" data-theme="yellow">
<span class="visually-hidden">Set yellow theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Pink" aria-label="Set pink theme" class="themePicker__option" data-theme="pink">
<span class="visually-hidden">Set pink theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Grey" aria-label="Set grey theme" class="themePicker__option" data-theme="grey" disabled>
<span class="visually-hidden">Set grey theme</span>
</button>
</li>
</ul>
</div>
</details>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveUp" title="Move up" aria-label="Move up">
<span class="visually-hidden">Move up</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 10.5417L0 9.58333L11 0L22 9.58333L20.087 11.0208L12.4348 4.3125V23H9.56522V4.3125L2.3913 10.5417Z" fill="#999999" />
</svg> </i>
</button>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveDown" title="Move down" aria-label="Move down">
<span class="visually-hidden">Move down</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 12.4583L0 13.4167L11 23L22 13.4167L20.087 11.9792L12.4348 18.6875V0H9.56522V18.6875L2.3913 12.4583Z" fill="#999999" />
</svg>
</i>
</button>
</li>
</ul>
</div>
</div>
</li>
<li class="tileList__item">
<div class="tile tile--yellow">
<div class="tile__content">
<a href="" class="tile__link ">
Supervisor Portal
</a>
</div>
<div class="tile__actions">
<ul class="tile__actionsList">
<li class="tile__actionListItem tile__actionListItem--favorite">
<button class="tile__action tile__action--favorite" title="Remove from favorites" aria-label="Remove from favorites" data-favorite="true">
<span class="visually-hidden">Remove from favorites</span>
<i class="icon icon--heart" aria-hidden="true">
<svg class="svgHeart--filled" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
</svg>
</i>
</button>
</li>
<li class="tile__actionListItem">
<details class="tile__actionDropdown">
<summary class="tile__action tile__action--theme" title="Change tile theme" aria-label="Change tile theme">
<span class="visually-hidden">Change tile theme</span>
<i class="icon" aria-hidden="true">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.3538 12.9795L14.9012 9.39618V9.32727L8.64509 3.68811V2.26397C8.6429 2.03616 8.59543 1.81055 8.50493 1.59784C8.40581 1.3887 8.26113 1.19963 8.07948 1.04181C7.89782 0.883985 7.68288 0.760625 7.44737 0.679032C7.21264 0.594648 6.96089 0.555524 6.70836 0.564182C6.46024 0.562655 6.21426 0.605579 5.98471 0.690461C5.75515 0.775342 5.54659 0.90049 5.37115 1.05863C5.1957 1.21678 5.05686 1.40477 4.96269 1.61169C4.86852 1.8186 4.8209 2.04032 4.82259 2.26397V6.00809L0.923651 9.4536C0.571843 9.77951 0.375 10.2163 0.375 10.671C0.375 11.1257 0.571843 11.5625 0.923651 11.8884L5.54887 16.0575C5.72725 16.2194 5.94004 16.3481 6.17321 16.4365C6.63931 16.6052 7.15965 16.6052 7.62576 16.4365C7.85952 16.3485 8.0717 16.2197 8.2501 16.0575L14.5317 10.4069L13.6908 12.9336C13.6527 13.108 13.6527 13.2875 13.6908 13.4619C13.7328 13.6365 13.8156 13.8018 13.9329 13.9443C14.0577 14.0832 14.2081 14.2004 14.3788 14.2888C14.5572 14.3692 14.7534 14.4151 14.9522 14.4266C15.1624 14.4383 15.3725 14.4027 15.5638 14.3233C15.7541 14.2457 15.9236 14.1321 16.0607 13.9902C16.2003 13.846 16.2968 13.672 16.341 13.4849C16.3818 13.3183 16.3856 13.1472 16.3538 12.9795ZM6.16047 2.26397C6.14178 2.18833 6.14178 2.10991 6.16047 2.03427C6.19632 1.96056 6.24833 1.89415 6.31337 1.83902C6.38244 1.78983 6.45989 1.75105 6.54272 1.72417C6.6309 1.7071 6.7221 1.7071 6.81029 1.72417C6.96494 1.73494 7.10991 1.7962 7.21802 1.89645C7.31815 2.00197 7.37247 2.13661 7.37092 2.27545V3.72257L6.09676 4.87107L6.16047 2.26397ZM7.43463 15.2995C7.38079 15.3576 7.31027 15.4013 7.23076 15.4258C7.15451 15.4562 7.07205 15.4719 6.98867 15.4719C6.9053 15.4719 6.82284 15.4562 6.74658 15.4258C6.6671 15.4013 6.5966 15.3576 6.54272 15.2995L1.9175 11.1419C1.85779 11.0885 1.81039 11.025 1.77805 10.955C1.7457 10.885 1.72905 10.81 1.72905 10.7342C1.72905 10.6584 1.7457 10.5833 1.77805 10.5133C1.81039 10.4434 1.85779 10.3798 1.9175 10.3265L7.46011 5.33047V8.60371C7.36303 8.68391 7.28566 8.78156 7.23299 8.89035C7.18032 8.99915 7.15352 9.11668 7.15432 9.23539C7.13878 9.38654 7.16783 9.53872 7.23854 9.67649C7.30924 9.81427 7.41909 9.93276 7.55695 10.02C7.6948 10.1072 7.85578 10.16 8.02357 10.173C8.19135 10.1861 8.36 10.159 8.51241 10.0944C8.66482 10.0298 8.79559 9.93008 8.89148 9.80528C8.98736 9.68048 9.04496 9.53506 9.05842 9.38374C9.07189 9.23242 9.04076 9.08059 8.96817 8.94361C8.89559 8.80662 8.78413 8.68937 8.64509 8.60371V5.35344L13.5506 9.79815L7.43463 15.2995Z" fill="#999999" />
</svg>
</i>
</summary>
<div class="themePicker">
<ul class="themePicker__list">
<li class="themePicker__item">
<button title="Blue" aria-label="Set blue theme" class="themePicker__option" data-theme="blue">
<span class="visually-hidden">Set blue theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Navy" aria-label="Set navy theme" class="themePicker__option" data-theme="navy">
<span class="visually-hidden">Set navy theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Yellow" aria-label="Set yellow theme" class="themePicker__option" data-theme="yellow" disabled>
<span class="visually-hidden">Set yellow theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Pink" aria-label="Set pink theme" class="themePicker__option" data-theme="pink">
<span class="visually-hidden">Set pink theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Grey" aria-label="Set grey theme" class="themePicker__option" data-theme="grey">
<span class="visually-hidden">Set grey theme</span>
</button>
</li>
</ul>
</div>
</details>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveUp" title="Move up" aria-label="Move up">
<span class="visually-hidden">Move up</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 10.5417L0 9.58333L11 0L22 9.58333L20.087 11.0208L12.4348 4.3125V23H9.56522V4.3125L2.3913 10.5417Z" fill="#999999" />
</svg> </i>
</button>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveDown" title="Move down" aria-label="Move down">
<span class="visually-hidden">Move down</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 12.4583L0 13.4167L11 23L22 13.4167L20.087 11.9792L12.4348 18.6875V0H9.56522V18.6875L2.3913 12.4583Z" fill="#999999" />
</svg>
</i>
</button>
</li>
</ul>
</div>
</div>
</li>
<li class="tileList__item">
<div class="tile tile--yellow">
<div class="tile__content">
<a href="" class="tile__link ">
Accounting Documentation Form
</a>
</div>
<div class="tile__actions">
<ul class="tile__actionsList">
<li class="tile__actionListItem tile__actionListItem--favorite">
<button class="tile__action tile__action--favorite" title="Remove from favorites" aria-label="Remove from favorites" data-favorite="true">
<span class="visually-hidden">Remove from favorites</span>
<i class="icon icon--heart" aria-hidden="true">
<svg class="svgHeart--filled" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
</svg>
</i>
</button>
</li>
<li class="tile__actionListItem">
<details class="tile__actionDropdown">
<summary class="tile__action tile__action--theme" title="Change tile theme" aria-label="Change tile theme">
<span class="visually-hidden">Change tile theme</span>
<i class="icon" aria-hidden="true">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.3538 12.9795L14.9012 9.39618V9.32727L8.64509 3.68811V2.26397C8.6429 2.03616 8.59543 1.81055 8.50493 1.59784C8.40581 1.3887 8.26113 1.19963 8.07948 1.04181C7.89782 0.883985 7.68288 0.760625 7.44737 0.679032C7.21264 0.594648 6.96089 0.555524 6.70836 0.564182C6.46024 0.562655 6.21426 0.605579 5.98471 0.690461C5.75515 0.775342 5.54659 0.90049 5.37115 1.05863C5.1957 1.21678 5.05686 1.40477 4.96269 1.61169C4.86852 1.8186 4.8209 2.04032 4.82259 2.26397V6.00809L0.923651 9.4536C0.571843 9.77951 0.375 10.2163 0.375 10.671C0.375 11.1257 0.571843 11.5625 0.923651 11.8884L5.54887 16.0575C5.72725 16.2194 5.94004 16.3481 6.17321 16.4365C6.63931 16.6052 7.15965 16.6052 7.62576 16.4365C7.85952 16.3485 8.0717 16.2197 8.2501 16.0575L14.5317 10.4069L13.6908 12.9336C13.6527 13.108 13.6527 13.2875 13.6908 13.4619C13.7328 13.6365 13.8156 13.8018 13.9329 13.9443C14.0577 14.0832 14.2081 14.2004 14.3788 14.2888C14.5572 14.3692 14.7534 14.4151 14.9522 14.4266C15.1624 14.4383 15.3725 14.4027 15.5638 14.3233C15.7541 14.2457 15.9236 14.1321 16.0607 13.9902C16.2003 13.846 16.2968 13.672 16.341 13.4849C16.3818 13.3183 16.3856 13.1472 16.3538 12.9795ZM6.16047 2.26397C6.14178 2.18833 6.14178 2.10991 6.16047 2.03427C6.19632 1.96056 6.24833 1.89415 6.31337 1.83902C6.38244 1.78983 6.45989 1.75105 6.54272 1.72417C6.6309 1.7071 6.7221 1.7071 6.81029 1.72417C6.96494 1.73494 7.10991 1.7962 7.21802 1.89645C7.31815 2.00197 7.37247 2.13661 7.37092 2.27545V3.72257L6.09676 4.87107L6.16047 2.26397ZM7.43463 15.2995C7.38079 15.3576 7.31027 15.4013 7.23076 15.4258C7.15451 15.4562 7.07205 15.4719 6.98867 15.4719C6.9053 15.4719 6.82284 15.4562 6.74658 15.4258C6.6671 15.4013 6.5966 15.3576 6.54272 15.2995L1.9175 11.1419C1.85779 11.0885 1.81039 11.025 1.77805 10.955C1.7457 10.885 1.72905 10.81 1.72905 10.7342C1.72905 10.6584 1.7457 10.5833 1.77805 10.5133C1.81039 10.4434 1.85779 10.3798 1.9175 10.3265L7.46011 5.33047V8.60371C7.36303 8.68391 7.28566 8.78156 7.23299 8.89035C7.18032 8.99915 7.15352 9.11668 7.15432 9.23539C7.13878 9.38654 7.16783 9.53872 7.23854 9.67649C7.30924 9.81427 7.41909 9.93276 7.55695 10.02C7.6948 10.1072 7.85578 10.16 8.02357 10.173C8.19135 10.1861 8.36 10.159 8.51241 10.0944C8.66482 10.0298 8.79559 9.93008 8.89148 9.80528C8.98736 9.68048 9.04496 9.53506 9.05842 9.38374C9.07189 9.23242 9.04076 9.08059 8.96817 8.94361C8.89559 8.80662 8.78413 8.68937 8.64509 8.60371V5.35344L13.5506 9.79815L7.43463 15.2995Z" fill="#999999" />
</svg>
</i>
</summary>
<div class="themePicker">
<ul class="themePicker__list">
<li class="themePicker__item">
<button title="Blue" aria-label="Set blue theme" class="themePicker__option" data-theme="blue">
<span class="visually-hidden">Set blue theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Navy" aria-label="Set navy theme" class="themePicker__option" data-theme="navy">
<span class="visually-hidden">Set navy theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Yellow" aria-label="Set yellow theme" class="themePicker__option" data-theme="yellow" disabled>
<span class="visually-hidden">Set yellow theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Pink" aria-label="Set pink theme" class="themePicker__option" data-theme="pink">
<span class="visually-hidden">Set pink theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Grey" aria-label="Set grey theme" class="themePicker__option" data-theme="grey">
<span class="visually-hidden">Set grey theme</span>
</button>
</li>
</ul>
</div>
</details>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveUp" title="Move up" aria-label="Move up">
<span class="visually-hidden">Move up</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 10.5417L0 9.58333L11 0L22 9.58333L20.087 11.0208L12.4348 4.3125V23H9.56522V4.3125L2.3913 10.5417Z" fill="#999999" />
</svg> </i>
</button>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveDown" title="Move down" aria-label="Move down">
<span class="visually-hidden">Move down</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 12.4583L0 13.4167L11 23L22 13.4167L20.087 11.9792L12.4348 18.6875V0H9.56522V18.6875L2.3913 12.4583Z" fill="#999999" />
</svg>
</i>
</button>
</li>
</ul>
</div>
</div>
</li>
<li class="tileList__item">
<div class="tile tile--yellow">
<div class="tile__content">
<a href="" class="tile__link ">
Independent Studies Recording Form
</a>
</div>
<div class="tile__actions">
<ul class="tile__actionsList">
<li class="tile__actionListItem tile__actionListItem--favorite">
<button class="tile__action tile__action--favorite" title="Remove from favorites" aria-label="Remove from favorites" data-favorite="true">
<span class="visually-hidden">Remove from favorites</span>
<i class="icon icon--heart" aria-hidden="true">
<svg class="svgHeart--filled" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
</svg>
</i>
</button>
</li>
<li class="tile__actionListItem">
<details class="tile__actionDropdown">
<summary class="tile__action tile__action--theme" title="Change tile theme" aria-label="Change tile theme">
<span class="visually-hidden">Change tile theme</span>
<i class="icon" aria-hidden="true">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.3538 12.9795L14.9012 9.39618V9.32727L8.64509 3.68811V2.26397C8.6429 2.03616 8.59543 1.81055 8.50493 1.59784C8.40581 1.3887 8.26113 1.19963 8.07948 1.04181C7.89782 0.883985 7.68288 0.760625 7.44737 0.679032C7.21264 0.594648 6.96089 0.555524 6.70836 0.564182C6.46024 0.562655 6.21426 0.605579 5.98471 0.690461C5.75515 0.775342 5.54659 0.90049 5.37115 1.05863C5.1957 1.21678 5.05686 1.40477 4.96269 1.61169C4.86852 1.8186 4.8209 2.04032 4.82259 2.26397V6.00809L0.923651 9.4536C0.571843 9.77951 0.375 10.2163 0.375 10.671C0.375 11.1257 0.571843 11.5625 0.923651 11.8884L5.54887 16.0575C5.72725 16.2194 5.94004 16.3481 6.17321 16.4365C6.63931 16.6052 7.15965 16.6052 7.62576 16.4365C7.85952 16.3485 8.0717 16.2197 8.2501 16.0575L14.5317 10.4069L13.6908 12.9336C13.6527 13.108 13.6527 13.2875 13.6908 13.4619C13.7328 13.6365 13.8156 13.8018 13.9329 13.9443C14.0577 14.0832 14.2081 14.2004 14.3788 14.2888C14.5572 14.3692 14.7534 14.4151 14.9522 14.4266C15.1624 14.4383 15.3725 14.4027 15.5638 14.3233C15.7541 14.2457 15.9236 14.1321 16.0607 13.9902C16.2003 13.846 16.2968 13.672 16.341 13.4849C16.3818 13.3183 16.3856 13.1472 16.3538 12.9795ZM6.16047 2.26397C6.14178 2.18833 6.14178 2.10991 6.16047 2.03427C6.19632 1.96056 6.24833 1.89415 6.31337 1.83902C6.38244 1.78983 6.45989 1.75105 6.54272 1.72417C6.6309 1.7071 6.7221 1.7071 6.81029 1.72417C6.96494 1.73494 7.10991 1.7962 7.21802 1.89645C7.31815 2.00197 7.37247 2.13661 7.37092 2.27545V3.72257L6.09676 4.87107L6.16047 2.26397ZM7.43463 15.2995C7.38079 15.3576 7.31027 15.4013 7.23076 15.4258C7.15451 15.4562 7.07205 15.4719 6.98867 15.4719C6.9053 15.4719 6.82284 15.4562 6.74658 15.4258C6.6671 15.4013 6.5966 15.3576 6.54272 15.2995L1.9175 11.1419C1.85779 11.0885 1.81039 11.025 1.77805 10.955C1.7457 10.885 1.72905 10.81 1.72905 10.7342C1.72905 10.6584 1.7457 10.5833 1.77805 10.5133C1.81039 10.4434 1.85779 10.3798 1.9175 10.3265L7.46011 5.33047V8.60371C7.36303 8.68391 7.28566 8.78156 7.23299 8.89035C7.18032 8.99915 7.15352 9.11668 7.15432 9.23539C7.13878 9.38654 7.16783 9.53872 7.23854 9.67649C7.30924 9.81427 7.41909 9.93276 7.55695 10.02C7.6948 10.1072 7.85578 10.16 8.02357 10.173C8.19135 10.1861 8.36 10.159 8.51241 10.0944C8.66482 10.0298 8.79559 9.93008 8.89148 9.80528C8.98736 9.68048 9.04496 9.53506 9.05842 9.38374C9.07189 9.23242 9.04076 9.08059 8.96817 8.94361C8.89559 8.80662 8.78413 8.68937 8.64509 8.60371V5.35344L13.5506 9.79815L7.43463 15.2995Z" fill="#999999" />
</svg>
</i>
</summary>
<div class="themePicker">
<ul class="themePicker__list">
<li class="themePicker__item">
<button title="Blue" aria-label="Set blue theme" class="themePicker__option" data-theme="blue">
<span class="visually-hidden">Set blue theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Navy" aria-label="Set navy theme" class="themePicker__option" data-theme="navy">
<span class="visually-hidden">Set navy theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Yellow" aria-label="Set yellow theme" class="themePicker__option" data-theme="yellow" disabled>
<span class="visually-hidden">Set yellow theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Pink" aria-label="Set pink theme" class="themePicker__option" data-theme="pink">
<span class="visually-hidden">Set pink theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Grey" aria-label="Set grey theme" class="themePicker__option" data-theme="grey">
<span class="visually-hidden">Set grey theme</span>
</button>
</li>
</ul>
</div>
</details>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveUp" title="Move up" aria-label="Move up">
<span class="visually-hidden">Move up</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 10.5417L0 9.58333L11 0L22 9.58333L20.087 11.0208L12.4348 4.3125V23H9.56522V4.3125L2.3913 10.5417Z" fill="#999999" />
</svg> </i>
</button>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveDown" title="Move down" aria-label="Move down">
<span class="visually-hidden">Move down</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 12.4583L0 13.4167L11 23L22 13.4167L20.087 11.9792L12.4348 18.6875V0H9.56522V18.6875L2.3913 12.4583Z" fill="#999999" />
</svg>
</i>
</button>
</li>
</ul>
</div>
</div>
</li>
<li class="tileList__item">
<div class="tile tile--yellow">
<div class="tile__content">
<a href="" class="tile__link ">
Tools
</a>
</div>
<div class="tile__actions">
<ul class="tile__actionsList">
<li class="tile__actionListItem tile__actionListItem--favorite">
<button class="tile__action tile__action--favorite" title="Remove from favorites" aria-label="Remove from favorites" data-favorite="true">
<span class="visually-hidden">Remove from favorites</span>
<i class="icon icon--heart" aria-hidden="true">
<svg class="svgHeart--filled" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
</svg>
</i>
</button>
</li>
<li class="tile__actionListItem">
<details class="tile__actionDropdown">
<summary class="tile__action tile__action--theme" title="Change tile theme" aria-label="Change tile theme">
<span class="visually-hidden">Change tile theme</span>
<i class="icon" aria-hidden="true">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.3538 12.9795L14.9012 9.39618V9.32727L8.64509 3.68811V2.26397C8.6429 2.03616 8.59543 1.81055 8.50493 1.59784C8.40581 1.3887 8.26113 1.19963 8.07948 1.04181C7.89782 0.883985 7.68288 0.760625 7.44737 0.679032C7.21264 0.594648 6.96089 0.555524 6.70836 0.564182C6.46024 0.562655 6.21426 0.605579 5.98471 0.690461C5.75515 0.775342 5.54659 0.90049 5.37115 1.05863C5.1957 1.21678 5.05686 1.40477 4.96269 1.61169C4.86852 1.8186 4.8209 2.04032 4.82259 2.26397V6.00809L0.923651 9.4536C0.571843 9.77951 0.375 10.2163 0.375 10.671C0.375 11.1257 0.571843 11.5625 0.923651 11.8884L5.54887 16.0575C5.72725 16.2194 5.94004 16.3481 6.17321 16.4365C6.63931 16.6052 7.15965 16.6052 7.62576 16.4365C7.85952 16.3485 8.0717 16.2197 8.2501 16.0575L14.5317 10.4069L13.6908 12.9336C13.6527 13.108 13.6527 13.2875 13.6908 13.4619C13.7328 13.6365 13.8156 13.8018 13.9329 13.9443C14.0577 14.0832 14.2081 14.2004 14.3788 14.2888C14.5572 14.3692 14.7534 14.4151 14.9522 14.4266C15.1624 14.4383 15.3725 14.4027 15.5638 14.3233C15.7541 14.2457 15.9236 14.1321 16.0607 13.9902C16.2003 13.846 16.2968 13.672 16.341 13.4849C16.3818 13.3183 16.3856 13.1472 16.3538 12.9795ZM6.16047 2.26397C6.14178 2.18833 6.14178 2.10991 6.16047 2.03427C6.19632 1.96056 6.24833 1.89415 6.31337 1.83902C6.38244 1.78983 6.45989 1.75105 6.54272 1.72417C6.6309 1.7071 6.7221 1.7071 6.81029 1.72417C6.96494 1.73494 7.10991 1.7962 7.21802 1.89645C7.31815 2.00197 7.37247 2.13661 7.37092 2.27545V3.72257L6.09676 4.87107L6.16047 2.26397ZM7.43463 15.2995C7.38079 15.3576 7.31027 15.4013 7.23076 15.4258C7.15451 15.4562 7.07205 15.4719 6.98867 15.4719C6.9053 15.4719 6.82284 15.4562 6.74658 15.4258C6.6671 15.4013 6.5966 15.3576 6.54272 15.2995L1.9175 11.1419C1.85779 11.0885 1.81039 11.025 1.77805 10.955C1.7457 10.885 1.72905 10.81 1.72905 10.7342C1.72905 10.6584 1.7457 10.5833 1.77805 10.5133C1.81039 10.4434 1.85779 10.3798 1.9175 10.3265L7.46011 5.33047V8.60371C7.36303 8.68391 7.28566 8.78156 7.23299 8.89035C7.18032 8.99915 7.15352 9.11668 7.15432 9.23539C7.13878 9.38654 7.16783 9.53872 7.23854 9.67649C7.30924 9.81427 7.41909 9.93276 7.55695 10.02C7.6948 10.1072 7.85578 10.16 8.02357 10.173C8.19135 10.1861 8.36 10.159 8.51241 10.0944C8.66482 10.0298 8.79559 9.93008 8.89148 9.80528C8.98736 9.68048 9.04496 9.53506 9.05842 9.38374C9.07189 9.23242 9.04076 9.08059 8.96817 8.94361C8.89559 8.80662 8.78413 8.68937 8.64509 8.60371V5.35344L13.5506 9.79815L7.43463 15.2995Z" fill="#999999" />
</svg>
</i>
</summary>
<div class="themePicker">
<ul class="themePicker__list">
<li class="themePicker__item">
<button title="Blue" aria-label="Set blue theme" class="themePicker__option" data-theme="blue">
<span class="visually-hidden">Set blue theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Navy" aria-label="Set navy theme" class="themePicker__option" data-theme="navy">
<span class="visually-hidden">Set navy theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Yellow" aria-label="Set yellow theme" class="themePicker__option" data-theme="yellow" disabled>
<span class="visually-hidden">Set yellow theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Pink" aria-label="Set pink theme" class="themePicker__option" data-theme="pink">
<span class="visually-hidden">Set pink theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Grey" aria-label="Set grey theme" class="themePicker__option" data-theme="grey">
<span class="visually-hidden">Set grey theme</span>
</button>
</li>
</ul>
</div>
</details>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveUp" title="Move up" aria-label="Move up">
<span class="visually-hidden">Move up</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 10.5417L0 9.58333L11 0L22 9.58333L20.087 11.0208L12.4348 4.3125V23H9.56522V4.3125L2.3913 10.5417Z" fill="#999999" />
</svg> </i>
</button>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveDown" title="Move down" aria-label="Move down">
<span class="visually-hidden">Move down</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 12.4583L0 13.4167L11 23L22 13.4167L20.087 11.9792L12.4348 18.6875V0H9.56522V18.6875L2.3913 12.4583Z" fill="#999999" />
</svg>
</i>
</button>
</li>
</ul>
</div>
</div>
</li>
<li class="tileList__item">
<div class="tile tile--yellow">
<div class="tile__content">
<a href="" class="tile__link ">
University of Michigan Google Drive
</a>
</div>
<div class="tile__actions">
<ul class="tile__actionsList">
<li class="tile__actionListItem tile__actionListItem--favorite">
<button class="tile__action tile__action--favorite" title="Remove from favorites" aria-label="Remove from favorites" data-favorite="true">
<span class="visually-hidden">Remove from favorites</span>
<i class="icon icon--heart" aria-hidden="true">
<svg class="svgHeart--filled" width="17" height="16" viewBox="0 0 17 16" fill="none" overflow="visible" xmlns="http://www.w3.org/2000/svg">
<path d="M8.9375 16L7.7775 14.8665C6.43083 13.5441 5.3175 12.4033 4.4375 11.4441C3.5575 10.485 2.8575 9.62383 2.3375 8.8606C1.8175 8.09795 1.4543 7.39691 1.2479 6.75749C1.0415 6.11807 0.938033 5.46412 0.9375 4.79564C0.9375 3.42961 1.3575 2.28883 2.1975 1.3733C3.0375 0.457766 4.08417 0 5.3375 0C6.03083 0 6.69083 0.159855 7.3175 0.479564C7.94417 0.799273 8.48417 1.24977 8.9375 1.83106C9.39083 1.24977 9.93083 0.799273 10.5575 0.479564C11.1842 0.159855 11.8442 0 12.5375 0C13.7908 0 14.8375 0.457766 15.6775 1.3733C16.5175 2.28883 16.9375 3.42961 16.9375 4.79564C16.9375 5.46412 16.834 6.11807 16.6271 6.75749C16.4202 7.39691 16.057 8.09795 15.5375 8.8606C15.0175 9.62383 14.3175 10.485 13.4375 11.4441C12.5575 12.4033 11.4442 13.5441 10.0975 14.8665L8.9375 16Z" fill="#C2185B" stroke="#999" stroke-width="0" />
</svg>
</i>
</button>
</li>
<li class="tile__actionListItem">
<details class="tile__actionDropdown">
<summary class="tile__action tile__action--theme" title="Change tile theme" aria-label="Change tile theme">
<span class="visually-hidden">Change tile theme</span>
<i class="icon" aria-hidden="true">
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.3538 12.9795L14.9012 9.39618V9.32727L8.64509 3.68811V2.26397C8.6429 2.03616 8.59543 1.81055 8.50493 1.59784C8.40581 1.3887 8.26113 1.19963 8.07948 1.04181C7.89782 0.883985 7.68288 0.760625 7.44737 0.679032C7.21264 0.594648 6.96089 0.555524 6.70836 0.564182C6.46024 0.562655 6.21426 0.605579 5.98471 0.690461C5.75515 0.775342 5.54659 0.90049 5.37115 1.05863C5.1957 1.21678 5.05686 1.40477 4.96269 1.61169C4.86852 1.8186 4.8209 2.04032 4.82259 2.26397V6.00809L0.923651 9.4536C0.571843 9.77951 0.375 10.2163 0.375 10.671C0.375 11.1257 0.571843 11.5625 0.923651 11.8884L5.54887 16.0575C5.72725 16.2194 5.94004 16.3481 6.17321 16.4365C6.63931 16.6052 7.15965 16.6052 7.62576 16.4365C7.85952 16.3485 8.0717 16.2197 8.2501 16.0575L14.5317 10.4069L13.6908 12.9336C13.6527 13.108 13.6527 13.2875 13.6908 13.4619C13.7328 13.6365 13.8156 13.8018 13.9329 13.9443C14.0577 14.0832 14.2081 14.2004 14.3788 14.2888C14.5572 14.3692 14.7534 14.4151 14.9522 14.4266C15.1624 14.4383 15.3725 14.4027 15.5638 14.3233C15.7541 14.2457 15.9236 14.1321 16.0607 13.9902C16.2003 13.846 16.2968 13.672 16.341 13.4849C16.3818 13.3183 16.3856 13.1472 16.3538 12.9795ZM6.16047 2.26397C6.14178 2.18833 6.14178 2.10991 6.16047 2.03427C6.19632 1.96056 6.24833 1.89415 6.31337 1.83902C6.38244 1.78983 6.45989 1.75105 6.54272 1.72417C6.6309 1.7071 6.7221 1.7071 6.81029 1.72417C6.96494 1.73494 7.10991 1.7962 7.21802 1.89645C7.31815 2.00197 7.37247 2.13661 7.37092 2.27545V3.72257L6.09676 4.87107L6.16047 2.26397ZM7.43463 15.2995C7.38079 15.3576 7.31027 15.4013 7.23076 15.4258C7.15451 15.4562 7.07205 15.4719 6.98867 15.4719C6.9053 15.4719 6.82284 15.4562 6.74658 15.4258C6.6671 15.4013 6.5966 15.3576 6.54272 15.2995L1.9175 11.1419C1.85779 11.0885 1.81039 11.025 1.77805 10.955C1.7457 10.885 1.72905 10.81 1.72905 10.7342C1.72905 10.6584 1.7457 10.5833 1.77805 10.5133C1.81039 10.4434 1.85779 10.3798 1.9175 10.3265L7.46011 5.33047V8.60371C7.36303 8.68391 7.28566 8.78156 7.23299 8.89035C7.18032 8.99915 7.15352 9.11668 7.15432 9.23539C7.13878 9.38654 7.16783 9.53872 7.23854 9.67649C7.30924 9.81427 7.41909 9.93276 7.55695 10.02C7.6948 10.1072 7.85578 10.16 8.02357 10.173C8.19135 10.1861 8.36 10.159 8.51241 10.0944C8.66482 10.0298 8.79559 9.93008 8.89148 9.80528C8.98736 9.68048 9.04496 9.53506 9.05842 9.38374C9.07189 9.23242 9.04076 9.08059 8.96817 8.94361C8.89559 8.80662 8.78413 8.68937 8.64509 8.60371V5.35344L13.5506 9.79815L7.43463 15.2995Z" fill="#999999" />
</svg>
</i>
</summary>
<div class="themePicker">
<ul class="themePicker__list">
<li class="themePicker__item">
<button title="Blue" aria-label="Set blue theme" class="themePicker__option" data-theme="blue">
<span class="visually-hidden">Set blue theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Navy" aria-label="Set navy theme" class="themePicker__option" data-theme="navy">
<span class="visually-hidden">Set navy theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Yellow" aria-label="Set yellow theme" class="themePicker__option" data-theme="yellow" disabled>
<span class="visually-hidden">Set yellow theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Pink" aria-label="Set pink theme" class="themePicker__option" data-theme="pink">
<span class="visually-hidden">Set pink theme</span>
</button>
</li>
<li class="themePicker__item">
<button title="Grey" aria-label="Set grey theme" class="themePicker__option" data-theme="grey">
<span class="visually-hidden">Set grey theme</span>
</button>
</li>
</ul>
</div>
</details>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveUp" title="Move up" aria-label="Move up">
<span class="visually-hidden">Move up</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 10.5417L0 9.58333L11 0L22 9.58333L20.087 11.0208L12.4348 4.3125V23H9.56522V4.3125L2.3913 10.5417Z" fill="#999999" />
</svg> </i>
</button>
</li>
<li class="tile__actionListItem">
<button class="tile__action tile__action--moveDown" title="Move down" aria-label="Move down">
<span class="visually-hidden">Move down</span>
<i class="icon" aria-hidden="true">
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.3913 12.4583L0 13.4167L11 23L22 13.4167L20.087 11.9792L12.4348 18.6875V0H9.56522V18.6875L2.3913 12.4583Z" fill="#999999" />
</svg>
</i>
</button>
</li>
</ul>
</div>
</div>
</li>
</ul>
</section>
<section class="moveableSection">
{% include '@moveable-section__header' %}
{% include '@tile-list' with {
viewMode: 'edit',
tiles: [
{
title: 'Adivisor / Advisee Information',
favorite: true,
},
{
title: 'Language Course Request for Credit',
favorite: true,
theme: 'navy',
},
{
title: 'Really Long Tile Title To See What Happens When We Use an Unusually Extraordinarily Long Title',
favorite: true,
theme: 'pink',
},
{
title: 'Short Title',
favorite: true,
theme: 'blue',
},
{
title: 'Online Educational Agreement',
favorite: true,
theme: 'grey',
},
{
title: 'Supervisor Portal',
favorite: true
},
{
title: 'Accounting Documentation Form',
favorite: true
},
{
title: 'Independent Studies Recording Form',
favorite: true
},
{
title: 'Tools',
favorite: true
},
{
title: 'University of Michigan Google Drive',
favorite: true
},
]
} %}
</section>