/* Canton marketplace theme. Shared native controls and existing behaviour are retained. */
:root {
  --color-cf-50:#fff6ee;--color-cf-100:#ffebd6;--color-cf-200:#ffd2a8;--color-cf-300:#ffb475;--color-cf-400:#ff8a3d;--color-cf-500:#ff6b12;--color-cf-600:#f06000;--color-cf-700:#bd4800;--color-cf-800:#933b06;--color-cf-900:#77320b;--color-cf-950:#451a00;
  --color-sun-50:#fff6ee;--color-sun-100:#ffebd6;--color-sun-200:#ffd2a8;--color-sun-300:#ffb475;--color-sun-400:#ff8a3d;--color-sun-500:#ff6000;--color-sun-600:#df5300;--color-sun-700:#ad4000;
  --color-ink-50:#f5f5f5;--color-ink-100:#ededed;--color-ink-200:#dfdfdf;--color-ink-300:#c5c5c5;--color-ink-400:#969696;--color-ink-500:#717171;--color-ink-600:#585858;--color-ink-700:#414141;--color-ink-800:#303030;--color-ink-900:#252525;--color-ink-950:#171717;
  --r15-orange:#ff6000;--r15-surface:#fff;--r15-border:#e7e7e7;--r15-muted:#737373;
  --shadow-card:0 0 0 transparent;--shadow-card-hover:0 4px 16px #2525250a;--shadow-cta:0 0 0 transparent;--shadow-float:0 8px 32px #2525251a;--rail-width:3.2rem;
  --cf-header-base-height:9.25rem;
}
html {scroll-padding-top:calc(var(--cf-header-base-height) + 1rem)}
body {background:#f5f5f5;color:#252525}
.dark {--r15-surface:#252525;--r15-border:#3d3d3d;--r15-muted:#b5b5b5;--shadow-card:0 0 0 transparent;--shadow-card-hover:0 4px 16px #0003}
.dark body {background:#191919;color:#f6f6f6}
main h1 {font-size:clamp(1.65rem,2.5vw,2.2rem);line-height:1.22;letter-spacing:-.035em}
main h2 {letter-spacing:-.025em}
.btn-primary,.btn-outline,.btn-soft,.cf-cart-primary,.cf-cart-secondary {border-radius:8px;box-shadow:none;transition:background-color .14s,border-color .14s,color .14s}
.btn-primary,.cf-cart-primary {background:#c94700;background-image:none;color:#fff;font-weight:700;box-shadow:none}
.btn-primary:hover,.cf-cart-primary:hover {background:#ad3c00;filter:none;transform:none;box-shadow:none}
.btn-primary:active {transform:none;filter:none;background:#963400}
.btn-outline {border:1px solid #d6d6d6;background:transparent;color:#414141}
.btn-outline:hover {background:#fff7f0;border-color:#ff6000;color:#ad4000}
.btn-soft {background:#f5f5f5;border:1px solid #e9e9e9;color:#414141}
.btn-soft:hover {background:#fff5eb;border-color:#ffd1aa;color:#ad4000}
.dark .btn-soft {background:#303030;border-color:#484848;color:#eee}
.dark .btn-outline {border-color:#525252;color:#eee}
.card,.cf-cart-panel,.cf-cart-row,.r6-brief {border:1px solid var(--r15-border);border-radius:12px;background-color:var(--r15-surface);box-shadow:none}
.card-lift:hover {transform:translateY(-2px);box-shadow:0 4px 16px #25252509}
.field {border:1px solid #d7d7d7;border-radius:8px;background:var(--r15-surface);font-size:.925rem}
.field:focus {border-color:#ff6000;box-shadow:0 0 0 3px #ff600014}
.label {font-weight:650;line-height:1.5}
.eyebrow {letter-spacing:.09em;font-size:.65rem;color:#ac4100}
.eyebrow::before {display:none}
.dark .eyebrow {color:#ffb475}
.r15-site-header {background:var(--r15-surface);backdrop-filter:none;border-block-end:1px solid var(--r15-border);box-shadow:0 2px 8px #00000003}
.r15-header-inner,.r15-utility-inner {max-inline-size:1320px;margin-inline:auto;padding-inline:24px}
.r15-utility-bar {background:#fafafa;border-block-end:1px solid #f1f1f1}
.r15-utility-inner {display:flex;justify-content:space-between;align-items:center;gap:16px;min-block-size:30px;font-size:11px;color:#717171}
.r15-utility-inner>span {font-weight:550;letter-spacing:.04em}
.r15-utility-inner>div {display:flex;align-items:center;gap:22px}
.r15-utility-inner a {padding-block:7px}
.r15-utility-inner a:hover {color:#c54a00}
.r15-site-header .cf-header-row {block-size:78px;min-block-size:78px;gap:20px;padding-block:12px;flex-wrap:nowrap}
.r15-brand {gap:8px}
.r15-brand>img {inline-size:42px;block-size:42px}
.r15-brand-copy>span:first-child {font-size:21px;font-weight:800;letter-spacing:-.055em;color:#f06000}
.r15-brand-copy>span:last-child {font-size:9px;letter-spacing:.13em;color:#717171}
.r15-site-header .cf-header-category {padding:9px 10px;border:1px solid #ececec;border-radius:8px;font-size:12px;gap:6px;white-space:nowrap;background:#fafafa}
.r15-site-header .cf-header-row>form {min-inline-size:180px;max-inline-size:none;flex:1;order:0}
.r15-site-header .search-pill {block-size:48px;border:2px solid #ff6000;border-radius:9px;background:#fafafa}
.r15-site-header .search-pill input {font-size:14px;padding-inline:12px;background:transparent}
.r15-site-header .search-pill input::placeholder {color:#939393}
.r15-site-header .search-pill select {font-size:12px;padding-inline:10px;font-weight:600;max-inline-size:112px}
.r15-site-header .search-pill .sep {block-size:18px;background:#ddd}
.r15-site-header .search-pill>button {inline-size:48px;flex:0 0 48px;padding:0;display:grid;place-items:center;color:#ff6000}
.r15-site-header .search-pill:focus-within {box-shadow:0 0 0 3px #ff600010}
.r15-site-header .cf-header-actions {margin-inline-start:0;gap:4px;order:0}
.r15-site-header .cf-header-actions>[data-dropdown]>button {font-size:12px}
.r15-site-header .cf-header-login {border:1px solid #d8d8d8;background:#fff;color:#414141;font-size:12px;min-block-size:42px;padding-inline:14px;white-space:nowrap}
.r15-site-header .cf-header-login:hover {border-color:#ff6000;background:#fff8f2;color:#ad4000}
.r15-site-header .cf-cart-nav {min-block-size:42px;padding-inline:10px;border:1px solid #ddd;border-radius:8px;font-size:12px;gap:4px}
.r15-site-header .cf-cart-nav-icon {display:block;inline-size:18px;block-size:18px}
.r15-site-header .cf-main-nav {min-block-size:40px;height:40px;gap:20px;flex-wrap:nowrap;margin-block-start:0;padding:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;overscroll-behavior-inline:contain}
.r15-site-header .cf-main-nav>a {flex:none;min-block-size:40px;font-size:12px;font-weight:600;white-space:nowrap;border-block-end:2px solid transparent}
.r15-site-header .cf-main-nav>a:hover,.r15-site-header .cf-main-nav>a.is-active {border-block-end-color:#ff6000;color:#bd4800}
.r15-site-header .cf-main-nav>a.ms-auto {margin-inline-start:0}
.r15-site-header [data-dropdown-menu],.suggest {border:1px solid var(--r15-border);border-radius:10px;box-shadow:0 8px 24px #00000014;background:var(--r15-surface)}
.suggest a {border-radius:6px;font-size:13px;min-block-size:42px}
.suggest a.is-active,.suggest a:hover {background:#fff2e7;color:#ad4000}
.dark .r15-utility-bar {background:#202020;border-color:#333}
.dark .r15-site-header .search-pill,.dark .r15-site-header .cf-header-category {background:#303030;border-color:#ff8a3d}
.dark .r15-site-header .cf-header-login,.dark .r15-site-header .cf-cart-nav {background:#303030;border-color:#505050;color:#eee}
.dark .suggest a.is-active,.dark .suggest a:hover {background:#453122;color:#ffc193}
.r15-product {border:1px solid #e8e8e8;border-radius:10px;transition:border-color .15s,box-shadow .15s}
.r15-product:hover {border-color:#ffbc87;transform:none;box-shadow:0 3px 12px #00000008}
.r15-product>div:first-child {padding:12px 12px 0}
.r15-product .product-media {border-radius:6px;background:#fff;aspect-ratio:1/1}
.r15-product .product-media img {object-fit:contain;padding:8px;transform:none}
.r15-product>div:nth-child(2) {padding:12px}
.r15-product-title {font-size:13px;font-weight:600;line-height:1.55;min-block-size:2.9em;color:#393939}
.r15-product .tag {font-size:9px;padding:2px 5px;border-radius:4px;font-weight:550}
.r15-product .badge-new {border-radius:4px;font-size:9px;letter-spacing:.02em;top:8px;left:auto;right:auto;inset-inline-start:8px;background:#fff0df;color:#a74100;border:1px solid #ffdbb5}
.r15-product .badge-sample {left:auto;right:auto;inset-inline-start:8px;border-radius:4px;font-size:9px;background:#5f6468;color:#fff}
.r15-product-price {flex-wrap:wrap;gap:4px 8px;line-height:1.45}
.r15-product-price>span:first-child {font-size:13px;color:#262626;font-weight:750}
.r15-product .supplier-link {font-size:11px;line-height:1.5;color:#717171}
.r15-product .fav-btn {inline-size:34px;block-size:34px;border:1px solid #e8e8e8;box-shadow:0 2px 4px #00000005;background:#fff;inset-block-start:16px;left:auto;right:auto;inset-inline-end:16px}
.r15-product-actions {gap:6px;margin-block-start:8px}
.r15-product-actions .btn-soft {font-size:10px;min-block-size:34px;padding:7px 4px;border-radius:6px;line-height:1.35;font-weight:650;white-space:normal;text-align:center}
.r15-product-actions [data-kind=PRODUCT] {background:#fff6ed;border-color:#ffd7b4;color:#a64100}
.r15-product-actions [data-kind=PRODUCT]:hover {background:#ffebd6;border-color:#ffaf73}
.r15-product .fav-btn[aria-pressed=true] {color:#d65300}
.r15-supplier {border-radius:10px}
.dark .r15-product {border-color:#434343}
.dark .r15-product .product-media {background:#f4f4f4}
.dark .r15-product-title,.dark .r15-product-price>span:first-child {color:#f1f1f1}
.dark .r15-product .supplier-link {color:#b5b5b5}
.dark .r15-product .fav-btn {background:#303030;border-color:#555;color:#eee}
.dark .r15-product-actions [data-kind=PRODUCT] {background:#483321;border-color:#75502e;color:#ffc193}
.cat-modal__panel {border-radius:12px;border:1px solid var(--r15-border);box-shadow:0 12px 48px #0002}
.cat-modal__item {font-size:13px;line-height:1.45;border-inline-start:3px solid transparent;border-left:0;padding:12px 18px;gap:10px}
.cat-modal__item.is-active {border-inline-start-color:#ff6000;background:#fff6ef;color:#bd4800}
.cat-modal__gtitle {font-size:13px}
.cat-modal__leaf {font-size:12px;line-height:1.6}
.cat-modal__gtitle span.icon {inline-size:30px;block-size:30px;border-radius:7px}
.rail {left:auto;right:auto;inset-inline-end:10px;gap:0;background:var(--r15-surface);border:1px solid var(--r15-border);border-radius:9px;box-shadow:0 2px 8px #00000006;overflow:hidden}
.rail__btn {border:0;border-radius:0;box-shadow:none;font-size:9px;line-height:1.25;padding:10px 4px;min-block-size:56px}
.rail__btn+.rail__btn {border-block-start:1px solid var(--r15-border)}
.rail__btn svg {inline-size:18px;block-size:18px}
.rail__btn:hover {box-shadow:none;transform:none;background:#fff6ee}
.r15-site-footer {margin-block-start:48px;border-block-start:1px solid #e3e3e3;background:var(--r15-surface)}
.r15-site-footer>div {max-inline-size:1320px;padding-block:36px;padding-inline:24px}
.r15-footer-top {grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:36px}
.r15-footer-brand {grid-column:auto}
.r15-footer-brand p {font-size:12px;line-height:1.8;color:var(--r15-muted)}
.r15-footer-brand h3 {font-size:13px;margin-block-start:22px}
.r15-footer-brand form {gap:6px}
.r15-footer-brand form .field {border-radius:8px;min-inline-size:0;font-size:12px;padding:10px}
.r15-footer-brand form button {padding:9px 12px;font-size:11px;line-height:1.4}
.r15-site-footer h3 {font-size:13px;font-weight:700}
.r15-site-footer ul a {font-size:12px;line-height:1.7;color:#717171}
.r15-site-footer ul a:hover {color:#ad4000}
.r15-site-footer .r6-footer {margin-block-start:28px;padding-block-start:22px;border-color:var(--r15-border)}
.r15-site-footer .r6-footer-grid {grid-template-columns:1fr 1fr 1.3fr;gap:36px}
.r15-site-footer .r6-clockbar {gap:12px 28px;padding-block-end:20px;border-block-end:1px solid var(--r15-border);margin-block-end:26px}
.r15-site-footer .r6-clockbar>div {font-size:12px;gap:8px}
.r15-site-footer .r6-clockbar time {font-size:13px;font-weight:700}
.r15-site-footer address {font-size:11px;line-height:1.8;margin-block:14px;color:var(--r15-muted)}
.r15-site-footer address strong {color:var(--color-ink-800);font-size:12px}
.r15-site-footer .r6-social a {inline-size:36px;block-size:36px;border-color:#e5e5e5}
.r15-site-footer .r6-social svg {inline-size:17px;block-size:17px}
.r15-site-footer .r6-stores a {border-radius:7px;font-size:11px;padding:8px 12px}
.dark .r15-site-footer ul a {color:#b5b5b5}
.dark .r15-site-footer address strong {color:#eee}
[data-cookie-banner]>.card {max-inline-size:680px;border-radius:12px;border:1px solid var(--r15-border);box-shadow:0 6px 28px #0000001f;padding:20px 24px}
[data-cookie-banner] h2 {font-size:15px}
[data-cookie-banner] p {font-size:12px;line-height:1.65}
[data-cookie-banner] .btn-primary,[data-cookie-banner] .btn-outline,[data-cookie-banner] .btn-soft {min-block-size:40px;font-size:12px;padding:9px 12px}
[data-cookie-banner] .mt-5 {margin-block-start:14px}
.cf-cart-drawer {border-start-start-radius:12px;border-end-start-radius:12px;background:#f5f5f5}
.cf-cart-drawer-heading,.cf-cart-drawer-footer {background:var(--r15-surface);border-color:var(--r15-border)}
.cf-cart-drawer-heading h2 {font-size:18px}
.cf-cart-primary {background:#c94700}
.r6-tabs a,.r6-pill {border-radius:6px}
.r6-tabs a[aria-current=page] {background:#ff6000;border-color:#ff6000}
.r6-notice {border-inline-start-color:#ff6000}
@media(min-width:1024px) and (max-width:1279px) {
  .r15-site-header .cf-header-row {gap:14px}
  .r15-site-header .cf-header-category {display:inline-flex;inline-size:40px;justify-content:center;padding:8px}
  .r15-site-header .cf-header-category>span:last-child {display:none}
  .r15-site-header .cf-header-language-name {display:none}
}
@media(max-width:1023px) {
  :root {--cf-header-base-height:8rem}
  .r15-utility-bar {display:none}
  .r15-header-inner {padding-inline:16px}
  .r15-site-header .cf-header-row {height:auto;min-block-size:0;flex-wrap:wrap;gap:12px;padding-block:12px}
  .r15-site-header .cf-header-row>form {order:2;flex-basis:100%;min-inline-size:0}
  .r15-site-header .cf-header-actions {order:1;margin-inline-start:auto;gap:4px}
  .r15-brand>img {inline-size:34px;block-size:34px}
  .r15-brand-copy {display:flex}
  .r15-brand-copy>span:first-child {font-size:18px}
  .r15-brand-copy>span:last-child {font-size:8px}
  .r15-site-header .search-pill {height:44px}
  .r15-site-header .search-pill input {font-size:16px}
  .r15-site-header .cf-header-login {min-block-size:36px;font-size:11px;padding-inline:10px;max-inline-size:none}
  .r15-site-header .cf-cart-nav {min-block-size:36px;border:0;padding-inline:4px}
  .r15-site-header .cf-cart-nav-label {display:none}
  .r15-site-header .cf-header-language-name {display:none}
  .r15-site-header .cf-header-actions>[data-theme-toggle] {display:none}
  .r15-site-header .cf-header-actions>[data-dropdown]>button {padding-inline:4px}
  .r15-site-header .cf-header-actions [data-menu-toggle] {padding:6px;min-block-size:36px}
  .r15-site-header [data-mobile-menu] {padding-block:8px;gap:3px}
  .r15-site-header [data-mobile-menu]>a,.r15-site-header [data-mobile-menu]>button {font-size:13px;border-radius:8px}
  .r15-footer-top {grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
  .r15-site-footer .r6-footer-grid {gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .r15-site-footer .r6-footer-grid>section:last-child {grid-column:1/-1}
  .r15-product-actions .btn-soft {min-block-size:40px}
  .r15-product .fav-btn {inline-size:40px;block-size:40px}
}
@media(max-width:639px) {
  .r15-site-header .cf-header-row {gap:10px 6px}
  .r15-site-header .cf-header-actions {gap:0}
  .r15-site-header .cf-header-actions [data-dropdown-toggle] {padding-inline:3px}
  .r15-brand {gap:5px}
  .r15-site-footer>div {padding-inline:16px;padding-block:28px}
  .r15-footer-top {gap:24px 20px}
  .r15-footer-brand {grid-column:1/-1}
  .r15-site-footer .r6-footer-grid {grid-template-columns:minmax(0,1fr);gap:24px}
  .r15-site-footer ul a {display:inline-flex;align-items:center;min-block-size:36px}
  .r15-site-footer .r6-clockbar {gap:12px 20px}
  .r15-site-footer .r6-clockbar>h2 {inline-size:100%}
  .r15-product>div:first-child {padding:8px 8px 0}
  .r15-product>div:nth-child(2) {padding:9px}
  .r15-product-title {font-size:12px}
  .r15-product-price>span:first-child {font-size:12px}
  .r15-product .supplier-link {font-size:10px}
  .r15-product-actions {gap:5px}
  .r15-product-actions .btn-soft {font-size:10px;min-block-size:40px;padding-inline:3px}
  .r15-product .product-media img {padding:5px}
  .r15-product .fav-btn {inset-block-start:12px;inset-inline-end:12px;inline-size:34px;block-size:34px}
  [data-cookie-banner]>.card {padding:18px}
  [data-cookie-banner] .mt-5.grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  [data-cookie-banner] [data-cookie-accept] {grid-column:1/-1}
}
@media(max-width:359px) {
  .r15-brand-copy {display:none}
  .r15-site-header .cf-header-actions {gap:1px}
}
@media(prefers-reduced-motion:reduce) {.card-lift:hover {transform:none}}
@media print {.r15-utility-bar {display:none}.r15-site-footer {margin-block-start:24px}}

/* Readable utility text and separate logical corner slots in either direction. */
.dark .r15-utility-inner,.dark .r15-brand-copy>span:last-child {color:#b5b5b5}
.dark .r15-utility-inner a:hover {color:#ffd2a8}
.dark .r15-site-header .cf-main-nav>a:hover,.dark .r15-site-header .cf-main-nav>a.is-active {color:#ffb475}
.dark .rail__btn:hover {background:#3a2c24;color:#ffc193}
.dark .r15-product .fav-btn[aria-pressed=true] {color:#ffb475}

/* Informational ISO currency badges stay physically left of FAQ in both directions. */
.r17-utility-faq-pair{display:flex;align-items:center;gap:14px;direction:ltr;min-inline-size:0;max-inline-size:100%}
.r17-utility-currencies{display:flex;align-items:center;gap:10px;flex:none;list-style:none;padding:0;margin:0;direction:ltr}
.r17-utility-currencies li{display:flex;align-items:center;white-space:nowrap;font-weight:650;line-height:1.4}
.r17-utility-currencies bdi{direction:ltr;unicode-bidi:isolate}
.r17-utility-faq-pair>[data-r17-utility-faq]{min-inline-size:0;overflow-wrap:break-word}
@media screen and (max-width:1023px){
  :root{--cf-header-base-height:12rem}
  .r15-utility-bar{display:block}
  .r15-utility-inner{padding-inline:16px;align-items:stretch;gap:0}
  .r15-utility-inner>span{display:none}
  .r15-utility-inner>.r17-utility-links{inline-size:100%;min-inline-size:0;flex-wrap:wrap;justify-content:space-between;gap:0 16px;padding-block:3px}
  .r17-utility-faq-pair{inline-size:100%;justify-content:center;gap:10px}
  .r17-utility-currencies{font-size:10px;gap:7px}
  .r17-utility-faq-pair>[data-r17-utility-faq]{font-size:10px;line-height:1.4}
  .r15-utility-inner a{padding-block:4px}
}

/* Daily indicative quotes keep the four currencies beside FAQ; no price selector. */
.r18-utility-exchange{inline-size:280px;min-inline-size:0;max-inline-size:100%;padding-block:5px}
.r18-utility-exchange .r17-utility-currencies{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:6px;inline-size:100%}
.r18-utility-exchange .r17-utility-currencies li{min-inline-size:0;flex-direction:column;align-items:center;gap:1px}
.r18-utility-currency-code{font-size:10px;line-height:1.3}
.r18-utility-currency-rate{font-size:11px;font-weight:700;line-height:1.4;color:#414141;font-variant-numeric:tabular-nums;white-space:nowrap}
.r18-utility-currency-rate[data-rate-available=false]{max-inline-size:100%;font-size:10px;font-weight:500;color:inherit;white-space:normal;text-align:center}
.r18-utility-rates-info{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:1px 7px;margin:5px 0 0;font-size:10px;line-height:1.35;text-align:center;overflow-wrap:break-word}
.r18-utility-rates-info a{padding:0;text-decoration:underline;text-underline-offset:2px;font-weight:650}
.r18-utility-rates-info time{white-space:nowrap}
.r18-utility-rate-reference{flex-basis:100%}
.dark .r18-utility-currency-rate{color:#dfdfdf}
.dark .r18-utility-currency-rate[data-rate-available=false]{color:inherit}
@media screen and (max-width:1023px){
  :root{--cf-header-base-height:15rem}
  .r17-utility-faq-pair{align-items:center;gap:9px}
  .r18-utility-exchange{flex:1 1 0;inline-size:auto;max-inline-size:280px}
  .r18-utility-exchange .r17-utility-currencies{gap:4px}
  .r18-utility-currency-rate{font-size:10px}
  .r17-utility-faq-pair>[data-r17-utility-faq]{flex:0 1 auto;max-inline-size:76px}
}
/* Local converter uses cached canonical decimals; no navigation or price selector. */
.r18-utility-exchange{display:flex;align-items:center;gap:10px;inline-size:auto;max-inline-size:none}
.r18-utility-exchange .r17-utility-currencies{inline-size:260px;flex:0 1 260px}
.r19-fx-open{display:inline-flex;align-items:center;justify-content:center;min-block-size:36px;max-inline-size:140px;padding:6px 10px;border:1px solid #ffd1b8;border-radius:8px;background:#fff4ed;color:#a53a08;font:inherit;font-size:11px;font-weight:700;line-height:1.35;text-align:center;white-space:normal;cursor:pointer}
.r19-fx-open:hover{background:#ffe8da}
.r19-fx-open:focus-visible,.r19-fx-close:focus-visible,.r19-fx-dialog input:focus-visible,.r19-fx-dialog select:focus-visible{outline:3px solid #f97316;outline-offset:3px}
.r19-fx-dialog{box-sizing:border-box;inline-size:min(520px,calc(100% - 24px));max-inline-size:calc(100% - 24px);max-block-size:calc(100dvh - 32px);margin:auto;padding:24px;border:1px solid #e7e7e7;border-radius:20px;background:#fff;color:#232323;box-shadow:0 24px 80px #11182740;overflow:auto;overscroll-behavior:contain;font-family:inherit}
.r19-fx-dialog::backdrop{background:#0f172a80;backdrop-filter:blur(3px)}
.r19-fx-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-block-end:20px}
.r19-fx-top h2{margin:0;font-size:23px;font-weight:800;line-height:1.25;overflow-wrap:break-word}
.r19-fx-close{display:flex;align-items:center;justify-content:center;flex:none;inline-size:44px;block-size:44px;padding:0;border:1px solid #e6e6e6;border-radius:12px;background:#f7f7f7;color:inherit;font-size:28px;line-height:1;cursor:pointer}
.r19-fx-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.r19-fx-fields>div{min-inline-size:0}
.r19-fx-fields label{display:block;margin-block-end:7px;font-size:13px;font-weight:700}
.r19-fx-fields input,.r19-fx-fields select{box-sizing:border-box;inline-size:100%;min-inline-size:0;min-block-size:48px;padding:10px 12px;border:1px solid #d5d8de;border-radius:11px;background:#fff;color:inherit;font-family:inherit;font-size:16px;line-height:1.5}
.r19-fx-fields input{font-variant-numeric:tabular-nums}
.r19-fx-fields input[aria-invalid=true]{border-color:#c53624}
.r19-fx-help{margin:12px 0 0;font-size:12px;line-height:1.6;color:#626262}
.r19-fx-status{margin:12px 0 0;font-size:13px;line-height:1.5;color:#b02c1a}
.r19-fx-status[hidden],.r19-fx-results>li[hidden]{display:none}
.r19-fx-results-title{margin:22px 0 12px;font-size:14px;font-weight:700;line-height:1.4}
.r19-fx-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;margin:0;padding:0}
.r19-fx-results>li{min-inline-size:0;padding:13px 12px;border:1px solid #e9e9e9;border-radius:13px;background:#fafafa}
.r19-fx-result-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 7px;margin-block-end:10px}
.r19-fx-result-heading bdi{font-size:13px;font-weight:800}
.r19-fx-result-heading span{font-size:11px;color:#686868;line-height:1.4}
.r19-fx-results output{display:block;font-size:20px;font-weight:750;line-height:1.35;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.dark .r19-fx-open{background:#3d2b20;border-color:#70442d;color:#ffd1ad}
.dark .r19-fx-open:hover{background:#4b3222}
.dark .r19-fx-dialog{background:#252525;color:#f2f2f2;border-color:#515151}
.dark .r19-fx-close,.dark .r19-fx-fields input,.dark .r19-fx-fields select{background:#303030;color:#f2f2f2;border-color:#606060}
.dark .r19-fx-help,.dark .r19-fx-result-heading span{color:#bdbdbd}
.dark .r19-fx-status{color:#ffb5a6}
.dark .r19-fx-results>li{background:#303030;border-color:#505050}
@media screen and (max-width:1023px){
  :root{--cf-header-base-height:13rem}
  .r18-utility-exchange{max-inline-size:none;padding-block:2px}
  .r18-utility-exchange .r17-utility-currencies{inline-size:auto;flex:1 1 0}
  .r19-fx-open{min-block-size:44px;max-inline-size:112px;font-size:10px;padding-inline:7px}
}
@media screen and (max-width:639px){
  .r18-utility-exchange{flex-direction:column;gap:2px}
  .r18-utility-exchange .r17-utility-currencies{inline-size:100%;flex:auto}
  .r19-fx-open{min-block-size:32px;max-inline-size:100%;padding:5px 9px;font-size:10px}
  .r19-fx-dialog{padding:18px;border-radius:17px}
  .r19-fx-top{gap:10px;margin-block-end:16px}
  .r19-fx-top h2{font-size:21px}
  .r19-fx-fields{grid-template-columns:minmax(0,1fr);gap:12px}
  .r19-fx-results{grid-template-columns:minmax(0,1fr);gap:8px}
  .r19-fx-results>li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:12px;padding:12px}
  .r19-fx-result-heading{margin:0}
  .r19-fx-results output{font-size:19px;text-align:end}
}