@layer components{.brand-logo{display:block;max-width:100%;width:fit-content}.brand-logo--left{margin-inline:0}.brand-logo--center{margin-inline:auto}.brand-logo--right{margin-inline-start:auto;margin-inline-end:0}.brand-logo--left .brand-logo__link{text-align:left}.brand-logo--center .brand-logo__link{text-align:center}.brand-logo--right .brand-logo__link{text-align:right}.brand-logo__link{display:block;position:relative;max-width:100%}.brand-logo__trademark{position:absolute;top:0;right:0;color:var(--brand-logo-trademark-color, var(--color-foreground));font-size:var(--brand-logo-trademark-size-mobile, 14px);line-height:1;pointer-events:none;transform:translate(var(--brand-logo-trademark-horizontal-position, 0px),var(--brand-logo-trademark-vertical-position, 0px))}.brand-logo__image{display:block;width:auto;max-width:min(100%,var(--brand-logo-max-width-mobile, var(--brand-logo-max-width, 220px)));height:auto;aspect-ratio:var(--brand-logo-aspect-ratio, 1)}.brand-logo__text{display:block;margin:0;max-width:min(100%,var(--brand-logo-max-width-mobile, var(--brand-logo-max-width, 220px)));color:var(--color-foreground)}@media(min-width:640px){.brand-logo__trademark{font-size:var(--brand-logo-trademark-size-tablet, 16px)}.brand-logo__image,.brand-logo__text{max-width:min(100%,var(--brand-logo-max-width-tablet, var(--brand-logo-max-width, 220px)))}}@media(min-width:880px){.brand-logo__trademark{font-size:var(--brand-logo-trademark-size-desktop, 18px)}.brand-logo__image,.brand-logo__text{max-width:min(100%,var(--brand-logo-max-width-desktop, var(--brand-logo-max-width, 220px)))}}.brand-logo--hover-scale .brand-logo__image,.brand-logo--hover-scale .brand-logo__text{transition:transform .3s ease}.brand-logo--hover-scale .brand-logo__link:hover .brand-logo__image,.brand-logo--hover-scale .brand-logo__link:hover .brand-logo__text{transform:scale(1.1)}@media(prefers-reduced-motion:reduce){html[data-respect-reduced-motion=true] .brand-logo--hover-scale .brand-logo__image,html[data-respect-reduced-motion=true] .brand-logo--hover-scale .brand-logo__text{transition:none}html[data-respect-reduced-motion=true] .brand-logo--hover-scale .brand-logo__link:hover .brand-logo__image,html[data-respect-reduced-motion=true] .brand-logo--hover-scale .brand-logo__link:hover .brand-logo__text{transform:none}}.brand-logo__text:not(.text-heading-h1){font-family:var( --brand-logo-text-font-family, var(--h1-font-family, var(--font-heading--family)) );font-size:var(--brand-logo-text-size-mobile, var(--h1-size-mobile));font-weight:var(--brand-logo-text-font-weight, var(--h1-font-weight));line-height:var(--h1-line-height)}@media(min-width:640px)and (max-width:879px){.brand-logo__text:not(.text-heading-h1){font-size:var(--brand-logo-text-size-tablet, var(--h1-size-tablet))}}@media(min-width:880px){.brand-logo__text:not(.text-heading-h1){font-size:var(--brand-logo-text-size-desktop, var(--h1-size-desktop))}}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/blocks-brand-logo-styles.css.map */