.theater{--mask:url("data:image/svg+xml;utf8,<svg preserveAspectRatio=\"none\" viewBox=\"0 0 1139 182\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M.915 0C149.43 22.973 269.084 52.343 382.11 80.086h.001c80.265 19.701 157.187 38.582 238.726 53.769l.075.014c131.894 24.61 290.96 43.986 517.368 48.09H.915V0Z\"/></svg>");--theater-highlight-gradient:linear-gradient(to left, color-mix(in srgb, var(--color-secondary) 0%, transparent) 0%, var(--color-accent) 50%, var(--color-primary) 135%);width:100cqw;margin-left:50%;transform:translate(-50%);container:theater/inline-size}@container theater (width>=1199px){.theater__highlight{z-index:1;-webkit-mask-image:var(--mask-image,none);-webkit-mask-image:var(--mask-image,none);mask-image:var(--mask-image,none);background-image:var(--theater-highlight-gradient);--mask-image:var(--mask);opacity:.3;height:45%;position:absolute;bottom:0;left:-1rem;right:-1rem;transform:rotateY(180deg);-webkit-mask-size:150% 100%;mask-size:150% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.theater__highlight:after{content:"";opacity:.5;z-index:1;mix-blend-mode:soft-light;filter:brightness(3)grayscale();background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='turbulence' baseFrequency='.5' numOctaves='2' result='turbulence'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)'%3E%3C/rect%3E%3C/svg%3E");display:block;position:absolute;top:0;bottom:0;left:0;right:0}.theater .theater__tabs:not(.theater__tabs--single) .theater__media{border-radius:var(--border-radius) var(--border-radius) 0 0}.theater__tabs--single .theater__highlight{display:none}}body.design-scheme--meisterplan .theater{--mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg preserveAspectRatio%3D%22none%22 viewBox='0 0 2560 178' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M-10,88 H0 C270,88 520,170 795,170 C1065,170 1565,1 1835,1 C2105,1 2290,88 2560,88 H2570 V188 H-10 Z' /%3E%3C/svg%3E");--theater-highlight-gradient:linear-gradient(to left, color-mix(in srgb, var(--theater-color) 5%, var(--color-bg)), color-mix(in srgb, var(--theater-color) 40%, var(--color-bg)))}.theater__tabs{width:calc(100vw - var(--row-spacing) * 2);flex-direction:column-reverse;max-width:1920px;margin:0 auto;display:flex;position:relative}.theater__tabs .theater__tab{position:relative}@container theater (width<=1198px){.theater__tabs .theater__tab{text-align:center;flex-direction:column;gap:2rem;display:flex}}@container theater (width>=1199px){.theater__tabs{flex-direction:column;gap:4rem;overflow:hidden}.theater__tabs:not(.theater__tabs--single){border-radius:var(--border-radius);background-image:linear-gradient(to right, var(--theater-gradient-1) 25%, var(--theater-gradient-2));padding:0 3rem}.theater__tabs .theater__tab{z-index:2;grid-gap:4rem;grid-template-columns:2fr 5fr;display:grid}.theater__tabs.theater__tabs--reverse .theater__tab{grid-template-columns:5fr 2fr}.theater__tabs.theater__tabs--reverse .theater__tab .theater__description{grid-area:1/2/1/2}.theater__tabs.theater__tabs--reverse .theater__tab .theater__media,.theater__tabs.theater__tabs--reverse .theater__tab .theater__media-control{grid-area:1/1/1/1}}.theater__bento{--theater-width-bento-padding:3rem;flex-direction:column;gap:2rem;padding:0 1rem;display:flex}@container theater (width<=1198px){.theater__bento .theater__box{text-align:center;flex-direction:column;display:flex}}@container theater (width>=1198px){.theater__bento{width:calc(100vw - var(--row-spacing) * 2);grid-template-rows:min-content;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1920px;margin:0 auto;display:grid}.theater__bento .theater__box{border-radius:var(--border-radius);padding:4rem var(--theater-width-bento-padding) 0;display:flex;position:relative;overflow:hidden}.theater__bento .theater__box hgroup,.theater__bento .theater__box .theater__media{z-index:2;position:relative}.theater__bento .theater__box hgroup{max-width:550px}.theater__bento .theater__box .theater__media{border-radius:var(--border-radius) var(--border-radius) 0 0;width:100%;height:auto}.theater__bento .theater__box:first-child,.theater__bento .theater__box:nth-child(4n),.theater__bento .theater__box:nth-child(7n){background-image:linear-gradient(to right, var(--theater-gradient-1) 25%, var(--theater-gradient-2));grid-column:span 2;gap:4rem}.theater__bento .theater__box:nth-child(2),.theater__bento .theater__box:nth-child(3),.theater__bento .theater__box:nth-child(5n),.theater__bento .theater__box:nth-child(6n){background-image:linear-gradient(to bottom, var(--theater-gradient-1) 50%, var(--theater-gradient-2));text-align:center;flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;display:flex}.theater__bento .theater__box:nth-child(4),.theater__bento .theater__box:nth-child(4n){flex-direction:row-reverse}.theater__bento .theater__box:nth-child(4) .theater__media-control,.theater__bento .theater__box:nth-child(4n) .theater__media-control{right:auto;left:calc(var(--theater-width-bento-padding) + 2rem)}.theater__bento .theater__media-control{right:calc(var(--theater-width-bento-padding) + 2rem);border-bottom-right-radius:0;border-bottom-left-radius:0;padding-bottom:0;bottom:0}}.theater__slider{flex-direction:column;align-items:center;display:flex}.theater__slider .theater__slider-wrapper{justify-content:center;gap:4rem;display:flex}.theater__slider .theater__slider-wrapper .theater__slide--current{position:relative}.theater__slider .theater__slider-wrapper .theater__slide--current .theater__media{height:65vh}.theater__slider .theater__slider-wrapper .theater__slide--previous .theater__media,.theater__slider .theater__slider-wrapper .theater__slide--next .theater__media{cursor:pointer;height:50vh;position:relative;top:50%;transform:translateY(-50%)}.theater__slider .theater__slider-wrapper .theater__slide--previous .theater__media{float:right}.theater__slider .theater__description-overlay{text-align:center;padding:2rem 2rem 0}@media (min-width:1200px){.theater__slider .theater__description-overlay{z-index:2;border-radius:var(--border-radius);background:var(--color-bg);margin-top:-3rem;padding-bottom:2rem}}.theater__slider:has(.theater__description-overlay) .theater__slide--current .theater__media:after{background-image:radial-gradient(ellipse at bottom, color-mix(in srgb, var(--color-primary) 20%, transparent) 20%, transparent 75%);content:"";background-repeat:repeat;background-size:100% 10rem;height:10rem;position:absolute;top:auto;bottom:0;left:0;right:0;transform:translateY(50%)}.theater__slider hgroup{text-align:center;margin-bottom:0}.theater__slider hgroup h6{margin-bottom:1em}.theater__nav{justify-content:center;align-items:center;gap:.75rem;margin-top:2rem;display:flex;position:relative}.theater__nav .theater__nav-button{cursor:pointer;background-color:transparent;border:none;padding:0;position:relative}.theater__nav .theater__nav-button--previous,.theater__nav .theater__nav-button--next{color:var(--theater-color-pagination-dot);font-size:1.5rem;line-height:var(--line-height-base);font-family:var(--font-family-material)}.theater__nav .theater__nav-button--previous:hover,.theater__nav .theater__nav-button--next:hover{color:var(--theater-color-pagination-dot-hover)}@container theater (width>=1199px){.theater__nav .theater__nav-index{display:none}}@container theater (width<=1198px){.theater__nav .theater__nav-button--tab{display:none}}.theater__slider .theater__nav .theater__nav-button--tab{background-color:var(--theater-color-pagination-dot);border-radius:1rem;width:1.5rem;height:1rem;font-size:0;transition:all .23s}.theater__slider .theater__nav .theater__nav-button--tab:hover:not(.theater__nav-button--active){background-color:var(--theater-color-pagination-dot-hover)}.theater__slider .theater__nav .theater__nav-button--active{background-color:var(--theater-color-pagination-dot-active);width:3rem}.theater__slider .theater__nav .theater__nav-button--progress{background-color:var(--theater-color-progress-bar-bg);overflow:hidden}.theater__slider .theater__nav .theater__nav-button--progress:before{border-radius:inherit;background-color:var(--theater-color-progress-bar);width:var(--progress,0%);content:"";height:100%;transition:width .1s ease-out;position:absolute;top:0;right:0}@container theater (width>=1199px){.theater__tabs .theater__nav{z-index:2;gap:0;margin-top:0}.theater__tabs .theater__nav:after{z-index:1;background:var(--theater-color-nav-border);height:var(--theater-height-progress-bar);content:"";position:absolute;bottom:0;left:0;right:0}.theater__tabs .theater__nav .theater__nav-button{z-index:2;font-weight:var(--font-weight-medium);line-height:1}.theater__tabs .theater__nav .theater__nav-button--tab{opacity:.8;color:var(--theater-color-nav-tab-default);font-size:var(--font-size-base);background:0 0;border:0;padding:2rem 1.5rem 1rem;position:relative;overflow:hidden}.theater__tabs .theater__nav .theater__nav-button--tab:hover{color:var(--theater-color-nav-tab-active)}.theater__tabs .theater__nav .theater__nav-button--active{opacity:1;color:var(--theater-color-nav-tab-active)}.theater__tabs .theater__nav .theater__nav-button--active:after{background:var(--theater-color-nav-tab-active-border);height:var(--theater-height-progress-bar);content:"";position:absolute;bottom:0;left:0;right:0}.theater__tabs .theater__nav .theater__nav-button--progress:after{background:var(--theater-color-progress-bar-bg)}.theater__tabs .theater__nav .theater__nav-button--progress:before{z-index:3;background-color:var(--theater-color-progress-bar);width:var(--progress,0%);height:var(--theater-height-progress-bar);content:"";transition:width 50ms linear;position:absolute;bottom:0;right:0}.theater__tabs .theater__nav .theater__nav-button--previous,.theater__tabs .theater__nav .theater__nav-button--next{display:none}}.theater__media{box-shadow:0 0 2rem var(--theater-color-media-box-shadow);border-radius:var(--border-radius);background-color:var(--theater-color-media-bg);aspect-ratio:var(--aspect-ratio,16/9);position:relative;overflow:hidden}.theater__media img,.theater__media video,.theater__media canvas{width:100%;height:auto;display:block}.theater__media-control{z-index:10;cursor:pointer;box-shadow:0 0 1rem var(--theater-color-media-box-shadow);border-radius:calc(var(--button-radius) + var(--theater-size-media-control-outer-padding));background-color:var(--theater-color-media-control-bg);padding:var(--theater-size-media-control-outer-padding);justify-content:center;align-items:center;gap:1rem;transition:all .3s;display:flex;position:absolute;bottom:1rem;right:1rem}.theater__media-control button{font-size:1.25rem;font-family:var(--font-family-material);padding:.25rem .75rem}.theater__media-control .media-control__image-pagination{align-items:center;gap:.5rem;display:flex}@container theater (width<=1198px){.theater__media-control{display:none}}.theater__mobile{text-align:center;padding:0 1rem}.theater{--theater-color:var(--color-primary);--theater-gradient-1:color-mix(in srgb, var(--theater-color) 5%, var(--color-bg));--theater-gradient-2:color-mix(in srgb, var(--theater-color) 20%, var(--color-bg));--theater-color-nav-border:color-mix(in srgb, var(--theater-color) 10%, var(--color-bg));--theater-color-nav-tab-default:var(--color-contrast-light);--theater-color-nav-tab-active:var(--theater-color);--theater-color-nav-tab-active-border:var(--color-accent);--theater-color-media-bg:var(--color-bg);--theater-color-media-box-shadow:color-mix(in srgb, var(--theater-color) 20%, transparent);--theater-color-progress-bar-bg:color-mix(in srgb, var(--theater-color) 30%, var(--color-bg));--theater-color-progress-bar:var(--theater-color);--theater-color-pagination-dot:color-mix(in srgb, var(--theater-color) 20%, var(--color-bg));--theater-color-pagination-dot-active:var(--theater-color);--theater-color-pagination-dot-hover:color-mix(in srgb, var(--theater-color) 40%, var(--color-bg));--theater-color-media-control-bg:var(--color-bg);--theater-height-progress-bar:.125rem;--theater-size-media-control-outer-padding:1rem}
/*# sourceMappingURL=theater.min.css.map */