.compare-toggle{display:flex;align-items:center;gap:var(--spacing-3xs, 8px);cursor:pointer}.compare-toggle--card{padding-block-start:var(--spacing-4xs, 4px)}@media screen and (min-width:750px){.compare-toggle--card{padding-block-start:var(--spacing-3xs, 8px)}}.compare-toggle__input{position:absolute;width:1px;height:1px;opacity:0}.compare-toggle__box{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:16px;height:16px;padding:3px;border:1px solid var(--border-border-primary, #262626);border-radius:var(--radius-md, 2px);background-color:var(--surface-primary, #fff);color:var(--text-primary)}.compare-toggle__box svg{width:100%;height:100%;opacity:0}.compare-toggle__input:checked~.compare-toggle__box{border-color:var(--surface-invert, #262626);background-color:var(--surface-invert, #262626);color:var(--text-invert, #fff)}.compare-toggle__input:checked~.compare-toggle__box svg{opacity:1}.compare-toggle__input:focus-visible~.compare-toggle__box{outline:2px solid currentcolor;outline-offset:2px}.compare-toggle__input:disabled~.compare-toggle__box{opacity:.4}.compare-toggle__label{font-family:var(--font-family-body);font-size:var(--font-body-sm, 12px);letter-spacing:var(--letter-spacing-body, .02em);line-height:var(--line-height-normal, 1.3)}.compare-toggle--inline{gap:var(--spacing-2xs, 12px)}.compare-toggle--inline .compare-toggle__label{font-size:var(--font-body-md, 14px)}.compare-tray{position:fixed;inset-inline:0;inset-block-end:0;z-index:18;display:flex;justify-content:center;pointer-events:none}.compare-tray[hidden]{display:none}:root{scroll-padding-block-end:var(--compare-tray-space, auto)}.compare-tray-spacer{padding-block-end:var(--compare-tray-space, 0px)}.compare-tray__inner{pointer-events:auto;width:100%;box-sizing:border-box;padding-inline:var(--spacing-sm, 20px);padding-block-start:var(--spacing-sm, 20px);padding-block-end:var(--spacing-xl, 40px);background-color:var(--surface-primary, #fff);box-shadow:0 -2px 4px #0000000a}@media screen and (min-width:750px){.compare-tray{inset-block-end:var(--spacing-sm, 20px);padding-inline:var(--spacing-sm, 20px)}.compare-tray__inner{width:auto;max-width:100%;padding-block:var(--spacing-sm, 20px);border-radius:var(--radius-lg, 4px)}}.compare-tray__summary{display:none}@media screen and (max-width:749px){.compare-tray__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2xs, 12px);width:100%;height:24px;padding:0;border:0;background:none;color:var(--text-primary, #262626);cursor:pointer}.compare-tray--collapsed .compare-tray__inner{padding-block:var(--spacing-2xs, 12px)}.compare-tray--collapsed .compare-tray__body{display:none}}.compare-tray__summary-label{font-family:var(--font-family-body);font-size:var(--font-body-md, 14px);font-weight:500;letter-spacing:var(--letter-spacing-body, .02em);line-height:var(--line-height-normal, 1.3)}.compare-tray__chevron{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:24px;height:24px;overflow:visible;transition:transform .2s ease}.compare-tray__chevron svg{width:26px;height:26px;max-width:none}.compare-tray--collapsed .compare-tray__chevron{transform:rotate(180deg)}.compare-tray__body{display:flex;flex-direction:column;gap:var(--spacing-sm, 20px)}@media screen and (max-width:749px){.compare-tray__body{padding-block-start:var(--spacing-sm, 20px)}}@media screen and (min-width:750px){.compare-tray__body{flex-direction:row;align-items:flex-start}}.compare-tray__items{display:flex;flex-direction:column;gap:var(--spacing-2xs, 12px);margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.compare-tray__items{flex-direction:row;gap:var(--spacing-sm, 20px);overflow-x:auto;scrollbar-width:none}.compare-tray__items::-webkit-scrollbar{display:none}}.compare-tray__items.is-dragging{cursor:grabbing;scroll-behavior:auto}.compare-tray__items.is-dragging *{pointer-events:none}.compare-tray__item,.compare-tray__slot{box-sizing:border-box;border-radius:var(--radius-md, 2px)}.compare-tray__item{position:relative;display:flex;align-items:center;gap:var(--spacing-sm, 20px);padding-inline-end:var(--spacing-2xs, 12px);height:72px;background-color:var(--surface-secondary, #f6f6f6);overflow:hidden}@media screen and (min-width:750px){.compare-tray__item{flex:0 0 auto;width:240px}}.compare-tray__item-link{display:flex;align-items:center;gap:var(--spacing-3xs, 8px);flex:1 1 auto;min-width:0;height:100%;color:inherit;text-decoration:none}.compare-tray__item-media{display:block;flex:0 0 auto;width:62px;height:72px;background-color:var(--surface-secondary, #f6f6f6)}.compare-tray__item-media img{width:100%;height:100%;max-width:none;object-fit:cover}.compare-tray__item-text{display:flex;flex-direction:column;gap:var(--spacing-4xs, 4px);min-width:0}.compare-tray__item-title{font-family:var(--font-family-body);font-size:var(--font-body-md, 14px);font-weight:500;letter-spacing:var(--letter-spacing-body, .02em);line-height:var(--line-height-normal, 1.3);color:var(--text-primary, #262626);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compare-tray__item-price{display:block;font-family:var(--font-family-body);font-size:var(--font-body-sm, 12px);letter-spacing:var(--letter-spacing-body, .02em);line-height:var(--line-height-normal, 1.3);color:var(--text-secondary, #6f6f6f);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compare-tray__item-price>:not([hidden])+:not([hidden]){margin-inline-start:var(--spacing-4xs, 4px)}.compare-tray__item-price-was{text-decoration:line-through;text-decoration-thickness:from-font}.compare-tray__item-price-now--sale{color:var(--colour-system-sale, #ac220d)}.compare-tray__remove{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:28px;height:28px;padding:0;border:0;border-radius:var(--radius-md, 2px);background-color:var(--surface-primary, #fff);color:var(--text-primary, #262626);cursor:pointer;overflow:visible}.compare-tray__remove-glyph{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:23.14px;height:23.14px;overflow:visible;--icon-stroke-width: 1.5}.compare-tray__remove-glyph svg{width:100%;height:100%;max-width:none}.compare-tray__remove:focus-visible{outline:2px solid currentcolor;outline-offset:2px}.compare-tray__slot{display:flex;align-items:center;justify-content:center;height:48px;border:1px dashed var(--border-border-secondary, #d9d9d9);color:var(--text-secondary, #6f6f6f)}@media screen and (min-width:750px){.compare-tray__slot{flex:0 0 auto;width:65px;height:72px}}.compare-tray__slot-number{font-family:var(--font-family-body);font-size:var(--font-body-lg, 16px);letter-spacing:var(--letter-spacing-body, .02em);line-height:var(--line-height-normal, 1.3)}.compare-tray__actions{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3xs, 8px);flex:0 0 auto}@media screen and (min-width:750px){.compare-tray__actions{width:148px}}.compare-tray__cta{width:100%}.compare-tray__cta[aria-disabled=true]{background-color:var(--surface-disabled, #6f6f6f);border-color:var(--surface-disabled, #6f6f6f);color:var(--text-invert, #fff);cursor:not-allowed}.compare-tray .compare-tray__cta[aria-disabled=true]{pointer-events:auto}.compare-tray__clear{padding:0;border:0;background:none;color:var(--text-primary, #262626);font-family:var(--font-family-body);font-size:var(--font-body-sm, 12px);letter-spacing:var(--letter-spacing-body, .02em);line-height:var(--line-height-normal, 1.3);text-decoration:underline;cursor:pointer}.compare-tray__message{margin:0;font-family:var(--font-family-body);font-size:var(--font-body-sm, 12px);letter-spacing:var(--letter-spacing-body, .02em);line-height:var(--line-height-normal, 1.3);color:var(--text-primary, #262626)}.compare-tray__message:empty{display:none}.compare-tray__message:not(:empty){padding-block-start:var(--spacing-2xs, 12px)}.compare-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.compare-tray__chevron{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/compare.css.map */