.topbar--has-benefits{background:var(--benefits-background);color:var(--benefits-color);isolation:isolate;position:relative}.topbar--has-benefits:before{background:var(--benefits-background);box-shadow:0 0 0 100vmax var(--benefits-background);clip-path:inset(0 -100vmax);content:"";top:0;right:0;bottom:0;left:0;position:absolute;z-index:-1}.topbar--has-benefits .topbar__inner{display:block}.topbar-benefits{display:grid;grid-template-columns:repeat(var(--benefits-count),minmax(0,1fr));gap:2.4rem;width:100%}.topbar-benefits-layout--has-utilities{align-items:center;display:grid;gap:2.4rem;grid-template-columns:minmax(0,1fr) auto;width:100%}.topbar-benefits-layout{position:relative}.topbar-benefits__social{color:inherit;flex-shrink:0}.topbar-benefits__item{align-items:center;display:flex;gap:1rem;justify-content:center;min-width:0;white-space:nowrap}.topbar-benefits__icon{background-color:var(--benefits-icon-color);display:block;flex:0 0 var(--benefits-icon-size);height:var(--benefits-icon-size);-webkit-mask-image:var(--benefits-icon-url);mask-image:var(--benefits-icon-url);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:var(--benefits-icon-size)}.topbar-benefits__theme-icon{color:var(--benefits-icon-color);display:block;flex:0 0 var(--benefits-icon-size);height:var(--benefits-icon-size);width:var(--benefits-icon-size)}.topbar-benefits__theme-icon .icon{height:100%;width:100%}.topbar-benefits__localization--mobile{display:none}.topbar-benefits__localization--globe .disclosure__toggle{align-items:center;height:2rem;justify-content:center;position:relative;width:2rem}.topbar-benefits__localization--globe .disclosure__toggle:before{content:"";top:-.6rem;right:-.6rem;bottom:-.6rem;left:-.6rem;position:absolute}.topbar-benefits__localization--globe .disclosure__toggle .icon{height:2rem;transform:none;width:2rem}.topbar-benefits__localization .disclosure__toggle:focus-visible{outline:.2rem solid currentColor;outline-offset:.4rem}.topbar-benefits__localization .disclosure-list{border:0;border-radius:0 0 .4rem .4rem;box-shadow:0 .8rem 2rem #0000002e;inset-inline:auto 0;margin-top:.8rem;min-width:14rem;padding:.4rem 0}.topbar-benefits__localization .disclosure-list__option{padding-inline:1.2rem}.topbar-benefits__localization .disclosure-list__option:focus-visible{outline:.2rem solid currentColor;outline-offset:-.4rem;text-decoration:underline}.topbar-benefits__text{color:inherit;line-height:1.3}.topbar-benefits__text p{display:inline;margin:0}@media(max-width:1023.98px){.topbar-benefits-layout--has-utilities{display:block}.topbar-benefits__social,.topbar-benefits__localization--desktop{display:none}.topbar-benefits__utilities{inset-inline-end:0;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.topbar-benefits__localization--mobile{display:flex}.topbar-benefits-layout--has-mobile-localization .topbar-benefits{padding-inline:3.2rem}.topbar-benefits-layout--mobile-language-text .topbar-benefits{padding-inline:8rem}.topbar-benefits{display:grid;grid-template-columns:minmax(0,1fr);min-height:var(--benefits-rotation-height, 2.6rem);overflow:hidden;position:relative}.topbar-benefits__item{grid-area:1 / 1;opacity:0;pointer-events:none;transform:translateY(.6rem);transition:opacity .25s ease,transform .25s ease;visibility:hidden;white-space:normal}.topbar-benefits__item.is-active{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.topbar-benefits__text{overflow-wrap:anywhere;text-align:center}}@media(min-width:1024px){.topbar-benefits__localization--desktop.topbar-benefits__localization--text .disclosure-list{inset-inline:auto;inset-inline-start:-1.2rem}.topbar-benefits.is-rotating{grid-template-columns:minmax(0,1fr);min-height:var(--benefits-rotation-height, 2.6rem);overflow:hidden;position:relative}.topbar-benefits.is-rotating .topbar-benefits__item{grid-area:1 / 1;opacity:0;pointer-events:none;transform:translateY(.6rem);transition:opacity .25s ease,transform .25s ease;visibility:hidden}.topbar-benefits.is-rotating .topbar-benefits__item.is-active{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}}@media(prefers-reduced-motion:reduce){.topbar-benefits__item{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-topbar-benefits.css.map */