:root{--badge-gap: var(--spacing-2x-small);--badge-background-color: var(--grayscale-white);--badge-text-color: var(--text-primary);--badge-text-font-weight: var(--font-weight-label);--badge-text-font-size: 10px;--badge-text-line-height: var(--font-line-height-label);--badge-text-font-family: var(--font-family-label);--badge-text-letter-spacing: var(--font-letter-spacing-label);--badge-text-text-transform: var(--font-text-transform-label);--badge-border-color: var(--text-primary);--badge-border-width: 1px;--badge-border-style: solid;--badge-border-radius: 100px;--badge-height: 20px;--badge-padding: 0 var(--spacing-x-small);--badge-position-space: 10px}@media screen and (min-width:768px){:root{--badge-gap: 6px;--badge-text-font-size: var(--font-size-label);--badge-height: 24px;--badge-padding: 0 10px}}.badges-group{display:flex;justify-content:center;align-items:center;gap:var(--badge-gap)}.badges-group-horizontal{flex-direction:row}.badges-group-vertical{flex-direction:column;justify-content:flex-start;align-items:flex-start}.badges-group.badges-position{position:absolute;z-index:2}.badges-position.position-top-left{top:var(--badge-position-space);left:var(--badge-position-space)}.badges-position.position-bottom-left{bottom:var(--badge-position-space);left:var(--badge-position-space)}.badges-position.position-top-right{top:var(--badge-position-space);right:var(--badge-position-space)}.badges-position.position-bottom-right{right:var(--badge-position-space);bottom:var(--badge-position-space)}.badge{display:flex;align-items:center;border:var(--badge-border-width) var(--badge-border-style) var(--badge-border-color);border-radius:var(--badge-border-radius);background-color:var(--badge-background-color);padding:var(--badge-padding);height:var(--badge-height);color:var(--badge-text-color);font-weight:var(--badge-text-font-weight);font-size:var(--badge-text-font-size);line-height:var(--badge-text-line-height);font-family:var(--badge-text-font-family);letter-spacing:var(--badge-text-letter-spacing);text-transform:var(--badge-text-text-transform)}.badge-text{transform:translateY(1px);line-height:1}.badge-sale{--badge-background-color: var(--ecommerce-sale);--badge-text-color: var(--grayscale-white);--badge-border-color: var(--ecommerce-sale)}.badge-new{--badge-background-color: var(--state-success);--badge-text-color: var(--text-primary);--badge-border-color: var(--state-success)}.badge-bestseller{--badge-background-color: var(--state-pending);--badge-text-color: var(--text-primary);--badge-border-color: var(--state-pending)}.badges-group.badge-for{width:100%;max-width:calc(100% - var(--badge-position-space) * 2)}.badge-for .badge{--badge-background-color: var(--brand-accent-1);--badge-text-color: var(--text-primary);--badge-height: fit-content;--badge-padding: 4px 8px;--tooltip-icon-size: 15px;--tooltip-icon-margin-left: 4px;--tooltip-trigger-font-weight: 500;--tooltip-trigger-font-size: 10px;--tooltip-text-font-size: 12px;--tooltip-padding: 6px 8px;--tooltip-text-line-height: 130%;width:100%;text-align:left}@media screen and (min-width:768px){.badge-for .badge{--tooltip-trigger-font-size: 14px;--tooltip-text-font-size: 16px;--badge-padding: 4px 10px;--tooltip-padding: 10px 14px}}.badge-for .badge .tooltip-trigger{padding-right:calc(var(--tooltip-icon-size) + var(--tooltip-icon-margin-left));width:100%}.badge-for .badge .tooltip-text{display:block;transform:translateY(1px);width:100%;overflow:hidden;font-weight:var(--tooltip-trigger-font-weight);font-size:var(--tooltip-trigger-font-size);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.badge-for .badge .tooltip{padding:var(--tooltip-padding);max-width:200px;font-size:var(--tooltip-text-font-size);line-height:var(--tooltip-text-line-height);text-transform:capitalize}@media screen and (min-width:768px){.badge-for .badge .tooltip{max-width:280px}}.badge-for .badge .tooltip-icon{position:absolute;top:50%;right:8px;transform:translateY(-50%)}@media screen and (min-width:768px){.badge-for .badge .tooltip-icon{right:10px}}
/*# sourceMappingURL=/cdn/shop/t/96/assets/atlas.badges.css.map */