@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-hctitl { font-weight: 600; margin: 0; }@media (max-width: 767px) {#brxe-hctitl {font-size: 2.5rem}}#brxe-hcintr { font-size: 1.6rem; line-height: 1.55; max-width: 80rem; color: var(--hc-text); }@media (max-width: 767px) {#brxe-hcintr {font-size: 1.5rem}}#brxe-hchead { gap: 1rem; align-items: stretch; }#brxe-hccamh { font-size: 2rem; font-weight: 600; margin: 0; }#brxe-hccamt { font-size: 1.35rem; color: var(--hc-muted); line-height: 1.45; }#brxe-hccams { gap: 1.2rem; background: var(--hc-surface); border: 1px solid var(--hc-line); border-radius: 1rem; padding: 2rem; align-items: stretch; min-width: 0; }#brxe-hccams .hc-rows { display: flex; flex-direction: column; gap: 1rem; }#brxe-hccams .hc-row { display: flex; flex-direction: column; gap: 1rem; padding: 1.2rem; background: var(--hc-bg); border: 1px solid var(--hc-line); border-radius: 0.8rem; }#brxe-hccams .hc-row-top { display: flex; gap: 1rem; align-items: flex-end; }#brxe-hccams .hc-photo { flex: none; display: block; line-height: 0; align-self: center; }#brxe-hccams .hc-photo[hidden] { display: none; }#brxe-hccams .hc-photo img { width: 4.8rem; height: 4.8rem; object-fit: contain; }#brxe-hccams .hc-qty { display: flex; flex-direction: column; gap: 0.4rem; }#brxe-hccams .hc-qty label { font-size: 1.25rem; font-weight: 700; color: var(--hc-head); }#brxe-hccams .hc-qty input { width: 7.5rem; }#brxe-hccams .hc-remove { flex: none; width: 4.2rem; height: 4.4rem; border: 1px solid var(--hc-line); border-radius: 0.6rem; background: transparent; color: var(--hc-muted); font-size: 2.2rem; line-height: 1; cursor: pointer; }#brxe-hccams .hc-remove:hover, #brxe-hccams .hc-remove:focus-visible { color: var(--hc-bad); border-color: currentColor; }#brxe-hccams .hc-row-opts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.8rem 1rem; }#brxe-hccams .hc-unit { display: flex; align-items: center; gap: 0.6rem; font-size: 1.35rem; color: var(--hc-muted); }#brxe-hccams .hc-unit input { flex: 1; min-width: 0; }#brxe-hccams .hc-row-out { margin: 0; font-size: 1.35rem; color: var(--hc-muted); font-variant-numeric: tabular-nums; }#brxe-hccams .hc-add-row { display: flex; align-items: center; gap: 1.2rem; flex-wrap: wrap; }#brxe-hccams .hc-add { border: 0; border-radius: 0.6rem; background: var(--hc-accent); color: #fff; font: inherit; font-size: 1.5rem; font-weight: 600; padding: 0.8rem 1.6rem; cursor: pointer; }#brxe-hccams .hc-add:focus-visible { outline: 2px solid var(--hc-accent); outline-offset: 2px; }#brxe-hccams .hc-cam-count { margin: 0; font-size: 1.35rem; color: var(--hc-muted); }#brxe-hccams .hc-picker { position: relative; flex: 1; min-width: 0; }#brxe-hccams .hc-picker input { width: 100%; background: var(--field-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23808080' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 1.2rem center; padding: 0.8rem 3.4rem 0.8rem 1rem; text-overflow: ellipsis; }#brxe-hccams .hc-list { position: absolute; z-index: 30; left: 0; right: 0; top: calc(100% + 0.4rem); max-height: min(44rem, 60vh); overflow-y: auto; overscroll-behavior: contain; background: var(--field-bg); color: var(--field-text); color-scheme: light; border: 1px solid var(--hc-line); border-radius: 0.6rem; box-shadow: 0 0.8rem 2.4rem rgb(0 0 0 / 0.18); padding-bottom: 0.4rem; }#brxe-hcsect .hc-list[hidden], #brxe-hccams .hc-group[hidden], #brxe-hccams .hc-opt[hidden], #brxe-hccams .hc-none[hidden] { display: none; }#brxe-hccams .hc-opt-group { position: sticky; top: 0; z-index: 1; background: var(--field-bg); padding: 0.9rem 1.2rem 0.4rem; font-size: 1.25rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: color-mix(in oklab, var(--field-text) 78%, var(--field-bg)); }#brxe-hccams .hc-opt { display: flex; align-items: center; gap: 1rem; padding: 0.4rem 1.2rem; font-size: 1.4rem; line-height: 1.3; cursor: pointer; }#brxe-hccams .hc-opt img, #brxe-hccams .hc-opt-noimg { flex: none; width: 3.2rem; height: 3.2rem; object-fit: contain; }#brxe-hccams .hc-opt-text { display: flex; flex-direction: column; min-width: 0; }#brxe-hccams .hc-opt-sku { font-size: 1.25rem; color: color-mix(in oklab, var(--field-text) 62%, var(--field-bg)); overflow-wrap: anywhere; }#brxe-hccams .hc-opt.is-active, #brxe-hccams .hc-opt:hover { background: color-mix(in oklab, var(--hc-accent) 14%, transparent); }#brxe-hccams .hc-opt[aria-selected="true"] { font-weight: 700; }#brxe-hccams .hc-none { margin: 0; padding: 1.2rem; font-size: 1.4rem; color: color-mix(in oklab, var(--field-text) 62%, var(--field-bg)); }@media (max-width: 767px) { #brxe-hccams#brxe-hccams .hc-row-opts { grid-template-columns: repeat(2, minmax(0, 1fr)); } #brxe-hccams#brxe-hccams .hc-row-top { flex-wrap: wrap; } #brxe-hccams#brxe-hccams .hc-picker { flex-basis: calc(100% - 5.8rem); }}@media (max-width: 340px) { #brxe-hccams#brxe-hccams .hc-row-opts { grid-template-columns: minmax(0, 1fr); } }#brxe-hcplnh { font-size: 2rem; font-weight: 600; margin: 0; }#brxe-hcplan { gap: 2rem; background: var(--hc-surface); border: 1px solid var(--hc-line); border-radius: 1rem; padding: 2rem; align-items: stretch; }#brxe-hcplan .hc-field { display: flex; flex-direction: column; gap: 0.7rem; }#brxe-hcplan .hc-label { font-size: 1.3rem; font-weight: 700; color: var(--hc-head); }#brxe-hcplan .hc-days-row { display: flex; gap: 0.8rem; align-items: center; flex-wrap: wrap; }#brxe-hcplan #hc-days { width: 9rem; }#brxe-hcplan .hc-chips { display: flex; gap: 0.5rem; flex-wrap: wrap; }#brxe-hcplan .hc-chip { border: 1px solid var(--hc-line); background: var(--hc-bg); color: var(--hc-text); border-radius: 99rem; padding: 0.4rem 1rem; font: inherit; font-size: 1.3rem; cursor: pointer; }#brxe-hcplan .hc-chip:hover, #brxe-hcplan .hc-chip:focus-visible { background: var(--hc-accent-soft); }#brxe-hcplan .hc-check { display: flex; gap: 0.8rem; align-items: center; font-size: 1.4rem; cursor: pointer; color: var(--hc-text); }#brxe-hcplan .hc-check input { width: 1.8rem; height: 1.8rem; accent-color: var(--hc-accent); flex: none; }#brxe-hcgrid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(28rem, 36rem); gap: 2.4rem; align-items: start; }@media (max-width: 991px) { #brxe-hcgrid#brxe-hcgrid { grid-template-columns: minmax(0, 1fr); } }#brxe-hctlab { font-size: 1.25rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--hc-muted); }#brxe-hctlac { font-size: 2.6rem; font-weight: 700; line-height: 1.2; color: var(--hc-head); font-variant-numeric: tabular-nums; }#brxe-hctlad { font-size: 1.35rem; color: var(--hc-muted); line-height: 1.45; }#brxe-hctlaa { background: var(--hc-surface); border: 1px solid var(--hc-line); border-radius: 1rem; padding: 1.6rem 1.8rem; gap: 0.4rem; align-items: stretch; }#brxe-hctlbb { font-size: 1.25rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--hc-muted); }#brxe-hctlbc { font-size: 2.6rem; font-weight: 700; line-height: 1.2; color: var(--hc-head); font-variant-numeric: tabular-nums; }#brxe-hctlbd { font-size: 1.35rem; color: var(--hc-muted); line-height: 1.45; }#brxe-hctlba { background: var(--hc-surface); border: 1px solid var(--hc-line); border-radius: 1rem; padding: 1.6rem 1.8rem; gap: 0.4rem; align-items: stretch; }#brxe-hctlcb { font-size: 1.25rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--hc-muted); }#brxe-hctlcc { font-size: 2.6rem; font-weight: 700; line-height: 1.2; color: var(--hc-head); font-variant-numeric: tabular-nums; }#brxe-hctlcd { font-size: 1.35rem; color: var(--hc-muted); line-height: 1.45; }#brxe-hctlca { background: var(--hc-surface); border: 1px solid var(--hc-line); border-radius: 1rem; padding: 1.6rem 1.8rem; gap: 0.4rem; align-items: stretch; }#brxe-hctldb { font-size: 1.25rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--hc-muted); }#brxe-hctldc { font-size: 2.6rem; font-weight: 700; line-height: 1.2; color: var(--hc-head); font-variant-numeric: tabular-nums; }#brxe-hctldd { font-size: 1.35rem; color: var(--hc-muted); line-height: 1.45; }#brxe-hctlda { background: var(--hc-surface); border: 1px solid var(--hc-line); border-radius: 1rem; padding: 1.6rem 1.8rem; gap: 0.4rem; align-items: stretch; }#brxe-hctile { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.6rem; }@media (max-width: 1100px) { #brxe-hctile#brxe-hctile { grid-template-columns: repeat(2, minmax(0, 1fr)); } }@media (max-width: 600px) { #brxe-hctile#brxe-hctile { grid-template-columns: minmax(0, 1fr); } }#brxe-hcrech { font-size: 2rem; font-weight: 600; margin: 0; }#brxe-hcrect { font-size: 1.35rem; color: var(--hc-muted); line-height: 1.45; }#brxe-hcrecl { gap: 1.2rem; align-items: stretch; }#brxe-hcrecl .hc-table { display: flex; flex-direction: column; background: var(--hc-bg); border: 1px solid var(--hc-line); border-radius: 0.8rem; overflow: hidden; }#brxe-hcrecl .hc-tr { display: grid; grid-template-columns: minmax(17rem, 1.5fr) minmax(9rem, 0.8fr) minmax(14rem, 1.2fr) minmax(10rem, 0.9fr) minmax(11rem, 0.9fr); gap: 0.4rem 1.6rem; padding: 1.2rem 1.4rem; border-top: 1px solid var(--hc-line); align-items: start; }#brxe-hcrecl .hc-tr:first-child { border-top: 0; }#brxe-hcrecl .hc-tr[hidden] { display: none; }#brxe-hcrecl .hc-link-btn { align-self: flex-start; background: none; border: 0; padding: 0; color: var(--hc-link); font: inherit; font-size: 1.4rem; font-weight: 600; text-decoration: underline; cursor: pointer; }#brxe-hcrecl .hc-th { padding-block: 0.8rem; background: var(--hc-surface); font-size: 1.2rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--hc-muted); }#brxe-hcrecl .hc-tr.is-best { background: var(--hc-accent-soft); }#brxe-hcrecl [role="cell"] { display: flex; flex-direction: column; gap: 0.2rem; min-width: 0; font-size: 1.4rem; }#brxe-hcrecl .hc-td-rec { flex-direction: row; align-items: center; gap: 1rem; }#brxe-hcrecl .hc-td-rec img { flex: none; width: 4rem; height: 4rem; object-fit: contain; }#brxe-hcrecl .hc-td-rec > span { display: flex; flex-direction: column; gap: 0.2rem; min-width: 0; }#brxe-hcrecl .hc-td-main { font-weight: 600; color: var(--hc-head); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }#brxe-hcrecl a.hc-td-main, #brxe-hcrecl .hc-td-sub a, #brxe-hcrecl .hc-nofit a { color: var(--hc-link); text-decoration: none; }#brxe-hcrecl a:hover { text-decoration: underline; }#brxe-hcrecl .hc-td-sub { font-size: 1.25rem; color: var(--hc-muted); }#brxe-hcrecl .hc-badge { align-self: flex-start; padding: 0.1rem 0.7rem; border-radius: 99rem; background: var(--hc-accent); color: #fff; font-size: 1.1rem; font-weight: 700; }#brxe-hcrecl .hc-td-warn .hc-td-main { color: var(--hc-warn); }#brxe-hcrecl .hc-tr-notes { grid-column: 1 / -1; display: flex; flex-direction: column; gap: 0.3rem; }#brxe-hcrecl .hc-tr-notes span { font-size: 1.3rem; line-height: 1.4; }#brxe-hcrecl .hc-info { color: var(--hc-muted); }#brxe-hcrecl .hc-more { font-size: 1.4rem; }#brxe-hcrecl .hc-more summary { cursor: pointer; font-weight: 600; color: var(--hc-head); }#brxe-hcrecl .hc-nofit { margin: 0.8rem 0 0; padding-left: 2rem; display: flex; flex-direction: column; gap: 0.4rem; color: var(--hc-muted); }@media (max-width: 767px) { #brxe-hcrecl#brxe-hcrecl .hc-th { display: none; } #brxe-hcrecl#brxe-hcrecl .hc-tr { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem 1.6rem; } #brxe-hcrecl#brxe-hcrecl .hc-td-rec { grid-column: 1 / -1; } #brxe-hcrecl [data-label]::before { content: attr(data-label); font-size: 1.15rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--hc-muted); }}#brxe-hcrecs { gap: 1.2rem; background: var(--hc-surface); border: 1px solid var(--hc-line); border-radius: 1rem; padding: 2rem; align-items: stretch; }#brxe-hcseth { font-size: 2rem; font-weight: 600; margin: 0; }#brxe-hcsett { font-size: 1.35rem; color: var(--hc-muted); line-height: 1.45; }#brxe-hcsetp { gap: 1.2rem; background: var(--hc-surface); border: 1px solid var(--hc-line); border-radius: 1rem; padding: 2rem; align-items: stretch; }#brxe-hcsetp .hc-s-fields { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr); gap: 1rem; max-width: 72rem; }#brxe-hcsetp .hc-s-out { display: flex; flex-direction: column; gap: 0.5rem; }#brxe-hcsetp .hc-s-days { margin: 0; font-size: 1.6rem; line-height: 1.5; }#brxe-hcsetp .hc-s-days strong { font-size: 2.2rem; color: var(--hc-head); font-variant-numeric: tabular-nums; }#brxe-hcsetp .hc-link-btn { align-self: flex-start; background: none; border: 0; padding: 0; color: var(--hc-link); font: inherit; font-size: 1.35rem; text-decoration: underline; cursor: pointer; }#brxe-hcsetp .hc-link-btn[hidden] { display: none; }@media (max-width: 600px) { #brxe-hcsetp#brxe-hcsetp .hc-s-fields { grid-template-columns: minmax(0, 1fr); } }#brxe-hchowh { font-size: 2rem; font-weight: 600; margin: 0; }#brxe-hchowt { font-size: 1.5rem; line-height: 1.6; max-width: 80rem; } #brxe-hchowt p { margin: 0 0 1.2rem; }#brxe-hchow { gap: 1rem; align-items: stretch; padding-top: 1rem; }#brxe-hccont { width: 100%; max-width: 128rem; margin: 0 auto; display: flex; flex-direction: column; gap: 2.4rem; align-items: stretch; }#brxe-hcsect { --hc-bg: var(--background); --hc-text: var(--body-text); --hc-head: var(--heading); --hc-muted: color-mix(in oklab, var(--body-text) 68%, var(--background)); --hc-surface: color-mix(in oklab, var(--body-text) 5%, var(--background)); --hc-line: color-mix(in oklab, var(--body-text) 16%, var(--background)); --hc-accent: var(--xlr-blue); --hc-accent-soft: color-mix(in oklab, var(--xlr-blue) 12%, var(--background)); --hc-link: var(--xlr-blue); --hc-bad: oklch(0.5 0.19 27); --hc-warn: oklch(0.52 0.12 65); padding: 4rem 2rem 8rem; background: var(--hc-bg); color: var(--hc-text);}[data-brx-theme="dark"] #brxe-hcsect { --hc-link: oklch(from var(--xlr-blue) calc(l + 0.2) calc(c - 0.1) h); --hc-accent-soft: color-mix(in oklab, var(--xlr-blue) 30%, var(--background)); --hc-bad: oklch(0.68 0.22 26); --hc-warn: oklch(0.82 0.14 80);}#brxe-hcsect select, #brxe-hcsect input[type="number"], #brxe-hcsect input[type="text"] { font: inherit; font-size: 1.6rem; background: var(--field-bg); color: var(--field-text); border: 1px solid var(--hc-line); border-radius: 0.6rem; padding: 0.7rem 0.9rem; color-scheme: light; max-width: 100%; box-sizing: border-box; }#brxe-hcsect select { appearance: auto; -webkit-appearance: menulist; }#brxe-hcsect input[type="number"] { font-variant-numeric: tabular-nums; }#brxe-hcsect select:focus, #brxe-hcsect input:focus { outline: 2px solid var(--hc-accent); outline-offset: -1px; }#brxe-hcsect label { margin: 0; }#brxe-hcsect .hc-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }#brxe-hcsect .hc-hint { margin: 0; font-size: 1.35rem; line-height: 1.45; color: var(--hc-muted); }#brxe-hcsect .hc-bad, #brxe-hcsect .hc-warn { margin: 0; font-size: 1.35rem; line-height: 1.45; }#brxe-hcsect .hc-bad { color: var(--hc-bad); }#brxe-hcsect .hc-warn { color: var(--hc-warn); }#brxe-hcsect .hc-seg { display: inline-flex; align-self: flex-start; max-width: 100%; border: 1px solid var(--hc-line); border-radius: 0.6rem; overflow: hidden; background: var(--hc-bg); }#brxe-hcsect .hc-seg input { position: absolute; opacity: 0; pointer-events: none; }#brxe-hcsect .hc-seg label { display: block; line-height: 1.4; padding: 0.7rem 1.2rem; font-size: 1.4rem; cursor: pointer; color: var(--hc-text); white-space: nowrap; }#brxe-hcsect .hc-seg span + span label { border-left: 1px solid var(--hc-line); }#brxe-hcsect .hc-seg input:checked + label { background: var(--hc-accent); color: #fff; font-weight: 600; }#brxe-hcsect .hc-seg input:focus-visible + label { outline: 2px solid var(--hc-accent); outline-offset: -2px; }#brxe-hcsect .hc-opt-field { display: flex; flex-direction: column; gap: 0.4rem; min-width: 0; }#brxe-hcsect .hc-opt-field > label { font-size: 1.25rem; font-weight: 700; color: var(--hc-head); }#brxe-hcsect .hc-opt-field select, #brxe-hcsect .hc-opt-field input { width: 100%; }@media (max-width: 767px) {#brxe-hcsect {padding-top: 3rem}}