/*!
 * Copyright (c) 2026 f78.
 *
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at https://mozilla.org/MPL/2.0/.
 */
/*!
 * Copyright (c) 2026 f78.
 *
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at https://mozilla.org/MPL/2.0/.
 */
._media-info_1et4m_15{flex-direction:column;gap:.375rem;display:flex;overflow:hidden}._media-info_1et4m_15 ._title_1et4m_21{color:inherit;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:1.375rem;font-weight:650;display:flex}._media-info_1et4m_15 ._title_1et4m_21 ._file-name_1et4m_30{white-space:nowrap}._media-info_1et4m_15 ._title_1et4m_21 ._file-type_1et4m_33{color:color-mix(in srgb, currentcolor, transparent 40%);font-size:1.125rem;font-weight:400}._media-info_1et4m_15 ._title_1et4m_21 ._badge_1et4m_38{text-shadow:none;color:var(--color-text)}._media-info_1et4m_15 ._caption_1et4m_42{color:color-mix(in srgb, currentcolor, transparent 20%)}._media-info_1et4m_15 ._caption_1et4m_42:empty{display:none}._media-info_1et4m_15 ._caption_1et4m_42 :first-child{margin-top:0}._media-info_1et4m_15 ._caption_1et4m_42 :last-child{margin-bottom:0}._media-info_1et4m_15>*{margin:0}._media-info_1et4m_15 small{color:color-mix(in srgb, currentcolor, transparent 40%)}.media-style{background-color:var(--color-component);color:var(--color-heading);border:1px solid var(--color-border);border-radius:3.40282e38px}@media not (prefers-contrast:more){.media-style{box-shadow:0 0 1.25rem #00000017}}@media screen and not (prefers-contrast:more){:root[data-preferences~=immersiveFX] .media-style{backdrop-filter:blur(.5rem)contrast(110%)brightness(75%);background-color:color-mix(in srgb, var(--color-component), transparent 38%)}}@media screen and (not (prefers-contrast:more)) and (prefers-color-scheme:light){:root[data-preferences~=immersiveFX]:is(:not(.loaded),[data-theme=auto]) .media-style{backdrop-filter:blur(.5rem)contrast(78%)brightness(160%)}}@media print and not (prefers-contrast:more){.media-style{backdrop-filter:blur(.5rem)contrast(78%)brightness(160%)}}@media not (prefers-contrast:more){:root[data-preferences~=immersiveFX][data-theme=light] .media-style{backdrop-filter:blur(.5rem)contrast(78%)brightness(160%)}}.btn-media,.btn-media-group{flex-shrink:0;height:2.75rem;display:flex}main .btn-media,main .btn-media-group{box-shadow:none}.btn-media [data-icon],.btn-media-group [data-icon]{font-size:1.5rem}.btn-media,.btn-media-group{background-color:var(--color-component);color:var(--color-heading);border:1px solid var(--color-border);border-radius:3.40282e38px}@media not (prefers-contrast:more){.btn-media,.btn-media-group{box-shadow:0 0 1.25rem #00000017}}@media screen and not (prefers-contrast:more){:root[data-preferences~=immersiveFX] .btn-media,:root[data-preferences~=immersiveFX] .btn-media-group{backdrop-filter:blur(.5rem)contrast(110%)brightness(75%);background-color:color-mix(in srgb, var(--color-component), transparent 38%)}}@media screen and (not (prefers-contrast:more)) and (prefers-color-scheme:light){:root[data-preferences~=immersiveFX]:is(:not(.loaded),[data-theme=auto]) .btn-media,:root[data-preferences~=immersiveFX]:is(:not(.loaded),[data-theme=auto]) .btn-media-group{backdrop-filter:blur(.5rem)contrast(78%)brightness(160%)}}@media print and not (prefers-contrast:more){.btn-media,.btn-media-group{backdrop-filter:blur(.5rem)contrast(78%)brightness(160%)}}@media not (prefers-contrast:more){:root[data-preferences~=immersiveFX][data-theme=light] .btn-media,:root[data-preferences~=immersiveFX][data-theme=light] .btn-media-group{backdrop-filter:blur(.5rem)contrast(78%)brightness(160%)}}.btn-media{justify-content:center;align-items:center;width:2.75rem}:where(.btn-media){cursor:pointer;transition:background-color .17s;position:relative}@media screen{:root[data-preferences~=immersiveFX] .btn-media:after{content:""}}.btn-media:after{border-radius:inherit;opacity:0;pointer-events:none;background:radial-gradient(#ffffff1c,#ffffff1a,#ffffff14);transition:opacity .17s;position:absolute;inset:0}@media screen and (prefers-color-scheme:light){:root:is(:not(.loaded),[data-theme=auto]) .btn-media:after{background:radial-gradient(#0002,#00000020,#0000001a)}}@media print{.btn-media:after{background:radial-gradient(#0002,#00000020,#0000001a)}}:root[data-theme=light] .btn-media:after{background:radial-gradient(#0002,#00000020,#0000001a)}.btn-media:focus-visible:after{opacity:1}@media print{.btn-media:focus-visible{background-color:#ffffff18}}:root:not([data-preferences~=immersiveFX]) .btn-media:focus-visible{background-color:#ffffff18}@media screen and (prefers-color-scheme:light){:root:not([data-preferences~=immersiveFX]):is(:not(.loaded),[data-theme=auto]) .btn-media:focus-visible{background-color:#00000014}}@media print{.btn-media:focus-visible{background-color:#00000014}}:root:not([data-preferences~=immersiveFX])[data-theme=light] .btn-media:focus-visible{background-color:#00000014}@media screen and (prefers-color-scheme:light){:root:is(:not(.loaded),[data-theme=auto]) .btn-media:focus-visible:after{opacity:.65}}@media print{.btn-media:focus-visible:after{opacity:.65}}:root[data-theme=light] .btn-media:focus-visible:after{opacity:.65}@media (hover:hover){.btn-media:hover:after{opacity:1}}@media print and (hover:hover){.btn-media:hover{background-color:#ffffff18}}@media (hover:hover){:root:not([data-preferences~=immersiveFX]) .btn-media:hover{background-color:#ffffff18}}@media screen and (hover:hover) and (prefers-color-scheme:light){:root:not([data-preferences~=immersiveFX]):is(:not(.loaded),[data-theme=auto]) .btn-media:hover{background-color:#00000014}}@media print and (hover:hover){.btn-media:hover{background-color:#00000014}}@media (hover:hover){:root:not([data-preferences~=immersiveFX])[data-theme=light] .btn-media:hover{background-color:#00000014}}@media screen and (hover:hover) and (prefers-color-scheme:light){:root:is(:not(.loaded),[data-theme=auto]) .btn-media:hover:after{opacity:.65}}@media print and (hover:hover){.btn-media:hover:after{opacity:.65}}@media (hover:hover){:root[data-theme=light] .btn-media:hover:after{opacity:.65}}.btn-media:active:after{opacity:.6}@media print{.btn-media:active{background-color:#ffffff0f}}:root:not([data-preferences~=immersiveFX]) .btn-media:active{background-color:#ffffff0f}:root[data-preferences~=no-fx\ light] .btn-media:active{background-color:#0000001f}@media screen and (prefers-color-scheme:light){:root:is(:not(.loaded),[data-theme=auto]) .btn-media:active:after{opacity:1}}@media print{.btn-media:active:after{opacity:1}}:root[data-theme=light] .btn-media:active:after{opacity:1}.btn-media-group>a,.btn-media-group>button,.btn-media-group>.popup-container>button{width:2.75rem;height:100%;color:inherit;background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;text-decoration:none;display:flex}:where(.btn-media-group>a,.btn-media-group>button,.btn-media-group>.popup-container>button){cursor:pointer;transition:background-color .17s;position:relative}@media screen{:root[data-preferences~=immersiveFX] .btn-media-group>a:after,:root[data-preferences~=immersiveFX] .btn-media-group>button:after,:root[data-preferences~=immersiveFX] .btn-media-group>.popup-container>button:after{content:""}}.btn-media-group>a:after,.btn-media-group>button:after,.btn-media-group>.popup-container>button:after{border-radius:inherit;opacity:0;pointer-events:none;background:radial-gradient(#ffffff1c,#ffffff1a,#ffffff14);transition:opacity .17s;position:absolute;inset:0}@media screen and (prefers-color-scheme:light){:root:is(:not(.loaded),[data-theme=auto]) .btn-media-group>a:after,:root:is(:not(.loaded),[data-theme=auto]) .btn-media-group>button:after,:root:is(:not(.loaded),[data-theme=auto]) .btn-media-group>.popup-container>button:after{background:radial-gradient(#0002,#00000020,#0000001a)}}@media print{.btn-media-group>a:after,.btn-media-group>button:after,.btn-media-group>.popup-container>button:after{background:radial-gradient(#0002,#00000020,#0000001a)}}:root[data-theme=light] .btn-media-group>a:after,:root[data-theme=light] .btn-media-group>button:after,:root[data-theme=light] .btn-media-group>.popup-container>button:after{background:radial-gradient(#0002,#00000020,#0000001a)}.btn-media-group>a:focus-visible:after,.btn-media-group>button:focus-visible:after,.btn-media-group>.popup-container>button:focus-visible:after{opacity:1}@media print{.btn-media-group>a:focus-visible,.btn-media-group>button:focus-visible,.btn-media-group>.popup-container>button:focus-visible{background-color:#ffffff18}}:root:not([data-preferences~=immersiveFX]) .btn-media-group>a:focus-visible,:root:not([data-preferences~=immersiveFX]) .btn-media-group>button:focus-visible,:root:not([data-preferences~=immersiveFX]) .btn-media-group>.popup-container>button:focus-visible{background-color:#ffffff18}@media screen and (prefers-color-scheme:light){:root:not([data-preferences~=immersiveFX]):is(:not(.loaded),[data-theme=auto]) .btn-media-group>a:focus-visible,:root:not([data-preferences~=immersiveFX]):is(:not(.loaded),[data-theme=auto]) .btn-media-group>button:focus-visible,:root:not([data-preferences~=immersiveFX]):is(:not(.loaded),[data-theme=auto]) .btn-media-group>.popup-container>button:focus-visible{background-color:#00000014}}@media print{.btn-media-group>a:focus-visible,.btn-media-group>button:focus-visible,.btn-media-group>.popup-container>button:focus-visible{background-color:#00000014}}:root:not([data-preferences~=immersiveFX])[data-theme=light] .btn-media-group>a:focus-visible,:root:not([data-preferences~=immersiveFX])[data-theme=light] .btn-media-group>button:focus-visible,:root:not([data-preferences~=immersiveFX])[data-theme=light] .btn-media-group>.popup-container>button:focus-visible{background-color:#00000014}@media screen and (prefers-color-scheme:light){:root:is(:not(.loaded),[data-theme=auto]) .btn-media-group>a:focus-visible:after,:root:is(:not(.loaded),[data-theme=auto]) .btn-media-group>button:focus-visible:after,:root:is(:not(.loaded),[data-theme=auto]) .btn-media-group>.popup-container>button:focus-visible:after{opacity:.65}}@media print{.btn-media-group>a:focus-visible:after,.btn-media-group>button:focus-visible:after,.btn-media-group>.popup-container>button:focus-visible:after{opacity:.65}}:root[data-theme=light] .btn-media-group>a:focus-visible:after,:root[data-theme=light] .btn-media-group>button:focus-visible:after,:root[data-theme=light] .btn-media-group>.popup-container>button:focus-visible:after{opacity:.65}@media (hover:hover){.btn-media-group>a:hover:after,.btn-media-group>button:hover:after,.btn-media-group>.popup-container>button:hover:after{opacity:1}}@media print and (hover:hover){.btn-media-group>a:hover,.btn-media-group>button:hover,.btn-media-group>.popup-container>button:hover{background-color:#ffffff18}}@media (hover:hover){:root:not([data-preferences~=immersiveFX]) .btn-media-group>a:hover,:root:not([data-preferences~=immersiveFX]) .btn-media-group>button:hover,:root:not([data-preferences~=immersiveFX]) .btn-media-group>.popup-container>button:hover{background-color:#ffffff18}}@media screen and (hover:hover) and (prefers-color-scheme:light){:root:not([data-preferences~=immersiveFX]):is(:not(.loaded),[data-theme=auto]) .btn-media-group>a:hover,:root:not([data-preferences~=immersiveFX]):is(:not(.loaded),[data-theme=auto]) .btn-media-group>button:hover,:root:not([data-preferences~=immersiveFX]):is(:not(.loaded),[data-theme=auto]) .btn-media-group>.popup-container>button:hover{background-color:#00000014}}@media print and (hover:hover){.btn-media-group>a:hover,.btn-media-group>button:hover,.btn-media-group>.popup-container>button:hover{background-color:#00000014}}@media (hover:hover){:root:not([data-preferences~=immersiveFX])[data-theme=light] .btn-media-group>a:hover,:root:not([data-preferences~=immersiveFX])[data-theme=light] .btn-media-group>button:hover,:root:not([data-preferences~=immersiveFX])[data-theme=light] .btn-media-group>.popup-container>button:hover{background-color:#00000014}}@media screen and (hover:hover) and (prefers-color-scheme:light){:root:is(:not(.loaded),[data-theme=auto]) .btn-media-group>a:hover:after,:root:is(:not(.loaded),[data-theme=auto]) .btn-media-group>button:hover:after,:root:is(:not(.loaded),[data-theme=auto]) .btn-media-group>.popup-container>button:hover:after{opacity:.65}}@media print and (hover:hover){.btn-media-group>a:hover:after,.btn-media-group>button:hover:after,.btn-media-group>.popup-container>button:hover:after{opacity:.65}}@media (hover:hover){:root[data-theme=light] .btn-media-group>a:hover:after,:root[data-theme=light] .btn-media-group>button:hover:after,:root[data-theme=light] .btn-media-group>.popup-container>button:hover:after{opacity:.65}}.btn-media-group>a:active:after,.btn-media-group>button:active:after,.btn-media-group>.popup-container>button:active:after{opacity:.6}@media print{.btn-media-group>a:active,.btn-media-group>button:active,.btn-media-group>.popup-container>button:active{background-color:#ffffff0f}}:root:not([data-preferences~=immersiveFX]) .btn-media-group>a:active,:root:not([data-preferences~=immersiveFX]) .btn-media-group>button:active,:root:not([data-preferences~=immersiveFX]) .btn-media-group>.popup-container>button:active{background-color:#ffffff0f}:root[data-preferences~=no-fx\ light] .btn-media-group>a:active,:root[data-preferences~=no-fx\ light] .btn-media-group>button:active,:root[data-preferences~=no-fx\ light] .btn-media-group>.popup-container>button:active{background-color:#0000001f}@media screen and (prefers-color-scheme:light){:root:is(:not(.loaded),[data-theme=auto]) .btn-media-group>a:active:after,:root:is(:not(.loaded),[data-theme=auto]) .btn-media-group>button:active:after,:root:is(:not(.loaded),[data-theme=auto]) .btn-media-group>.popup-container>button:active:after{opacity:1}}@media print{.btn-media-group>a:active:after,.btn-media-group>button:active:after,.btn-media-group>.popup-container>button:active:after{opacity:1}}:root[data-theme=light] .btn-media-group>a:active:after,:root[data-theme=light] .btn-media-group>button:active:after,:root[data-theme=light] .btn-media-group>.popup-container>button:active:after{opacity:1}.btn-media-group .btn-media-close{color:oklch(67.05% .214 23.7735)}@media screen and (prefers-color-scheme:light){:root:is(:not(.loaded),[data-theme=auto]) .btn-media-group .btn-media-close{color:oklch(63.7% .237 25.331)}}@media print{.btn-media-group .btn-media-close{color:oklch(63.7% .237 25.331)}}:root[data-theme=light] .btn-media-group .btn-media-close{color:oklch(63.7% .237 25.331)}.btn-media-group>:not(.slider):not(.popup-container):first-child,.btn-media-group>:not(.slider).popup-container:first-child>button{border-top-left-radius:3.40282e38px;border-bottom-left-radius:3.40282e38px;width:2.6875rem;padding-left:.125rem}@media screen{:root[data-preferences~=immersiveFX] .btn-media-group>:not(.slider):not(.popup-container):first-child>[data-icon],:root[data-preferences~=immersiveFX] .btn-media-group>:not(.slider).popup-container:first-child>button>[data-icon]{transition:transform .275s cubic-bezier(.34,1.56,.64,1)}:root[data-preferences~=immersiveFX] .btn-media-group>:not(.slider):not(.popup-container):first-child:focus-visible>[data-icon],:root[data-preferences~=immersiveFX] .btn-media-group>:not(.slider).popup-container:first-child>button:focus-visible>[data-icon]{transform:scale(1.05)rotate(-1.5deg)}}@media screen and (hover:hover){:root[data-preferences~=immersiveFX] .btn-media-group>:not(.slider):not(.popup-container):first-child:hover>[data-icon],:root[data-preferences~=immersiveFX] .btn-media-group>:not(.slider).popup-container:first-child>button:hover>[data-icon]{transform:scale(1.05)rotate(-1.5deg)}}@media screen{:root[data-preferences~=immersiveFX] .btn-media-group>:not(.slider):not(.popup-container):first-child:active>[data-icon],:root[data-preferences~=immersiveFX] .btn-media-group>:not(.slider).popup-container:first-child>button:active>[data-icon]{transform:scale(.97)rotate(.9deg)}:root[data-preferences~=immersiveFX] .btn-media-group>:not(.slider):nth-last-child(n+3)>[data-icon]{transition:transform .275s cubic-bezier(.34,1.56,.64,1)}:root[data-preferences~=immersiveFX] .btn-media-group>:not(.slider):nth-last-child(n+3):focus-visible>[data-icon]{transform:scale(1.05)rotate(-1.5deg)}}@media screen and (hover:hover){:root[data-preferences~=immersiveFX] .btn-media-group>:not(.slider):nth-last-child(n+3):hover>[data-icon]{transform:scale(1.05)rotate(-1.5deg)}}@media screen{:root[data-preferences~=immersiveFX] .btn-media-group>:not(.slider):nth-last-child(n+3):active>[data-icon]{transform:scale(.97)rotate(.9deg)}:root[data-preferences~=immersiveFX] .btn-media-group>:not(.slider):nth-last-child(2)>[data-icon]{transition:transform .275s cubic-bezier(.34,1.56,.64,1)}:root[data-preferences~=immersiveFX] .btn-media-group>:not(.slider):nth-last-child(2):focus-visible>[data-icon]{transform:scale(1.05)rotate(0)}}@media screen and (hover:hover){:root[data-preferences~=immersiveFX] .btn-media-group>:not(.slider):nth-last-child(2):hover>[data-icon]{transform:scale(1.05)rotate(0)}}@media screen{:root[data-preferences~=immersiveFX] .btn-media-group>:not(.slider):nth-last-child(2):active>[data-icon]{transform:scale(.97)rotate(0)}}.btn-media-group>:not(.slider):not(.popup-container):last-child,.btn-media-group>:not(.slider).popup-container:last-child>button{border-top-right-radius:3.40282e38px;border-bottom-right-radius:3.40282e38px;width:2.6875rem;padding-right:.125rem}@media screen{:root[data-preferences~=immersiveFX] .btn-media-group>:not(.slider):not(.popup-container):last-child>[data-icon],:root[data-preferences~=immersiveFX] .btn-media-group>:not(.slider).popup-container:last-child>button>[data-icon]{transition:transform .275s cubic-bezier(.34,1.56,.64,1)}:root[data-preferences~=immersiveFX] .btn-media-group>:not(.slider):not(.popup-container):last-child:focus-visible>[data-icon],:root[data-preferences~=immersiveFX] .btn-media-group>:not(.slider).popup-container:last-child>button:focus-visible>[data-icon]{transform:scale(1.05)rotate(1.5deg)}}@media screen and (hover:hover){:root[data-preferences~=immersiveFX] .btn-media-group>:not(.slider):not(.popup-container):last-child:hover>[data-icon],:root[data-preferences~=immersiveFX] .btn-media-group>:not(.slider).popup-container:last-child>button:hover>[data-icon]{transform:scale(1.05)rotate(1.5deg)}}@media screen{:root[data-preferences~=immersiveFX] .btn-media-group>:not(.slider):not(.popup-container):last-child:active>[data-icon],:root[data-preferences~=immersiveFX] .btn-media-group>:not(.slider).popup-container:last-child>button:active>[data-icon]{transform:scale(.97)rotate(-.9deg)}}.btn-media-group>:not(.slider):not(.popup-container):first-child:last-child,.btn-media-group>:not(.slider).popup-container:first-child:last-child>button{width:2.625rem}.btn-media-group>:not(.slider):not(:first-child){border-left:inherit}.btn-media-group>.slider{height:100%}