.dl-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--dl-icon-size-default);height:var(--dl-icon-size-default);flex-shrink:0;color:currentColor;line-height:1;transition:var(--dl-transition-color)}.dl-icon svg{display:block;width:100%;height:100%;stroke:currentColor;stroke-width:var(--dl-icon-stroke-default);fill:none;vector-effect:non-scaling-stroke}.dl-icon--xs{width:var(--dl-icon-size-xs);height:var(--dl-icon-size-xs)}.dl-icon--sm{width:var(--dl-icon-size-sm);height:var(--dl-icon-size-sm)}.dl-icon--md{width:var(--dl-icon-size-md);height:var(--dl-icon-size-md)}.dl-icon--lg{width:var(--dl-icon-size-lg);height:var(--dl-icon-size-lg)}.dl-icon--xl{width:var(--dl-icon-size-xl);height:var(--dl-icon-size-xl)}.dl-icon--2xl{width:var(--dl-icon-size-2xl);height:var(--dl-icon-size-2xl)}.dl-icon--thin svg{stroke-width:var(--dl-icon-stroke-thin)}.dl-icon--medium svg{stroke-width:var(--dl-icon-stroke-medium)}.dl-icon--bold svg{stroke-width:var(--dl-icon-stroke-bold)}.dl-icon--primary{color:var(--dl-color-primary)}.dl-icon--heading{color:var(--dl-color-heading)}.dl-icon--secondary{color:var(--dl-color-text-secondary)}.dl-icon--muted{color:var(--dl-color-text-muted)}.dl-icon--success{color:var(--dl-color-success)}.dl-icon--warning{color:var(--dl-color-warning)}.dl-icon--error{color:var(--dl-color-error)}.dl-icon--info{color:var(--dl-color-info)}.dl-icon--white{color:var(--dl-color-white)}.dl-icon-box{display:inline-flex;align-items:center;justify-content:center;width:var(--dl-icon-container-md);height:var(--dl-icon-container-md);color:var(--dl-color-primary);background:var(--dl-color-primary-soft);border:1px solid var(--dl-color-primary-border);border-radius:var(--dl-radius-lg);transition:var(--dl-transition-interactive)}.dl-icon-box--sm{width:var(--dl-icon-container-sm);height:var(--dl-icon-container-sm)}.dl-icon-box--lg{width:var(--dl-icon-container-lg);height:var(--dl-icon-container-lg)}.dl-icon-box--xl{width:var(--dl-icon-container-xl);height:var(--dl-icon-container-xl)}.dl-icon-box--primary{color:var(--dl-color-white);background:var(--dl-color-primary);border-color:var(--dl-color-primary)}.dl-icon-box--dark{color:var(--dl-color-white);background:var(--dl-color-navy);border-color:var(--dl-color-navy)}.dl-icon-box--light{color:var(--dl-color-heading);background:var(--dl-color-white);border-color:var(--dl-color-border)}.dl-icon-box--transparent{background:transparent;border-color:transparent}.dl-icon-box--circle{border-radius:var(--dl-radius-full)}a:hover .dl-icon,button:hover .dl-icon{color:inherit}a:hover .dl-icon-box,button:hover .dl-icon-box{transform:translateY(-1px);box-shadow:var(--dl-shadow-sm)}.dl-icon--rotate-90{transform:rotate(90deg)}.dl-icon--rotate-180{transform:rotate(180deg)}.dl-icon--rotate-270{transform:rotate(270deg)}@media screen and (max-width:680px){.dl-icon-box{width:2.25rem;height:2.25rem}}.dl-icon-box{border-radius:var(--dl-radius-xl, 10px);box-shadow:none}.dl-icon--accent-blue,.dl-icon-box--accent-blue{color:var(--dl-color-accent-blue)}.dl-icon-box--accent-blue{background:var(--dl-color-accent-blue-soft);border-color:color-mix(in srgb,var(--dl-color-accent-blue) 22%,transparent)}.dl-icon--accent-green,.dl-icon-box--accent-green{color:var(--dl-color-accent-green)}.dl-icon-box--accent-green{background:var(--dl-color-accent-green-soft);border-color:color-mix(in srgb,var(--dl-color-accent-green) 22%,transparent)}.dl-icon--accent-orange,.dl-icon-box--accent-orange{color:var(--dl-color-accent-orange)}.dl-icon-box--accent-orange{background:var(--dl-color-accent-orange-soft);border-color:color-mix(in srgb,var(--dl-color-accent-orange) 22%,transparent)}.dl-icon--accent-violet,.dl-icon-box--accent-violet{color:var(--dl-color-accent-violet)}.dl-icon-box--accent-violet{background:var(--dl-color-accent-violet-soft);border-color:color-mix(in srgb,var(--dl-color-accent-violet) 22%,transparent)}.dl-icon--accent-teal,.dl-icon-box--accent-teal{color:var(--dl-color-accent-teal)}.dl-icon-box--accent-teal{background:var(--dl-color-accent-teal-soft);border-color:color-mix(in srgb,var(--dl-color-accent-teal) 22%,transparent)}.dl-icon--accent-yellow,.dl-icon-box--accent-yellow{color:var(--dl-color-accent-yellow)}.dl-icon-box--accent-yellow{background:var(--dl-color-accent-yellow-soft);border-color:color-mix(in srgb,var(--dl-color-accent-yellow) 22%,transparent)}
/*# sourceMappingURL=/cdn/shop/t/23/assets/dl-component-icon.css.map */