.tabs{container:tabs / inline-size}.tabs>.wrapper{display:grid;grid-template-rows:auto 1fr}.tabs [role=tablist]{display:flex;flex-flow:row nowrap;align-items:end;column-gap:.5rem;list-style-type:none;padding:0;margin:0}@container tabs (max-width: 699px){.tabs [role=tablist]{flex-flow:row wrap;row-gap:.5rem;margin-bottom:1rem}}@container tabs (max-width: 379px){.tabs [role=tablist]{flex-flow:column;align-items:stretch}}.tabs [role=tab]{display:inline-block;padding:.75rem 1rem;border-radius:var(--system-borderRadius-small) var(--system-borderRadius-small) 0 0;border:2px dashed var(--elem-lineColour-moderateAccent, var(--theme-lineColour-moderate));border-bottom:none;text-decoration:none;font-size:1rem;color:var(--elem-fontColour-accent, var(--theme-fontColour-accent));font-weight:600;position:relative;transition:border .1s ease,color .1s ease}.tabs [role=tab]:is(:hover,:focus-visible){border:2px solid var(--elem-lineColour-boldAccent, var(--theme-lineColour-bold));border-bottom:none;color:var(--theme-fontColour)}.tabs [role=tab][aria-selected=true]{border-style:solid;border-color:var(--elem-bkgColour, var(--theme-bkgColour-subtleSecondary));border-bottom:none;background:var(--elem-bkgColour, var(--theme-bkgColour-subtleSecondary));color:var(--theme-fontColour)}.tabs [role=tab][aria-selected=true]:before,.tabs [role=tab][aria-selected=true]:after{content:"";width:var(--system-borderRadius-small);height:var(--system-borderRadius-small);background-image:radial-gradient(circle at 100% 100%,transparent var(--system-borderRadius-small),var(--elem-bkgColour, var(--theme-bkgColour-subtleSecondary)) var(--system-borderRadius-small));position:absolute}.tabs [role=tab][aria-selected=true]:before{rotate:180deg;left:calc((-1 * var(--system-borderRadius-small)) - 2px);bottom:0}.tabs [role=tab][aria-selected=true]:after{rotate:270deg;right:calc((-1 * var(--system-borderRadius-small)) - 2px);bottom:0}.tabs [role=tablist]>li:first-child [role=tab][aria-selected=true]:before{content:none}.tabs [role=tablist]>li:first-child [role=tab]:not([aria-selected=true]):before{content:"";width:var(--system-borderRadius-small);height:calc(var(--system-borderRadius-small) / 2);background:none;border-left:2px dashed var(--elem-lineColour-moderateAccent, var(--theme-lineColour-moderate));position:absolute;bottom:calc(var(--system-borderRadius-small) / -2);left:-2px}.tabs [role=tablist]>li:first-child [role=tab]:not([aria-selected=true]):is(:hover,:focus-visible):before{border-color:var(--elem-lineColour-boldAccent, var(--theme-lineColour-bold))}@media (hover: none){.tabs [role=tab]{border-style:solid;border-bottom:none}}@container tabs (max-width: 699px){.tabs [role=tab]{padding:.5rem .75rem;border-radius:var(--system-borderRadius-small);border:2px dashed var(--elem-lineColour-moderateAccent, var(--theme-lineColour-moderate))}@media (hover: none){.tabs [role=tab]{border-style:solid}}.tabs [role=tab]:is(:hover,:focus-visible){border:2px solid var(--elem-lineColour-boldAccent, var(--theme-lineColour-bold))}.tabs [role=tab][aria-selected=true]{background-color:var(--elem-bkgColour-boldAccent, var(--theme-bkgColour-bold));border:2px solid var(--elem-bkgColour-boldAccent, var(--theme-bkgColour-bold));color:var(--theme-fontColour-white)}.tabs [role=tab][aria-selected=true]:before,.tabs [role=tab][aria-selected=true]:after{content:none}.tabs [role=tablist]>li:first-child [role=tab]:not([aria-selected=true]):before{content:none}}@container tabs (max-width: 519px){.tabs [role=tab]{width:100%}}.tabs .panel-group{display:flex;flex-flow:column nowrap;padding:1.5rem;background:var(--elem-bkgColour, var(--theme-bkgColour-subtleSecondary));border-radius:var(--system-borderRadius-small);position:relative;overflow:hidden;transition:height .3s ease}@media (prefers-reduced-motion){.tabs .panel-group{transition:none}}.tabs .panel-group:has(>:first-child:not([aria-hidden])){border-radius:0 var(--system-borderRadius-small) var(--system-borderRadius-small) var(--system-borderRadius-small)}.tabs [role=tabpanel]{opacity:1;translate:0 0;transition:opacity .2s ease 50ms,translate .2s ease 50ms;overflow:hidden}@media (prefers-reduced-motion){.tabs [role=tabpanel]{transition:opacity .2s linear 50ms}}.tabs [role=tabpanel][aria-hidden=true]{height:0;opacity:0;translate:0 .5rem;transition:opacity 50ms ease}.tabs [role=tabpanel] :is(p,li,a){font-size:1rem}.tabs [role=tabpanel] li::marker{color:var(--elem-fontColour-accent)}@container tabs (max-width: 699px){.tabs .panel-group:has(>:first-child:not([aria-hidden])){border-radius:var(--system-borderRadius-small)}}.tabs a.back-to-top{--button-borderWidth: 2px;--button-borderColour: var(--elem-lineColour-moderateAccent, var(--theme-lineColour-moderate));display:none;align-items:center;gap:.5rem;place-self:start;margin-top:1rem;color:var(--elem-fontColour-accent, var(--theme-fontColour-accent));transition:background .1s ease,border-color .1s ease,color .1s ease}.tabs a.back-to-top:is(:hover,:focus-visible){background:var(--elem-bkgColour-boldAccent, var(--theme-bkgColour-bold));border-color:var(--elem-bkgColour-boldAccent, var(--theme-bkgColour-bold));color:var(--theme-fontColour-white)}.tabs a.back-to-top .icon.arrow{width:1.125rem;fill:var(--elem-fontColour-accent, var(--theme-fontColour-accent));flex-shrink:0;rotate:180deg;translate:0 0;transition:translate .2s ease,fill .1s ease}.tabs a.back-to-top:is(:hover,:focus-visible) .icon.arrow{fill:var(--theme-fontColour-white);translate:0 -.175rem}@container tabs (max-width: 519px){.tabs a.back-to-top{display:flex;justify-content:space-between}}@container tabs (max-width: 379px){.tabs a.back-to-top{width:100%;justify-content:space-between}}
