@layer bricks {.brxe-icon{font-size:60px}svg.brxe-icon{font-size:inherit}}@layer bricks {.brxe-button{width:auto}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}#brxe-kphttl {font-size: var(--text-3xl); font-weight: 800; color: var(--kb-text-on-dark); line-height: var(--kb-lh-heading)}@media (max-width: 767px) {#brxe-kphttl {font-size: var(--text-2xl)}}#brxe-kphled {max-width: 58ch; font-size: var(--text-m); font-weight: 400; color: var(--kb-text-muted-on-dark); line-height: 1.9}@media (max-width: 767px) {#brxe-kphled {font-size: var(--text-s)}}#brxe-kphcon {align-items: center; row-gap: var(--space-xs); text-align: center}#brxe-kphero {padding-top: var(--space-l); padding-right: 0; padding-bottom: var(--space-l); padding-left: 0}@media (max-width: 767px) {#brxe-kphero {padding-top: var(--space-m); padding-right: 0; padding-bottom: var(--space-m); padding-left: 0}}#brxe-kpmixw {width: 100%}#brxe-kpclrb .x-favorite {font-size: var(--text-s); font-weight: 500; color: var(--kb-text-muted); padding-top: 8px; padding-right: 14px; padding-bottom: 8px; padding-left: 14px; border: 1px solid var(--kb-border-strong); border-radius: var(--kb-radius-m)}#brxe-kptool {width: 100%}#brxe-kpnone {max-width: 560px; margin-right: auto; margin-left: auto}#brxe-kpbcon {row-gap: var(--space-s)}#brxe-kpbody {padding-top: var(--space-l); padding-right: 0; padding-bottom: var(--space-xl); padding-left: 0}#brxe-kpbody { --kp-lbl: 96px; --kp-col: 130px; } @media (min-width: 768px) { #brxe-kpbody { --kp-lbl: 180px; --kp-col: 210px; } }#brxe-kpbody :is(.kp-grid, .kp-stick__track) { --kp-cols: var(--kp-lbl) repeat(var(--n, 2), minmax(var(--kp-col), 1fr)); --kp-min: calc(var(--kp-lbl) + var(--n, 2) * var(--kp-col));}#brxe-kpbody .kp-grid { position: relative; inline-size: 100%; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; border: 1px solid var(--kb-border, #dde5e0); border-radius: var(--kb-radius-l, 24px); background: var(--kb-surface, #fff);}#brxe-kpbody .kp-grid:focus-visible { outline: 2px solid var(--kb-primary, #0f6b57); outline-offset: 3px; }#brxe-kpbody .kp-cards { display: grid; grid-template-columns: var(--kp-cols); min-inline-size: var(--kp-min); align-items: stretch; border-block-end: 1px solid var(--kb-border, #dde5e0); }#brxe-kpbody .kp-corner { position: sticky; inset-inline-start: 0; z-index: 2; display: flex; flex-direction: column; justify-content: flex-start; gap: 4px; padding: 14px 12px; background: var(--kb-surface-sunken, #e6ece8); color: var(--kb-text-muted, #5c6b64); font-size: 13px; line-height: 1.7; }#brxe-kpbody .kp-card { display: flex; flex-direction: column; gap: 8px; min-inline-size: 0; padding: 12px; border-inline-start: 1px solid var(--kb-border, #dde5e0); }#brxe-kpbody .kp-card__media { display: block; aspect-ratio: 4 / 3; border-radius: 12px; overflow: hidden; background: var(--kb-surface-alt, #f3f6f4); }#brxe-kpbody .kp-card__media img { inline-size: 100%; block-size: 100%; object-fit: contain; }#brxe-kpbody .kp-card__title { margin: 0; font-size: 13px; font-weight: 600; line-height: 1.8; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }#brxe-kpbody .kp-card__title a { color: var(--kb-text, #1d2a24); text-decoration: none; }#brxe-kpbody .kp-card__price { font-size: 14px; font-weight: 800; color: var(--kb-text-heading, #1d2a24); }#brxe-kpbody .kp-card__price del { display: block; font-size: 12px; font-weight: 400; color: var(--kb-text-subtle, #7b8a83); }#brxe-kpbody .kp-card__price ins { text-decoration: none; }#brxe-kpbody .kp-card__actions { display: flex; flex-direction: column; gap: 6px; margin-block-start: auto; }#brxe-kpbody .kp-card__actions .bricks-button { justify-content: center; inline-size: 100%; }#brxe-kpbody .kp-card__remove .x-favorite { inline-size: 100%; padding: 6px; border: 0; background: none; color: var(--kb-text-muted, #5c6b64); font-size: 12px; font-weight: 500; cursor: pointer; }#brxe-kpbody .kp-card__remove .x-favorite:hover { color: var(--kb-danger, #b42318); }#brxe-kpbody .kp-card__remove .x-favorite_busy { opacity: .5; }#brxe-kpbody .kp-rows { display: block; }#brxe-kpbody .kp-row { display: grid; grid-template-columns: var(--kp-cols); min-inline-size: var(--kp-min); background: var(--kb-surface, #fff); }#brxe-kpbody .kp-row:nth-child(even) { background: var(--kb-surface-alt, #f3f6f4); }#brxe-kpbody .kp-row + .kp-row { border-block-start: 1px solid var(--kb-border, #dde5e0); }#brxe-kpbody .kp-lbl { position: sticky; inset-inline-start: 0; z-index: 1; padding: 12px; background: var(--kb-surface-sunken, #e6ece8); color: var(--kb-text-muted, #5c6b64); font-size: 13px; font-weight: 600; line-height: 1.8; }#brxe-kpbody .kp-val { min-inline-size: 0; padding: 12px; border-inline-start: 1px solid var(--kb-border, #dde5e0); font-size: 13px; line-height: 1.9; overflow-wrap: anywhere; }#brxe-kpbody .kp-none { color: var(--kb-text-subtle, #7b8a83); }#brxe-kpbody .kp-grid.is-diff .kp-row[data-same] { display: none; }#brxe-kpbody .kp-grid.is-diff .kp-rows { counter-reset: none; }#brxe-kpbody .kp-diff { display: inline-flex; flex-direction: row; align-items: center; gap: 10px; inline-size: auto; padding: 8px 16px 8px 14px; border: 1.5px solid var(--kb-border, #dde5e0); border-radius: var(--kb-radius-pill, 999px); background: var(--kb-surface, #fff); color: var(--kb-text, #17241f); font-family: inherit; font-size: var(--text-s); font-weight: 600; line-height: 1.4; cursor: pointer; transition: border-color .2s ease, background-color .2s ease, color .2s ease; }@media (hover: hover) { #brxe-kpbody .kp-diff:hover { border-color: var(--kb-primary-soft, #cfe6dd); } }#brxe-kpbody .kp-diff:focus-visible { outline: 2px solid var(--kb-focus, #0d3a33); outline-offset: 2px; }#brxe-kpbody .kp-diff__sw { position: relative; flex: none; inline-size: 34px; block-size: 20px; border-radius: 10px; background: var(--kb-border-strong, #c9d3cd); transition: background-color .2s ease; }#brxe-kpbody .kp-diff__sw::before { content: ""; position: absolute; inset-block-start: 3px; inset-inline-start: 3px; inline-size: 14px; block-size: 14px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgb(0 0 0 / .2); transition: translate .2s ease; }#brxe-kpbody .kp-diff[aria-pressed="true"] { border-color: var(--kb-primary, #0f6b57); background: var(--kb-primary-tint, #e5f7f2); color: var(--kb-primary-deep, #0d3a33); }#brxe-kpbody .kp-diff[aria-pressed="true"] .kp-diff__sw { background: var(--kb-primary, #0f6b57); }#brxe-kpbody .kp-diff[aria-pressed="true"] .kp-diff__sw::before { translate: -14px 0; }@media (prefers-reduced-motion: reduce) { #brxe-kpbody .kp-diff__sw::before { transition: none; } }#brxe-kpbody .kp-tools { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }#brxe-kpbody .kp-stick { position: fixed; z-index: 30; inset-inline: 0; inset-block-start: var(--kp-stk-top, 0px); display: flex; justify-content: center; padding: 6px var(--kb-gutter, 16px); pointer-events: none; opacity: 0; translate: 0 -12px; transition: opacity 240ms ease, translate 360ms cubic-bezier(.22, 1, .36, 1); }#brxe-kpbody .kp-stick.is-on { opacity: 1; translate: 0 0; pointer-events: auto; }#brxe-kpbody .kp-stick__in { inline-size: min(100%, var(--kp-wrap, 1200px)); overflow: hidden; border-radius: 14px; background: rgb(255 255 255 / .9); -webkit-backdrop-filter: blur(18px) saturate(1.5); backdrop-filter: blur(18px) saturate(1.5); box-shadow: 0 10px 30px rgb(4 37 31 / .16), 0 0 0 1px rgb(13 58 51 / .07); cursor: pointer; }#brxe-kpbody .kp-stick__track { display: grid; grid-template-columns: var(--kp-cols); min-inline-size: var(--kp-min); }#brxe-kpbody .kp-stick__lbl { position: sticky; inset-inline-start: 0; z-index: 1; display: flex; align-items: center; gap: 6px; padding: 8px 12px; background: var(--kb-surface-sunken, #e6ece8); color: var(--kb-primary-deep, #0d3a33); font-size: 12px; font-weight: 700; }#brxe-kpbody .kp-stick__lbl svg { inline-size: 14px; block-size: 14px; rotate: 90deg; }#brxe-kpbody .kp-stick__item { display: flex; align-items: center; gap: 8px; min-inline-size: 0; padding: 8px 12px; border-inline-start: 1px solid var(--kb-border, #dde5e0); }#brxe-kpbody .kp-stick__item img { flex: none; inline-size: 34px; block-size: 34px; object-fit: contain; border-radius: 8px; background: var(--kb-surface-alt, #f3f6f4); }#brxe-kpbody .kp-stick__item .brxe-text-basic { min-inline-size: 0; font-size: 12px; font-weight: 600; line-height: 1.6; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }@media (prefers-reduced-motion: reduce) { #brxe-kpbody .kp-stick { transition: opacity 120ms linear; translate: none; } }#brxe-kpbody .kp-mix { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; border: 1px solid var(--kb-accent-soft, #fbe3c2); border-radius: var(--kb-radius-m, 16px); background: var(--kb-accent-tint, #fff8ec); color: var(--kb-accent-deep, #8a4b08); }#brxe-kpbody .kp-mix p { margin: 0; font-size: 14px; line-height: 1.9; }#brxe-kpbody .kp-mix strong { color: var(--kb-text-heading, #1d2a24); }@media (max-width: 767px) { #brxe-kpbody .kp-card__actions .bricks-button { padding-inline: 8px; white-space: nowrap; } #brxe-kpbody .kp-card__actions .bricks-button svg { display: none; } }#brxe-kpbody { --kp-max: 300px; }@media (min-width: 768px) { #brxe-kpbody { --kp-max: 345px; } }#brxe-kpbody :is(.kp-grid, .kp-stick__track) { --kp-cols: var(--kp-lbl) repeat(var(--n, 2), minmax(var(--kp-col), var(--kp-max))); }#brxe-kpbody .kp-grid { inline-size: fit-content; max-inline-size: 100%; }#brxe-kpbody .kp-stick { justify-content: flex-start; padding-inline: 0; }#brxe-kpbody .kp-stick__in { margin-inline-start: var(--kp-off, var(--kb-gutter, 16px)); }@media (max-width: 767px) {#brxe-kpbody {padding-top: var(--space-m); padding-right: 0; padding-bottom: var(--space-l); padding-left: 0}}