.skeleton-text{background:var(--text-faded)!important;border-radius:5px!important;height:14px!important;display:inline-block!important;transform:none!important}.skeleton-text.is-header{height:28px!important}.isle-box{background-color:var(--background-card);border:1px solid var(--border);border-radius:16px;width:100%}.isle-box.is-active{cursor:pointer}.isle-box.is-active:hover{background-color:var(--background-card-hover)}.isle-box .completion-status{z-index:1;position:absolute;top:0;right:0}.isle-box .completion-status .paused,.isle-box .completion-status .completed{font-size:3rem}.isle-box .range-attributes{flex-direction:column;gap:5px;display:flex;position:absolute;bottom:10px;right:10px}.isle-box .range-attributes .time-limit,.isle-box .range-attributes .flags{color:var(--text-dimmed);background-color:var(--background-opacity);filter:drop-shadow(0 0 5px var(--shadow-inset));border:1px solid #555;border-radius:5px;align-items:center;gap:5px;padding:5px 7px;display:flex}.isle-box .range-attributes .time-limit svg,.isle-box .range-attributes .flags svg{color:var(--quaternary)}.isle-box .skills{flex-wrap:wrap;gap:5px;width:100%;margin-top:0;display:flex}.isle-box .skills .skill{background-color:var(--tertiary);color:var(--text-inverted);border-radius:5px;padding:2px 10px}.isle-box .skills .skill.more{background-color:var(--tertiary)}.isle-box .learning-objectives{flex-wrap:wrap;gap:5px;width:100%;margin-top:0;display:flex}.isle-box .learning-objectives .objective{background-color:var(--quaternary);color:var(--text-inverted);border-radius:5px;padding:2px 10px}.isle-box .learning-objectives .objective.more{background-color:var(--quaternary)}.isle-box.list-tile{cursor:pointer;width:325px;padding-top:40px}.isle-box.list-tile .image-canvas{height:240px;aspect-ratio:initial}.isle-box.list-tile .skills{margin-top:1rem}.isle-box.list-tile .skills .skill{text-overflow:ellipsis;white-space:nowrap;max-width:49%;overflow:hidden}.isle-box.list-tile .learning-objectives{margin-top:1rem}.isle-box.list-tile .learning-objectives .objective{text-overflow:ellipsis;white-space:nowrap;max-width:49%;overflow:hidden}.isle-box.list-tile .trapezoid-shadow,.isle-box.list-tile .inverted-trapezoid-shadow{background:var(--background-card)}.isle-box.list-tile:hover,.isle-box.list-tile:hover .trapezoid-shadow,.isle-box.list-tile:hover .inverted-trapezoid-shadow{background:var(--background-card-hover)}.isle-skeleton{border:1px solid var(--border);border-radius:20px;background-color:var(--background-card)!important}.isle-skeleton.list-tile{width:325px}
