*, ::after, ::before { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }
::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }
*, ::after, ::before { box-sizing: border-box; border: 0px solid rgb(229, 231, 235); }
::after, ::before { --tw-content: ""; }
:host, html { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: "GT America", -apple-system, BlinkMacSystemFont, sans-serif; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; }
body { margin: 0px; line-height: inherit; }
hr { height: 0px; color: inherit; border-top-width: 1px; }
abbr:where([title]) { text-decoration: underline dotted; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
b, strong { font-weight: bolder; }
code, kbd, pre, samp { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
table { text-indent: 0px; border-color: inherit; border-collapse: collapse; }
button, input, optgroup, select, textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0px; padding: 0px; }
button, select { text-transform: none; }
button, input:where([type="button"]), input:where([type="reset"]), input:where([type="submit"]) { appearance: button; background-color: transparent; background-image: none; }
progress { vertical-align: baseline; }
::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }
[type="search"] { appearance: textfield; outline-offset: -2px; }
::-webkit-search-decoration { appearance: none; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
summary { display: list-item; }
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre { margin: 0px; }
fieldset { margin: 0px; }
fieldset, legend { padding: 0px; }
menu, ol, ul { list-style: none; margin: 0px; padding: 0px; }
dialog { padding: 0px; }
textarea { resize: vertical; }
input::placeholder, textarea::placeholder { opacity: 1; color: rgb(156, 163, 175); }
[role="button"], button { cursor: pointer; }
:disabled { cursor: default; }
audio, canvas, embed, iframe, img, object, svg, video { display: block; vertical-align: middle; }
img, video { max-width: 100%; height: auto; }
[hidden]:where(:not([hidden="until-found"])) { display: none; }
:root { --text-primary: #101113; --text-secondary: rgba(16,17,19,.6); --text-tertiary: rgba(16,17,19,.35); --text-placeholder: rgba(16,17,19,.25); --background: 0 0% 100%; --background-2: #faf9f7; --background-3: #f6f5f3; --foreground: 220 9% 7%; --card: 0 0% 100%; --card-foreground: 220 9% 7%; --popover: 0 0% 100%; --popover-foreground: 220 9% 7%; --primary: 220 9% 7%; --primary-foreground: 0 0% 100%; --secondary: 220 14% 96%; --secondary-foreground: 220 9% 7%; --muted: 220 14% 96%; --muted-foreground: 220 9% 46%; --accent: 217 91% 60%; --accent-foreground: 0 0% 100%; --destructive: 0 84% 60%; --destructive-foreground: 0 0% 100%; --border: 220 13% 91%; --input: 220 13% 91%; --ring: 217 91% 60%; --radius: 0.375rem; --hover: rgba(16,17,19,.05); --active: rgba(16,17,19,.1); --selected: rgba(16,17,19,.05); --badge: rgba(16,17,19,.05); --loading: rgba(16,17,19,.05); }
* { border-color: hsl(var(--border)); }
body, html { position: fixed; width: 100%; height: 100%; overflow: hidden; overscroll-behavior: none; scroll-behavior: auto; }
#root { position: fixed; top: 0px; left: 0px; right: 0px; height: var(--app-height,100%); overflow: hidden auto; }
body { background-color: hsl(var(--background)); color: var(--text-primary); font-family: "GT America", -apple-system, BlinkMacSystemFont, system-ui, sans-serif; -webkit-font-smoothing: antialiased; font-feature-settings: "cv11", "ss01"; letter-spacing: -0.011em; }
.box-border { box-sizing: border-box; }
.flex { display: flex; }
.inline-flex { display: inline-flex; }
.h-10 { height: 2.5rem; }
.h-11 { height: 2.75rem; }
.h-8 { height: 2rem; }
.h-9 { height: 2.25rem; }
.h-\[52px\] { height: 52px; }
.w-8 { width: 2rem; }
.w-9 { width: 2.25rem; }
.w-full { width: 100%; }
.flex-none { flex: 0 0 auto; }
.cursor-pointer { cursor: pointer; }
.select-none { user-select: none; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.gap-2 { gap: 0.5rem; }
.whitespace-nowrap { white-space: nowrap; }
.rounded { border-radius: 0.25rem; }
.rounded-full { border-radius: 9999px; }
.rounded-lg { border-radius: var(--radius); }
.border { border-width: 1px; }
.border-0 { border-width: 0px; }
.border-border { border-color: hsl(var(--border)); }
.border-destructive\/40 { border-color: hsl(var(--destructive)/.4); }
.border-ds-hairline { border-color: var(--ds-hairline); }
.border-ds-ink { border-color: var(--ds-ink); }
.border-ds-redBorder { border-color: var(--ds-red-border); }
.border-ds-teal { border-color: var(--ds-teal); }
.border-transparent { border-color: transparent; }
.bg-card { background-color: hsl(var(--card)); }
.bg-destructive\/10 { background-color: hsl(var(--destructive)/.1); }
.bg-ds-ink { background-color: var(--ds-ink); }
.bg-ds-white { background-color: var(--ds-white); }
.bg-foreground { background-color: hsl(var(--foreground)); }
.bg-red-600 { --tw-bg-opacity: 1; background-color: rgb(220 38 38/var(--tw-bg-opacity,1)); }
.bg-secondary { background-color: hsl(var(--secondary)); }
.bg-transparent { background-color: transparent; }
.p-2 { padding: 0.5rem; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.font-text { font-family: "KMR Melange Grotesk", -apple-system, "Helvetica Neue", Arial, sans-serif; }
.text-\[13px\] { font-size: 13px; }
.text-\[15px\] { font-size: 15px; }
.text-sm { font-size: 0.8125rem; line-height: 1.5; }
.text-xs { font-size: 0.75rem; line-height: 1.5; }
.font-medium { font-weight: 500; }
.font-normal { font-weight: 400; }
.leading-none { line-height: 1; }
.tracking-\[-0\.01em\] { letter-spacing: -0.01em; }
.text-background { color: hsl(var(--background)); }
.text-card-foreground { color: hsl(var(--card-foreground)); }
.text-destructive { color: hsl(var(--destructive)); }
.text-ds-ink { color: var(--ds-ink); }
.text-ds-page { color: var(--ds-page); }
.text-ds-red { color: var(--ds-red); }
.text-ds-teal { color: var(--ds-teal); }
.text-textPrimary { color: var(--text-primary); }
.text-textSecondary { color: var(--text-secondary); }
.text-white { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); }
.underline-offset-4 { text-underline-offset: 4px; }
.shadow-ds-control { --tw-shadow: var(--ds-shadow-control); --tw-shadow-colored: var(--ds-shadow-control); }
.shadow-ds-control, .shadow-sm { box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),
    var(--tw-ring-shadow,0 0 #0000),
    var(--tw-shadow); }
.shadow-sm { --tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); }
.outline { outline-style: solid; }
.transition-\[background-color\,border-color\,color\,transform\] { transition-property: background-color, border-color, color, transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }
.transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }
.transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }
@keyframes enter { 
  0% { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0), var(--tw-enter-translate-y,0), 0) scale3d(var(--tw-enter-scale,1), var(--tw-enter-scale,1), var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0)); }
}
@keyframes exit { 
  100% { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0), var(--tw-exit-translate-y,0), 0) scale3d(var(--tw-exit-scale,1), var(--tw-exit-scale,1), var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0)); }
}
.\[transition-duration\:120ms\] { transition-duration: 0.12s; }
.draggable-region { display: none; }
@font-face { font-family: "GT America"; src: url("blob:null/275346ef-101b-4831-a30c-6905a192237f") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "GT America"; src: url("blob:null/3cc9c018-80ca-4c99-bd9f-5cb8b3f98425") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "GT America"; src: url("blob:null/201ed9df-969d-4b1c-937e-afdb92e51da7") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Season Mix"; src: url("blob:null/f6292f38-c853-47a6-a71f-30b350ce3667") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; font-feature-settings: "ss03", "ss06"; }
@font-face { font-family: "Season Mix"; src: url("blob:null/fe158090-0ca3-43b0-8ff6-c090691868ad") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; font-feature-settings: "ss03", "ss06"; }
@font-face { font-family: Aime; src: url("blob:null/9c5d5b43-72c8-4040-9d69-4f01b9fdbb26") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: Aime; src: url("blob:null/27360547-67eb-4864-904d-1424813f5567") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: "KMR Melange Grotesk"; src: url("blob:null/b1b074cc-cf37-48cc-87ab-0cc9f3d89318") format("truetype"); font-weight: 350; font-style: normal; font-display: swap; }
@font-face { font-family: "KMR Melange Grotesk"; src: url("blob:null/b83645bd-4162-4a6f-9f1b-ae7230b33b04") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "KMR Melange Grotesk"; src: url("blob:null/e0b24274-441c-4211-918c-5d5c7d7c394d") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "KMR Melange Grotesk"; src: url("blob:null/9112b382-6848-47f3-8275-38cc49fb5790") format("opentype"); font-weight: 600; font-style: normal; font-display: swap; }
:root { --ds-page: #fbfaf9; --ds-raised: #f4efec; --ds-white: #fff; --ds-ink: #251f21; --ds-ink-2: #585254; --ds-ink-3: #969394; --ds-ink-4: #c0bebf; --ds-hairline: #eae9ea; --ds-teal: #73a89a; --ds-red: #ed313e; --ds-red-border: #f5aaae; --ds-hover: color-mix(in srgb,#251f21 5%,transparent); --ds-hover-strong: color-mix(in srgb,#251f21 10%,transparent); --ds-hover-red: color-mix(in srgb,#ed313e 5%,transparent); --ds-scrim: rgba(46,39,41,.45); --ds-shadow-control: 0 1px 2px color-mix(in srgb,#251f21 5%,transparent); --ds-shadow-modal: 0 30px 70px rgba(46,39,41,.28); --ds-font-display: "Aime",Georgia,serif; --ds-font-text: "KMR Melange Grotesk",-apple-system,"Helvetica Neue",Arial,sans-serif; }
.font-serif { font-feature-settings: "ss03", "ss06"; }
@keyframes fade-in-up { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes fade-in-scale { 
  0% { opacity: 0; transform: scale(0.95); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes page-enter { 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes otp-caret-blink { 
  0%, 49% { opacity: 1; }
  50%, 100% { opacity: 0; }
}
.scrollbar-hide { scrollbar-width: none; }
.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-subtle { scrollbar-width: thin; scrollbar-color: hsl(var(--border)) transparent; scrollbar-gutter: stable; }
.scrollbar-subtle::-webkit-scrollbar { width: 8px; height: 8px; }
.scrollbar-subtle::-webkit-scrollbar-track { background: transparent; }
.scrollbar-subtle::-webkit-scrollbar-thumb { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; border-radius: 9999px; border: 2px solid transparent; background-clip: padding-box; }
.dark .bg-white { background-color: hsl(var(--card)); }
.dark .bg-white\/20 { background-color: hsl(var(--card)/.2); }
.dark .bg-gray-100, .dark .bg-gray-50 { background-color: hsl(var(--muted)); }
.dark .bg-gray-200 { background-color: hsl(var(--muted)/.85); }
.dark .bg-gray-800, .dark .bg-gray-900 { background-color: hsl(var(--background)); }
.dark .text-black { color: hsl(var(--foreground)); }
.dark .text-black\/80 { color: hsl(var(--foreground)/.8); }
.dark .text-black\/70 { color: hsl(var(--foreground)/.7); }
.dark .text-black\/40, .dark .text-black\/50, .dark .text-black\/60 { color: hsl(var(--muted-foreground)); }
.dark .text-black\/15, .dark .text-black\/20, .dark .text-black\/25, .dark .text-black\/30 { color: hsl(var(--muted-foreground)/.85); }
.dark .border-black, .dark .border-black\/10, .dark .border-black\/15, .dark .border-black\/20, .dark .border-black\/25, .dark .border-black\/30, .dark .border-black\/40, .dark .border-black\/5, .dark .border-black\/50, .dark .border-gray-100, .dark .border-gray-200, .dark .border-gray-300 { border-color: hsl(var(--border)); }
.dark .bg-black { background-color: hsl(var(--foreground)); }
.dark .bg-black\/5 { background-color: hsl(var(--foreground)/.08); }
.dark .bg-black\/10 { background-color: hsl(var(--foreground)/.12); }
.dark .bg-black\/20 { background-color: hsl(var(--foreground)/.18); }
.dark .bg-black\/25 { background-color: hsl(var(--foreground)/.22); }
.dark .hover\:bg-gray-100:hover, .dark .hover\:bg-gray-50:hover { background-color: hsl(var(--muted)); }
.dark .hover\:bg-gray-200:hover { background-color: hsl(var(--muted)/.85); }
.dark .hover\:bg-white:hover { background-color: hsl(var(--card)); }
.dark .hover\:border-black\/20:hover, .dark .hover\:border-gray-300:hover { border-color: hsl(var(--border)); }
.dark .hover\:text-black:hover { color: hsl(var(--foreground)); }
@font-face { font-family: Aime; src: url("blob:null/81f0d542-dbe4-4c3d-9df8-2541a8359953") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
.hover\:scale-105:hover { --tw-scale-x: 1.05; --tw-scale-y: 1.05; }
.hover\:scale-105:hover, .hover\:scale-\[1\.02\]:hover { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.hover\:scale-\[1\.02\]:hover { --tw-scale-x: 1.02; --tw-scale-y: 1.02; }
.hover\:bg-destructive\/20:hover { background-color: hsl(var(--destructive)/.2); }
.hover\:bg-destructive\/5:hover { background-color: hsl(var(--destructive)/.05); }
.hover\:bg-ds-hover:hover { background-color: var(--ds-hover); }
.hover\:bg-foreground\/90:hover { background-color: hsl(var(--foreground)/.9); }
.hover\:bg-muted:hover { background-color: hsl(var(--muted)); }
.hover\:bg-red-700:hover { --tw-bg-opacity: 1; background-color: rgb(185 28 28/var(--tw-bg-opacity,1)); }
.hover\:bg-secondary\/80:hover { background-color: hsl(var(--secondary)/.8); }
.hover\:text-textPrimary:hover { color: var(--text-primary); }
.hover\:underline:hover { text-decoration-line: underline; }
.focus-visible\:outline-none:focus-visible { outline: transparent solid 2px; outline-offset: 2px; }
.focus-visible\:ring-2:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow,0 0 #0000); }
.focus-visible\:ring-ds-ink4:focus-visible { --tw-ring-color: var(--ds-ink-4); }
.focus-visible\:ring-ring\/40:focus-visible { --tw-ring-color: hsl(var(--ring)/0.4); }
.focus-visible\:ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; }
.active\:scale-100:active { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.active\:bg-ds-hoverStrong:active { background-color: var(--ds-hover-strong); }
.disabled\:pointer-events-none:disabled { pointer-events: none; }
.disabled\:scale-100:disabled { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.disabled\:cursor-default:disabled { cursor: default; }
.disabled\:border-ds-hairline:disabled { border-color: var(--ds-hairline); }
.disabled\:bg-transparent:disabled { background-color: transparent; }
.disabled\:text-ds-ink4:disabled { color: var(--ds-ink-4); }
.disabled\:opacity-50:disabled { opacity: 0.5; }
.disabled\:shadow-none:disabled { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),
    var(--tw-ring-shadow,0 0 #0000),
    var(--tw-shadow); }
@media not all and (min-width: 768px) {
  .max-md\:flex { display: flex; }
  .max-md\:h-\[52px\] { height: 52px; }
  .max-md\:w-full { width: 100%; }
  .max-md\:rounded-lg { border-radius: var(--radius); }
  .max-md\:text-\[15px\] { font-size: 15px; }
  .max-md\:hover\:scale-\[1\.02\]:hover { --tw-scale-x: 1.02; --tw-scale-y: 1.02; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
}
@media (min-width: 768px) {
  .md\:px-4 { padding-left: 1rem; padding-right: 1rem; }
}
.\[\&_svg\]\:pointer-events-none svg { pointer-events: none; }
.\[\&_svg\]\:size-4 svg { width: 1rem; height: 1rem; }
.\[\&_svg\]\:h-4 svg { height: 1rem; }
.\[\&_svg\]\:w-4 svg { width: 1rem; }
.\[\&_svg\]\:shrink-0 svg { flex-shrink: 0; }
:root { --file-shadow: 0 1px 2px rgb(37 31 33 / 6%), 0 6px 18px rgb(37 31 33 / 5%); --file-pad-x: 24px; --file-col: 200px; --file-product-col: 300px; --file-text: 14px; --file-small: 12px; --file-button-roll: 320ms; --file-low-stock: #d59b53; }
.file-ground { box-sizing: border-box; min-height: 100%; padding: 24px 16px; background: var(--ds-raised); color: var(--ds-ink); font-family: var(--ds-font-text); font-size: var(--file-text); font-weight: 350; line-height: 24px; letter-spacing: -0.01em; -webkit-font-smoothing: antialiased; }
.file-card { box-sizing: border-box; width: 100%; max-width: 1040px; margin: 0px auto; padding: 24px var(--file-pad-x); background: var(--ds-page); color: var(--ds-ink); display: flex; flex-direction: column; gap: 48px; font-family: var(--ds-font-text); font-size: var(--file-text); font-weight: 350; line-height: 24px; letter-spacing: -0.01em; }
.file-card[data-width="phone"] { max-width: 390px; }
.file-ground .file-card { border-radius: 24px; box-shadow: var(--file-shadow); }
.file-card > * { min-width: 0px; }
.file-card a { color: var(--ds-ink); }
.file-card :focus-visible { outline: 2px solid var(--ds-ink); outline-offset: 2px; }
.file-strong { font-weight: 600; }
.file-secondary { color: var(--ds-ink-2); }
.file-known { color: var(--ds-teal); font-weight: 600; }
.file-unavailable { color: var(--ds-ink-4); text-decoration: line-through; }
.file-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }
.file-header { display: flex; flex-direction: column; gap: 24px; }
.file-title { margin: 0px; font-family: var(--ds-font-display); font-weight: 400; font-size: 28px; line-height: 1.1; letter-spacing: -0.025em; text-wrap: balance; }
.file-fact { margin: 0px; color: var(--ds-ink-2); font-weight: 400; }
.file-fact.is-known { color: var(--ds-teal); font-weight: 600; }
.file-intro { margin: 12px 0px 0px; line-height: 24px; text-wrap: pretty; }
.file-group { display: flex; flex-direction: column; gap: 24px; }
.file-group-label { margin: 0px; font: inherit; color: var(--ds-ink-2); }
.file-group-heading { margin: 0px; font-family: var(--ds-font-display); font-weight: 400; font-size: 21px; line-height: 1.1; letter-spacing: -0.025em; }
.file-rows { display: flex; flex-direction: column; }
.file-row { display: flex; align-items: flex-start; gap: 16px; padding: 12px 0px; border-bottom: 1px solid var(--ds-hairline); }
.file-row:last-child { border-bottom: 0px; }
.file-row-slot { flex: 0 0 auto; width: 40px; height: 40px; border-radius: 3px; background: var(--ds-raised); overflow: hidden; }
.file-row-slot img { display: block; width: 100%; height: 100%; object-fit: cover; }
.file-row-slot.is-number { width: 24px; height: auto; background: none; color: var(--ds-ink-2); }
.file-row-slot.is-number::after, .file-step-n::after { content: "."; }
.file-row-main { display: flex; flex-direction: column; flex: 1 1 0%; min-width: 0px; }
.file-row-detail { color: var(--ds-ink-2); }
.file-row-value { flex: 0 0 auto; font-weight: 600; text-align: right; }
.file-facts { display: flex; flex-direction: column; margin: 0px; }
.file-facts > div { display: grid; grid-template-columns: min(var(--file-col), 38%) minmax(0, 1fr); padding: 12px 0px; border-bottom: 1px solid var(--ds-hairline); }
.file-facts > div:last-child { border-bottom: 0px; }
.file-facts dt { color: var(--ds-ink-2); padding-right: 16px; }
.file-facts dd { margin: 0px; }
.file-text { display: flex; flex-direction: column; gap: 32px; }
.file-heading { display: flex; flex-direction: column; }
.file-p { margin: 0px; line-height: 24px; text-wrap: pretty; }
.file-bullets { margin: 0px; padding: 0px 0px 0px 20px; list-style: disc; display: flex; flex-direction: column; gap: 8px; line-height: 24px; }
.file-bullets li { display: list-item; padding-left: 2px; }
.file-bar { position: relative; padding-left: 16px; }
.file-bar::before { content: ""; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 2px; border-radius: 1px; background: var(--ds-hairline); }
.file-key { margin: 0px; font-weight: 600; line-height: 24px; }
.file-figure { margin: 0px; display: flex; flex-direction: column; gap: 12px; }
.file-figure img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 4px; background: var(--ds-raised); }
.file-caption, .file-figure figcaption { margin: 0px; color: var(--ds-ink-2); font-size: var(--file-small); line-height: 20px; text-wrap: pretty; }
.file-photos + .file-caption { margin-top: 12px; }
.file-card > .file-photos + .file-caption { margin-top: -36px; }
.file-text > .file-photos + .file-caption { margin-top: -20px; }
.file-group > .file-photos + .file-caption, .file-chart + .file-caption, .file-table-scroll + .file-caption { margin-top: -12px; }
.file-rule { margin: 8px 0px; border: 0px; height: 1px; background: var(--ds-hairline); }
.file-link { color: var(--ds-ink); overflow-wrap: anywhere; text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-underline-offset: 3px; text-decoration-color: var(--ds-ink-4); }
.file-link:hover { text-decoration-color: currentcolor; }
.file-callout { display: flex; flex-direction: column; gap: 4px; text-wrap: pretty; }
.file-callout[data-tone="warning"] { padding: 16px; border-radius: 8px; background: var(--ds-raised); color: var(--ds-ink); }
.file-callout[data-tone="warning"]::before { display: none; }
.file-callout[data-tone="danger"] { color: var(--ds-red); }
.file-callout[data-tone="danger"]::before { background: var(--ds-red); }
.file-steps { margin: 0px; padding: 0px; list-style: none; display: flex; flex-direction: column; }
.file-steps li { display: flex; gap: 8px; padding: 12px 0px; border-bottom: 1px solid var(--ds-hairline); text-wrap: pretty; }
.file-steps li:last-child { border-bottom: 0px; }
.file-steps li > span:last-child { min-width: 0px; flex: 1 1 0%; overflow-wrap: anywhere; }
.file-step-n { flex: 0 0 auto; width: 24px; color: var(--ds-ink-2); }
.file-table-scroll { position: relative; overflow-x: auto; margin-inline: calc(-1 * var(--file-pad-x)); padding-inline: var(--file-pad-x) 0; scroll-padding-inline: var(--file-pad-x) 0; }
.file-table { table-layout: fixed; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.file-table th, .file-table td { padding: 12px 16px 12px 0px; border-bottom: 1px solid var(--ds-hairline); text-align: left; vertical-align: top; font-weight: 350; overflow-wrap: anywhere; }
.file-table tbody tr:last-child th, .file-table tbody tr:last-child td { border-bottom: 0px; }
.file-table thead th { padding-top: 0px; }
.file-table thead th .file-secondary { margin-left: 8px; }
.file-table tbody th { color: var(--ds-ink-2); }
.file-table td.is-best, .file-table td.file-product-price { font-weight: 600; }
.file-table.is-products { font-variant-numeric: normal; }
.file-table.is-products thead th { padding-bottom: 20px; vertical-align: top; }
.file-cell-label { display: block; color: var(--ds-ink-2); font-size: var(--file-small); line-height: 20px; font-weight: 350; }
.file-product-head { display: flex; flex-direction: column; }
.file-product-head-photo { position: relative; display: block; margin-bottom: 12px; }
.file-product-head-photo img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 12px; background: var(--ds-raised); }
.file-product-head-photo > .file-product-empty { display: grid; aspect-ratio: 1 / 1; border-radius: 12px; background: var(--ds-raised); padding: 16px; }
.file-photos { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: 8px; min-width: 0px; }
.file-photos img { display: block; width: 100%; min-width: 0px; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 8px; background: var(--ds-raised); }
.file-photos[data-layout="strip"] { display: flex; align-items: flex-start; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.file-photos[data-layout="strip"]::-webkit-scrollbar { display: none; }
.file-photos[data-layout="strip"] img { flex: 0 0 auto; width: 85%; max-width: 480px; aspect-ratio: auto; scroll-snap-align: start; }
[data-can-drag], [data-can-drag] .file-product-toggle, [data-can-drag] .file-product-zoom { cursor: grab; }
[data-drag-scroll] { position: relative; }
[data-drag-scroll][data-dragging] { scroll-snap-type: none; user-select: none; }
[data-dragging], [data-dragging] .file-product-toggle, [data-dragging] .file-product-zoom { cursor: grabbing; }
.file-photos.is-single img { width: 100%; max-width: none; aspect-ratio: auto; }
.file-bleed { margin-inline: calc(-1 * var(--file-pad-x)); padding-inline: var(--file-pad-x); scroll-padding-inline: var(--file-pad-x); }
.file-recommendations { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr)); gap: 20px; align-items: start; }
.file-recommendation { min-width: 0px; padding: 20px; border: 1px solid var(--ds-hairline); border-radius: 18px; background: var(--ds-white); }
.file-recommendation-header { margin-bottom: 20px; }
.file-recommendation-meta { display: flex; align-items: center; gap: 8px; min-height: 24px; margin-bottom: 10px; }
.file-recommendation-number { flex: 0 0 auto; margin-right: 4px; color: var(--ds-ink-2); font-size: var(--file-small); font-weight: 500; }
.file-recommendation-eyebrow { min-width: 0px; margin: 0px; color: var(--ds-ink-2); font-size: 12px; line-height: 18px; overflow-wrap: anywhere; }
.file-recommendation-badge { flex: 0 0 auto; margin-left: auto; padding: 2px 7px; border: 1px solid var(--ds-hairline); border-radius: 4px; background: var(--ds-page); color: var(--ds-ink); font-size: 11px; line-height: 18px; font-weight: 500; }
.file-recommendation-title { margin: 0px; font-family: var(--ds-font-display); font-size: 24px; line-height: 1.15; font-weight: 400; letter-spacing: -0.025em; overflow-wrap: anywhere; }
.file-recommendation-photos { margin: 0px 0px 20px; }
.file-recommendation-photos .file-photos:not(.is-single) img { aspect-ratio: 4 / 3; }
.file-recommendation-photos > figcaption { margin-top: 12px; }
.file-recommendation-content { display: flex; flex-direction: column; gap: 24px; }
.file-recommendation-content > * { min-width: 0px; }
.file-recommendation-links { display: flex; flex-wrap: wrap; gap: 12px 20px; margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--ds-hairline); }
.file-recommendation-links a { display: inline-flex; align-items: center; min-height: 44px; }
.file-chart { display: flex; flex-direction: column; gap: 12px; padding: 16px; border-radius: 8px; background: var(--ds-white); font-size: var(--file-small); line-height: 20px; }
.file-chart-head { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; color: var(--ds-ink-2); }
.file-chart-head > span:first-child { min-width: 0px; text-wrap: pretty; }
.file-chart-head > span + span { flex: 0 0 auto; white-space: nowrap; }
.file-chart svg { display: block; width: 100%; height: auto; overflow: visible; }
.file-chart.is-drawn { max-width: 420px; }
.file-chart-axis { display: flex; justify-content: space-between; gap: 12px; color: var(--ds-ink-2); white-space: nowrap; }
.file-sparklines { display: flex; flex-direction: column; }
.file-sparkline { display: grid; grid-template-columns: 1fr 110px 56px; gap: 16px; align-items: center; padding: 8px 0px; border-bottom: 1px solid var(--ds-hairline); }
.file-sparkline:last-child { border-bottom: 0px; }
.file-sparkline svg { width: 110px; height: 32px; }
.file-sparkline-delta { text-align: right; font-weight: 600; }
.file-sparkline.is-highlight .file-sparkline-name { font-weight: 600; }
.file-sparkline.is-highlight .file-sparkline-delta { color: var(--ds-teal); font-weight: 600; }
.file-ranges { display: flex; flex-direction: column; gap: 28px; }
.file-range { display: grid; grid-template-columns: 104px 1fr; gap: 12px; align-items: center; }
.file-range-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.file-range-track { position: relative; height: 20px; }
.file-range-line { position: absolute; left: 0px; right: 0px; top: 9px; height: 1px; background: var(--ds-hairline); }
.file-range-band { position: absolute; top: 7px; height: 6px; border-radius: 3px; background: var(--ds-page); }
.file-range-now { position: absolute; top: 4px; width: 12px; height: 12px; margin-left: -6px; border-radius: 50%; background: var(--file-series, var(--ds-ink-2)); }
.file-range.is-highlight .file-range-now { background: var(--ds-teal); }
.file-range-scale { display: grid; grid-template-columns: 104px 1fr; gap: 12px; }
.file-stack-bar { display: flex; height: 16px; gap: 2px; border-radius: 3px; overflow: hidden; }
.file-stack-parts { display: flex; flex-direction: column; }
.file-stack-part { display: flex; align-items: center; gap: 12px; padding: 8px 0px; border-bottom: 1px solid var(--ds-hairline); }
.file-stack-part:last-child { border-bottom: 0px; }
.file-stack-swatch { flex: 0 0 auto; width: 10px; height: 10px; border-radius: 2px; box-shadow: inset 0 0 0 1px var(--ds-hairline); }
.file-stack-part span:nth-child(2) { flex: 1 1 0%; }
.file-stack-share { color: var(--ds-ink-2); }
.file-button { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 32px; padding: 0px 16px; border: 1px solid var(--ds-hairline); border-radius: 4px; background: var(--ds-white); color: var(--ds-ink); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-weight: 400; line-height: 1; letter-spacing: -0.01em; white-space: nowrap; text-decoration: none; align-self: flex-start; max-width: 100%; box-shadow: var(--ds-shadow-control); cursor: pointer; transition: background-color 120ms, border-color 120ms, color 120ms, transform 120ms; }
.file-button.is-compact { padding: 0px 16px; }
.file-button.is-pill { border-radius: 999px; --file-button-icon-pad: 10px; }
.file-button.is-pill:has(> svg:first-child, > .file-button-slot > .file-button-face:last-child > svg:first-child) { padding-inline-start: var(--file-button-icon-pad); }
.file-button.is-pill:has(> svg:last-child, > .file-button-slot > .file-button-face:last-child > svg:last-child) { padding-inline-end: var(--file-button-icon-pad); }
.file-button[data-state] { overflow: hidden; --file-button-inset: 8px; }
.file-button-slot { display: inline-grid; grid-template-columns: minmax(0px, auto); min-width: 0px; transition: width var(--file-button-roll) cubic-bezier(0.2, 0.8, 0.2, 1); }
.file-button-face { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 8px; width: max-content; max-width: 100%; justify-self: start; }
.file-button-label.is-short { display: none; }
@container file-actions (width < 150px) {
  .file-button-face:has(> .is-short) > .file-button-label:not(.is-short) { display: none; }
  .file-button-label.is-short { display: inline; }
}
.file-button-face.is-leaving { animation: file-button-out var(--file-button-roll) cubic-bezier(0.2, 0.8, 0.2, 1) forwards; }
.file-button-face.is-entering { animation: file-button-in var(--file-button-roll) cubic-bezier(0.2, 0.8, 0.2, 1); }
@keyframes file-button-out { 
  100% { transform: translateY(calc(-100% - var(--file-button-inset))); opacity: 0; }
}
@keyframes file-button-in { 
  0% { transform: translateY(calc(100% + var(--file-button-inset))); }
}
.file-spin { animation: 900ms linear 0s infinite normal none running file-spin; }
@keyframes file-spin { 
  100% { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  .file-button-slot { transition: none; }
  .file-button-face.is-entering, .file-spin { animation: auto ease 0s 1 normal none running none; }
  .file-button-face.is-leaving { display: none; }
}
.file-button svg { flex: 0 0 auto; }
.file-button > span:not(.file-button-slot), .file-button-label { min-width: 0px; overflow-x: clip; text-overflow: ellipsis; }
@media (hover: hover) {
  .file-button:hover { transform: scale(1.05); }
}
.file-button[data-variant="primary"] { background: var(--ds-ink); border-color: var(--ds-ink); color: var(--ds-page); }
.file-button[data-variant="ghost"] { background: transparent; border-color: transparent; box-shadow: none; }
.file-button[aria-pressed="true"] { background: var(--ds-teal); border-color: var(--ds-teal); color: var(--ds-white); }
.file-button:disabled:not([data-state]) { background: transparent; border-color: var(--ds-hairline); color: var(--ds-ink-4); box-shadow: none; cursor: default; transform: none; }
.file-button[data-state]:disabled { cursor: default; transform: none; }
.file-button.is-unavailable:disabled { text-decoration: line-through; }
.file-control { display: flex; flex-direction: column; gap: 24px; }
.file-control-head { display: flex; justify-content: space-between; gap: 16px; }
.file-control-label { color: var(--ds-ink-2); }
.file-choice-row { display: flex; gap: 8px; flex-wrap: wrap; }
.file-field { box-sizing: border-box; width: 100%; min-width: 0px; height: 40px; padding: 0px 16px; border: 1px solid var(--ds-hairline); border-radius: 4px; background: var(--ds-white); color: inherit; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 16px; font-weight: 400; letter-spacing: -0.01em; outline: none; }
.file-field:focus { border-color: var(--ds-teal); }
.file-slider { width: 100%; height: 2px; margin: 8px 0px; appearance: none; border-radius: 1px; background: linear-gradient(
      to right,
      var(--ds-ink) var(--file-slider-fill, 50%),
      var(--ds-hairline) var(--file-slider-fill, 50%)); outline: none; accent-color: var(--ds-ink); }
.file-slider::-webkit-slider-thumb { appearance: none; width: 18px; height: 18px; border-radius: 50%; background: var(--ds-white); border: 1px solid var(--ds-hairline); box-shadow: var(--ds-shadow-control); cursor: pointer; }
.file-closing { margin: 0px; color: var(--ds-ink-2); }
.file-wordmark { display: block; color: var(--ds-ink); }
.file-product { position: relative; display: flex; flex-direction: column; min-width: 0px; }
.file-product-toggle, .file-product-preview { color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cx: unset; cy: unset; d: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-line-count: unset; flex-wrap: unset; float: unset; flood-color: unset; flood-opacity: unset; frame-sizing: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-margin-safety: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-overhang: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-axis-lock: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-fit: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; will-change: unset; window-drag: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; box-sizing: border-box; display: flex; flex-direction: column; gap: 8px; width: 100%; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.file-product-preview { cursor: default; }
@media (hover: hover) {
  .file-product-toggle:hover .file-product-name { text-decoration: underline; text-underline-offset: 3px; }
}
.file-product.is-card { gap: 20px; }
.file-group > .file-product.is-card + .file-product.is-card { margin-top: 24px; padding-top: 48px; border-top: 1px solid var(--ds-hairline); }
.file-product-media { position: relative; min-width: 0px; display: flex; flex-direction: column; gap: 8px; container-type: inline-size; }
.file-product-media > .file-photos:not(.is-single) { height: min(420px, 100cqw); }
.file-product-media > .file-photos img { width: auto; height: 100%; max-width: none; object-fit: contain; border-radius: 12px; }
.file-product-media > .file-photos.is-single img { width: 100%; height: auto; max-height: calc(133.333cqw); object-fit: cover; }
.file-product-zoom { color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; color: unset; font: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cx: unset; cy: unset; d: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex-flow: unset; flex-line-count: unset; float: unset; flood-color: unset; flood-opacity: unset; frame-sizing: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-margin-safety: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-overhang: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-axis-lock: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-fit: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; window-drag: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; box-sizing: border-box; display: block; flex: 0 0 auto; border-radius: 12px; cursor: zoom-in; }
.file-photos:not(.is-single) > .file-product-zoom { height: 100%; }
.file-photos.is-single > .file-product-zoom { width: 100%; }
.file-product-thumbs { display: none; gap: 8px; overflow-x: auto; scrollbar-width: none; padding: 1px; margin: -1px; }
.file-product-thumbs::-webkit-scrollbar { display: none; }
.file-product-thumb { color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; color: unset; font: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cx: unset; cy: unset; d: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex-flow: unset; flex-line-count: unset; float: unset; flood-color: unset; flood-opacity: unset; frame-sizing: unset; grid: unset; grid-area: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-margin-safety: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-overhang: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-axis-lock: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-fit: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; will-change: unset; window-drag: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; box-sizing: border-box; flex: 0 0 auto; display: block; width: 48px; height: 48px; border-radius: 12px; overflow: hidden; cursor: pointer; box-shadow: 0 0 0 1px var(--ds-hairline); }
.file-product-thumb[aria-pressed="true"] { box-shadow: 0 0 0 1px var(--ds-ink-3); }
.file-product-thumbs img { display: block; width: 100%; height: 100%; object-fit: contain; background: var(--ds-raised); }
.file-product-photo { position: relative; display: block; width: 100%; container-type: inline-size; }
.file-product-photo img, .file-product-photo .file-product-empty { width: 100%; aspect-ratio: 1 / 1; object-fit: contain; border-radius: 12px; background: var(--ds-raised); }
.file-product-photo img { display: block; height: auto; max-height: calc(133.333cqw); aspect-ratio: auto; }
.file-product.is-tile .file-product-photo img { aspect-ratio: 1 / 1; object-fit: cover; }
.file-product.is-tile .file-product-photo .file-product-empty { aspect-ratio: 1 / 1; }
.file-product-empty { display: grid; place-items: center; color: var(--ds-ink-2); text-align: center; padding: 40px 16px 16px; box-sizing: border-box; }
.file-tags { position: absolute; top: 8px; left: 8px; right: 8px; display: flex; gap: 4px; align-items: center; }
.file-pill { box-sizing: border-box; min-width: 24px; height: 24px; padding: 0px 8px; display: inline-flex; align-items: center; justify-content: center; border-radius: 4px; background: var(--ds-ink); color: var(--ds-white); font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: -0.01em; }
.file-pill.is-pick { background: var(--ds-ink); }
.file-badge { box-sizing: border-box; height: 24px; padding: 0px 8px; display: inline-flex; align-items: center; border-radius: 4px; background: var(--ds-white); color: var(--ds-ink); font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: -0.01em; box-shadow: rgba(37, 31, 33, 0.08) 0px 1px 2px; min-width: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.file-product-line { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; width: 100%; min-width: 0px; }
.file-product-name { flex: 1 1 0%; min-width: 0px; font-weight: 600; text-wrap: pretty; }
.file-product .file-product-name { overflow-wrap: break-word; }
.file-product-toggle .file-product-note, .file-product-preview .file-product-note { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.file-product-price { flex: 0 0 auto; font-weight: 600; color: var(--ds-teal); }
.file-product-brand { color: var(--ds-ink-2); font-size: var(--file-small); line-height: 20px; }
.file-product.is-tile .file-product-brand { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.file-product-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 16px; }
.file-product-carousel { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.file-product-carousel::-webkit-scrollbar { display: none; }
.file-product-carousel > .file-product { flex: 0 0 auto; width: clamp(200px, 29vw, 320px); scroll-snap-align: start; }
.file-product-detail { display: flex; flex-direction: column; gap: 24px; }
.file-product-gallery { position: relative; min-width: 0px; container-type: inline-size; }
.file-product-gallery .file-photos { overscroll-behavior-x: contain; scroll-snap-type: none; border-radius: 12px; }
.file-product-gallery .file-photos:not(.is-single) { height: min(360px, 100cqw); }
.file-product-gallery .file-photos img { object-fit: contain; max-width: none; scroll-snap-align: none; border-radius: 12px; }
.file-product-gallery .file-photos:not(.is-single) img { width: auto; height: 100%; }
.file-product-gallery .file-photos.is-single img { max-height: calc(133.333cqw); object-fit: cover; }
.file-product-gallery > .file-product-empty { width: 100%; aspect-ratio: 1 / 1; background: var(--ds-raised); border-radius: 12px; }
.file-product-info { min-width: 0px; display: flex; flex-direction: column; gap: 24px; }
.file-product-copy { display: flex; flex-direction: column; }
.file-product-note { margin: 8px 0px 0px; text-wrap: pretty; }
.file-product-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; width: 100%; container: file-actions / inline-size; }
.file-product > .file-product-actions { margin-top: auto; padding-top: 14px; }
.file-product.is-card > .file-product-actions { padding-top: 2px; }
.file-product-actions .file-caption { margin: 0px; font-size: 12px; line-height: 18px; }
.file-product-actions .file-caption button { border: 0px; padding: 0px; background: transparent; color: inherit; font: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; min-height: 44px; }
.file-product-source { display: block; }
.file-product-source svg { display: inline-block; vertical-align: -0.125em; margin-left: 3px; }
.file-product-detail .file-product-name { font-size: 22px; line-height: 1.25; }
.file-product-modal { box-sizing: border-box; inset: 0px; width: 100%; max-width: none; height: 100dvh; max-height: none; margin: 0px; border-radius: 0px; padding: 0px 24px 24px; border: 0px; background: var(--ds-white); color: var(--ds-ink); box-shadow: var(--ds-shadow-modal); overflow: auto; overscroll-behavior: contain; font-family: var(--ds-font-text); font-size: var(--file-text); font-weight: 350; line-height: 24px; letter-spacing: -0.01em; }
.file-product-modal:focus { outline: none; }
.file-product-modal::backdrop { background: var(--ds-scrim); }
.file-product-modal-header { position: sticky; top: 0px; z-index: 1; display: flex; align-items: center; justify-content: flex-end; margin-inline: -24px; padding: 12px; background: var(--ds-white); }
.file-product-close { flex: 0 0 auto; width: 32px; padding: 0px; }
.file-product-modal :focus-visible { outline: 2px solid var(--ds-ink); outline-offset: 2px; }
.file-product-zoom:focus-visible { outline-offset: -2px; }
.file-variants { display: flex; flex-direction: column; gap: 14px; }
.file-variant { display: flex; flex-direction: column; gap: 6px; min-width: 0px; margin: 0px; padding: 0px; border: 0px; }
.file-variant-label { display: flex; gap: 6px; align-items: baseline; color: var(--ds-ink-2); }
.file-variant-label b { font-weight: 400; color: var(--ds-ink); }
.file-variant-label em { font-style: normal; color: var(--ds-ink-3); }
.file-swatches { display: flex; flex-wrap: wrap; gap: 10px; padding: 3px 0px 0px 3px; }
.file-swatch, .file-dot { color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; color: unset; font: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: unset; cx: unset; cy: unset; d: unset; display: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex-flow: unset; flex-line-count: unset; float: unset; flood-color: unset; flood-opacity: unset; frame-sizing: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-margin-safety: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-overhang: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-axis-lock: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-fit: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; window-drag: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; position: relative; box-sizing: border-box; flex: 0 0 auto; border-radius: 50%; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ds-ink) 12%, transparent); }
.file-swatch { width: 24px; height: 24px; cursor: pointer; }
.file-swatch::after, .file-dot::after { content: ""; position: absolute; inset: -3px; border-radius: 50%; box-shadow: transparent 0px 0px 0px 1px; transition: box-shadow 120ms; }
.file-swatch[aria-pressed="true"]::after { box-shadow: 0 0 0 1.25px var(--ds-ink); }
.file-swatch.is-out::before { content: ""; position: absolute; left: 50%; top: -2px; bottom: -2px; width: 1.5px; background: var(--ds-white); transform: translateX(-50%) rotate(45deg); box-shadow: 0 0 0 0.5px color-mix(in srgb, var(--ds-ink) 25%, transparent); }
.file-swatch:focus-visible, .file-dot:focus-visible { outline: none; }
.file-swatch:focus-visible::after, .file-dot:focus-visible::after { box-shadow: 0 0 0 2px var(--ds-ink); }
.file-sizes { display: flex; flex-wrap: wrap; gap: 6px; }
.file-size { height: 28px; min-width: 36px; padding: 0px 10px; font-size: 13px; }
.file-size[aria-pressed="true"] { background: var(--ds-ink); border-color: var(--ds-ink); color: var(--ds-page); }
.file-stock { display: flex; align-items: center; gap: 8px; margin: 0px; color: var(--ds-ink-2); font-size: var(--file-small); line-height: 20px; }
.file-stock::before { content: ""; flex: 0 0 auto; width: 6px; height: 6px; border-radius: 50%; background: var(--ds-ink-4); }
.file-stock.is-in::before { background: var(--ds-teal); }
.file-stock.is-low::before { background: var(--file-low-stock); }
.file-stock.is-out { color: var(--ds-ink); }
.file-stock.is-out::before { background: var(--ds-ink); }
.file-price-was { margin-left: 6px; color: var(--ds-ink-3); font-weight: 350; text-decoration: line-through; }
.file-dots { display: flex; align-items: center; gap: 6px; min-width: 0px; min-height: 20px; }
.file-dot { width: 16px; height: 16px; }
button.file-dot { cursor: pointer; }
.file-dot.is-current::after { box-shadow: 0 0 0 1px var(--ds-ink); }
.file-dots-more { margin-left: 2px; color: var(--ds-ink-3); font-size: var(--file-small); line-height: 20px; }
.file-dots-label { min-width: 0px; margin-left: 4px; overflow: hidden; color: var(--ds-ink-2); font-size: var(--file-small); line-height: 20px; white-space: nowrap; text-overflow: ellipsis; }
.file-product.is-tile > .file-dots, .file-table.is-products thead .file-dots { margin-top: 8px; }
.file-viewer { box-sizing: border-box; position: fixed; inset: 0px; width: 100%; max-width: none; height: 100dvh; max-height: none; margin: 0px; padding: 0px; border: 0px; flex-direction: column; overflow: hidden; background: var(--ds-ink); color: var(--ds-white); font-family: var(--ds-font-text); font-size: var(--file-text); font-weight: 350; line-height: 24px; letter-spacing: -0.01em; touch-action: none; overscroll-behavior: contain; }
.file-viewer[open] { display: flex; }
.file-viewer:focus { outline: none; }
.file-viewer::backdrop { background: var(--ds-ink); }
.file-viewer-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: calc(12px + env(safe-area-inset-top, 0px)) 12px 8px 20px; color: color-mix(in srgb, var(--ds-white) 72%, transparent); font-size: 13px; line-height: 20px; }
.file-viewer-title { min-width: 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.file-viewer-title b { color: var(--ds-white); font-weight: 500; }
.file-viewer-stage { position: relative; flex: 1 1 0%; min-height: 0px; display: flex; align-items: center; justify-content: center; padding: 8px 16px calc(24px + env(safe-area-inset-bottom, 0px)); overflow: hidden; touch-action: none; }
.file-viewer-stage img { display: block; max-width: 100%; max-height: 100%; border-radius: 12px; object-fit: contain; user-select: none; -webkit-user-drag: none; cursor: zoom-in; will-change: transform; animation: 200ms ease-out 0s 1 normal none running file-viewer-in; }
.file-viewer-stage[data-zoomed] img { cursor: grab; }
@keyframes file-viewer-in { 
  0% { opacity: 0.35; }
}
.file-viewer-button { color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; font: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cx: unset; cy: unset; d: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex-flow: unset; flex-line-count: unset; float: unset; flood-color: unset; flood-opacity: unset; frame-sizing: unset; grid: unset; grid-area: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-margin-safety: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-overhang: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-axis-lock: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-fit: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; will-change: unset; window-drag: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; box-sizing: border-box; display: inline-grid; place-items: center; flex: 0 0 auto; width: 44px; height: 44px; border-radius: 999px; background: color-mix(in srgb, var(--ds-white) 10%, transparent); color: var(--ds-white); cursor: pointer; transition: background-color 120ms; }
@media (hover: hover) {
  .file-viewer-button:not(:disabled):hover { background: color-mix(in srgb, var(--ds-white) 18%, transparent); }
}
.file-viewer .file-viewer-button:focus-visible { outline: 2px solid var(--ds-white); outline-offset: 2px; }
.file-viewer-button:disabled { opacity: 0.3; cursor: default; }
.file-viewer-prev, .file-viewer-next { position: absolute; top: 50%; transform: translateY(-50%); }
.file-viewer-prev { left: 16px; }
.file-viewer-next { right: 16px; }
.file-viewer-dots { position: absolute; left: 0px; right: 0px; bottom: calc(10px + env(safe-area-inset-bottom, 0px)); display: flex; justify-content: center; gap: 6px; pointer-events: none; }
.file-viewer-dots > span { width: 6px; height: 6px; border-radius: 50%; background: color-mix(in srgb, var(--ds-white) 35%, transparent); }
.file-viewer-dots > .is-current { background: var(--ds-white); }
@media (prefers-reduced-motion: reduce) {
  .file-viewer-stage img { animation: auto ease 0s 1 normal none running none; }
}
.file-image { box-sizing: border-box; display: flex; flex-direction: column; gap: 16px; padding: 16px; background: var(--ds-white); color: var(--ds-ink); border-radius: 24px; overflow: hidden; font-family: var(--ds-font-text); font-size: var(--file-text); font-weight: 350; line-height: 24px; letter-spacing: -0.01em; }
.file-image[data-ratio="portrait"] { width: 390px; height: 480px; }
.file-image[data-ratio="square"] { width: 390px; height: 390px; }
.file-image[data-ratio="landscape"] { width: 480px; height: 360px; }
.file-image-body { display: flex; flex-direction: column; gap: 36px; flex: 1 1 0%; min-height: 0px; overflow: hidden; }
.file-image-body > .file-card { padding: 0px; max-width: none; background: transparent; }
.file-image-footer { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex: 0 0 auto; margin: 0px 0px -2px; padding: 16px 0px 4px; border-top: 1px solid var(--ds-hairline); color: var(--ds-ink-2); }
.file-image-footer > span { color: var(--ds-ink-3); }
.file-image-footer > span:empty { display: none; }
.file-image-footer > span:empty + .file-wordmark { margin-left: auto; }
.file-product-image-photo { position: relative; flex: 1 1 0%; min-height: 0px; }
.file-product-image-photo img, .file-product-image-photo .file-product-empty { width: 100%; height: 100%; object-fit: contain; border-radius: 20px; background: var(--ds-raised); aspect-ratio: auto; }
.file-product-image-photo img { display: block; }
.file-product-image-tag { position: absolute; top: 12px; left: 12px; box-sizing: border-box; min-width: 32px; height: 32px; padding: 0px 8px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; background: var(--ds-ink); color: var(--ds-white); font-size: 18px; font-weight: 500; line-height: 1; letter-spacing: -0.01em; }
.file-product-image-tag.is-pick { background: var(--ds-ink); }
.file-product-image-copy { display: flex; flex-direction: column; gap: 2px; flex: 0 0 auto; }
.file-product-image .file-image-body { gap: 16px; }
.file-product-image .file-image-footer { padding-top: 10px; font-size: 12px; line-height: 18px; }
.file-product-image .file-product-name { overflow-wrap: break-word; }
.file-product-image-variant { display: flex; align-items: center; gap: 12px; min-width: 0px; margin-top: 6px; }
.file-product-image-variant .file-dots { gap: 5px; padding: 1px 0px 1px 4px; }
.file-product-image-variant .file-dot { width: 14px; height: 14px; }
.file-product-image-size { flex: 0 0 auto; margin-left: auto; color: var(--ds-ink-2); font-size: var(--file-small); line-height: 20px; }
.file-image .file-card { font-size: var(--file-small); line-height: 20px; }
.file-image .file-title { font-size: 24px; }
.file-image .file-group-heading { font-size: 18px; }
.file-image .file-intro, .file-image .file-p, .file-image .file-bullets, .file-image .file-key { line-height: 20px; }
@media (min-width: 768px) {
  .file-ground { padding: 36px; }
  .file-card { --file-pad-x: 36px; padding: 36px; }
  .file-card[data-width="phone"] { --file-pad-x: 24px; padding: 24px; }
  .file-title { font-size: 36px; }
  .file-intro, .file-closing, .file-p { max-width: 72ch; }
  .file-product-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
  .file-product-detail { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 16px 28px; align-items: start; }
  .file-product-modal { width: min(920px, 100% - 32px); height: auto; max-height: calc(100dvh - 32px); margin: auto; border-radius: 16px; }
  .file-product.is-card { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 28px; align-items: start; }
  .file-bleed { padding-inline: var(--file-pad-x) 0; scroll-padding-inline: var(--file-pad-x) 0; }
  .file-product-media > .file-photos, .file-product-gallery > .file-photos { margin-inline: 0px; padding-inline: 0px; }
  .file-product-detail .file-product-info { position: sticky; top: 56px; }
  .file-product-gallery .file-photos { display: grid; grid-template-columns: minmax(0px, 1fr); height: auto; overflow: visible; }
  .file-product-gallery .file-photos:not(.is-single) { height: auto; }
  .file-product-gallery .file-photos img, .file-product-gallery .file-photos:not(.is-single) img { width: 100%; height: auto; }
  .file-product-media > .file-photos { display: block; overflow: visible; height: auto; }
  .file-product-media > .file-photos:not(.is-single) { height: auto; }
  .file-product-media > .file-photos > .file-product-zoom:not(:first-child) { display: none; }
  .file-product-media > .file-photos > .file-product-zoom, .file-product-gallery .file-photos > .file-product-zoom { width: 100%; height: auto; }
  .file-product-media > .file-photos img { width: 100%; height: auto; max-height: calc(133.333cqw); object-fit: cover; }
  .file-product-thumbs { display: flex; }
}
@media (max-width: 600px) {
  .file-card .file-button, .file-card .file-product-toggle { min-height: 44px; }
  .file-card .file-button[data-state] { --file-button-inset: 14px; }
  .file-card .file-button.is-pill { --file-button-icon-pad: 14px; }
  .file-product-close { width: 44px; min-height: 44px; }
  .file-swatches { gap: 12px; }
  .file-size, .file-card .file-size { height: 32px; min-height: 32px; min-width: 38px; }
  .file-viewer-prev, .file-viewer-next { display: none; }
}
@media print {
  .file-ground { background: var(--ds-white); padding: 0px; }
  .file-card, .file-ground .file-card { box-shadow: none; max-width: none; border-radius: 0px; }
  .file-photos, .file-table-scroll { overflow: visible; }
}
.file-figure[data-fit="contain"] img { aspect-ratio: auto; object-fit: contain; }
.file-data-table { min-width: 100%; }
.file-data-table caption { text-align: start; color: var(--ds-ink-2); padding-bottom: 16px; }
.file-data-table th, .file-data-table td { min-width: 120px; max-width: 32ch; white-space: normal; overflow-wrap: anywhere; }
.file-data-table [data-numeric] { text-align: end; font-variant-numeric: tabular-nums; }
.file-data-table th button { background: none; border: 0px; padding: 10px 0px; color: inherit; font: inherit; text-align: inherit; cursor: pointer; text-decoration: underline; text-underline-offset: 4px; }
.file-chart details { border-block: 1px solid var(--ds-hairline); padding: 12px 0px; }
.file-chart details > summary { cursor: pointer; min-height: 24px; padding: 10px 0px; font-weight: 600; }
.file-chart details > :not(summary) { margin-top: 12px; }
@media print {
  .file-data-table { min-width: 0px; }
  .file-data-table th, .file-data-table td { min-width: 0px; }
}
.file-scaled-chart { max-width: 640px; width: 100%; box-sizing: border-box; }
.file-signed-bars { display: grid; gap: 14px; }
.file-signed-bars > div { display: grid; grid-template-columns: minmax(50px, 1fr) minmax(60px, 2fr) minmax(30px, auto); align-items: center; gap: 12px; }
.file-signed-bars strong { text-align: end; font-weight: 600; }
.file-bar-labels { display: flex; text-align: center; }
.file-bar-labels > span { flex: 1 1 0%; min-width: 0px; overflow-wrap: anywhere; }
.file-chart-readout { margin: 0px; min-height: 40px; color: var(--ds-ink-2); }
.file-scaled-chart .file-chart-axis { white-space: normal; }
.file-scaled-chart .file-chart-axis span:last-child { text-align: end; }
.file-scaled-chart [tabindex]:focus { outline: none; }
.file-scaled-chart [tabindex]:focus-visible circle:last-child { stroke-width: 3; }
.file-image .file-chart details, .file-image .file-chart-readout { display: none; }
html, body, #root { margin: 0px; min-height: 100%; }
body { background: var(--ds-page); }
.brand { display: flex; align-items: baseline; gap: 9px; padding: 4px 0px 28px; color: var(--ds-ink); font-weight: 600; letter-spacing: 0.16em; font-size: 13px; border-bottom: 1px solid var(--ds-hairline); }
.brand span { font-size: 8px; letter-spacing: 0.12em; max-width: 120px; line-height: 1.3; }
.brand i { margin-left: auto; font-size: 9px; font-style: normal; letter-spacing: 0.08em; color: var(--ds-ink-2); }
.index { display: flex; justify-content: space-between; margin-top: 46px; padding-bottom: 15px; border-bottom: 1px solid var(--ds-hairline); font-size: 10px; letter-spacing: 0.17em; font-weight: 600; }
.index span { color: var(--ds-ink-2); }
.home { padding: 34px 0px 46px; border-bottom: 1px solid var(--ds-hairline); }
.homehead { display: flex; justify-content: space-between; color: var(--ds-ink-2); font-size: 10px; letter-spacing: 0.16em; }
.home h2 { font-family: var(--ds-font-display,serif); font-weight: 400; font-size: clamp(34px, 5vw, 62px); letter-spacing: -0.04em; margin: 11px 0px 3px; line-height: 1.08; }
.address { font-size: 12px; color: var(--ds-ink-2); margin-bottom: 24px; }
.home .body { max-width: 760px; margin: 0px auto; }
.lede { font-size: 17px; line-height: 1.55; max-width: 690px; margin: 24px 0px; }
.photolink { margin: 20px 0px 8px; font-weight: 600; }
.home img { max-height: 500px; object-fit: cover; }
.home .body > div:last-child { margin-top: 12px; }
.home:nth-of-type(3) img { object-fit: cover; }
a { color: var(--ds-ink); }
@media (max-width: 600px) {
  .brand { padding-bottom: 19px; flex-wrap: wrap; }
  .brand i { width: 100%; margin-left: 0px; }
  .index { margin-top: 32px; }
  .home { padding: 28px 0px 36px; }
  .home h2 { font-size: 35px; }
  .address { line-height: 1.5; }
  .lede { font-size: 15px; }
  .home img { max-height: 310px; }
}
:root { --ds-page: #f1e7d3; --ds-ink: #302b25; --ds-ink-2: #645b4e; --ds-hairline: #d9cbb3; }
html, body, #root { background: rgb(241, 231, 211) !important; }
.file-card { background-image: radial-gradient(circle at 18% 21%, rgba(255, 255, 255, 0.34), transparent 35%), radial-gradient(circle at 83% 77%, rgba(169, 127, 72, 0.067), transparent 35%), repeating-linear-gradient(92deg, rgba(95, 76, 49, 0.016) 0px, rgba(95, 76, 49, 0.016) 1px, transparent 1px, transparent 4px); background-color: rgb(241, 231, 211) !important; color: rgb(48, 43, 37) !important; }
.brand { border-bottom-color: rgb(181, 168, 142); padding-top: 17px; padding-bottom: 24px; color: rgb(55, 47, 39); font-family: Georgia, serif; font-size: 19px; letter-spacing: 0.2em; }
.brand span { font-family: inherit; font-size: 9px; letter-spacing: 0.15em; font-weight: 400; }
.brand i { font-family: inherit; color: rgb(120, 109, 92); }
.file-header { padding-top: 29px; }
.file-title { font-size: clamp(34px, 5.5vw, 60px) !important; line-height: 1.1 !important; color: rgb(48, 41, 31) !important; }
.file-intro { font-family: Georgia, serif; max-width: 690px; font-size: 17px !important; line-height: 1.55 !important; color: rgb(95, 85, 71) !important; }
.index { color: rgb(120, 101, 71); border-color: rgb(181, 168, 142); margin-top: 60px; }
.home { border-bottom-color: rgb(205, 189, 161); padding-top: 49px; padding-bottom: 56px; }
.homehead { color: rgb(140, 118, 85); }
.home h2 { color: rgb(54, 41, 30); font-size: clamp(37px, 5vw, 62px); }
.address { color: rgb(118, 105, 88); letter-spacing: 0.015em; }
.home .file-photos { border: 1px solid rgb(215, 199, 171); background: rgb(240, 230, 210); padding: 12px; }
.home .file-photos img { display: block; width: 100%; object-fit: contain; max-height: none; }
.home .body { max-width: 800px; }
.lede { font-family: Georgia, serif; font-size: 18px; color: rgb(73, 61, 48); line-height: 1.6; margin: 28px 0px; }
.file-facts { border-top: 1px solid rgb(201, 186, 162); }
.file-facts > * { border-color: rgb(216, 201, 174) !important; }
.photolink a, .file-group a { color: rgb(114, 90, 55) !important; text-decoration-color: rgb(189, 165, 131); }
.file-caption { color: rgb(135, 121, 100); font-size: 11px; }
.file-group { padding: 38px 0px; }
.file-closing { border-top: 1px solid rgb(201, 186, 162); color: rgb(118, 105, 88); }
@media (max-width: 600px) {
  .brand { font-size: 16px; padding-top: 7px; }
  .file-header { padding-top: 15px; }
  .file-intro { font-size: 15px !important; }
  .index { margin-top: 40px; }
  .home { padding-top: 36px; padding-bottom: 41px; }
  .home h2 { font-size: 38px; }
  .home .file-photos { padding: 6px; }
  .lede { font-size: 16px; margin: 22px 0px; }
}
body:has(> #root > .artifact-card) { background: transparent; }
body:has(> #root > .artifact-card) > #root { padding: 0px; }
#root > .artifact-card { border-radius: 0px; box-shadow: none; background: transparent; }
html,body,#root{margin:0;min-height:100%}body{background:var(--ds-page)}.brand{display:flex;align-items:baseline;gap:9px;padding:4px 0 28px;color:var(--ds-ink);font-weight:600;letter-spacing:.16em;font-size:13px;border-bottom:1px solid var(--ds-hairline)}.brand span{font-size:8px;letter-spacing:.12em;max-width:120px;line-height:1.3}.brand i{margin-left:auto;font-size:9px;font-style:normal;letter-spacing:.08em;color:var(--ds-ink-2)}.index{display:flex;justify-content:space-between;margin-top:46px;padding-bottom:15px;border-bottom:1px solid var(--ds-hairline);font-size:10px;letter-spacing:.17em;font-weight:600}.index span{color:var(--ds-ink-2)}.home{padding:34px 0 46px;border-bottom:1px solid var(--ds-hairline)}.homehead{display:flex;justify-content:space-between;color:var(--ds-ink-2);font-size:10px;letter-spacing:.16em}.home h2{font-family:var(--ds-font-display,serif);font-weight:400;font-size:clamp(34px,5vw,62px);letter-spacing:-.04em;margin:11px 0 3px;line-height:1.08}.address{font-size:12px;color:var(--ds-ink-2);margin-bottom:24px}.home .body{max-width:760px;margin:0 auto}.lede{font-size:17px;line-height:1.55;max-width:690px;margin:24px 0}.photolink{margin:20px 0 8px;font-weight:600}.home img{max-height:500px;object-fit:cover}.home .body>div:last-child{margin-top:12px}.home:nth-of-type(3) img{object-fit:cover}a{color:var(--ds-ink)}@media(max-width:600px){.brand{padding-bottom:19px;flex-wrap:wrap}.brand i{width:100%;margin-left:0}.index{margin-top:32px}.home{padding:28px 0 36px}.home h2{font-size:35px}.address{line-height:1.5}.lede{font-size:15px}.home img{max-height:310px}}
/* An editorial folio on warm stock, not a white UI card. */
:root{--ds-page:#f1e7d3;--ds-ink:#302b25;--ds-ink-2:#645b4e;--ds-hairline:#d9cbb3}
html,body,#root{background:#f1e7d3!important}
.file-card{background-color:#f1e7d3!important;background-image:radial-gradient(circle at 18% 21%,rgba(255,255,255,.34),transparent 35%),radial-gradient(circle at 83% 77%,rgba(169,127,72,.065),transparent 35%),repeating-linear-gradient(92deg,rgba(95,76,49,.016) 0 1px,transparent 1px 4px);color:#302b25!important}
.brand{border-bottom-color:#b5a88e;padding-top:17px;padding-bottom:24px;color:#372f27;font-family:Georgia,serif;font-size:19px;letter-spacing:.20em}.brand span{font-family:inherit;font-size:9px;letter-spacing:.15em;font-weight:400}.brand i{font-family:inherit;color:#786d5c}.file-header{padding-top:29px}.file-title{font-size:clamp(34px,5.5vw,60px)!important;line-height:1.1!important;color:#30291f!important}.file-intro{font-family:Georgia,serif;font-size:17px!important;line-height:1.55!important;color:#5f5547!important;max-width:690px}.index{color:#786547;border-color:#b5a88e;margin-top:60px}.home{border-bottom-color:#cdbda1;padding-top:49px;padding-bottom:56px}.homehead{color:#8c7655}.home h2{color:#36291e;font-size:clamp(37px,5vw,62px)}.address{color:#766958;letter-spacing:.015em}.home .file-photos{border:1px solid #d7c7ab;background:#f0e6d2;padding:12px}.home .file-photos img{display:block;width:100%;object-fit:contain;max-height:none}.home .body{max-width:800px}.lede{font-family:Georgia,serif;font-size:18px;color:#493d30;line-height:1.6;margin:28px 0}.file-facts{border-top:1px solid #c9baa2}.file-facts>*{border-color:#d8c9ae!important}.photolink a,.file-group a{color:#725a37!important;text-decoration-color:#bda583}.file-caption{color:#877964;font-size:11px}.file-group{padding:38px 0}.file-closing{border-top:1px solid #c9baa2;color:#766958}
@media(max-width:600px){.brand{font-size:16px;padding-top:7px}.file-header{padding-top:15px}.file-intro{font-size:15px!important}.index{margin-top:40px}.home{padding-top:36px;padding-bottom:41px}.home h2{font-size:38px}.home .file-photos{padding:6px}.lede{font-size:16px;margin:22px 0}}