@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:calc(10px * 2);padding:calc(var(--plyr-control-spacing,10px) * 2)}}@media (min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(calc(10px * -4));transform:translateY(calc(var(--plyr-control-spacing,10px) * -4))}.plyr__caption{background:rgba(0,0,0,.8);background:var(--plyr-captions-background,rgba(0,0,0,.8));border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:0 0;border:0;border-radius:3px;border-radius:var(--plyr-control-radius,3px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:calc(10px * .7);padding:calc(var(--plyr-control-spacing,10px) * .7);position:relative;transition:all .3s ease}.plyr__control svg{display:block;fill:currentColor;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}a.plyr__control{text-decoration:none}a.plyr__control::after,a.plyr__control::before{display:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:calc(10px / 4);margin-left:calc(var(--plyr-control-spacing,10px)/ 4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:calc(10px / 4);padding-left:calc(var(--plyr-control-spacing,10px)/ 4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 calc(10px / 2);padding:0 calc(var(--plyr-control-spacing,10px)/ 2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr__controls:empty{display:none}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:rgba(255,255,255,.9);background:var(--plyr-menu-background,rgba(255,255,255,.9));border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container::after{border:4px solid transparent;border:var(--plyr-menu-arrow-size,4px) solid transparent;border-top-color:rgba(255,255,255,.9);border-top-color:var(--plyr-menu-background,rgba(255,255,255,.9));content:'';height:0;position:absolute;right:calc(((18px / 2) + calc(10px * .7)) - (4px / 2));right:calc(((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7)) - (var(--plyr-menu-arrow-size,4px)/ 2));top:100%;width:0}.plyr__menu__container [role=menu]{padding:calc(10px * .7);padding:calc(var(--plyr-control-spacing,10px) * .7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding-bottom:calc(calc(10px * .7)/ 1.5);padding-bottom:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5);padding-left:calc(calc(10px * .7) * 1.5);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);padding-right:calc(calc(10px * .7) * 1.5);padding-right:calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);padding-top:calc(calc(10px * .7)/ 1.5);padding-top:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5);-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control::after{border:4px solid transparent;border:var(--plyr-menu-item-arrow-size,4px) solid transparent;content:'';position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:calc(calc(10px * .7) * 4);padding-right:calc(calc(var(--plyr-control-spacing,10px) * .7) * 4)}.plyr__menu__container .plyr__control--forward::after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:calc((calc(10px * .7) * 1.5) - 4px);right:calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:calc(10px * .7);margin:calc(var(--plyr-control-spacing,10px) * .7);margin-bottom:calc(calc(10px * .7)/ 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2);padding-left:calc(calc(10px * .7) * 4);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 4);position:relative;width:calc(100% - (calc(10px * .7) * 2));width:calc(100% - (calc(var(--plyr-control-spacing,10px) * .7) * 2))}.plyr__menu__container .plyr__control--back::after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:calc((calc(10px * .7) * 1.5) - 4px);left:calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--back::before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:'';height:1px;left:0;margin-top:calc(calc(10px * .7)/ 2);margin-top:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:calc(10px * .7);padding-left:calc(var(--plyr-control-spacing,10px) * .7)}.plyr__menu__container .plyr__control[role=menuitemradio]::after,.plyr__menu__container .plyr__control[role=menuitemradio]::before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]::before{background:rgba(0,0,0,.1);content:'';display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]::after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before{background:#00b3ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before{background:rgba(35,40,47,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:calc((calc(10px * .7) - 2) * -1);margin-right:calc((calc(var(--plyr-control-spacing,10px) * .7) - 2) * -1);overflow:hidden;padding-left:calc(calc(10px * .7) * 3.5);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:calc(13px * 2);border-radius:calc(var(--plyr-range-thumb-height,13px) * 2);color:#00b3ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));display:block;height:calc((3px * 2) + 13px);height:calc((var(--plyr-range-thumb-active-shadow-width,3px) * 2) + var(--plyr-range-thumb-height,13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none;background-image:linear-gradient(to right,currentColor 0,transparent 0);background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))}.plyr--full-ui input[type=range]::-webkit-slider-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);-webkit-appearance:none;margin-top:calc(((13px - 5px)/ 2) * -1);margin-top:calc(((var(--plyr-range-thumb-height,13px) - var(--plyr-range-track-height,5px))/ 2) * -1)}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;background:currentColor}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);margin-top:0}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:rgba(255,255,255,.9);background:var(--plyr-tooltip-background,rgba(255,255,255,.9));border-radius:3px;border-radius:var(--plyr-tooltip-radius,3px);bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:calc(calc(10px / 2) * 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2);opacity:0;padding:calc(10px / 2) calc(calc(10px / 2) * 1.5);padding:calc(var(--plyr-control-spacing,10px)/ 2) calc(calc(var(--plyr-control-spacing,10px)/ 2) * 1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;white-space:nowrap;z-index:2}.plyr__tooltip::before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:calc(4px * -1);bottom:calc(var(--plyr-tooltip-arrow-size,4px) * -1);content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%,0) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:calc((18px / 2) + calc(10px * .7));left:calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7))}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:calc((18px / 2) + calc(10px * .7));right:calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7));transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)}.plyr__progress{left:calc(13px * .5);left:calc(var(--plyr-range-thumb-height,13px) * .5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:calc(13px * -.5);margin-left:calc(var(--plyr-range-thumb-height,13px) * -.5);margin-right:calc(13px * -.5);margin-right:calc(var(--plyr-range-thumb-height,13px) * -.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height,13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));left:0}.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:calc((5px / 2) * -1);margin-top:calc((var(--plyr-range-track-height,5px)/ 2) * -1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:0 0}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 25%,transparent 50%,rgba(35,40,47,.6) 50%,rgba(35,40,47,.6) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr__volume{align-items:center;display:flex;max-width:110px;min-width:80px;position:relative;width:20%}.plyr__volume input[type=range]{margin-left:calc(10px / 2);margin-left:calc(var(--plyr-control-spacing,10px)/ 2);margin-right:calc(10px / 2);margin-right:calc(var(--plyr-control-spacing,10px)/ 2);position:relative;z-index:2}.plyr--is-ios .plyr__volume{min-width:0;width:auto}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--audio .plyr__progress__buffer{color:rgba(193,200,209,.6);color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr--video{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;left:0;position:absolute;top:0}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75)));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:calc(10px / 2);padding:calc(var(--plyr-control-spacing,10px)/ 2);padding-top:calc(10px * 2);padding-top:calc(var(--plyr-control-spacing,10px) * 2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:calc(10px * 3.5);padding-top:calc(var(--plyr-control-spacing,10px) * 3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:calc(10px * 1.5);padding:calc(var(--plyr-control-spacing,10px) * 1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--video .plyr__progress__buffer{color:rgba(255,255,255,.25);color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-moz-full-screen video{height:100%}.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-moz-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;margin:0;width:100%;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;position:static}.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads::after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads::after:empty{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin:-var(--plyr-range-track-height,5px)/2 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}.plyr__preview-thumb{background-color:rgba(255,255,255,.9);background-color:var(--plyr-tooltip-background,rgba(255,255,255,.9));border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));margin-bottom:calc(calc(10px / 2) * 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2);opacity:0;padding:3px;padding:var(--plyr-tooltip-radius,3px);pointer-events:none;position:absolute;transform:translate(0,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0,0) scale(1)}.plyr__preview-thumb::before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:calc(4px * -1);bottom:calc(var(--plyr-tooltip-arrow-size,4px) * -1);content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:calc(3px - 1px);border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img{height:100%;left:0;max-height:none;max-width:none;position:absolute;top:0;width:100%}.plyr__preview-thumb__time-container{bottom:6px;left:0;position:absolute;right:0;white-space:nowrap;z-index:3}.plyr__preview-thumb__time-container span{background-color:rgba(0,0,0,.55);border-radius:calc(3px - 1px);border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));padding:3px 6px}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide--draggable>.splide__slider>.splide__track,.splide--draggable>.splide__track{-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide--fade>.splide__slider>.splide__track>.splide__list,.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--fade>.splide__track>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide--ttb.is-active>.splide__slider>.splide__track>.splide__list,.splide--ttb.is-active>.splide__track>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important;transform-style:preserve-3d}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{outline:none;position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;outline:none;position:relative}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__track{overflow:hidden;position:relative;z-index:0}@font-face {
  font-family: 'fontello';
  src: url('/content/themes/musicswaplab/fontello/font/fontello.eot?28302404&x34978');
  src: url('/content/themes/musicswaplab/fontello/font/fontello.eot?28302404#iefix&x34978') format('embedded-opentype'),
       url('/content/themes/musicswaplab/fontello/font/fontello.woff2?28302404') format('woff2'),
       url('/content/themes/musicswaplab/fontello/font/fontello.woff?28302404&x34978') format('woff'),
       url('/content/themes/musicswaplab/fontello/font/fontello.ttf?28302404&x34978') format('truetype'),
       url('/content/themes/musicswaplab/fontello/font/fontello.svg?28302404#fontello&x34978') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('/content/themes/musicswaplab/fontello/font/fontello.svg?28302404#fontello&x34978') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-wp-edit:before { content: '\e811'; } /* '' */


@font-face {
    font-display: swap;
    font-family:"Sneak-Regular";
    src:url("/content/themes/musicswaplab/webfonts/Sneak-Regular.woff2") format("woff2"),url("/content/themes/musicswaplab/webfonts/Sneak-Regular.woff?x34978") format("woff"),url("/content/themes/musicswaplab/webfonts/Sneak-Regular.otf?x34978") format("opentype");
    font-style:normal;font-weight:400;
}

@font-face {
    font-display: swap;
    font-family:"Sneak-Regular-Italic";
    src:url("/content/themes/musicswaplab/webfonts/Sneak-Regular-Italic.woff2") format("woff2"),url("/content/themes/musicswaplab/webfonts/Sneak-Regular-Italic.woff?x34978") format("woff");
    font-style:normal;font-weight:400;
}
        

@font-face {
    font-display: swap;
    font-family:"Sneak-Medium";
    src:url("/content/themes/musicswaplab/webfonts/Sneak-Medium.woff2") format("woff2"),url("/content/themes/musicswaplab/webfonts/Sneak-Medium.woff?x34978") format("woff"),url("/content/themes/musicswaplab/webfonts/Sneak-Medium.otf?x34978") format("opentype");
    font-style:normal;font-weight:400;
}

@font-face {
    font-display: swap;
    font-family:"Sneak-Medium-Italic";
    src:url("/content/themes/musicswaplab/webfonts/Sneak-Medium-Italic.woff2") format("woff2"),url("/content/themes/musicswaplab/webfonts/Sneak-Medium-Italic.woff?x34978") format("woff");
    font-style:normal;font-weight:400;
}
        /**
 * fileuploader
 * Copyright (c) 2020 Innostudio.de
 * Website: https://innostudio.de/fileuploader/
 * Version: 2.2 (12-Mar-2020)
 * Requires: jQuery v1.7.1 or later
 * License: https://innostudio.de/fileuploader/documentation/#license
 */@charset "UTF-8";.fileuploader-input .fileuploader-input-button,.fileuploader-input .fileuploader-input-caption,.fileuploader-items .fileuploader-item .fileuploader-action,.fileuploader-items .fileuploader-item .fileuploader-progressbar .bar,.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar .bar,.fileuploader-items .fileuploader-item span.fileuploader-action-popup,.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li [data-action],.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer button[data-action],.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button,.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success{-webkit-transition:.7s cubic-bezier(.17,.67,0,1.01);-o-transition:.7s cubic-bezier(.17,.67,0,1.01);transition:.7s cubic-bezier(.17,.67,0,1.01)}.fileuploader-items .fileuploader-item,.fileuploader-items .fileuploader-item .fileuploader-action,.fileuploader-items .fileuploader-item .fileuploader-item-icon,.fileuploader-items .fileuploader-item .fileuploader-item-image canvas,.fileuploader-items .fileuploader-item .fileuploader-item-image img,.fileuploader-popup,.fileuploader-popup .fileuploader-popup-node{-webkit-animation:fileuploaderFadeIn .2s ease;animation:fileuploaderFadeIn .2s ease}.fileuploader-input .fileuploader-input-button,.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button,.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success{display:inline-block;margin:0;padding:14px 22px;border:none;border-radius:30px;outline:0;font-weight:700;cursor:pointer;vertical-align:middle;text-decoration:none}.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button{background:#e6ebf4;color:#90a0bc}.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button:hover{background:#edf1f7;transform:translateY(-1px)}.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button:active{background:#dfe5f1;transform:translateY(1px)}.fileuploader-input .fileuploader-input-button,.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success{background:#9658fe;background:-moz-linear-gradient(-45deg,#3a8ffe 0,#9658fe 100%);background:-webkit-linear-gradient(-45deg,#3a8ffe 0,#9658fe 100%);background:linear-gradient(135deg,#3a8ffe 0,#9658fe 100%);background-size:140% auto;background-position:center;color:#fff;box-shadow:0 4px 18px rgba(0,0,0,.04)}.fileuploader-input .fileuploader-input-button:hover,.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success:hover{background-position:left;box-shadow:0 8px 25px rgba(0,0,0,.15);transform:translateY(-2px)}.fileuploader-input .fileuploader-input-button:active,.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success:active{background-position:right;box-shadow:0 4px 25px rgba(0,0,0,.15);transform:translateY(2px)}.fileuploader-input .fileuploader-input-caption .fileuploader-pending-loader,.fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after,.fileuploader-items .fileuploader-item.upload-pending .fileuploader-action-remove:after,.fileuploader-popup.loading:after{content:"";position:absolute;min-width:24px;min-height:24px;max-width:48px;max-height:48px;background:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2FkZXItMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjZGRlNGY2IiBkPSJNNDMuOTM1LDI1LjE0NWMwLTEwLjMxOC04LjM2NC0xOC42ODMtMTguNjgzLTE4LjY4M2MtMTAuMzE4LDAtMTguNjgzLDguMzY1LTE4LjY4MywxOC42ODNoNC4wNjhjMC04LjA3MSw2LjU0My0xNC42MTUsMTQuNjE1LTE0LjYxNWM4LjA3MiwwLDE0LjYxNSw2LjU0MywxNC42MTUsMTQuNjE1SDQzLjkzNXoiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMjUgMjUiIHRvPSIzNjAgMjUgMjUiIGR1cj0iMC42cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4gPC9wYXRoPiA8L3N2Zz4=) no-repeat center;background-size:contain}.fileuploader-items .fileuploader-item .fileuploader-item-icon i,.fileuploader-items .fileuploader-item .fileuploader-item-image canvas,.fileuploader-items .fileuploader-item .fileuploader-item-image img,.fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after,.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point:after,.fileuploader-popup .fileuploader-popup-move:after,.fileuploader-popup.loading:after{left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.fileuploader-items .fileuploader-item .fileuploader-action,.fileuploader-items .fileuploader-item .progress-bar2 span{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.fileuploader-input .fileuploader-input-button,.fileuploader-items .fileuploader-item .fileuploader-item-icon,.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar,.fileuploader-popup .fileuploader-cropper,.fileuploader-popup .fileuploader-cropper *,.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li [data-action],.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button,.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success,.fileuploader-popup .fileuploader-popup-move,.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fileuploader,.fileuploader *,.fileuploader :after,.fileuploader :before,.fileuploader-popup,.fileuploader-popup *,.fileuploader-popup :after,.fileuploader-popup :before{box-sizing:border-box}.fileuploader,.fileuploader-popup{font-family:Roboto,"Segoe UI","Helvetica Neue",Arial,sans-serif;font-weight:400;font-size:14px;line-height:normal;text-align:left}.fileuploader button,.fileuploader-popup button{display:inline-block;padding:0;margin:0;border:0;font:inherit;background:0 0;box-shadow:none}.fileuploader button:focus,.fileuploader-popup button:focus{outline:0}.fileuploader{display:block;width:100%;padding:16px;margin:16px 0;background:#fafbfd;border-radius:6px}.fileuploader-icon-main{display:inline-block;font-size:18px;color:#789bec}.fileuploader-input{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid transparent;border-radius:30px;cursor:pointer}.fileuploader-input .fileuploader-input-caption{position:relative;display:inline-block;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-item-align:start;align-self:flex-start;padding:13px 16px;margin-right:16px;background:#fff;border:1px solid #ebeef1;border-radius:30px;color:#789bec;box-shadow:0 4px 18px rgba(0,0,0,.01);font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fileuploader-focused .fileuploader-input .fileuploader-input-caption{border-color:#789bec}.fileuploader-input .fileuploader-input-caption .fileuploader-pending-loader{position:relative;display:inline-block;vertical-align:middle;min-height:22px;margin-right:6px}.fileuploader-input.fileuploader-dragging{background:#fff;border:1px solid #ebeef1;border-style:dashed}.fileuploader-input.fileuploader-dragging .fileuploader-input-caption{border-color:transparent}.fileuploader-input.fileuploader-dragging .fileuploader-input-button{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}.fileuploader-disabled .fileuploader-input{opacity:.7;cursor:default;pointer-events:none!important}.fileuploader-items .fileuploader-items-list{display:block;margin:0 -16px;padding:0;list-style:none}.fileuploader-items .fileuploader-item{position:relative;margin:0;padding:20px 16px 20px 22px;border-bottom:1px solid #ebeef1;animation-duration:.6s}.fileuploader-items .fileuploader-item:last-child{border-bottom:0;margin-bottom:-16px}.fileuploader-items .fileuploader-item.upload-failed{background:rgba(254,84,111,.06)}.fileuploader-items .fileuploader-item.upload-pending .fileuploader-action-remove:after{position:absolute;left:-8px;top:-8px;width:36px;height:36px}.fileuploader-items .fileuploader-item .columns{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:2}.fileuploader-items .fileuploader-item .column-thumbnail{position:relative;width:36px;height:36px}.fileuploader-items .fileuploader-item .column-title{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:16px;padding-right:16px;color:#74809d;overflow:hidden}.fileuploader-items .fileuploader-item .column-title a{display:inline-block;width:100%;height:100%;color:#74809d;text-decoration:none}.fileuploader-items .fileuploader-item .column-title div{width:100%;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fileuploader-items .fileuploader-item .column-title span{font-size:12px;color:#979fb8}.fileuploader-items .fileuploader-item .column-actions{margin:0 16px}.fileuploader-items .fileuploader-item .fileuploader-item-image{position:relative;width:100%;height:100%;border-radius:6px;overflow:hidden}.fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after{content:"";width:50%;height:50%}.fileuploader-items .fileuploader-item .fileuploader-item-image canvas,.fileuploader-items .fileuploader-item .fileuploader-item-image img{position:absolute;max-width:none;max-height:100%;background:#fff}.fileuploader-items .fileuploader-item .fileuploader-item-icon{position:relative;width:100%;height:100%;text-align:center;color:#fff;font-size:11px;border-radius:4px;cursor:default;background-color:#ddd;background-position:center;background-repeat:no-repeat;background-size:28px}.fileuploader-items .fileuploader-item .fileuploader-item-icon.is-bright-color{color:#888}.fileuploader-items .fileuploader-item .fileuploader-item-icon i{position:absolute;display:block;width:90%;font-style:normal;font-weight:700;overflow:hidden;white-space:nowrap}.fileuploader-items .fileuploader-item span.fileuploader-action-popup{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(43,56,71,.2);border-radius:6px;cursor:pointer;opacity:0}.fileuploader-items .fileuploader-item span.fileuploader-action-popup:hover{opacity:1}.fileuploader-items .fileuploader-item span.fileuploader-action-popup:active{background:rgba(43,56,71,.4)}.fileuploader-items .fileuploader-item .fileuploader-action{position:relative;display:inline-block;width:20px;height:20px;color:#c0c6d2;cursor:pointer;vertical-align:top;text-align:center}.fileuploader-items .fileuploader-item .fileuploader-action+.fileuploader-action{margin-left:16px}.fileuploader-items .fileuploader-item .fileuploader-action:hover{color:#789bec}.fileuploader-items .fileuploader-item .fileuploader-action:active{color:#668ee9}.fileuploader-items .fileuploader-item .fileuploader-action i{width:100%;height:100%;font-size:20px;line-height:20px}.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove{color:#fff;background:#fe7676;border-radius:50%;box-shadow:-1px 1px 6px rgba(254,118,118,.8)}.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i{font-size:14px;text-shadow:none}.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove:hover{background-color:#fe8a8a}.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove:active{background-color:#fe6262}.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success{color:#fff;background:#43d084;border-radius:50%;box-shadow:-1px 1px 6px rgba(67,208,132,.8)}.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i{font-size:14px;text-shadow:none}.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success:hover{background-color:#53d48f}.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success:active{background-color:#33cc79}.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success i:before{content:""}.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:active,.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:hover{background:#fe7676;box-shadow:-1px 1px 6px rgba(254,118,118,.8)}.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:active i:before,.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:hover i:before{content:""}.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:active{background-color:#fe6262}.fileuploader-items .fileuploader-item.file-has-popup span.fileuploader-action-popup{display:block}.fileuploader-items .fileuploader-item .fileuploader-progressbar{position:absolute;left:0;bottom:0;width:100%;height:4px;border-radius:6px}.fileuploader-items .fileuploader-item .fileuploader-progressbar .bar{position:absolute;left:0;top:0;width:0%;height:100%;border-radius:6px;background:#789bec;box-shadow:0 4px 8px -1px rgba(120,155,236,.6)}.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar .bar{position:absolute;left:0;top:0;width:0%;height:100%;border-radius:0;background:rgba(104,125,219,.08);box-shadow:none}.fileuploader-items .fileuploader-item .progress-bar2 span{position:absolute;right:16px;color:rgba(151,159,184,.16);font-size:48px}.fileuploader-items .fileuploader-item.sorting{background:#fafbfd;border-radius:6px;opacity:.8;box-shadow:0 1px 4px rgba(0,0,0,.2);z-index:799}.fileuploader-items .fileuploader-item.sorting,.fileuploader-items .fileuploader-item.sorting .fileuploader-action,.fileuploader-items .fileuploader-item.sorting .fileuploader-item-icon,.fileuploader-items .fileuploader-item.sorting .fileuploader-item-image canvas,.fileuploader-items .fileuploader-item.sorting .fileuploader-item-image img{-webkit-animation:none;animation:none}.fileuploader-items .fileuploader-sorter-placeholder{background:rgba(0,0,0,.03);margin:0;padding:0;-webkit-animation:none;animation:none}.file-type-image .fileuploader-item-icon{background-color:#3982fe!important;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7,8.5C7,7.119,8.119,6,9.5,6S12,7.119,12,8.5S10.881,11,9.5,11S7,9.881,7,8.5z M14.5,11l-4,6l-2-3L5,19h15L14.5,11z'/%3E%3C/svg%3E")}.file-type-image .fileuploader-item-icon i{visibility:hidden;color:#fff}.file-type-audio .fileuploader-item-icon{background-color:#66d043!important;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M13.21,5h-1.07v9.613c-0.685-0.381-1.62-0.504-2.58-0.271c-1.687,0.405-2.812,1.753-2.511,3.007c0.3,1.254,1.913,1.939,3.6,1.533c1.544-0.369,2.615-1.527,2.558-2.682h0.003V8.34c1.752,1.296,3.29,1.123,3.575,4.21C20.188,7.362,13.354,7.498,13.21,5z'/%3E%3C/svg%3E")}.file-type-audio .fileuploader-item-icon i{visibility:hidden;color:#fff}.file-type-video .fileuploader-item-icon{background-color:#9868ff!important;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.81 11.28L8.487 6.107a.622.642 0 0 0-.326-.1c-.326 0-.592.28-.592.623h-.003l.003 10.738c0 .344.266.623.592.623.123 0 .225-.044.335-.106l8.315-5.166a.91.94 0 0 0 .323-.72.96.96 0 0 0-.323-.721z'/%3E%3C/svg%3E")}.file-type-video .fileuploader-item-icon i{visibility:hidden;color:#fff}.file-ext-rar .fileuploader-item-icon,.file-ext-zip .fileuploader-item-icon{background-color:#ffd236!important;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M6,11h12v2H6V11z M6,15h8v2H6V15z M6,7h12v2H6V7z'/%3E%3C/svg%3E")}.file-ext-rar .fileuploader-item-icon i,.file-ext-zip .fileuploader-item-icon i{visibility:hidden;color:#fff}.file-ext-pdf .fileuploader-item-icon{background-color:#ef5350!important;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M17.61 13.224c-.336-.115-.752-.16-1.242-.15l-.84.06-.952.158-.906-.958c-.662-.808-1.23-1.684-1.732-2.6l.257-.608.283-.825c.153-.528.227-.985.192-1.37-.117-1.353-.86-2.218-1.9-2.127S9.164 5.88 9.28 7.23c.03.354.16.752.37 1.196a8.11 8.11 0 0 0 .396.743l.56.846-.132.35-1.12 2.846-.705 1.628-.068.012-.797.17-.838.24c-.52.178-.937.38-1.232.63-1.04.87-1.324 1.978-.658 2.77s1.807.707 2.848-.164c.272-.23.523-.563.77-.988a8.87 8.87 0 0 0 .381-.75c.078-.17.137-.35.207-.522l.173-.364 3.614-1 1.18-.256.47.502.64.595c.42.354.808.606 1.174.733 1.283.442 2.376.115 2.712-.862s-.326-1.917-1.6-2.36zM10.88 5.94c.314-.028.595.3.663 1.09.02.215-.034.546-.15.95l-.263.79-.454-.83c-.156-.333-.248-.613-.265-.807-.068-.79.154-1.162.47-1.2zM7.683 16.947c-.183.32-.36.555-.5.68-.606.508-1.04.54-1.242.298s-.096-.66.51-1.168c.166-.14.467-.286.864-.42l.8-.24-.423.85zm5.104-3.19l-2.74.735.353-.847.193-.475.807-2.082c.417.673.878 1.344 1.4 1.976l.5.58-.524.114zm5.35 1.452c-.103.298-.517.422-1.265.163-.203-.07-.484-.254-.805-.524l-.617-.562.947-.075c.367-.01.66.022.844.086.748.258.998.612.896.912z'/%3E%3C/svg%3E")}.file-ext-pdf .fileuploader-item-icon i{visibility:hidden;color:#fff}.file-ext-doc .fileuploader-item-icon,.file-ext-docx .fileuploader-item-icon,.file-ext-rtf .fileuploader-item-icon{background-color:#2372ba!important;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M5 17.33V6.67L15 4v16L5 17.33zM7.974 8.5h-1.33l.922 7h1.708l.73-5.22.702 5.22h1.714l.938-7h-1.26l-.645 5.613L10.72 8.5h-1.4l-.77 5.613L7.974 8.5zM19 6h-3v12h3V6z'/%3E%3C/svg%3E")}.file-ext-doc .fileuploader-item-icon i,.file-ext-docx .fileuploader-item-icon i,.file-ext-rtf .fileuploader-item-icon i{visibility:hidden;color:#fff}.file-ext-xls .fileuploader-item-icon,.file-ext-xlsx .fileuploader-item-icon{background-color:#14a73c!important;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M5 17.33V6.67L15 4v16L5 17.33zM19 6h-3v12h3V6zm-6.148 9.5l-2.08-3.5 2.043-3.5H11.57l-1.244 2.246c-.047.196-.125.382-.232.554-.088-.173-.158-.354-.21-.54l-1.2-2.26H7.338L9.33 12l-2.182 3.5h1.338l1.396-2.416c.066-.14.117-.385.14-.385a1.58 1.58 0 0 1 .131.385l1.38 2.416h1.32z'/%3E%3C/svg%3E")}.file-ext-xls .fileuploader-item-icon i,.file-ext-xlsx .fileuploader-item-icon i{visibility:hidden;color:#fff}.file-ext-pps .fileuploader-item-icon,.file-ext-ppsx .fileuploader-item-icon,.file-ext-ppt .fileuploader-item-icon,.file-ext-pptx .fileuploader-item-icon{background-color:#f26522!important;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M11,13h6.975c-0.256,3.355-3.054,6-6.475,6C7.91,19,5,16.09,5,12.5c0-3.421,2.645-6.219,6-6.475V13zM13,5.025V11h5.975C18.731,7.811,16.189,5.269,13,5.025z'/%3E%3C/svg%3E")}.file-ext-pps .fileuploader-item-icon i,.file-ext-ppsx .fileuploader-item-icon i,.file-ext-ppt .fileuploader-item-icon i,.file-ext-pptx .fileuploader-item-icon i{visibility:hidden;color:#fff}.file-ext-psd .fileuploader-item-icon{background-color:#3172eb!important;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7.853 11.374h.61c.57 0 .997-.112 1.28-.338s.424-.553.424-.983c0-.435-.12-.755-.356-.962S9.2 8.78 8.695 8.78h-.842v2.595zm4.183-1.387c0 .94-.293 1.66-.88 2.157s-1.424.747-2.507.747h-.796V16H6V7.262h2.79c1.06 0 1.867.228 2.417.683s.83 1.137.828 2.042zM18 14.016c0 .686-.238 1.207-.714 1.565s-1.188.538-2.137.538a6.63 6.63 0 0 1-1.243-.098c-.33-.063-.652-.16-.96-.29v-1.506c.367.17.75.303 1.144.4a4.66 4.66 0 0 0 1.122.161c.66 0 .99-.2.99-.573.005-.13-.042-.256-.13-.35a1.93 1.93 0 0 0-.454-.305c-.214-.112-.5-.244-.86-.397-.514-.215-.892-.414-1.133-.597-.225-.164-.405-.38-.526-.63-.11-.24-.163-.53-.163-.877 0-.594.23-1.053.69-1.377s1.112-.487 1.958-.487c.804 0 1.588.175 2.35.525l-.552 1.315c-.307-.134-.62-.25-.938-.353-.287-.092-.588-.138-.89-.138-.54 0-.807.146-.807.437 0 .163.085.305.26.424s.552.297 1.14.532c.52.21.904.408 1.147.592s.422.395.537.633.173.527.173.858z'/%3E%3C/svg%3E")}.file-ext-psd .fileuploader-item-icon i{visibility:hidden;color:#fff}.file-ext-ai .fileuploader-item-icon{background-color:#ff9e00!important;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12.58 16l-.6-2.072H8.964L8.364 16h-1.89l2.922-8.738h2.145L14.473 16H12.58zm-1.02-3.618l-.937-3.185-.15-.582-1.07 3.767h2.155zm3.452-4.756c0-.59.328-.886.986-.886s.986.294.986.886c0 .282-.078.502-.244.656-.164.16-.412.238-.742.238-.658 0-.986-.298-.986-.894zM16.908 16h-1.816V9.347h1.816V16z'/%3E%3C/svg%3E")}.file-ext-ai .fileuploader-item-icon i{visibility:hidden;color:#fff}.file-ext-txt .fileuploader-item-icon{background-color:#454545!important}.file-ext-txt .fileuploader-item-icon i{color:#fff!important}.file-ext-css .fileuploader-item-icon{background-color:#26a69a!important}.file-ext-css .fileuploader-item-icon i{color:#fff!important}.file-ext-html .fileuploader-item-icon{background-color:#cf33a8!important}.file-ext-html .fileuploader-item-icon i{color:#fff!important}.fileuploader-popup{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;background:#191d1e;z-index:1090;animation-duration:.4s}.fileuploader-popup.loading:after{width:48px;height:48px;z-index:8}.fileuploader-popup .fileuploader-popup-preview{position:relative;width:100%;height:100%;overflow:auto;z-index:2}.fileuploader-popup .fileuploader-popup-node{position:relative;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;max-width:100%;height:100%;min-width:20px;min-height:20px;padding:80px 56px 64px;overflow:hidden}.fileuploader-popup .fileuploader-popup-node.is-zoomed{display:block}.fileuploader-popup .fileuploader-popup-node .reader-node{position:relative;max-width:100%;max-height:100%;text-align:center;-webkit-transform:translateZ(0);transform:translateZ(0)}.fileuploader-popup .fileuploader-popup-node .reader-node.is-movable{cursor:grab}.fileuploader-popup .fileuploader-popup-node .reader-node.is-amoving:hover,.fileuploader-popup .fileuploader-popup-node .reader-node.is-moving{cursor:grabbing}.fileuploader-popup .fileuploader-popup-node .reader-node.is-amoving:hover .area-move,.fileuploader-popup .fileuploader-popup-node .reader-node.is-amoving:hover .point,.fileuploader-popup .fileuploader-popup-node .reader-node.is-moving .area-move,.fileuploader-popup .fileuploader-popup-node .reader-node.is-moving .point{cursor:grabbing!important}.fileuploader-popup .fileuploader-popup-node.node-astext .reader-node>div,.fileuploader-popup .fileuploader-popup-node.node-audio .reader-node>audio,.fileuploader-popup .fileuploader-popup-node.node-image .reader-node>img,.fileuploader-popup .fileuploader-popup-node.node-video .reader-node>video{width:auto;max-width:100%;max-height:100%;min-width:0;margin:0;padding:0;color:#47525d;background:#fafafa;box-shadow:0 0 18px rgba(0,0,0,.4);-webkit-transform:translateZ(0);transform:translateZ(0);border-radius:0;outline:0}.fileuploader-popup .fileuploader-popup-node.node-audio .reader-node audio{width:450px;border-radius:34px}.fileuploader-popup .fileuploader-popup-node.node-application .reader-node iframe{width:100%;height:100%;border:0;border-radius:3px}.fileuploader-popup .fileuploader-popup-node.node-astext .reader-node div{max-width:992px;padding:20px;margin:0 auto;font-size:14px;line-height:16px;text-align:left;overflow-y:auto;white-space:pre-wrap}.fileuploader-popup .fileuploader-popup-node.has-node-centered{display:block}.fileuploader-popup .fileuploader-popup-node.has-node-centered .reader-node{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon{position:relative;display:inline-block;width:80px;height:80px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDkiIGhlaWdodD0iNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiA8Zz4gIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4gIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSI0MDIiIHdpZHRoPSI1ODIiIHk9Ii0xIiB4PSItMSIvPiA8L2c+IDxnPiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjYmJjYWNmIiBpZD0ic3ZnXzIiIGQ9Im00OSwxNi44NDJsMCw0Mi4xMDVjMCwyLjc5MSAtMi4yNyw1LjA1MyAtNS4wNjksNS4wNTNsLTM4Ljg2MiwwYy0yLjgsMCAtNS4wNjksLTIuMjYyIC01LjA2OSwtNS4wNTNsMCwtNTMuODk0YzAsLTIuNzkxIDIuMjY5LC01LjA1MyA1LjA2OSwtNS4wNTNsMjcuMDM0LDBsMTYuODk3LDE2Ljg0MnoiIGNsYXNzPSJjbHMtMSIvPiAgPHBhdGggZmlsbD0iI2RmZWFlZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0ic3ZnXzQiIGQ9Im00OSwxNS44OTlsMCwyLjA5NmwtMTMuODEzLDBjLTIuODYsMCAtNC4xNzksLTIuMzIgLTQuMTc5LC01LjE4MWwwLC0xMi44MTRsMi4wOTIsMGwxNS45LDE1Ljg5OXoiIGNsYXNzPSJjbHMtMyIvPiA8L2c+PC9zdmc+) no-repeat center;background-size:contain}.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div{position:absolute;bottom:14px;left:0;padding:4px 6px;border-radius:4px;color:#fff;max-width:100%;background-image:none;word-wrap:break-word}.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div.is-bright-color{color:#888}.fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div i{text-transform:uppercase;font-style:normal;font-weight:700;white-space:nowrap;visibility:visible}.fileuploader-popup .fileuploader-popup-content{color:#fdfdfd;text-shadow:1px 1px 1px rgba(0,0,0,.4)}.fileuploader-popup .fileuploader-popup-content ul{list-style:none;margin:0;padding:0}.fileuploader-popup .fileuploader-popup-content ul li{display:inline-block;padding:0;margin:0}.fileuploader-popup .fileuploader-popup-content ul li+li{margin-left:16px}.fileuploader-popup .fileuploader-popup-header{position:absolute;top:0;left:0;display:flex;flex-direction:row;align-items:center;width:100%;padding:16px;background:rgba(0,0,0,.8);background:-moz-linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%);background:-webkit-linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%);background:linear-gradient(360deg,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%);z-index:2}.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta{display:flex;flex:1;white-space:nowrap;overflow:hidden}.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta li:first-child{overflow:hidden}.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta span{display:block;color:#80868b;font-size:14px}.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta h5{max-width:100%;margin:4px 0 0;font-size:14px;font-weight:700;text-overflow:ellipsis;overflow:hidden}.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-info:not(:empty){flex:1;margin-left:16px}.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-buttons{margin-left:16px}.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button{padding:14px 24px;text-shadow:none}.fileuploader-popup .fileuploader-popup-footer{position:absolute;left:0;bottom:0;width:100%;text-align:center;background:rgba(0,0,0,.8);background:-moz-linear-gradient(0deg,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%);background:-webkit-linear-gradient(0deg,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%);background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%);z-index:2}.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li [data-action]{display:inline-block;padding:16px;padding-bottom:13px;cursor:pointer;text-decoration:none;color:#fdfdfd;border-bottom:3px solid transparent}.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li [data-action] i{display:inline-block;font-size:18px;margin-top:-4px;margin-right:6px;vertical-align:middle}.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li [data-action]:hover{border-bottom-color:#789bec;color:#fff}.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer{font-size:14px}.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer button[data-action]{width:24px;height:24px;line-height:24px;font-size:16px;border:none;border-radius:50%;padding:0;vertical-align:middle;color:#fdfdfd;background:rgba(255,255,255,.1);text-shadow:none}.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer button[data-action]:hover{background:rgba(255,255,255,.3)}.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input{display:inline-block;-webkit-appearance:none;width:130px;padding:0;margin:0 16px;vertical-align:middle;background:0 0}.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input:focus{outline:0}.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;animate:.2s;box-shadow:none;background:#789bec;border-radius:6px}.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-webkit-slider-thumb{height:14px;width:14px;border-radius:50%;border:0;background:#fff;cursor:pointer;-webkit-appearance:none;margin-top:-5px;box-shadow:2px 2px 8px rgba(0,0,0,.8)}.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-moz-range-track{width:100%;height:4px;cursor:pointer;animate:.2s;box-shadow:none;background:#789bec;border-radius:6px}.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-moz-range-thumb{height:14px;width:14px;border-radius:50%;border:0;background:#fff;cursor:pointer;-webkit-appearance:none;margin-top:-5px;box-shadow:2px 2px 8px rgba(0,0,0,.8)}.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer span{display:inline-block;min-width:40px;text-align:center;margin-left:6px;color:#fff;vertical-align:middle}.fileuploader-popup .fileuploader-popup-move{position:absolute;display:none;width:56px;height:100%;font-size:24px;bottom:0;left:0;color:#fff;opacity:.4;cursor:pointer;z-index:1}.fileuploader-popup .fileuploader-popup-move:hover{opacity:1}.fileuploader-popup .fileuploader-popup-move:after{position:absolute}.fileuploader-popup .fileuploader-popup-move[data-action=next]{left:auto;right:0}.fileuploader-popup .fileuploader-popup-has-arrows .fileuploader-popup-move{display:inline-block}.fileuploader-popup .fileuploader-cropper{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(17,20,27,.65);z-index:9}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area{position:absolute;left:0;top:0;width:0;height:0;z-index:2;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:after,.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:before{content:"";position:absolute;border:1px solid rgba(250,250,250,.8);opacity:0;-webkit-transition:all .4s ease;transition:all .4s ease;z-index:1}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:before{top:0;left:50%;height:100%;width:34%;border-top:0;border-bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:after{top:50%;left:0;height:34%;width:100%;border-left:0;border-right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid.moving:after,.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid.moving:before{opacity:1}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point{position:absolute;width:24px;height:24px;z-index:3}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point:after{content:"";width:12px;height:12px;position:absolute;background:#fff;box-shadow:0 0 6px rgba(0,0,0,.4);border-radius:50%}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-a{top:-12px;left:-12px;cursor:nw-resize}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-b{top:-12px;left:50%;margin-left:-12px;cursor:n-resize}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-c{top:-12px;right:-12px;cursor:ne-resize}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-d{top:50%;right:-12px;margin-top:-12px;cursor:w-resize}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-e{bottom:-12px;right:-12px;cursor:nw-resize}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-f{bottom:-12px;left:50%;margin-left:-12px;cursor:s-resize}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-g{bottom:-12px;left:-12px;cursor:sw-resize}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-h{left:-12px;top:50%;margin-top:-12px;cursor:w-resize}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-move{position:absolute;width:100%;height:100%;z-index:2;cursor:move}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-move:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid rgba(255,255,255,.8)}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-image{position:relative;overflow:hidden;width:100%;height:100%}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-image img{width:auto;height:auto;max-width:none;max-height:none;position:absolute;left:0;top:0;-webkit-transform-origin:top left;transform-origin:top left}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-info{position:absolute;bottom:-12px;left:50%;color:#fff;font-family:sans-serif;line-height:1;font-size:12px;text-align:center;padding:4px 8px;background:rgba(0,0,0,.6);border-radius:14px;white-space:nowrap;opacity:0;-webkit-transform:translateX(-50%) translateY(100%);transform:translateX(-50%) translateY(100%);-webkit-transition:all .4s ease;transition:all .4s ease;z-index:2}.fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.show-info .area-info{opacity:0}@media all and (max-width:768px){.fileuploader-popup .fileuploader-popup-header{display:block;padding:0}.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta{padding:16px}.fileuploader-popup .fileuploader-popup-header .fileuploader-popup-buttons{position:fixed;left:0;bottom:16px;width:100%;margin:0;text-align:center}.fileuploader-popup .fileuploader-popup-node{padding-left:16px;padding-right:16px;padding-bottom:117px}.fileuploader-popup .fileuploader-popup-footer{bottom:61px;background:0 0}.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer{display:none}.fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a:hover{border-color:transparent}.fileuploader-popup .fileuploader-popup-move{width:30px}.fileuploader-popup .fileuploader-popup-has-arrows .fileuploader-popup-node{padding-left:30px;padding-right:30px}}@-webkit-keyframes fileuploaderFadeIn{from{opacity:0}to{opacity:1}}@keyframes fileuploaderFadeIn{from{opacity:0}to{opacity:1}}/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

/* Document
   ========================================================================== */

html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}





html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset, iframe, figure, blockquote {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

ul, ol, h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: normal;
}

a {
  text-decoration: none;
  color: inherit;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
  width: auto;
  margin-right: 0;
  margin-left: 0;
}

select::-ms-expand {
    display: none;
}






/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-slide {
  outline: 0;
}


.btn-wp-edit {
  display: block;
  float: left;
  position: fixed;
  bottom: 1rem;
  left: 1rem;
  z-index: 10000;
  color: #fff;
  background: #222;
  min-width: 1.875rem;
  height: 1.875rem;
  line-height: 1.875rem;
  text-align: center;
  border-radius: .9375rem;
  white-space: nowrap;
  font-family: Arial;
  text-transform: uppercase;
}

.btn-wp-edit i {
  position: absolute;
  top: 0;
  left: 0.55rem;
}

.btn-wp-edit > span {
  display: inline-block;
  position: relative;
  overflow: hidden;
  max-width: 0;
  -webkit-transition: max-width 150ms;
  -moz-transition: max-width 150ms;
  -ms-transition: max-width 150ms;
  -o-transition: max-width 150ms;
  transition: max-width 150ms;
  margin-left: 1.875rem;
}

.btn-wp-edit:hover > span {
  max-width: 12.5rem;
}

.btn-wp-edit > span > span {
  display: inline-block;
  padding-right: 0.55rem;
  font-size: .75rem;
}

.btn-wp-edit {
	font-size: 16px;
	bottom: 0;
	left: 0;
	min-width: 2.275em;
	height: 2.275em;
	line-height: 2.275em;
	border-radius: 0;
}

.btn-wp-edit i {
	left: 0.65em;
}

.btn-wp-edit > span {
	margin-left: 2.275em;
}

.btn-wp-edit > span > span {
	font-size: .75em;
	padding-right: .65em;
}

.btn-wp-edit:hover > span {
	max-width: 12.5em;
}

.sn-col-set {
  letter-spacing:-.31em;
  *letter-spacing:normal;
  *word-spacing:-.43em;
  text-rendering:optimizespeed;
  display:-webkit-flex;
  display: flex;
  -webkit-flex-flow:row wrap;
  display:-ms-flexbox;
  -ms-flex-flow:row wrap;
  flex-flow: row wrap;
  -ms-align-content:flex-start;
  -webkit-align-content:flex-start;
  align-content:flex-start;
}

.sn-col-set-nowrap {
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}

.sn-col-set > * {
  display:inline-block;
  *display:inline;
  zoom:1;
  letter-spacing:normal;
  word-spacing:normal;
  vertical-align:top;
  text-rendering:auto;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-clip: padding-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
          
}

.sn-col-set-1 > * {
  width: 100%;
  margin-right: 0;
}

.sn-col-set-2 > * {
  width: 50%;
}

.sn-col-set-3 > * {
  width: 33.33333333333333333333%;
}

.sn-col-set-4 > * {
  width: 25%;
}

.sn-col-set-5 > * {
  width: 20%;
}

.sn-col-set-6 > * {
  width: 16.66666666666666666666%;
}

.sn-col-set > .sn-col-auto,
.sn-col-set-footer > * {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

html:not(.explorer) .sn-col-set .sn-col-equal-height {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.sn-col-set .sn-col-space-between {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
}

.sn-col-set .sn-col-valigned {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.btn {
  border: 0;
  border-radius: 0;
  display: inline-block;
  white-space: nowrap;
  font-size: 1rem;
  background: transparent;
  position: relative;
}

button.btn {
  -webkit-appearance: none;
  appearance: none;
}

.btn-set {
  margin-top: 1.2em;
}

span.loading {
  height: 0;
  width: 0;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  transition: all 150ms;
  transform: scale(0);
}

span.loading img {
  width: 100%;
  padding: 0.75rem;
  position: absolute;
  top: -0.9rem;
  left: 0;
  animation: spin .4s infinite linear;
}

span.loading.now {
  height: 1.3rem;
  width: 1.3rem;
  transform: scale(1);
}

img.ajax-loader {
  display: none !important;
}

button.btn {
  -webkit-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
}

.lnk {
  display: inline-block;
  transition: opacity 250ms;
}

.btn:hover,
.lnk:hover,
a:hover span.btn {
}

.btn span.icon {
  margin: 0 .875rem;
}

.btn span.icon,
.btn span.label,
.lnk span.icon,
.lnk span.label {
  display: inline-block;
  line-height: 1.4;
  vertical-align: top;
  white-space: normal;
}

.lnk span.icon {
  margin: 0 .875em;
}

.btn span.icon:last-child,
.lnk span.icon:last-child {
  margin-right: 0;
}

.btn span.icon:first-child,
.lnk span.icon:first-child {
  margin-left: 0;
}

.spanned > span {
  display: block;
}

.figure-cover {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.figure-contain {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.figure-cover img,
.figure-contain img {
  display: none;
}

img.rounded {
  display: inline-block;
  border-radius: 50%;
}

.to-be-added {
	transform: translateY(60px);
  opacity: 0;
  transition: transform 1.2s, opacity 1.2s;
	transition-timing-function: cubic-bezier(0.19,1,.22,1);
}

.just-added {
	transform: translateY(0px);
	opacity: 1;
}

button.link {
	all: inherit;
	cursor: pointer;
}










address {
  font-style: normal;
}

a {
	text-decoration-skip: ink;
}

:focus:not(:focus-visible) { outline: none }

html {
  overflow-y: scroll;
  -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.wysiwyg a {
  word-wrap: break-word;
}







/* DEV */

#breakpoints {
	position: fixed;
	bottom: 0;
	right: 0;
	background: #000;
	padding: 0.5em .75em;
	font-size: 16px;
	color: #fff;
	z-index: 20000;
}

#breakpoints::after {
	content: 'max';
}








	/* ROOT */

	:root {
    
    --base-font-1-regular: "Sneak-Regular", sans-serif;
    --base-font-1-regular-italic: "Sneak-Regular-Italic", sans-serif;
    --base-font-1: "Sneak-Medium", sans-serif;
    --base-font-1-italic: "Sneak-Medium-Italic", sans-serif;
    
    --base-unit: calc((100 / 1440) * 1vw);
    --px: var(--base-unit);
    --base-unit-x: 0vw;
    --base-unit-y: 0vw;
	
		--ttf: cubic-bezier(0.19, 1, 0.22, 1);
    --ttf-2: cubic-bezier(0.075, 0.820, 0.165, 1);
    --ttf-3: cubic-bezier(0.64, 0, 0.78, 0);
    --ttf-4: cubic-bezier(0.8, 0, 0.2, 1);
    --ttf-5: cubic-bezier(0.165, 0.84, 0.4, 1);
    --ttf-6: cubic-bezier(0.6, 0.07, 0.17, 1);
    --ttf-7: cubic-bezier(0.247, 0.75, 0.187, 1);
    --ttf-8: cubic-bezier(1, 0, 0, 1);
    
    --page-padding-top: var(--page-padding-left-reduced);
    --page-padding-left: calc(338 * var(--base-unit));
    --page-padding-right: calc(88 * var(--base-unit));
    --page-padding-bottom: calc(40 * var(--base-unit));
    
    --page-padding-left-reduced: 28px;
    --page-padding-right-reduced: 32px;
    
    --box-border-radius: 12px;
	
		--base-color-black: #000000;
    --base-color-white: #EDEDED;
    --base-color-gray: #9B9B9B;
    --base-color-purple: #A25CF2;
    --base-color-green: #36D45F;
	
	}




  @media (min-width: 1441px) {
    
    :root {
      --base-unit: 1px;
    }
    
  }
  
  
  





  @media (max-width: 900px) {
    
    :root {
      --page-padding-left: 96px;
    }
    
  }





  @media (max-width: 600px) {
    
    :root {
      --page-padding-top: 68px;
      --page-padding-left: 4.6875vw;
      --page-padding-right: 4.6875vw;
      --page-padding-left-reduced: 4.6875vw;
      --page-padding-right-reduced: 4.6875vw;
      
      --header-height: 52px;
    }
    
  }
  
  
  
  
  





 
 
	/* BASE */

	html {
		scroll-behavior: smooth;
	}

	html.is-transitioning,
	html.is-forced-scrolling {
		scroll-behavior: auto;
	}

	body {
	  font-size: 100%;
		font-family: var(--base-font-1);
		font-weight: 400;
	  color: var(--base-color-black);
	  line-height: 1.3;
	  background: var(--base-color-purple);
	}
  
  body.home,
  body.page-live {
    background: var(--base-color-white);
  }

	input, textarea, select, button {
		font-family: var(--base-font-1);
		font-weight: 400;
	  color: var(--base-color-black);
	}

	img {
	  max-width: 100%;
    height: auto;
	}  

	*:not(.has-component-inner) .module-inner,
	header.main > .inner,
  .social-sidebar > .inner,
  footer.main > .inner,
	.cookie-bar > .inner,
	*.has-component-inner .component-inner {
	  position: relative;
	  margin: 0 auto;
    max-width: 1440px;
	  padding-left: var(--page-padding-left);
	  padding-right: var(--page-padding-right);
	  box-sizing: border-box;
	}

	.module-full-width .module-inner {
	  max-width: none;
	  padding-left: 0;
	  padding-right: 0;
	}

	.load-more {
	  text-align: center;
	}

	.wysiwyg a:not(.btn) {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: .1em;
    transition: text-decoration-color 150ms;
	}

	.wysiwyg a:hover {
	  text-decoration-color: transparent;
	}

	.wysiwyg > *:not(:last-child) {
	  margin-bottom: 1em;
	}

	.wysiwyg strong {
    font-weight: normal;
    font-family: var(--base-font-1);
	}

	.wysiwyg > ul:not(.plain),
	.wysiwyg > ol:not(.plain) {
	  counter-reset: supernovae;
	}

	.wysiwyg > ul:not(.plain) li,
	.wysiwyg > ol:not(.plain) li {
	  position: relative;
	  padding-left: 1.5em;
	}

	.wysiwyg > ul:not(.plain) li:not(:last-child),
	.wysiwyg > ol:not(.plain) li:not(:last-child) {
	}

	.wysiwyg > ul:not(.plain) li::before {
	  content: '—';
	  position: absolute;
	  left: 0;
	}

	.wysiwyg > ol:not(.plain) li::before {
		content: counter(supernovae) '.';
		counter-increment: supernovae;
	  position: absolute;
	  left: 0;
	}

	.wysiwyg > ul ul li::before {
	}

	.wysiwyg > ul ul,
	.wysiwyg > ol ol {
	}

	.wysiwyg table {
	  width: auto !important;
	}

	.wysiwyg table td {
	  width: auto !important;
	  height: auto !important;
	}
  
  .wysiwyg em {
    font-style: normal;
    font-weight: normal;
    font-family: var(--base-font-1-regular-italic);
  }
  
  .wysiwyg strong {
    font-style: normal;
    font-weight: normal;
    font-family: var(--base-font-1-medium);
  }

	@keyframes spin {
	    from {transform:rotate(0deg);}
	    to {transform:rotate(360deg);}
	}

	span.loading img {
		top: -12px;
	}

	span.loading {
		vertical-align: middle;
	}

	.btn-menu {
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		margin: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
		cursor: pointer;
		color: inherit;
	}

  .container {
    display: flex;
    flex-flow: column nowrap;
    min-height: 100vh;
  }
  
  main.main {
    margin-bottom: auto;
  }

	
	
	/* COPIES */

	*[class*="cpy-"],
  .acf-form-list .acf-form-fields .acf-label label {
		font-family: var(--base-font-1);
    font-size: var(--font-size);
    font-size: max(var(--min-font-size, 1rem), min(var(--this-font-size), var(--max-font-size, var(--this-font-size))));
    --this-font-size: calc(var(--font-size) * (100 / var(--scale-breakpoint)) * 1vw);
    --scale-breakpoint: 1440;
	}
  
	*[class*="cpy-"][class*="cpy-m"] {
		font-family: var(--base-font-1);
	}

	*[class*="cpy-"][class*="cpy-r"],
  .acf-form-list .acf-form-fields .acf-label label {
		font-family: var(--base-font-1-regular);
	}
  
	.cpy-100 {
		--font-size: 100;
    --min-font-size: 20px;
    --max-font-size: 100px;
    line-height: 1.2;
	}
  
	.cpy-80 {
		--font-size: 80;
    --min-font-size: 30px;
    --max-font-size: 80px;
    line-height: .9;
    letter-spacing: -.05000000000000000000em;
	}
  
	.cpy-50 {
		--font-size: 50;
    --min-font-size: 30px;
    --max-font-size: 50px;
    line-height: 1.06;
    letter-spacing: -.02000000000000000000em;
	}
  
	.cpy-40 {
		--font-size: 40;
    --min-font-size: 24px;
    --max-font-size: 40px;
    line-height: 1;
    letter-spacing: -.015em;
	}
  
	.cpy-34,
  .acf-form-list .acf-form-fields .acf-label label {
		--font-size: 34;
    --min-font-size: 19px;
    --max-font-size: 34px;
    line-height: 1.20588235294117647058;
    letter-spacing: -.01470588235294117647em;
	}

	.cpy-30 {
		--font-size: 30;
    --min-font-size: 19px;
    --max-font-size: 30px;
	}
  
	.cpy-20 {
		--font-size: 20;
    --min-font-size: 16px;
    --max-font-size: 20px;
	}

	.cpy-12 {
		--font-size: 12;
    --min-font-size: 12px;
    --max-font-size: 12px;
	}
  






	/* PAGE TRANSITIONS */
  
  html.is-transitioning * {
    pointer-events: none;
  }

	.transitioner {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		pointer-events: none;
		z-index: 99;
	}

	.transitioner > div:nth-child(1) {
		position: absolute;
		display: block;
		top: 50%;
    left: 50%;
    width: 100vw;
    height: 100vw;
    margin-left: -50vw;
    margin-top: -50vw;
    clip-path: polygon(50% 0%, 100% 44%, 79% 100%, 21% 100%, 0 44%);
		z-index: 1;
		will-change: transform;
	}

	.barba-outer,
	.sn-pt-leave-active,
	.sn-pt-enter-active {
		transition: opacity;
		transition-duration: 2s;
		opacity: 1;
	}

	.sn-pt-leave-active .module,
	.sn-pt-enter-active .module,
	.barba-once-active .module {
		transition: opacity 1s, transform 1s;
		transition-timing-function: var(--ttf);
	}

	.sn-pt-leave-active .transitioner > div:nth-child(1),
	.sn-pt-enter-active .transitioner > div:nth-child(1),
	.barba-once-active .transition > div:nth-child(1) {
		transition: opacity 1s, transform 1s, background-color 1s;
		transition-timing-function: var(--ttf-6);
	}	
	.sn-pt-enter-active .transitioner > div:nth-child(1) {
		transition-delay: 0;
	}

	/* Starting state for leave */
	.sn-pt-leave .module {
		opacity: 1;
	}
	.sn-pt-leave .transitioner > div:nth-child(1) {
		transform: scale(0) rotate(-180deg);
    background: #6a3d9d;
	}

	/* Ending state for leave */
	.sn-pt-leave-to .module {
		opacity: 1;
	}
	.sn-pt-leave-to .transitioner > div:nth-child(1) {
    transform: scale(2.5) rotate(280deg);
    background-color: var(--base-color-purple);
	}

	/* Starting state for enter */
	.sn-pt-enter .module,
	.barba-once .module {
		/*opacity: 0;*/
		/*transform: translateY(80px);*/
	}
	.sn-pt-enter .transitioner > div:nth-child(1),
	.barba-once .transitioner > div:nth-child(1) {
    transform: scale(2.5) rotate(280deg);
    background-color: var(--base-color-purple);
	}

	/* Ending state for enter */
	.sn-pt-enter-to .module,
	.barba-once-to .module {
		opacity: 1;
		transform: none;
	}
	.sn-pt-enter-to .transitioner > div:nth-child(1),
	.barba-once-to .transitioner > div:nth-child(1) {
    transform: scale(2.5) rotate(280deg);
    opacity: 0;
    background-color: var(--base-color-purple);
	} 













	/* ON SCREEN */


	/* clip left to right */
	*[data-ios] *[data-ios-item="a"] {
		opacity: 0;
		-webkit-clip-path: inset(0% 100% 0% 0%);
		clip-path: inset(0% 100% 0% 0%);
		transition: clip-path 1.5s, -webkit-clip-path 1.5s, opacity 1.5s;
		transition-timing-function: cubic-bezier(.075, .82, .165, 1);
		transition-delay: calc((var(--ios-item-index) * 100ms) + var(--ios-delay, 0ms));
		will-change: opacity;
	}

	*[data-ios].is-on-screen *[data-ios-item="a"] {
		opacity: 1;
		-webkit-clip-path: inset(0% 0% 0% 0%);
		clip-path: inset(0% 0% 0% 0%);
	}


	/* clip top to bottom */
	*[data-ios] *[data-ios-item="b"] {
		opacity: 0;
		-webkit-clip-path: inset(0% 0% 100% 0%);
		clip-path: inset(0% 0% 100% 0%);
		transition: clip-path 1.5s, -webkit-clip-path 1.5s, opacity 1.5s;
		transition-timing-function: cubic-bezier(.075, .82, .165, 1);
		transition-delay: calc((var(--ios-item-index) * 100ms) + var(--ios-delay, 0ms));
		will-change: opacity;
	}

	*[data-ios].is-on-screen *[data-ios-item="b"] {
		opacity: 1;
		-webkit-clip-path: inset(0% 0% 0% 0%);
		clip-path: inset(0% 0% 0% 0%);
	}


	/* pop randomly */
	*[data-ios] *[data-ios-item="c"] {
		transform: scale(0.8);
		opacity: 0;
		transition: transform 1s, opacity 1s;
		transition-timing-function: cubic-bezier(.075, .82, .165, 1);
		transition-delay: calc((var(--ios-random) * 30ms) + var(--ios-delay, 0ms));
		will-change: opacity;
	}

	*[data-ios].is-on-screen *[data-ios-item="c"] {
		opacity: 1;
		transform: none;
	}


	/* clip vertically from center */
	*[data-ios] *[data-ios-item="d"] {
		opacity: 0;
		-webkit-clip-path: inset(50% 0% 50% 0%);
		clip-path: inset(50% 0% 50% 0%);
		transition: clip-path 1.5s, -webkit-clip-path 1.5s, opacity 1.5s;
		transition-timing-function: cubic-bezier(.075, .82, .165, 1);
		transition-delay: calc((var(--ios-item-index) * 100ms) + var(--ios-delay, 0ms));
		will-change: opacity;
	}

	*[data-ios].is-on-screen *[data-ios-item="d"] {
		opacity: 1;
		-webkit-clip-path: inset(0% 0% 0% 0%);
		clip-path: inset(0% 0% 0% 0%);
	}


	/* move in from bottom */
	*[data-ios] *[data-ios-item="e"] {
		opacity: 0;
		transform: translateY(2vw);
		transition: opacity 1.5s, transform 1.5s;
		transition-timing-function: cubic-bezier(.075, .82, .165, 1);
		transition-delay: calc((var(--ios-item-index) * 100ms) + var(--ios-delay, 0ms));
		will-change: opacity;
	}

	*[data-ios].is-on-screen *[data-ios-item="e"] {
		opacity: 1;
		transform: none;
	}


	/* move in from right */
	*[data-ios] *[data-ios-item="f"] {
		opacity: 0;
		transform: translateX(20vw);
		transition: opacity 1.5s, transform 1.5s;
		transition-timing-function: cubic-bezier(.075, .82, .165, 1);
		transition-delay: calc((var(--ios-item-index) * 100ms) + var(--ios-delay, 0ms));
		will-change: opacity;
	}

	*[data-ios].is-on-screen *[data-ios-item="f"] {
		opacity: 1;
		transform: none;
	}





	/* BUTTONS */

	button, 
  .btn, 
  .lnk,
  nav.footer li > a {
		font-family: var(--base-font-1-medium);
    font-size: var(--font-size);
    font-size: max(var(--min-font-size, 1rem), min(var(--this-font-size), var(--max-font-size, var(--this-font-size))));
    --this-font-size: calc(var(--font-size) * (100 / var(--scale-breakpoint)) * 1vw);
    --scale-breakpoint: 1440;
		margin: 0;
		border: 0;
		padding: 0;
		border-radius: 0;
		box-shadow: none;
		background: transparent;
		display: inline-block;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		cursor: pointer;
	}
	
	.btn-big {
		--font-size: 55;
    --min-font-size: 26px;
    --max-font-size: 55px;
    background: var(--base-color-green);
    color: var(--base-color-white);
    font-family: var(--base-font-1-regular);
    letter-spacing: -.05454545454545454545em;
    padding: 0 0.5em;
    border-radius: .14545454545454545454em;
    transition: transform 500ms var(--ttf);
	}
  
  @media (hover: hover) {
    .btn-big:hover {
      transform: scale(1.05);
    }
  }
  
	.btn-a {
		--font-size: 30;
    --min-font-size: 22px;
    --max-font-size: 30px;
    background: var(--base-color-green);
    color: var(--base-color-white);
    letter-spacing: -.02em;
    padding: 0.1em 1.1em 0.14em;
    border-radius: .26666666666666666666em;
    transition: color 250ms;
	}
  
  .btn-a.black {
    background: var(--base-color-black);
  }
  
  .btn-a svg {
    height: auto;
  }
  
  .btn-a svg path {
    fill: currentColor;
  }
  
  @media (hover: hover) {
    .btn-a:hover {
      color: var(--base-color-black);
    }
    .btn-a.black:hover {
      color: var(--base-color-purple);
    }
  }

  .btn-a[data-icon="play"] svg {
    width: .83333333333333333333em;
    transform: translateY(.13333333333333333333em);
  }
  
  
  
  
  
  .btn-c {
		--font-size: 20;
    --min-font-size: 16px;
    --max-font-size: 20px;
  }
  
  .btn-c svg {
    height: auto;
    display: block;
  }
  
  .btn-c[data-icon="document"] svg {
    width: 1.4em;
  }

  .btn-c span.icon,
  .btn-c span.label {
    vertical-align: middle;
  }






	/* LINKS */

	.lnk-a, 
  nav.footer li > a {
		--font-size: 20;
    --min-font-size: 19px;
    --max-font-size: 20px;
    transition: color 150ms;
	}
  
  .lnk-a .label,
  nav.footer li > a .title-wrap {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: .3em;
    transition: text-decoration-color 150ms;
  }
  
  @media (hover: hover) {
    a:hover .lnk-a .label,
    .lnk-a:hover .label,
    nav.footer li > a:hover .title-wrap {
      text-decoration-color: transparent;
    }
  }




  @media (max-width: 600px) {
    
    .lnk-a .label,
    nav.footer li > a .title-wrap {
      text-underline-offset: .1em;
    }
    
  }

	/* FORMS */
  
  input:-webkit-autofill,
  input:-webkit-autofill:hover, 
  input:-webkit-autofill:focus,
  textarea:-webkit-autofill,
  textarea:-webkit-autofill:hover,
  textarea:-webkit-autofill:focus,
  select:-webkit-autofill,
  select:-webkit-autofill:hover,
  select:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--color);
    -webkit-box-shadow: 0 0 0px 1000px #000 inset;
    transition: background-color 5000s ease-in-out 0s;
  }
  
  ::-webkit-input-placeholder {
    color: var(--color);
  }
  ::placeholder {
    color: var(--color);
  }

	.styled-select,
	.styled-search {
		position: relative;
	}

	.styled-select select,
	li.search input {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

	.styled-select select {
		cursor: pointer;
	}
  
  .styled-select .styled-select-value {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    text-overflow: ellipsis;
    line-height: 1.15;
  }
  
  .styled-select svg {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    pointer-events: none;
    width: 16px;
  }
  
  .styled-select svg path {
    fill: var(--base-color-white);
  }
  
  .styled-select.is-active svg path {
    fill: var(--base-color-green);
  }











  .filter-form-list select,
  .styled-select .styled-select-value {
    
		font-family: var(--base-font-1);
    font-size: var(--font-size);
    font-size: max(var(--min-font-size, 1rem), min(var(--this-font-size), var(--max-font-size, var(--this-font-size))));
    --this-font-size: calc(var(--font-size) * (100 / var(--scale-breakpoint)) * 1vw);
    --scale-breakpoint: 1440;
    
		--font-size: 30;
    --min-font-size: 22px;
    --max-font-size: 30px;
    
    width: 100%;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    box-shadow: none;
    margin: 0;
    padding: .3em .5em;
    padding-right: 1.5em;
    background: var(--base-color-green);
    color: var(--base-color-white);
    border-radius: 8px;
    transition: color, background 150ms;
  }

  .filter-form-list .styled-select.is-active select,
  .filter-form-list .styled-select.is-active .styled-select-value {
    background: var(--base-color-white);
    color: var(--base-color-green);
  }
  
  .styled-select .styled-select-value + select {
		--font-size: 20;
    --min-font-size: 20px;
    --max-font-size: 20px;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
  }
  
  
  
  
  
  
  
  
  
  
  
  
	.acf-form-list .acf-input,
  .terms-list label {
		position: relative;
	}
	
	.acf-form-list div.frontend-hidden {
		display: none !important;
	}
	
	.form-list,
	.acf-form-list .acf-form-fields,
  .acf-form-list *[data-type="group"] .acf-fields {
		display: flex;
		flex-flow: row wrap;
	}
	
	.form-list > li,
	.acf-form-list .acf-form-fields > div,
  .acf-form-list *[data-type="group"] .acf-fields > div:not([data-type="message"]) {
		width: 100%;
		margin-bottom: max(10px, calc(22 * var(--base-unit)));
	}
  
  .acf-form-list *[data-type="group"] .acf-fields > div[data-type="message"] {
    width: 100%;
  }
  
  .acf-form-list .acf-fields > .acf-field {
    border-top: 0;
    padding: 0;
  }
	
	.form-list > li.li-50,
	.acf-form-list .acf-form-fields > div.li-50,
  .acf-form-list *[data-type="group"] .acf-fields > div.li-50 {
		width: calc(50% - (14 * var(--base-unit)));
		margin-right: auto;
	}
	
	.form-list > li.submit {
		margin-bottom: 0;
	}
	
	.form-list > li.li-last,
	.acf-form-list .acf-form-fields > div.li-last,
  .acf-form-list *[data-type="group"] .acf-fields > div.li-last {
		margin-right: 0;
	}
	
	.form-list li.input input,
	.form-list li.textarea textarea,
	.acf-form-list .acf-form-fields .acf-field-text input,
	.acf-form-list .acf-form-fields .acf-field-email input,
	.acf-form-list .acf-form-fields .acf-field-textarea textarea {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		box-shadow: none;
		outline: 0;
		border-radius: .23529411764705882352em;
		font-size: 2.125rem;
		font-size: max(1.1875rem, min(2.36111111111111111111vw, 2.125rem));
		padding: .29411764705882352941em .79411764705882352941em;
		background: #ededed;
		color: #000;
		margin: 0;
		display: inline-block;
		width: 100%;
		box-sizing: border-box;
		border: 0;
		letter-spacing: -.01em;
    font-family: var(--base-font-1-regular);
	}
	
	.form-list li.textarea textarea,
	.acf-form-list .acf-form-fields .acf-field-textarea textarea {
		height: 6em;
		display: block;
	}
	
	.form-list li.input:not(.captcha) label,
	.acf-form-list .acf-form-fields .acf-label {
		display: none;
	}
	
	.form-list label,
	.acf-form-list .acf-form-fields .acf-field-textarea .acf-label,
  .form-list li.captcha .wpcf7-quiz-label  {
		display: block;
		margin-bottom: calc(14 * var(--base-unit));
	}
  
  .acf-form-list .acf-form-fields .acf-field[data-key="field_5f8f349a5723a"] .acf-label,
  .acf-form-list .acf-form-fields .acf-field[data-key="field_6228bc63ccf85"] .acf-label,
  .acf-form-list .acf-form-fields .acf-field[data-key="field_6226691b2e8b0"] .acf-label,
  .acf-form-list .acf-form-fields .acf-field[data-key="field_62266e5102b80"] .acf-label,
  .acf-form-list .acf-form-fields .acf-field[data-key="field_6226712e913d7"] > .acf-label,
  .acf-form-list .acf-form-fields .acf-field[data-key="field_622674b07e426"] .acf-label,
  .acf-form-list .acf-form-fields .acf-field[data-key="field_622674f57e427"] > .acf-label,
  .acf-form-list .acf-form-fields .acf-field[data-key="field_623db132fc4b1"] > .acf-label {
    display: block;
  }
  
  .acf-form-list .acf-form-fields .acf-label label {
    font-weight: normal;
  }
	
	.form-list li.textarea,
	.form-list li.submit,
  .form-list li.captcha {
		margin-top: 3.25em;
	}
	
	.form-list li.submit,
	.acf-form-submit {
		text-align: left;
	}

	.screen-reader-response {
		display: none !important;
	}
	
	.form-list > li > div {
		position: relative;
	}
	
	.wpcf7-not-valid-tip,
  .acf-form-list div.acf-notice.wpcf7-not-valid-tip {
		color: #EDEDED;
    background: #9b9b9b;
    font-size: 18px;
    padding: 0.2em 0.5em;
    display: inline-block;
    position: absolute;
    left: 0.5em;
    bottom: 0;
    z-index: 2;
    transform: translateY(50%);
		max-width: calc(100% - 2em);
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		border-radius: 4px;
    border: 0;
	}
  
  .acf-form-list [data-type="true_false"] div.acf-notice.wpcf7-not-valid-tip {
    max-width: none;
  }
  
  form.acfe-form.is-invalid[data-errors-position=below] .acf-field div.acf-notice {
    margin: 0;
  }
  
  .acf-form-list .acf-notice p {
    all: unset;
  }
  
  .acf-form-list .acf-input-wrap {
    overflow: visible;
  }
	
	.acf-true-false .wpcf7-not-valid-tip {
		max-width: none;
	}
	
	.acf-field .acf-temp-remove {
		display: none !important;
	}
	
	.form-list > li.gdpr a {
		text-decoration: underline;
	}
	
	.form-list > li.gdpr a:hover {
		text-decoration: none;
	}
	
	.form-list > li.gdpr .sn-col-set > div:first-child,
	.acf-form-list .acf-field-true-false .acf-checkbox-wrap,
  .acf-form-list .acf-field-radio .acf-radio-wrap {
		margin-right: 1em;
	}
	
	.form-list li.gdpr .wpcf7-list-item {
		font-size: 1rem;
		font-size: max(0.7rem, min(1.11111111111111111111vw, 1rem));
	}
  
  ul.acf-radio-list li, ul.acf-checkbox-list li {
    font-size: inherit !important;
    line-height: inherit !important;
  }
  
  ul.acf-radio-list li + li {
    margin-top: 15px;
  }
	
	.form-list li.gdpr input,
	.acf-form-list .acf-field-true-false input[type="checkbox"],
  .acf-form-list .acf-field-radio input[type="radio"],
  .terms-list input[type="checkbox"] {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
    display: block;
    width: 2.3125em;
    height: 2.3125em;
    background: #ededed;
    border-radius: 8px;
    border: 0;
    outline: 0;
    position: relative;
    cursor: pointer;
	}
  
  .acf-form-list .acf-field-radio input[type="radio"] {
    border-radius: 50%;
  }
	
	.form-list li.gdpr .sn-col-set,
	.acf-form-list .acf-field-true-false .acf-input label,
  .acf-form-list .acf-field-radio .acf-input label {
		display: flex;
		flex-flow: row nowrap;
	}
  
  .acf-form-list .acf-field-radio .acf-input label {
    align-items: center;
    cursor: pointer;
  }
	
	.form-list li.gdpr .wpcf7-list-item {
		display: inline-block;
		position: relative;
	}
  
  .acf-form-list .acf-field-radio input[type="radio"] {
    margin: 0 !important;
  }
	
	.form-list li.gdpr input + span,
	.acf-form-list .acf-field-true-false input[type="checkbox"] + span,
  .acf-form-list .acf-field-radio input[type="radio"] + span,
  .terms-list input[type="checkbox"] + span {
		display: block;
		position: absolute;
		top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: block;
    pointer-events: none;
	}
	
	.form-list li.gdpr input + span::after,
	.acf-form-list .acf-field-true-false input[type="checkbox"] + span::after,
  .acf-form-list .acf-field-radio input[type="radio"] + span::after,
  .terms-list input[type="checkbox"] + span::after {
		content: '×';
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    font-size: 300%;
		opacity: 0;
		transition: opacity 150ms, transform 150ms;
	}

	.form-list li.gdpr input:checked + span::after,
	.acf-form-list .acf-field-true-false input[type="checkbox"]:checked + span::after,
  .acf-form-list .acf-field-radio input[type="radio"]:checked + span::after,
  .terms-list input[type="checkbox"]:checked + span::after {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1);
	}
		
	.wpcf7-response-output:not(:empty) {
		margin-top: .88235294117647058823em;
	}
	
	.acf-field[data-type="message"],
	.acf-field[data-name="note-to-cutters"],
	.acf-field[data-name="what-to-use"],
	.acf-field[data-name="number-of-participants"],
  .acf-field[data-name="project"] {
		display: none !important;
	}
	
	.acf-field[data-type="message"][data-key="field_5f8d84d1f6bf4"],
	.acf-field[data-type="message"][data-key="field_608b4a75698ab"],
  .acf-field[data-type="message"][data-key="field_6171bba20feeb"],
  .acf-field[data-name="copyright"][data-key="field_5f8f349a5723a"],
  .acf-field[data-name="participation-terms"][data-key="field_6228bc63ccf85"],
  .acf-field[data-name="terms-audio-video"][data-key="field_6226691b2e8b0"],
  .acf-field[data-name="terms-age"][data-key="field_62266e5102b80"],
  .acf-field[data-type="message"][data-key="field_622675277e42b"],
  .acf-field[data-type="message"][data-key="field_6226771e2b231"],
  .acf-field[data-type="message"][data-key="field_62267780e6d7d"],
  .acf-field[data-type="message"][data-key="field_62425c3d3cfed"] {
		display: block !important;
		visibility: visible !important;
    margin-top: calc(40 * var(--base-unit));
    margin-bottom: calc(14 * var(--base-unit));
	}
  
  .acf-field[data-type="message"][data-key="field_62425c3d3cfed"] {
    margin-top: calc(80 * var(--base-unit)) !important;
  }
  
  .acf-field[data-type="message"][data-key="field_622675277e42b"],
  .acf-field[data-type="message"][data-key="field_6226771e2b231"],
  .acf-field[data-type="message"][data-key="field_62267780e6d7d"] {
    margin-top: calc(20 * var(--base-unit)) !important;
  }
  
  .acf-field[data-name="terms-parent-details"][data-key="field_6226712e913d7"],
  .acf-field[data-name="terms-people"][data-key="field_622674b07e426"],
  .acf-field[data-name="terms-people-details"][data-key="field_622674f57e427"],
  .acf-field[data-name="terms-group-people-consent"][data-key="field_623db132fc4b1"],
  .acf-field[data-type="textarea"][data-key="field_62447f0243667"] {
    margin-top: calc(40 * var(--base-unit));
    margin-bottom: calc(14 * var(--base-unit));
  }
  
  .acf-field[data-name="terms-parental-consent"] label {
    cursor: pointer;
  }
  
  .acf-field[data-name="terms-parental-consent"] span.message,
  .acf-field[data-name="terms-people-consent"] span.message,
  .acf-field[data-name="participation-terms"] span.message,
  .acf-field[data-name="copyright"] span.message {
    padding-top: 0.5em;
  }
  
  .acf-field[data-name="participation-terms"] span.message a,
  .acf-field[data-name="copyright"] span.message a,
  .acf-field[data-key="field_62266f9a440b0"] span.message a,
  .acf-field[data-key="field_622678f097800"] span.message a {
    text-decoration: underline;
  }
  
  .acf-field[data-name="participation-terms"] span.message a:hover,
  .acf-field[data-name="copyright"] span.message a:hover,
  .acf-field[data-key="field_62266f9a440b0"] span.message a:hover,
  .acf-field[data-key="field_622678f097800"] span.message a:hover {
    text-decoration: none;
  }
  
  .acf-form-submit {
    margin-top: calc(40 * var(--base-unit));
  }
  
  .acf-field[data-type="textarea"] + .acf-field[data-type="textarea"] {
    margin-top: calc(14 * var(--base-unit));
  }
	
	.acf-field[data-key="field_5f8f349a5723a"],
  .acf-field[data-key="field_6228bc63ccf85"] {
		display: block !important;
		visibility: visible !important;
	}
	
	.acf-field[data-key="field_5f8f349a5723a"] label,
  .acf-field[data-key="field_6228bc63ccf85"] label {
		display: block;
		margin-bottom: .55882352941176470588em;
	}
	
	.acf-required {
		display: none;
	}
	
	.acf-form-list .acf-field-true-false .acf-checkbox-wrap,
  .acf-form-list .acf-field-radio .acf-radio-wrap {
		position: relative;
	}
	
	.acf-form-list .acf-field-true-false .acf-checkbox-wrap-inner,
  .acf-form-list .acf-field-radio .acf-radio-wrap-inner {
		position: relative;
	}
	
	.acf-form-list .acf-field-true-false span.message {
		display: block;
	}
	
	.acf-form-list .acf-field-true-false span.message p:not(:last-child) {
		margin-bottom: 0.4em;
	}
  
  .acf-form-list .acf-fields.-border {
    background: none !important;
    border: 0 !important;
  }
  
  .acf-fields>.acf-field-group.acfe-field-group-layout-block.acfe-seamless-style:not([data-acfe-group-modal="1"])>.acf-input, .acf-fields>.acf-field-group.acfe-field-group-layout-row.acfe-seamless-style:not([data-acfe-group-modal="1"])>.acf-input {
    margin: 0 !important;
  }
  
  
  
  
  
  
  @media (max-width: 500px) {
    
  	.form-list > li.li-50,
  	.acf-form-list .acf-form-fields > div.li-50,
    .acf-form-list *[data-type="group"] .acf-fields > div.li-50 {
  		width: 100%;
  	}
    
    
    .wpcf7-not-valid-tip, .acf-form-list div.acf-notice.wpcf7-not-valid-tip {
      font-size: 12px;
      padding: 0.15em 0.4em 0em;
    }
    
  }
  
  
  
  
  
  
  
  
  
  
  
  
  .terms-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75em 1em;
    margin-top: 2.125em;
  }
  
  .terms-list > li > label {
    display: flex;
    flex-flow: row nowrap;
    gap: 0 1em;
    align-items: center;
    cursor: pointer;
    user-select: none;
  }
  
  .terms-list span.input {
    display: block;
    width: fit-content;
    position: relative;
  }
  
  @media (max-width: 500px) {
    .terms-list {
      grid-template-columns: 1fr;
    }
  }




  @media (min-width: 601px) {

  	header.main {
  	  position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 100;
      pointer-events: none;
      opacity: 1;
      transition: opacity 500ms var(--ttf-7);
  	}
  
    body.menu header.main {
      opacity: 0;
      pointer-events: none;
    }
  
    header.main > .inner {
      padding-left: var(--page-padding-left-reduced);
      padding-top: var(--page-padding-top);
    }
  
    .site-title-and-burger {
      display: flex;
      flex-flow: row nowrap;
      pointer-events: all;
    }
  
    body.scrolled-100vh .site-title {
      --transition-delay: 75ms;
    }
  
    .burger {
      margin-left: 13px;
      --transition-delay: 75ms;
      margin-top: auto;
      margin-bottom: auto;
    }
  
    body.scrolled-100vh .burger {
      --transition-delay: 0ms;
    }

    .btn-burger {
      background: var(--base-color-black);
      color: var(--base-color-white);
      border-radius: 8px;
      padding: 0.3em 1em;
      transition: color 250ms;
    }
  
    .btn-burger:hover {
      color: var(--base-color-purple);
    }
  
    .site-title-and-burger {
      width: min-content;
    }
  
    body.starts-with-hero .site-title-and-burger {
      pointer-events: none;
    }
  
    body.starts-with-hero.scrolled-100vh .site-title-and-burger {
      pointer-events: all;
    }
  
    body.starts-with-hero .site-title-and-burger > * {
      opacity: 0;
      transform: translateX(-200px);
      transition: opacity 750ms, transform 750ms;
      transition-timing-function: var(--ttf-4);
      transition-delay: var(--transition-delay, 0ms);
    }
  
    body.starts-with-hero.scrolled-100vh .site-title-and-burger > * {
      opacity: 1;
      transform: none;
    }
    
    .site-title > a > span.svg-wrap:last-child {
      display: none;
    }

  }






  .flyout {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 101;
    color: var(--base-color-white);
    min-width: calc(494 * var(--base-unit));
    pointer-events: none; 
  }
  
  body.menu .flyout {
    pointer-events: all;
  }
  
  .flyout::after {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    background: var(--base-color-black);
    z-index: 1;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 500ms var(--ttf-6);
  }
  
  body.menu .flyout::after {
    transform: none;
  }
  
  .flyout > .inner {
    padding: var(--page-padding-right-reduced);
    position: relative;
    z-index: 2;
  }
  
  .flyout .button-wrap {
    margin-bottom: calc(46 * var(--base-unit));
  }
  
  .flyout nav a {
    transition: color 150ms;
    display: inline-block;
    position: relative;
    clip-path: inset(-3px);
    display: block;
    pointer-events: none;
  }
  
  .flyout nav a > span {
    display: block;
    transform: rotate(6deg) translateY(110%);
    transform-origin: left bottom;
    opacity: 0;
    transition: transform 0ms 500ms, opacity 500ms 0ms;
    --this-ttf: var(--ttf-2);
    transition-timing-function: var(--this-ttf);
  }
  
  body.menu .flyout nav a > span {
    transform: none;
    transition: transform 1000ms 0ms, opacity 0ms 1000ms;
    transition-timing-function: var(--this-ttf);
    transition-delay: calc((var(--index) * 50ms) + 150ms + var(--additional-delay, 0ms));
    opacity: 1;
  }
  
  body.menu .flyout nav a > span > span {
    pointer-events: all;
  }
  
  .flyout nav .current-menu-any > a,
  .flyout nav a:hover {
    color: var(--base-color-purple);
  }
  
  .flyout nav.secondary {
    --additional-delay: 300ms;
  }
  
  
  
  .flyout .social-media-nav {
    margin-top: calc(60 * var(--base-unit));
    margin-bottom: calc(40 * var(--base-unit));
    display: flex;
    flex-flow: row nowrap;
  }
  
  .flyout .social-media-nav > li + li {
    margin-left: calc(18 * var(--base-unit));
  }
  
  .flyout .social-media-nav svg {
    height: auto;
    width: max(35px, calc(45 * var(--base-unit)));
  }
  
  .flyout .social-media-nav a {
    position: relative;
    display: inline-block;
    transform: scale(0);
    opacity: 0;
    transition: transform 0ms 500ms, opacity 500ms 0ms;
  }
  
  body.menu .flyout .social-media-nav a {
    transform: none;
    opacity: 1;
    transition: 1000ms var(--ttf-8);
    transition-property: transform, opacity;
    transition-delay: calc((50ms * var(--index)) + 100ms);
  }
  
  
  
  .btn-close-flyout {
    --size: calc(45 * var(--base-unit));
    width: var(--size);
    height: var(--size);
    position: relative;
    display: block;
    transition: opacity 500ms 0ms;
    opacity: 0;
  }
  
  body.menu .btn-close-flyout {
    transition: opacity 0ms 0ms;
    opacity: 1;
  }
  
  .btn-close-flyout .bar {
    display: block;
    --height: calc(var(--size) * .11111111111111111111);
    --width: calc(var(--size) * 1.311111);
    height: var(--height);
    width: var(--width);
    position: absolute;
    top: calc(50% - var(--height) / 2);
    left: calc(50% - var(--width) / 2);
  }
  
  .btn-close-flyout .bar > span {
    display: block;
    width: 100%;
    height: 100%;
    background: var(--base-color-white);
    transform: scaleX(0);
    opacity: 0;
    transform-origin: left center;
    transition: transform 0ms 500ms, opacity 0ms 500ms;
  }
  
  body.menu .btn-close-flyout .bar > span {
    transition: 1000ms var(--ttf-8);
    transition-property: opacity, transform;
    transition-delay: 0ms;
    transform: none;
    opacity: 1;
  }
  
  .btn-close-flyout .bar-1 {
    transform: rotate(45deg);
  }
  
  .btn-close-flyout .bar-2 {
    transform: rotate(-45deg);
  }

  .btn-close-flyout .bar-2 > span {
    transform-origin: right center;
  }
  
  body.menu .btn-close-flyout .bar-2 > span {
    transition-delay: 100ms;
  }
  
  
  
  
  @media (min-width: 601px) {
  
    main.main {
      transition: filter 500ms;
    }
  
    body.menu main.main {
      filter: blur(3px);
    }
  
  }
  
  
  
  
  
  
  
  
  @media (max-width: 900px) {
    
    .site-title svg {
      width: 50px;
      height: auto;
    }
    
    .site-title-and-burger {
      flex-flow: column nowrap;
    }
    
    .site-title-and-burger .burger {
      margin-left: 0;
      display: flex;
      flex-flow: row nowrap;
      width: 41px;
      margin-top: 10px;
    }
    
    .site-title-and-burger .burger .btn-burger {
      padding: 25px 0;
      display: flex;
      flex-grow: 1;
    }
    
    .site-title-and-burger .burger .btn-burger > span {
      writing-mode: vertical-lr;
      transform: rotate(180deg);
      margin: auto;
    }
    
  }
  
  
  
  
  
  
  
  
  @media (max-width: 600px) {
    
    header.main {
      background: var(--base-color-black);
      height: var(--header-height);
      border-top: 1px solid var(--base-color-black);
      pointer-events: all;
      position: fixed;
      top: -1px;
      left: 0;
      z-index: 100;
      width: 100%;
    }
    
    header.main > .inner {
      padding-top: 0;
      height: 100%;
    }
    
    .site-title-and-burger {
      display: flex;
      flex-flow: row nowrap;
      width: 100%;
      height: 100%;
      align-items: center;
    }
    
    .site-title-and-burger .burger {
      width: auto;
      margin: 0;
      margin-left: auto;
    }
    
    .site-title-and-burger .burger .btn-burger {
      padding: 0;
      font-size: 22px;
      color: var(--base-color-white);
    }
    
    .site-title-and-burger .burger .btn-burger > span {
      writing-mode: unset;
      transform: none;
    }
    
    .site-title {
      padding-top: 4px;
    }
    
    .site-title svg path {
      fill: var(--base-color-white);
    }
    
    .site-title svg {
      width: 27px;
    }
    
    .site-title > a > span.svg-wrap:first-child {
      display: none;
    }
    
    
    
    .flyout {
      min-width: 0;
      width: 100%;
    }
    
    .flyout .button-wrap {
      margin-bottom: 0;
    }
    
    .btn-close-flyout {
      --size: 24px;
      position: absolute;
      right: var(--page-padding-right);
      top: var(--page-padding-right);
    }
    
    .flyout .social-media-nav {
      margin-top: 33px;
      margin-bottom: 33px;
    }
    
    .flyout .social-media-nav > li + li {
      margin-left: 22px;
    }
    
    nav.header {
      margin-top: -5px;
    }
    
    nav.header .cpy-50 {
      line-height: 1.13333333333333333333;
    }
    
    nav.secondary li + li {
      margin-top: 3px;
    }
    
    
  
    
  }





  footer.main > .inner {
    padding-bottom: var(--page-padding-bottom);
  }

  nav.footer .menu {
    display: flex;
    flex-flow: row nowrap;
  }
  
  nav.footer .menu > li + li {
    margin-left: calc(25 * var(--base-unit));
  }
  
  
  
  @media (max-width: 900px) {
    
    nav.footer .menu {
      flex-flow: column nowrap;
    }
    
    nav.footer .menu > li + li {
      margin-left: 0;
      margin-top: 10px;
    }
    
  }
  
  
  
  
  
  
  
  
  
  
  .social-sidebar {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    pointer-events: none;
    z-index: 100;
    opacity: 1;
    transition: opacity 500ms var(--ttf-7);
	}
  
  body.menu .social-sidebar {
    opacity: 0;
    pointer-events: none;
  }
  
  .social-sidebar > .inner {
    padding-left: var(--page-padding-left-reduced);
    padding-bottom: var(--page-padding-right-reduced);
  }
  
  .social-sidebar > .inner > .wrap {
    display: flex;
    flex-flow: column nowrap;
    width: min-content;
  }
  
  body.starts-with-hero .social-sidebar > .inner > .wrap > * {
    opacity: 0;
    transform: translateY(150%);
    transition: opacity 750ms, transform 750ms;
    transition-timing-function: var(--ttf-4);
    transition-delay: var(--transition-delay, 0ms);
    pointer-events: none;
  }
  
  body:not(.starts-with-hero) .social-sidebar > .inner > .wrap > * {
    pointer-events: all;
  }
  
  body.starts-with-hero.scrolled-100vh .social-sidebar > .inner > .wrap > * {
    opacity: 1;
    transform: none;
    pointer-events: all;
  }
  
  .social-sidebar .social-media-nav,
  .sn-plyr-share-dialog {
    background: var(--base-color-black);
    border-radius: 8px;
    color: var(--base-color-white);
    padding: 20px 10px;
    display: flex;
    flex-flow: column nowrap;
    --transition-delay: 75ms;
  }
  
  body.starts-with-hero.scrolled-100vh .social-media-nav {
    --transition-delay: 0ms;
  }
  
  .social-media-nav a {
    display: block;
  }
  
  .social-sidebar .social-media-nav svg,
  .sn-plyr-share-dialog svg {
    display: block;
    width: max(21px, calc(32 * var(--base-unit)));
    height: auto;
  }

  .social-media-nav svg path {
    fill: var(--base-color-white);
    transition: fill 150ms;
  }
  
  .social-media-nav a:hover svg path {
    fill: var(--base-color-purple);
  }
  
  .social-sidebar .social-media-nav > li,
  .sn-plyr-share-dialog > li {
    margin-bottom: calc(17 * var(--base-unit));
  }
  
  .social-sidebar .social-media-nav > li:last-child,
  .sn-plyr-share-dialog > li:last-child {
    margin-bottom: 0 !important;
  }
  
  .social-sidebar .newsletter-button {
    margin-top: 6px;
    display: flex;
    flex-flow: row nowrap;
  }
  
  body.starts-with-hero.scrolled-100vh .social-sidebar .newsletter-button {
    --transition-delay: 75ms;
  }
  
  .social-sidebar .btn-newsletter {
    display: flex;
    background: var(--base-color-black);
    color: var(--base-color-white);
    border-radius: 8px;
    flex-grow: 1;
    justify-content: center;
    padding: 25px 0;
    transition: color 250ms;
  }
  
  .social-sidebar .btn-newsletter:hover {
    color: var(--base-color-purple);
  }
  
  .social-sidebar .btn-newsletter span {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
  }
  
  
  
  
  
  
  
  .home-credits {
    display: none;
  }
  
  
  
  
  
  
  
  
  
  
  @media (max-width: 900px) and (max-height: 550px) and (min-width: 601px) {
    
    .social-sidebar {
      display: none;
    }
    
  }
  
  
  
  






  @media (max-width: 600px) {
    
    
    
    footer.main {
      background: #9b9b9b;
      padding-top: 20px;
      padding-bottom: 75px;
    }
    
    footer.main li > a .title-wrap {
      text-decoration: none;
    }
    
    nav.footer .menu > li + li {
      margin-top: 1px;
    } 
    
    
    
    .social-sidebar {
      position: static;
      pointer-events: all;
      z-index: 1;
    }
    
    .social-sidebar .social-media-nav {
      flex-flow: row nowrap;
      width: 100%;
      box-sizing: border-box;
      justify-content: space-evenly;
      padding: 9px 15px 11px;
    }
    
    .social-sidebar .social-media-nav > li {
      margin-bottom: 0;
    }
    
    .social-sidebar > .inner > .wrap {
      width: 100%;
    }
    
    .social-sidebar .social-media-nav svg {
      width: 32px;
    }
    
    .social-sidebar .newsletter-button {
      display: none;
    }
    
    
    
    
    
    body.home .home-credits {
      display: block;
      margin-bottom: 140px;
    }
    
    .home-credits > .inner {
      padding-left: var(--page-padding-left);
      padding-right: var(--page-padding-right);
    }
    
    .home-credits ul.credits {
      flex-flow: column nowrap;
      text-align: center;
    }
    
    .home-credits ul.credits > li {
      opacity: 1;
      transform: none;
      transition: none;
    }
    
    .home-credits ul.credits > li + li {
      margin-top: 40px;
    }
    
    .home-credits ul.credits .btn-dm span {
      background-position: center center;
    }
    
    .home-credits ul.credits img.dm,
    .home-credits ul.credits img.opus-klassik {
      max-width: 64px;
    }
    
    .home-credits ul.credits img.kulturlichter {
      max-width: 90px;
    }
    
    .home-credits ul.credits img.zukunftslabor {
      max-width: 141px;
    }
    
    .home-credits .cpy-12 {
      font-size: 10px;
    }
    
    .home-credits ul.credits p {
      margin-bottom: 10px;
    }
    
    .home-credits ul.credits a {
      display: inline-block;
    }
    
    
  }
  
  
  
  
  
  
/*
Theme Name: Music Swap Lab
Author: SUPERNOVÆ
Author URI: https://www.supernov.ae/
Version: 2022
*/




  .box-a {
    padding: max(23px, calc(40 * var(--base-unit))) max(21px, calc(40 * var(--base-unit)));
    background: var(--base-color-purple);
    border-radius: var(--box-border-radius);
  }

  
  
  
  
  



	/* OLD BROWSER */
	
	div.old-browser {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 99999;
		background: #36d45f;
		color: #000;
		text-align: center;
	}
	
	div.old-browser > div {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		max-width: 800px;
		padding: 2em;
	}
	
	html.no-supports div.old-browser {
		display: block;
	}
  
  @media (max-width: 600px) {
    div.old-browser > div {
      position: static;
      transform: none;
      text-align: left;
    }
  }





@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {

  * {
      background: transparent !important;
      color: #000 !important;
      box-shadow: none !important;
      text-shadow: none !important;
  }

  a,
  a:visited {
      text-decoration: underline;
  }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
      content: "";
  }

  pre,
  blockquote {
      border: 1px solid #999;
      page-break-inside: avoid;
  }

  thead {
      display: table-header-group;
  }

  tr,
  img {
      page-break-inside: avoid;
  }

  img {
      max-width: 100% !important;
  }

  @page {
      margin: 1cm;
  }

  p,
  h2,
  h3 {
      orphans: 3;
      widows: 3;
  }

  h2,
  h3 {
      page-break-after: avoid;
  }
  
  .cookie-bar,
  .btn-wp-edit {
    display: none !important;
  }
  
  header.main,
  footer.main {
    display: none;
  }
    
}





  .mrgn-180 {
    margin-bottom: max(100px, calc(180 * var(--base-unit)));
  }
  
  .mrgn-80 {
    margin-bottom: max(45px, calc(80 * var(--base-unit)));
  }
  
  .mrgn-60 {
    margin-bottom: max(45px, calc(60 * var(--base-unit)));
  }
  
  .mrgn-40 {
    margin-bottom: max(20px, calc(40 * var(--base-unit)));
  }
  
  .module.mrgn-0-if-last:last-child {
    margin-bottom: 0;
  }
  
  
  
  .module-header .headline {
    color: var(--base-color-purple);
  }
  
  .module-header .headline + .intro-copy {
    margin-top: max(14px, calc(19 * var(--base-unit)));
  }
  
  .module-header + .module-body,
  .module .load-more {
    margin-top: max(36px, calc(60 * var(--base-unit)));
  }
  
  .load-more nav.pagination .col-prev,
  .load-more nav.pagination .col-pages {
    display: none;
  }
  
  .load-more {
    text-align: left;
  }
  
  
  
  
  
  
  @media (max-width: 600px) {
    
    body:not(.home) main.main {
      padding-top: var(--header-height);
    }
    
    .btn-set {
      text-align: center;
    }
    
  }
  



  .plyr--video,
  .plyr__video-wrapper,
  .plyr__poster {
  	background-color: transparent;
  }
  
  html.safari .plyr--video,
  html.safari .plyr__video-wrapper,
  html.safari .plyr__poster {
  	background-color: rgba(0,0,0,0.2);
  }

  .plyr--audio .plyr__controls {
  	background: var(--base-color-green);
  	color: #EDEDED;
  	border-radius: 8px;
  	--plyr-control-spacing: 6px;
  }
  
  .sn-plyr-audio.has-media-chapters .plyr--audio .plyr__controls {
    border-radius: 8px 8px 0 0;
  }

  .plyr--is-touch video:not([poster]) {
  	background: #000;
  }

  .plyr--video.plyr--stopped .plyr__controls {
  	opacity: 0;
  }

  .plyr--audio,
  .plyr--video {
  	--plyr-range-thumb-height: 21px;
  	--plyr-video-control-color: #EDEDED;
  }

  .plyr--video .plyr__control--overlaid {
  	--plyr-control-icon-size: 32px;
  }

  .plyr--audio .plyr__progress__buffer,
  .plyr--video .plyr__progress__buffer,
  .plyr__progress input[type=range], .plyr__progress__buffer {
  	border-color: #EDEDED !important;
  	color: #EDEDED;
  }

  .plyr--audio .plyr__progress__buffer,
  .plyr--video .plyr__progress__buffer {
  	background: #EDEDED;
  }

  .plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true],
  .plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
  	background: none !important;
  }

  .plyr__control--overlaid {
  	border-radius: 8px;
  	background: var(--base-color-green) !important;
  	opacity: 1;
  	color: #EDEDED !important;
  }

  .plyr--video .plyr__control--overlaid:hover {
  	background: var(--base-color-green) !important;
  }
  
  .plyr__share__container {
    margin-left: 15px !important;
    position: relative;
  }
  
  .sn-plyr-share-dialog {
    position: absolute;
    bottom: calc(100% + 6px);
    right: 0;
    background: #9B9B9B;
    opacity: 0;
    transform: translateY(20px);
    transition: 250ms var(--ttf-7);
    transition-property: opacity, transform;
    pointer-events: none;
  }
  
  .plyr__share__container.shown .sn-plyr-share-dialog {
    opacity: 1;
    pointer-events: all;
    transform: none;
  }
  
  .sn-plyr-share-dialog a {
    position: relative;
  }
  
  .sn-plyr-share-dialog .success {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%) scale(0);
    background: var(--base-color-black);
    padding: 0 0.5em;
    border-radius: 6px;
    opacity: 0;
    pointer-events: none;
    transition: transform 500ms, opacity 500ms;
    transition-timing-function: var(--ttf-8);
    will-change: transform;
    font-size: 14px;
  }
  
  .sn-plyr-share-dialog a.is-copied {
    pointer-events: none;
  }
  
  .sn-plyr-share-dialog a.is-copied .success {
    transform: translate(-50%, -50%);
    opacity: 1;
  }
  
  button.plyr__control[data-plyr="share"] svg path {
    transition: fill 150ms;
  }
  
  .sn-plyr-share-dialog a.is-copied svg path,
  html.no-touchevents .sn-plyr-share-dialog a:hover svg path,
  html.no-touchevents button.plyr__control[data-plyr="share"]:hover svg path,
  html.no-touchevents .plyr__share__container.shown button.plyr__control[data-plyr="share"] svg path {
    fill: var(--base-color-black);
  }
  
  button.plyr__control[data-plyr="share"],
  button.plyr__control[data-plyr="share"]:hover {
    background: #9B9B9B !important;
    border-radius: 8px;
    padding: 10px;
  }
  
  button.plyr__control[data-plyr="share"] svg {
    width: max(21px, calc(32 * var(--base-unit)));
    height: auto;
  }
  
  
  html.no-clipboard .sn-plyr-share-dialog .btn-link-wrap {
    display: none;
  }
  
  
  
  
  
  
  
  
  
  
  .chapters {
    margin-top: 3px;
    background: var(--base-color-white);
    border-radius: 0 0 8px 8px;
    color: var(--base-color-green);
    user-select: none;
  }
  
  .chapters header {
    cursor: pointer;
    padding: 6px 20px 8px;
    position: relative;
    transition: padding 500ms var(--ttf-2);
  }
  
  .chapters.is-expanded header {
    padding-top: 12px;
  }
  
  .chapters .icon {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    transition: 500ms var(--ttf-2);
    transition-property: transform, top;
  }
  
  .chapters.is-expanded .icon {
    transform: translateY(-50%) rotate(540deg);
  }
  
  .chapters .icon svg {
    width: 11px;
    height: auto;
    display: block;
  }
  
  .chapters .icon svg path {
    fill: var(--base-color-green);
  }
  
  .chapters .chapters-body {
    max-height: 0px;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-20px);
    transition: 500ms var(--ttf-2);
    transition-property: max-height, opacity, transform;
    pointer-events: none;
  }
  
  .chapters.is-expanded .chapters-body {
    opacity: 1;
    transform: none;
    max-height: var(--max-height, 500px);
    pointer-events: all;
  }
  
  .chapters .chapters-body > div {
    padding: 0 20px 25px;
  }
  
  .chapters-list {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: -20px;
    margin-right: -18px;
    margin-top: 18px;
  }
  
  .chapters-list > li {
    margin-right: 18px;
    margin-bottom: 18px;
  }
  
  .btn-chapter {
    color: var(--base-color-green);
    border: 2px solid var(--base-color-green);
    background: var(--base-color-white);
    --size: 39px;
    width: var(--size);
    height: var(--size);
    text-align: center;
    border-radius: 8px;
  }
  
  .chapters .chapters-body p {
    max-width: 610px;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  @media (max-width: 600px) {
    
    .sn-plyr-share-dialog {
      padding: 13px 10px;
    }
    
    .sn-plyr-share-dialog > li {
      margin-bottom: 8px;
    }
    
    .sn-plyr-share-dialog .btn-link-wrap {
      display: none;
    }
    
    .plyr--video .plyr__control--overlaid {
      --plyr-control-icon-size: 24px;
      padding: 8px;
    }
    
  }
  
  
  
  
  
  @media (max-width: 500px) {
    
    .sn-plyr-share-dialog {
      padding: 5px;
    }
    
    .sn-plyr-share-dialog svg {
      width: 31px;
    }
    
    .sn-plyr-share-dialog > li {
      margin-bottom: 5px;
    }
    
  }

  .splide__pagination {
    justify-content: flex-start;
    margin-top: max(22px, calc(40 * var(--base-unit)));
    --button-border-width: 3px;
  }
  
  .splide__pagination > li + li {
    margin-left: 9px;
  }
  
  button.splide__pagination__page {
    --size: max(18px, calc(24 * var(--base-unit)));
    width: var(--size);
    height: var(--size);
    box-sizing: border-box;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
  }
  
  button.splide__pagination__page::before {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    border: var(--button-border-width) solid var(--base-color-black);
    background: var(--base-color-black);
    border-radius: 50%;
  }
  
  button.splide__pagination__page::after {
    content: '';
    display: block;
    position: absolute;
    inset: var(--button-border-width);
    background: var(--base-color-white);
    transform: scale(1);
    opacity: 1;
    transition: transform, opacity;
    transition-duration: 200ms;
    transition-timing-function: var(--ttf-6);
    border-radius: 50%;
  }
  
  button.splide__pagination__page.is-active::after,
  button.splide__pagination__page:hover::after {
    transform: scale(0.25);
    opacity: 0;
  }
  
  
  
  
  @media (max-width: 600px) {
    
    .splide__pagination {
      --button-border-width: 2px;
      justify-content: center;
    }
    
  }




  /* COMPONENT: UPLOAD */

  .upload-col-set > div > div {
  	background: #EDEDED !important;
  	border-color: #EDEDED !important;
  	cursor: auto !important;
  }

  .upload-col-set > div > div > div {
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  }

  body .fileuploader, body .fileuploader-popup {
  	font-family: inherit !important;
  }

  .fileuploader-input-button {
  	display: none !important;
  }

  .fileuploader {
  	margin: 0 !important;
  	background: transparent !important;
  }

  .fileuploader-is-uploading .fileuploader-input-caption {
  	display: none !important;
  }

  .fileuploader-items .fileuploader-items-list {
  	margin: -20px !important;
  }

  .column-thumbnail {
  	display: none !important;
  }

  #upload-qr-code {
  	height: 100%;
  	width: 100%;
  	position: relative;
  	display: flex;
  	flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
  }
  
  /* Hide QR code for smart phones */
  @media (any-pointer: coarse) and (max-width: 500px) {
    .upload-col-set .col-2 {
      display: none;
    }
  }

  #upload-qr-code canvas {
  	width: 58.06451612903225806400%;
  	height: auto;
  }

  .upload-col-set form {
  	overflow: hidden;
  	border-radius: 8px;
  }

  .upload-col-set form,
  .fileuploader,
  .fileuploader-items,
  .fileuploader-items-list,
  .fileuploader-item {
  	height: 100%;
  }

  .fileuploader-items {
  	height: calc(100% + 36px);
  }

  .fileuploader-action {
  	display: none !important;
  }

  .fileuploader-items .fileuploader-item .progress-bar2 span {
  	color: #000 !important;
  	font-family: "Sneak-Medium",sans-serif;
  	display: block;
  	left: 16px;
  	text-align: center;
  }

  .fileuploader-items .fileuploader-item .column-title {
  	padding: 0 !important;
  	color: #000 !important;
  }

  .fileuploader-upload-eta {
  	position: absolute;
  	left: 20px;
  	bottom: 20px;
  	color: #000;
  }

  .fileuploader-upload-eta {
  	display: none;
  }

  .fileuploader-is-uploading + .fileuploader-upload-eta {
  	display: block;
  }

  .fileuploader-upload-cta {
  	color: #000;
  	text-align: center;
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
  	justify-content: center;
  	cursor: pointer;
  	user-select: none;
  	position: relative;
  	z-index: 2;
  }

  .fileuploader-upload-cta > span > span {
  	display: block;
  }

  .fileuploader-is-uploading .fileuploader-upload-cta {
  	display: none;
  }


  .appointments-list > li + li {
    margin-top: min(35px, calc(35 * var(--base-unit)));
  }

  article.appointment-article .datetime {
    color: var(--base-color-white);
  }
  
  article.appointment-article .headline + .wysiwyg {
    margin-top: max(22px, calc(32 * var(--base-unit)));
  }
  
  article.appointment-article .btn-set {
    margin-top: max(39px, calc(58 * var(--base-unit)));
  }
  
  article.appointment-article .btn-set > span + span {
    margin-left: min(42px, calc(42 * var(--base-unit)));
  }
  
  
  article.appointment-article .cpy-40 {
    --min-font-size: 24px;
  }
  
  
  
  @media (max-width: 600px) {
    
    article.appointment-article .cpy-34 {
      line-height: 1.21052631578947368421;
    }
    
    article.appointment-article .cpy-40 {
      line-height: 1.08333333333333333333;
    }
    
    article.appointment-article .btn-set {
      text-align: left;
    }
    
    article.appointment-article .btn-set > span {
      margin: 0 !important;
      display: block;
    }
    
  }


  .module-buttons .btn-set {
    margin-top: 0;
    --gap: 20px;
    --column-gap: var(--gap);
    --row-gap: var(--gap);
    margin-bottom: calc(var(--row-gap) * -1);
  }
  
  .module-buttons .btn-set > * {
    margin-right: var(--column-gap);
    margin-bottom: var(--row-gap);
  }
  
  
  
  
  
  @media (max-width: 600px) {
    
    .module-buttons[data-view="tutor"] .btn-set {
      text-align: left;
    }
    
  }
  
  
  
  @media (max-width: 500px) {
    
    .module-buttons .btn-set {
      --gap: 10px;
    }
    
  }




  .module-copy .module-wrap {
    max-width: max(500px, calc(900 * var(--base-unit)));
  }

  .module-copy .wysiwyg .headline {
    color: var(--base-color-white);
    margin-bottom: calc(50 * var(--base-unit));
  }
  
  .module-copy .wysiwyg .subheadline:not(:first-child) {
    margin-top: calc(75 * var(--base-unit));
  }
  
  .module-copy .wysiwyg table {
    font-size: 80%;
  }
  
  .module-copy .wysiwyg table th {
    font-weight: normal;
  }
  
  .module-copy .wysiwyg table thead {
    text-decoration: underline;
  }
  
  .module-copy .wysiwyg table th,
  .module-copy .wysiwyg table td {
    vertical-align: top;
    text-align: left;
    padding-right: 10px;
    padding-bottom: 10px;
  }
  
  .module-copy .table-wrap {
    width: 100%;
    overflow: auto;
    position: relative;
  }
  
  .module-copy label[for="matomo_optout_checkbox"] {
    cursor: pointer;
    display: block;
  }
  
  .module-copy label[for="matomo_optout_checkbox"] br {
    display: none;
  }
  
  .module-copy input#matomo_optout_checkbox {
    accent-color: var(--base-color-white);
    transform: scale(2);
    transform-origin: left bottom;
    cursor: pointer;
  }



  .module-event-program .module-wrap {
    max-width: max(500px, calc(900 * var(--base-unit)));
  }

  .module-event-program .outer-headline {
    margin-bottom: 1.55882352941176470588em;
  }

  .module-event-program .col-set {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px calc(116 * var(--px));
  }
  
  .module-event-program .column-headline {
    margin-bottom: 1em;
    color: var(--base-color-white);
  }
  
  .module-event-program .wysiwyg .headline {
    margin-bottom: 0;
    color: var(--base-color-white);
  }
  
  
  
  
  @media (max-width: 600px) {
    
    .module-event-program .col-set {
      display: flex;
      flex-flow: column nowrap;
      gap: 30px;
    }
    
  } 
 
 
 
 
  body.event--past {
    background: var(--base-color-gray);
  }
 
  .module-events-overview .outer-headline {
    margin-bottom: 1.55882352941176470588em;
  }
  
  .module-events-overview .events-list {
    display: flex;
    flex-flow: column nowrap;
    gap: max(10px, calc(25 * var(--px))) 0px;
  }
  
  article.event-teaser {
    --padding: max(30px, calc(40 * var(--px)));
    border-radius: 15px;
    padding: var(--padding);
    padding-top: calc(var(--padding) * 1.5);
    background: var(--base-color-green);
    position: relative;
  }
  
  article.event-teaser[data-time="past"] {
    background: var(--base-color-gray);
  }
  
  article.event-teaser .date {
    color: var(--base-color-white);
    margin-bottom: .125em;
  }
  
  article.event-teaser .row-1 + .row-2 {
    margin-top: 15px;
  }
  
  article.event-teaser .row-2 {
    display: flex;
    flex-flow: row nowrap;
    gap: var(--padding);
  }
  
  article.event-teaser .description {
    max-width: 26.9em;
  }
  
  article.event-teaser :not(.event-categories).cpy-20 {
    --min-font-size: 19px;
  }
  
  article.event-teaser .place-and-time {
    width: 15em;
  }
  
  article.event-teaser .place-and-time a {
    text-decoration: underline;
  }
  
  article.event-teaser .row-2 .col-1 {
  }
  
  article.event-teaser .row-2 .col-2 {
    margin-left: auto;
  }
  
  
  @media (min-width: 501px) {
    
    article.event-teaser .inner > a {
      display: block;
      position: absolute;
      inset: 0;
      z-index: 2;
    }
  
    article.event-teaser .inner > a > span {
      position: absolute;
      left: -100000em;
      top: 0;
      width: 1px;
      height: 1px;
      display: block;
      overflow: hidden;
    }
  
  }
  
  @media (max-width: 500px) {
    
    article.event-teaser .inner > a {
      margin-top: 20px;
      --min-font-size: 13px;
    }
    
  }

  
  
  
  .event-categories,
  article.teaser-slider-article .teaser-categories {
    position: absolute;
    top: 0;
    left: var(--padding);
    z-index: 1;
    background: var(--base-color-gray);
    color: var(--base-color-white);
    display: flex;
    flex-flow: row nowrap;
    padding-block: .5em;
    padding-inline: 1em;
    gap: 0px 0.25em;
  }
  
  article.teaser-slider-article .teaser-categories,
  article.teaser-slider-article[data-type="event"] .event-categories {
    top: auto;
    left: 0;
    bottom: 0;
    z-index: 2;
  }
  
  :is(body.event--past, article.event-teaser[data-time="past"]) .event-categories {
    background: var(--base-color-white);
    color: var(--base-color-black);
  }
  
  article.teaser-slider-article[data-type="tutorial"] .teaser-categories,
  article.teaser-slider-article[data-type="event"] .event-categories {
    background: var(--base-color-purple);
    color: var(--base-color-white);
  }
  
  article.teaser-slider-article[data-type="tutorial"] .category-label.cpy-20,
  .event-categories.cpy-20 {
    --min-font-size: 13px;
  }
  
  
  
  
  
  @media (max-width: 800px) {
    
    article.event-teaser .row-2 {
      flex-flow: column nowrap;
      gap: 15px;
    }
    
    article.event-teaser .row-2 .col-2 {
      margin-left: 0;
    }
    
    article.event-teaser .place-and-time {
      width: 100%;
    }
    
  }
  
  
  
  
  @media (max-width: 500px) {
    
    article.event-teaser {
      --padding: 20px;
      padding-top: 40px;
      padding-bottom: 25px;
    }
    
  }



  .faqs-list *[data-accordion-item] {
    border-bottom: 2px solid var(--base-color-black);
    transition: border-color 150ms;
  }
  
  .faqs-list *[data-accordion-item]:hover {
    border-color: var(--base-color-white);
  }
  
  .faqs-list *[data-accordion-item][data-accordion-state="opened"] {
    border-color: transparent;
  }
  
  .faqs-list .faq-title {
    user-select: none;
    cursor: pointer;
    padding-bottom: 10px;
    transition: color 150ms;
  }
  
  .faqs-list > li:not(:first-child) .faq-title {
    padding-top: max(22px, calc(28 * var(--base-unit)));
  }
  
  .faqs-list .faq-title:hover,
  .faqs-list *[data-accordion-state="opened"] .faq-title {
    color: var(--base-color-white);
  }
  
  .faqs-list .faq-title > div {
    position: relative;
    padding-right: 80px;
  }
  
  .faqs-list .faq-title .icon {
    position: absolute;
    right: calc(21 * var(--base-unit));
    top: calc(10 * var(--base-unit));
    transition: transform 750ms var(--ttf-7);
  }
  
  .faqs-list *[data-accordion-state="opened"] .faq-title .icon {
    transform: rotate(-540deg);
  }
  
  .faqs-list .faq-title .icon svg {
    width: max(12px, calc(18 * var(--base-unit)));
    height: auto;
  }
  
  .faqs-list .faq-title .icon svg path {
    fill: currentColor;
    transition: fill 150ms;
  }
  
  .faqs-list .faq-description {
    max-height: 0px;
    position: relative;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-50px);
    transition: 750ms var(--ttf-7);
    pointer-events: none;
    transition-property: max-height, transform, opacity;
  }
  
  .faqs-list *[data-accordion-state="opened"] .faq-description {
    max-height: var(--max-height, 1000px);
    opacity: 1;
    transform: none;
    pointer-events: all;
  }
  
  .faqs-list .faq-description > div {
    padding-top: calc(15 * var(--base-unit));
    padding-bottom: calc(95 * var(--base-unit));
  }
  
  .faqs-list .faq-description > div > div {
    transform: rotate(-5deg);
    transform-origin: left top;
    transition: transform 750ms var(--ttf-7);
  }
  
  .faqs-list *[data-accordion-state="opened"] .faq-description > div > div {
    transform: none;
  }
  
  
  
  
  
  
  
  @media (max-width: 750px) {
    
    .faqs-list .faq-title .icon {
      top: 1px;
    }
    
  }
  
  
  
  
  
  @media (max-width: 600px) {
    
    .faqs-list *[data-accordion-item] {
      border-bottom-width: 1px;
    }
    
  }


  ul.group-details {
    background: var(--base-color-white);
    border-radius: 8px;
    padding: 20px;
    width: fit-content;
  }

  ul.group-details > li + li {
    margin-top: 0.75em;
  }
  
  a.link-copy-container {
    border-radius: 8px;
    background: var(--base-color-white);
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0.5em 1em;
    box-sizing: border-box;
    display: inline-block;
    margin-top: 0.75em;
    margin-bottom: 1.5em;
    font-size: 75%;
  }
  
  .module-group-management .headline {
    margin-bottom: 0.5em;
  }
  
  .consents-list > li + li {
    margin-top: max(10px, calc(22 * var(--base-unit)));
  }
  
  .consents-list > li {
    display: flex;
    flex-flow: row nowrap;
  }
  
  .consents-list > li > * {
    background: var(--base-color-white);
    border-radius: 8px;
    padding: .3em 20px;
    margin-right: max(4px, calc(9 * var(--base-unit)));
  }
  
  .consents-list .checkmark {
    margin-right: 0;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    padding: .3em 14px;
  }
  
  .consents-list .checkmark > span {
    display: inherit;
  }
  
  .consents-list .checkmark svg {
    height: auto;
    width: max(20px, calc(33 * var(--base-unit)));
  }
  
  .consents-list .name,
  .consents-list .audio-video {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  .consents-list .name {
    flex-grow: 1;
  }
  
  
  
  
  
  
  
  
  @media (max-width: 500px) {
    .consents-list > li > *,
    .consents-list .checkmark {
      padding: .3em .5em;
    }
    ul.group-details {
      padding: .75em .75em .75em .5em;
      box-sizing: border-box;
      width: 100%;
    }
  }



  .module-hero {
    background: var(--base-color-purple);
  }
  
  .module-hero .module-wrap {
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
  }
  
  .hero-row-set {
    position: relative;
    min-height: 100vh;
    box-sizing: border-box;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
  }
  
  .hero-row-set .lottie {
    width: calc(1180 * var(--base-unit));
    height: auto;
  }
  
  .hero-row-set .lottie-replacement {
    display: none;
  }
  
  .hero-row-set .row-2 {
    position: absolute;
    bottom: calc(76 * var(--base-unit));
    left: var(--page-padding-left-reduced);
    right: var(--page-padding-right-reduced);
    z-index: 2;
  }
  
  @media (min-width: 601px) {
    .module-hero .button-wrap,
    article.hero-teaser {
      transform: translateY(calc(var(--parallax-y) * 300px));
    }
  }
  
  
  
  
  article.hero-teaser {
    position: absolute;
    top: var(--page-padding-right-reduced);
    right: var(--page-padding-right-reduced);
    max-width: max(330px, calc(400 * var(--base-unit)));
  }
  
  article.hero-teaser::after {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    background: var(--base-color-white);
    z-index: 1;
    border-radius: 12px;
  }
  
  .module-hero[data-lottie-finished="false"] article.hero-teaser::after {
    transform: scale(0.4, 0.2);
    opacity: 0;
  }
  
  .module-hero[data-lottie-finished="true"] article.hero-teaser::after {
    transform: none;
    opacity: 1;
    transition: 500ms 700ms var(--ttf-6);
    transition-property: transform, opacity;
  }
  
  article.hero-teaser .a {
    position: relative;
    z-index: 2;
    display: block;
    color: var(--base-color-purple);
    padding-top: max(16px, calc(22 * var(--base-unit)));
    padding-right: max(21px, calc(30 * var(--base-unit)));
    padding-bottom: max(24px, calc(25 * var(--base-unit)));
    padding-left: max(21px, calc(25 * var(--base-unit)));
  }
  
  .module-hero[data-lottie-finished="false"] article.hero-teaser .a {
    transform: scale(1.2);
    opacity: 0;
  }
  
  .module-hero[data-lottie-finished="true"] article.hero-teaser .a {
    transform: none;
    opacity: 1;
    transition: 500ms 700ms var(--ttf-6);
    transition-property: transform, opacity;
  }
  
  article.hero-teaser .kicker {
    margin-bottom: 11px;
  }
  
  article.hero-teaser .headline {
    line-height: .88235294117647058823;
  }
  
  article.hero-teaser .cpy-34 {
    --min-font-size: 30px;
  }
  
  article.hero-teaser .cpy-20 {
    --min-font-size: 19px;
  }
  
  
  
  .hero-row-set .col-set {
    display: flex;
    flex-flow: row nowrap;
  }
  
  .module-hero[data-lottie-finished="false"] .hero-row-set .col-set .col-1 {
    opacity: 0;
    transform: translateY(200%);
  }
  
  .module-hero[data-lottie-finished="true"] .hero-row-set .col-set .col-1 {
    opacity: 1;
    transform: none;
    transition: 1000ms 250ms var(--ttf-4);
    transition-property: opacity, transform;
  }
  
  .hero-row-set .col-set .col-2 {
    margin-left: auto;
  }
  
  
  
  
  
  ul.credits {
    display: flex;
    flex-flow: row nowrap;
  }
  
  .module-hero[data-lottie-finished="false"] ul.credits > li {
    opacity: 0;
    transform: translateY(200%);
  }
  
  .module-hero[data-lottie-finished="true"] ul.credits > li {
    opacity: 1;
    transform: none;
    transition: 1000ms var(--ttf-4);
    transition-property: opacity, transform;
    transition-delay: calc((var(--index, 0) * 50ms) + 100ms);
  }
  
  ul.credits > li + li {
    margin-left: calc(50 * var(--base-unit));
  }
  
  ul.credits p {
    margin-bottom: 10px;
  }
  
  ul.credits a {
    display: block;
    transition: transform 500ms var(--ttf);
  }
  
  ul.credits a:hover {
    transform: scale(1.05);
  }
  
  ul.credits img {
    height: auto;
  }
  
  ul.credits img {
    width: 100%;
    height: auto;
  }
  
  ul.credits img.opus-klassik {
    max-width: max(37px, calc(64 * var(--base-unit)));
  }
  
  ul.credits img.zukunftslabor {
    max-width: max(108px, calc(188 * var(--base-unit)));
  }
  
  ul.credits img.dm {
    max-width: max(48px, calc(86 * var(--base-unit)));
  }
  
  ul.credits img.kulturlichter {
    max-width: max(48px, calc(86 * var(--base-unit)));
  }
  
  ul.credits .btn-dm {
    position: relative;
  }
  
  ul.credits .btn-dm span {
    display: block;
    position: absolute;
    inset: 0;
    background: url(/content/themes/musicswaplab/imgs/dm-bw.svg?x34978) no-repeat left center / contain;
    z-index: 2;
    transition: opacity 500ms var(--ttf);
  }
  
  ul.credits .btn-dm:hover span {
    opacity: 0;
  }
  
  ul.credits .btn-dm img {
    opacity: 0;
    transition: opacity 500ms var(--ttf);
  }
  
  ul.credits .btn-dm:hover img {
    opacity: 1;
  }
  
  
  
  
  
  

  @media (min-width: 601px) and (max-width: 700px) {
    
    .module-hero ul.credits {
      flex-flow: row wrap;
    }
    
    .module-hero ul.credits > li {
      width: 50%;
      margin-left: 0;
    }
    
    .module-hero ul.credits > li:nth-child(1),
    .module-hero ul.credits > li:nth-child(2) {
      margin-bottom: 25px;
    }
    
    .module-hero .hero-row-set .col-set .col-1 {
      align-self: flex-end;
    } 
    
    .hero-row-set .col-set .col-2 {
      max-width: 260px;
    }
    
  }
  
  
  






  @media (max-width: 600px) {
    
    .hero-row-set .col-set .col-2 {
      display: none;
    }
    
    .module-hero .module-wrap {
      display: flex;
      flex-flow: column nowrap;
      height: 100%;
      flex-grow: 1;
    }
    
    .module-hero .module-inner {
      padding-left: var(--page-padding-left);
      padding-right: var(--page-padding-right);
      padding-bottom: 28px;
      padding-top: calc(var(--header-height) + var(--page-padding-right));
      min-height: calc(100vh - var(--ios-vh-issue, 0px));
      box-sizing: border-box;
      display: flex;
      flex-flow: column nowrap;
    }
    
    .hero-row-set {
      min-height: 0;
      flex-grow: 1;
    }
    
    .hero-row-set .row-1 {
      flex-grow: 1;
      display: flex;
      flex-flow: column nowrap;
      width: 100%;
    }
    
    .hero-row-set .row-2 {
      position: static;
      margin-bottom: 23px;
      margin-top: 23px;
    }
    
    article.hero-teaser {
      position: relative;
      top: auto;
      right: auto;
      max-width: none;
    }
    
    article.hero-teaser .kicker {
      line-height: 23px;
    }
    
    article.hero-teaser .headline {
      line-height: 28px;
    }
    
    .hero-row-set .lottie {
      display: none;
    }
    
    .hero-row-set .lottie-replacement {
      display: block;
      margin: auto;
      width: 100%;
    }
    
    .hero-row-set .lottie-replacement .svg-wrap {
      display: block;
    }
    
    .hero-row-set .lottie-replacement svg {
      max-width: 100%;
      width: 100%;
      height: auto;
    }
    
    .module-hero .btn-big {
      font-size: 10vw;
    }
    
  }




  .module-images .splide {
    --column-gap: var(--page-padding-right-reduced);
  }
  
  .module-images figure {
    position: relative;
  }
  
  .module-images figcaption {
    text-align: right;
    pointer-events: none;
    padding-top: 12px;
    opacity: 0;
    transition: opacity 250ms var(--ttf-7);
  }
  
  .module-images:not(.is-moving) figcaption {
    opacity: 1;
  }
  
  .module-images .splide__pagination {
    position: absolute;
    left: 0;
    top: var(--splide-inner-height, 100%);
    margin-top: 0;
    padding-top: 15px;
  }
  
  .module-images button.splide__pagination__page::after {
    background: var(--base-color-purple);
  }



  .module-large-copy-teaser p {
    max-width: 940px;
  }
  
  .module-large-copy-teaser .btn-set {
    margin-top: max(33px, calc(63 * var(--base-unit)));
  }
  
  .module-large-copy-teaser .cpy-50 {
    --min-font-size: 24px;
  }




  .module-page-title {
    position: relative;
  }
  
  .module-page-title .module-inner {
    padding-top: var(--page-padding-top);
  }
  
  body.single-event .module-page-title .module-inner {
    position: static;
  }

  .module-page-title .headline {
    color: var(--base-color-white);
  }
  
  .module-page-title .headline + .subheadline {
    margin-top: max(9px, calc(15 * var(--base-unit)));
  }
  
  .module-page-title .subheadline.cpy-34 {
    --min-font-size: 22px;
  }
  
  
  
  .module-page-title div.description {
    margin-top: .94em;
  }
  
  .module-page-title div.place-and-time {
    margin-top: 1.38235294117647058823em;
  }
  
  .module-page-title div.place-and-time a {
    text-decoration: underline;
  }
  
  @media (hover: hover) {
    .module-page-title div.place-and-time a:is(:hover, :focus) {
      text-decoration: none;
    }
  }
  
  .module-page-title div.description-2 {
    margin-top: 1.55em;
  }
  
  .module-page-title .btn-set {
    margin-top: max(20px, calc(30 * var(--px)));
  }
  
  
  
  
  
  
  
  
  
  .module-page-title ul.event-categories {
    position: absolute;
    top: 26px;
    right: 0;
    writing-mode: sideways-rl;
  }
  
  .module-page-title .btn-back-to-events-overview {
    position: fixed;
    bottom: 26px;
    right: 26px;
    z-index: 10;
  }
  
  @media (max-width: 600px) {
    
    .module-page-title ul.event-categories {
      position: absolute;
      top: 0;
      left: var(--page-padding-left);
      writing-mode: initial;
      margin-bottom: 30px;
      width: fit-content;
      background: #d8d8d8;
      color: var(--base-color-black);
    }
    
    .module-page-title .btn-back-to-events-overview {
      right: 50%;
      transform: translateX(50%);
    }
    
  }

  article.participation-teaser {
    text-align: center;
  }
  
  article.participation-teaser .row-2 {
    margin-top: max(16px, calc(68 * var(--base-unit)));
  }
  
  article.participation-teaser .row-3 {
    margin-top: max(30px, calc(68 * var(--base-unit)));
    text-align: left;
  }
  
  article.participation-teaser .col-set {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-end;
  }
  
  article.participation-teaser .col-1 > div + div {
    margin-top: 14px;
  }
  
  article.participation-teaser .col-2 {
    margin-left: auto;
  }
  
  article.participation-teaser .btn-set {
    margin-top: 0;
  }
  
  
  
  article.participation-teaser .cpy-20,
  article.participation-teaser .cpy-50 {
    --min-font-size: 19px;
  }
  

  
  
  
  
  
  @media (max-width: 600px) {
    
    article.participation-teaser {
      text-align: left;
    }
    
    article.participation-teaser .col-set {
      flex-flow: column nowrap;
      align-items: flex-start;
    }
    
    article.participation-teaser .col-1 {
      order: 2;
    }
    
    article.participation-teaser .col-2 {
      order: 1;
      margin-left: 0;
      width: 100%;
      text-align: center;
      margin-bottom: 50px;
    }
    
    article.participation-teaser .cpy-80 {
      line-height: 0.93;
    }
  
    
  }

  .module-path .module-inner {
    padding-top: var(--page-padding-top);
  }
  
  .module-path .module-header {
    margin-bottom: max(2.5em, calc(85 * var(--base-unit)));
  }
  
  .module-path .module-header .headline {
    color: var(--base-color-white);
    margin-bottom: .26em;
  }
  
  
  
  nav.path-nav {
		counter-reset: supernovae;
		cursor: default;
		user-select: none;
    margin-bottom: calc(50 * var(--base-unit));
  }
  
	nav.path-nav.is-error {
		visibility: hidden;
	}
  
  nav.path-nav ol {
    display: flex;
    flex-flow: row nowrap;
    color: var(--base-color-white);
  }
  
  nav.path-nav ol > li {
    position: relative;
    padding-left: 1.9em;
    line-height: 1.5em;
  }
  
  nav.path-nav ol > li + li {
    margin-left: calc(50 * var(--base-unit));
  }
  
  nav.path-nav ol > li::before {
		content: counter(supernovae) '.';
		counter-increment: supernovae;
		display: block;
		position: absolute;
		left: 0;
		width: 1.5em;
		height: 1.5em;
		text-align: center;
		line-height: 1.5em;
		background: var(--base-color-white);
		color: var(--base-color-purple);
		border-radius: 50%;
  }
  
	nav.path-nav li.current {
		color: var(--base-color-black);
	}
	
	nav.path-nav li.current::before {
		background-color: var(--base-color-black);
	}
  
  
  
  
  
  
  .path-list, .upload-col-set {
    --base-width: 100%;
    --columns: 3;
    --column-width: calc((var(--base-width) - 1px - (var(--column-gap) * var(--columns))) / var(--columns));
    --column-gap: calc(35 * var(--base-unit));
    --row-gap: max(10px, calc(35 * var(--base-unit)));
    margin-right: calc(var(--column-gap) * -1);
    margin-bottom: calc(var(--row-gap) * -1);
    display: flex;
    flex-flow: row wrap;
  }
  
  body.page-mitmachen .path-list {
    --columns: 2;
  }
  
  .path-list > *,
  .upload-col-set > div {
    width: var(--column-width);
    margin-right: var(--column-gap);
    margin-bottom: var(--row-gap);
    transform: translateY(30px);
    opacity: 0;
    transition: 750ms calc(var(--ios-item-index) * 75ms) var(--ttf);
    transition-property: opacity, transform;
    position: relative;
  }
  
  .path-list.is-on-screen > *,
  .upload-col-set > div {
    opacity: 1;
    transform: none;
  }
  
  .path-list button,
  .module-large-boxes .path-list > li > a,
  .upload-col-set > div > div {
    height: 0;
    width: 100%;
    display: block;
    padding-top: 100%;
    position: relative;
    cursor: pointer;
    text-align: center;
    color: var(--base-color-white);
  }
  
  body.page-mitmachen .module-large-boxes .path-list > li > a {
    padding-top: max(200px, calc(300 * var(--px)));
  }
  
  .upload-col-set > div > div {
    border-radius: 8px;
  }
  
  .path-list button::before,
  .module-large-boxes .path-list > li > a::before {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    z-index: 1;
    background: var(--base-color-green);
    border-radius: 8px;
    opacity: 1;
    transition: opacity 300ms var(--ttf-7);
  }
  
  @media (hover: hover) {
    .path-list button:hover::before,
    .module-large-boxes .path-list > li > a:hover::before {
      opacity: 0;
    }
  }
  
  .path-list button::after,
  .module-large-boxes .path-list > li > a::after {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    box-sizing: border-box;
    z-index: 2;
    border-radius: 8px;
    border: 1px solid var(--base-color-white);
    transform: scale(0.95);
    opacity: 0;
    transition: 300ms var(--ttf-7);
    transition-property: transform, opacity;
  }
  
  @media (hover: hover) {
    .path-list button:hover::after,
    .module-large-boxes .path-list > li > a:hover::after {
      transform: none;
      opacity: 1;
    }
  }
  
  .path-list button .cpy-34,
  .module-large-boxes .path-list > li > a .cpy-34 {
    line-height: 1.02941176470588235294;
  }
  
  .path-list button > span,
  .module-large-boxes .path-list > li > a > span:not(.countdown) {
    position: absolute;
    inset: 0;
    box-sizing: border-box;
    padding: 15px;
    z-index: 3;
    display: grid;
    place-items: center;
    hyphens: auto;
  }
  
  .module-large-boxes .path-list > li > a > span.countdown {
    position: absolute;
    bottom: 1.8em;
    left: 0;
    width: 100%;
    display: block;
    text-align: center;
    z-index: 3;
  }
  
  @media (max-width: 600px) {
    
    body.page-mitmachen .path-list {
      --columns: 1;
    }
    
    body.page-mitmachen .path-list .cpy-34 {
      --min-font-size: 22px;
    }
    
  }
  
  @media (max-width: 500px) {
    
    .module-large-boxes .path-list > li > a > span.countdown {
      bottom: 1em;
    }
    
    body.page-mitmachen .module-large-boxes .path-list > li > a {
      padding-top: 0 !important;
    }
    
  }
  
  
  
  
  
  
  
  
	ol.steps-list {
		counter-reset: supernovae;
		max-width: 56.25em;
	}
	
	ol.steps-list > li {
		position: relative;
		padding-left: 7.3125em;
		padding-left: max(2em, min(8.125vw, 7.3125em));
		margin-bottom: 3.15em;
	}
	
	ol.steps-list > li::before {
		content: counter(supernovae) '.';
		counter-increment: supernovae;
		color: #EDEDED;
		display: block;
		position: absolute;
		left: 0;
		top: -0.35em;
		font-size: 3.125rem;
		font-size: max(1.875rem, min(3.47222222222222222222vw, 3.125rem));
		font-family: "Sneak-Medium",sans-serif;
	}
	
	ol.steps-list > li.has-no-number::before {
		display: none;
	}
	
	ol.steps-list .wysiwyg > ul li::before {
		content: '•';
	}
	
	ol.steps-list .wysiwyg > ul li, 
	ol.steps-list .wysiwyg > ol li {
		padding-left: 0.7em;
	}
	
	ol.steps-list .wysiwyg > ul li:not(:last-child),
	ol.steps-list .wysiwyg > ol li:not(:last-child) {
		margin-bottom: 0.5em;
	}
	
	.steps-list-item > div + div {
		margin-top: 2.125em;
	}
	
	.steps-list-item > div.video + div.audio {
		margin-top: 4.875em;
	}
	
	.steps-list-item .media-title {
		margin-bottom: .55em;
	}
  
  
  
  
  
  
  
  @media (max-width: 700px) {
    
    .path-list, .upload-col-set {
      --columns: 2;
    }
    
    nav.path-nav {
      display: none;
    }
    
  }
  
  
  
  
  
  
  
  
  @media (max-width: 500px) {
    
    .path-list button .cpy-34,
    .module-large-boxes .path-list > li > a .cpy-34 {
      --min-font-size: 22px;
    }
    
    .path-list, .upload-col-set {
      --columns: 1;
    }
    
    .path-list button,
    .module-large-boxes .path-list > li > a {
      padding-top: 0;
      height: 107px;
    }
    
    ol.steps-list > li {
      padding-left: 0;
    }
    
    ol.steps-list > li::before {
      position: static;
      margin-bottom: 0.1em;
    }
    
    ol.steps-list .cpy-34 {
      font-family: var(--base-font-1-regular);
      line-height: 1.21052631578947368421;
    }
    
  }




  .module-small-copy .module-wrap {
    max-width: max(500px, calc(808 * var(--base-unit)));
  }

  .module-small-copy .outer-headline {
    margin-bottom: 1.55882352941176470588em;
  }
  
  .module-small-copy .btn-set {
    margin-top: calc(62 * var(--px));
  }


  .module-teaser-slider .splide {
    --column-gap: calc(37 * var(--base-unit));
  }
  
  article.teaser-slider-article {
    border-radius: 15px;
    overflow: hidden;
  }

  article.teaser-slider-article .box-a {
    border-radius: 0;
    min-height: calc(215 * var(--base-unit));
    display: flex;
    flex-flow: column nowrap;
  }
  
  article.teaser-slider-article[data-type="tutorial"] .box-a,
  article.teaser-slider-article[data-type="event"] .box-a {
    background: var(--base-color-green);
  }
  
  article.teaser-slider-article .headline,
  article.video-teaser-article .headline {
    line-height: .95;
  }
  
  article.teaser-slider-article .headline span.date {
    color: var(--base-color-white);
  }
  
  article.teaser-slider-article .subheadline,
  article.video-teaser-article .subheadline {
    margin-top: calc(24 * var(--base-unit));
  }
  
  article.teaser-slider-article .btn-set,
  article.video-teaser-article .btn-set {
    margin-top: auto;
    padding-top: calc(24 * var(--base-unit));
  }
  
  article.teaser-slider-article .media {
    position: relative;
  }
  
  article.teaser-slider-article .media-button,
  article.video-teaser-article .media-button {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    align-content: center;
  }
  
  article.teaser-slider-article[data-type="project"] .media img,
  article.teaser-slider-article[data-type="tutorial"] .media img,
  article.teaser-slider-article[data-type="event"] .media img {
    aspect-ratio: 487 / 305 !important;
    object-fit: cover;
    object-position: center top;
    min-height: 226px;
  }

  
  
  
  
  article.teaser-slider-article .cpy-20 {
    --min-font-size: 19px;
  }
  
  article.teaser-slider-article .cpy-40 {
    --min-font-size: 24px;
  }
  
  article.teaser-slider-article .lnk-a {
    --min-font-size: 13px;
  }
  
  
  
  
  @media (max-width: 600px) {
    
    article.teaser-slider-article .cpy-40 {
      line-height: 1.08333333333333333333;
    }
    
    article.teaser-slider-article .btn-set {
      text-align: left;
      margin-top: 36px;
    }
    
    article.teaser-slider-article .subheadline {
      margin-top: 13px;
    }
    
  }


  .module-training form.is-submitting button[type="submit"] {
    opacity: 0.5;
    interactivity: inert;
    pointer-events: none;
  }
  
  
  @keyframes shake {
    0%  { transform: translateX(0); }
    10% { transform: translateX(-4px); }
    20% { transform: translateX(4px); }
    30% { transform: translateX(-3px); }
    40% { transform: translateX(3px); }
    50% { transform: translateX(-2px); }
    60% { transform: translateX(2px); }
    70% { transform: translateX(-1px); }
    80% { transform: translateX(1px); }
    90% { transform: translateX(-1px); }
    100% { transform: translateX(0); }
  }
  
  button.shake {
    animation: shake 0.75s cubic-bezier(.36,.07,.19,.97);
  }


  .soundscapes-cloud {
  	--cloud-gap-x: 0.7rem;
  	--cloud-gap-y: 0.9rem;

  	display: flex;
  	flex-wrap: wrap;
  	justify-content: center;
  	align-items: center;
  	align-content: center;
  	gap: var(--cloud-gap-y) var(--cloud-gap-x);

  	list-style: none;
  	margin: 0;
  	padding: 2% 4%;

  	max-width: 100%;
  	line-height: 1.1;
  }

  .soundscapes-cloud li {
  	display: inline-flex;
  	align-items: center;
  	justify-content: center;

  	margin: 0;
  	padding: 0.15em 0.35em;

  	white-space: nowrap;
  	line-height: 1;

  	transform-origin: center;
  	transition: transform 0.2s ease, opacity 0.2s ease;
  }

  /* Größen in Prozent */
  .soundscapes-cloud li[data-weight="1"] {
  	font-size: 85%;
  }

  .soundscapes-cloud li[data-weight="2"] {
  	font-size: 105%;
  }

  .soundscapes-cloud li[data-weight="3"] {
  	font-size: 130%;
  }

  .soundscapes-cloud li[data-weight="4"] {
  	font-size: 165%;
  }

  .soundscapes-cloud li[data-weight="5"] {
  	font-size: 210%;
  }

  /* Wolkenartigere Verteilung über wiederkehrende Muster */
  .soundscapes-cloud li:nth-child(6n + 1) {
  	transform: translateY(-0.18em);
  }

  .soundscapes-cloud li:nth-child(6n + 2) {
  	transform: translateY(0.12em);
  }

  .soundscapes-cloud li:nth-child(6n + 3) {
  	transform: translateY(-0.1em);
  }

  .soundscapes-cloud li:nth-child(6n + 4) {
  	transform: translateY(0.2em);
  }

  .soundscapes-cloud li:nth-child(6n + 5) {
  	transform: translateY(-0.06em);
  }

  .soundscapes-cloud li:nth-child(6n) {
  	transform: translateY(0.08em);
  }

  /* Zusätzliche Lockerung im Satzbild */
  .soundscapes-cloud li:nth-child(4n + 1) {
  	padding-left: 0.5em;
  	padding-right: 0.25em;
  }

  .soundscapes-cloud li:nth-child(4n + 2) {
  	padding-left: 0.25em;
  	padding-right: 0.5em;
  }

  .soundscapes-cloud li:nth-child(5n + 3) {
  	letter-spacing: 0.01em;
  }

  /* Größere Begriffe etwas "dominanter", aber nicht zu starr */
  .soundscapes-cloud li[data-weight="4"],
  .soundscapes-cloud li[data-weight="5"] {
  	z-index: 1;
  }

  /* Mobile Feintuning */
  @media (max-width: 767px) {
  	.soundscapes-cloud {
  		--cloud-gap-x: 0.5rem;
  		--cloud-gap-y: 0.7rem;
  		padding: 3% 2%;
  	}

  	.soundscapes-cloud li[data-weight="1"] {
  		font-size: 90%;
  	}

  	.soundscapes-cloud li[data-weight="2"] {
  		font-size: 105%;
  	}

  	.soundscapes-cloud li[data-weight="3"] {
  		font-size: 122%;
  	}

  	.soundscapes-cloud li[data-weight="4"] {
  		font-size: 145%;
  	}

  	.soundscapes-cloud li[data-weight="5"] {
  		font-size: 175%;
  	}
  }



  .sn-tuner .sn-tuner-inner {
    max-width: 540px;
    margin: 0 auto;
    position: relative;
  }
  
  .sn-tuner .start-button {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: grid;
    place-items: center;
  }
  
  .sn-tuner.is-running .start-button {
    display: none;
  }

  .notes {
    width: 100%;
    position: relative;
    text-align: center;
  }

  .notes .note {
    position: relative;
    display: inline-block;
    padding-right: 30px;
    padding-left: 10px;
    pointer-events: none;
    user-select: none;
    color: var(--base-color-white);
  }

  .notes .note.active {
    color: var(--base-color-black);
  }

  .notes-list {
    overflow: auto;
    overflow: -moz-scrollbars-none;
    white-space: nowrap;
    -ms-overflow-style: none;
    -webkit-mask-image: -webkit-linear-gradient(
      left,
      rgba(255, 255, 255, 0),
      #fff,
      rgba(255, 255, 255, 0)
    );
  }

  .notes-list::-webkit-scrollbar {
    display: none;
  }

  .notes .note {
    -webkit-tap-highlight-color: transparent;
  }

  .notes .note span {
    position: absolute;
    right: 0.25em;
    font-size: 40%;
    font-weight: normal;
  }

  .note-sharp {
    top: 0.3em;
  }

  .note-octave {
    bottom: 0.3em;
  }

  .frequency {
    font-size: 32px;
  }

  .frequency span {
    font-size: 50%;
    margin-left: 0.25em;
  }

  .meter {
    position: relative;
    width: 100%;
    height: min(380px, calc(380 * var(--base-unit)));
  }

  .meter-pointer {
    width: 5px;
    height: 100%;
    background: var(--base-color-black);
    transform: rotate(45deg);
    transform-origin: bottom;
    transition: transform 0.5s;
    position: absolute;
    right: 50%;
  }

  .meter-dot {
    width: 15px;
    height: 15px;
    background: var(--base-color-black);
    border-radius: 50%;
    position: absolute;
    bottom: -5px;
    right: 50%;
    margin-right: -5px;
  }

  .meter-scale {
    width: 2px;
    height: 100%;
    transform-origin: bottom;
    transition: transform 0.2s;
    box-sizing: border-box;
    border-top: 30px solid;
    position: absolute;
    right: 50%;
  }

  .a4 {
  }

  .a4 span {
  }




  .tutorials-list {
    --base-width: 100%;
    --columns: 3;
    --column-width: calc((var(--base-width) - (var(--column-gap) * var(--columns))) / var(--columns));
    --column-gap: calc(34 * var(--base-unit));
    --row-gap: var(--column-gap);
    margin-right: calc(var(--column-gap) * -1);
    margin-bottom: calc(var(--row-gap) * -1);
    display: flex;
    flex-flow: row wrap;
    transition: opacity 500ms var(--ttf-7);
  }
  
  .module-tutorials.is-loading * {
    pointer-events: none;
  }
  
  .module-tutorials.is-loading .tutorials-list {
    opacity: 0.2;
  }

  .tutorials-list > *:not(.note) {
    width: var(--column-width);
    margin-right: var(--column-gap);
    margin-bottom: var(--row-gap);
    max-width: 315px;
  }

  article.tutorial-teaser a {
    display: block;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
  }
  
  article.tutorial-teaser {
    border-radius: 8px;
    overflow: hidden;
    position: relative;
  }
  
  article.tutorial-teaser .copy {
    position: absolute;
    inset: 0;
    z-index: 2;
    text-align: center;
    color: var(--base-color-white);
    opacity: 0;
    transition: opacity 500ms var(--ttf-7);
    border-radius: 8px;
    overflow: hidden;
  }
  
  article.tutorial-teaser a:hover .copy {
    opacity: 1;
  }
  
  article.tutorial-teaser .copy::after {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    background: var(--base-color-green);
    opacity: 0.9;
    border-radius: 8px;
    overflow: hidden;
  }
  
  article.tutorial-teaser .copy > div {
    position: relative;
    z-index: 2;
    padding: max(21px, calc(28 * var(--base-unit)));
    padding-bottom: max(24px, calc(34 * var(--base-unit)));
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    transform: scale(1.03);
    transition: transform 500ms var(--ttf-7);
    will-change: transform;
  }
  
  article.tutorial-teaser a:hover .copy > div {
    transform: none;
  }
  
  article.tutorial-teaser .headline {
    margin: auto 0;
  }
  
  article.tutorial-teaser .cpy-20 {
    line-height: 1;
  }
  
  article.tutorial-teaser .cpy-34 {
    line-height: 1.02941176470588235294;
  }
  
  article.tutorial-teaser .tutors {
    padding-top: calc(15 * var(--base-unit));
  }
  
  article.tutorial-teaser .current {
    position: absolute;
    top: max(8px, calc(13 * var(--base-unit)));
    left: 13px;
    z-index: 2;
    color: var(--base-color-green);
    transition: 500ms var(--ttf-7);
  }
  
  article.tutorial-teaser a:hover .current {
    opacity: 0;
  }
  
  
  @media (any-pointer: coarse) {
    
    article.tutorial-teaser a .current {
      opacity: 0;
    }
    
    article.tutorial-teaser a .copy {
      opacity: 0.9;
    }
    
    article.tutorial-teaser a .copy > div {
      transform: none;
    }
    
  }
  
  
  
  
  
  article.tutorial-teaser .current > * {
    vertical-align: middle;
  }
  
  article.tutorial-teaser .current .dot {
    display: inline-block;
    width: .95em;
    height: .95em;
    border-radius: 50%;
    background: currentColor;
    margin-right: 3px;
  }
  
  .module-tutorials[data-view="overview"] .module-header {
    position: sticky;
    top: var(--page-padding-top);
    z-index: 5;
  }
  
  .module-tutorials .module-header form {
    position: relative;
    z-index: 2;
  }
  
  .module-tutorials[data-view="overview"] .module-header::after {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    background: var(--base-color-purple);
    filter: blur(30px);
    z-index: 1;
    opacity: 0.7;
  }
  
  .module-tutorials .module-header .headline {
    color: var(--base-color-white);
  }
  
  

  
  
  
  
  
  
  
  
  .filter-form-list {
    --base-width: 100%;
    --columns: 4;
    --column-width: calc((var(--base-width) - (var(--column-gap) * var(--columns))) / var(--columns));
    --column-gap: 4px;
    --row-gap: 4px;
    margin-right: calc(var(--column-gap) * -1);
    margin-bottom: calc(var(--row-gap) * -1);
    display: flex;
    flex-flow: row wrap;
  }
  
  .filter-form-list > * {
    width: var(--column-width);
    margin-right: var(--column-gap);
    margin-bottom: var(--row-gap);
    overflow: hidden;
  }
  
  
  
  
  
  
  
  
  
  @media (max-width: 850px) {
    
    .filter-form-list {
      --columns: 2;
    }
    
  }
  







  @media (max-width: 700px) {
    
    .tutorials-list {
      --columns: 2;
    }
    
  }
  
  
  
  
  
  @media (max-width: 600px) {
    
    .module-tutorials[data-view="overview"] .module-header {
      position: relative;
      top: auto;
    }
    
    .module-tutorials[data-view="overview"] .module-header::after {
      display: none;
    }
    
    
    article.tutorial-teaser .cpy-20 {
      --min-font-size: 19px;
    }
  
    article.tutorial-teaser .cpy-34 {
      --min-font-size: 22px;
    }
    
    article.tutorial-teaser .cpy-20 {
      line-height: 1.21052631578947368421;
    }
  
    article.tutorial-teaser .cpy-34 {
      line-height: 1.09090909090909090909;
    }
    
  }
  
  
  
  
  @media (max-width: 500px) {
    
    .tutorials-list {
      --columns: 1;
    }
    
    .filter-form-list {
      --columns: 1;
    }
    
    .tutorials-list > *:not(.note) {
      max-width: none;
    }
    
  }




  .tutors-list {
    --base-width: 100%;
    --columns: 3;
    --column-width: calc((var(--base-width) - (var(--column-gap) * var(--columns))) / var(--columns));
    --column-gap: calc(34 * var(--base-unit));
    --row-gap: max(25px, var(--column-gap));
    margin-right: calc(var(--column-gap) * -1);
    margin-bottom: calc(var(--row-gap) * -1);
    display: flex;
    flex-flow: row wrap;
  }

  .tutors-list > * {
    width: var(--column-width);
    margin-right: var(--column-gap);
    margin-bottom: var(--row-gap);
    max-width: 315px;
  }
  
  article.tutor-teaser a {
    display: block;
  }
  
  article.tutor-teaser img {
    transition: transform 500ms var(--ttf-7);
    will-change: transform;
    border-radius: 8px;
  }
  
  article.tutor-teaser a:hover img {
    transform: scale(1.03);
  }
  
  article.tutor-teaser figure {
    margin-bottom: 10px;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
  }
  
  article.tutor-teaser .copy {
    line-height: 1.2;
  }
  
  article.tutor-teaser .name {
    color: var(--base-color-white);
  }
  
  article.tutor-teaser .instruments span {
    display: block;
  }
  
  article.tutor-teaser .instruments span.comma {
    display: none;
  }
  
  
  
  
  
  
  
  
  
  @media (max-width: 700px) {
    
    .tutors-list {
      --columns: 2;
    }
    
  }
  
  
  
  
  
  
  
  @media (max-width: 400px) {
    
    .tutors-list {
      --columns: 1;
    }
    
    .tutors-list > * {
      max-width: none;
    }
    
  }


  .module-video figcaption {
    padding-top: 12px;
  }


  .module-video-teaser[data-layout="large"] {
    background: var(--base-color-green);
  }
  
  .module-video-teaser[data-layout="large"] .module-wrap {
    padding-top: calc(147 * var(--base-unit));
    padding-right: var(--page-padding-right);
    padding-bottom: calc(120 * var(--base-unit));
    padding-left: max(var(--page-padding-left-reduced), calc(120 * var(--base-unit)));
  }
  
  article.video-teaser-article {
    --box-width: calc(350 * var(--base-unit));
  }
  
  .module-video-teaser[data-layout="large"] article.video-teaser-article {
    max-width: 1200px;
    margin: 0 auto;
  }
  
  article.video-teaser-article > .inner {
    position: relative;
    border-top-left-radius: var(--box-border-radius);
    border-bottom-left-radius: var(--box-border-radius);
    overflow: hidden;
    transition: border-radius 500ms var(--ttf-7);
  }
  
  article.video-teaser-article.is-playing > .inner {
    border-radius: 0px;
  }
  
  article.video-teaser-article .col-set {
    display: flex;
    flex-flow: row nowrap;
  }
  
  article.video-teaser-article .box {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
  }
  
  article.video-teaser-article .media {
    position: relative;
    width: 100%;
    flex-shrink: 1;
  }
  
  article.video-teaser-article .media-button {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: grid;
    place-items: center;
    align-content: center;
    transition: opacity 500ms var(--ttf-7);
    pointer-events: none;
  }
  
  article.video-teaser-article .media-button .btn {
    pointer-events: all;
  }
  
  .module-video-teaser[data-layout="small"] article.video-teaser-article .media-button {
    left: var(--box-width);
  }
  
  .module-video-teaser[data-layout="large"] article.video-teaser-article .media-button {
    display: none;
  }
  
  article.video-teaser-article .copy {
    display: flex;
    flex-flow: column nowrap;
    flex-shrink: 0;
    box-sizing: border-box;
    width: var(--box-width);
    transition: transform 500ms var(--ttf-7);
  }
  
  .module-video-teaser[data-layout="large"] article.video-teaser-article {
    --box-width: calc(502 * var(--base-unit));
  }
  
  article.video-teaser-article .headline-1 {
    color: var(--base-color-white);
  }

  .module-video-teaser[data-layout="small"] article.video-teaser-article .btn-set {
    display: none;
  }
  
  
  
  article.video-teaser-article video {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
  }
  
  @media (min-width: 601px) {
    article.video-teaser-article.is-playing .copy {
      transform: translateX(-100%);
      pointer-events: none;
    }
  }
  
  article.video-teaser-article.is-playing .media-button {
    opacity: 0 !important;
  }
  
  article.video-teaser-article.is-playing .media-button .btn {
    pointer-events: none;
  }
  
  
  
  
  
  article.video-teaser-article .cpy-20 {
    --min-font-size: 19px;
  }
  
  article.video-teaser-article .cpy-40 {
    --min-font-size: 24px;
  }
  
  
  
  
  
  
  @media (max-width: 900px) {
    
    .module-video-teaser[data-layout="large"] .module-wrap {
      padding-left: var(--page-padding-left);
    }
    
  }
  
  
  
  
  
  
  @media (max-width: 600px) {
    
    article.video-teaser-article {
      --box-width: 100% !important;
    }
    
    article.video-teaser-article .copy {
      position: relative;
      top: auto;
      left: auto;
      bottom: auto;
      border-radius: var(--box-border-radius);
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
    
    article.video-teaser-article > .inner {
      border-bottom-left-radius: 0;
    }
    
    article.video-teaser-article .cpy-40 {
      line-height: 1.2;
    }
    
    article.video-teaser-article .btn-set {
      display: none;
    }
    
    .module-video-teaser[data-layout="large"] article.video-teaser-article .media-button {
      display: grid;
    }
    
    article.video-teaser-article .media-button {
      left: 0 !important;
    }
    
  }