product-compare.mf-compare{display:contents}.mf-compare [hidden]{display:none!important}.mf-compare__bar{position:fixed;inset-inline:0;bottom:max(var(--spacing-2),env(safe-area-inset-bottom));z-index:20;width:min(960px,calc(100% - var(--spacing-4)));margin-inline:auto;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-3) var(--spacing-6);padding:var(--spacing-3) var(--spacing-3) var(--spacing-3) var(--spacing-5);border-radius:var(--rounded-lg);background:rgb(var(--background, 255 255 255));color:rgb(var(--text-color));box-shadow:0 18px 50px #0000001a,0 0 0 1px rgb(var(--text-color) / .06)}.mf-compare__summary{min-width:0;flex:1 1 16rem;display:grid;gap:var(--spacing-2)}.mf-compare__summary p,.mf-compare__table p{margin:0}.mf-compare__selection{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin:0;padding:0;list-style:none}.mf-compare__selection:empty{display:none}.mf-compare__selected-item{display:inline-flex;align-items:center;min-width:0;max-width:100%;padding-inline-start:var(--spacing-3);border-radius:var(--rounded-button);background:rgb(var(--text-color) / .05);overflow-wrap:anywhere}.mf-compare__remove{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:36px;height:36px;color:rgb(var(--text-color))}.mf-compare__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-5)}.mf-compare__open,.mf-compare__choose{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:var(--spacing-2) var(--spacing-7);border-radius:var(--rounded-button);background:rgb(var(--mf-showcase-accent, 10 118 245));color:rgb(var(--mf-showcase-accent-text, 255 255 255));font-weight:700;text-align:center;overflow-wrap:anywhere}.mf-compare__open:disabled{opacity:.5}.mf-compare__clear{min-height:44px;text-decoration:underline;text-underline-offset:3px}.mf-compare__names{display:none;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mf-compare__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-2) var(--spacing-4)}.mf-compare__footer p{margin:0}@media screen and (max-width:699px){.mf-compare__bar{flex-wrap:nowrap;padding:var(--spacing-3) var(--spacing-3) var(--spacing-3) var(--spacing-4)}.mf-compare__summary{gap:0}.mf-compare__selection{display:none}.mf-compare__names:not(:empty){display:block}.mf-compare__actions{flex-wrap:nowrap;gap:var(--spacing-3)}.mf-compare__open{min-height:44px;padding-inline:var(--spacing-5);white-space:nowrap}}.drawer.mf-compare-drawer{width:100%;--drawer-body-padding: var(--spacing-4);--drawer-content-max-height: 90dvh}.mf-compare__scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.mf-compare__table{width:100%;border-collapse:collapse;table-layout:fixed}.mf-compare__table th,.mf-compare__table td{padding:var(--spacing-3);border-bottom:1px solid rgb(var(--text-color) / .14);text-align:start;vertical-align:top;line-height:1.6;overflow-wrap:anywhere}.mf-compare__table th:first-child{width:9rem;background:rgb(var(--background, 255 255 255))}.mf-compare__table thead th{font-weight:inherit}.mf-compare__table tbody th{font-weight:var(--heading-font-weight)}.mf-compare__table tr:last-child th,.mf-compare__table tr:last-child td{border-bottom:0}.mf-compare__product{position:relative;padding-top:var(--spacing-5)}.mf-compare__product a{display:grid;gap:var(--spacing-3);justify-items:start}.mf-compare__product .mf-compare__remove{position:absolute;inset-block-start:calc(-1 * var(--spacing-2));inset-inline-end:0;width:44px;height:44px}.mf-compare__image{width:96px;height:96px;object-fit:contain}.mf-compare__table price-list{justify-content:start}.mf-compare__table .mf-compare__choose{width:100%;min-height:44px;padding-inline:var(--spacing-3)}@media screen and (min-width:700px){.drawer.mf-compare-drawer{width:min(1100px,calc(100vw - var(--spacing-8)));--drawer-body-padding: var(--spacing-5) var(--spacing-6);--drawer-content-max-height: none}}@media screen and (max-width:699px){.mf-compare__table,.mf-compare__table tbody,.mf-compare__table thead{display:block}.mf-compare__table tr{display:grid;grid-template-columns:repeat(var(--mf-compare-columns, 2),minmax(0,1fr));column-gap:var(--spacing-3);padding-block:var(--spacing-3);border-bottom:1px solid rgb(var(--text-color) / .14)}.mf-compare__table tr:last-child{border-bottom:0}.mf-compare__table th,.mf-compare__table td{padding:0;border:0}.mf-compare__table th:first-child{width:auto;grid-column:1 / -1;margin-bottom:var(--spacing-1-5, 6px)}.mf-compare__table thead th:first-child{display:none}.mf-compare__table td{font-size:var(--text-sm)}.mf-compare__image{width:80px;height:80px}}.mf-compare-entry__link{display:inline-flex;align-items:center;min-height:44px;color:rgb(var(--text-color));text-decoration:underline;text-underline-offset:3px}.mf-compare-entry__link:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px}.mf-compare__badge{position:absolute;inset-block-start:calc(-1 * var(--spacing-1));inset-inline-start:0;display:inline-flex;align-items:center;padding:3px var(--spacing-2);border-radius:var(--rounded-button);background:rgb(var(--button-background-primary));color:rgb(var(--button-text-primary));font-size:11px;font-weight:700;line-height:1.2}.mf-compare__table .is-base,.mf-compare__table th[data-compare-column].is-base{background:rgb(var(--text-color) / .03)}.mf-compare__add{display:grid;gap:var(--spacing-3);margin-top:var(--spacing-5);padding:var(--spacing-4);border:1px dashed rgb(var(--text-color) / .25);border-radius:var(--rounded)}.mf-compare__add .form-control{position:relative}.mf-compare__add .select{width:100%;min-height:44px}@media screen and (max-width:699px){.mf-compare__add{margin-top:0;padding:var(--spacing-3)}}.mf-compare__variant{position:relative;margin-top:var(--spacing-3);font-weight:400}.mf-compare__table .mf-compare__variant--single{display:flex;align-items:center;min-height:44px;margin:var(--spacing-3) 0 0}.mf-compare__variant .select{width:100%;min-height:44px;text-overflow:ellipsis}
/*# sourceMappingURL=/cdn/shop/t/23/assets/product-compare.css.map */
