.rel-coll.rel-tableaux{margin:0;padding:0;background:transparent}.rel-tableaux [hidden]{display:none!important}html:has(dialog.rel-tab-dialog[open]){overflow:hidden}.rel-tab-dialog{width:min(980px,calc(100% - 24px));max-width:none;max-height:88vh;margin:auto;padding:0;border:0;background:#faf7f2;color:var(--rel-ink);box-shadow:0 26px 70px #0f14124d;overflow:auto;overscroll-behavior:contain}.rel-tab-dialog--wide{width:min(1180px,calc(100% - 24px))}.rel-tab-dialog::backdrop{background:#0f14128c}.rel-tab-dialog__box{position:relative;padding:clamp(24px,3vw,40px)}.rel-tab-dialog__close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(42,35,32,.18);background:transparent;color:var(--rel-green);font-size:16px;cursor:pointer}.rel-tab-dialog__close:hover{border-color:var(--rel-green)}.rel-tab-dialog__close:focus-visible{outline:2px solid var(--rel-green);outline-offset:2px}.rel-tableaux .rel-coll__eyebrow{margin:0;padding-right:56px}.rel-tableaux .rel-tab-dialog__title{margin:12px 0 0;padding-right:56px;font-family:var(--rel-serif);font-size:clamp(24px,2.8vw,32px);font-weight:400;line-height:1.2;color:var(--rel-green)}.rel-tableaux .rel-tab-dialog__intro{max-width:62ch;margin:12px 0 24px;font-size:13px;line-height:1.8;color:#2a2320b3;text-wrap:pretty}.rel-tableaux .rel-tab-dialog__foot{margin:14px 0 0;font-size:11.5px;line-height:1.6;color:#2a23208c}.rel-tab-dialog__scroll{border:1px solid rgba(42,35,32,.14);background:#fff;overflow:auto}.rel-tab-dialog__scroll:focus-visible{outline:2px solid var(--rel-green);outline-offset:2px}.rel-tab{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.rel-tab--agents{min-width:820px}.rel-tab--matrix{min-width:900px}.rel-tab-dialog[data-scope=actives] .rel-tab--matrix{min-width:600px}.rel-tab-dialog[data-scope=serums] .rel-tab--matrix{min-width:520px}.rel-tab th,.rel-tab td{border:0;text-align:center;vertical-align:middle}.rel-tab thead th{padding:16px 6px;background:var(--rel-green);color:var(--rel-sand);font-size:9.5px;font-weight:400;line-height:1.4;letter-spacing:.02em;text-transform:uppercase}.rel-tab--matrix thead th{padding:16px 4px;font-size:9px}.rel-tab-dialog[data-scope=serums] .rel-tab--matrix thead th,.rel-tab-dialog[data-scope=actives] .rel-tab--matrix thead th{font-size:10px}.rel-tab--matrix thead th[data-group=actives]{color:#c7a876}.rel-tab thead .rel-tab__corner{padding:16px;font-size:10px;letter-spacing:.16em;text-align:left}.rel-tab--agents .rel-tab__corner{width:16%}.rel-tab--matrix .rel-tab__corner{width:26%}.rel-tab tbody tr{background:#fff}.rel-tab tbody :is(th,td){border-top:1px solid rgba(42,35,32,.08)}.rel-tab tbody tr:nth-child(2n of:not([hidden])){background:#fbf9f5}.rel-tab tbody td{padding:16px 6px}.rel-tab--matrix tbody td{padding:14px 4px}.rel-tab tbody th{padding:16px;font-weight:400;text-align:left}.rel-tab--matrix tbody th{padding:14px 16px}.rel-tab th:first-child{position:sticky;left:0;z-index:1;background:inherit}.rel-tab thead th:first-child{background:var(--rel-green)}.rel-tab tbody th:first-child{box-shadow:1px 0 #2a232014}.rel-tab-dialog[data-scope=all] .rel-tab .rel-tab__sep{border-left:1px solid rgba(42,35,32,.12)}.rel-tab-dialog[data-scope=all] .rel-tab thead .rel-tab__sep{border-left-color:#f5f1e940}.rel-tab__code{display:block;font-family:var(--rel-serif);font-size:19px;line-height:1.3;color:var(--rel-green)}.rel-tab__name{display:block;font-size:12.5px;line-height:1.5;color:var(--rel-ink)}.rel-tab__sub{display:block;margin-top:3px;font-size:11px;line-height:1.5;color:#2a232080}.rel-tab__dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--rel-green);vertical-align:middle}.rel-tab__dot--lg{width:11px;height:11px}.rel-tab__dot--gold{background:var(--rel-gold)}.rel-tab__dash{display:inline-block;width:9px;height:1px;background:#2a232033;vertical-align:middle}.rel-tab-check{display:inline-block;width:.8rem;height:.8rem;margin-left:.6rem;border-radius:50%;background:#d62d20;vertical-align:.1em}@media screen and (max-width:749px){.rel-tab--agents .rel-tab__corner,.rel-tab--matrix .rel-tab__corner{width:150px}.rel-tab tbody th{padding:14px 12px}.rel-tab-dialog[data-scope=serums] .rel-tab--matrix{min-width:0}.rel-tab-dialog[data-scope=serums] .rel-tab--matrix .rel-tab__corner{width:52%}}.rel-tab-open{display:inline-flex;align-items:center;gap:8px;min-height:40px;margin-top:16px;padding:10px 14px;border:1px solid rgba(15,74,60,.4);background:transparent;color:var(--rel-green, #0f4a3c);font-family:var(--rel-sans, inherit);font-size:10px;font-weight:500;line-height:1.3;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;transition:border-color .2s,background .2s}.rel-tab-open[hidden]{display:none}.rel-tab-open:hover{border-color:var(--rel-green, #0f4a3c);background:#0f4a3c0f}.rel-tab-open:focus-visible{outline:2px solid var(--rel-green, #0f4a3c);outline-offset:3px}.rel-tab-open--lg{min-height:46px;padding:12px 18px}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-rel-tableaux.css.map */