details+details{margin-top:3rem}details summary{align-items:center;display:flex;cursor:pointer;gap:1.5rem;list-style:none}details summary::-webkit-details-marker,details summary::marker{display:none}details summary .title-container,details summary h3,details summary h4{flex:1;padding:1rem 0}details summary .title-container h3,details summary .title-container h4,details summary .title-container p{margin:0}details summary .icon{border-radius:50%;height:4rem;display:block;margin:0;position:relative;width:4rem}details summary .icon--plus{transition:transform var(--transition);transform:rotate(0)}details summary .icon--plus::before,details summary .icon--plus::after{background:var(--secondary);content:"";position:absolute;top:50%;left:50%;width:2rem;height:.1rem;transform:translate(-50%, -50%);transition:transform var(--transition)}details summary .icon--plus::after{transform:translate(-50%, -50%) rotate(90deg)}details summary .icon--arrow{display:inline-flex;align-items:center;justify-content:center;transition:transform var(--transition);transform:rotate(0deg)}details summary .icon--arrow svg use{fill:var(--primary)}details.accordion{margin:3rem 0;z-index:1;transition:all var(--transition)}details.accordion>summary,details.accordion>.content{background:var(--white);padding:1.3rem 2.4rem}details.accordion>summary{background:var(--background);padding:1.3rem 2.4rem}details.accordion>summary h3,details.accordion>summary h4{font-size:2.6rem;margin:0;flex:1;color:var(--primary)}details.accordion>summary .icon{background:var(--white)}details.accordion>summary .icon::before,details.accordion>summary .icon::after{background:var(--primary)}details.accordion>.content{padding-bottom:3rem}details.accordion>.content>details>.content{padding-bottom:0}details.accordion.bg-primary>.content{background:var(--primary)}details:not([class*=accordion]) summary{border-bottom:.1rem solid var(--secondary)}details:not([class*=accordion]) summary h3,details:not([class*=accordion]) summary h4{font-size:1.5rem;font-weight:800;padding-bottom:1.5rem}details[open]>summary h3,details[open]>summary h4{color:var(--secondary)}details[open]>.content{color:var(--secondary);line-height:1.6;font-weight:400}details[open]>summary>.icon:not(.icon--plus){transform:rotate(90deg)}details[open]>summary>.icon:not(.icon--plus) svg use{fill:var(--secondary)}details[open]>summary>.icon--plus{transform:rotate(-45deg)}details[open].accordion{z-index:2;box-shadow:var(--shadow-light-hover)}#compositiewedstrijd .deelnemer-top-cat,#compositiewedstrijd .deelnemer-indicators,#compositiewedstrijd-deelnemer .deelnemer-top-cat,#compositiewedstrijd-deelnemer .deelnemer-indicators{position:relative;display:inline-flex;justify-content:flex-start;align-items:stretch}#compositiewedstrijd .deelnemer-top-cat .round,#compositiewedstrijd .deelnemer-top-cat .round-deelnemer,#compositiewedstrijd .deelnemer-indicators .round,#compositiewedstrijd .deelnemer-indicators .round-deelnemer,#compositiewedstrijd-deelnemer .deelnemer-top-cat .round,#compositiewedstrijd-deelnemer .deelnemer-top-cat .round-deelnemer,#compositiewedstrijd-deelnemer .deelnemer-indicators .round,#compositiewedstrijd-deelnemer .deelnemer-indicators .round-deelnemer{display:flex;flex-direction:row;background:var(--tag-bg);align-items:center;gap:var(--gap-sm)}#compositiewedstrijd .deelnemer-top-cat .round svg use,#compositiewedstrijd .deelnemer-top-cat .round-deelnemer svg use,#compositiewedstrijd .deelnemer-indicators .round svg use,#compositiewedstrijd .deelnemer-indicators .round-deelnemer svg use,#compositiewedstrijd-deelnemer .deelnemer-top-cat .round svg use,#compositiewedstrijd-deelnemer .deelnemer-top-cat .round-deelnemer svg use,#compositiewedstrijd-deelnemer .deelnemer-indicators .round svg use,#compositiewedstrijd-deelnemer .deelnemer-indicators .round-deelnemer svg use{fill:var(--primary)}#compositiewedstrijd .deelnemer-top-cat .round .result,#compositiewedstrijd .deelnemer-top-cat .round-deelnemer .result,#compositiewedstrijd .deelnemer-indicators .round .result,#compositiewedstrijd .deelnemer-indicators .round-deelnemer .result,#compositiewedstrijd-deelnemer .deelnemer-top-cat .round .result,#compositiewedstrijd-deelnemer .deelnemer-top-cat .round-deelnemer .result,#compositiewedstrijd-deelnemer .deelnemer-indicators .round .result,#compositiewedstrijd-deelnemer .deelnemer-indicators .round-deelnemer .result{display:flex;align-items:center;padding:0 1.1rem 0 .1rem;font-family:var(--font-heading);font-weight:800;font-size:1.5rem;white-space:nowrap;text-align:center;text-transform:lowercase;color:var(--tag-text)}#compositiewedstrijd .deelnemer-top-cat .round-deelnemer,#compositiewedstrijd .deelnemer-indicators .round-deelnemer,#compositiewedstrijd-deelnemer .deelnemer-top-cat .round-deelnemer,#compositiewedstrijd-deelnemer .deelnemer-indicators .round-deelnemer{margin-bottom:var(--gap-sm)}#compositiewedstrijd .deelnemer-top-cat svg,#compositiewedstrijd .deelnemer-indicators svg,#compositiewedstrijd-deelnemer .deelnemer-top-cat svg,#compositiewedstrijd-deelnemer .deelnemer-indicators svg{z-index:0}#compositiewedstrijd .deelnemer-top-cat svg:first-child,#compositiewedstrijd .deelnemer-indicators svg:first-child,#compositiewedstrijd-deelnemer .deelnemer-top-cat svg:first-child,#compositiewedstrijd-deelnemer .deelnemer-indicators svg:first-child{margin-right:-0.1rem}#compositiewedstrijd .deelnemer-top-cat svg:last-child,#compositiewedstrijd .deelnemer-indicators svg:last-child,#compositiewedstrijd-deelnemer .deelnemer-top-cat svg:last-child,#compositiewedstrijd-deelnemer .deelnemer-indicators svg:last-child{margin-left:-0.1rem}#compositiewedstrijd .deelnemer-top-cat svg use,#compositiewedstrijd .deelnemer-indicators svg use,#compositiewedstrijd-deelnemer .deelnemer-top-cat svg use,#compositiewedstrijd-deelnemer .deelnemer-indicators svg use{fill:var(--tag-bg)}#compositiewedstrijd #sort-and-search{display:flex;gap:3rem;align-items:center;flex-direction:column}@media screen and (min-width: 768px){#compositiewedstrijd #sort-and-search{flex-direction:row}}#compositiewedstrijd #sort-and-search .search-deelnemers{margin:0;border:.1rem solid var(--border)}@media screen and (min-width: 992px){#compositiewedstrijd #sort-and-search .search-deelnemers{margin-left:auto}}#compositiewedstrijd #sort-and-search .search-deelnemers form{width:100%;display:flex;gap:2rem}#compositiewedstrijd #deelnemers{position:relative;--cols: 1;margin:-1.5rem}@media screen and (min-width: 768px){#compositiewedstrijd #deelnemers{--cols: 2}}@media screen and (min-width: 992px){#compositiewedstrijd #deelnemers{--cols: 3}}#compositiewedstrijd #deelnemers .deelnemer{container-name:font-smaller;container-type:inline-size;box-sizing:border-box;padding:1.5rem;width:calc(100%/var(--cols));position:relative}#compositiewedstrijd #deelnemers .deelnemer .photo{aspect-ratio:360/300;display:block;width:100%}#compositiewedstrijd #deelnemers .deelnemer .photo img{display:block;height:100%;object-fit:cover;width:100%}#compositiewedstrijd #deelnemers .deelnemer .deelnemer-photo{display:block;position:relative;width:100%;aspect-ratio:360/300}#compositiewedstrijd #deelnemers .deelnemer .deelnemer-photo .deelnemer-top{--tag-bg: var(--white);--tag-text: var(--text);position:absolute;top:0;left:0;width:100%;z-index:2;transition:opacity .3s ease;padding:var(--gap-md);display:flex;flex-wrap:wrap;gap:1rem;margin:0}#compositiewedstrijd #deelnemers .deelnemer .deelnemer-photo .deelnemer-bottom{cursor:pointer;position:absolute;bottom:0;left:0;width:100%;z-index:2;transition:opacity .3s ease;padding:var(--gap-md)}#compositiewedstrijd #deelnemers .deelnemer .deelnemer-photo .deelnemer-bottom h3{margin:0}#compositiewedstrijd #deelnemers .deelnemer .deelnemer-photo .deelnemer-bottom::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--overlay);background:linear-gradient(0deg, var(--overlay) 0%, rgba(0, 0, 0, 0) 100%);z-index:1}#compositiewedstrijd #deelnemers .deelnemer .deelnemer-photo .deelnemer-bottom .song-title,#compositiewedstrijd #deelnemers .deelnemer .deelnemer-photo .deelnemer-bottom .name{position:relative;z-index:2;margin:0;color:var(--text-light)}#compositiewedstrijd #deelnemers .deelnemer .deelnemer-photo .deelnemer-bottom .song-title{transition:all var(--transition)}@container (29em <= width <= 35em){#compositiewedstrijd #deelnemers .deelnemer .deelnemer-photo .deelnemer-bottom .song-title{font-size:2rem}}#compositiewedstrijd #deelnemers .deelnemer .deelnemer-photo .deelnemer-play{background:var(--backdrop);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:background .3s ease;width:5.5rem;height:5.5rem;background:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%}#compositiewedstrijd #deelnemers .deelnemer .deelnemer-photo .deelnemer-play svg{transition:transform .3s ease}#compositiewedstrijd #deelnemers .deelnemer .deelnemer-photo .deelnemer-play svg use{transition:fill .3s ease;fill:var(--tertiary)}#compositiewedstrijd #deelnemers .deelnemer .deelnemer-photo:hover .deelnemer-play svg,#compositiewedstrijd #deelnemers .deelnemer .deelnemer-photo:focus .deelnemer-play svg,#compositiewedstrijd #deelnemers .deelnemer .deelnemer-photo .deelnemer-play:focus svg,#compositiewedstrijd #deelnemers .deelnemer .deelnemer-photo .deelnemer-play:hover svg{transform:translateX(0.5rem)}#compositiewedstrijd #deelnemers .deelnemer .deelnemer-photo:hover .deelnemer-play svg use,#compositiewedstrijd #deelnemers .deelnemer .deelnemer-photo:focus .deelnemer-play svg use,#compositiewedstrijd #deelnemers .deelnemer .deelnemer-photo .deelnemer-play:focus svg use,#compositiewedstrijd #deelnemers .deelnemer .deelnemer-photo .deelnemer-play:hover svg use{fill:var(--action)}#deelnemer-detail .deelnemer-title h1,#deelnemer-detail .song-title{margin-top:0}#deelnemer-detail .deelnemer-content{display:flex;flex-direction:column;gap:3rem}@media screen and (min-width: 768px){#deelnemer-detail .deelnemer-content{flex-direction:row}}#deelnemer-detail .deelnemer-content .deelnemer-col-1{flex:1}#deelnemer-detail .deelnemer-content .deelnemer-col-1 .photo picture{aspect-ratio:1/1;width:100%}#deelnemer-detail .deelnemer-content .deelnemer-col-1 .photo picture img{display:block;height:100%;object-fit:cover;width:100%}#deelnemer-detail .deelnemer-content .deelnemer-col-1 #compositiedeelnemer-meta{padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--gap-sm)}#deelnemer-detail .deelnemer-content .deelnemer-col-1 #compositiedeelnemer-meta li span{display:block;font-family:var(--font-heading);font-weight:700}#deelnemer-detail .deelnemer-content .deelnemer-col-2{flex:1}@media screen and (min-width: 768px){body.single-compositiewedstrijd #deelnemer-detail .deelnemer-content{flex-direction:column}}/*# sourceMappingURL=compositiewedstrijd.css.map */