.showcase{padding:.5rem 2rem 2rem 2rem;border-top:6px solid var(--color-secondary);}.showcase-entries{--_yellow:#fdb916;--_blue:#7e9cc5;margin-bottom:3rem;}.showcase-filters{display:grid;gap:.5rem;grid-template-columns:1fr 1fr;grid-template-areas:"schoolsearch team" "age age" "country state" "school school" "reset reset" "count sort";}.show-case-reset{grid-area:reset;justify-items:center;padding:.5rem 0 0 0}@media screen and (min-width:525px){.showcase-filters{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"schoolsearch team age" "country state reset" "school school school" "count count sort"}.show-case-reset{align-content:end;justify-items:start;padding:0}}@media screen and (min-width:1050px){.showcase-filters{gap:0 1rem;margin:1.5rem 0;grid-template-columns:160px 160px 110px 140px 1fr 1fr;grid-template-areas:"schoolsearch team age country state reset" "school school school school school school" "count count count sort sort sort"}}.showcase-filters-label{margin:.5rem 0 .25rem 0;font-size:.75rem;color:#000;text-transform:uppercase;display:block;}.showcase-school-name-search{grid-area:schoolsearch;}.showcase-school-name-results:empty{display:none;}.showcase-school{grid-area:school;}.showcase-school:not([hidden]){padding-top:1rem;}.showcase-country{grid-area:country;}.showcase-team-name-search{grid-area:"team"}.showcase-state{grid-area:state;}.showcase-count{grid-area:count;align-self:end;}@media screen and (min-width:600px){.showcase-count br{display:none}}.showcase-sort{grid-area:sort;justify-self:end;}.showcase-age-group{grid-area:age;}.showcase-team{position:relative;border:6px solid #7e9cc5;box-shadow:6px 6px var(--_yellow);border-radius:5px;display:grid;grid-template-columns:75% 25%;grid-template-rows:250px 1fr auto;grid-template-areas:"image image" "stats vote" "stats vote" "actions actions";min-height:100%;container-name:showcase-team-container;container-type:inline-size;}.showcase-actions{grid-area:actions;display:flex;text-align:center;padding:.5rem;margin-top:.5rem;gap:.5rem;}.showcase-actions>div{flex:1;position:relative;display:flex;align-items:center;justify-content:center;}.showcase-actions>div:not(:last-child)::after{content:"";height:40px;width:1px;position:absolute;top:50%;right:0;transform:translateY(-50%);}.showcase-showcase-thumbnail{height:100%;width:100%;background-color:var(--_blue);background-image:var(--_teamIMage);background-position:center;background-size:cover;background-repeat:no-repeat;float:left;align-self:center;justify-self:center;grid-area:image;box-sizing:border-box;}.showcase-showcase-stats{height:100%;height:100%;box-sizing:border-box;padding:1rem 0 1rem 2rem;flex-direction:column;justify-content:center;line-height:1.25;grid-area:stats;}.showcase-stat-name{text-transform:uppercase;font-size:.75rem;display:block;margin-top:1rem;margin-bottom:.25rem;display:inline-block;font-weight:bold;color:#000;}.showcase-stat-country{white-space:nowrap;}@container showcase-team-container (width < 350px){.showcase-stat-name{display:block;margin-top:1rem}}@container showcase-team-container (width < 500px){.showcase-showcase-stats{padding:.5rem 0 0 1rem}}.showcase-team-name{display:block;margin-bottom:.25rem;font-weight:600;font-size:1.25rem;}.showcase-score{border-bottom-left-radius:5px;background-color:var(--_yellow);font-size:14px;color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;gap:0;line-height:1.2;grid-area:image2;width:fit-content;position:absolute;top:0;right:0;padding:.5rem .75rem;box-shadow:-4px 4px 4px 2px #00000030;}.btn--showcase-images,.btn--showcase-report,.btn--showcase-share{flex-direction:column;font-size:.75rem;padding:.25rem;width:100%;height:100%;}.btn--showcase-share.is-active{background:var(--_backgroundChecked);border-color:var(--_borderColorChecked);color:var(--_colorChecked);}.btn--showcase-images svg{width:30px;pointer-events:none;}.btn--showcase-report svg{width:28px;pointer-events:none;}.btn--showcase-share svg{width:24px;pointer-events:none;}.btn--report-content{padding:0;font-size:.75rem;gap:.25rem;}.btn--report-content svg{width:24px;height:24px;padding:0 6px;}.showcase-vote{box-sizing:border-box;grid-area:vote;display:flex;flex-direction:column;justify-content:right;align-items:center;gap:.25rem;background:0;border:transparent;margin-top:1rem;align-self:flex-start;pointer-events:none;}.showcase-vote svg{width:35px;height:35px;padding:5px}.showcase-vote-message{display:block;font-size:.6rem;line-height:1;margin-bottom:-.85rem;margin-top:.25rem;}.showcase-vote:hover{cursor:pointer;}.showcase-vote--voted{pointer-events:none;}.showcase-entries{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:3rem 2rem;margin:1rem 0 3rem 0;scroll-margin-top:60px;}.showcase-filter{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;padding:0 .5rem;box-sizing:border-box;}@media screen and (min-width:1050px){.showcase-filter{max-width:12rem}}.showcase-no-results{grid-column:1 / -1;text-align:center;}.showcase-result-item{background-color:white;animation-name:animateIn;animation-duration:400ms;animation-delay:calc(var(--animation-order) * 100ms);animation-fill-mode:both;animation-timing-function:ease-in-out;}@keyframes animateIn{0%{opacity:0;transform:scale(.6) translateY(-8px)}100%{opacity:1}}.popup-showcase-images .popup-message{max-width:fit-content;}.popup-showcase-images .popup-message img{max-height:90vh;display:inline-block;margin:.5rem auto;height:auto;max-width:100%;}.showcase-school-name-results{position:absolute;border:1px solid var(--color-border);width:200px;z-index:1;background:#fff;display:flex;flex-direction:column;gap:.25rem;max-height:155px;overflow:auto;padding:.5rem;box-shadow:1px 8px 13px -2px #3333333b;margin-top:5px;}.btn--school-suggestion{--_color:#333;--_colorHover:#000;--_colorChecked:#fff;--_background:#fff;--_backgroundHover:var(--color-secondary);--_borderColor:transparent;--_borderColorHover:transparent;--_borderColorChecked:transparent;text-decoration-color:transparent;justify-content:start;text-align:left;}.showcase-actions__share{position:relative;}.showcase-menu-popup{display:none;position:absolute;background:white;padding:0;box-shadow:0 2px 6px 0 rgba(0,0,0,.3);border-radius:5px;list-style-type:none;text-align:left;z-index:501;}.showcase-menu-popup.is-active{display:block;position:absolute;transform:translateY(-90%);right:0;}.showcase-menu-popup li a{display:block;color:#2d2d2d;text-decoration:none!important;padding:.25rem .75rem;}.showcase-menu-popup li:hover{background-color:#efefef;}