:root,:host{--breakpoint-s:30rem;--breakpoint-m:48rem;--breakpoint-l:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:120rem}@media (min-width:64rem){.pietsmiet-contentplan .contentplan-header{justify-content:space-between;align-items:flex-end;display:flex}}.pietsmiet-contentplan .contentplan-header .contentplan-headline .title{align-items:center;display:flex}.pietsmiet-contentplan .contentplan-header .contentplan-headline .ps-controller-icon{width:3rem;margin-right:.5rem}.pietsmiet-contentplan .contentplan-header .contentplan-period{color:var(--color-grey-mid);font-size:.75rem}.pietsmiet-contentplan .contentplan-header .contentplan-icon{justify-content:space-between;align-items:center;transition:all .1s ease-in;display:flex}.pietsmiet-contentplan .contentplan-header .contentplan-icon svg{position:relative;top:4px}.pietsmiet-contentplan .contentplan-header .contentplan-icon:hover{transform:scale(1.03)}.pietsmiet-contentplan .contentplan-header .contentplan-icon svg{width:4rem;height:4rem;display:block}.pietsmiet-contentplan .contentplan-header .contentplan-icon svg path{fill:var(--color-twitch)}.pietsmiet-contentplan .contentplan-meta{font-size:.75rem}.pietsmiet-contentplan .contentplan-footer{color:var(--color-grey-mid);padding:0;font-size:1rem}.pietsmiet-contentplan .contentplan-cover{aspect-ratio:16/9;object-position:center;margin-bottom:.5rem;position:relative;overflow:hidden;display:none!important}.pietsmiet-contentplan .contentplan-cover img{object-fit:cover;object-position:center;border-radius:.6rem;width:100%;height:100%;display:block}.pietsmiet-contentplan .contentplan__wrap{margin-top:.5rem}.pietsmiet-contentplan .contentplan__wrap .videodate{background-color:var(--color-white);color:var(--color-black);flex-direction:row-reverse;justify-content:space-between;align-items:center;padding:.5rem;line-height:1;display:flex}@media (min-width:64rem){.pietsmiet-contentplan .contentplan__wrap .videodate{flex-direction:column;justify-content:flex-start;align-items:flex-start}}.pietsmiet-contentplan .contentplan__wrap .videodate .videodate__day{text-transform:uppercase;font-size:1rem;font-weight:800;line-height:1}@media (min-width:64rem){.pietsmiet-contentplan .contentplan__wrap .videodate .videodate__day{font-size:2.5rem;display:block}}.pietsmiet-contentplan .contentplan__wrap .videodate .videodate__date{font-size:max(.75rem,min(2vw,.75rem));line-height:1}@media (min-width:64rem){.pietsmiet-contentplan .contentplan__wrap .videodate .videodate__date{display:block}}.pietsmiet-contentplan .contentplan__wrap .contentplan-item{margin-bottom:1px;padding:.5rem;font-size:.75rem}.pietsmiet-contentplan .contentplan__wrap .contentplan-item .live-indicator{display:none}.pietsmiet-contentplan .contentplan__wrap .contentplan-item .youtube-icon path{fill:var(--color-youtube)}.pietsmiet-contentplan .contentplan__wrap .contentplan-item .twitch-icon{width:24px;height:24px}.pietsmiet-contentplan .contentplan__wrap .contentplan-item .twitch-icon path{fill:var(--color-twitch)}.pietsmiet-contentplan .contentplan__wrap .contentplan-item.contentplan-item--video{background-color:var(--color-active-youtube-bg)}.pietsmiet-contentplan .contentplan__wrap .contentplan-item.contentplan-item--stream{background-color:var(--color-active-twitch-bg)}.pietsmiet-contentplan .contentplan__wrap .contentplan-item.is-live{background-color:var(--color-active-twitch-bg);position:relative}.pietsmiet-contentplan .contentplan__wrap .contentplan-item.is-live .live-indicator{background-color:var(--color-youtube);text-transform:uppercase;color:var(--color-white);border-radius:.25rem;margin-left:.2rem;padding:.25rem;font-size:.5rem;font-weight:800;display:inline-block;position:absolute}@media (min-width:64rem){.pietsmiet-contentplan .contentplan__wrap .contentplan-item.is-live .live-indicator{transform:translateY(1px)}}.pietsmiet-contentplan .contentplan__wrap .contentplan-item .stream-item-footer{justify-content:flex-start;align-items:center;display:flex}.pietsmiet-contentplan .contentplan__wrap .contentplan-item .stream-item-footer .contentplan-cover{width:1.5rem;margin-bottom:0;margin-right:.25rem}.pietsmiet-contentplan .contentplan__wrap .contentplan-item .stream-item-footer .contentplan-cover img{border-radius:.1rem}.pietsmiet-contentplan .contentplan__wrap .contentplan-item .contentplan-title{-webkit-hyphens:auto;hyphens:auto;font-size:.8rem;display:block}.pietsmiet-contentplan .contentplan__wrap .contentplan-item .contentplan-title.is-live{color:var(--color-twitch)}@media (min-width:64rem){.pietsmiet-contentplan .contentplan__wrap .contentplan-item{font-size:1rem}}.pietsmiet-contentplan .contentplan__wrap .contentplan-item .contentplan-time{justify-content:space-between;align-items:center;gap:.25rem;padding-bottom:.25rem;display:flex}.pietsmiet-contentplan .contentplan{background-color:var(--color-white)}@media (min-width:64rem){.pietsmiet-contentplan .contentplan{grid-template-columns:repeat(7,1fr);gap:1px;height:100%;display:grid}}.pietsmiet-contentplan .contentplan .contentplan-item--empty{color:var(--color-grey-mid);font-size:.75rem}.pietsmiet-contentplan .contentplan .day{flex:1;height:100%;margin-bottom:2rem;display:block;box-shadow:0 .25rem 2rem -1rem #0003}.pietsmiet-contentplan .contentplan .day:last-child{margin-bottom:1rem}@media (min-width:64rem){.pietsmiet-contentplan .contentplan .day:last-child{margin-bottom:0}.pietsmiet-contentplan .contentplan .day{box-shadow:none;margin-bottom:0}}.pietsmiet-contentplan .contentplan .day.is-today{background-color:var(--color-active-bg)}.pietsmiet-contentplan .contentplan .day.is-today .videodate{background-color:var(--color-black);color:var(--color-white)}@media (min-width:64rem){.pietsmiet-contentplan .contentplan .day.no-content{display:block}}.pietsmiet-contentplan .contentplan .day:nth-child(2n){background-color:var(--color-grey-light)}.pietsmiet-contentplan .contentplan .day .day-wrap .contentplan-category{color:var(--color-grey-mid);font-size:.75rem}.pietsmiet-contentplan .contentplan .day .day-wrap .contentplan-video{flex-direction:column;flex:1;height:100%;display:flex}.pietsmiet-contentplan .contentplan-box-footer{color:var(--color-grey-mid);padding:0;font-size:1rem}@media (min-width:64rem){.pietsmiet-contentplan .contentplan-box-footer{padding-top:1rem}}.contentplan-nav{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.cp-nav-btn{border-color:var(--color-grey-mid);width:4rem;color:var(--color-grey-mid);opacity:.5;background-color:color(--color-black);font-family:var(--font-family);border-radius:.25rem;padding:.25rem}.cp-nav-btn:hover{border-color:var(--color-black);color:var(--color-black);opacity:1}.cp-nav-btn:disabled{opacity:.4;cursor:default}.contentplan-slider{overflow:hidden}@media (min-width:64rem){.contentplan-slider{box-shadow:0 1rem 5rem -1rem #0003}}.contentplan-slides{will-change:transform;width:100%;transition:transform .35s;display:flex}.contentplan-slide{min-width:100%}.pietsmiet-contentplan.is-week-2 .contentplan-slides{transform:translate(-100%)}@media (min-width:64rem){.slide-week-wrapper{justify-content:space-around;align-items:center;gap:1rem;display:flex}}.slide-week-wrapper .contentplan-period{margin-bottom:.5rem}@media (min-width:64rem){.slide-week-wrapper .contentplan-period{margin-bottom:0}}html[data-theme=dark] .pietsmiet-contentplan .contentplan .day{box-shadow:0 .25rem 2rem -1rem #000000e6}@media (min-width:64rem){html[data-theme=dark] .pietsmiet-contentplan .contentplan .day{box-shadow:none;margin-bottom:0}}html[data-theme=dark] .pietsmiet-contentplan .contentplan-slider{overflow:hidden}@media (min-width:64rem){html[data-theme=dark] .pietsmiet-contentplan .contentplan-slider{box-shadow:0 1rem 5rem -1rem #000000e6}}