.tasca{--tasca-aria:var(--space-3)}.tasca-vetro{--ring-opacity:0;position:relative}.tasca-barra,.tasca-segno{display:none}@media (min-width:1024px){.tasca{margin-inline-start:calc(-1 * var(--space-2));padding-inline-start:var(--space-2)}.tasca[data-pronto] .tasca-segno{inline-size:var(--space-3);block-size:var(--space-3);translate:0 var(--tasca-y,0px);rotate:var(--tasca-giro,0deg);transition:translate var(--dur-base) var(--ease-out), rotate var(--dur-base) var(--ease-out), opacity var(--dur-base) var(--ease-out);pointer-events:none;display:block;position:absolute;inset-block-start:0;inset-inline-start:calc(var(--space-3) / -2)}.tasca[data-pronto]:not(:has(a[aria-current])) .tasca-segno{opacity:0}.tasca[data-pronto] a[aria-current=true]{border-inline-start-color:#0000}}@media screen and (max-width:1023px) and (min-height:481px){:root{--tasca-fondo:calc(var(--space-3) + var(--barra-h) + var(--space-2) + var(--space-1) + env(safe-area-inset-bottom,0px))}[data-has-index]:has(>.tasca[data-pronto]){grid-template-columns:minmax(0,1fr)}.tasca[data-pronto],.tasca[data-pronto]+*{grid-area:1/1}.tasca[data-pronto]{z-index:var(--z-tasca);inline-size:min(calc(100% + 2 * (var(--rail) - var(--space-3))), var(--barra-w));block-size:var(--barra-h);pointer-events:none;place-self:end center;display:block;position:sticky;inset-block-end:var(--tasca-fondo)}.tasca>p{display:none}.tasca-vetro{isolation:isolate;border-radius:var(--radius-sm);--ring-opacity:1;background:color-mix(in srgb, var(--bg-page) var(--barra-vetro), transparent);-webkit-backdrop-filter:var(--barra-filtro);backdrop-filter:var(--barra-filtro);pointer-events:auto;transition:grid-template-rows var(--dur-base) var(--ease-out), translate var(--dur-base) var(--ease-out), opacity var(--dur-base) var(--ease-out);grid-template-rows:0fr auto;grid-template-columns:minmax(0,1fr);display:grid;position:absolute;inset:auto 0 0}.tasca-vetro:after{content:"";z-index:-1;border-radius:inherit;background:var(--surface-grain);mix-blend-mode:var(--grain-blend);pointer-events:none;position:absolute;inset:0}.tasca[data-tasca=aperto] .tasca-vetro{grid-template-rows:1fr auto}.tasca[data-tasca=via] .tasca-vetro{translate:0 calc(100% + var(--tasca-fondo));opacity:0;pointer-events:none}html.menu-open .tasca-vetro,html.consent-open .tasca-vetro{visibility:hidden;transition:none}html:has(.barra-parla[aria-expanded=true]) .tasca-vetro{visibility:hidden;transition:none}.tasca-barra{inline-size:100%;block-size:var(--barra-h);padding-block:0;padding-inline:calc(2 * var(--space-3) + var(--space-2)) var(--space-3);border-radius:inherit;color:var(--text-primary);font-family:var(--font-mono);font-size:var(--fs-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;grid-row:2;align-items:center;display:flex}.tasca-barra:focus-visible{outline:2px solid var(--focus-ring);outline-offset:calc(-1 * var(--space-1))}.tasca-titolo{white-space:pre;text-overflow:ellipsis;flex:1;min-inline-size:0;overflow:hidden}.tasca-pannello{visibility:hidden;min-block-size:0;transition:visibility 0s linear var(--dur-base);grid-row:1;overflow:hidden}.tasca[data-tasca=aperto] .tasca-pannello{visibility:visible;transition-delay:0s}.tasca-dentro{padding:var(--space-3) var(--space-3) var(--space-1)}.tasca-pannello ol{gap:0}.tasca-pannello a{min-block-size:var(--space-4);padding-block:var(--space-1);align-items:center;display:flex}@media (forced-colors:none){.tasca-pannello a[aria-current=true]{border-image:var(--grad-hairline-v) 1}}.tasca[data-stretto] .tasca-pannello a{line-height:var(--space-4);white-space:nowrap;text-overflow:ellipsis;padding-block:0;display:block;overflow:hidden}.tasca[data-stretto=scorre] .tasca-pannello{max-block-size:var(--tasca-max);overscroll-behavior:contain;overflow-y:auto}.tasca[data-pronto] .tasca-segno{inline-size:var(--space-3);block-size:var(--space-3);rotate:var(--tasca-giro,0deg);transition:rotate var(--dur-base) var(--ease-out);pointer-events:none;display:block;position:absolute;inset-block-end:calc((var(--barra-h) - var(--space-3)) / 2);inset-inline-start:var(--space-3)}}:root[data-reduced-motion] .tasca-vetro,:root[data-reduced-motion] .tasca-pannello,:root[data-reduced-motion] .tasca-segno{transition:none}@media (forced-colors:active){.tasca[data-pronto] a[aria-current=true]{border-inline-start-color:highlight}}@media screen and (max-width:1023px) and (min-height:481px) and (forced-colors:active){.tasca-vetro{border:1px solid canvastext}}
