/* uma-learn-media-captions-06oct2026-v2.css (live name: /uma-learn-media.css), captions button session, 6 Oct 2026: release build 62 uma-learn-media.css (v1) plus one Part B block at the end (search: CAPTIONS BUTTON). Part A is unchanged. */
/* uma-learn-media-03oct2026-v1.css   (live name: /uma-learn-media.css)
   For the Learn pages' library picks and the Uma big screen reel.
   PART A: generated from UMA.css by tools/build-library-bridge-03oct2026-v1.py.
   PART B: written by hand. */
/* PART A (GENERATED by build-library-bridge-03oct2026-v1.py, do not edit by hand)
   The library page's own UMA.css lines, limited to the library wrappers
   <div class="page-uma-library page-catalogue"> on a Learn page (the library page has
   those two classes on <html>): 947 rules and 0 keyframes.
   Why: about-adhd, about-autism and somatic-super-syndrome do not load UMA.css
   (their UMA.css link sits inside their stand-in <style>), so the library
   cards and drawers bring their own lines. Declarations are copied as UMA.css
   has them; selectors only change scope:
     - :root{--tokens} becomes .page-uma-library{--tokens} (custom properties only),
       :root[data-theme="dark"] becomes :root[data-theme="dark"] .page-uma-library;
     - rules for every page get :where(.page-uma-library) in front, which adds no
       weight, so the library's own order of rules still decides;
     - rules for the library page (.page-uma-library, .page-catalogue) are kept as they are;
     - the library <body> rule gives the wrapper only its text colour, not its background;
     - rules for other pages, and rules for classes the library never uses, are left out.
   Source: release UMA.css = relay v80 (claude/determined-ramanujan-94lxdy@9f0893f, release manifest v58).
   Remake it whenever UMA.css or the library page changes. */
.page-uma-library { --light-white-rgb: 250, 248, 247; --radar-graph-tile-width: 280px; --radar-graph-score-width: 3.5rem; --card-title-lg: 1.4rem; --card-title-sm: 1.3rem; --table-tick-col-width: 3.5rem; --rule-grey: #E0E0E0; --canvas-inset-total: 4rem; --carouselle-card-xs: 300px; --carouselle-card-lg: 340px; --carouselle-card-xl: 360px; --carouselle-card-xxl: 380px; --idle-notice-width: 420px; --default-radius: 10px; --default-row-gap: var(--app-default-top-bottom-margin-sm); --default-max-width: 1280px; --pill-filter-height: 45px; --pill-filter-selected-height: var(--button-size-xs); --nav-link-padding-horizontal: 1rem; --filter-bar-left-right-padding: 10px; --default-whitespace-below-section-headings: 4rem; --default-whitespace-below-panel-headings: 2.3rem; --default-whitespace-below-tables: 3rem; --default-card-top-padding: 2rem; --platform-spotify: rgb(31, 31, 31); --platform-apple: rgb(27, 27, 29); --platform-spotify-height: 352px; --platform-apple-height: 352px; --platform-spotify-height-compact: 152px; --platform-apple-height-compact: 175px; --blur-md: 8px; --blur-lg: 20px; --opacity-very-low: 0.05; --opacity-low: 0.2; --opacity-moderate: 0.5; --opacity-high: 0.7; --opacity-very-high: 0.8; --opacity-near-full: 0.9; --hover-overlay-dark: rgba(35, 47, 75, 0.08); --hover-overlay-light: rgba(0, 0, 0, 0.05); --hover-overlay-light-strong: rgba(0, 0, 0, 0.08); --pure-white: #FFFFFF; --bright-white: #F9F9F9; --new-white: #F6F3F1; --white: var(--bright-white); --light-white: #FAF8F7; --mid-white: #F2EDEA; --dark-white: #DCD6D4; --white-text-default: var(--bright-white); --lightest-charcoal: #9C9894; --light-charcoal: #808080; --mid-charcoal: #333232; --dark-charcoal: #0E0F15; --bright-white-rgb: 249,249,249; --black-rgb: 0,0,0; --white-rgb: 255,255,255; --navy: #232F4B; --navy-dark: #192032; --bright-blue: #034A69; --bright-teal: #009691; --dark-teal: #006570; --bright-green: #23683B; --moss-green: #104736; --light-sage-green: #808029; --dark-sage-green: #565205; --orange: #EA7100; --bright-orange: #EA7100; --orange-dark: #D36400; --yellow: #EAB409; --mustard: #B08211; --tomato: #DE4D00; --red: #C34825; --red-dark: #A93C1E; --light-mushroom: #D6C9B4; --mid-mushroom: #B2A899; --mushroom: #9F9280; --sunrise-amber: #f4a84a; --sunrise-gold: #fdd08a; --sunrise-peach: #fde9c8; --sunrise-cream: #fff6e9; --moon-cream: #fdfbe7; --bottle-navy: #1b2c50; --bottle-steel: #3a4f7a; --bottle-water: #5bb6e6; --bird-grey: #5a5a64; --bird-grey-light: #6a6a74; --egg-disabled: #6b7488; --tomato-rgb: 222, 77, 0; --success: var(--bright-green); --error: var(--tomato); --card-default-background: var(--light-white); --flood-color: var(--navy); --shadow-overlay: rgba(var(--black-rgb), var(--opacity-low)); --uma-xxs: 30px; --uma-xs: 40px; --uma-sm: 50px; --uma-md: 60px; --uma-lg: 70px; --uma-xl: 80px; --uma-xxl: 100px; --uma-xxxl: 120px; --uma-xxxxl: 150px; --heading-size-xxxl: 3rem; --heading-size-xxl: 2.75rem; --heading-size-xl: 2.2rem; --heading-size-lg: 2rem; --heading-size-md: 1.7rem; --heading-size-sm: 1.2rem; --heading-size-xs: 1.12rem; --heading-letter-spacing-tight: -0.02em; --body-text-xxxl: 1.6rem; --body-text-xxl: 1.4rem; --body-text-xl: 1.2rem; --body-text-lg: 1.12rem; --body-text-sm: 1rem; --body-text-xs: .9rem; --body-text-xxs: .8rem; --app-default-para-text: var(--body-text-sm); --app-section-para-text: var(--body-text-lg); --font-weight-thin: 200; --font-weight-extra-light: 300; --font-weight-light: 350; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semi-bold: 600; --font-weight-bold: 700; --font-weight-extra-bold: 800; --font-weight-black: 900; --default-line-height-single: 1; --default-line-height-x-small: 1.3; --default-line-height-small: 1.5; --default-line-height-large: 1.6; --default-line-height-x-large: 1.7; --subnav-link-font-size: 1em; --subnav-link-item-font-size: .9em; --subnav-link-item-font-size-mobile: 1em; --intervention-heading-size: var(--heading-size-xl); --intervention-heading-margin-bottom: var(--app-default-top-bottom-margin-xl); --accordion-open-max-height: 4000px; --button-icon-xs: 0.8rem; --button-icon-sm: 1.1rem; --button-icon-md: 1.2rem; --button-icon-lg: 1.4rem; --button-icon-xl: 1.5rem; --button-icon-xxl: 1.6rem; --button-icon-xxxl: 2rem; --button-icon-xxxxl: 4rem; --button-size-xs: 30px; --button-size-sm: 35px; --button-size-md: 40px; --button-size-lg: 50px; --button-size-xl: 60px; --button-size-xxl: 70px; --button-size-xxxl: 80px; --switch-thumb-ratio: 0.8; --switch-mini-height: var(--button-size-xs); --switch-sm-height: var(--button-size-sm); --switch-md-height: var(--button-size-sm); --switch-lg-height: var(--button-size-md); --switch-thumb-inset: 4px; --switch-lg-width: calc(var(--button-size-md) * 2); --switch-lg-thumb: calc(var(--button-size-md) - var(--switch-thumb-inset) * 2); --switch-lg-icon: var(--button-icon-xl); --switch-mini-width: calc(var(--button-size-xs) * 1.75); --switch-mini-thumb: calc(var(--button-size-xs) - var(--switch-thumb-inset) * 2); --switch-mini-icon: var(--button-icon-xs); --switch-sm-width: calc(var(--button-size-sm) * 1.75); --switch-sm-thumb: calc(var(--button-size-sm) - var(--switch-thumb-inset) * 2); --switch-sm-icon: var(--button-icon-sm); --gap-xxs: 0.4rem; --gap-xs: 0.5rem; --gap-sm: 0.6rem; --gap-md: 0.8rem; --gap-regular: 1rem; --gap-lg: 1.25rem; --gap-xl: 1.5rem; --gap-xxl: 2rem; --default-gap: var(--gap-regular); --app-default-top-bottom-margin-xxxxs: 0.2rem; --app-default-top-bottom-margin-xxxs: 0.4rem; --app-default-top-bottom-margin-xxs: 0.5rem; --app-default-top-bottom-margin-xs: .8rem; --app-default-top-bottom-margin-sm: 1rem; --app-default-top-bottom-margin-md: 1.3rem; --app-default-top-bottom-margin-lg: 1.5rem; --app-default-top-bottom-margin-xl: 2rem; --app-default-top-bottom-margin-xxl: 2.5rem; --app-default-top-bottom-margin-xxxl: 3rem; --app-default-top-bottom-margin-xxxxl: 4rem; --app-default-top-bottom-margin-xxxxxl: 6rem; --stroke-hairline: 0.5px; --stroke-thin: 1px; --stroke-thick: 2px; --stroke-extra-thick: 2.5px; --field-border-active: var(--stroke-thick); --focus-outline-color: var(--orange); --focus-outline-width: var(--stroke-extra-thick); --focus-ring-offset: 2px; --app-default-radius-xs: 4px; --app-default-radius-sm: 8px; --app-default-radius-md: 10px; --app-default-radius-lg: 15px; --default-focus-ring-radius: 4px; --default-left-right-padding: 1.25rem; --lr: 80px; --r: 10px; --md-radius: 0; --btn-radius: 10px; --radius-pill: 999px; --radius-circle: 50%; --radius-letter-tile: 5px; --radius-tooltip: 5px; --radius-tooltip-large: 0.5rem; --radius-square-letter: 6px; --radius-input: 0.25rem; --field-height: var(--button-size-lg); --field-radius: var(--app-default-radius-md); --field-padding-x: 1rem; --field-padding: 0.875rem; --field-multiline-min-height: 110px; --field-action-gap: 0.5rem; --field-action-btn-padding-x: 1.25rem; --btn-padding-x: 2rem; --marker-size: 2rem; --marker- font-size: var(--body-text-lg); --pill-marker-gap: 0.75rem; --answer-button-height: var(--button-size-xxl); --marker-inset: calc((var(--answer-button-height) - var(--marker-size)) / 2); --pill-padding: 0.625rem 1rem; --pill-padding-right: 1.5rem; --pill-rect-padding: 0.875rem 1rem; --radius-rect-pill: 0.5rem; --answer-gap: 0.75rem; --carouselle-card-width-small: 240px; --carouselle-card-width-medium: 320px; --carouselle-card-width-large: 400px; --carouselle-card-width-mobile: 310px; --carouselle-card-width-review: 300px; --carouselle-card-ratio-review: 3 / 5; --carouselle-card-ratio-golden: 1 / 1.618; --carouselle-card-ratio-tall: 16 / 25; --carouselle-card-ratio-book: 1 / 1.5; --carouselle-card-ratio-poker: 7 / 10; --carouselle-card-ratio-portrait: 3 / 4; --carouselle-card-ratio-square: 1 / 1; --carouselle-card-ratio-landscape: 4 / 3; --product-tile-bg: var(--pure-white); --transition-base: 0.3s; --opacity-visible: 1; --opacity-hidden: 0; --earmark-size: 90px; --earmark-text-top: 17px; --earmark-text-right: 12px; --pill-row-padding-x: 1.25rem; --uma-disc-card-img-padding: 3rem; --uma-disc-card-img-padding-sm: 0; --uma-disc-card-img-padding-md: 2rem; --uma-disc-card-width: var(--carouselle-card-width-medium); --uma-disc-card-width-mobile: var(--carouselle-card-width-mobile); --uma-disc-card-height: calc(var(--uma-disc-card-width) * var(--golden-ratio)); --lozenge-border-color: var(--bright-blue); --lozenge-selected-bg: var(--bright-blue); --lozenge-unselected-color: var(--bright-blue); --circle-stroke-color: var(--bright-blue); --circle-size: 32px; --sidebar-width: 60px; --fixed-header-height: 60px; --subnav-row-height: 60px; --link-line-height: 4px; --max-body-content-width: 1280px; --max-stack-width: calc(var(--max-body-content-width) / 2); --max-body-wrapper-width: calc(var(--max-body-content-width) - var(--sidebar-width)); --inner-wrapper-margin-top-desktop: 2.5rem; --inner-wrapper-margin-top-mobile: 1.5rem; --default-left-right-mob-body-padding: 2rem; --default-left-right-desk-body-padding: 4rem; --results-mirror-padding: calc(var(--default-left-right-desk-body-padding) + var(--sidebar-width)); --mirror-right-padding: calc(var(--default-left-right-desk-body-padding) + var(--sidebar-width)); --golden-ratio: 1.618; --golden-ratio-small: 0.382; --golden-ratio-large: 0.618; --golden-ratio-small-percentage: 38.2%; --golden-ratio-large-percentage: 61.8%; --golden-width-small: calc(var(--max-body-content-width) * var(--golden-ratio-small)); --golden-width-large: calc(var(--max-body-content-width) * var(--golden-ratio-large)); --max-content-width-golden-section-small: calc((var(--max-body-wrapper-width) - 2 * var(--default-left-right-desk-body-padding)) * var(--golden-ratio-small)); --max-content-width-golden-section-large: calc((var(--max-body-wrapper-width) - 2 * var(--default-left-right-desk-body-padding)) * var(--golden-ratio-large)); --back-next-button-diameter: 2.5rem; --section-title-font-size: var(--heading-size-xxl); --section-pseudo-gap-adjustment: calc(var(--inner-wrapper-margin-top-desktop) + var(--back-next-button-diameter) + var(--section-title-font-size)); --lozenge-padding-x: 1.5rem; --lozenge-padding-y: 1rem; --lozenge-gap-x: 1rem; --lozenge-gap-y: 1rem; --title-page-background-color: var(--bright-blue); --info-icon-color: var(--bright-blue); --circle-stroke-width: 2px; --next-btn-bg: var(--orange); --next-btn-text: var(--bright-white); --condition-card-width: 460px; --condition-card-aspect-ratio: calc(613 / 460); --reviews-scrollbar-size: 8px; --reviews-quote-scrollbar-size: 6px; --reviews-empty-padding-y: 3rem; --default-card-left-right-padding: 2rem; --default-card-bottom-padding: 2.5rem; --review-widget-card-peek: 85%; --review-widget-sort-min-width: 12rem; --review-widget-sort-padding-right: 2.6rem; --button-transition-duration: 0.3s; --button-transition-ease: ease; --btn-padding-x-default: 1.5rem; --form-label-emoji-size: var(--button-icon-sm); --marker-tick-size: var(--button-icon-sm); --chrome-progress-bar-height: 0.5rem; --form-label-size: var(--body-text-sm); --chrome-control-bar-margin-top: var(--app-default-top-bottom-margin-lg); --chrome-progress-bar-segment-gap: var(--gap-md); --form-label-emoji-gap: var(--gap-xs); --form-item-gap: var(--gap-regular); --chrome-row-gap: var(--gap-md); --canvas-toggle-size: 18px; --canvas-wcell-size: 96px; --canvas-note-size: 80px; --canvas-note-size-lg: 100px; --canvas-add-circle: 20px; --canvas-bullet-dot-size: 6px; --canvas-sheet-width: 1123px; --canvas-sheet-height: 794px; --canvas-sheet-padding: var(--app-default-top-bottom-margin-xxl) var(--app-default-top-bottom-margin-xxxl) var(--app-default-top-bottom-margin-xxl); --canvas-sheet-shadow: 0 4px 22px rgba(var(--black-rgb), var(--opacity-very-low)); --canvas-dashed-border: var(--stroke-thin) dashed var(--dark-white); --canvas-pt-xs: 10pt; --canvas-pt-sm: 11pt; --canvas-pt-md: 12pt; --canvas-pt-lg: 16pt; --canvas-pt-xl: 22pt; --canvas-pt-xxl: 28pt; --transition-fast: .2s; --shake-distance: 10px; --shake-duration: 0.5s; --canvas-logo-top: 42px; --canvas-logo-right: 48px; --canvas-tray-width: 1100px; --canvas-wdrop-size: 458px; --canvas-card-pad: var(--app-default-top-bottom-margin-xxl) 30px var(--app-default-top-bottom-margin-xl); --canvas-introtile-pad: 34px 38px; --bullet-text-size: var(--canvas-pt-sm); --bullet-line-height: var(--default-line-height-large); --bullet-gap: var(--gap-lg); --feedback-panel-width: 400px; --feedback-panel-margin: 1.25rem; --z-feedback-tab: 10000005; --z-feedback-panel: 10000007; --uma-flyout-logo-size: var(--uma-lg); --uma-logo-flyout-margin-bot: 0.9rem; --uma-title-flyout-font-size: var(--app-default-top-bottom-margin-xxxl); --flyout-pseudo-gap-adjustment: calc(var(--uma-flyout-logo-size) + var(--uma-logo-flyout-margin-bot) + var(--uma-title-flyout-font-size)); --flyout-padding-left-desktop: var(--app-default-top-bottom-margin-xxxl); --flyout-padding-left-mobile: var(--app-default-top-bottom-margin-xl); --flyout-padding-right: 1.25rem; --flyout-padding-bottom-desktop: var(--app-default-top-bottom-margin-xxxl); --flyout-padding-bottom-mobile: var(--app-default-top-bottom-margin-xl); --inverted-pill-dim-text: rgba(249,249,249,0.6); --crisis-pane-control-height: var(--button-size-xl); --crisis-pane-breath-max-width: 28.125rem; --crisis-pane-breath-label-size: 1.25rem; --crisis-pane-breath-cycle: 9s; --crisis-pane-breath-stage-ratio: 1 / 1; --crisis-pane-breath-height-small: 46%; --crisis-pane-breath-height-large: 72%; --crisis-pane-z: 2147483000; --z-chrome: 1001; --panel-text-white: var(--mid-white); --panel-text-white-rgb: 242, 237, 234; }
:where(.page-uma-library) ::selection { background-color: var(--orange); color: var(--white-text-default); }
:where(.page-uma-library) ::-moz-selection { background-color: var(--orange); color: var(--white-text-default); }
body :where(.page-uma-library) a { color: var(--orange); transition: text-decoration-color 0.4s ease, color 0.4s ease, text-decoration 0.4s ease; }
:where(.page-uma-library) a { color: var(--orange); text-decoration: none; transition: text-decoration-color 0.4s ease, color 0.4s ease, text-decoration 0.4s ease; }
:where(.page-uma-library) a:hover { text-decoration: underline; text-underline-offset: 7px; color: var(--orange); }
:where(.page-uma-library) h1 { font-size: var(--heading-size-xl); }
:where(.page-uma-library) h2 { font-size: var(--heading-size-lg); }
:where(.page-uma-library) h3 { font-size: var(--heading-size-md); }
:where(.page-uma-library) h4 { font-size: var(--heading-size-sm); }
:where(.page-uma-library) h5 { font-size: var(--heading-size-xs); }
:where(.page-uma-library) h1, :where(.page-uma-library) h2, :where(.page-uma-library) h3, :where(.page-uma-library) h4, :where(.page-uma-library) h5, :where(.page-uma-library) h6 { line-height: var(--default-line-height-single); }
:where(.page-uma-library) h1, :where(.page-uma-library) h2, :where(.page-uma-library) h3, :where(.page-uma-library) h4, :where(.page-uma-library) h5, :where(.page-uma-library) h6 { text-wrap: pretty; }
:where(.page-uma-library) h1, :where(.page-uma-library) h2, :where(.page-uma-library) h3, :where(.page-uma-library) h4, :where(.page-uma-library) h5, :where(.page-uma-library) h6 { margin-top: 0; margin-bottom: var(--app-default-top-bottom-margin-sm); }
:where(.page-uma-library) h1, :where(.page-uma-library) h2, :where(.page-uma-library) h3, :where(.page-uma-library) h4, :where(.page-uma-library) h5, :where(.page-uma-library) h6 { font-weight: var(--font-weight-light); }
:where(.page-uma-library) h1 { color: var(--navy); letter-spacing: var(--heading-letter-spacing-tight); }
:where(.page-uma-library) .eyebrow { color: var(--light-charcoal); font-size: var(--body-text-xs); margin-bottom: var(--app-default-top-bottom-margin-xxs) }
:where(.page-uma-library) p { font-size: var(--body-text-sm); }
:where(.page-uma-library) p { line-height: var(--default-line-height-large); margin-bottom: var(--app-default-top-bottom-margin-sm); }
:where(.page-uma-library) p:last-of-type { margin-bottom: var(--app-default-top-bottom-margin-xl); }
:where(.page-uma-library) p:has(+ h1), :where(.page-uma-library) p:has(+ h2), :where(.page-uma-library) p:has(+ h3), :where(.page-uma-library) p:has(+ h4), :where(.page-uma-library) p:has(+ h5), :where(.page-uma-library) p:has(+ h6), :where(.page-uma-library) p:has(+ .btn), :where(.page-uma-library) p:has(+ button) { margin-bottom: var(--app-default-top-bottom-margin-xl); }
:where(.page-uma-library) .btn { display: inline-flex; align-items: center; padding: 0 1.5rem; border: none; border-radius: var(--md-radius); background: transparent; font-family: inherit; font-size: var(--body-text-sm);; font-weight: 400; line-height: var(--default-line-height-single); cursor: pointer; flex-shrink: 0; }
:where(.page-uma-library) .btn-pill { border-radius: var(--radius-pill); padding-left: var(--btn-padding-x); padding-right: var(--btn-padding-x); justify-content: center; }
:where(.page-uma-library) .btn-circular { border-radius: var(--radius-pill); aspect-ratio: 1 / 1; flex-shrink: 0; padding: 0; justify-content: center; }
:where(.page-uma-library) .btn-sm { height: var(--button-size-sm); }
:where(.page-uma-library) .btn-md { height: var(--button-size-md); }
:where(.page-uma-library) .btn-lg { height: var(--button-size-lg); }
:where(.page-uma-library) .btn-xxl { height: var(--button-size-xxl); }
:where(.page-uma-library) .btn-sm i { font-size: var(--button-icon-sm); }
:where(.page-uma-library) .btn-md i { font-size: var(--button-icon-md); }
:where(.page-uma-library) .btn-lg i { font-size: var(--button-icon-lg); }
:where(.page-uma-library) .btn-xxl i { font-size: var(--button-icon-xxl); }
:where(.page-uma-library) .btn-primary-orange { --btn-color: var(--orange); background: var(--orange); color: var(--bright-white); transition: background 0.3s; }
:where(.page-uma-library) .btn-primary-orange:hover { background: var(--orange-dark); }
:where(.page-uma-library) .btn-secondary-navy-on-white { background: transparent; color: var(--navy); border: var(--stroke-hairline) solid var(--navy); transition: background 0.3s, border-color 0.3s, color 0.3s; }
:where(.page-uma-library) .btn-secondary-navy-on-white:hover { background: var(--hover-overlay-dark); border-color: var(--navy-dark); color: var(--navy-dark); }
:where(.page-uma-library) .btn-disabled-on-dark:disabled { background: rgba(249, 249, 249, 0.2); color: rgba(249, 249, 249, 0.5); border-color: transparent; cursor: not-allowed; pointer-events: none; }
:where(.page-uma-library) .field { width: 100%; height: var(--field-height); font-family: inherit; font-size: var(--font-size-base); color: var(--mid-charcoal); background: var(--bright-white); border: var(--stroke-hairline) solid rgba(var(--black-rgb), var(--opacity-low)); border-radius: var(--field-radius); padding: 0 var(--field-padding-x); transition: border-color 0.2s ease, background 0.2s ease; box-sizing: border-box; }
:where(.page-uma-library) .field:focus-visible:where(:not(.uma-input-pointer *)) { outline: none; border-color: var(--orange); border-width: var(--field-border-active); }
:where(.page-uma-library) .field.has-error { border-color: var(--error); border-width: var(--field-border-active); }
:where(.page-uma-library) .field.has-error:focus-visible:where(:not(.uma-input-pointer *)) { border-color: var(--error); border-width: var(--field-border-active); }
:where(.page-uma-library) .field:disabled { background: var(--dark-white); color: var(--light-charcoal); cursor: not-allowed; }
:where(.page-uma-library) .field::placeholder { color: var(--light-charcoal); }
:where(.page-uma-library) .field-multiline { height: auto; min-height: var(--field-multiline-min-height); padding: var(--field-padding); resize: vertical; line-height: var(--default-line-height-large, 1.5); }
:where(.page-uma-library) .uma-chrome-all-content-wrapper { width: calc(100% - var(--sidebar-width)); margin-left: var(--sidebar-width); border-top: var(--stroke-hairline) solid transparent; height: auto; display: flex; flex-direction: column; box-sizing: border-box; }
:where(.page-uma-library) .uma-chrome-all-content-wrapper.is-blurred { filter: blur(20px); pointer-events: none; user-select: none; transition: filter 0.3s ease; }
:where(.page-uma-library) h1, :where(.page-uma-library) h2, :where(.page-uma-library) h3 { text-wrap: balance; }
:where(.page-uma-library) *, :where(.page-uma-library) *::before, :where(.page-uma-library) *::after { box-sizing: border-box; }
:where(.page-uma-library) button { font-family: inherit; cursor: pointer; }
@media (max-width: 600px) {
  :where(.page-uma-library) .uma-chrome-all-content-wrapper { margin-left: 0; width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  :where(.page-uma-library) *, :where(.page-uma-library) *::before, :where(.page-uma-library) *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
}
:where(.page-uma-library) .switch { position: relative; display: inline-block; width: var(--switch-lg-width); height: var(--switch-lg-height); cursor: pointer; flex-shrink: 0; }
:where(.page-uma-library) .switch input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
:where(.page-uma-library) .switch-track { position: absolute; inset: 0; border-radius: var(--radius-pill); background: var(--mid-mushroom); transition: background .3s ease; overflow: hidden; }
:where(.page-uma-library) .switch input:checked ~ .switch-track { background: var(--bright-green); }
:where(.page-uma-library) .switch-thumb { position: absolute; top: var(--switch-thumb-inset); left: var(--switch-thumb-inset); width: var(--switch-lg-thumb); height: var(--switch-lg-thumb); border-radius: 50%; background: var(--bright-white); box-shadow: 0 2px 4px var(--shadow-overlay, rgba(0,0,0,.2)); transition: left .25s ease; z-index: 2; }
:where(.page-uma-library) .switch input:checked ~ .switch-track .switch-thumb { left: calc(100% - var(--switch-lg-thumb) - var(--switch-thumb-inset)); }
:where(.page-uma-library) .switch-icon { position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; pointer-events: none; color: var(--bright-white); display: flex; align-items: center; justify-content: center; font-size: var(--switch-lg-icon); transition: left .25s ease; }
:where(.page-uma-library) .switch--mini { width: var(--switch-mini-width); height: var(--switch-mini-height); }
:where(.page-uma-library) .switch--mini .switch-thumb { width: var(--switch-mini-thumb); height: var(--switch-mini-thumb); }
:where(.page-uma-library) .switch--mini input:checked ~ .switch-track .switch-thumb { left: calc(100% - var(--switch-mini-thumb) - var(--switch-thumb-inset)); }
:where(.page-uma-library) .switch--mini .switch-icon { font-size: var(--switch-mini-icon); }
:where(.page-uma-library) .form-group { display: flex; flex-direction: column; gap: var(--app-default-top-bottom-margin-xxxs); }
:where(.page-uma-library) .uma-disc-product-img-wrap > a { display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
:where(.page-uma-library) .uma-disc-product-img-wrap img { width:100%; height:100%; object-fit:contain; background-color:var(--product-tile-bg); padding:var(--uma-disc-card-img-padding); }
:where(.page-uma-library) .btn[data-code].is-copied { background:var(--bright-green); color:var(--white-text-default); border-color:var(--bright-green); }
:where(.page-uma-library) .uma-review-card { position:relative; display:flex; flex-direction:column; background-color:var(--card-default-background); border-radius:var(--app-default-radius-md); overflow:hidden; flex:0 1 var(--carouselle-card-width-review); max-width:var(--carouselle-card-width-review); aspect-ratio:var(--carouselle-card-ratio-review); }
:where(.page-uma-library) .uma-review-band { position:relative; background-color:var(--yellow); color:var(--navy); padding:var(--app-default-top-bottom-margin-md) var(--default-card-left-right-padding) var(--app-default-top-bottom-margin-sm); }
:where(.page-uma-library) .uma-review-meta { margin-top:var(--app-default-top-bottom-margin-xs); font-size:var(--body-text-xs); color:var(--navy); }
:where(.page-uma-library) .uma-review-body { flex:1 1 auto; display:flex; flex-direction:column; padding:var(--app-default-top-bottom-margin-xl) var(--default-card-left-right-padding) var(--default-card-bottom-padding); min-height:0; }
:where(.page-uma-library) .uma-review-quote { font-size:var(--body-text-lg); line-height:var(--default-line-height-x-large); margin:0; overflow-y:auto; flex:1 1 auto; min-height:0; padding-right:var(--app-default-top-bottom-margin-xxxs); }
:where(.page-uma-library) .uma-review-quote-text::before { content:'\201C'; }
:where(.page-uma-library) .uma-review-quote-text::after { content:'\201D'; }
:where(.page-uma-library) .uma-review-quote::-webkit-scrollbar { width:var(--reviews-quote-scrollbar-size); }
:where(.page-uma-library) .uma-review-quote::-webkit-scrollbar-thumb { background:rgba(var(--black-rgb), var(--opacity-low)); border-radius:var(--radius-pill); }
@media (max-width:1050px) {
  :where(.page-uma-library) .uma-review-card { flex:0 0 var(--carouselle-card-width-review); width:var(--carouselle-card-width-review); }
}
@media (max-width:750px) {
  :where(.page-uma-library) .uma-review-card { flex:0 0 auto; width:min(85%, var(--carouselle-card-width-review)); max-width:var(--carouselle-card-width-review); scroll-snap-align:start; }
}
:where(.page-uma-library) .uma-disc-product-img-wrap { position:relative; width:100%; aspect-ratio:1/1; border-top-left-radius:var(--app-default-radius-md); border-top-right-radius:var(--app-default-radius-md); flex-shrink:0; overflow:hidden; background-color:var(--product-tile-bg); }
:where(.page-uma-library) .uma-visually-hidden { position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
@media print {
  :where(.page-uma-library) * { -webkit-print-color-adjust:exact;print-color-adjust:exact }
  :where(.page-uma-library) .uma-chrome-feedback-panel { display: none !important; }
}
.page-uma-library { --button-font-size: var(--body-text-sm); --button-radius: var(--app-default-radius-md); --button-transition-duration: 0.2s; --button-transition-ease: ease; --shadow-overlay: rgba(0, 0, 0, 0.2); --feedback-panel-width: 400px; --feedback-panel-margin: 1.25rem; --z-feedback-tab: 10000005; --z-feedback-panel: 10000007; --uma-xxs: 30px; --uma-xs: 40px; --uma-sm: 50px; --uma-md: 60px; --uma-lg: 70px; --uma-xl: 80px; --uma-xxl: 100px; --uma-xxxl: 120px; --uma-xxxxl: 150px; --uma-flyout-logo-size: var(--uma-lg); --uma-logo-flyout-margin-bot: 0.9rem; --uma-title-flyout-font-size: 3rem; --flyout-pseudo-gap-adjustment: calc(var(--uma-flyout-logo-size) + var(--uma-logo-flyout-margin-bot) + var(--uma-title-flyout-font-size)); --flyout-padding-left-desktop: 3rem; --flyout-padding-left-mobile: 2rem; --flyout-padding-right: 1.25rem; --flyout-padding-bottom-desktop: 3rem; --flyout-padding-bottom-mobile: 2rem; --inverted-pill-dim-text: rgba(249, 249, 249, 0.6); }
:where(.page-uma-library) .uma-chrome-feedback-panel { position: fixed; top: var(--feedback-panel-margin); right: var(--feedback-panel-margin); bottom: var(--feedback-panel-margin); width: var(--feedback-panel-width); z-index: var(--z-feedback-panel); background: var(--mid-white); border-radius: 10px; box-shadow: 0 8px 32px var(--shadow-overlay); display: flex; flex-direction: column; overflow: hidden; transform: translateX(calc(100% + var(--feedback-panel-margin))); visibility: hidden; transition: transform 0.4s ease-in-out, visibility 0s linear 0.4s; }
:where(.page-uma-library) .uma-chrome-feedback-panel.is-open { transform: translateX(0); visibility: visible; transition: transform 0.4s ease-in-out, visibility 0s; }
@media (max-width: 600px) {
  :where(.page-uma-library) .uma-chrome-feedback-panel { top: 0; right: 0; bottom: 0; left: 0; width: 100%; border-radius: 0; box-shadow: none; transform: translateX(100%); }
  :where(.page-uma-library) .uma-chrome-feedback-panel.is-open { transform: translateX(0); }
}
:where(.page-uma-library) .uma-chrome-feedback-panel-tab { display: none; }
:where(.page-uma-library) .uma-chrome-feedback-panel-tab.is-active { display: block; }
:where(.page-uma-library) .uma-chrome-feedback-field { margin-bottom: var(--app-default-top-bottom-margin-xl); }
:where(.page-uma-library) .uma-chrome-feedback-field label { display: flex; align-items: center; gap: 0.5rem; font-size: var(--body-text-xs); font-weight: var(--font-weight-medium); margin-bottom: var(--app-default-top-bottom-margin-sm); }
:where(.page-uma-library) .uma-chrome-feedback-field label .uma-chrome-feedback-emoji { font-size: var(--body-text-lg); line-height: var(--default-line-height-single); }
:where(.page-uma-library) .uma-chrome-feedback-field textarea { font-size: var(--body-text-xs); }
:where(.page-uma-library) .uma-chrome-feedback-field textarea:focus-visible:where(:not(.uma-input-pointer *)) { outline: var(--focus-outline-width) solid var(--focus-outline-color); outline-offset: 2px; border-color: transparent; }
:where(.page-uma-library) .uma-chrome-feedback-field textarea:focus-visible:where(:not(.uma-input-pointer *)) { outline: var(--focus-outline-width) solid var(--focus-outline-color); outline-offset: 2px; }
:where(.page-uma-library) .uma-chrome-feedback-field textarea::placeholder { color: var(--light-charcoal); opacity: 1; }
:where(.page-uma-library) .uma-chrome-feedback-field textarea:-webkit-autofill, :where(.page-uma-library) .uma-chrome-feedback-field textarea:-webkit-autofill:hover, :where(.page-uma-library) .uma-chrome-feedback-field textarea:-webkit-autofill:focus, :where(.page-uma-library) .uma-chrome-feedback-field textarea:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px var(--bright-white) inset !important; -webkit-text-fill-color: var(--mid-charcoal) !important; caret-color: var(--mid-charcoal); transition: background-color 5000s ease-in-out 0s; }
:where(.page-uma-library) .uma-chrome-feedback-rating-block { margin-bottom: var(--app-default-top-bottom-margin-xl); }
:where(.page-uma-library) .uma-chrome-feedback-rating-summary { display: block; text-align: center; font-size: var(--body-text-lg); color: var(--navy); font-weight: var(--font-weight-normal); margin-bottom: var(--app-default-top-bottom-margin-sm); }
:where(.page-uma-library) .uma-chrome-feedback-rating-row { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.25rem; width: 100%; container-type: inline-size; }
:where(.page-uma-library) .uma-chrome-feedback-heart { background: transparent; border: none; cursor: pointer; padding: 0; display: flex; align-items: center; justify-content: center; position: relative; aspect-ratio: 1; width: 100%; overflow: visible; font-size: clamp(2rem, 14cqw, 4.5rem); }
:where(.page-uma-library) .uma-chrome-feedback-heart i { font-size: var(--button-icon-xxxxl); display: flex; align-items: center; justify-content: center; line-height: var(--default-line-height-single); color: var(--dark-white); transition: color 0.2s ease, transform 0.15s ease; }
:where(.page-uma-library) .uma-chrome-feedback-heart:hover i { color: var(--navy); transform: scale(1.05); }
:where(.page-uma-library) .uma-chrome-feedback-heart:hover > span { color: var(--bright-white); }
:where(.page-uma-library) .uma-chrome-feedback-heart.is-filled i { color: var(--yellow); }
:where(.page-uma-library) .uma-chrome-feedback-heart > span { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: var(--body-text-sm); font-weight: var(--font-weight-bold); pointer-events: none; transition: color 0.2s ease; }
:where(.page-uma-library) .uma-chrome-feedback-heart.is-filled > span { color: var(--navy); }
@media print {
  :where(.page-uma-library) .uma-chrome-feedback-panel { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  :where(.page-uma-library) .uma-chrome-feedback-panel, :where(.page-uma-library) .uma-chrome-feedback-heart { transition-duration: 0.15s; }
  :where(.page-uma-library) .uma-chrome-feedback-panel { transform: none !important; }
}
:where(.page-uma-library) .switch input:focus { outline: none; }
:where(.page-uma-library) .switch:focus-within { outline: none; }
:where(.page-uma-library) .switch:has(input:focus:not(:focus-visible)) { outline: none !important; }
@media (max-width: 1050px) {
  .page-uma-library { --crisis-pane-breath-stage-ratio:1 / 0.72; --crisis-pane-breath-height-small:63.89%; --crisis-pane-breath-height-large:100%; }
}
.page-uma-library { --text-on-colour:var(--mid-white); }
:where(.page-uma-library) .drawer-split-pill-label-text { color:var(--text-on-colour); }
:where(.page-uma-library) .btn-primary-orange { color:var(--text-on-colour); }
:where(.page-uma-library) .field:focus { border-color:transparent;outline:none; }
:where(.page-uma-library) a:focus-visible { outline:none; }
:where(.page-uma-library) button:focus-visible { outline:none; }
:where(.page-uma-library) input:focus-visible { outline:none; }
:where(.page-uma-library) select:focus-visible { outline:none; }
:where(.page-uma-library) textarea:focus-visible { outline:none; }
:where(.page-uma-library) summary:focus-visible { outline:none; }
:where(.page-uma-library) [role="button"]:focus-visible { outline:none; }
:where(.page-uma-library) .btn:focus-visible { outline:none; }
:where(.page-uma-library) .carousel-nav-btn:focus-visible { outline:none; }
.page-uma-library { --marker-font-size: var(--body-text-lg); --opacity-faint: 0.1; --hover-scale: 1.05; --word-stream-duration: 0.18s; }
:where(.page-uma-library) :root:not([data-motion="full"]) { --hover-scale: 1; }
:where(.page-uma-library) .field:focus, :where(.page-uma-library) .field-multiline:focus, :where(.page-uma-library) .drawer-show-format-input:focus { border-color: transparent; outline: none; }
:where(.page-uma-library) .uma-segmented-toggle:focus-within { border-color: transparent; }
:where(.page-uma-library) .card-socials-overlay { position: absolute; bottom: var(--gap-md); left: var(--gap-md); z-index: 5; display: flex; flex-direction: row; gap: var(--gap-md); opacity: var(--opacity-hidden); pointer-events: none; transition: opacity var(--transition-fast); }
:where(.page-uma-library) .card-social-icon { display: inline-flex; align-items: center; justify-content: center; padding: 0; border: none; background: transparent; cursor: pointer; font-size: var(--heading-size-xl); color: var(--bright-white); text-decoration: none; opacity: var(--opacity-visible); transition: opacity var(--transition-base) ease; }
:where(.page-uma-library) .card-social-icon:hover { opacity: var(--opacity-high); }
@media (hover: none) {
  :where(.page-uma-library) .card-socials-overlay { opacity: var(--opacity-visible); pointer-events: auto; }
}
:where(.page-uma-library) .reviews-controls { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--app-default-top-bottom-margin-lg); padding-left: var(--default-left-right-desk-body-padding); padding-right: var(--default-left-right-desk-body-padding); }
:where(.page-uma-library) .dropdown { position: relative; display: inline-block; }
:where(.page-uma-library) .uma-drawer-reviews-sort { appearance: none; height: var(--button-size-md); padding-left: var(--gap-lg); padding-right: calc(var(--gap-lg) + var(--sort-caret-room)); border: var(--stroke-hairline) solid var(--light-charcoal); border-radius: var(--btn-radius); background: var(--bright-white); color: var(--mid-charcoal); font-family: inherit; font-size: var(--body-text-xs); cursor: pointer; transition: border-color var(--transition-fast); }
:where(.page-uma-library) .uma-drawer-reviews-sort:hover { border-color: var(--mid-charcoal); }
:where(.page-uma-library) .dropdown-caret { position: absolute; top: 50%; right: var(--gap-md); transform: translateY(-50%); pointer-events: none; font-size: var(--body-text-xxs); color: var(--light-charcoal); }
:where(.page-uma-library) .review-card { position: relative; display: flex; flex-direction: column; flex-shrink: 0; align-self: flex-start; width: var(--carouselle-card-xs); aspect-ratio: var(--carouselle-card-ratio-portrait); border-radius: var(--default-radius); background-color: var(--t-review-card); overflow-x: hidden; overflow-y: auto; scrollbar-width: none; scroll-snap-align: start; }
:where(.page-uma-library) .review-card::-webkit-scrollbar { display: none; }
:where(.page-uma-library) .review-card-header { flex: 0 0 auto; display: grid; grid-template-columns: 1fr auto; align-items: baseline; column-gap: var(--gap-sm); row-gap: var(--gap-xs); padding: var(--default-card-top-padding) var(--default-card-left-right-padding) var(--app-default-top-bottom-margin-sm); text-align: left; }
:where(.page-uma-library) .review-card-stars { grid-column: 1; grid-row: 1; display: flex; gap: var(--gap-xxs); margin-right: calc(-1 * var(--gap-xxs)); letter-spacing: var(--gap-xxs); font-size: var(--button-icon-xxl); line-height: var(--default-line-height-single); color: var(--yellow); }
:where(.page-uma-library) .review-card-date { grid-column: 2; grid-row: 1; justify-self: end; margin: 0; font-size: var(--body-text-sm); font-weight: var(--font-weight-medium); color: var(--t-home-muted); }
:where(.page-uma-library) .review-card-name { grid-column: 1 / -1; grid-row: 2; margin: 0; font-size: var(--body-text-sm); font-weight: var(--font-weight-medium); color: var(--t-home-body); }
:where(.page-uma-library) .review-card-verdict { margin-right: var(--gap-xs); font-style: normal; }
:where(.page-uma-library) .review-card-body { flex: 0 0 auto; padding: 0 var(--default-card-left-right-padding) var(--review-fade-solid-height); text-align: left; }
:where(.page-uma-library) .review-card-quote { margin: 0; font-family: 'Merriweather', serif; font-size: var(--body-text-sm); font-weight: var(--font-weight-medium); font-style: italic; line-height: var(--default-line-height-large); text-align: left; }
:where(.page-uma-library) .review-card-quote-text { display: inline; }
:where(.page-uma-library) .review-card-fade { position: sticky; bottom: 0; z-index: 1; flex: 0 0 auto; width: 100%; height: calc(var(--review-fade-gradient-height) + var(--review-fade-solid-height)); margin-top: calc(-1 * (var(--review-fade-gradient-height) + var(--review-fade-solid-height))); background: linear-gradient(to bottom, rgba(var(--t-review-card-rgb), var(--opacity-hidden)) 0, var(--t-review-card) var(--review-fade-gradient-height), var(--t-review-card) 100%); opacity: var(--opacity-hidden); pointer-events: none; transition: opacity var(--transition-base) ease; }
:where(.page-uma-library) .review-card-fade--visible { opacity: var(--opacity-visible); }
:where(.page-uma-library) .uma-drawer-post-btn { height: var(--button-size-sm); min-height: var(--button-size-sm); padding: 0 var(--gap-lg); font-size: var(--body-text-xs); }
:where(.page-uma-library) .uma-product-drawer-panel-write { position: relative; padding-left: var(--default-left-right-mob-body-padding); padding-right: var(--default-left-right-mob-body-padding); scroll-margin-top: calc(var(--fixed-header-height) + var(--app-default-top-bottom-margin-xl)); }
:where(.page-uma-library) .review-form-close { position: absolute; top: 0; right: var(--default-left-right-mob-body-padding); }
:where(.page-uma-library) .uma-drawer-write-heading { margin: 0 0 var(--app-default-top-bottom-margin-md); font-size: var(--heading-size-md); font-weight: var(--font-weight-light); text-align: left; color: var(--t-home-body); }
:where(.page-uma-library) .uma-chrome-feedback-star-svg { width: 100%; height: 100%; color: var(--dark-white); transition: color var(--transition-fast) ease, transform var(--transition-fast) ease; }
:where(.page-uma-library) .uma-chrome-feedback-star-svg:hover { color: var(--navy); transform: scale(var(--star-hover-scale)); }
:where(.page-uma-library) .uma-drawer-review-actions { display: flex; flex-direction: row; align-items: center; gap: var(--gap-md); width: 100%; margin-top: var(--gap-md); }
:where(.page-uma-library) .review-action-button { flex: 1 1 0; }
:where(.page-uma-library) .uma-drawer-review-cancel { display: none; }
:where(.page-uma-library) .btn-submit-constrained { width: 100%; max-width: var(--golden-width-small); }
@media (min-width: 450px) {
  :where(.page-uma-library) .review-card { width: var(--carouselle-card-315); }
}
@media (min-width: 600px) {
  :where(.page-uma-library) .review-card { width: var(--carouselle-card-xxxl); aspect-ratio: var(--carouselle-card-ratio-landscape); }
  :where(.page-uma-library) .review-card-body { padding-bottom: var(--review-fade-solid-height-landscape); }
  :where(.page-uma-library) .review-card-fade { height: calc(var(--review-fade-gradient-height-landscape) + var(--review-fade-solid-height-landscape)); margin-top: calc(-1 * (var(--review-fade-gradient-height-landscape) + var(--review-fade-solid-height-landscape))); background: linear-gradient(to bottom, rgba(var(--t-review-card-rgb), var(--opacity-hidden)) 0, var(--t-review-card) var(--review-fade-gradient-height-landscape), var(--t-review-card) 100%); }
}
@media (min-width: 1000px) {
  :where(.page-uma-library) .review-card { width: var(--carouselle-card-420); }
}
@media (min-width: 1280px) {
  :where(.page-uma-library) .reviews-controls { padding-left: calc(((100% - var(--max-body-wrapper-width)) / 2) + var(--default-left-right-desk-body-padding)); padding-right: calc(((100% - var(--max-body-wrapper-width)) / 2) + var(--default-left-right-desk-body-padding)); }
}
@media (max-width: 600px) {
  :where(.page-uma-library) .reviews-controls { padding-left: var(--default-left-right-mob-body-padding); padding-right: var(--default-left-right-mob-body-padding); }
}
@media (max-width: 599px) {
  :where(.page-uma-library) .uma-drawer-post-btn { height: var(--button-size-xs); min-height: var(--button-size-xs); }
}
:where(.page-uma-library) :where(input, textarea, [contenteditable="true"]) { caret-color: auto; }
.page-uma-library { --navy-60: #0E131E; --z-auth-overlay: 9999; --z-panel-close: 10; --auth-animation-width: 16rem; --auth-animation-ratio: 500 / 381; --auth-cream-fade-duration: 0.8s; --pin-field-width: 80%; --pin-tile-edge-padding: 0.1875rem; --pin-digit-size: calc(var(--heading-size-lg) * 0.8); --press-scale-subtle: 0.97; --press-duration-subtle: 220ms; --terms-open-duration: 0.4s; --timer-resend-button-width: 9rem; --letter-spacing-wide: 0.02em; --autofill-cover-spread: 1000px; --autofill-hold-duration: 5000s; --wave-duration: 2s; --wave-count: 2; --wave-pivot: 70% 70%; --panel-emoji-size: 5rem; --panel-close-inset: 2rem; --hit-area-comfort: 2.75rem; --upload-zone-width: 20rem; --upload-plus-size: 2.5rem; --upload-plus-circle-size: 5rem; --upload-status-bar-padding: 0.75rem 1rem; --upload-plus-hover-scale: 1.06; --profile-pic-square-size: 17.5rem; --transition-plus: 0.25s; --identity-square-size: 13.75rem; --identity-letter-size: 1.75rem; --identity-letter-top: 0.625rem; --identity-letter-left: 0.75rem; --identity-square-fade-offset: -0.625rem; --opacity-soft: 0.15; --opacity-medium-low: 0.4; --opacity-medium-high: 0.6; --opacity-strong: 0.75; --opacity-very-strong: 0.85; }
:where(.page-uma-library) .panel-heading { font-size: var(--heading-size-xl); line-height: var(--default-line-height-x-small); margin-bottom: var(--app-default-top-bottom-margin-xl); }
:where(.page-uma-library) .uma-featured-upload-zone { display: flex; flex-direction: column; width: var(--upload-zone-width); max-width: 100%; aspect-ratio: var(--carouselle-card-ratio-book); margin: 0 auto var(--app-default-top-bottom-margin-xxl); border: var(--stroke-thick) dashed rgba(var(--white-rgb), var(--opacity-medium-low)); border-radius: var(--app-default-radius-lg); overflow: hidden; }
:where(.page-uma-library) .uma-featured-upload-inner { --upload-plus-scale: 1; flex: 1 1 auto; width: 100%; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--app-default-top-bottom-margin-md); padding: var(--app-default-top-bottom-margin-xxxl) var(--app-default-top-bottom-margin-lg); border-radius: inherit; cursor: pointer; }
:where(.page-uma-library) .uma-featured-upload-inner:hover, :where(.page-uma-library) .uma-featured-upload-inner:focus-visible { --upload-plus-scale: var(--upload-plus-hover-scale); background: rgba(var(--white-rgb), var(--opacity-faint)); }
:where(.page-uma-library) .uma-featured-upload-preview { position: relative; width: 100%; height: 100%; }
:where(.page-uma-library) .uma-featured-upload-progress { display: flex; flex-direction: column; gap: var(--gap-regular); padding: var(--app-default-top-bottom-margin-lg); }
:where(.page-uma-library) .uma-featured-progress-fill { width: 0%; height: 100%; background: var(--bright-white); border-radius: var(--radius-pill); transition: width var(--transition-base) ease; }
:where(.page-uma-library) .uma-featured-upload-status { margin: 0 0 var(--app-default-top-bottom-margin-xl); color: var(--bright-white); font-size: var(--body-text-sm); line-height: var(--default-line-height-large); text-align: center; }
.page-uma-library { --chrome-frost-opacity: 0.85; --chrome-header-border: #EAEAEA; --chrome-header-blur: 20px; --chrome-quick: 0.25s; --chrome-slide: 0.4s; --chrome-fade-slow: 0.35s; --chrome-reduced: 0.15s; --chrome-spring: cubic-bezier(0.34, 1.56, 0.64, 1); --chrome-backdrop: rgba(var(--black-rgb), 0.4); --chrome-panel-shadow: 0 8px 32px var(--shadow-overlay); --chrome-tab-shadow: -2px 0 8px var(--shadow-overlay); --chrome-slide-shadow: 0 4px 20px rgba(var(--black-rgb), var(--opacity-very-low)); --chrome-dropdown-shadow: 0 4px 12px var(--shadow-overlay); --chrome-thumb-shadow: 0 2px 4px rgba(var(--black-rgb), var(--opacity-low)); --chrome-sidebar-icon-size: 1.8rem; --chrome-sidebar-icon-step: calc(var(--button-size-md) + var(--gap-lg)); --chrome-voice-thumb-shadow-offset: 0 2px 4px; --chrome-logo-dark-opacity: 0.8; --chrome-auth-pad-x: 1.1rem; --uma-hero-min-height: 80vh; --uma-hero-title-size: 3.5rem; --uma-hero-title-size-md: 3rem; --uma-hero-title-measure: 25ch; --uma-hero-video-focus: 25% center; --uma-hero-video-filter: brightness(0.45) saturate(0.9); --chrome-sidebar-calm-slot: 2; --chrome-sidebar-heart-slot: 4; --chrome-hover-scale: 1.08; --chrome-sos-hover-scale: 1.12; --chrome-tooltip-padding-x: 0.75rem; --chrome-badge-size: 1rem; --chrome-badge-font-size: 0.65rem; --chrome-tag-letter-spacing: 0.06em; --chrome-tab-letter-spacing: 0.03em; --chrome-icon-em: 1em; --chrome-hit-area: 2.75rem; --chrome-hit-area-touch: 44px; --chrome-initial-gap: 0.8rem; --chrome-hamburger-size: 32px; --chrome-flyout-nudge: 1.5px; --uma-crisis-stage-ratio: 1 / 1; --uma-crisis-height-small: 46%; --uma-crisis-height-large: 72%; --chrome-title-tag-gap: 2px; --chrome-voice-hover: #101828; --chrome-voice-glyph-left: 36px; --chrome-voice-glyph-left-on: 8px; --chrome-menu-link-short: 1.1rem; --chrome-menu-button-pad-x: 30px; --chrome-menu-button-pad-y: 7px; --chrome-power-nudge: 0.05rem; --chrome-feedback-close-size: 32px; --chrome-feedback-tab-pad-y: 1.25rem; --chrome-feedback-tab-pad-x: 0.5rem; --chrome-feedback-tab-pad-hover: 0.75rem; --chrome-feedback-min-height: 600px; --chrome-rating-gap: 0.25rem; --chrome-rating-size: clamp(2rem, 14cqw, 4.5rem); --chrome-rating-icon-scale: 1.05; --chrome-rating-star-size: 85%; --chrome-screenshot-width: 96px; --chrome-screenshot-height: 72px; --chrome-screenshot-remove: 36px; --chrome-thanks-icon: 3.5rem; --chrome-thanks-min-width: 12rem; --chrome-pill-bar-height: 40px; --chrome-pill-height: 32px; --chrome-pill-bar-pad: 4px; --chrome-pill-z: 800; --chrome-pill-indicator-z: 801; --chrome-pill-item-z: 802; --z-chrome-flyout: 10000003; --z-chrome-sidebar-icons: 10000005; --z-chrome-drawer: 10000006; --z-chrome-profile: 10000008; --z-chrome-feedback-raised: 10000009; --z-chrome-upgrade: 10000010; --z-chrome-upgrade-close: 10000011; --z-chrome-tooltip: 10000010; --z-chrome-close: 10000020; --z-chrome-header: 1000; --z-chrome-badge: 1; --z-chrome-layer-1: 1; --z-chrome-layer-2: 2; --z-chrome-layer-3: 3; --z-chrome-layer-4: 4; --z-chrome-layer-5: 5; --z-chrome-layer-10: 10; --z-alerts-panel: calc(var(--z-feedback-panel) + 2); --alerts-panel-width: 22rem; --alerts-thumb-size: 2.75rem; --alerts-logo-size: 70%; --status-tag-height: 1.875rem; --status-tag-padding-x: 0.75rem; --sos-button-font-size: 1.25rem; --font-family-condensed: "HelveticaNeue-CondensedBold", "Helvetica Neue", "Arial Narrow", Inter, sans-serif; --link-underline-offset: 7px; --chrome-inline-icon-nudge: -0.05em; --chrome-inline-icon-gap: 0.15em; --upgrade-preview-max-width: 340px; --upgrade-text-min-width: 300px; --upgrade-text-content-width: clamp(var(--upgrade-text-min-width), calc(100vw - 2 * var(--mirror-right-padding) - var(--upgrade-preview-max-width) - var(--default-left-right-desk-body-padding)), var(--golden-width-small)); --upgrade-text-column-width: calc(var(--upgrade-text-content-width) + 2 * var(--mirror-right-padding)); --upgrade-preview-height-ratio: 0.75; --upgrade-swipe-dot-size: 14px; --upgrade-small-preview-max-width: 450px; --upgrade-pricing-tag-lift: calc(-0.25em - 3px); --upgrade-mobile-bottom-pad: 3rem; --chrome-pill-track: var(--dark-white); --chrome-pill-text: var(--dark-charcoal); --chrome-pill-selected-text: var(--white-text-default); --chrome-pill-indicator: var(--navy); --chrome-feedback-panel-bg: var(--mid-white); --chrome-feedback-strong: var(--navy); --chrome-feedback-field-bg: var(--bright-white); --chrome-feedback-field-text: var(--mid-charcoal); --chrome-feedback-field-edge-rgb: var(--black-rgb); --chrome-feedback-placeholder: var(--light-charcoal); --chrome-autofill-cover: 1000px; --chrome-autofill-delay: 5000s; --chrome-feedback-star: var(--dark-white); --chrome-feedback-star-hover: var(--navy); --chrome-feedback-star-number-hover: var(--bright-white); --chrome-feedback-primary-bg: var(--navy); --chrome-feedback-primary-text: var(--bright-white); --chrome-feedback-primary-hover: var(--navy-dark); --chrome-feedback-disabled-bg: var(--hover-overlay-dark); --chrome-feedback-disabled-text: var(--light-charcoal); --chrome-feedback-secondary-text: var(--navy); --chrome-feedback-secondary-border: var(--navy); --chrome-feedback-secondary-hover-bg: var(--hover-overlay-dark); --chrome-feedback-secondary-hover-border: var(--navy-dark); --chrome-feedback-secondary-hover-text: var(--navy-dark); --chrome-feedback-preview-bg: var(--bright-white); --chrome-feedback-remove: var(--light-charcoal); --chrome-feedback-remove-hover-bg: var(--hover-overlay-light); --chrome-feedback-remove-hover: var(--mid-charcoal); --chrome-feedback-tab-text: var(--white-text-default); --chrome-farewell-tab-text: var(--bright-white); --chrome-beta-text: var(--white-text-default); --chrome-header-icon-bg: var(--mid-white); --chrome-header-icon-text: var(--navy); --chrome-alerts-bg: var(--bright-white); --chrome-alerts-text: var(--navy); --chrome-alerts-border: var(--dark-white); --chrome-alerts-hover: var(--hover-overlay-light); --chrome-alerts-thumb-bg: var(--navy); --chrome-wishlist-panel-bg: var(--mid-white); --chrome-wishlist-panel-text: var(--mid-charcoal); --chrome-wishlist-header-bg: transparent; --chrome-wishlist-title: var(--dark-navy); --chrome-wishlist-empty: var(--lightest-charcoal); --chrome-wishlist-close: var(--mid-charcoal); }
:root[data-theme="dark"] .page-uma-library { --chrome-pill-track: var(--navy); --chrome-pill-text: var(--bright-white); --chrome-pill-selected-text: var(--navy); --chrome-pill-indicator: var(--bright-white); --chrome-feedback-panel-bg: var(--navy-40); --chrome-feedback-panel-text: var(--bright-white); --chrome-feedback-strong: var(--bright-white); --chrome-feedback-label: var(--bright-white); --chrome-feedback-field-bg: var(--navy-dark); --chrome-feedback-field-text: var(--bright-white); --chrome-feedback-field-edge-rgb: var(--bright-white-rgb); --chrome-feedback-field-caret: var(--bright-white); --chrome-feedback-placeholder: rgba(var(--bright-white-rgb), var(--opacity-moderate)); --chrome-feedback-star: rgba(var(--bright-white-rgb), var(--opacity-low)); --chrome-feedback-star-hover: var(--bright-white); --chrome-feedback-star-number: var(--bright-white); --chrome-feedback-star-number-hover: var(--navy); --chrome-feedback-primary-bg: var(--bright-white); --chrome-feedback-primary-text: var(--navy); --chrome-feedback-primary-hover: var(--bright-white); --chrome-feedback-disabled-bg: rgba(var(--bright-white-rgb), var(--opacity-low)); --chrome-feedback-disabled-text: rgba(var(--bright-white-rgb), var(--opacity-moderate)); --chrome-feedback-secondary-text: var(--bright-white); --chrome-feedback-secondary-border: rgba(var(--bright-white-rgb), var(--opacity-moderate)); --chrome-feedback-secondary-hover-bg: transparent; --chrome-feedback-secondary-hover-border: rgba(var(--bright-white-rgb), var(--opacity-moderate)); --chrome-feedback-secondary-hover-text: var(--bright-white); --chrome-feedback-preview-bg: rgba(var(--bright-white-rgb), var(--opacity-low)); --chrome-feedback-remove: rgba(var(--bright-white-rgb), var(--opacity-high)); --chrome-feedback-remove-hover-bg: rgba(var(--bright-white-rgb), var(--opacity-low)); --chrome-feedback-remove-hover: var(--bright-white); --chrome-feedback-tab-text: var(--navy); --chrome-farewell-tab-text: var(--navy); --chrome-beta-text: var(--navy); --chrome-header-icon-bg: var(--t-border); --chrome-header-icon-text: var(--t-page-text); --chrome-alerts-bg: var(--navy); --chrome-alerts-text: var(--bright-white); --chrome-alerts-border: rgba(var(--bright-white-rgb), var(--opacity-low)); --chrome-alerts-hover: rgba(var(--bright-white-rgb), var(--opacity-very-low)); --chrome-alerts-thumb-bg: rgba(var(--bright-white-rgb), var(--opacity-low)); --chrome-wishlist-panel-bg: var(--navy); --chrome-wishlist-panel-text: var(--bright-white); --chrome-wishlist-header-bg: var(--navy-dark); --chrome-wishlist-title: var(--bright-white); --chrome-wishlist-empty: rgba(var(--bright-white-rgb), var(--opacity-moderate)); --chrome-wishlist-close: var(--bright-white); }
.page-uma-library { --wishlist-drawer-width: 700px; --wishlist-drawer-width-lg: 800px; --wishlist-tile-image-lg: 200px; --wishlist-tile-image-sm: 180px; --wishlist-tile-image-xs: 140px; --wishlist-tile-image-xxs: 120px; --wishlist-bin-size: 32px; --wishlist-scope-height: 44px; --wishlist-toggle-radius: 12px; --wishlist-tile-name-line-height: var(--default-line-height-x-small); --wishlist-brand-hit: 24px; --wishlist-buy-mobile-width: 80px; --wishlist-dropdown-max: min(90vw, 480px); --wishlist-dropdown-narrow: calc(100vw - 4rem); --wishlist-promo-emoji: 3.5rem; --wishlist-media-button-inset: 0.9rem; --wishlist-app-button-inset: calc(var(--app-default-top-bottom-margin-xxxl) - 10px); --wishlist-seg-option-min: calc(var(--button-size-md) * 1.4); --wishlist-thumb-width: 280px; --wishlist-thumb-width-md: 300px; --wand-earmark-size: 75px; --wand-icon-right: 11px; --wand-icon-top: 11px; --radius-app-icon: 22%; --carouselle-card-md: 320px; --carouselle-card-ratio-video: 16 / 9; --chrome-drawer-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --chrome-orange-wash: rgba(234, 113, 0, 0.08); --chrome-light-edge: rgba(var(--bright-white-rgb), 0.4); --chrome-play-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 360'><path fill='white' fill-rule='evenodd' d='M180,0A180,180,0,1,0,360,180,180,180,0,0,0,180,0ZM292,180a15.74,15.74,0,0,1-7.6,13.51L140.32,281.65a16,16,0,0,1-16.2,.3A15.86,15.86,0,0,1,116,268.13V91.87a15.86,15.86,0,0,1,8.12-13.82,16,16,0,0,1,16.2.3L284.4,166.49A15.74,15.74,0,0,1,292,180Z'/></svg>"); --chrome-plus-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 360'><path fill='black' fill-rule='evenodd' d='M180,0A180,180,0,1,0,360,180,180,180,0,0,0,180,0ZM280,180a12,12,0,0,1-12,12H192v76a12,12,0,0,1-24,0V192H92a12,12,0,0,1,0-24h76V92a12,12,0,0,1,24,0v76h76A12,12,0,0,1,280,180Z'/></svg>"); --chrome-search-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 360'><path fill='black' fill-rule='evenodd' d='M180,0A180,180,0,1,0,360,180,180,180,0,0,0,180,0ZM284.49,267.51,237,220a92.12,92.12,0,1,0-17,17l47.53,47.54a12,12,0,0,0,17-17ZM96,164a68,68,0,1,1,68,68A68.07,68.07,0,0,1,96,164Z'/></svg>"); --wishlist-white: var(--bright-white); --wishlist-white-rgb: var(--bright-white-rgb); --wishlist-media-white: var(--bright-white); --wishlist-media-white-rgb: var(--bright-white-rgb); --wishlist-drawer-bg: var(--bright-white); --wishlist-drawer-text: var(--navy); --wishlist-footer-bg: var(--bright-white); --wishlist-footer-border: var(--dark-white); --wishlist-tile-bg: var(--new-white); --wishlist-tile-hover-bg: var(--light-white); --wishlist-name: var(--navy); --wishlist-name-hover: var(--orange); --wishlist-muted: var(--light-charcoal); --wishlist-muted-strong: var(--light-charcoal); --wishlist-price: var(--navy); --wishlist-bin: var(--light-charcoal); --wishlist-chip-text: var(--navy); --wishlist-chip-border: var(--navy); --wishlist-chip-hover-bg: var(--hover-overlay-dark); --wishlist-chip-hover-text: var(--navy-dark); --wishlist-chip-hover-border: var(--navy-dark); --wishlist-cta-text: var(--navy); --wishlist-cta-border: var(--navy); --wishlist-promo-bg: var(--mid-white); --wishlist-promo-text: inherit; --wishlist-scope-text: var(--navy); --wishlist-scope-active-bg: var(--navy); --wishlist-scope-active-text: var(--bright-white); --wishlist-scope-border: var(--stroke-hairline) solid var(--navy); --wishlist-scope-bg: transparent; --wishlist-seg-bg: var(--new-white); --wishlist-seg-border: var(--stroke-hairline) solid var(--dark-white); --wishlist-seg-text: var(--navy); --wishlist-seg-active-bg: var(--navy); --wishlist-seg-active-text: var(--bright-white); --wishlist-book-title: var(--mid-charcoal); --wishlist-card-title: var(--navy); --wishlist-fav-hover-opacity: var(--opacity-moderate); --wishlist-close-text: var(--navy); --wishlist-close-icon: var(--navy); }
:root[data-theme="dark"] .page-uma-library { --wishlist-white: var(--mid-white); --wishlist-white-rgb: 242, 237, 234; --wishlist-media-white: var(--pure-white); --wishlist-media-white-rgb: var(--white-rgb); --wishlist-drawer-bg: var(--navy-40); --wishlist-drawer-text: var(--wishlist-white); --wishlist-footer-bg: var(--navy-40); --wishlist-footer-border: rgba(var(--wishlist-white-rgb), var(--opacity-low)); --wishlist-tile-bg: var(--navy); --wishlist-tile-hover-bg: var(--navy); --wishlist-name: var(--wishlist-white); --wishlist-name-hover: var(--wishlist-white); --wishlist-muted: rgba(var(--wishlist-white-rgb), var(--opacity-high)); --wishlist-muted-strong: var(--wishlist-white); --wishlist-price: var(--wishlist-white); --wishlist-bin: var(--wishlist-white); --wishlist-chip-text: var(--wishlist-white); --wishlist-chip-border: rgba(var(--wishlist-white-rgb), var(--opacity-moderate)); --wishlist-chip-hover-bg: transparent; --wishlist-chip-hover-text: var(--wishlist-white); --wishlist-chip-hover-border: rgba(var(--wishlist-white-rgb), var(--opacity-moderate)); --wishlist-cta-text: var(--wishlist-white); --wishlist-cta-border: rgba(var(--wishlist-white-rgb), var(--opacity-moderate)); --wishlist-promo-bg: var(--navy); --wishlist-promo-text: var(--wishlist-white); --wishlist-scope-text: var(--wishlist-white); --wishlist-scope-active-bg: var(--wishlist-white); --wishlist-scope-active-text: var(--navy); --wishlist-scope-border: none; --wishlist-scope-bg: var(--navy); --wishlist-seg-bg: var(--navy); --wishlist-seg-border: none; --wishlist-seg-text: var(--wishlist-white); --wishlist-seg-active-bg: var(--wishlist-white); --wishlist-seg-active-text: var(--navy); --wishlist-book-title: var(--wishlist-white); --wishlist-card-title: var(--wishlist-white); --wishlist-fav-hover-opacity: var(--opacity-visible); --wishlist-close-text: var(--wishlist-white); --wishlist-close-icon: var(--wishlist-white); }
:where(.page-uma-library) .uma-wishlist-drawer { --bright-white: var(--wishlist-white); --bright-white-rgb: var(--wishlist-white-rgb); position: fixed; top: 0; right: 0; bottom: 0; width: var(--wishlist-drawer-width); min-width: var(--wishlist-drawer-width); max-width: var(--wishlist-drawer-width); z-index: var(--z-chrome-drawer); background: var(--wishlist-drawer-bg); color: var(--wishlist-drawer-text); display: flex; flex-direction: column; overflow: hidden; box-sizing: border-box; visibility: hidden; transform: translateX(100%); transition: transform var(--chrome-slide) ease-in-out, visibility 0s linear var(--chrome-slide); font-family: var(--chrome-drawer-font); }
@media (max-width: 699px) {
  :where(.page-uma-library) .uma-wishlist-drawer { width: 100vw; min-width: 0; max-width: 100vw; }
}
@media (min-width: 800px) {
  :where(.page-uma-library) .uma-wishlist-drawer { width: var(--wishlist-drawer-width-lg); min-width: var(--wishlist-drawer-width-lg); max-width: var(--wishlist-drawer-width-lg); }
}
:where(.page-uma-library) .card-front { display: flex; flex-direction: column; flex: 1; width: auto; height: auto; border-radius: var(--app-default-radius-lg); overflow: visible; transition: opacity var(--transition-base) ease; }
:where(.page-uma-library) .card-back-btn-code { min-width: max-content; }
:where(.page-uma-library) .card-brand { display: flex; justify-content: space-between; align-items: baseline; color: var(--wishlist-ink, var(--wishlist-muted)); font-size: var(--body-text-xs); margin-top: 0; margin-bottom: var(--app-default-top-bottom-margin-xxs); line-height: var(--default-line-height-single); transition: color var(--transition-fast) ease; }
:where(.page-uma-library) .brand-link { position: relative; color: inherit; text-decoration: none; cursor: pointer; transition: color var(--transition-fast) ease; background: transparent; border: none; padding: 0; margin: 0; font: inherit; letter-spacing: inherit; text-align: inherit; -webkit-appearance: none; appearance: none; }
:where(.page-uma-library) .brand-link:hover { color: var(--orange); text-decoration: none; }
:where(.page-uma-library) .brand-link::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: var(--wishlist-brand-hit); transform: translateY(-50%); }
:where(.page-uma-library) .drawer-buy-dropdown { position: absolute; top: calc(100% + var(--gap-xs)); left: auto; right: 0; min-width: 100%; width: max-content; max-width: var(--wishlist-dropdown-max); background: var(--wishlist-white); border: var(--stroke-hairline) solid var(--dark-white); border-radius: var(--app-default-radius-md); box-shadow: var(--chrome-dropdown-shadow); z-index: var(--z-chrome-layer-10); overflow: hidden; }
:where(.page-uma-library) .drawer-buy-dropdown-item { display: flex; align-items: center; justify-content: space-between; gap: var(--gap-md); width: 100%; min-height: var(--button-size-md); padding: 0 var(--btn-padding-x); border: none; background: transparent; color: var(--navy); cursor: pointer; text-align: left; transition: background var(--chrome-reduced) ease; font-size: var(--body-text-lg); white-space: nowrap; }
:where(.page-uma-library) .drawer-buy-dropdown-item:hover { background: var(--mid-white); }
:where(.page-uma-library) .drawer-buy-dropdown-item:not(:first-child) { border-top: var(--stroke-hairline) solid var(--dark-white); }
:where(.page-uma-library) .drawer-buy-dropdown-item-label { flex: 1; min-width: 0; text-align: left; white-space: nowrap; overflow: visible; text-overflow: clip; }
:where(.page-uma-library) .drawer-buy-dropdown-item-price { flex-shrink: 0; text-align: right; font-weight: var(--font-weight-medium); }
@media (max-width: 899px) {
  :where(.page-uma-library) .card-brand { font-size: var(--body-text-xs); }
  :where(.page-uma-library) .drawer-buy-dropdown-item { font-size: var(--body-text-sm); }
}
@media (max-width: 599px) {
  :where(.page-uma-library) .drawer-buy-dropdown { left: 0; right: auto; }
  :where(.page-uma-library) .drawer-buy-dropdown-item { font-size: var(--body-text-xs); min-height: var(--button-size-sm); padding: 0 var(--gap-md); }
}
@media (max-width: 549px) {
  :where(.page-uma-library) .drawer-buy-dropdown { width: var(--wishlist-dropdown-narrow); min-width: 0; max-width: var(--wishlist-dropdown-narrow); }
}
:where(.page-uma-library) .uma-library-card-body { height: auto; display: flex; flex-direction: column; padding: var(--app-default-top-bottom-margin-lg) 0 0; text-align: left; }
:where(.page-uma-library) .uma-library-card-title { font-size: var(--body-text-xxl); font-weight: var(--font-weight-light); line-height: var(--default-line-height-x-small); color: var(--wishlist-book-title); margin-top: 0; margin-bottom: var(--app-default-top-bottom-margin-xxs); display: flex; justify-content: space-between; align-items: baseline; gap: var(--gap-sm); padding-right: 0; }
:where(.page-uma-library) .uma-library-card-meta-right { flex-shrink: 0; font-size: var(--body-text-xs); color: var(--wishlist-muted-strong); white-space: nowrap; margin-left: var(--gap-sm); position: relative; font-weight: var(--font-weight-normal); }
:where(.page-uma-library) .drawer-brand-link { color: inherit; text-decoration: none; cursor: pointer; transition: color var(--transition-fast) ease; }
:where(.page-uma-library) .drawer-brand-link:hover { color: var(--orange); text-decoration: none; }
:where(.page-uma-library) .card-circular-plus-btn-on-dark, :where(.page-uma-library) .card-circular-search-btn-on-dark { position: absolute; bottom: var(--wishlist-media-button-inset); right: var(--wishlist-media-button-inset); width: var(--button-size-md); height: var(--button-size-md); border-radius: 0; background: var(--bright-white); border: none; cursor: pointer; z-index: var(--z-chrome-layer-3); padding: 0; opacity: var(--wishlist-media-reveal, 0); transition: opacity var(--transition-base) ease, filter var(--transition-base) ease; display: flex; align-items: center; justify-content: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; }
:where(.page-uma-library) .card-circular-plus-btn-on-dark { -webkit-mask-image: var(--chrome-plus-mask); mask-image: var(--chrome-plus-mask); }
:where(.page-uma-library) .card-circular-search-btn-on-dark { -webkit-mask-image: var(--chrome-search-mask); mask-image: var(--chrome-search-mask); }
:where(.page-uma-library) .card-circular-plus-btn-on-dark:focus-visible, :where(.page-uma-library) .card-circular-search-btn-on-dark:focus-visible { opacity: var(--opacity-visible); }
@media (hover: none) {
  :where(.page-uma-library) .card-circular-plus-btn-on-dark, :where(.page-uma-library) .card-circular-search-btn-on-dark { opacity: var(--opacity-visible); }
}
:where(.page-uma-library) .uma-wishlist-earmark { position: absolute; top: 0; right: 0; width: var(--wand-earmark-size); height: var(--wand-earmark-size); padding: 0; margin: 0; border: 0; background: transparent; cursor: pointer; z-index: var(--z-chrome-layer-4); overflow: hidden; border-top-right-radius: var(--app-default-radius-lg); opacity: 0; transition: opacity var(--transition-base) ease; }
:where(.page-uma-library) .uma-wishlist-earmark-icon { position: absolute; top: var(--wand-icon-top); right: var(--wand-icon-right); color: var(--bright-white); font-size: var(--button-icon-xl); line-height: var(--default-line-height-single); z-index: var(--z-chrome-layer-5); transition: opacity var(--transition-fast) ease; }
@media (hover: none) {
  :where(.page-uma-library) .uma-wishlist-earmark { overflow: visible; }
  :where(.page-uma-library) .uma-wishlist-earmark::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; min-width: var(--chrome-hit-area-touch); min-height: var(--chrome-hit-area-touch); }
}
:where(.page-uma-library) .drawer-show-episode-earmark { position: absolute; top: 0; right: 0; z-index: var(--z-chrome-layer-5); opacity: var(--opacity-visible); pointer-events: auto; }
:where(.page-uma-library) .uma-follow-earmark { position: absolute; top: var(--app-default-top-bottom-margin-sm); left: var(--app-default-top-bottom-margin-sm); padding: 0; margin: 0; border: 0; background: transparent; cursor: pointer; z-index: var(--z-chrome-layer-4); width: var(--switch-mini-width); height: var(--switch-mini-height); opacity: var(--wishlist-fav-reveal, 0); transition: opacity var(--transition-base) ease; }
:where(.page-uma-library) .uma-follow-earmark-track { position: absolute; inset: 0; border-radius: var(--radius-pill); background: var(--follow-track, rgba(var(--black-rgb), var(--opacity-low))); backdrop-filter: var(--follow-blur, blur(var(--blur-md))); -webkit-backdrop-filter: var(--follow-blur, blur(var(--blur-md))); transition: background var(--transition-base) ease; overflow: hidden; display: block; }
:where(.page-uma-library) .uma-follow-earmark-thumb { position: absolute; top: var(--switch-thumb-inset); left: var(--follow-thumb-left, var(--switch-thumb-inset)); width: var(--switch-mini-thumb); height: var(--switch-mini-thumb); border-radius: var(--radius-circle); background: var(--bright-white); box-shadow: var(--chrome-thumb-shadow); transition: left var(--chrome-quick) ease, background var(--chrome-quick) ease; z-index: var(--z-chrome-layer-2); }
:where(.page-uma-library) .uma-follow-earmark-icon { position: absolute; top: 50%; transform: translateY(-50%); left: var(--follow-icon-left, auto); right: var(--follow-icon-right, var(--switch-thumb-inset)); color: var(--bright-white); font-size: var(--button-icon-sm); z-index: var(--z-chrome-layer-3); transition: left var(--chrome-quick) ease, right var(--chrome-quick) ease, color var(--chrome-quick) ease; pointer-events: none; display: flex; align-items: center; justify-content: center; width: var(--switch-mini-thumb); height: var(--switch-mini-thumb); }
:where(.page-uma-library) .drawer-show-episode { background: var(--platform-spotify); border-radius: var(--app-default-radius-md); overflow: hidden; height: auto; min-height: 0; position: relative; }
:where(.page-uma-library) .drawer-show-episode-player { position: relative; background: var(--platform-spotify); height: auto; min-height: 0; width: 100%; line-height: 0; }
:where(.page-uma-library) .drawer-show-episode-frame { display: block; width: 100%; border: none; height: var(--platform-spotify-height-compact); }
:where(.page-uma-library) .drawer-show-episode-video-thumb { position: relative; flex: 0 0 auto; width: var(--wishlist-thumb-width); aspect-ratio: var(--carouselle-card-ratio-video); border-radius: var(--app-default-radius-md); overflow: hidden; background: var(--dark-white); }
:where(.page-uma-library) .drawer-show-episode-video-thumb:hover, :where(.page-uma-library) .drawer-show-episode-video-thumb:focus-within { --wishlist-play-reveal: var(--opacity-visible); --wishlist-play-events: auto; }
:where(.page-uma-library) .drawer-show-episode-video-meta { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: var(--gap-xs); padding: 0; height: auto; text-align: left; }
:where(.page-uma-library) .card-circular-play-btn-on-dark { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: var(--z-chrome-layer-3); width: var(--button-size-xxl); height: var(--button-size-xxl); border-radius: var(--radius-circle); background-color: transparent; background-image: var(--chrome-play-icon); background-size: 100% 100%; background-repeat: no-repeat; border: none; cursor: pointer; opacity: var(--wishlist-play-reveal, 0); transition: opacity var(--transition-fast), filter var(--transition-base) ease; pointer-events: var(--wishlist-play-events, none); padding: 0; backdrop-filter: blur(var(--blur-md)) brightness(var(--opacity-moderate)); -webkit-backdrop-filter: blur(var(--blur-md)) brightness(var(--opacity-moderate)); }
@media (hover: none) {
  :where(.page-uma-library) .card-circular-play-btn-on-dark { opacity: var(--opacity-visible); pointer-events: auto; }
}
@media (min-width: 900px) {
  :where(.page-uma-library) .drawer-show-episode-video-thumb { width: var(--wishlist-thumb-width-md); }
}
@media (min-width: 1280px) {
  :where(.page-uma-library) .drawer-show-episode-video-thumb { width: var(--carouselle-card-md); }
}
@media (max-width: 599px) {
  :where(.page-uma-library) .drawer-show-episode-video-thumb { width: var(--carouselle-card-md); }
}
@media (max-width: 449px) {
  :where(.page-uma-library) .drawer-show-episode-video-thumb { width: var(--wishlist-thumb-width-md); }
}
:where(.page-uma-library) .uma-segmented-toggle { display: inline-flex; background: var(--wishlist-seg-bg); border: var(--wishlist-seg-border); border-radius: var(--app-default-radius-md); overflow: hidden; align-items: stretch; height: var(--button-size-md); box-sizing: border-box; }
:where(.page-uma-library) .uma-segmented-toggle-option { display: inline-flex; align-items: center; justify-content: center; min-width: var(--wishlist-seg-option-min); height: 100%; padding: 0 var(--gap-md); border: 0; background: transparent; color: var(--wishlist-seg-text); border-radius: 0; cursor: pointer; font-size: inherit; transition: background var(--transition-fast) ease, color var(--transition-fast) ease; }
:where(.page-uma-library) .uma-segmented-toggle-icon { font-size: var(--button-icon-lg); line-height: var(--default-line-height-single); color: inherit; }
:where(.page-uma-library) .is-hidden { display: none; }
.page-uma-library { --dark-teal-rgb: 0, 101, 112; --opacity-extra-low: 0.1; --concertina-closed-drawer-height: 60px; --filter-drawer-column-width: 420px; --filter-drawer-nav-column-width: 380px; --filter-drawer-column-min-width: 400px; --filter-drawer-row-height: 60px; --filter-tab-offset: 80px; --filter-tab-width: 130px; --filter-tab-letter-spacing: 0.03em; --filter-tab-shadow: 0 2px 8px var(--shadow-overlay); --filter-tab-hover-padding: 0.75rem; --filter-drawer-open-duration: 0.6s; --filter-panel-open-duration: 0.4s; --filter-panel-open-height: 2000px; --filter-remove-size: 28px; --filter-close-hit-width: 24px; --touch-target-min: 44px; --filter-switch-text-inset: 10px; --filter-drawer-open-layer: 10000030; --filter-backdrop-layer: 900; --filter-text: var(--navy); --filter-close-text: var(--mid-charcoal); --filter-icon: var(--dark-teal); --filter-plus-minus: var(--mid-charcoal); --filter-divider: rgba(var(--black-rgb), var(--opacity-extra-low)); --filter-drawer-bg: rgba(var(--bright-white-rgb), var(--opacity-very-high)); --filter-solid-bg: var(--bright-white); --filter-glass-bg: rgba(var(--bright-white-rgb), var(--opacity-very-high)); --filter-clear-bg: transparent; --filter-nav-wide-bg: rgba(var(--white-rgb), var(--opacity-near-full)); --filter-nav-active-bg: var(--bright-white); --filter-pill-bg: rgba(var(--dark-teal-rgb), var(--opacity-low)); --filter-pill-text: var(--dark-teal); --filter-clear-pill-bg: var(--dark-white); --filter-clear-pill-text: var(--light-charcoal); --filter-clear-pill-border: none; --filter-switch-off: var(--dark-white); --verdict-tab-height: 40px; --verdict-tab-icon-size: 1.3rem; --verdict-tab-icon-padding: 1rem; }
:root[data-theme="dark"] .page-uma-library { --filter-text: var(--t-text-strong); --filter-close-text: var(--t-text-strong); --filter-icon: var(--t-text-strong); --filter-plus-minus: var(--t-text-secondary); --filter-divider: var(--t-divider); --filter-drawer-bg: rgba(var(--navy-60-rgb), var(--opacity-very-high)); --filter-solid-bg: rgba(var(--navy-60-rgb), var(--opacity-near-full)); --filter-glass-bg: rgba(var(--navy-60-rgb), var(--opacity-near-full)); --filter-clear-bg: rgba(var(--navy-60-rgb), var(--opacity-near-full)); --filter-nav-wide-bg: rgba(var(--navy-60-rgb), var(--opacity-near-full)); --filter-nav-active-bg: transparent; --filter-pill-bg: var(--dark-teal); --filter-pill-text: var(--t-text-strong); --filter-clear-pill-bg: transparent; --filter-clear-pill-text: var(--t-text-strong); --filter-clear-pill-border: var(--stroke-hairline) solid var(--t-text-strong); --filter-switch-off: var(--t-border); }
:where(.page-uma-library) .uma-marketplace-filters-tab { position: absolute; top: 100%; right: var(--filter-tab-offset); z-index: 4; background: var(--yellow); border: none; color: var(--white-text-default); width: var(--filter-tab-width); padding: var(--gap-xs) 0; border-radius: 0 0 var(--app-default-radius-md) var(--app-default-radius-md); cursor: pointer; font-size: var(--button-font-size); font-weight: var(--font-weight-normal); letter-spacing: var(--filter-tab-letter-spacing); text-align: center; box-sizing: border-box; box-shadow: var(--filter-tab-shadow); transition: background var(--button-transition-duration) var(--button-transition-ease), padding var(--button-transition-duration) var(--button-transition-ease); }
:where(.page-uma-library) .uma-marketplace-filters-tab:hover { padding-bottom: var(--filter-tab-hover-padding); }
:where(.page-uma-library) .uma-filter-drawer-open .uma-marketplace-filters-tab { display: none; }
@media (max-width: 600px) {
  :where(.page-uma-library) .uma-marketplace-filters-tab { font-size: var(--body-text-xs); right: var(--app-default-top-bottom-margin-xl); }
}
:where(.page-uma-library) .uma-filter-drawer-open { overflow: hidden; }
:where(.page-uma-library) .uma-filter-drawer-open::before { content: ''; position: fixed; inset: 0; backdrop-filter: blur(var(--blur-md)); -webkit-backdrop-filter: blur(var(--blur-md)); background: rgba(var(--black-rgb), var(--opacity-extra-low)); z-index: var(--filter-backdrop-layer); pointer-events: none; }
:where(.page-uma-library) .uma-filter-drawer { position: absolute; top: 100%; left: 0; right: 0; max-height: 0; overflow: hidden; background: var(--filter-drawer-bg); transition: max-height var(--filter-drawer-open-duration) ease; }
:where(.page-uma-library) .uma-filter-drawer.is-open { display: flex; flex-direction: column; height: calc(100dvh - var(--intervention-nav-height)); max-height: calc(100dvh - var(--intervention-nav-height)); margin-top: 0; border-bottom: var(--stroke-thin) solid var(--filter-divider); backdrop-filter: blur(var(--blur-lg)); -webkit-backdrop-filter: blur(var(--blur-lg)); }
:where(.page-uma-library) .uma-filter-drawer-inner { position: relative; padding: var(--gap-md) var(--default-left-right-mob-body-padding) var(--app-default-top-bottom-margin-xl); }
:where(.page-uma-library) .uma-filter-drawer-clear-all { background: transparent; border: none; color: var(--filter-text); font-family: inherit; font-size: var(--body-text-sm); cursor: pointer; padding: 0; height: var(--button-size-md); transition: color var(--transition-base) ease, opacity var(--transition-base) ease; text-align: left; }
:where(.page-uma-library) .uma-filter-drawer-clear-all:hover { color: var(--orange); }
:where(.page-uma-library) .uma-filter-drawer-clear-all:disabled { display: none; }
:where(.page-uma-library) .uma-filter-drawer-clear-all.is-disabled { display: none; }
:where(.page-uma-library) .uma-filter-selection-pill { display: inline-flex; align-items: center; gap: var(--gap-xs); height: var(--button-size-sm); padding: 0 var(--gap-md); background: var(--filter-pill-bg); color: var(--filter-pill-text); border-radius: var(--radius-pill); font-size: var(--body-text-sm); line-height: var(--default-line-height-single); flex-shrink: 0; transition: background var(--transition-fast) ease, color var(--transition-fast) ease, padding var(--transition-fast) ease; }
:where(.page-uma-library) .uma-filter-selection-pill:hover { padding: 0 var(--gap-xs) 0 var(--gap-md); }
:where(.page-uma-library) .uma-filter-selection-pill:first-child { scroll-snap-align: start; }
:where(.page-uma-library) .uma-filter-selection-pill:last-child { scroll-snap-align: end; }
:where(.page-uma-library) .uma-filter-selection-pill:has(.uma-filter-selection-pill-remove:hover) { background: var(--tomato); color: var(--bright-white); }
:where(.page-uma-library) .uma-filter-selection-pill-label { line-height: var(--default-line-height-single); }
:where(.page-uma-library) .uma-filter-selection-pill-remove { position: relative; background: transparent; border: none; padding: 0; margin: 0; cursor: pointer; color: var(--filter-pill-text); height: var(--filter-remove-size); display: inline-flex; align-items: center; justify-content: center; border-radius: var(--radius-circle); transition: color var(--transition-fast) ease, opacity var(--transition-fast) ease, width var(--transition-fast) ease; opacity: 0; width: 0; overflow: hidden; }
:where(.page-uma-library) .uma-filter-selection-pill:hover .uma-filter-selection-pill-remove { opacity: 1; width: var(--filter-remove-size); }
:where(.page-uma-library) .uma-filter-selection-pill:has(.uma-filter-selection-pill-remove:hover) .uma-filter-selection-pill-remove { color: var(--bright-white); }
:where(.page-uma-library) .uma-filter-selection-pill--clear-all { background: var(--filter-clear-pill-bg); color: var(--filter-clear-pill-text); border: var(--filter-clear-pill-border); font-family: inherit; cursor: pointer; transition: background var(--transition-fast) ease, color var(--transition-fast) ease, border-color var(--transition-fast) ease, padding var(--transition-fast) ease; }
:where(.page-uma-library) .uma-filter-selection-pill--clear-all:hover { background: var(--tomato); color: var(--bright-white); border-color: var(--tomato); padding: 0 var(--gap-md); }
:where(.page-uma-library) .uma-filter-nav-btn { background: transparent; border: none; color: var(--filter-text); font-family: inherit; font-size: var(--body-text-sm); text-align: left; height: var(--filter-drawer-row-height); padding: 0; cursor: pointer; transition: color var(--transition-base) ease; display: flex; align-items: center; justify-content: space-between; gap: var(--gap-sm); width: 100%; }
:where(.page-uma-library) .uma-filter-nav-btn:hover { color: var(--orange); }
:where(.page-uma-library) .uma-filter-nav-btn-count { margin-left: auto; order: 999; background: var(--filter-pill-bg); color: var(--filter-pill-text); border-radius: var(--radius-pill); padding: 0 var(--gap-sm); height: var(--switch-mini-height); min-width: var(--switch-mini-width); display: inline-flex; align-items: center; justify-content: center; font-size: var(--body-text-sm); line-height: var(--default-line-height-single); font-weight: var(--font-weight-semi-bold); }
:where(.page-uma-library) .uma-filter-nav-btn-count--value { background: transparent; color: var(--filter-text); font-size: var(--body-text-xs); font-weight: var(--font-weight-normal); border-radius: 0; padding: 0; min-width: 0; height: auto; text-align: right; }
:where(.page-uma-library) .uma-filter-nav-btn-icon-plus { font-size: var(--button-icon-xxl); color: var(--filter-plus-minus); transition: color var(--transition-base) ease; display: flex; align-items: center; justify-content: center; line-height: var(--default-line-height-single); }
:where(.page-uma-library) .uma-filter-nav-btn-icon-minus { font-size: var(--button-icon-xxl); color: var(--filter-plus-minus); transition: color var(--transition-base) ease; display: none; align-items: center; justify-content: center; line-height: var(--default-line-height-single); }
:where(.page-uma-library) .uma-filter-label-long { display: none; }
:where(.page-uma-library) .uma-filter-panel { display: none; padding: 0; }
:where(.page-uma-library) .uma-filter-panel.is-active { display: block; }
:where(.page-uma-library) .uma-filter-panel-inner { display: grid; grid-template-columns: 1fr; gap: var(--gap-regular); }
:where(.page-uma-library) .uma-filter-option-list { display: flex; flex-direction: column; gap: var(--gap-xxs); grid-column: 1; }
:where(.page-uma-library) .uma-filter-option { display: flex; align-items: center; gap: var(--gap-sm); height: var(--button-size-md); min-height: var(--button-size-md); padding: 0; border: none; background: transparent; color: var(--filter-text); border-radius: var(--radius-pill); cursor: pointer; font-family: inherit; font-size: var(--body-text-sm); text-align: left; transition: background var(--transition-fast) ease, color var(--transition-fast) ease; box-sizing: border-box; white-space: nowrap; }
:where(.page-uma-library) .uma-filter-option:hover { color: var(--orange); }
:where(.page-uma-library) .uma-filter-option.is-active { color: var(--orange); background: transparent; }
:where(.page-uma-library) .uma-filter-switch-list { display: flex; flex-direction: column; gap: var(--gap-xxs); grid-column: 1; width: 100%; }
:where(.page-uma-library) .uma-filter-switch-row { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: var(--gap-sm); height: var(--button-size-md); min-height: var(--button-size-md); padding: 0; cursor: pointer; border-radius: var(--radius-pill); transition: background var(--transition-fast) ease, color var(--transition-fast) ease; color: var(--filter-text); box-sizing: border-box; white-space: nowrap; width: 100%; }
:where(.page-uma-library) .uma-filter-switch-label { display: flex; align-items: center; gap: var(--gap-sm); font-size: var(--body-text-sm); white-space: nowrap; min-width: 0; }
:where(.page-uma-library) .switch--dietary { justify-self: end; flex-shrink: 0; }
:where(.page-uma-library) .switch--dietary .switch-track { background: var(--filter-switch-off); overflow: visible; }
:where(.page-uma-library) .switch--dietary input:checked ~ .switch-track { background: var(--bright-teal); }
:where(.page-uma-library) .switch--dietary .switch-track::before { content: ''; position: absolute; right: var(--filter-switch-text-inset); top: 50%; transform: translateY(-50%); color: var(--bright-white); font-size: var(--body-text-xs); font-weight: normal; line-height: var(--default-line-height-single); z-index: 1; }
:where(.page-uma-library) .switch--dietary input:checked ~ .switch-track::before { content: ''; right: auto; left: var(--filter-switch-text-inset); }
:where(.page-uma-library) .switch--dietary .switch-thumb::before { content: ''; }
@media (hover: none) {
  :where(.page-uma-library) .uma-filter-selection-pill-remove { overflow: visible; }
  :where(.page-uma-library) .uma-filter-selection-pill-remove::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; min-width: var(--touch-target-min); min-height: var(--touch-target-min); }
}
@media (min-width: 600px) {
  :where(.page-uma-library) .uma-filter-drawer-inner { padding-left: var(--app-default-top-bottom-margin-xl); }
}
@media (max-width: 899px) {
  :where(.page-uma-library) .uma-filter-selection-pill-remove { opacity: 1; width: var(--filter-remove-size); }
  :where(.page-uma-library) .uma-filter-drawer-inner { padding-top: var(--filter-drawer-row-height); padding-right: var(--default-left-right-mob-body-padding); padding-bottom: 0; }
  :where(.page-uma-library) :where(.uma-filter-drawer.is-open) .uma-filter-drawer-inner { flex: 1 1 auto; overflow-y: auto; min-height: 0; scrollbar-width: none; -ms-overflow-style: none; scroll-padding-top: var(--filter-drawer-row-height); }
  :where(.page-uma-library) :where(.uma-filter-drawer.is-open) .uma-filter-drawer-inner::-webkit-scrollbar { display: none; width: 0; height: 0; }
  :where(.page-uma-library) .uma-filter-nav-btn { background: var(--filter-solid-bg); border-bottom: var(--stroke-thin) solid var(--filter-divider); margin-left: calc(-1 * var(--default-left-right-mob-body-padding)); margin-right: calc(-1 * var(--default-left-right-mob-body-padding)); padding-left: var(--default-left-right-mob-body-padding); padding-right: var(--default-left-right-mob-body-padding); width: calc(100% + 2 * var(--default-left-right-mob-body-padding)); justify-content: flex-start; gap: var(--gap-md); }
  :where(.page-uma-library) .uma-filter-nav-btn.is-active { background: var(--filter-nav-active-bg); }
  :where(.page-uma-library) .uma-filter-nav-btn-icon-plus { order: -1; }
  :where(.page-uma-library) .uma-filter-nav-btn-icon-minus { order: -1; }
  :where(.page-uma-library) .uma-filter-nav-btn.is-active .uma-filter-nav-btn-icon-plus { display: none; }
  :where(.page-uma-library) .uma-filter-nav-btn.is-active .uma-filter-nav-btn-icon-minus { display: flex; }
  :where(.page-uma-library) .uma-filter-panel { display: block; max-height: 0; overflow: hidden; transition: max-height var(--filter-panel-open-duration) ease-out, padding var(--filter-panel-open-duration) ease-out; padding: 0 var(--default-left-right-mob-body-padding); margin-left: calc(-1 * var(--default-left-right-mob-body-padding)); margin-right: calc(-1 * var(--default-left-right-mob-body-padding)); }
  :where(.page-uma-library) .uma-filter-panel.is-active { max-height: var(--filter-panel-open-height); border-bottom: var(--stroke-thin) solid var(--filter-divider); }
  :where(.page-uma-library) .uma-filter-option-list { gap: 0; }
  :where(.page-uma-library) .uma-filter-switch-list { gap: 0; }
  :where(.page-uma-library) .uma-filter-option { border-radius: 0; height: var(--filter-drawer-row-height); min-height: var(--filter-drawer-row-height); padding: 0 var(--default-left-right-mob-body-padding); margin-left: calc(-1 * var(--default-left-right-mob-body-padding)); margin-right: calc(-1 * var(--default-left-right-mob-body-padding)); width: calc(100% + 2 * var(--default-left-right-mob-body-padding)); }
  :where(.page-uma-library) .uma-filter-option:hover { background: rgba(var(--black-rgb), var(--opacity-very-low)); }
  :where(.page-uma-library) .uma-filter-option.is-active { background: transparent; }
  :where(.page-uma-library) .uma-filter-switch-row { border-radius: 0; height: var(--filter-drawer-row-height); min-height: var(--filter-drawer-row-height); padding: 0 var(--default-left-right-mob-body-padding); margin-left: calc(-1 * var(--default-left-right-mob-body-padding)); margin-right: calc(-1 * var(--default-left-right-mob-body-padding)); width: calc(100% + 2 * var(--default-left-right-mob-body-padding)); }
  :where(.page-uma-library) .uma-filter-switch-row:hover { background: rgba(var(--black-rgb), var(--opacity-very-low)); }
}
@media (min-width: 900px) {
  :where(.page-uma-library) .uma-filter-drawer-inner { padding: 0; }
  :where(.page-uma-library) :where(.uma-filter-drawer.is-open) .uma-filter-drawer-inner { flex: 1 1 auto; overflow: clip; min-height: 0; }
  :where(.page-uma-library) .uma-filter-drawer-clear-all { display: inline-flex; align-items: center; gap: var(--gap-xs); }
  :where(.page-uma-library) .uma-filter-nav-btn { grid-column: 1; padding: 0 var(--app-default-top-bottom-margin-xl); background: var(--filter-nav-wide-bg); border-bottom: var(--stroke-thin) solid var(--filter-divider); border-right: var(--stroke-thin) solid var(--filter-divider); border-radius: 0; white-space: nowrap; min-height: var(--filter-drawer-row-height); box-sizing: border-box; transition: color var(--transition-base) ease, background var(--transition-base) ease; align-self: stretch; }
  :where(.page-uma-library) .uma-filter-nav-btn.is-active { background: transparent; border-bottom-color: transparent; border-right-color: transparent; }
  :where(.page-uma-library) .uma-filter-nav-btn.is-active:hover { color: var(--orange); }
  :where(.page-uma-library) .uma-filter-nav-btn:last-of-type { position: relative; }
  :where(.page-uma-library) .uma-filter-nav-btn:last-of-type::after { content: ''; position: absolute; top: 100%; left: 0; right: calc(-1 * var(--stroke-thin)); height: 100vh; background: var(--filter-nav-wide-bg); border-right: var(--stroke-thin) solid var(--filter-divider); pointer-events: none; }
  :where(.page-uma-library) .uma-filter-nav-btn-icon-plus { display: none; }
  :where(.page-uma-library) .uma-filter-nav-btn-icon-minus { display: none; }
  :where(.page-uma-library) .uma-filter-label-short { display: none; }
  :where(.page-uma-library) .uma-filter-label-long { display: inline; }
  :where(.page-uma-library) .uma-filter-panel { position: absolute; inset: 0; grid-column: 2 / -1; grid-row: auto; align-self: stretch; justify-self: stretch; padding: var(--app-default-top-bottom-margin-xl) 0 var(--app-default-top-bottom-margin-xl) var(--app-default-top-bottom-margin-xl); background: transparent; max-height: none; overflow-y: auto; scrollbar-width: none; -ms-overflow-style: none; scroll-padding-top: var(--app-default-top-bottom-margin-xl); }
  :where(.page-uma-library) .uma-filter-panel::-webkit-scrollbar { display: none; }
  :where(.page-uma-library) .uma-filter-panel-inner { grid-template-columns: 1fr 1fr; column-gap: var(--app-default-top-bottom-margin-xl); row-gap: var(--gap-xxs); }
  :where(.page-uma-library) .uma-filter-option-list { padding-left: var(--app-default-top-bottom-margin-xl); }
  :where(.page-uma-library) .uma-filter-switch-list { padding-left: var(--app-default-top-bottom-margin-xl); }
  :where(.page-uma-library) .uma-filter-option { height: var(--filter-drawer-row-height); min-height: var(--filter-drawer-row-height); }
  :where(.page-uma-library) :where(.uma-filter-option-list--has-many) .uma-filter-option { break-inside: avoid; }
  :where(.page-uma-library) .uma-filter-switch-row { height: var(--filter-drawer-row-height); min-height: var(--filter-drawer-row-height); }
}
.page-uma-library { --carouselle-card-xxs: 240px; --carouselle-card-sm: 310px; --carouselle-card-md: 320px; --carouselle-card-xxxl: 400px; --carouselle-card-xxxxl: 450px; --product-card-width-sm: var(--carouselle-card-md); --product-card-width-md: var(--carouselle-card-lg); --product-card-width-lg: var(--carouselle-card-xxl); --wand-earmark-size: 75px; --wand-icon-top: 11px; --wand-icon-right: 11px; --ing-circle-size: 80px; --drawer-section-padding-top: var(--app-default-top-bottom-margin-xxxxl); --drawer-section-padding-bottom: var(--app-default-top-bottom-margin-xxxxxl); --opacity-dimmed: 0.3; --opacity-medium-low: 0.4; --opacity-logo: 0.75; --frost-white: rgba(249, 249, 249, 0.85); --frost-white-line: rgba(249, 249, 249, 0.4); --z-product-drawer-backdrop: 10000005; --z-product-drawer: 10000006; --z-product-drawer-close: 10000011; --product-drawer-slide: 0.4s; --product-drawer-scrim: rgba(var(--black-rgb), var(--opacity-medium-low)); --product-drawer-width-wide: 860px; --product-drawer-image-width: 320px; --product-drawer-preview-height-mobile: 20vw; --product-drawer-reviews-min-height: 480px; --preview-dot-size: 0.65rem; --preview-dot-fade: 0.25s; --review-star-size: 1.8rem; --transition-quick: 0.15s; --rollover-stack-min-width: 220px; --rating-tooltip-gap: 4px; --brand-link-hit-height: 24px; --fact-card-mark-size: 9rem; --fact-card-mark-line-height: 0.8; --fact-card-text-size: 1.3rem; --fact-card-logo-nudge: 3px; --app-icon-radius: 22%; --link-underline-offset: 2px; --switch-icon-nudge: 3px; --feedback-panel-min-height: 600px; --sort-caret-room: 1rem; --t-card-panel: var(--bright-white); --t-card-light: var(--new-white); --t-card-light-text: var(--navy); --t-card-light-hover: var(--light-white); --t-card-light-strong: var(--navy); --t-card-light-muted: var(--light-charcoal); --t-card-light-figure: var(--light-charcoal); --t-chip-text: var(--navy); --t-chip-line: var(--navy); --t-chip-bg: transparent; --t-shop-ink: var(--navy); --t-shop-muted: var(--light-charcoal); --t-price-ink: var(--navy); --t-ing-text: var(--mid-charcoal); --t-ing-muted: var(--light-charcoal); --t-ing-line: var(--dark-white); --t-ing-circle: var(--mid-white); --t-ing-badge-bg: rgba(var(--dark-teal-rgb), var(--opacity-low)); --t-ing-badge-text: var(--dark-teal); }
@media (max-width: 600px) {
  .page-uma-library { --drawer-section-padding-top: var(--app-default-top-bottom-margin-xxxl); --drawer-section-padding-bottom: var(--app-default-top-bottom-margin-xxxxl); }
}
:where(.page-catalogue) .uma-product-drawer-backdrop { display: none; position: fixed; inset: 0; background: var(--product-drawer-scrim); z-index: var(--z-product-drawer-backdrop); }
:where(.page-catalogue) .uma-product-drawer-backdrop.is-open { display: block; }
:where(.page-catalogue) .uma-product-drawer.is-open { transform: translateX(0); visibility: visible; transition: transform var(--product-drawer-slide) ease-in-out, visibility; }
:where(.page-catalogue) .uma-product-drawer-preview-dots { display: none; justify-content: center; gap: var(--gap-sm); margin-top: var(--app-default-top-bottom-margin-md); width: 100%; }
:where(.page-catalogue) .uma-product-drawer-preview-dot { width: var(--preview-dot-size); height: var(--preview-dot-size); border-radius: var(--radius-circle); background: transparent; border: var(--stroke-hairline) solid var(--navy); cursor: pointer; padding: 0; transition: background var(--preview-dot-fade); }
:where(.page-catalogue) .uma-product-drawer-preview-dot:hover { background: var(--hover-overlay-dark); }
:where(.page-catalogue) .uma-product-drawer-preview-dot.is-active { background: var(--navy); }
:where(.page-catalogue) .uma-product-drawer-close { position: fixed; top: var(--gap-md); right: var(--gap-md); background: transparent; border: none; cursor: pointer; align-items: center; justify-content: center; color: var(--navy); padding: 0; z-index: var(--z-product-drawer-close); display: none; }
:where(.page-catalogue) .uma-product-drawer-close.is-visible { display: inline-flex; }
:where(.page-catalogue) .uma-product-drawer-price { font-size: var(--heading-size-md); font-weight: var(--font-weight-light); color: var(--t-shop-ink); margin-bottom: var(--app-default-top-bottom-margin-xxl); }
:where(.page-catalogue) .uma-product-drawer-review-stars { display: flex; gap: var(--gap-xxs); margin-bottom: var(--app-default-top-bottom-margin-sm); justify-content: flex-start; }
:where(.page-catalogue) .uma-product-drawer-review-star { background: transparent; border: none; cursor: pointer; font-size: var(--review-star-size); line-height: var(--default-line-height-single); color: var(--dark-white); transition: color var(--transition-quick); }
:where(.page-catalogue) .uma-product-drawer-review-star.is-filled { color: var(--yellow); }
:where(.page-catalogue) .uma-product-drawer-review-star:hover { color: var(--yellow); }
:where(.page-catalogue) .uma-product-drawer-copy-code { font-weight: var(--font-weight-medium); font-size: var(--body-text-xxs); }
:where(.page-catalogue) .uma-product-drawer-reviews-full { width: 100%; background: var(--mid-white); padding: 0; box-sizing: border-box; }
:where(.page-catalogue) .drawer-section-default-padding { padding-top: var(--drawer-section-padding-top); padding-bottom: var(--drawer-section-padding-bottom); }
:where(.page-catalogue) .uma-product-drawer-community-count { font-size: var(--body-text-xs); color: var(--light-charcoal); }
:where(.page-catalogue) .uma-product-drawer-reviews-carousel::-webkit-scrollbar { display: none; }
@media (min-width: 900px) {
  :where(.page-catalogue) .uma-product-drawer-preview-dots { display: none; }
}
:where(.page-catalogue) .ing-badges { display: flex; flex-wrap: wrap; gap: var(--gap-xs); margin-top: var(--app-default-top-bottom-margin-md); }
:where(.page-catalogue) .ing-row { display: grid; grid-template-columns: 1fr auto auto; gap: var(--gap-xs); align-items: baseline; padding: var(--gap-xxs) 0; border-bottom: var(--stroke-hairline) solid var(--t-ing-line); }
:where(.page-catalogue) .ing-row:last-child { border-bottom: none; }
:where(.page-catalogue) .ing-name { font-size: var(--body-text-xs); color: var(--t-ing-text); line-height: var(--default-line-height-x-small); }
:where(.page-catalogue) .ing-amount { font-size: var(--body-text-xs); color: var(--t-ing-text); text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
:where(.page-catalogue) .product-card { scroll-snap-align: start; position: relative; display: flex; flex-direction: column; border-radius: var(--app-default-radius-lg); overflow: hidden; z-index: 1; flex: 0 0 var(--product-card-width-sm); width: var(--product-card-width-sm); min-width: var(--product-card-width-sm); max-width: var(--product-card-width-sm); }
:where(.page-catalogue) .product-card.flipped { z-index: 2; }
:where(.page-catalogue) .card-front { display: flex; flex-direction: column; flex: 0 0 auto; width: 100%; height: 100%; border-radius: var(--app-default-radius-lg); overflow: hidden; transition: opacity var(--transition-base) ease; }
:where(.page-catalogue) .card-front--flipped { opacity: 0; pointer-events: none; }
:where(.page-catalogue) .card-back { position: absolute; inset: 0; display: flex; flex-direction: column; border-radius: var(--app-default-radius-lg); background: var(--t-card-panel); padding: 0 var(--app-default-top-bottom-margin-lg); opacity: 0; pointer-events: none; transition: opacity var(--transition-base) ease; overflow: hidden; }
:where(.page-catalogue) .card-back--flipped { opacity: 1; pointer-events: auto; }
:where(.page-catalogue) .card-image { position: relative; width: 100%; aspect-ratio: var(--carouselle-card-ratio-square); flex-shrink: 0; flex-grow: 0; overflow: hidden; background: var(--product-tile-bg); border-top-left-radius: var(--app-default-radius-lg); border-top-right-radius: var(--app-default-radius-lg); }
:where(.page-catalogue) .card-image-rating-overlay { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: opacity var(--transition-fast); background: rgba(var(--black-rgb), var(--opacity-moderate)); z-index: 3; padding: 0 var(--gap-xxl); }
:where(.page-catalogue) .product-card:hover .card-image-rating-overlay { opacity: 1; pointer-events: auto; }
:where(.page-catalogue) .product-card:has(.uma-wishlist-earmark:hover) .card-image-rating-overlay { opacity: 0; pointer-events: none; }
:where(.page-catalogue) .rollover-cta-btn-stack { display: flex; flex-direction: column; align-items: stretch; width: fit-content; min-width: var(--rollover-stack-min-width); gap: var(--gap-sm); }
:where(.page-catalogue) .card-btn-buy { height: var(--button-size-md); border-radius: var(--radius-pill); background: var(--bright-white); color: var(--navy); border: none; font-family: inherit; font-size: var(--body-text-xs); font-weight: var(--font-weight-medium); padding: 0 var(--gap-xl); cursor: pointer; transition: background var(--transition-base), color var(--transition-base); width: auto; flex-shrink: 0; display: flex; align-items: center; justify-content: center; text-decoration: none; }
:where(.page-catalogue) .card-image-ing-btn { width: auto; display: inline-flex; scroll-margin-top: var(--fixed-header-height); }
:where(.page-catalogue) .frosted-secondary-white-btn { backdrop-filter: blur(var(--blur-md)); background: rgba(var(--black-rgb), var(--opacity-low)); border: var(--stroke-hairline) solid var(--bright-white); color: var(--bright-white); }
:where(.page-catalogue) .frosted-secondary-white-btn:hover { background: rgba(var(--black-rgb), var(--opacity-moderate)); }
:where(.page-catalogue) .frosted-secondary-white-btn.is-copied { background: var(--bright-green); border-color: var(--bright-green); color: var(--bright-white); }
:where(.page-catalogue) .card-back-btn-code { min-width: max-content; }
:where(.page-catalogue) .card-back-btn-code.is-copied { background: var(--bright-green); color: var(--bright-white); border-color: var(--bright-green); transition: none; }
:where(.page-catalogue) .card-brand { display: flex; justify-content: space-between; align-items: baseline; color: var(--light-charcoal); }
:where(.page-catalogue) .brand-link { position: relative; color: inherit; text-decoration: none; cursor: pointer; transition: color var(--transition-fast); background: transparent; border: none; padding: 0; margin: 0; font: inherit; letter-spacing: inherit; text-align: inherit; appearance: none; }
:where(.page-catalogue) .brand-link:hover { color: var(--orange); text-decoration: none; }
:where(.page-catalogue) .brand-link::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: var(--brand-link-hit-height); transform: translateY(-50%); }
:where(.page-catalogue) .product-card-rating-number-on-white { flex-shrink: 0; font-size: var(--body-text-xs); color: var(--t-card-light-figure); white-space: nowrap; margin-left: var(--gap-sm); position: relative; }
:where(.page-catalogue) .product-card-rating-number-on-white[data-uma-open-reviews] { cursor: pointer; transition: color var(--transition-fast); }
:where(.page-catalogue) .product-card-rating-number-on-white[data-uma-open-reviews]:hover { color: var(--orange); }
:where(.page-catalogue) .product-card-rating-star-on-white { color: var(--yellow); }
:where(.page-catalogue) .product-card-rating-tooltip { display: none; position: absolute; bottom: calc(100% + var(--rating-tooltip-gap)); right: 0; background: var(--dark-charcoal); color: var(--bright-white); font-size: var(--body-text-xxs); white-space: nowrap; padding: var(--gap-xxs) var(--gap-sm); border-radius: var(--radius-pill); }
:where(.page-catalogue) .card-pill-vat { height: var(--button-size-xs); display: inline-flex; align-items: center; gap: var(--gap-xxs); padding: 0 var(--gap-md); border-radius: var(--radius-pill); border: var(--stroke-hairline) solid var(--frost-white-line); background: transparent; color: var(--bright-white); font-size: var(--body-text-xs); font-family: inherit; cursor: pointer; transition: background var(--transition-base), color var(--transition-base); line-height: var(--default-line-height-single); }
:where(.page-catalogue) .card-pill-vat:hover { color: var(--flood-color); background: var(--bright-white); }
:where(.page-catalogue) .card-back--savings { position: absolute; inset: 0; display: none; flex-direction: column; justify-content: space-between; border-radius: var(--app-default-radius-lg); background: var(--dark-teal); color: var(--bright-white); padding: var(--app-default-top-bottom-margin-md) var(--app-default-top-bottom-margin-lg) var(--app-default-top-bottom-margin-lg); opacity: 0; pointer-events: none; transition: opacity var(--transition-base) ease; box-sizing: border-box; z-index: 10; overflow: hidden; }
:where(.page-catalogue) .card-back--savings.is-active { display: flex; }
:where(.page-catalogue) .card-back--savings--flipped { opacity: 1; pointer-events: auto; }
:where(.page-catalogue) .uma-wishlist-earmark { position: absolute; top: 0; right: 0; width: var(--wand-earmark-size); height: var(--wand-earmark-size); padding: 0; margin: 0; border: 0; background: transparent; cursor: pointer; z-index: 4; overflow: hidden; border-top-right-radius: var(--app-default-radius-lg); opacity: 0; transition: opacity var(--transition-base) ease; }
:where(.page-catalogue) .uma-wishlist-earmark--visible, :where(.page-catalogue) .uma-wishlist-earmark--added { opacity: 1; }
:where(.page-catalogue) .product-card:hover .uma-wishlist-earmark, :where(.page-catalogue) .product-card:focus-within .uma-wishlist-earmark { opacity: 1; }
:where(.page-catalogue) .uma-wishlist-earmark-icon { position: absolute; top: var(--wand-icon-top); right: var(--wand-icon-right); font-size: var(--button-icon-xl); line-height: var(--default-line-height-single); z-index: 5; transition: opacity var(--transition-fast) ease; color: var(--bright-white); }
:where(.page-catalogue) .uma-wishlist-pill { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); display: inline-flex; align-items: center; gap: var(--gap-sm); padding: var(--gap-md) var(--gap-lg); border-radius: var(--radius-pill); background: var(--bright-green); color: var(--bright-white); font-size: var(--body-text-lg); font-weight: var(--font-weight-normal); white-space: nowrap; box-shadow: var(--canvas-sheet-shadow); opacity: 0; pointer-events: none; z-index: 6; height: var(--button-size-md); transition: opacity var(--transition-fast) ease, transform var(--transition-fast) ease; }
:where(.page-catalogue) .uma-wishlist-pill.show { opacity: 1; transform: translate(-50%, -50%) scale(1); }
:where(.page-catalogue) .uma-wishlist-pill--off { background: var(--tomato); }
:where(.page-catalogue) .fact-card { scroll-snap-align: start; border-radius: var(--app-default-radius-lg); overflow: hidden; display: flex; flex-direction: column; position: relative; flex: 0 0 var(--product-card-width-sm); width: var(--product-card-width-sm); min-width: var(--product-card-width-sm); max-width: var(--product-card-width-sm); }
:where(.page-catalogue) .fact-card-bg-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; box-sizing: border-box; }
:where(.page-catalogue) .fact-card-download-overlay { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: opacity var(--transition-fast), background var(--transition-fast); z-index: 10; background: transparent; box-sizing: border-box; }
:where(.page-catalogue) .fact-card:hover .fact-card-download-overlay, :where(.page-catalogue) .fact-card:focus-within .fact-card-download-overlay { opacity: 1; pointer-events: none; background: rgba(var(--black-rgb), var(--opacity-extra-low)); }
/* FQ-126 (18 Oct 2026), as in UMA.css: the shown layer lets clicks and taps through to the card's links; only its button takes
   them. Was: pointer-events: auto on the layer above. Nothing visible changes. */
:where(.page-catalogue) .fact-card:hover .fact-card-download-btn, :where(.page-catalogue) .fact-card:focus-within .fact-card-download-btn { pointer-events: auto; }
@media (hover: hover) {
  :where(.page-catalogue) .card-image:hover .uma-wishlist-earmark, :where(.page-catalogue) .card-image:hover .card-image-rating-overlay { opacity: 1; }
  :where(.page-catalogue) .card-image:hover .card-image-rating-overlay { pointer-events: auto; }
  :where(.page-catalogue) .product-card-rating-number-on-white:hover .product-card-rating-tooltip { display: block; }
}
@media (hover: none) {
  :where(.page-catalogue) .uma-wishlist-earmark { overflow: visible; }
  :where(.page-catalogue) .uma-wishlist-earmark::after, :where(.page-catalogue) .uma-product-drawer-close::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; min-width: var(--touch-target-min); min-height: var(--touch-target-min); }
}
@media (min-width: 900px) {
  :where(.page-catalogue) .product-card, :where(.page-catalogue) .fact-card { flex: 0 0 var(--product-card-width-md); width: var(--product-card-width-md); min-width: var(--product-card-width-md); max-width: var(--product-card-width-md); }
}
@media (min-width: 1280px) {
  :where(.page-catalogue) .product-card, :where(.page-catalogue) .fact-card { flex: 0 0 var(--product-card-width-lg); width: var(--product-card-width-lg); min-width: var(--product-card-width-lg); max-width: var(--product-card-width-lg); }
  :where(.page-catalogue) .card-btn-buy { width: 100%; }
}
@media (max-width: 899px) {
  :where(.page-catalogue) .card-brand { font-size: var(--body-text-xs); }
}
@media (max-width: 600px) {
  :where(.page-catalogue) .product-card { flex: 0 0 var(--carouselle-card-xs); width: var(--carouselle-card-xs); min-width: var(--carouselle-card-xs); max-width: var(--carouselle-card-xs); }
}
:where(.page-catalogue) p { margin-top: 0; }
:where(.page-catalogue) .btn-icon-gap { margin-left: var(--gap-xs); }
:where(.page-catalogue) .product-drawer-close-icon { display: inline-flex; align-items: center; justify-content: center; line-height: var(--default-line-height-single); vertical-align: middle; margin-left: 0; }
:where(.page-catalogue) .pill-filter-item { border: none; background: transparent; font-family: inherit; appearance: none; text-align: inherit; color: var(--t-pill-text, inherit); text-decoration: none; height: var(--pill-filter-selected-height); line-height: var(--pill-filter-selected-height); border-radius: calc(var(--pill-filter-selected-height) / 2); position: relative; display: flex; align-items: center; justify-content: center; z-index: 802; transform: translateZ(0); will-change: transform; cursor: pointer; padding: 0 var(--nav-link-padding-horizontal); transition: color var(--transition-base); white-space: nowrap; font-size: var(--body-text-xs); }
:where(.page-catalogue) .pill-filter-item.selected { color: var(--t-pill-selected-text, var(--white-text-default)); text-decoration: none; }
:where(.page-catalogue) .pill-filter-item:not(.selected):hover { color: var(--orange); text-decoration: none; cursor: pointer; }
:where(.page-catalogue) .pill-filter-item.is-hidden { display: none; }
:where(.page-catalogue) .selected-pill-in-tab-filter { align-items: center; position: absolute; left: 0; height: var(--pill-filter-selected-height); background-color: var(--t-pill-selected-bg, var(--navy)); line-height: var(--pill-filter-selected-height); border-radius: calc(var(--pill-filter-selected-height) / 2); transition: all var(--transition-base) ease; z-index: 801; transform: translateZ(0); will-change: transform; }
:where(.page-catalogue) .uma-product-drawer-section--reviews { min-height: var(--product-drawer-reviews-min-height); padding-left: 0; padding-right: 0; display: flex; flex-direction: column; align-items: stretch; width: 100%; }
:where(.page-catalogue) .uma-reviews-inset { width: 100%; padding-left: var(--app-default-top-bottom-margin-xl); padding-right: var(--app-default-top-bottom-margin-xl); box-sizing: border-box; }
:where(.page-catalogue) .uma-product-drawer-community-rating { display: flex; flex-direction: column; align-items: center; gap: var(--gap-xxs); margin-bottom: var(--app-default-top-bottom-margin-xl); }
:where(.page-catalogue) .uma-product-drawer-community-score { font-size: var(--heading-size-lg); font-weight: var(--font-weight-light); color: var(--navy); line-height: var(--default-line-height-single); }
:where(.page-catalogue) .uma-product-drawer-section-title--reviews { font-size: var(--heading-size-lg); font-weight: var(--font-weight-light); color: var(--navy); line-height: var(--default-line-height-x-small); margin-top: 0; margin-bottom: var(--app-default-top-bottom-margin-md); display: block; text-align: center; }
:where(.page-catalogue) .default-carousel-product-drawers { padding: var(--app-default-top-bottom-margin-xl) var(--default-left-right-mob-body-padding) var(--app-default-top-bottom-margin-xxxxl); width: 100%; height: auto; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; display: flex; gap: var(--gap-regular); scroll-snap-type: x mandatory; scroll-padding-left: var(--default-left-right-mob-body-padding); scroll-padding-right: var(--default-left-right-mob-body-padding); }
:where(.page-catalogue) .default-carousel-product-drawers::-webkit-scrollbar { display: none; }
:where(.page-catalogue) .switch--slide-icon .switch-icon { width: var(--switch-lg-thumb); height: var(--switch-lg-thumb); top: calc(var(--switch-thumb-inset) + var(--stroke-thick)); left: calc(100% - var(--switch-lg-thumb) - var(--switch-thumb-inset) - var(--switch-icon-nudge)); transform: none; }
:where(.page-catalogue) .switch--slide-icon input:checked ~ .switch-track .switch-icon { top: calc(var(--switch-thumb-inset) - var(--stroke-thin)); left: calc(var(--switch-thumb-inset) + var(--switch-icon-nudge)); }
.page-uma-library { --disc-reviews-content-margin-top: calc(var(--app-default-top-bottom-margin-xxl) + var(--button-size-md) + var(--app-default-top-bottom-margin-lg)); }
:where(.page-uma-reviews, .page-uma-discounts, .page-uma-library, .page-uma-marketplace) .carousel-nav-btn { display: inline-flex; align-items: center; justify-content: center; border: var(--stroke-hairline) solid var(--t-carousel-arrow); background: transparent; cursor: pointer; flex-shrink: 0; border-radius: var(--radius-pill); aspect-ratio: 1 / 1; padding: 0; height: var(--button-size-md); color: var(--t-carousel-arrow); transition: background var(--button-transition-duration) var(--button-transition-ease), border-color var(--button-transition-duration) var(--button-transition-ease), color var(--button-transition-duration) var(--button-transition-ease), opacity var(--button-transition-duration) var(--button-transition-ease); }
:where(.page-uma-reviews, .page-uma-discounts, .page-uma-library, .page-uma-marketplace) .carousel-nav-btn:hover { background: var(--hover-overlay-light); color: var(--t-page-text); border-color: var(--t-page-text); }
:where(.page-uma-reviews, .page-uma-discounts, .page-uma-library, .page-uma-marketplace) .carousel-nav-btn-icon { font-size: var(--button-icon-md); }
.page-uma-library { --hover-overlay-dark: rgba(35, 47, 75, var(--opacity-extra-low)); --flood-color: var(--mid-charcoal); --button-transition-duration: 0.3s; --default-card-left-right-padding: 1.5rem; --default-card-bottom-padding: 2rem; --marker-size: var(--body-text-lg); --pill-marker-gap: var(--gap-md); --answer-gap: var(--gap-md); --mid-white-rgb: 242, 237, 234; --navy-40: #151C2D; --navy-60: #0E131E; --navy-60-rgb: 14, 19, 30; --drawer-app-card-width: 200px; --comment-textarea-min-height: 160px; --dropdown-search-width: 200px; --add-a-pill-min-width: 220px; --reviews-section-min-height: 480px; --heading-size-xxxxl: 3.5rem; --radius-squircle: 90px; --carouselle-card-ratio-video: 16 / 9; --z-confirm-overlay: 10; --audio-wave-bar-width: 0.1875rem; --audio-wave-gap: 0.1875rem; --audio-wave-height: 1rem; --audio-wave-duration: 0.9s; --loves-badge-inset: 10px; --stat-label-size: 0.72rem; --stat-label-letter-spacing: 0.06em; --stat-value-max-width: 16ch; --split-pill-height: 40px; --segment-option-min-width: calc(var(--button-size-md) * 1.4); --drawer-post-btn-top: 4.4rem; --comment-meta-gap: 2px; --split-pill-arrow-padding: 0.5rem; --split-pill-divider-on-colour: rgba(var(--bright-white-rgb), 0.35); --buy-dropdown-shadow: 0 4px 12px var(--shadow-overlay); --cover-zoom-ease: 0.35s cubic-bezier(0.4, 0, 0.2, 1); --play-hover-scale: 1.08; --play-hover-duration: 0.25s; --cover-zoom-duration: 0.35s; --spotify-mask-size: 3rem; --sort-select-caret-room: 2.5rem; --drawer-cover-smaller: 260px; --drawer-media-padding: var(--app-default-top-bottom-margin-xl); --drawer-cover-small: 280px; --drawer-body-padding-top: 6rem; --drawer-body-padding-top-small: 4rem; --drawer-width: 720px; --drawer-fade: 0.2s; --drawer-app-col-width: 200px; --app-earmark-pull: 20px; --app-plus-pull: 10px; --z-library-drawer-close: 10000020; --hero-min-height: 80vh; --hero-title-width: 17ch; --section-heading-narrow-width: 20ch; --voices-picture-height: 300px; --frost-opacity: 0.85; --add-pill-divider: rgba(var(--bright-white-rgb), 0.4); --terms-toggle-hit-height: 24px; --z-video-drawer: 10000030; --confirm-card-dim: 0.55; --confirm-card-dim-video: 0.4; --library-card-voice: var(--carouselle-card-lg); --library-card-book: 300px; --library-card-show: 300px; --library-card-podcast: 300px; --library-card-video: var(--carouselle-card-md); --library-card-app: 260px; --drawer-card: 300px; --drawer-card-podcast: 340px; --drawer-card-video: 400px; --drawer-card-app: 280px; --drawer-screenshot-width: 300px; --episode-thumb-width: 280px; --carouselle-card-ratio-nine-by-sixteen: 9 / 16; --carouselle-card-315: 315px; --carouselle-card-420: 420px; --review-fade-gradient-height: 2rem; --review-fade-solid-height: 2rem; --review-fade-gradient-height-landscape: 3rem; --review-fade-solid-height-landscape: 1rem; --card-lift-scale: 1.015; --card-corner-btn-inset: 0.9rem; --play-icon-nudge: 0.125rem; --podcast-player-tuck: -8px; --t-page-bg: var(--mid-white); --t-page-text: var(--mid-charcoal); --t-band: var(--mid-white); --t-band-alt: var(--new-white); --t-surface: var(--light-white); --t-card: var(--mid-white); --t-text-strong: var(--dark-charcoal); --t-text-secondary: var(--light-charcoal); --t-border: var(--dark-white); --t-divider: var(--dark-white); --t-selected-bg: var(--navy); --t-selected-text: var(--bright-white); --t-emphasis: var(--navy); --t-tab-bg: var(--dark-white); --t-tab-text: var(--navy); --t-tab-divider: var(--navy); --t-tab-selected-bg: var(--navy); --t-tab-selected-text: var(--bright-white); --t-drawer-bg: var(--bright-white); --t-drawer-body-bg: var(--bright-white); --t-drawer-band: var(--mid-white); --t-drawer-reviews-bg: var(--mid-white); --t-drawer-details-bg: var(--bright-white); --t-drawer-meet-bg: var(--bright-white); --t-follow-switch-off: var(--dark-white); --t-follow-bell: var(--navy); --t-drawer-close: var(--mid-charcoal); --t-linkish: var(--navy); --t-transcript-bg: var(--mid-white); --t-comment-line: var(--dark-white); --t-comment-field-bg: var(--bright-white); --t-comment-field-line: var(--dark-white); --t-comment-placeholder: var(--light-charcoal); --t-sort-bg: var(--bright-white); --t-sort-line: var(--light-charcoal); --t-sort-line-hover: var(--mid-charcoal); --t-segment-bg: var(--new-white); --t-segment-line: var(--dark-white); --t-segment-line-style: solid; --t-comment-card: var(--bright-white); --t-section-white: var(--bright-white); --t-field-bg: var(--bright-white); --t-field-text: var(--mid-charcoal); --t-flow-text: var(--mid-charcoal); --t-flow-tick: var(--bright-green); --t-proto-header: rgba(var(--bright-white-rgb), var(--frost-opacity)); --t-proto-header-line: var(--dark-white); --t-voices-bg: var(--bright-white); --t-voices-mic-bg: var(--bright-white); --t-voices-left-bg: var(--light-white); --t-voices-mic-left-bg: var(--bright-white); --t-library-content-bg: var(--mid-white); --t-sticky-bg: transparent; --t-search-text: var(--mid-charcoal); --t-search-text-muted: var(--light-charcoal); --t-search-caret: var(--navy); --t-card-brand: var(--t-text-secondary); --t-card-subtitle: var(--t-text-secondary); --t-card-figure: var(--light-charcoal); --t-card-dim: brightness(0.7); --t-card-dim-strong: brightness(0.6); --t-chip-light-bg: var(--dark-white); --t-chip-light-text: var(--mid-charcoal); --t-carousel-arrow: var(--lightest-charcoal); --t-carousel-spent-opacity: 0.3; --t-review-card: var(--bright-white); --t-review-card-rgb: var(--bright-white-rgb); --t-home-muted: var(--light-charcoal); --t-home-body: var(--mid-charcoal); --t-drawer-text: var(--mid-charcoal); --t-drawer-heading: var(--mid-charcoal); --t-drawer-line: var(--t-emphasis); --t-drawer-arrow: var(--t-emphasis); --t-stat-label: var(--light-charcoal); --t-stat-value: var(--dark-charcoal); --t-stat-star: var(--yellow); }
.page-uma-library { --field-multiline-min-height: 0px; }
:root[data-theme="dark"] .page-uma-library { --bright-white: var(--mid-white); --bright-white-rgb: 242, 237, 234; --t-page-bg: var(--navy-60); --t-page-text: var(--bright-white); --t-band: var(--navy-60); --t-band-alt: var(--navy-40); --t-surface: var(--navy); --t-card: var(--navy); --t-text-strong: var(--bright-white); --t-text-secondary: rgba(var(--bright-white-rgb), 0.7); --t-border: rgba(var(--bright-white-rgb), 0.2); --t-divider: rgba(var(--bright-white-rgb), 0.1); --t-selected-bg: var(--bright-white); --t-selected-text: var(--navy); --t-emphasis: var(--bright-white); --t-tab-bg: rgba(var(--bright-white-rgb), 0.15); --t-tab-text: var(--bright-white); --t-tab-divider: rgba(var(--bright-white-rgb), 0.2); --t-tab-selected-bg: var(--bright-white); --t-tab-selected-text: var(--navy); --t-drawer-bg: var(--t-band-alt); --t-drawer-body-bg: transparent; --t-drawer-band: var(--t-band); --t-drawer-reviews-bg: var(--t-page-bg); --t-drawer-details-bg: var(--t-band-alt); --t-drawer-meet-bg: var(--t-band-alt); --t-follow-switch-off: var(--t-border); --t-follow-bell: var(--t-text-strong); --t-drawer-close: var(--t-text-strong); --t-linkish: var(--t-text-strong); --t-transcript-bg: transparent; --t-comment-line: var(--t-divider); --t-comment-field-bg: transparent; --t-comment-field-line: var(--t-border); --t-comment-placeholder: var(--t-text-strong); --t-sort-bg: transparent; --t-sort-line: var(--t-border); --t-sort-line-hover: var(--t-border); --t-segment-bg: var(--navy); --t-segment-line: transparent; --t-segment-line-style: none; --t-comment-card: var(--t-card); --t-section-white: var(--t-band); --t-field-bg: var(--t-card); --t-field-text: var(--t-page-text); --t-footer-stroke: var(--t-border); --t-flow-text: var(--t-text-strong); --t-flow-tick: var(--t-text-strong); --t-proto-header: rgba(var(--navy-60-rgb), var(--opacity-very-high)); --t-proto-header-line: var(--t-divider); --t-voices-bg: var(--t-band); --t-voices-mic-bg: var(--t-band-alt); --t-voices-left-bg: transparent; --t-voices-mic-left-bg: transparent; --t-library-content-bg: var(--t-band-alt); --t-sticky-bg: var(--t-band-alt); --t-search-text: var(--t-text-strong); --t-search-text-muted: var(--t-text-strong); --t-search-caret: var(--t-text-strong); --t-card-brand: var(--t-text-strong); --t-card-subtitle: var(--t-text-strong); --t-card-figure: var(--t-text-strong); --t-card-dim: none; --t-card-dim-strong: none; --t-chip-light-bg: var(--navy); --t-chip-light-text: var(--bright-white); --t-carousel-arrow: var(--t-page-text); --t-carousel-spent-opacity: var(--opacity-visible); --t-pill-bar-bg: var(--navy); --t-pill-selected-bg: var(--t-selected-bg); --t-pill-text: var(--t-text-strong); --t-pill-selected-text: var(--t-selected-text); --t-review-card: var(--t-card); --t-home-muted: var(--t-text-secondary); --t-home-body: var(--t-text-strong); --t-drawer-text: var(--t-text-strong); --t-drawer-heading: var(--t-text-strong); --t-drawer-line: var(--t-text-strong); --t-drawer-arrow: var(--t-text-strong); --t-stat-label: var(--t-text-strong); --t-stat-value: var(--t-text-strong); --t-stat-star: var(--t-text-strong); }
:root[data-theme="dark"] .page-uma-library .uma-product-drawer { --t-text-secondary: var(--t-text-strong); --t-home-muted: var(--t-text-strong); }
:root[data-theme="dark"] .page-uma-library .library-image-and-media-container { --bright-white: var(--pure-white); --bright-white-rgb: var(--white-rgb); }
@media (max-width: 600px) {
  .page-uma-library { --drawer-section-padding-bottom: var(--app-default-top-bottom-margin-md); }
}
@media (max-width: 449px) {
  .page-uma-library { --drawer-app-col-width: 180px; --library-card-voice: var(--carouselle-card-width-mobile); --library-card-book: 280px; --library-card-show: 280px; --library-card-podcast: 280px; --library-card-video: 300px; --library-card-app: 240px; --drawer-screenshot-width: 280px; }
}
@media (max-width: 599px) {
  .page-uma-library { --drawer-card: 280px; --drawer-card-podcast: 280px; --drawer-card-video: 300px; --drawer-card-app: 240px; }
}
@media (min-width: 600px) {
  .page-uma-library { --drawer-app-col-width: 240px; --library-card-voice: var(--carouselle-card-xl); --library-card-podcast: var(--carouselle-card-lg); --library-card-video: var(--carouselle-card-xxxl); --library-card-app: 280px; }
}
@media (min-width: 900px) {
  .page-uma-library { --drawer-app-col-width: 260px; --library-card-voice: var(--carouselle-card-xxl); --library-card-book: var(--carouselle-card-sm); --library-card-show: var(--carouselle-card-sm); --library-card-podcast: var(--carouselle-card-xl); --library-card-video: var(--carouselle-card-420); --library-card-app: 300px; --drawer-screenshot-width: var(--carouselle-card-sm); --episode-thumb-width: 300px; }
}
@media (min-width: 1280px) {
  .page-uma-library { --library-card-book: var(--carouselle-card-md); --library-card-show: var(--carouselle-card-md); --library-card-podcast: var(--carouselle-card-xxl); --library-card-video: var(--carouselle-card-xxxxl); --drawer-screenshot-width: var(--carouselle-card-md); --episode-thumb-width: var(--carouselle-card-md); }
}
@media (max-width: 599px) {
  .page-uma-library { --episode-thumb-width: var(--carouselle-card-md); }
}
@media (max-width: 449px) {
  .page-uma-library { --episode-thumb-width: 300px; }
}
.page-uma-library { color: var(--t-page-text); }
:where(.page-uma-library) .field { background: var(--t-field-bg); color: var(--t-field-text); }
:where(.page-uma-library) .eyebrow { display: flex; justify-content: space-between; align-items: baseline; color: var(--t-text-secondary); font-size: var(--body-text-xs); line-height: var(--default-line-height-single); margin-bottom: var(--app-default-top-bottom-margin-xxs); }
:where(.page-uma-library) .eyebrow:last-of-type { margin-bottom: var(--app-default-top-bottom-margin-xxs); }
:where(.page-uma-library, .page-uma-marketplace) .uma-library-card-body { display: flex; flex-direction: column; height: auto; padding: var(--app-default-top-bottom-margin-lg) 0 var(--app-default-top-bottom-margin-xxl); text-align: left; }
:where(.page-uma-library) .card-brand { gap: var(--gap-sm); line-height: var(--default-line-height-single); color: var(--t-card-brand); margin-top: 0; margin-bottom: var(--app-default-top-bottom-margin-xxs); }
:where(.page-uma-library, .page-uma-marketplace) .uma-library-card-title { display: flex; justify-content: space-between; align-items: baseline; gap: var(--gap-sm); margin-top: 0; margin-bottom: var(--app-default-top-bottom-margin-xxs); font-size: var(--body-text-xxl); font-weight: var(--font-weight-light); line-height: var(--default-line-height-x-small); color: var(--t-page-text); }
:where(.page-uma-library, .page-uma-marketplace) .uma-library-card-subtitle { margin-top: 0; margin-bottom: var(--app-default-top-bottom-margin-lg); font-size: var(--body-text-sm); font-weight: var(--font-weight-normal); line-height: var(--default-line-height-small); color: var(--t-card-subtitle); text-wrap: pretty; }
:where(.page-uma-library) .product-card-rating-number-on-white { flex-shrink: 0; margin-left: auto; position: relative; font-size: var(--body-text-xs); color: var(--t-card-figure); white-space: nowrap; }
:where(.page-uma-library) .brand-link { position: static; color: inherit; cursor: pointer; text-decoration: none; transition: color var(--transition-fast); }
:where(.page-uma-library) .brand-link:hover { color: var(--orange); text-decoration: none; }
:where(.page-uma-library, .page-uma-marketplace) .drawer-brand-link { color: inherit; cursor: pointer; text-decoration: none; transition: color var(--transition-fast); }
:where(.page-uma-library, .page-uma-marketplace) .drawer-brand-link:hover { color: var(--orange); text-decoration: none; }
@media (max-width: 899px) {
  :where(.page-uma-library, .page-uma-marketplace) .uma-library-card-title { font-size: var(--heading-size-sm); }
  :where(.page-uma-library, .page-uma-marketplace) .uma-library-card-subtitle { font-size: var(--body-text-xs); }
}
:where(.page-uma-library) .uma-product-drawer { position: fixed; top: 0; right: 0; bottom: 0; width: 100%; max-width: var(--drawer-width); z-index: var(--z-product-drawer); background: var(--t-drawer-bg); color: var(--mid-charcoal); display: flex; flex-direction: column; overflow-x: hidden; overflow-y: auto; visibility: hidden; transform: translateX(100%); transition: transform var(--product-drawer-slide) ease-in-out, visibility linear var(--product-drawer-slide); scrollbar-width: none; }
:where(.page-uma-library) .uma-product-drawer::-webkit-scrollbar { display: none; width: 0; height: 0; }
:where(.page-uma-library) .uma-product-drawer-body { display: flex; flex-direction: row; align-items: flex-start; gap: var(--gap-xxl); flex-shrink: 0; padding: var(--drawer-body-padding-top) 0 0; background: var(--t-drawer-body-bg); transition: opacity var(--drawer-fade); }
:where(.page-uma-library) .uma-product-drawer-body.is-transitioning { opacity: 0; }
:where(.page-uma-library) .uma-product-drawer-image-col { position: static; flex-shrink: 0; align-self: flex-start; height: auto; width: calc(var(--carouselle-card-md) + var(--drawer-media-padding)); padding: var(--app-default-top-bottom-margin-xl) 0 var(--app-default-top-bottom-margin-xxl) var(--drawer-media-padding); overflow: visible; }
:where(.page-uma-library) .uma-product-drawer-content-col { flex: 1 1 0; min-width: 0; box-sizing: border-box; align-self: flex-start; padding: var(--app-default-top-bottom-margin-xl) var(--drawer-media-padding) 0 0; }
:where(.page-uma-library) .uma-product-drawer-section { padding-left: 0; padding-right: 0; margin-bottom: 0; }
:where(.page-uma-library) .uma-product-drawer-section--reviews { position: relative; }
:where(.page-uma-library) .uma-product-drawer-section--first { padding: 0 0 var(--drawer-section-padding-bottom); }
:where(.page-uma-library) .uma-product-drawer--book .uma-library-book-card-media { width: var(--carouselle-card-md); max-width: var(--carouselle-card-md); height: auto; padding-bottom: 0; aspect-ratio: var(--carouselle-card-ratio-book); }
:where(.page-uma-library) .drawer-book-cover-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: filter var(--transition-base) ease-in-out; }
:where(.page-uma-library) .uma-loves-badge { position: absolute; left: var(--loves-badge-inset); bottom: var(--loves-badge-inset); width: var(--uma-md); height: var(--uma-md); box-sizing: border-box; border-radius: var(--radius-circle); background: var(--yellow); display: none; align-items: center; justify-content: center; text-align: center; font-size: var(--body-text-xs); font-weight: var(--font-weight-bold); color: var(--mid-charcoal); line-height: var(--default-line-height-x-small); padding: var(--gap-xs); z-index: 3; pointer-events: auto; }
:where(.page-uma-library) .drawer-eyebrow { display: flex; justify-content: space-between; align-items: baseline; font-size: var(--body-text-md); font-weight: var(--font-weight-normal); line-height: var(--default-line-height-x-small); color: var(--t-text-secondary); margin: 0 0 var(--app-default-top-bottom-margin-xxs); }
:where(.page-uma-library) .drawer-book-title { max-width: var(--golden-width-small); font-size: var(--heading-size-md); font-weight: var(--font-weight-light); line-height: var(--default-line-height-x-small); color: var(--t-page-text); margin: 0 0 var(--gap-xs); hyphens: auto; overflow-wrap: break-word; }
:where(.page-uma-library) .drawer-book-subtitle { max-width: var(--golden-width-small); font-size: var(--body-text-md); font-weight: var(--font-weight-normal); line-height: var(--default-line-height-small); color: var(--t-text-secondary); margin: 0 0 var(--gap-md); }
:where(.page-uma-library) .drawer-media-hosted { margin-bottom: var(--gap-xs); }
:where(.page-uma-library) .drawer-book-accessibility-actions { display: flex; flex-direction: column; align-items: stretch; gap: var(--gap-sm); margin-top: var(--app-default-top-bottom-margin-md); }
:where(.page-uma-library) .drawer-accessibility-btn { justify-content: center; color: var(--t-linkish); border-color: var(--t-linkish); }
:where(.page-uma-library) .btn-full-gap { width: 100%; gap: var(--gap-xs); }
:where(.page-uma-library) .drawer-book-blurb-primary { width: auto; max-width: none; }
:where(.page-uma-library) .audio-preview-btn { white-space: nowrap; }
:where(.page-uma-library) .audio-preview-wave { display: inline-flex; visibility: hidden; align-items: center; gap: var(--audio-wave-gap); height: var(--audio-wave-height); margin-left: var(--gap-sm); }
:where(.page-uma-library) .audio-preview-btn.is-playing .audio-preview-wave { visibility: visible; }
:where(.page-uma-library) .audio-preview-wave-bar { width: var(--audio-wave-bar-width); height: 100%; border-radius: var(--radius-pill); background: currentColor; animation-play-state: paused; }
:where(.page-uma-library) .audio-preview-btn.is-playing .audio-preview-wave-bar { animation-play-state: running; }
:where(.page-uma-library) .audio-preview-wave-bar-second { animation-delay: calc(var(--audio-wave-duration) * -0.25); }
:where(.page-uma-library) .audio-preview-wave-bar-third { animation-delay: calc(var(--audio-wave-duration) * -0.5); }
:where(.page-uma-library) .audio-preview-wave-bar-fourth { animation-delay: calc(var(--audio-wave-duration) * -0.75); }
:where(.page-uma-library) .uma-product-drawer-below-hero { width: 100%; background: var(--t-drawer-band); padding: var(--drawer-section-padding-top) var(--drawer-media-padding); text-align: left; }
:where(.page-uma-library) .uma-product-drawer-desc { margin-top: 0; margin-bottom: var(--app-default-top-bottom-margin-xl); color: var(--t-drawer-text); max-width: var(--golden-width-small); }
:where(.page-uma-library) .uma-product-drawer-actions { display: flex; flex-direction: column; gap: var(--gap-sm); margin-top: 0; margin-bottom: var(--app-default-top-bottom-margin-xl); max-width: var(--golden-width-small); }
:where(.page-uma-library .uma-product-drawer) .drawer-split-pill { position: relative; display: inline-flex; align-items: center; width: 100%; height: var(--split-pill-height); min-height: var(--split-pill-height); max-height: var(--split-pill-height); line-height: 1; padding-top: 0; padding-bottom: 0; border-radius: var(--radius-pill); border: var(--stroke-hairline) solid var(--t-drawer-line); background: transparent; color: var(--t-drawer-text); overflow: visible; }
:where(.page-uma-library .uma-product-drawer) .drawer-split-pill.is-primary { background: var(--orange); border-color: var(--orange); }
:where(.page-uma-library .uma-product-drawer) .drawer-split-pill-main { flex: 1 1 0%; display: inline-flex; align-items: center; justify-content: flex-start; gap: var(--gap-sm); height: var(--split-pill-height); min-height: var(--split-pill-height); max-height: var(--split-pill-height); padding: 0 var(--btn-padding-x); border: none; border-radius: var(--radius-pill) 0 0 var(--radius-pill); background: transparent; color: var(--t-emphasis); cursor: pointer; font-family: inherit; font-size: var(--body-text-lg); line-height: 1; white-space: normal; text-align: left; transition: background var(--transition-fast) ease; }
:where(.page-uma-library .uma-product-drawer) .drawer-split-pill-main:hover { background: var(--hover-overlay-dark); }
:where(.page-uma-library .uma-product-drawer) .drawer-split-pill.is-primary .drawer-split-pill-main { color: var(--bright-white); }
:where(.page-uma-library .uma-product-drawer) .drawer-split-pill-arrow { flex-shrink: 0; align-self: center; display: inline-flex; align-items: center; justify-content: center; width: var(--button-size-lg); height: var(--split-pill-height); min-height: var(--split-pill-height); max-height: var(--split-pill-height); padding: 0 var(--split-pill-arrow-padding); line-height: 1; border: none; border-left: var(--stroke-hairline) solid var(--t-drawer-line); border-radius: 0 var(--radius-pill) var(--radius-pill) 0; background: transparent; color: var(--t-drawer-arrow); cursor: pointer; transition: background var(--transition-fast) ease; }
:where(.page-uma-library .uma-product-drawer) .drawer-split-pill-arrow:hover { background: var(--hover-overlay-dark); }
:where(.page-uma-library .uma-product-drawer) .drawer-split-pill.is-primary .drawer-split-pill-arrow { color: var(--bright-white); border-left-color: var(--split-pill-divider-on-colour); }
:where(.page-uma-library .uma-product-drawer) .drawer-split-pill-arrow.is-placeholder { border-left: none; cursor: default; pointer-events: none; background: transparent; }
:where(.page-uma-library) .drawer-split-pill-arrow-icon { display: inline-flex; align-items: center; justify-content: center; font-size: var(--button-icon-md); line-height: 1; margin: 0; vertical-align: middle; }
:where(.page-uma-library) .drawer-split-pill:not(:has(.drawer-split-pill-arrow:not(.is-hidden))) .drawer-split-pill-main { border-radius: var(--radius-pill); }
:where(.page-uma-library) .drawer-buy-dropdown { position: absolute; top: calc(100% + var(--gap-xs)); left: 0; right: 0; background: var(--bright-white); border: var(--stroke-hairline) solid var(--dark-white); border-radius: var(--app-default-radius-md); box-shadow: var(--buy-dropdown-shadow); z-index: 10; overflow: hidden; }
:where(.page-uma-library, .page-uma-marketplace) .uma-product-drawer-reviews-full { position: relative; background: var(--t-drawer-reviews-bg); }
:where(.page-uma-library) .drawer-book-product-details { display: flex; flex-flow: row; flex-shrink: 0; gap: 0; margin-bottom: var(--app-default-top-bottom-margin-md); padding: var(--app-default-top-bottom-margin-lg) 0 var(--app-default-top-bottom-margin-lg) var(--app-default-top-bottom-margin-xl); overflow-x: auto; overflow-y: hidden; scrollbar-width: none; background: var(--t-drawer-details-bg); --stat-label-gap: var(--gap-md); }
:where(.page-uma-library) .drawer-book-product-details::-webkit-scrollbar { display: none; width: 0; height: 0; }
:where(.page-uma-library) .ing-row { display: flex; flex: 0 0 auto; flex-direction: column; align-items: center; justify-content: flex-start; gap: var(--gap-xs); min-width: var(--uma-xxxl); padding: var(--app-default-top-bottom-margin-lg) var(--gap-md); text-align: center; border-bottom: none; border-right: var(--stroke-hairline) solid var(--mid-mushroom); }
:where(.page-uma-library) .ing-row:last-child { border-right: none; }
:where(.page-uma-library) .ing-name { order: 2; max-width: 100%; margin-top: var(--stat-label-gap, var(--gap-xs)); font-size: var(--stat-label-size); font-weight: var(--font-weight-normal); letter-spacing: var(--stat-label-letter-spacing); line-height: var(--default-line-height-x-small); text-transform: uppercase; color: var(--t-stat-label); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
:where(.page-uma-library) .ing-amount { order: 1; max-width: 100%; font-size: var(--heading-size-sm); font-weight: var(--font-weight-medium); font-variant-numeric: tabular-nums; line-height: var(--default-line-height-x-small); color: var(--t-stat-value); text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
:where(.page-uma-library) .drawer-stat-star { color: var(--t-stat-star); }
:where(.page-uma-library) .drawer-book-product-details-publisher-label { font-size: var(--body-text-xxs); }
:where(.page-uma-library) .drawer-book-product-details-publisher-val { max-width: var(--stat-value-max-width); font-size: var(--stat-label-size); font-weight: var(--font-weight-normal); line-height: var(--default-line-height-small); text-align: center; white-space: normal; overflow-wrap: break-word; }
@media (max-width: 965px) {
  :where(.page-uma-library) .uma-product-drawer-body { padding: var(--drawer-body-padding-top) var(--app-default-top-bottom-margin-xl) var(--app-default-top-bottom-margin-xl); }
  :where(.page-uma-library) .uma-product-drawer-image-col { width: 40%; max-width: 400px; min-width: var(--drawer-app-card-width); padding: var(--app-default-top-bottom-margin-xl) 0 0; margin: 0; overflow: hidden; }
  :where(.page-uma-library) .uma-product-drawer-content-col { display: block; padding-left: 0; padding-right: 0; padding-bottom: 0; }
  :where(.page-uma-library) .uma-product-drawer-section--first { display: block; padding-bottom: 0; }
  :where(.page-uma-library) .uma-product-drawer--book .uma-library-book-card-media { width: 100%; max-width: 100%; }
  :where(.page-uma-library) .uma-product-drawer-below-hero { padding-left: var(--app-default-top-bottom-margin-xl); padding-right: var(--app-default-top-bottom-margin-xl); }
}
@media (max-width: 899px) {
  :where(.page-uma-library) .uma-loves-badge { width: var(--uma-sm); height: var(--uma-sm); }
  :where(.page-uma-library .uma-product-drawer) .drawer-split-pill-main { font-size: var(--body-text-sm); }
  :where(.page-uma-library .uma-product-drawer) .drawer-split-pill-arrow { width: var(--button-size-md); }
}
@media (max-width: 600px) {
  :where(.page-uma-library) .uma-product-drawer { max-width: 100%; }
}
@media (max-width: 599px) {
  :where(.page-uma-library) .uma-product-drawer-body { flex-direction: column; gap: 0; padding-top: var(--drawer-body-padding-top-small); }
  :where(.page-uma-library) .uma-product-drawer-image-col { width: calc(var(--drawer-cover-small) + var(--drawer-media-padding)); min-width: var(--drawer-cover-small); margin-bottom: var(--app-default-top-bottom-margin-xl); }
  :where(.page-uma-library) .uma-product-drawer-content-col { width: 100%; margin-top: var(--app-default-top-bottom-margin-xl); padding: var(--app-default-top-bottom-margin-xl) 0 0; }
  :where(.page-uma-library .uma-product-drawer) .drawer-split-pill-main { padding-left: var(--gap-md); padding-right: var(--gap-md); font-size: var(--body-text-xs); }
  :where(.page-uma-library .uma-product-drawer) .drawer-split-pill-arrow { width: var(--button-size-sm); }
}
@media (max-width: 499px) {
  :where(.page-uma-library) .uma-product-drawer-image-col { max-width: var(--dropdown-search-width); }
}
:where(.page-uma-library) .uma-product-drawer-community-rating { display: none; }
:where(.page-uma-library) .uma-product-drawer-community-score { color: var(--mid-charcoal); }
:where(.page-uma-library) .uma-product-drawer-section-title--reviews { color: var(--t-drawer-heading); text-align: left; }
:where(.page-uma-library, .page-uma-marketplace) .reviews-heading-short { display: none; }
:where(.page-uma-library, .page-uma-marketplace) .reviews-controls { padding-left: 0; padding-right: 0; }
:where(.page-uma-library, .page-uma-marketplace) .uma-segmented-toggle { display: inline-flex; align-items: stretch; height: var(--button-size-md); box-sizing: border-box; overflow: hidden; background: var(--t-segment-bg); border: var(--stroke-hairline) var(--t-segment-line-style) var(--t-segment-line); border-radius: var(--app-default-radius-md); }
:where(.page-uma-library, .page-uma-marketplace) .uma-segmented-toggle-option { display: inline-flex; align-items: center; justify-content: center; min-width: var(--segment-option-min-width); height: 100%; padding: 0 var(--gap-md); border: 0; border-radius: 0; background: transparent; color: var(--t-linkish); cursor: pointer; font-size: var(--body-text-md); transition: background var(--transition-fast) ease, color var(--transition-fast) ease; }
:where(.page-uma-library, .page-uma-marketplace) .uma-segmented-toggle-option.is-active { background: var(--t-selected-bg); color: var(--t-selected-text); }
:where(.page-uma-library, .page-uma-marketplace) .uma-segmented-toggle-icon { font-size: var(--button-icon-lg); line-height: 1; }
:where(.page-uma-library, .page-uma-marketplace) .dropdown-caret { right: calc((var(--field-height) - var(--button-icon-md)) / 2); font-size: var(--button-icon-md); color: var(--t-text-secondary); }
:where(.page-uma-library) .default-carousel-product-drawers { gap: var(--gap-regular); padding: var(--app-default-top-bottom-margin-xl) var(--drawer-media-padding) var(--app-default-top-bottom-margin-md); overflow-y: visible; scroll-padding-left: var(--drawer-media-padding); scroll-padding-right: var(--drawer-media-padding); }
:where(.page-uma-library .uma-product-drawer-reviews-full, .page-uma-marketplace .uma-product-drawer-reviews-full) .review-card { flex: 0 0 var(--carouselle-card-xs); }
@media (min-width: 450px) {
  :where(.page-uma-library .uma-product-drawer-reviews-full, .page-uma-marketplace .uma-product-drawer-reviews-full) .review-card { flex-basis: var(--carouselle-card-315); }
}
@media (min-width: 600px) {
  :where(.page-uma-library .uma-product-drawer-reviews-full, .page-uma-marketplace .uma-product-drawer-reviews-full) .review-card { flex-basis: var(--carouselle-card-xxxl); }
}
@media (min-width: 1000px) {
  :where(.page-uma-library .uma-product-drawer-reviews-full, .page-uma-marketplace .uma-product-drawer-reviews-full) .review-card { flex-basis: var(--carouselle-card-420); }
}
:root[data-theme="dark"] .page-uma-library .review-card-fade { --t-review-card: var(--mid-white); --t-review-card-rgb: var(--mid-white-rgb); }
:where(.page-uma-library, .page-uma-marketplace) .review-card-quote { font-weight: var(--font-weight-normal); line-height: var(--default-line-height-x-large); color: var(--t-drawer-text); }
@media (max-width: 599px) {
  :where(.page-uma-library, .page-uma-marketplace) .reviews-heading-full { display: none; }
  :where(.page-uma-library, .page-uma-marketplace) .reviews-heading-short { display: inline; }
}
:where(.page-uma-library) .uma-drawer-reviews-header { position: absolute; top: var(--drawer-post-btn-top); right: var(--app-default-top-bottom-margin-xl); z-index: 2; display: flex; justify-content: flex-end; align-items: baseline; margin: 0; padding: 0; background: transparent; }
:where(.page-uma-library, .page-uma-marketplace) .uma-product-drawer-panel-write { position: static; padding-left: 0; padding-right: 0; scroll-margin-top: 0; }
:where(.page-uma-library) .uma-product-drawer-panel-write.is-active { position: relative; display: flex; flex-direction: column; align-items: stretch; gap: var(--app-default-top-bottom-margin-md); width: 100%; max-width: none; box-sizing: border-box; margin: 0 auto; }
:where(.page-uma-library) .uma-product-drawer-section--reviews:has(.uma-product-drawer-panel-write.is-active) .uma-reviews-inset { display: none; }
:where(.page-uma-library) .review-form-close { position: absolute; top: 0; right: var(--app-default-top-bottom-margin-xl); padding: 0; }
:where(.page-uma-library) .uma-drawer-write-heading { margin: 0 0 var(--gap-md); color: var(--t-linkish); text-align: start; }
:where(.page-uma-library) .uma-chrome-feedback-rating-block { margin-bottom: var(--app-default-top-bottom-margin-md); }
:where(.page-uma-library .uma-product-drawer-panel-write:not(.is-active)) .uma-drawer-review-actions { display: none; }
:root[data-theme="dark"] .page-uma-library .uma-drawer-review-cancel { color: var(--t-text-strong); }
:where(.page-uma-library .uma-product-drawer-panel-write.is-active) .uma-drawer-write-heading { margin: 0 var(--app-default-top-bottom-margin-xl) var(--app-default-top-bottom-margin-md); padding: 0 var(--button-size-md); text-align: center; }
:where(.page-uma-library .uma-product-drawer-panel-write.is-active) .uma-chrome-feedback-rating-block { width: auto; margin-left: max(var(--app-default-top-bottom-margin-xl), calc((100% - var(--golden-width-small)) / 2)); margin-right: max(var(--app-default-top-bottom-margin-xl), calc((100% - var(--golden-width-small)) / 2)); }
:where(.page-uma-library .uma-product-drawer-panel-write.is-active) .uma-chrome-feedback-field { margin-left: var(--app-default-top-bottom-margin-xl); margin-right: var(--app-default-top-bottom-margin-xl); }
:where(.page-uma-library .uma-product-drawer-panel-write.is-active) .uma-drawer-review-actions { width: auto; margin-left: var(--app-default-top-bottom-margin-xl); margin-right: var(--app-default-top-bottom-margin-xl); }
:where(.page-uma-library) .uma-chrome-feedback-rating-summary { color: var(--mid-charcoal); }
:where(.page-uma-library, .page-uma-marketplace) .uma-chrome-feedback-rating-row { gap: var(--gap-xxs); }
:where(.page-uma-library, .page-uma-marketplace) .uma-chrome-feedback-star-svg { display: block; width: 85%; height: 85%; }
:where(.page-uma-library, .page-uma-marketplace) .uma-chrome-feedback-heart.is-filled .uma-chrome-feedback-star-svg { color: var(--yellow); }
:where(.page-uma-library .uma-chrome-feedback-heart:not(.is-filled)) .rating-star-icon.ph-star { color: var(--mid-mushroom); }
:where(.page-uma-library) .drawer-review-submit { flex: 1 1 0; width: 100%; max-width: var(--golden-width-small); background: var(--orange); border-color: var(--orange); color: var(--bright-white); }
:where(.page-uma-library) .drawer-review-submit:hover:not(:disabled) { filter: brightness(0.95); background: var(--orange-dark); }
:where(.page-uma-library) .drawer-review-submit:disabled { cursor: not-allowed; background: var(--dark-white); color: var(--light-charcoal); border-color: var(--dark-white); opacity: 1; }
:where(.page-uma-library) .drawer-meet-author { width: 100%; background: var(--t-drawer-meet-bg); padding-left: var(--drawer-media-padding); padding-right: var(--drawer-media-padding); }
:where(.page-uma-library) .drawer-podcast-meet { padding-top: var(--app-default-top-bottom-margin-xxl); padding-bottom: var(--app-default-top-bottom-margin-xxl); }
:where(.page-uma-library) .drawer-show-meet { padding-top: var(--app-default-top-bottom-margin-xl); padding-bottom: var(--app-default-top-bottom-margin-xl); }
:where(.page-uma-library) .drawer-meet-author-body { display: flex; flex-direction: row; align-items: flex-start; gap: var(--gap-lg); }
:where(.page-uma-library) .drawer-meet-author-video { position: relative; flex-shrink: 0; width: 100%; max-width: var(--carouselle-card-xxs); aspect-ratio: var(--carouselle-card-ratio-nine-by-sixteen); border-radius: var(--app-default-radius-lg); overflow: hidden; background: var(--dark-white); }
:where(.page-uma-library) .drawer-meet-author-thumb { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; transition: filter var(--transition-base) ease-in-out; }
:where(.page-uma-library) .drawer-meet-author-video:hover .drawer-meet-author-thumb { filter: brightness(0.7); }
:where(.page-uma-library) .drawer-meet-author-video:focus-within .drawer-meet-author-thumb { filter: brightness(0.7); }
:where(.page-uma-library) .drawer-meet-author-video:has(.uma-wishlist-earmark:hover) .drawer-meet-author-thumb { filter: none; }
:where(.page-uma-library) .drawer-meet-author-earmark { z-index: 4; opacity: 0; }
:where(.page-uma-library) .drawer-meet-author-video:hover .drawer-meet-author-earmark { opacity: 1; }
:where(.page-uma-library) .drawer-meet-author-video:focus-within .drawer-meet-author-earmark { opacity: 1; }
:where(.page-uma-library) .drawer-meet-author-earmark[aria-pressed="true"] { opacity: 1; }
:where(.page-uma-library, .page-uma-marketplace) .card-circular-play-btn-on-dark { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; width: var(--button-size-xxl); height: var(--button-size-xxl); padding: 0; border: none; border-radius: var(--radius-circle); cursor: pointer; opacity: 0; pointer-events: none; background: transparent url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 360'><path fill='white' fill-rule='evenodd' d='M180,0A180,180,0,1,0,360,180,180,180,0,0,0,180,0ZM292,180a15.74,15.74,0,0,1-7.6,13.51L140.32,281.65a16,16,0,0,1-16.2,.3A15.86,15.86,0,0,1,116,268.13V91.87a15.86,15.86,0,0,1,8.12-13.82,16,16,0,0,1,16.2.3L284.4,166.49A15.74,15.74,0,0,1,292,180Z'/></svg>") center / calc(100% + var(--stroke-thick)) calc(100% + var(--stroke-thick)) no-repeat; backdrop-filter: blur(var(--blur-md)) brightness(var(--opacity-moderate)); transition: opacity var(--transition-fast), filter var(--transition-base) ease; }
:where(.page-uma-library, .page-uma-marketplace) .card-icon-hidden { display: none; }
:where(.page-uma-library) .drawer-play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; width: var(--button-size-xxl); height: var(--button-size-xxl); padding: 0; border: none; border-radius: var(--radius-circle); cursor: pointer; opacity: 1; pointer-events: auto; background: transparent url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path fill='white' fill-rule='evenodd' d='M50 0a50 50 0 1 0 0 100A50 50 0 0 0 50 0zM39 30l30 20-30 20z'/></svg>") center / calc(100% + var(--stroke-thick)) calc(100% + var(--stroke-thick)) no-repeat; backdrop-filter: blur(var(--blur-md)) brightness(var(--opacity-moderate)); mask-repeat: no-repeat; mask-size: 100% 100%; transition: transform var(--play-hover-duration); }
:where(.page-uma-library) .drawer-play-btn:hover { transform: translate(-50%, -50%) scale(var(--play-hover-scale)); }
:where(.page-uma-library) .drawer-meet-author-play { display: inline-flex; align-items: center; justify-content: center; color: transparent; font-size: 0; isolation: isolate; }
:where(.page-uma-library) .drawer-meet-author-video.is-playing .drawer-meet-author-play { display: none; }
:where(.page-uma-library) .drawer-meet-author-pause { position: absolute; top: var(--gap-md); right: var(--gap-md); z-index: 4; width: var(--button-size-md); height: var(--button-size-md); padding: 0; border: none; border-radius: var(--radius-circle); background: var(--bright-white); color: var(--mid-charcoal); font-size: var(--button-icon-md); cursor: pointer; display: none; align-items: center; justify-content: center; transition: transform var(--play-hover-duration); }
:where(.page-uma-library) .drawer-meet-author-pause:hover { transform: scale(var(--play-hover-scale)); }
:where(.page-uma-library) .drawer-meet-author-video.is-playing .drawer-meet-author-pause { display: inline-flex; }
:where(.page-uma-library) .drawer-meet-author-info { flex: 1 1 0%; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--gap-sm); }
:where(.page-uma-library) .drawer-meet-author-title { display: flex; justify-content: space-between; align-items: baseline; font-size: var(--body-text-xs); font-weight: inherit; line-height: var(--default-line-height-single); color: var(--t-text-secondary); text-align: left; margin: 0 0 var(--app-default-top-bottom-margin-xxs); }
:where(.page-uma-library) .drawer-meet-name { display: flex; justify-content: space-between; align-items: baseline; gap: var(--gap-sm); font-size: var(--heading-size-md); font-weight: var(--font-weight-light); line-height: var(--default-line-height-x-small); color: var(--t-drawer-heading); margin-top: 0; margin-bottom: var(--app-default-top-bottom-margin-xxs); }
:where(.page-uma-library) .drawer-meet-author-role { display: flex; flex-wrap: wrap; gap: var(--gap-xs); margin: 0 0 var(--gap-sm); }
:where(.page-uma-library) .drawer-meet-follow-note { margin: 0 0 var(--app-default-top-bottom-margin-sm); font-size: var(--body-text-xs); color: var(--t-drawer-text); line-height: var(--default-line-height-small); }
:where(.page-uma-library) .uma-follow-row { display: flex; align-items: center; justify-content: space-between; gap: var(--gap-md); width: 100%; max-width: var(--golden-width-small); align-self: flex-start; }
:where(.page-uma-library) .uma-follow-label { font-size: var(--body-text-sm); color: var(--t-drawer-text); line-height: var(--default-line-height-medium); }
:where(.page-uma-library) .switch--follow input:not(:checked) ~ .switch-track { background: var(--t-follow-switch-off); }
:where(.page-uma-library) .switch--follow input:checked ~ .switch-track { background: var(--yellow); }
:where(.page-uma-library) .switch--follow .switch-icon { color: var(--t-follow-bell); font-size: var(--button-icon-sm); width: var(--switch-mini-thumb); height: var(--switch-mini-thumb); top: 50%; left: auto; right: var(--switch-thumb-inset); transform: translateY(-50%); }
:where(.page-uma-library) .switch--follow input:checked ~ .switch-track .switch-icon { color: var(--bright-white); top: 50%; left: var(--switch-thumb-inset); right: auto; }
:where(.page-uma-library) .uma-cross-sell { width: 100%; box-sizing: border-box; margin: 0; padding: var(--drawer-section-padding-top) 0 var(--drawer-section-padding-bottom); border-top: none; background: var(--t-band); }
:where(.page-uma-library) .uma-cross-sell-label { display: block; text-align: left; font-size: var(--heading-size-lg); font-weight: var(--font-weight-light); color: var(--t-drawer-heading); margin: 0 0 var(--app-default-top-bottom-margin-xxl); padding: var(--app-default-top-bottom-margin-xl) var(--drawer-media-padding) 0; }
:where(.page-uma-library) .uma-cross-sell-rail { display: flex; flex-flow: row; justify-content: flex-start; gap: var(--gap-regular); width: 100%; height: auto; padding: 0 0 var(--gap-md); overflow-x: auto; overflow-y: visible; scroll-snap-type: x; scroll-padding-left: var(--drawer-media-padding); scroll-padding-right: var(--drawer-media-padding); scrollbar-width: none; }
:where(.page-uma-library .uma-cross-sell-rail) .library-item-default-card:first-child { margin-left: var(--drawer-media-padding); }
:where(.page-uma-library .uma-cross-sell-rail) .library-item-default-card:last-child { margin-right: var(--drawer-media-padding); }
:where(.page-uma-library) .uma-cross-sell-rail::-webkit-scrollbar { display: none; width: 0; height: 0; }
:where(.page-uma-library) .uma-cross-sell--app { display: none; }
:where(.page-uma-library, .page-uma-marketplace) .drawer-close-plain { top: var(--gap-regular); right: var(--gap-regular); width: auto; height: var(--button-size-sm); aspect-ratio: auto; flex-shrink: 0; border-radius: 0; color: var(--mid-charcoal); font-size: var(--button-icon-md); line-height: var(--default-line-height-single); z-index: var(--z-library-drawer-close); }
:where(.page-uma-library, .page-uma-marketplace) .drawer-close-plain .drawer-close-plain-icon { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; margin-left: 0; font-size: var(--heading-size-xl); line-height: var(--default-line-height-single); color: var(--t-drawer-close); }
:where(.page-uma-library) .uma-product-drawer--app .uma-product-drawer-image-col { width: var(--drawer-app-col-width); }
:where(.page-uma-library) .drawer-app-logo { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; transition: filter var(--transition-fast); }
:where(.page-uma-library) .card-earmark-inset:not(.uma-wishlist-earmark--added) { top: calc(var(--app-default-top-bottom-margin-xxxl) - var(--app-earmark-pull)); right: calc(var(--app-default-top-bottom-margin-xxxl) - var(--app-earmark-pull)); }
:where(.page-uma-library) .drawer-app-good-for { justify-content: flex-start; margin-bottom: var(--app-default-top-bottom-margin-lg); }
:where(.page-uma-library) .drawer-app-store-pill-wrap { display: flex; margin-top: var(--gap-sm); }
:where(.page-uma-library) .drawer-app-store-pill { font-size: var(--body-text-sm); }
:where(.page-uma-library) .drawer-app-store-main { padding-left: var(--gap-md); padding-right: var(--gap-md); }
:where(.page-uma-library) .drawer-app-store-main:hover { filter: brightness(0.95); background: var(--orange-dark); }
:where(.page-uma-library) .drawer-app-store-arrow:hover { filter: brightness(0.95); background: var(--orange-dark); }
:where(.page-uma-library) .drawer-app-store-arrow-icon { font-size: var(--button-icon-sm); }
:where(.page-uma-library) .drawer-split-pill-icon { flex-shrink: 0; width: var(--button-size-md); display: inline-flex; align-items: center; justify-content: center; }
:where(.page-uma-library) .drawer-app-store-icon { font-size: var(--button-icon-md); line-height: var(--default-line-height-single); }
:where(.page-uma-library .uma-product-drawer) .drawer-split-pill-label { flex: 1 1 0%; display: block; align-items: center; justify-content: flex-start; gap: 0; overflow: visible; font-size: inherit; text-align: left; }
:where(.page-uma-library .uma-product-drawer) .drawer-split-pill-label-text { flex: 1 1 0%; white-space: normal; overflow: visible; text-overflow: clip; font-size: var(--body-text-lg); text-align: left; }
:where(.page-uma-library) .drawer-app-stores-table { display: flex; flex-flow: row; flex-shrink: 0; gap: 0; width: 100%; margin: 0 0 var(--app-default-top-bottom-margin-md); padding: var(--app-default-top-bottom-margin-lg) 0; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
:where(.page-uma-library) .drawer-app-stores-table::-webkit-scrollbar { display: none; width: 0; height: 0; }
@media (max-width: 899px) {
  :where(.page-uma-library .uma-product-drawer) .drawer-split-pill-label-text { font-size: var(--body-text-sm); }
}
:where(.page-uma-library) .drawer-podcast-player-full { position: relative; flex-shrink: 0; width: 100%; aspect-ratio: var(--carouselle-card-ratio-video); overflow: hidden; border-radius: 0; background: var(--platform-spotify); }
:where(.page-uma-library) .uma-product-drawer-video-full { position: relative; flex-shrink: 0; width: 100%; aspect-ratio: var(--carouselle-card-ratio-video); overflow: hidden; border-radius: 0; background: var(--platform-spotify); }
:where(.page-uma-library) .drawer-podcast-player-full.is-platform-apple { background: var(--platform-apple); }
:where(.page-uma-library) .uma-product-drawer-video-full.is-platform-apple { background: var(--platform-apple); }
:where(.page-uma-library) .drawer-media-embed { position: absolute; inset: auto 0 0; display: block; width: 100%; height: 100%; border: none; border-radius: 0; background: var(--platform-spotify); }
:where(.page-uma-library) .uma-product-drawer--video .drawer-media-embed { z-index: 2; }
:where(.page-uma-library) .drawer-media-embed[src*="spotify"] { height: var(--platform-spotify-height); }
:where(.page-uma-library) .drawer-podcast-spotify-mask { position: absolute; top: 0; right: 0; z-index: 2; width: var(--spotify-mask-size); height: var(--spotify-mask-size); background: var(--platform-spotify); pointer-events: none; display: none; }
:where(.page-uma-library) .drawer-video-thumbnail { width: 100%; height: 100%; object-fit: cover; }
:where(.page-uma-library) .drawer-earmark-left { top: 0; left: 0; right: auto; border-radius: 0; }
:where(.page-uma-library) .earmark-corner-left { transform: scaleX(-1); }
:where(.page-uma-library) .drawer-earmark-left .uma-wishlist-earmark-icon { left: var(--wand-icon-right); right: auto; }
:where(.page-uma-library) .uma-product-drawer--media .uma-product-drawer-body { align-items: flex-start; gap: var(--gap-xxl); padding: 0; background: var(--t-band); border: none; box-shadow: none; }
:where(.page-uma-library) .uma-product-drawer--media .uma-product-drawer-content-col { flex: 1 1 auto; align-self: flex-start; width: 100%; max-width: 100%; margin: 0; padding: 0; background: var(--t-band); border: none; box-shadow: none; }
:where(.page-uma-library) .uma-product-drawer--media .uma-product-drawer-section--first { margin: 0; padding: var(--app-default-top-bottom-margin-xl) var(--drawer-media-padding) 0; background: var(--t-band); border: none; box-shadow: none; }
:where(.page-uma-library) .uma-product-drawer--media .uma-product-drawer-actions { margin-top: var(--app-default-top-bottom-margin-xl); margin-bottom: var(--app-default-top-bottom-margin-xxxl); }
:where(.page-uma-library) .uma-product-drawer--media .uma-product-drawer-below-hero { margin: 0; padding: 0 var(--drawer-media-padding) var(--app-default-top-bottom-margin-xl); background: var(--t-band); border: none; box-shadow: none; }
:where(.page-uma-library) .uma-product-drawer--media .drawer-book-product-details { background: var(--t-band-alt); --stat-label-gap: var(--gap-xs); }
:where(.page-uma-library) .uma-product-drawer--media .uma-reviews-inset { padding-left: 0; padding-right: 0; }
:where(.page-uma-library) .uma-product-drawer--media .uma-product-drawer-section--reviews { margin: 0; padding-top: var(--app-default-top-bottom-margin-xxxl); padding-bottom: var(--app-default-top-bottom-margin-xxxl); }
:where(.page-uma-library) .uma-product-drawer--media .uma-product-drawer-desc { margin: var(--gap-md) 0 var(--app-default-top-bottom-margin-md); }
:where(.page-uma-library) .uma-product-drawer--media .uma-product-drawer-section-title--reviews { display: flex; align-items: center; min-height: var(--button-size-lg); padding-left: var(--app-default-top-bottom-margin-xl); padding-right: var(--app-default-top-bottom-margin-xl); }
:where(.page-uma-library) .uma-product-drawer--media .reviews-controls { position: static; margin: var(--gap-sm) 0 var(--app-default-top-bottom-margin-lg); padding: 0 var(--app-default-top-bottom-margin-xl); }
:where(.page-uma-library) .uma-product-drawer--media .uma-drawer-reviews-switch { display: none; }
:where(.page-uma-library) .uma-product-drawer--media .uma-product-drawer-reviews-carousel { flex-direction: column; gap: var(--gap-lg); max-height: var(--feedback-panel-min-height); overflow-x: hidden; overflow-y: auto; padding: var(--app-default-top-bottom-margin-xxxl) var(--app-default-top-bottom-margin-xl); scroll-padding-top: var(--app-default-top-bottom-margin-xxxl); scroll-padding-bottom: var(--app-default-top-bottom-margin-xxxl); scroll-snap-type: none; }
:where(.page-uma-library) .uma-product-drawer--media .uma-drawer-reviews-header { display: none; }
:where(.page-uma-library) .uma-product-drawer--media .uma-drawer-post-btn { display: none; }
:where(.page-uma-library) .uma-product-drawer--media .uma-product-drawer-panel-write { display: none; }
:where(.page-uma-library) .uma-product-drawer--video .uma-product-drawer-panel-write { flex-direction: column; align-items: stretch; gap: var(--app-default-top-bottom-margin-md); width: 100%; max-width: 100%; margin: var(--gap-lg) 0 0; }
:where(.page-uma-library) .drawer-comment-card { flex: 0 0 auto; flex-direction: column-reverse; align-self: stretch; width: 100%; min-width: 0; max-width: 100%; height: auto; aspect-ratio: auto; padding: 0; background: transparent; border-radius: 0; overflow: visible; scroll-snap-align: none; }
:where(.page-uma-library) .drawer-comment-card:last-child { margin-right: var(--drawer-media-padding); }
:where(.page-uma-library) .drawer-comment-band { display: flex; flex-direction: column; gap: var(--comment-meta-gap); margin-top: 0; padding: var(--link-line-height) var(--gap-md) 0; background: transparent; color: var(--mid-charcoal); }
:where(.page-uma-library) .drawer-comment-meta { display: flex; flex-direction: column; gap: var(--comment-meta-gap); color: var(--mid-charcoal); }
:where(.page-uma-library) .drawer-comment-name { display: block; font-size: var(--body-text-sm); font-weight: var(--font-weight-medium); color: var(--t-drawer-text); }
:where(.page-uma-library) .drawer-comment-date { display: block; color: var(--t-drawer-text); }
:where(.page-uma-library) .drawer-comment-body { display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; min-height: var(--earmark-size); padding: var(--gap-lg) var(--gap-lg) var(--gap-md); background: var(--t-comment-card); border-radius: var(--app-default-radius-lg); }
:where(.page-uma-library) .drawer-comment-quote { margin: 0; font-family: 'Merriweather', serif; font-size: var(--body-text-md); font-style: italic; line-height: normal; color: var(--t-drawer-text); }
:where(.page-uma-library) .drawer-comment-quote:last-of-type { margin-bottom: 0; }
:where(.page-uma-library) .uma-product-drawer--podcast .drawer-media-listen-pill { gap: 0; margin-bottom: var(--app-default-top-bottom-margin-xxxl); }
:where(.page-uma-library) .drawer-media-listen-main:hover { background: var(--orange-dark); }
:where(.page-uma-library) .drawer-media-listen-arrow:hover { background: var(--orange-dark); }
:where(.page-uma-library) .uma-product-drawer--podcast .drawer-media-listen-main { margin: 0; border-right: none; }
:where(.page-uma-library) .uma-product-drawer--podcast .drawer-media-listen-arrow { margin: 0; border-radius: 0; }
:where(.page-uma-library) .drawer-media-listen-icon { font-size: var(--button-icon-xxl); line-height: var(--default-line-height-single); }
:where(.page-uma-library) .btn-linkish { display: inline-flex; align-items: center; gap: var(--gap-xs); margin: 0 0 var(--app-default-top-bottom-margin-xl); padding: 0; background: transparent; border: none; color: var(--t-linkish); font-family: inherit; font-size: var(--body-text-sm); font-weight: var(--font-weight-medium); text-decoration: none; cursor: pointer; }
:where(.page-uma-library) .btn-linkish:hover { color: var(--orange); }
:where(.page-uma-library) .drawer-transcript-panel { background: var(--t-transcript-bg); border-radius: var(--app-default-radius-md); padding: 0 var(--gap-md); margin: 0 0 var(--gap-md); max-height: 0; overflow: hidden; transition: max-height var(--cover-zoom-duration), padding var(--cover-zoom-duration), margin var(--cover-zoom-duration); }
:where(.page-uma-library) .drawer-transcript-panel.is-open { max-height: var(--accordion-open-max-height); padding: var(--gap-md); }
:where(.page-uma-library) .drawer-transcript-text { margin: 0 0 var(--app-default-top-bottom-margin-sm); font-size: var(--body-text-sm); line-height: var(--default-line-height-medium); color: var(--t-drawer-text); white-space: pre-wrap; }
:where(.page-uma-library) .uma-comment-input-area { display: flex; flex-direction: column; gap: var(--gap-sm); width: 100%; box-sizing: border-box; margin: var(--app-default-top-bottom-margin-xxxxl) 0 var(--gap-md); padding: var(--app-default-top-bottom-margin-xl) var(--app-default-top-bottom-margin-xl) var(--gap-lg); background: transparent; border-top: var(--stroke-hairline) solid var(--t-comment-line); }
:where(.page-uma-library) .uma-comment-input-label { color: var(--t-drawer-text); }
:where(.page-uma-library) .uma-comment-textarea { width: 100%; box-sizing: border-box; min-height: var(--comment-textarea-min-height); padding: var(--gap-md); resize: vertical; background: var(--t-comment-field-bg); border: var(--stroke-hairline) solid var(--t-comment-field-line); border-radius: var(--app-default-radius-md); color: var(--t-drawer-text); font-family: inherit; font-size: var(--body-text-md); line-height: var(--default-line-height-medium); }
:where(.page-uma-library) .uma-comment-textarea::placeholder { color: var(--t-comment-placeholder); }
:where(.page-uma-library) .uma-comment-input-actions { display: flex; justify-content: flex-start; }
:where(.page-uma-library) .uma-comment-submit:disabled { background: var(--t-border); border-color: var(--t-border); color: var(--t-text-secondary); cursor: not-allowed; opacity: 1; filter: none; }
:where(.page-uma-library) .uma-product-drawer--show .uma-product-drawer-image-col { overflow: visible; }
:where(.page-uma-library) .drawer-show-card { --library-card-show: var(--drawer-card); }
:where(.page-uma-library) .drawer-show-artwork { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: var(--app-default-radius-lg); transition: filter var(--transition-base) ease; }
:where(.page-uma-library) .drawer-show-artwork[src=""] { display: none; }
:where(.page-uma-library) .drawer-show-follow-note { margin: var(--gap-md) 0 var(--app-default-top-bottom-margin-sm); font-size: var(--body-text-sm); line-height: var(--default-line-height-medium); color: var(--t-drawer-text); }
:where(.page-uma-library) .uma-product-drawer--show .uma-product-drawer-below-hero { margin-bottom: 0; padding-left: 0; padding-right: 0; padding-bottom: var(--app-default-top-bottom-margin-xl); }
:where(.page-uma-library) .uma-product-drawer--show .uma-product-drawer-desc { padding-left: var(--app-default-top-bottom-margin-xl); padding-right: var(--app-default-top-bottom-margin-xl); }
:where(.page-uma-library) .drawer-show-episodes-header { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--gap-md); margin: var(--app-default-top-bottom-margin-lg) 0 var(--app-default-top-bottom-margin-md); padding: 0 var(--app-default-top-bottom-margin-xl); }
:where(.page-uma-library) .drawer-show-episodes-title-group { display: flex; flex-direction: column; align-items: flex-start; gap: var(--app-default-top-bottom-margin-md); }
:where(.page-uma-library) .drawer-show-episodes-title { margin: 0; font-size: var(--heading-size-md); font-weight: var(--font-weight-light); color: var(--t-drawer-heading); }
:where(.page-uma-library, .page-uma-marketplace) .drawer-sort-select { appearance: none; width: 100%; height: var(--split-pill-height); padding-left: var(--gap-lg); padding-right: var(--sort-select-caret-room); background: var(--t-sort-bg); border: var(--stroke-hairline) solid var(--t-sort-line); border-radius: var(--btn-radius); color: var(--t-drawer-text); cursor: pointer; font-family: inherit; font-size: var(--body-text-xs); transition: border-color var(--transition-fast); }
:where(.page-uma-library, .page-uma-marketplace) .drawer-sort-select:hover { border-color: var(--t-sort-line-hover); }
:where(.page-uma-library) .drawer-show-episodes-list { display: flex; flex-direction: column; gap: var(--gap-md); margin-bottom: 0; padding: 0 var(--default-left-right-mob-body-padding); }
:where(.page-uma-library) .drawer-show-episodes-list--podcasts { gap: var(--gap-regular); }
@media (max-width: 965px) {
  :where(.page-uma-library) .uma-product-drawer--podcast .uma-product-drawer-content-col { flex: 1 1 0%; }
}
@media (max-width: 599px) {
  :where(.page-uma-library) .uma-product-drawer--media .uma-product-drawer-body { align-items: stretch; }
  :where(.page-uma-library) .uma-product-drawer--media .uma-product-drawer-content-col { margin-top: var(--app-default-top-bottom-margin-xl); padding-top: var(--app-default-top-bottom-margin-xl); }
  :where(.page-uma-library) .drawer-media-embed[src*="spotify"] ~ .drawer-podcast-spotify-mask { display: block; }
  :where(.page-uma-library) .drawer-show-episodes-list { flex-direction: row; gap: var(--gap-regular); padding-right: 0; overflow-x: auto; overflow-y: visible; scroll-padding-left: var(--default-left-right-mob-body-padding); scroll-snap-type: x mandatory; scrollbar-width: none; }
  :where(.page-uma-library) .drawer-show-episodes-list::-webkit-scrollbar { display: none; }
  :where(.page-uma-library) .drawer-show-episodes-list--podcasts { flex-direction: column; padding-right: var(--default-left-right-mob-body-padding); }
}
@media (max-width: 449px) {
  :where(.page-uma-library) .uma-product-drawer--show .uma-product-drawer-image-col { width: calc(var(--drawer-cover-smaller) + var(--drawer-media-padding)); min-width: var(--drawer-cover-smaller); }
}
@media (max-width: 700px) {
  :where(.page-uma-library) .drawer-meet-author-body { flex-direction: column; align-items: flex-start; }
  :where(.page-uma-library) .drawer-meet-author-video { align-self: flex-start; order: 1; }
  :where(.page-uma-library) .drawer-meet-author-info { align-items: flex-start; width: 100%; order: 2; }
}
:where(.page-uma-library) .uma-library-voices-mic { background: var(--t-voices-mic-bg); }
:where(.page-uma-library, .page-uma-marketplace) .uma-library-voices-left { flex-shrink: 0; max-width: 100%; background: var(--t-voices-left-bg); padding: var(--app-default-top-bottom-margin-xxxxl) var(--default-left-right-desk-body-padding) var(--app-default-top-bottom-margin-xxxxxl); }
:where(.page-uma-library) .voices-h2 { font-size: var(--heading-size-xl); margin-bottom: var(--app-default-top-bottom-margin-xl); }
:where(.page-uma-library) .uma-library-content { background: var(--t-library-content-bg); padding-top: var(--app-default-top-bottom-margin-xxxxl); padding-bottom: 0; }
:where(.page-uma-library) .uma-library-sticky-container { position: sticky; top: 0; z-index: 50; backdrop-filter: blur(var(--blur-md)); background: var(--t-sticky-bg); transition: opacity var(--transition-base) ease, visibility var(--transition-base) ease; }
:where(.page-uma-library) .uma-filter-drawer-open .uma-library-sticky-container { z-index: var(--filter-drawer-open-layer); }
:where(.page-uma-library) .uma-library-panels-container { padding-top: var(--app-default-top-bottom-margin-xxxl); background: var(--t-sticky-bg); }
:where(.page-uma-library) .uma-library-nav-wrapper { display: flex; flex-direction: column; width: 100%; box-sizing: border-box; padding: var(--app-default-top-bottom-margin-lg) 0 0; }
:where(.page-uma-library) .uma-library-search-controls { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: var(--gap-md); width: 100%; box-sizing: border-box; padding-left: var(--default-left-right-desk-body-padding); padding-right: var(--default-left-right-desk-body-padding); margin-bottom: var(--app-default-top-bottom-margin-xxl); }
:where(.page-uma-library) .uma-library-nav-wrapper.is-sticky .uma-library-search-controls { margin-bottom: var(--app-default-top-bottom-margin-xl); }
:where(.page-uma-library, .page-uma-marketplace) .uma-library-search-input { padding-left: var(--gap-xs); caret-color: var(--t-search-caret); color: var(--t-search-text); }
:where(.page-uma-library, .page-uma-marketplace) .uma-library-search-input::placeholder { color: var(--t-search-text-muted); }
:where(.page-uma-library, .page-uma-marketplace) .uma-library-search-input::-webkit-search-cancel-button { display: none; }
:where(.page-uma-library, .page-uma-marketplace) .uma-library-search-clear { flex-shrink: 0; margin-right: var(--gap-xs); background: transparent; border: none; color: var(--light-charcoal); }
:where(.page-uma-library) .uma-library-search-mic { flex-shrink: 0; align-self: center; width: var(--button-size-md); height: var(--button-size-md); margin-right: calc((var(--field-height) - var(--button-size-md)) / 2); }
:where(.page-uma-library) .uma-library-search-no-results { text-align: center; color: var(--light-charcoal); padding: var(--app-default-top-bottom-margin-xl); width: 100%; }
:where(.page-uma-library) .uma-marketplace-filters-tab--under-last-pill { right: calc(var(--filters-tab-right) + var(--app-default-top-bottom-margin-xl)); }
:where(.page-uma-library) .uma-video-playing .uma-library-sticky-container { opacity: 0; pointer-events: none; visibility: hidden; transition: opacity var(--transition-fast) ease, visibility var(--transition-fast) ease; }
:where(.page-uma-library) .uma-video-playing .uma-marketplace-filters-tab { opacity: 0; pointer-events: none; visibility: hidden; transition: opacity var(--transition-fast) ease, visibility var(--transition-fast) ease; }
@media (min-width: 1101px) {
  :where(.page-uma-library, .page-uma-marketplace) .uma-library-voices-left { flex: 0 0 50%; max-width: 50%; aspect-ratio: unset; }
}
@media (max-width: 1100px) {
  :where(.page-uma-library, .page-uma-marketplace) .uma-library-voices-left { order: 2; }
}
@media (max-width: 900px) {
  :where(.page-uma-library) .uma-library-search-controls { margin-bottom: var(--app-default-top-bottom-margin-xl); margin-left: var(--default-left-right-mob-body-padding); margin-right: var(--default-left-right-mob-body-padding); width: calc(100% - var(--default-left-right-mob-body-padding) * 2); }
}
@media (max-width: 750px) {
  :where(.page-uma-library, .page-uma-marketplace) .uma-library-voices-left { aspect-ratio: unset; max-width: 100%; width: 100%; padding-bottom: var(--app-default-top-bottom-margin-xl); }
}
@media (max-width: 600px) {
  :where(.page-uma-library) .uma-library-panels-container { padding-top: var(--app-default-top-bottom-margin-xl); }
  :where(.page-uma-library, .page-uma-marketplace) .uma-library-search-clear { margin-right: calc(var(--gap-xs) / 2); }
}
@media (max-width: 599px) {
  :where(.page-uma-library, .page-uma-marketplace) .uma-library-voices-left { padding-left: var(--default-left-right-mob-body-padding); padding-right: var(--app-default-top-bottom-margin-xl); text-align: center; }
  :where(.page-uma-library) .voices-h2 { margin-left: auto; margin-right: auto; }
  :where(.page-uma-library) .uma-library-search-controls { padding-left: var(--default-left-right-mob-body-padding); padding-right: var(--default-left-right-mob-body-padding); width: 100%; margin-left: 0; margin-right: 0; max-width: none; }
  :where(.page-uma-library) .uma-library-search-mic { aspect-ratio: 1 / 1; }
}
:where(.page-uma-library) .uma-library-panel { display: block; overflow: visible; }
:where(.page-uma-library) .library-carouselle { display: flex; gap: var(--gap-regular); width: 100%; overflow-x: scroll; overflow-y: visible; padding: var(--app-default-top-bottom-margin-xl) var(--default-left-right-desk-body-padding); scroll-snap-type: x proximity; scroll-padding-left: var(--default-left-right-desk-body-padding); scroll-padding-right: var(--default-left-right-desk-body-padding); scroll-behavior: smooth; scrollbar-width: none; }
:where(.page-uma-library) .library-carouselle::-webkit-scrollbar { display: none; }
:where(.page-uma-library) .library-item-default-card { position: relative; display: flex; flex-direction: column; flex-shrink: 0; height: auto; scroll-snap-align: start; transform-origin: center center; transition: transform var(--cover-zoom-ease); will-change: transform; }
:where(.page-uma-library) .library-item-default-card:last-child { scroll-snap-align: end; }
:where(.page-uma-library) .uma-library-voice-card { flex: 0 0 var(--library-card-voice); width: var(--library-card-voice); min-width: var(--library-card-voice); max-width: var(--library-card-voice); }
:where(.page-uma-library) .uma-library-book-card { flex: 0 0 var(--library-card-book); width: var(--library-card-book); min-width: var(--library-card-book); max-width: var(--library-card-book); }
:where(.page-uma-library) .uma-library-audiobook-card { flex: 0 0 var(--library-card-book); width: var(--library-card-book); min-width: var(--library-card-book); max-width: var(--library-card-book); }
:where(.page-uma-library) .uma-library-podcast-card { flex: 0 0 var(--library-card-podcast); width: var(--library-card-podcast); min-width: var(--library-card-podcast); max-width: var(--library-card-podcast); border-radius: var(--app-default-radius-lg); overflow: visible; background: transparent; }
:where(.page-uma-library) .uma-library-podcast-card--show { flex: 0 0 var(--library-card-show); width: var(--library-card-show); min-width: var(--library-card-show); max-width: var(--library-card-show); }
:where(.page-uma-library) .uma-library-video-card { flex: 0 0 var(--library-card-video); width: var(--library-card-video); min-width: var(--library-card-video); max-width: var(--library-card-video); background: transparent; }
:where(.page-uma-library) .uma-library-app-card { width: var(--library-card-app); }
:where(.page-uma-library) .uma-cross-sell-rail { --library-card-voice: var(--drawer-card); --library-card-book: var(--drawer-card); --library-card-show: var(--drawer-card); --library-card-podcast: var(--drawer-card-podcast); --library-card-video: var(--drawer-card-video); --library-card-app: var(--drawer-card-app); }
:where(.page-uma-library) .library-image-and-media-container { position: relative; width: 100%; flex-shrink: 0; overflow: hidden; border-radius: var(--app-default-radius-lg); transform-origin: center center; transition: transform var(--cover-zoom-ease); will-change: transform; }
:where(.page-uma-library) .library-image-and-media-container:has(.card-circular-plus-btn-on-dark:hover) { transform: scale(var(--card-lift-scale)); }
:where(.page-uma-library) .uma-library-voice-card-media { aspect-ratio: var(--carouselle-card-ratio-nine-by-sixteen); }
:where(.page-uma-library) .uma-library-voice-card-media:has(.card-circular-search-btn-on-dark:hover) { transform: scale(var(--card-lift-scale)); }
:where(.page-uma-library) .uma-library-book-card-media { position: relative; width: 100%; height: 0; padding-bottom: 150%; aspect-ratio: var(--carouselle-card-ratio-book); overflow: hidden; border-radius: var(--app-default-radius-lg); transition: filter var(--transition-base) ease-in-out, transform var(--cover-zoom-ease); }
:where(.page-uma-library) .uma-library-audiobook-card-media { position: relative; width: 100%; height: 0; padding-bottom: 100%; aspect-ratio: var(--carouselle-card-ratio-square); overflow: hidden; border-radius: var(--app-default-radius-lg); transition: filter var(--transition-base) ease-in-out, transform var(--cover-zoom-ease); }
:where(.page-uma-library) .uma-library-app-card-media { height: 0; padding-bottom: 100%; aspect-ratio: var(--carouselle-card-ratio-square); border-radius: var(--radius-squircle); border-top-right-radius: var(--app-default-radius-lg); }
:where(.page-uma-library) .uma-library-video-card-media { aspect-ratio: var(--carouselle-card-ratio-video); transition: filter var(--transition-base) ease, transform var(--cover-zoom-ease); }
:where(.page-uma-library) .uma-library-podcast-card-media { display: flex; flex-direction: column; overflow: visible; }
@media (max-width: 965px) {
  :where(.page-uma-library) .uma-library-book-card-media { max-width: 100%; }
  :where(.page-uma-library) .uma-library-audiobook-card-media { max-width: 100%; }
  :where(.page-uma-library) .uma-library-app-card-media { max-width: 100%; }
  :where(.page-uma-library) .uma-library-podcast-card-media { max-width: 100%; }
}
:where(.page-uma-library) .library-media-positioned { position: relative; }
:where(.page-uma-library) .library-card-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: filter var(--transition-base) ease-in-out; }
:where(.page-uma-library) .library-card-app-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: filter var(--transition-fast); }
:where(.page-uma-library) .library-card-video-img { display: block; width: 100%; height: 100%; object-fit: cover; transition: filter var(--transition-base) ease; }
:where(.page-uma-library) .image-cover-and-clip { width: 100%; height: 100%; object-fit: cover; }
:where(.page-uma-library) .uma-library-book-card:hover .library-card-img { filter: var(--t-card-dim-strong); }
:where(.page-uma-library) .uma-library-audiobook-card:hover .library-card-img { filter: var(--t-card-dim); }
:where(.page-uma-library) .uma-library-video-card:hover .library-card-video-img { filter: var(--t-card-dim); }
:where(.page-uma-library) .uma-library-app-card:hover .library-card-app-img { filter: var(--t-card-dim); }
:where(.page-uma-library) .uma-library-book-card:has(.uma-wishlist-earmark:hover) .library-card-img { filter: none; }
:where(.page-uma-library) .uma-library-audiobook-card:has(.uma-wishlist-earmark:hover) .library-card-img { filter: none; }
:where(.page-uma-library) .uma-library-video-card:has(.uma-wishlist-earmark:hover) .library-card-video-img { filter: none; }
:where(.page-uma-library) .uma-library-podcast-card-artwork { position: relative; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; background: var(--bright-teal); border-radius: var(--app-default-radius-lg) var(--app-default-radius-lg) 0 0; }
:where(.page-uma-library) .uma-library-podcast-card-artwork-all-corners { border-radius: var(--app-default-radius-lg); }
:where(.page-uma-library) .library-card-artwork-img { display: block; width: 100%; height: 100%; object-fit: cover; }
:where(.page-uma-library) .library-card-artwork-img[src=""] { display: none; }
:where(.page-uma-library) .library-card-artwork-img:not([src]) { display: none; }
:where(.page-uma-library) .uma-library-podcast-card-player { width: 100%; line-height: 0; margin-top: 0; }
:where(.page-uma-library) .uma-library-podcast-card-player-frame { display: block; width: 100%; height: var(--platform-spotify-height-compact); border: none; border-radius: 0 0 var(--app-default-radius-lg) var(--app-default-radius-lg); margin-top: var(--podcast-player-tuck); }
:where(.page-uma-library) .uma-library-voice-card:hover .uma-wishlist-earmark { opacity: 1; }
:where(.page-uma-library) .uma-library-book-card:hover .uma-wishlist-earmark { opacity: 1; }
:where(.page-uma-library) .uma-library-book-card:focus-within .uma-wishlist-earmark { opacity: 1; }
:where(.page-uma-library) .uma-library-audiobook-card:hover .uma-wishlist-earmark { opacity: 1; }
:where(.page-uma-library) .uma-library-audiobook-card:focus-within .uma-wishlist-earmark { opacity: 1; }
:where(.page-uma-library) .uma-library-app-card:hover .uma-wishlist-earmark { opacity: 1; }
:where(.page-uma-library) .uma-library-app-card:focus-within .uma-wishlist-earmark { opacity: 1; }
:where(.page-uma-library) .uma-library-video-card:hover .uma-wishlist-earmark { opacity: 1; }
:where(.page-uma-library) .uma-library-video-card:focus-within .uma-wishlist-earmark { opacity: 1; }
:where(.page-uma-library) .uma-library-podcast-card:hover .uma-wishlist-earmark { opacity: 1; }
:where(.page-uma-library) .uma-library-podcast-card:focus-within .uma-wishlist-earmark { opacity: 1; }
:where(.page-uma-library, .page-uma-marketplace) .uma-follow-earmark { position: absolute; top: var(--app-default-top-bottom-margin-sm); left: var(--app-default-top-bottom-margin-sm); z-index: 4; width: var(--switch-mini-width); height: var(--switch-mini-height); padding: 0; margin: 0; border: 0; background: transparent; cursor: pointer; opacity: 0; transition: opacity var(--transition-base) ease; }
:where(.page-uma-library, .page-uma-marketplace) .uma-follow-earmark::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: max(100%, var(--hit-area-comfort)); height: max(100%, var(--hit-area-comfort)); }
:where(.page-uma-library) .uma-library-voice-card:hover .uma-follow-earmark { opacity: 1; }
:where(.page-uma-library) .uma-library-voice-card:focus-within .uma-follow-earmark { opacity: 1; }
:where(.page-uma-library) .uma-library-podcast-card--show:hover .uma-follow-earmark { opacity: 1; }
:where(.page-uma-library) .uma-library-podcast-card--show:focus-within .uma-follow-earmark { opacity: 1; }
:where(.page-uma-library, .page-uma-marketplace) .uma-follow-earmark--added { opacity: 1; }
:where(.page-uma-library, .page-uma-marketplace) .uma-follow-earmark-track { position: absolute; inset: 0; display: block; overflow: hidden; border-radius: var(--radius-pill); background: rgba(var(--black-rgb), var(--opacity-low)); backdrop-filter: blur(var(--blur-md)); transition: background var(--transition-base) ease; }
:where(.page-uma-library, .page-uma-marketplace) .uma-follow-earmark-thumb { position: absolute; top: var(--switch-thumb-inset); left: var(--switch-thumb-inset); z-index: 2; width: var(--switch-mini-thumb); height: var(--switch-mini-thumb); border-radius: var(--radius-circle); background: var(--bright-white); box-shadow: 0 2px 4px rgba(var(--black-rgb), var(--opacity-low)); transition: left var(--play-hover-duration) ease, background var(--play-hover-duration) ease; }
:where(.page-uma-library, .page-uma-marketplace) .uma-follow-earmark-icon { position: absolute; top: 50%; right: var(--switch-thumb-inset); transform: translateY(-50%); z-index: 3; display: flex; align-items: center; justify-content: center; width: var(--switch-mini-thumb); height: var(--switch-mini-thumb); color: var(--bright-white); font-size: var(--button-icon-sm); pointer-events: none; transition: left var(--play-hover-duration) ease, right var(--play-hover-duration) ease, color var(--play-hover-duration) ease; }
:where(.page-uma-library, .page-uma-marketplace) .uma-follow-earmark--added .uma-follow-earmark-track { background: var(--yellow); backdrop-filter: none; }
:where(.page-uma-library, .page-uma-marketplace) .uma-follow-earmark--added .uma-follow-earmark-thumb { left: calc(100% - var(--switch-mini-thumb) - var(--switch-thumb-inset)); }
:where(.page-uma-library, .page-uma-marketplace) .uma-follow-earmark--added .uma-follow-earmark-icon { right: auto; left: var(--switch-thumb-inset); color: var(--bright-white); }
:where(.page-uma-library, .page-uma-marketplace) .uma-wishlist-earmark-corner { position: absolute; top: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 var(--wand-earmark-size) var(--wand-earmark-size) 0; border-color: transparent; }
:where(.page-uma-library, .page-uma-marketplace) .uma-wishlist-earmark--added .uma-wishlist-earmark-corner { border-color: transparent var(--yellow) transparent transparent; }
:where(.page-uma-library) .library-image-and-media-container:hover .card-image-rating-overlay { opacity: 1; pointer-events: auto; }
:where(.page-uma-library) .uma-wishlist-earmark:hover ~ .card-image-rating-overlay { visibility: visible; opacity: 1; pointer-events: auto; }
:where(.page-uma-library) .uma-library-video-card-media:has(.uma-wishlist-earmark:hover) .card-image-rating-overlay { opacity: 0; pointer-events: none; }
:where(.page-uma-library) .card-overlay-round { border-radius: inherit; box-sizing: border-box; }
:where(.page-uma-library) .card-image-ing-btn { gap: var(--gap-xs); line-height: var(--default-line-height-single); white-space: nowrap; pointer-events: auto; scroll-margin-top: 0; }
:where(.page-uma-library) .frosted-secondary-white-btn { color: var(--mid-white); }
:where(.page-uma-library) .play-btn-icon { position: relative; top: var(--play-icon-nudge); margin-left: 0; font-size: var(--button-icon-xxl); line-height: var(--default-line-height-single); vertical-align: middle; }
:where(.page-uma-library, .page-uma-marketplace) .card-circular-plus-btn-on-dark { position: absolute; bottom: var(--card-corner-btn-inset); right: var(--card-corner-btn-inset); z-index: 3; display: flex; align-items: center; justify-content: center; width: var(--button-size-md); height: var(--button-size-md); padding: 0; border: none; border-radius: 0; background: var(--bright-white); cursor: pointer; opacity: 0; transition: opacity var(--transition-base) ease, filter var(--transition-base) ease; mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 360'><path fill='black' fill-rule='evenodd' d='M180,0A180,180,0,1,0,360,180,180,180,0,0,0,180,0ZM280,180a12,12,0,0,1-12,12H192v76a12,12,0,0,1-24,0V192H92a12,12,0,0,1,0-24h76V92a12,12,0,0,1,24,0v76h76A12,12,0,0,1,280,180Z'/></svg>"); mask-repeat: no-repeat; mask-size: 100% 100%; }
:where(.page-uma-library, .page-uma-marketplace) .card-circular-plus-btn-on-dark:focus-visible { opacity: var(--opacity-visible); }
:where(.page-uma-library) .card-plus-inset { bottom: calc(var(--app-default-top-bottom-margin-xxxl) - var(--app-plus-pull)); right: calc(var(--app-default-top-bottom-margin-xxxl) - var(--app-plus-pull)); }
:where(.page-uma-library) .card-circular-plus-btn-on-dark--on-light-image { background: var(--dark-white); mask-image: none; border-radius: var(--radius-circle); }
:where(.page-uma-library) .card-circular-plus-btn-on-dark--on-light-image::after { content: ""; position: absolute; inset: 0; border-radius: var(--radius-circle); background: var(--mid-charcoal); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'><path fill='black' d='m28.87,20c0,.59-.48,1.06-1.06,1.06h-6.74v6.74c0,.59-.48,1.06-1.06,1.06s-1.06-.48-1.06-1.06v-6.74h-6.74c-.59,0-1.06-.48-1.06-1.06s.48-1.06,1.06-1.06h6.74v-6.74c0-.59.48-1.06,1.06-1.06s1.06.48,1.06,1.06v6.74h6.74c.59,0,1.06.48,1.06,1.06Z'/></svg>"); mask-repeat: no-repeat; mask-size: 100% 100%; }
:where(.page-uma-library) .card-circular-plus-btn-on-dark--on-light-image:hover::after { background: var(--dark-charcoal); }
:where(.page-uma-library, .page-uma-marketplace) .card-circular-search-btn-on-dark { position: absolute; bottom: var(--card-corner-btn-inset); right: var(--card-corner-btn-inset); z-index: 3; display: flex; align-items: center; justify-content: center; width: var(--button-size-md); height: var(--button-size-md); padding: 0; border: none; border-radius: 0; background: var(--bright-white); cursor: pointer; opacity: 0; transition: opacity var(--transition-base) ease, filter var(--transition-base) ease; mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 360'><path fill='black' fill-rule='evenodd' d='M180,0A180,180,0,1,0,360,180,180,180,0,0,0,180,0ZM284.49,267.51,237,220a92.12,92.12,0,1,0-17,17l47.53,47.54a12,12,0,0,0,17-17ZM96,164a68,68,0,1,1,68,68A68.07,68.07,0,0,1,96,164Z'/></svg>"); mask-repeat: no-repeat; mask-size: 100% 100%; }
:where(.page-uma-library, .page-uma-marketplace) .card-circular-search-btn-on-dark:focus-visible { opacity: var(--opacity-visible); }
:where(.page-uma-library) .uma-library-video-card-media:hover .card-circular-play-btn-on-dark { opacity: 1; pointer-events: auto; }
:where(.page-uma-library) .card-role-chips { display: flex; flex-wrap: wrap; gap: var(--gap-xs); margin: var(--gap-xs) 0 var(--app-default-top-bottom-margin-md); }
:where(.page-uma-library, .page-uma-marketplace) .good-for-tag { display: inline-flex; align-items: center; height: var(--button-size-xs); padding: 0 var(--gap-md); border-radius: var(--radius-pill); font-size: var(--body-text-xs); line-height: var(--default-line-height-single); pointer-events: none; user-select: none; }
:where(.page-uma-library, .page-uma-marketplace) .good-for-tag--light { background: var(--t-chip-light-bg); color: var(--t-chip-light-text); }
:where(.page-uma-library, .page-uma-marketplace) .uma-carousel-nav { display: flex; justify-content: flex-start; gap: var(--gap-sm); margin-top: calc(0px - var(--app-default-top-bottom-margin-xs)); margin-bottom: var(--app-default-top-bottom-margin-lg); padding-left: var(--default-left-right-desk-body-padding); }
:where(.page-uma-library) .uma-carousel-nav--with-post { align-items: center; padding-right: var(--default-left-right-desk-body-padding); }
:where(.page-uma-library) .uma-carousel-nav--with-post .uma-drawer-post-btn { margin-left: auto; }
:where(.page-uma-library, .page-uma-marketplace) .carousel-nav-btn:disabled { cursor: default; opacity: var(--t-carousel-spent-opacity); pointer-events: none; }
:where(.page-uma-library .uma-product-drawer) .uma-carousel-nav { margin: var(--gap-sm) 0 var(--app-default-top-bottom-margin-lg); padding-left: var(--drawer-media-padding); padding-right: var(--drawer-media-padding); }
:where(.page-uma-library .uma-product-drawer--app .uma-product-drawer-below-hero) .uma-carousel-nav { padding-left: 0; padding-right: 0; }
:where(.page-uma-library .uma-cross-sell-rail) .uma-library-card-body { max-width: 100%; }
:where(.page-uma-library .uma-cross-sell-rail) .card-brand { overflow: hidden; text-overflow: ellipsis; }
:where(.page-uma-library .uma-cross-sell-rail) .uma-library-card-title { overflow: hidden; text-overflow: ellipsis; }
:where(.page-uma-library .uma-cross-sell-rail) .uma-library-card-subtitle { overflow: hidden; text-overflow: ellipsis; }
@media (hover: hover) {
  :where(.page-uma-library) .library-image-and-media-container:hover .uma-wishlist-earmark { opacity: 1; }
  :where(.page-uma-library) .library-image-and-media-container:hover .card-circular-plus-btn-on-dark { opacity: 1; }
  :where(.page-uma-library) .uma-library-voice-card-media:hover .card-circular-search-btn-on-dark { opacity: 1; }
}
@media (hover: none) {
  :where(.page-uma-library, .page-uma-marketplace) .card-circular-plus-btn-on-dark { opacity: 1; }
  :where(.page-uma-library, .page-uma-marketplace) .card-circular-search-btn-on-dark { opacity: 1; }
}
@media (max-width: 600px) {
  :where(.page-uma-library) .library-carouselle { padding-left: var(--default-left-right-mob-body-padding); padding-right: var(--default-left-right-mob-body-padding); scroll-padding-left: var(--default-left-right-mob-body-padding); scroll-padding-right: var(--default-left-right-mob-body-padding); }
}
:where(.page-uma-library) .drawer-app-image-square { position: relative; flex-shrink: 0; width: var(--drawer-app-card-width); max-width: var(--drawer-app-card-width); height: var(--drawer-app-card-width); min-height: 0; aspect-ratio: 1 / 1; padding-bottom: 0; margin-bottom: var(--app-default-top-bottom-margin-lg); overflow: hidden; transform-origin: center center; transition: transform var(--cover-zoom-ease); will-change: transform; }
:where(.page-uma-library .uma-product-drawer--show) .uma-library-podcast-card-media { max-width: 100%; }
:where(.page-uma-library .uma-product-drawer--show) .uma-library-podcast-card-artwork { overflow: visible; max-width: 100%; }
:where(.page-uma-library) .drawer-show-artwork-box { height: auto; }
:where(.page-uma-library) .uma-cross-sell-rail .uma-library-book-card-media { width: 100%; max-width: 100%; }
:where(.page-uma-library) .drawer-app-website { color: var(--t-linkish); border-color: var(--t-linkish); }
@media (max-width: 899px) {
  :where(.page-uma-library) .drawer-app-website { height: var(--button-size-md); font-size: var(--body-text-sm); }
  :where(.page-uma-library) .drawer-app-website .drawer-app-website-icon { font-size: var(--button-icon-md); }
}
@media (max-width: 599px) {
  :where(.page-uma-library) .drawer-app-image-square { width: 100%; max-width: 100%; height: auto; }
  :where(.page-uma-library) .drawer-app-website { height: var(--button-size-sm); padding: 0 var(--gap-xxs); font-size: var(--body-text-xs); }
}
:where(.page-uma-library) .uma-product-drawer-image-col:hover .uma-wishlist-earmark { opacity: 1; }
:where(.page-uma-library) .uma-product-drawer-image-col:focus-within .uma-wishlist-earmark { opacity: 1; }
:where(.page-uma-library) .drawer-split-pill-price { flex-shrink: 0; margin-left: auto; font-weight: var(--font-weight-medium); white-space: nowrap; font-size: var(--body-text-lg); }
:where(.page-uma-library) .drawer-split-pill-menu { position: absolute; top: calc(100% + var(--gap-xs)); left: 0; right: 0; z-index: 20; display: none; overflow: hidden; background: var(--bright-white); border: var(--stroke-hairline) solid var(--dark-white); border-radius: var(--app-default-radius-md); box-shadow: var(--canvas-sheet-shadow); }
:where(.page-uma-library) .drawer-split-pill-menu.is-open { display: block; }
:where(.page-uma-library) .drawer-split-pill-menu-item { display: flex; align-items: center; justify-content: space-between; gap: var(--gap-sm); width: 100%; min-height: var(--button-size-lg); padding: 0 var(--btn-padding-x); border: none; background: transparent; color: var(--navy); cursor: pointer; text-align: left; font-family: inherit; font-size: var(--body-text-md); transition: background var(--transition-quick) ease; }
:where(.page-uma-library) .drawer-split-pill-menu-item + .drawer-split-pill-menu-item { border-top: var(--stroke-hairline) solid var(--dark-white); }
:where(.page-uma-library) .drawer-split-pill-menu-item:hover { background: var(--mid-white); outline: none; }
:where(.page-uma-library) .drawer-split-pill-menu-item.is-current { font-weight: var(--font-weight-medium); }
:where(.page-uma-library) .drawer-split-pill-menu-icon { font-size: var(--button-icon-md); }
:where(.page-uma-library) .drawer-split-pill-menu-label { flex: 1 1 auto; }
:where(.page-uma-library) .drawer-split-pill-menu-item-external { margin-left: auto; color: var(--light-charcoal); font-size: var(--button-icon-md); }
:where(.page-uma-library) .drawer-buy-dropdown-item { display: flex; align-items: center; justify-content: flex-start; gap: var(--gap-sm); width: 100%; min-height: var(--button-size-lg); padding: 0 var(--btn-padding-x); border: none; background: transparent; color: var(--mid-charcoal); cursor: pointer; text-align: left; font-size: var(--body-text-lg); transition: background var(--transition-quick) ease; }
:where(.page-uma-library) .drawer-buy-dropdown-item:hover { background: var(--mid-white); }
:where(.page-uma-library) .drawer-buy-dropdown-item + .drawer-buy-dropdown-item { border-top: var(--stroke-hairline) solid var(--dark-white); }
:where(.page-uma-library) .drawer-buy-dropdown-item-label { flex: 1 1 0%; min-width: 0; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
:where(.page-uma-library) .drawer-buy-dropdown-item-price { flex-shrink: 0; text-align: right; font-weight: var(--font-weight-medium); }
:where(.page-uma-library) .drawer-app-screenshots-carousel { display: flex; gap: var(--gap-regular); height: auto; width: calc(100% + 2 * var(--drawer-media-padding)); margin-left: calc(-1 * var(--drawer-media-padding)); margin-right: calc(-1 * var(--drawer-media-padding)); padding: var(--app-default-top-bottom-margin-xl) 0 var(--app-default-top-bottom-margin-md); overflow-x: auto; overflow-y: visible; scroll-snap-type: x mandatory; scroll-padding-left: var(--drawer-media-padding); scroll-padding-right: var(--drawer-media-padding); scrollbar-width: none; }
:where(.page-uma-library) .drawer-app-screenshots-carousel::-webkit-scrollbar { display: none; width: 0; height: 0; }
:where(.page-uma-library) .drawer-app-screenshot { flex: 0 0 auto; width: var(--drawer-screenshot-width); aspect-ratio: var(--carouselle-card-ratio-nine-by-sixteen); border-radius: var(--app-default-radius-md); overflow: hidden; scroll-snap-align: start; background: var(--dark-white); }
:where(.page-uma-library) .drawer-app-screenshot-img { display: block; width: 100%; height: 100%; object-fit: cover; }
:where(.page-uma-library) .uma-product-drawer--show .drawer-book-product-details { border-bottom: var(--stroke-hairline) solid var(--dark-white); }
:where(.page-uma-library, .page-uma-marketplace) .drawer-show-episode { position: relative; height: auto; min-height: 0; overflow: hidden; background: var(--platform-spotify); border-radius: var(--app-default-radius-md); }
:where(.page-uma-library, .page-uma-marketplace) .drawer-show-episode--video { display: flex; flex-direction: row; align-items: flex-start; gap: var(--gap-lg); width: 100%; max-width: none; padding: var(--gap-sm) 0; background: transparent; border-radius: 0; }
:where(.page-uma-library, .page-uma-marketplace) .drawer-show-episode-player { position: relative; width: 100%; height: auto; min-height: 0; line-height: 0; background: var(--platform-spotify); }
:where(.page-uma-library, .page-uma-marketplace) .drawer-show-episode-frame { display: block; width: 100%; height: var(--platform-spotify-height-compact); border: none; }
:where(.page-uma-library, .page-uma-marketplace) .drawer-show-episode-video-thumb { position: relative; flex: 0 0 auto; width: var(--episode-thumb-width); aspect-ratio: var(--carouselle-card-ratio-video); border-radius: var(--app-default-radius-md); overflow: hidden; background: var(--dark-white); }
:where(.page-uma-library, .page-uma-marketplace) .drawer-show-episode-video-img { display: block; width: 100%; height: 100%; object-fit: cover; }
:where(.page-uma-library) .drawer-show-episode-corner-mask { position: absolute; top: 0; right: 0; z-index: 4; width: var(--wand-earmark-size); height: var(--wand-earmark-size); background: var(--platform-spotify); border-top-right-radius: var(--app-default-radius-md); pointer-events: none; }
:where(.page-uma-library) .drawer-show-episode--video .drawer-show-episode-corner-mask { display: none; }
:where(.page-uma-library, .page-uma-marketplace) .drawer-show-episode-earmark { position: absolute; top: 0; right: 0; z-index: 5; opacity: 1; pointer-events: auto; border-top-right-radius: var(--app-default-radius-lg); overflow: hidden; }
:where(.page-uma-library) .episode-earmark-corner { border-color: transparent var(--yellow) transparent transparent; opacity: 0; transition: opacity var(--transition-base) ease; }
:where(.page-uma-library) .drawer-show-episode-earmark[aria-pressed="true"] .episode-earmark-corner { opacity: 1; }
:where(.page-uma-library, .page-uma-marketplace) .episode-earmark-icon { color: var(--bright-white); }
:where(.page-uma-library, .page-uma-marketplace) .drawer-show-episode-earmark[aria-pressed="true"] .episode-earmark-icon { color: var(--navy); }
:where(.page-uma-library, .page-uma-marketplace) .drawer-show-episode-video-meta { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: var(--gap-xs); padding: 0; }
:where(.page-uma-library, .page-uma-marketplace) .uma-library-card-meta-right { position: relative; flex-shrink: 0; margin-left: var(--gap-sm); font-size: var(--body-text-xs); font-weight: var(--font-weight-normal); color: var(--t-card-figure); white-space: nowrap; }
:where(.page-uma-library) .uma-library-video-card-clickable { cursor: pointer; }
:where(.page-uma-library) .uma-library-search-results-tab.selected { color: var(--bright-white); }
@media (max-width: 899px) {
  :where(.page-uma-library) .drawer-split-pill-price { font-size: var(--body-text-sm); }
  :where(.page-uma-library) .drawer-buy-dropdown-item { min-height: var(--button-size-md); font-size: var(--body-text-sm); }
}
@media (max-width: 499px) {
  :where(.page-uma-library) .drawer-app-store-label[data-short] { font-size: 0; }
  :where(.page-uma-library) .drawer-app-store-label[data-short]::before { content: attr(data-short); font-size: var(--body-text-sm); }
  :where(.page-uma-library) .drawer-media-listen-label[data-short] { font-size: 0; }
  :where(.page-uma-library) .drawer-media-listen-label[data-short]::before { content: attr(data-short); font-size: var(--body-text-sm); }
}
@media (max-width: 600px) {
  :where(.page-uma-library) .buy-dropdown-item-compact { min-height: var(--button-size-md); }
}
@media (max-width: 599px) {
  :where(.page-uma-library, .page-uma-marketplace) .drawer-show-episode--video { flex-direction: column; flex: 0 0 auto; scroll-snap-align: start; }
}
@media (hover: hover) {
  :where(.page-uma-library) .uma-wishlist-earmark--on-light-image:not(.uma-wishlist-earmark--added) .uma-wishlist-earmark-icon { color: var(--mid-charcoal); }
}
@media (hover: none) {
  :where(.page-uma-library, .page-uma-marketplace) .uma-wishlist-earmark { opacity: 1; top: var(--app-default-top-bottom-margin-sm); right: var(--app-default-top-bottom-margin-sm); width: var(--button-size-xs); height: var(--button-size-xs); background: var(--dark-white); border-radius: var(--radius-circle); overflow: visible; display: flex; align-items: center; justify-content: center; }
  :where(.page-uma-library, .page-uma-marketplace) .uma-wishlist-earmark-corner { display: none; }
  :where(.page-uma-library, .page-uma-marketplace) .uma-wishlist-earmark-icon { position: static; color: var(--navy); font-size: var(--button-icon-md); }
  :where(.page-uma-library, .page-uma-marketplace) .uma-wishlist-earmark--added { top: 0; right: 0; width: var(--wand-earmark-size); height: var(--wand-earmark-size); background: transparent; border-radius: 0 var(--app-default-radius-lg) 0 0; overflow: hidden; display: block; }
  :where(.page-uma-library, .page-uma-marketplace) .uma-wishlist-earmark--added .uma-wishlist-earmark-corner { display: block; }
  :where(.page-uma-library, .page-uma-marketplace) .uma-wishlist-earmark--added .uma-wishlist-earmark-icon { position: absolute; top: var(--wand-icon-top); right: var(--wand-icon-right); color: var(--bright-white); font-size: var(--button-icon-xl); }
}
:where(.page-uma-library, .page-uma-marketplace) .video-inline-player { display: none; width: 100%; margin-top: var(--app-default-top-bottom-margin-xxl); }
:where(.page-uma-library, .page-uma-marketplace) .video-inline-player.is-open { display: block; }
:where(.page-uma-library) .uma-featured-flow { width: 100%; }
:where(.page-uma-library .uma-add-split-pill-icon) .ph-fill { font-size: var(--button-icon-xxl); line-height: var(--default-line-height-single); }
:where(.page-uma-library) .is-template { pointer-events: none; margin-bottom: var(--confirm-card-gap, var(--app-default-top-bottom-margin-lg)); }
:where(.page-uma-library) .confirm-card-media { position: relative; }
:where(.page-uma-library) .confirm-card-media::after { content: ''; position: absolute; inset: 0; z-index: 2; border-radius: inherit; background: rgba(var(--black-rgb), var(--opacity-high)); opacity: var(--confirm-card-dim); pointer-events: none; transition: opacity var(--transition-base) ease; }
:where(.page-uma-library) .confirm-card-media-video::before { content: ''; position: absolute; inset: 0; z-index: 2; border-radius: inherit; background: rgba(var(--black-rgb), var(--opacity-high)); opacity: var(--confirm-card-dim-video); pointer-events: none; }
:where(.page-uma-library) .uma-library-podcast-card-artwork-image { display: block; width: 100%; height: 100%; object-fit: cover; }
:where(.page-uma-library) .confirm-card-body { align-items: center; padding-bottom: var(--confirm-card-body-bottom, var(--app-default-top-bottom-margin-xxl)); text-align: center; color: var(--t-flow-text); }
:where(.page-uma-library) .confirm-card-brand { justify-content: center; width: 100%; }
:where(.page-uma-library) .uma-confirm-btns--overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: var(--z-confirm-overlay); display: flex; align-items: center; justify-content: center; gap: var(--gap-md); width: auto; height: auto; margin: 0; pointer-events: none; }
:where(.page-uma-library) .uma-confirm-btn { flex-shrink: 0; width: var(--button-size-xxl); pointer-events: auto; }
:where(.page-uma-library) .uma-confirm-btn--yes-solid { background: var(--bright-white); color: var(--navy); border: none; }
:where(.page-uma-library) .uma-confirm-btn--yes-solid:hover { background: var(--bright-white); filter: brightness(0.95); }
:where(.page-uma-library) .uma-confirm-btn--no-glass { backdrop-filter: blur(var(--blur-md)); -webkit-backdrop-filter: blur(var(--blur-md)); background: rgba(var(--black-rgb), var(--opacity-low)); border: var(--stroke-hairline) solid var(--bright-white); color: var(--mid-white); }
:where(.page-uma-library) .uma-confirm-btn--no-glass:hover { background: rgba(var(--black-rgb), var(--opacity-moderate)); }
:where(.page-uma-library) .uma-form-input-invalid-icon { position: absolute; top: 0; right: 0; display: none; align-items: center; justify-content: center; width: 100%; height: 100%; min-height: 0; padding: 0; border: none; border-radius: 0 var(--btn-radius) var(--btn-radius) 0; background: var(--error); color: var(--bright-white); cursor: pointer; transition: background-color var(--transition-fast) ease; }
:where(.page-uma-library) .uma-form-input-invalid-icon:hover { background: var(--red-dark); }
:where(.page-uma-library) .form-group.has-error .uma-form-input-invalid-icon { display: flex; }
:where(.page-uma-library) .featured-identity { appearance: none; -webkit-appearance: none; border-color: var(--light-charcoal); padding-left: var(--gap-lg); padding-right: var(--sort-select-caret-room); font-size: var(--body-text-xs); cursor: pointer; }
:where(.page-uma-library) .uma-featured-upload-status { color: var(--mid-white); }
:where(.page-uma-library) .uma-video-drawer { position: fixed; top: var(--fixed-header-height); left: var(--sidebar-width); right: 0; bottom: 0; z-index: var(--z-video-drawer); display: none; flex-direction: column; background: var(--black); }
:where(.page-uma-library) .uma-video-drawer.is-open { display: flex; }
:where(.page-uma-library) .uma-video-drawer-close { position: absolute; top: var(--app-default-top-bottom-margin-md); right: var(--app-default-top-bottom-margin-md); z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: var(--button-size-md); height: var(--button-size-md); padding: 0; border: var(--stroke-hairline) solid var(--bright-white); border-radius: var(--radius-circle); background: transparent; color: var(--bright-white); font-size: var(--button-icon-md); cursor: pointer; transition: background var(--transition-base); }
:where(.page-uma-library) .uma-video-drawer-close:hover { background: rgba(var(--bright-white-rgb), var(--opacity-low)); }
:where(.page-uma-library) .uma-video-drawer-content { flex: 1 1 0%; display: flex; align-items: center; justify-content: center; }
:where(.page-uma-library) .uma-video-drawer-iframe { display: block; width: 100%; height: 100%; border: none; }
@media (max-width: 600px) {
  :where(.page-uma-library) .uma-video-drawer { top: 0; left: 0; }
}
:where(.page-uma-library).drawer-scroll-lock { overflow: hidden; overscroll-behavior: none; touch-action: none; }
:where(.page-uma-library) .drawer-scroll-lock { touch-action: none; }
:where(.page-uma-library) .pill-filter-item::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: max(100%, var(--hit-area-comfort)); height: max(100%, var(--hit-area-comfort)); }
:where(.page-uma-library, .page-uma-marketplace) .is-hidden { display: none !important; }
:where(.page-uma-library, .page-uma-marketplace, .page-uma-discounts, .page-uma-reviews, .page-statistics) :focus-visible { outline: none; }
:where(.page-uma-library, .page-uma-marketplace, .page-uma-discounts, .page-uma-reviews, .page-statistics) :is(button, [role="button"], [role="tab"], [role="switch"], .btn):focus-visible:where(:not(.uma-input-pointer *)):focus { outline: var(--focus-outline-width) solid var(--focus-outline-color); outline-offset: var(--focus-ring-offset); }
:where(.page-uma-library, .page-uma-marketplace, .page-uma-discounts, .page-uma-reviews, .page-statistics) input:focus-visible:where(:not(.uma-input-pointer *)) ~ .switch-track { outline: var(--focus-outline-width) solid var(--focus-outline-color); outline-offset: var(--focus-ring-offset); }
:where(.page-uma-library) .has-error:focus-within:where(:not(.uma-input-pointer *)) { border-color: var(--error); border-width: var(--field-border-active); }
@media (max-height: 640px) {
  :where(.page-uma-library) .uma-wishlist-drawer { overflow-y: auto; }
}
@media (max-height: 500px) {
  :where(.page-uma-library) .uma-library-sticky-container { position: relative; }
  :where(.page-uma-library) .uma-filter-drawer.is-open { height: auto; max-height: none; }
  :where(.page-uma-library) .uma-filter-drawer-open { overflow: auto; }
}
:where(.page-uma-library) .uma-video-drawer-content { min-height: 0; }

/* PART B (written by hand, 3 Oct 2026): the library picks section and the Uma big screen reel.
   Flat BEM classes, tokens from UMA.css :root. No ids, no !important, no
   text-transform, no inline styles: the reel's per-frame numbers are custom
   properties the script writes into one constructed stylesheet rule per reel.

   NEW TOKENS (for the relay, if this moves into UMA.css):
     --big-screen-reel-radius-start: 24px;   her card corner at rest
     --big-screen-reel-title-size: 3.5rem;   her title size, 900px and up
     --big-screen-reel-travel: 100vh;        how far she scrolls while the card grows
   Existing tokens used: --font-weight-black (900), --opacity-near-full (0.9),
   --opacity-moderate (0.5, the thumbnail's dimmest), --bright-white,
   --heading-size-xl, --heading-size-sm, --body-text-sm, --gap-md, --gap-xl,
   --button-size-xxl, --default-line-height-single,
   --sidebar-width (only through the content wrapper, never typed in). */

/* ── Library picks ───────────────────────────────────────────── */
/* The library's own panel and rail are styled by PART A; this only lets the
   rail use the section's full bleed, as the Learn page carousels do. */
.learn-library-picks { width: 100%; }
.learn-library-picks__panel { width: 100%; }

/* ── Uma big screen reel ─────────────────────────────────────── */
.uma-big-screen-reel {
  --big-screen-reel-radius-start: 24px;
  --big-screen-reel-title-size: 3.5rem;
  --big-screen-reel-travel: 100vh;
  --reel-top: 0px;
  --reel-progress: 0;
  --reel-scale: 1;
  --reel-x: 0px;
  --reel-y: 0px;
  --reel-radius: var(--big-screen-reel-radius-start);
  --reel-dim: 1;
  position: relative;
  height: calc(100vh + var(--big-screen-reel-travel));
}
.uma-big-screen-reel__stage {
  position: sticky;
  top: var(--reel-top);
  height: calc(100vh - var(--reel-top));
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}
.uma-big-screen-reel__library {
  position: relative;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.uma-big-screen-reel__panel {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.uma-big-screen-reel__rail {
  flex: 1 1 auto;
  align-items: flex-start;
  padding-top: var(--reel-rail-pad, var(--app-default-top-bottom-margin-xl));   /* the script centres the selected card in the stage */
  overflow-y: hidden;
  scroll-snap-type: none;   /* the library rail snaps to card edges, which would undo the centring */
}
.uma-big-screen-reel__card { position: relative; }
.uma-big-screen-reel__card--active { z-index: 2; }
.uma-big-screen-reel__media {
  position: relative;
  z-index: 1;   /* above the card's own title while it grows */
  transform-origin: center center;
  transform: translate(var(--reel-x), var(--reel-y)) scale(var(--reel-scale));
  border-radius: var(--reel-radius);
  transition: none;   /* the library eases its hover zoom; here the scroll drives every frame */
}
.uma-big-screen-reel__thumb {
  border-radius: var(--reel-radius);
  filter: brightness(var(--reel-dim));
  transition: none;
}
.uma-big-screen-reel__card-body { opacity: calc(1 - var(--reel-progress)); }
.uma-big-screen-reel__card-control--hidden { visibility: hidden; }

/* "Uma big screen", the title and the play button, over the full-size card */
.uma-big-screen-reel__overlay {
  position: absolute;
  left: var(--reel-box-left);
  top: var(--reel-box-top);
  width: var(--reel-box-width);
  height: var(--reel-box-height);
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-md);
  padding: var(--gap-md);
  text-align: center;
  pointer-events: none;
}
.uma-big-screen-reel__overlay[hidden] { display: none; }
.uma-big-screen-reel__eyebrow {
  margin: 0;
  font-family: inherit;
  font-weight: var(--font-weight-black);
  font-size: var(--body-text-sm);
  color: var(--bright-white);
  opacity: var(--opacity-near-full);
}
.uma-big-screen-reel__title {
  margin: 0;
  max-width: 20ch;
  font-family: inherit;
  font-weight: var(--font-weight-black);
  font-size: var(--heading-size-sm);
  line-height: var(--default-line-height-single);
  color: var(--bright-white);
  opacity: var(--opacity-near-full);
  text-align: center;
}
.uma-big-screen-reel__play-slot {
  position: relative;
  width: var(--button-size-xxl);
  height: var(--button-size-xxl);
  flex: 0 0 auto;
  pointer-events: auto;
}
.uma-big-screen-reel__player {
  position: absolute;
  left: var(--reel-box-left);
  top: var(--reel-box-top);
  width: var(--reel-box-width);
  height: var(--reel-box-height);
  z-index: 4;
}
.uma-big-screen-reel__player[hidden] { display: none; }
.uma-big-screen-reel__frame { width: 100%; height: 100%; border: 0; display: block; }

@media (min-width: 600px) {
  .uma-big-screen-reel__title { font-size: var(--heading-size-xl); }
}
@media (min-width: 900px) {
  .uma-big-screen-reel__title { font-size: var(--big-screen-reel-title-size); }
  .uma-big-screen-reel__overlay { gap: var(--gap-xl); }
}

/* Reduce motion: no pinning and no scaling, just the card. The script puts
   these modifiers on the section, the stage and the card media. */
.uma-big-screen-reel--still { height: auto; }
.uma-big-screen-reel__stage--still { position: static; height: auto; }
.uma-big-screen-reel__media--still { transform: none; }

/* PART B (written by hand, 6 Oct 2026, captions button session). Search: CAPTIONS BUTTON
   The CC button that /uma-video-captions.js v2 adds to a video bio in the video drawer.
   about-adhd, about-autism and somatic-super-syndrome do not load UMA.css, so the
   drawer's lines from UMA.css's CAPTIONS BUTTON block are repeated here, inside the
   library wrapper. Same tokens, same look: the voice button's size and see-through,
   a full focus ring with a gap, a larger hit area that cannot be seen. */
.page-uma-library .uma-video-drawer .video-controls-row--own {
  position: absolute;
  top: var(--app-default-top-bottom-margin-md);
  right: calc(var(--app-default-top-bottom-margin-md) + var(--button-size-md) + var(--gap-sm));
  z-index: 2;
  display: flex;
  align-items: center;
  gap: var(--gap-sm);
  height: var(--button-size-md);
}
.page-uma-library .uma-video-drawer .video-captions-btn {
  position: relative;
  flex: none;
  width: var(--button-size-sm);
  height: var(--button-size-sm);
  padding: 0;
  border: none;
  border-radius: var(--radius-circle);
  background-color: transparent;
  color: var(--bright-white);
  cursor: pointer;
  opacity: var(--opacity-very-high);
  transition: opacity var(--transition-base) ease;
}
.page-uma-library .uma-video-drawer .video-captions-btn:hover { opacity: var(--opacity-visible); }
.page-uma-library .uma-video-drawer .video-captions-btn svg { display: block; pointer-events: none; }
.page-uma-library .uma-video-drawer .video-captions-btn[aria-pressed="true"] .video-captions-icon-off,
.page-uma-library .uma-video-drawer .video-captions-btn:not([aria-pressed="true"]) .video-captions-icon-on { display: none; }
.page-uma-library .uma-video-drawer .video-captions-btn:focus-visible:where(:not(.uma-input-pointer *)) {
  opacity: var(--opacity-visible);
  outline: var(--focus-outline-width) solid var(--focus-outline-color);
  outline-offset: var(--focus-ring-offset);
}
.page-uma-library .uma-video-drawer .video-captions-btn::after {
  content: "";
  position: absolute;
  inset: calc((var(--button-size-sm) - var(--hit-area-comfort)) / 2);
}
.page-uma-library .uma-video-drawer video::cue {
  color: var(--bright-white);
  background-color: rgba(var(--black-rgb), var(--opacity-very-high));
}

/* phones: the drawer starts at the very top, under the light top bar, so the CC
   goes just below that bar, straight under Close */
@media (max-width: 600px) {
  .page-uma-library .uma-video-drawer .video-controls-row--own {
    top: calc(var(--fixed-header-height) + var(--app-default-top-bottom-margin-md));
    right: var(--app-default-top-bottom-margin-md);
    justify-content: center;
    width: var(--button-size-md);
  }
}

/* Bug 58. release build 91 (bug 58): the Uma big screen reel's eyebrow ("Uma big screen") sat 56 px above its
   heading at 1280 (the page's p:last-of-type margin of 2 rem plus the overlay's flex gap). It now sits the site's
   eyebrow distance above it (--app-default-top-bottom-margin-xxs, as .eyebrow). The space between the heading and
   the play button is unchanged (the overlay's old gap, now on the heading). The heading takes the weight the
   site's other headings use (h1 to h6, --font-weight-light), not black. Two classes so they win over the page's
   p:last-of-type and h2 rules. Here, not in UMA.css, because the somatic page does not load UMA.css. */
.uma-big-screen-reel .uma-big-screen-reel__overlay { row-gap: 0; }
.uma-big-screen-reel .uma-big-screen-reel__eyebrow { margin: 0 0 var(--app-default-top-bottom-margin-xxs); }
.uma-big-screen-reel .uma-big-screen-reel__title { margin: 0 0 var(--gap-md); font-weight: var(--font-weight-light); }
@media (min-width: 900px) {
  .uma-big-screen-reel .uma-big-screen-reel__title { margin-bottom: var(--gap-xl); }
}