@layer components{.media-collection{--media-collection-background:var(--black-30);--media-collection-control-border:var(--white-20);--media-collection-control-fill:var(--black-50);--media-collection-control-text:var(--white-100);--media-collection-dot:var(--white-50);--media-collection-dot-active:var(--orange-100);--media-collection-more-fill:var(--black-50);--media-collection-more-text:var(--white-100);--media-gap:var(--space-4);--media-radius:var(--radius-lg);background:var(--media-collection-background);width:100%;position:relative;overflow:hidden}.media-collection[data-frame=wide]{--media-frame-ratio:9 / 5;--media-frame-max:none}.media-collection[data-frame=tall]{--media-frame-ratio:4 / 5;--media-frame-max:var(--size-560)}.media-collection[data-frame=compact]{--media-frame-ratio:27 / 10;--media-frame-max:none}.media-collection[data-frame=fixed]{--media-frame-ratio:398 / 260;--media-frame-max:none}.media-collection[data-frame]{background:0 0}.media-collection[data-frame]:not([data-layout=filmstrip]){width:100%;aspect-ratio:var(--media-frame-ratio);max-height:var(--media-frame-max,none);padding:0 var(--space-4);box-sizing:border-box}.media-collection[data-frame] .media-collection__item{border-radius:var(--media-radius);background:var(--black-14);overflow:clip}.media-collection[data-layout=carousel],.media-collection[data-layout=mosaic]{aspect-ratio:16/9}.media-collection[data-layout=mosaic]{gap:var(--space-6);padding:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.media-collection[data-layout=mosaic][data-count="1"]{grid-template-columns:minmax(0,1fr)}.media-collection[data-layout=mosaic][data-count="3"],.media-collection[data-layout=mosaic][data-count="4"]{grid-template-rows:repeat(2,minmax(0,1fr))}.media-collection[data-layout=mosaic][data-count="3"] .media-collection__item:first-child{grid-row:span 2}.media-collection[data-layout=mosaic] .media-collection__item{border-radius:var(--radius-lg)}.media-collection[data-layout=single]{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid}.media-collection[data-layout=cols-2]{gap:var(--media-gap,4px);grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.media-collection[data-layout=cols-3]{gap:var(--media-gap,4px);grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.media-collection[data-layout=tall-left]{gap:var(--media-gap,4px);grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,1fr) minmax(0,2fr);display:grid}.media-collection[data-layout=tall-left]>.media-collection__item:first-child{grid-row:1/span 2}.media-collection[data-layout=hero-left]{gap:var(--media-gap,4px);grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,2fr) minmax(0,1fr);display:grid}.media-collection[data-layout=hero-left]>.media-collection__item:first-child{grid-row:1/span 2}.media-collection[data-layout=row-fit]{gap:var(--media-gap,4px);display:flex}.media-collection[data-layout=row-fit]>.media-collection__item{flex:var(--cell-weight,1) 1 0%;height:100%}@container (max-width:500px){.media-collection[data-layout=row-fit][data-fallback=hero-left],.media-collection[data-layout=row-fit][data-fallback=tall-left]{gap:var(--media-gap,4px);grid-template-rows:repeat(2,minmax(0,1fr));display:grid}.media-collection[data-layout=row-fit][data-fallback=hero-left]{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.media-collection[data-layout=row-fit][data-fallback=tall-left]{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.media-collection[data-layout=row-fit][data-fallback]>.media-collection__item{flex:initial}.media-collection[data-layout=row-fit][data-fallback]>.media-collection__item:first-child{grid-row:1/span 2}}@container (max-width:299.98px){.media-collection[data-layout=row-fit][data-count="2"]{gap:var(--media-gap,4px);grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.media-collection[data-layout=row-fit][data-count="2"]>.media-collection__item{flex:initial}}.media-collection[data-layout=filmstrip]{background:0 0;flex-direction:column;display:flex}.media-collection[data-layout=filmstrip][data-frame=wide]{--media-frame-ratio:2 / 1;--media-frame-max:var(--size-344)}.media-collection[data-layout=filmstrip][data-frame=tall]{--media-frame-ratio:16 / 9;--media-frame-max:var(--size-380)}.media-collection__frame{width:100%;aspect-ratio:var(--media-frame-ratio,9 / 5);max-height:var(--media-frame-max,none);padding:0 var(--space-4);box-sizing:border-box;position:relative}.media-collection[data-layout=filmstrip] .media-collection__viewport{inset:0 var(--space-4);border-radius:var(--media-radius);width:auto;height:auto;padding:0;position:absolute;overflow:hidden;container-type:size}.media-collection[data-layout=filmstrip] .media-collection__track{gap:var(--media-gap);height:100%;display:flex}.media-collection__viewport,.media-collection__track,.media-collection__item,.media-collection__item>*{width:100%;height:100%}.media-collection__viewport{touch-action:pan-y pinch-zoom;position:relative;overflow:hidden}.media-collection__track{will-change:transform;display:flex}.media-collection__item{min-width:0;min-height:0;position:relative;overflow:hidden}.media-collection[data-layout=carousel] .media-collection__item{backface-visibility:hidden;flex:0 0 100%}.media-collection[data-layout=filmstrip] .media-collection__item{width:calc(100cqh * var(--slide-ratio,1));height:100%;aspect-ratio:var(--slide-ratio,1);max-width:calc(100% - var(--size-88));border-radius:var(--media-radius);background:var(--black-14);backface-visibility:hidden;flex:none;overflow:clip}.media-collection__tabbar{width:100%;height:var(--size-24);justify-content:center;align-items:center;gap:var(--space-6);display:flex}.media-collection__tabbar-dot{pointer-events:auto;width:var(--size-6);height:var(--size-6);border-radius:var(--radius-full);background:var(--white-30);cursor:pointer;border:0;padding:0;transition:width .18s,background-color .18s}.media-collection__tabbar-dot[aria-current=true]{width:var(--size-20);height:var(--size-6);background:var(--white-100)}.media-collection__tabbar-dot:disabled{cursor:default}.media-collection__ambient{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.media-collection__ambient img{object-fit:cover;width:100%;height:100%;filter:blur(var(--blur-20));display:block;transform:scale(1.4)}.media-collection__ambient-dim{background:var(--black-40);position:absolute;inset:0}.media-collection__navigation-overlay{pointer-events:auto;z-index:1;position:absolute;inset:0}.media-collection__navigation-overlay>*,.media-collection__item img{width:100%;height:100%;display:block}.media-collection__item[data-fit=contain] img,.media-collection__item[data-fit=contain-ambient] img:not(.media-collection__ambient img){z-index:1;object-fit:contain;position:relative}.media-collection__item[data-fit=cover] img:not(.media-collection__ambient img){object-fit:cover}.media-collection__button{pointer-events:auto;z-index:3;width:var(--size-48);height:var(--size-48);border-radius:var(--radius-full);color:var(--media-collection-control-text);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.media-collection__button--previous{left:var(--space-4)}.media-collection__button--next{right:var(--space-4)}.media-collection__button:disabled{opacity:.4;cursor:default}.media-collection__button:focus-visible,.media-collection__page:focus-visible,.media-collection__tabbar-dot:focus-visible{outline:var(--space-2) solid var(--white-100);outline-offset:var(--space-2)}.media-collection__button-content{width:var(--size-40);height:var(--size-40);border:var(--size-1) solid var(--media-collection-control-border);border-radius:var(--radius-full);background:var(--media-collection-control-fill);place-items:center;display:grid}.media-collection__button svg{width:var(--size-24);height:var(--size-24)}.media-collection__pagination{pointer-events:none;right:0;bottom:var(--space-10);z-index:3;min-height:var(--size-8);justify-content:center;align-items:center;gap:var(--space-6);display:flex;position:absolute;left:0}.media-collection__page{pointer-events:auto;width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--media-collection-dot);cursor:pointer;border:0;padding:0}.media-collection__page[data-distance="3"]{width:var(--space-4);height:var(--space-4)}.media-collection__page[data-distance="2"]{width:var(--space-6);height:var(--space-6)}.media-collection__page[data-distance="0"],.media-collection__page[data-distance="1"]{width:var(--size-8);height:var(--size-8)}.media-collection__page[aria-current=true]{background:var(--media-collection-dot-active)}.media-collection__more{z-index:2;background:var(--media-collection-more-fill);color:var(--media-collection-more-text);font-family:var(--font-main);font-size:var(--fs-24);font-weight:var(--fw-semibold);line-height:var(--lh-32);letter-spacing:var(--ls-0);font-variant-numeric:lining-nums proportional-nums;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@container (max-width:500px){.media-collection__more{font-size:var(--fs-20);line-height:var(--lh-28)}}@media (max-width:767px){.media-collection__button{display:none}}}