@layer reset,tokens;@layer components{.wod-menu{padding:var(--md-sys-space-100);border-radius:var(--md-comp-menu-shape);background:var(--md-sys-color-surface-container-lowest);min-width:224px;color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-2);overscroll-behavior:contain;border:0;max-height:min(70vh,420px);margin:0;overflow:auto}.wod-menu[popover]{inset:unset;top:calc(anchor(bottom, 0px) + var(--md-sys-space-100));left:anchor(left, 0px);opacity:0;transform-origin:top;transition:opacity var(--md-sys-motion-duration-short4) var(--wod-ease-enter), scale var(--md-sys-motion-duration-short4) var(--wod-ease-enter), overlay var(--md-sys-motion-duration-short4) var(--wod-ease-exit) allow-discrete, display var(--md-sys-motion-duration-short4) var(--wod-ease-exit) allow-discrete;margin:0;position:fixed;scale:.96}.wod-menu[popover]:popover-open{opacity:1;scale:1}@starting-style{.wod-menu[popover]:popover-open{opacity:0;scale:.96}}@supports not (transition-behavior:allow-discrete){.wod-menu[popover]:popover-open{animation:wod-menu-in var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized-decelerate)}}@supports not (anchor-name:--wod-menu){.wod-menu[popover]{top:max(var(--md-sys-space-200), env(safe-area-inset-top,0px));left:max(var(--md-sys-space-200), env(safe-area-inset-left,0px))}}@media (prefers-reduced-motion:reduce){.wod-menu[popover]{transition:opacity var(--md-sys-motion-duration-short2) linear, overlay var(--md-sys-motion-duration-short2) linear allow-discrete, display var(--md-sys-motion-duration-short2) linear allow-discrete;scale:1}@starting-style{.wod-menu[popover]:popover-open{opacity:0;scale:1}}}.wod-menu__label{min-height:32px;padding:var(--md-sys-space-100) var(--md-sys-space-150);font-family:var(--md-ref-typeface-plain);font-size:var(--md-sys-typescale-emphasized-label-large-size);color:var(--md-sys-color-on-surface-variant);pointer-events:none;align-items:center;font-weight:600;display:flex}.wod-menu a,.wod-menu button{align-items:center;gap:var(--md-sys-space-150);min-height:var(--md-sys-target-min,48px);width:100%;padding:0 var(--md-sys-space-150);border-radius:var(--md-sys-shape-small);color:inherit;font-family:var(--md-ref-typeface-plain);font-size:var(--wod-type-body);text-align:start;cursor:pointer;transition:background-color var(--md-sys-motion-expressive-fast-effects-duration) var(--md-sys-motion-expressive-fast-effects);background:0 0;border:0;text-decoration:none;display:flex}@media (pointer:coarse){.wod-menu a,.wod-menu button{min-height:var(--md-sys-target-min,48px);padding-block:var(--md-sys-space-150)}}.wod-menu a:focus-visible,.wod-menu button:focus-visible,.wod-menu a[aria-selected=true],.wod-menu button[aria-selected=true],.wod-menu [aria-selected=true]{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.wod-menu a:focus-visible,.wod-menu button:focus-visible{outline:var(--md-sys-focus-ring-width) solid var(--md-sys-focus-ring-color);outline-offset:var(--md-sys-focus-ring-offset)}.wod-menu a:active,.wod-menu button:active{background:color-mix(in srgb, var(--md-sys-color-primary) 16%, var(--md-sys-color-surface))}@media (hover:hover){.wod-menu a:hover,.wod-menu button:hover{background:color-mix(in srgb, var(--md-sys-color-primary) 12%, var(--md-sys-color-surface))}.wod-menu a:hover:active,.wod-menu button:hover:active{background:color-mix(in srgb, var(--md-sys-color-primary) 16%, var(--md-sys-color-surface))}}.wod-dialog{width:min(560px,100% - 48px);padding:var(--md-sys-space-300);border-radius:var(--md-comp-dialog-shape);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-3);overscroll-behavior:contain;opacity:0;max-height:min(90dvh,720px);transition:opacity var(--md-sys-motion-duration-medium4) var(--wod-ease-enter), translate var(--md-sys-motion-duration-medium4) var(--wod-ease-enter), overlay var(--md-sys-motion-duration-short4) var(--wod-ease-exit) allow-discrete, display var(--md-sys-motion-duration-short4) var(--wod-ease-exit) allow-discrete;border:0;overflow:auto;translate:0 8px}.wod-dialog::backdrop{background:color-mix(in srgb, var(--md-sys-color-scrim) calc(var(--md-sys-scrim-opacity) * 100%), transparent);opacity:0;transition:opacity var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized-accelerate)}.wod-dialog[open]{opacity:1;translate:0}.wod-dialog[open]::backdrop{opacity:1}@starting-style{.wod-dialog[open]{opacity:0;translate:0 8px}.wod-dialog[open]::backdrop{opacity:0}}@supports not (transition-behavior:allow-discrete){.wod-dialog[open]{animation:wod-dialog-in var(--md-sys-motion-duration-medium4) var(--md-sys-motion-easing-emphasized-decelerate)}}@media (prefers-reduced-motion:reduce){.wod-dialog{transition:opacity var(--md-sys-motion-duration-short2) linear, overlay var(--md-sys-motion-duration-short2) linear allow-discrete, display var(--md-sys-motion-duration-short2) linear allow-discrete;translate:0}@starting-style{.wod-dialog[open]{opacity:0;translate:0}}}.wod-dialog__actions{justify-content:flex-end;gap:var(--md-sys-space-100);margin-top:var(--md-sys-space-300);display:flex}.wod-snackbar{z-index:var(--md-sys-z-snackbar);inset-inline:var(--md-sys-space-200);align-items:center;gap:var(--md-sys-space-200);max-width:60ch;min-height:48px;padding:var(--md-sys-space-150) var(--md-sys-space-200);border-radius:var(--md-comp-snackbar-shape);background:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);font-family:var(--md-ref-typeface-plain);font-size:var(--wod-type-body);box-shadow:var(--md-sys-elevation-3);margin-inline:auto;display:flex;position:fixed;inset-block-end:var(--md-sys-space-200)}.g-demo-snack .wod-snackbar,.wod-snackbar--inline{z-index:auto;width:fit-content;max-width:min(60ch,100%);margin-inline:0;position:static;inset:auto}.wod-snackbar .wod-btn--text{color:var(--md-sys-color-inverse-primary)}.wod-tooltip{padding:var(--md-sys-space-100) var(--md-sys-space-150);border-radius:var(--md-comp-tooltip-shape);background:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);font-family:var(--md-ref-typeface-plain);font-size:var(--md-sys-typescale-emphasized-body-small-size);border:0;max-width:28ch;margin:0;line-height:1.25}.wod-progress{appearance:none;background:var(--md-sys-color-surface-container-highest);border-radius:var(--md-sys-shape-full);border:0;width:100%;height:4px;display:block;overflow:hidden}.wod-progress::-webkit-progress-bar{background:var(--md-sys-color-surface-container-highest)}.wod-progress::-webkit-progress-value{background:var(--md-sys-color-primary)}.wod-progress--indeterminate{background:var(--md-sys-color-surface-container-highest)}.wod-progress--indeterminate:after{content:"";background:var(--md-sys-color-primary);width:40%;height:100%;display:block}@media (prefers-reduced-motion:no-preference){.wod-progress--indeterminate:after{animation:wod-indeterminate 1.2s var(--md-sys-motion-easing-standard) infinite}}.wod-spinner{border:4px solid var(--md-sys-color-surface-container-highest);border-top-color:var(--md-sys-color-primary);border-radius:50%;width:48px;height:48px}@media (prefers-reduced-motion:no-preference){.wod-spinner{animation:.7s linear infinite wod-spin}}.wod-skeleton{gap:var(--md-sys-space-150);padding:var(--md-sys-space-200);border-radius:var(--md-comp-card-shape);background:var(--md-sys-color-surface-container-low);display:grid}.wod-skeleton__line,.wod-skeleton__block{border-radius:var(--md-sys-shape-extra-small);background:var(--wod-skeleton-base);background-image:linear-gradient(90deg, var(--wod-skeleton-base) 0%, var(--wod-skeleton-shine) 50%, var(--wod-skeleton-base) 100%);background-size:200% 100%}.wod-skeleton__line{width:100%;height:12px}.wod-skeleton__line--short{width:62%}.wod-skeleton__block{aspect-ratio:16/10;width:100%}@media (prefers-reduced-motion:no-preference){.wod-skeleton__line,.wod-skeleton__block{animation:wod-skeleton-pulse var(--wod-skeleton-duration) ease-in-out infinite}}.wod-sheet{padding:var(--md-sys-space-300);border-radius:var(--md-comp-sheet-shape) var(--md-comp-sheet-shape) 0 0;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-1);overscroll-behavior:contain;border:0;max-height:90dvh;margin:0;overflow:auto}.wod-sheet[popover]{opacity:0;width:100%;transition:opacity var(--md-sys-motion-duration-medium2) var(--wod-ease-enter), translate var(--md-sys-motion-duration-medium2) var(--wod-ease-enter), overlay var(--md-sys-motion-duration-short4) var(--wod-ease-exit) allow-discrete, display var(--md-sys-motion-duration-short4) var(--wod-ease-exit) allow-discrete;position:fixed;inset:auto 0 0;translate:0 16px}.wod-sheet[popover]:popover-open{opacity:1;translate:0}.wod-sheet::backdrop{background:color-mix(in srgb, var(--md-sys-color-scrim) calc(var(--md-sys-scrim-opacity) * 100%), transparent)}.wod-sheet[popover]::backdrop{opacity:0;transition:opacity var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized-accelerate)}.wod-sheet[popover]:popover-open::backdrop{opacity:1}@starting-style{.wod-sheet[popover]:popover-open{opacity:0;translate:0 16px}.wod-sheet[popover]:popover-open::backdrop{opacity:0}}@supports not (transition-behavior:allow-discrete){.wod-sheet[popover]:popover-open{animation:wod-sheet-in var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized-decelerate)}}@media (prefers-reduced-motion:reduce){.wod-sheet[popover]{transition:opacity var(--md-sys-motion-duration-short2) linear, overlay var(--md-sys-motion-duration-short2) linear allow-discrete, display var(--md-sys-motion-duration-short2) linear allow-discrete;translate:0}@starting-style{.wod-sheet[popover]:popover-open{opacity:0;translate:0}}}.wod-sheet__handle{width:32px;height:4px;margin:0 auto var(--md-sys-space-200);border-radius:var(--md-sys-shape-full);background:var(--md-sys-color-outline-variant);pointer-events:none;border:0;padding:0;display:block}.wod-sheet__toolbar{justify-content:space-between;align-items:center;gap:var(--md-sys-space-200);margin-bottom:var(--md-sys-space-150);display:flex}.wod-sheet__toolbar .g-t-title-l{margin:0}:is(.wod-sheet:has(>.wod-sheet__panel):not([popover]),.wod-sheet:has(>.wod-sheet__panel):popover-open){flex-direction:column;padding-block-end:0;display:flex;overflow:hidden}.wod-sheet__panel{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;flex:auto;padding-block-end:var(--md-sys-space-300);overflow:auto}.wod-sheet__footer{justify-content:flex-end;align-items:center;gap:var(--md-sys-space-100);padding-block:var(--md-sys-space-150) var(--md-sys-space-300);border-block-start:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);flex-wrap:wrap;flex:none;display:flex}}@layer patterns;@layer utilities{.wod-sticky-cta{bottom:var(--wod-sticky-cta-clearance,64px);z-index:calc(var(--md-sys-z-nav,30) - 1);align-items:center;gap:var(--md-sys-space-150);padding:var(--md-sys-space-150) var(--md-sys-space-200);padding-bottom:calc(var(--md-sys-space-150) + env(safe-area-inset-bottom,0px));background:var(--md-sys-color-surface-container-high);box-shadow:var(--md-sys-elevation-2);border-radius:var(--md-sys-shape-large) var(--md-sys-shape-large) 0 0;flex-wrap:wrap;display:flex;position:sticky}@media (prefers-reduced-motion:reduce){.wod-sticky-cta{-webkit-backdrop-filter:none;background:var(--md-sys-color-surface-container-lowest)}}.wod-sticky-cta__summary{gap:var(--md-sys-space-25);flex:auto;min-width:0;display:grid}.wod-sticky-cta__price{font-family:var(--md-ref-typeface-plain);font-size:var(--md-sys-typescale-emphasized-title-medium-size,16px);font-variant-numeric:tabular-nums;color:var(--md-sys-color-on-surface);margin:0;font-weight:700}.wod-sticky-cta__meta{font-size:var(--wod-type-body-sm,12px);color:var(--md-sys-color-on-surface-variant);margin:0}.wod-sticky-cta__actions{align-items:center;gap:var(--md-sys-space-100);flex-wrap:wrap;flex:none;display:flex}.wod-sticky-bar{z-index:calc(var(--md-sys-z-nav,30) - 2);align-items:center;gap:var(--md-sys-space-100) var(--md-sys-space-150);padding:var(--md-sys-space-100) var(--md-sys-space-200);min-height:var(--md-sys-target-min,48px);background:color-mix(in srgb, var(--md-sys-color-surface) 72%, transparent);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 -1px 0 var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface);flex-wrap:wrap;display:flex;position:sticky;top:0}.wod-sticky-bar__title{min-width:0;font-family:var(--md-ref-typeface-plain);font-size:var(--md-sys-typescale-emphasized-title-medium-size,16px);flex:auto;margin:0;font-weight:700;line-height:24px}.wod-sticky-bar__meta{font-size:var(--wod-type-body-sm,12px);color:var(--md-sys-color-on-surface-variant);margin:0}.wod-sticky-bar__actions{align-items:center;gap:var(--md-sys-space-100);flex-wrap:wrap;flex:none;display:flex}@media (prefers-reduced-motion:reduce),(prefers-reduced-transparency:reduce){.wod-sticky-bar{-webkit-backdrop-filter:none;background:var(--md-sys-color-surface-container-lowest)}}.wod-lightbox.wod-dialog,.wod-dialog.wod-lightbox{background:var(--md-sys-color-surface-container-highest);width:min(920px,100% - 32px);max-height:min(92dvh,900px);padding:0;overflow:hidden}.wod-lightbox.wod-dialog[open],.wod-dialog.wod-lightbox[open]{flex-direction:column;display:flex}.wod-lightbox__toolbar{justify-content:space-between;align-items:center;gap:var(--md-sys-space-150);padding:var(--md-sys-space-100) var(--md-sys-space-150);flex:none;display:flex}.wod-lightbox__title{font-size:var(--md-sys-typescale-emphasized-title-medium-size,16px);min-width:0;margin:0;font-weight:700}.wod-lightbox__media{aspect-ratio:16/10;background:var(--md-sys-color-surface-container);object-fit:cover;flex:auto;width:100%;min-height:0;max-height:min(70dvh,560px);margin:0}.wod-lightbox__caption{padding:var(--md-sys-space-150) var(--md-sys-space-200);font-size:var(--wod-type-body-sm,12px);color:var(--md-sys-color-on-surface-variant);flex:none;margin:0}.wod-lightbox:not(dialog){border-radius:var(--md-comp-dialog-shape,var(--md-sys-shape-large));width:100%;max-width:560px;box-shadow:var(--md-sys-elevation-3);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);flex-direction:column;display:flex;overflow:hidden}}
