@charset "UTF-8";.compare-drawer{position:fixed;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;width:100%;height:100%;transform:translateY(100%);opacity:0;transition:transform .2s,opacity .2s ease-in-out}.compare-drawer.is-expanded{opacity:1;transform:translateY(0)}.compare-drawer__overlay{height:10%;background:var(--color-neutrals-1000);opacity:.4;cursor:pointer}.compare-drawer__inner{flex:0 0 auto;height:90%;margin-top:auto;background-color:var(--color-neutrals-0)}.compare-drawer__close{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;height:26px;width:100%;border:none;border-radius:0;background:none;margin-bottom:var(--spacing-50);-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;cursor:pointer;box-shadow:none;transition:opacity .3s}.compare-drawer__close:after{content:"";display:block;width:56px;height:2px;background-color:var(--typography-color-secondary)}.compare-drawer__close .compare-drawer__close-button-icon{display:none}@media (min-width: 769px){.compare-drawer__close{position:absolute;width:32px;height:32px;top:var(--spacing-450);right:var(--spacing-400)}.compare-drawer__close:after{content:none}.compare-drawer__close .compare-drawer__close-button-icon{display:block}}@media (hover: hover){.compare-drawer__close:hover{opacity:.6}}.compare-drawer__inner{display:flex;flex-direction:column}.compare-drawer__header{padding:0 var(--spacing-400) var(--spacing-400);text-align:center}@media (min-width: 769px){.compare-drawer__header{position:relative;padding:var(--spacing-450) var(--spacing-900) var(--spacing-450) var(--spacing-400);text-align:left}}.compare-drawer__title{font-family:var(--typography-heading-font);font-size:var(--typography-heading-xsmall-size);font-weight:var(--typography-heading-weight);line-height:var(--typography-heading-xsmall-height);letter-spacing:calc(var(--typography-heading-xsmall-size) * var(--typography-heading-tracking) * .01);text-transform:var(--typography-heading-transform)}@media (min-width: 769px){.compare-drawer__title{font-family:var(--typography-heading-font);font-size:var(--typography-heading-small-size);font-weight:var(--typography-heading-weight);line-height:var(--typography-heading-small-height);letter-spacing:calc(var(--typography-heading-small-size) * var(--typography-heading-tracking) * .01);text-transform:var(--typography-heading-transform)}}.compare-drawer__products{overflow:auto;flex:1 1 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-400);padding-inline:var(--spacing-400)}