.site-footer{color:var(--color-text-inverted);margin:0 auto;max-width:min(var(--layout-wide),calc(100% - var(--layout-padding) * 2));padding:var(--spacing-100) 0}.site-footer *::selection{background-color:var(--color-text-inverted);color:var(--color-surface-base)}.site-footer .footer__content{column-gap:var(--spacing-50);display:grid;font-size:var(--font-size-sm);row-gap:var(--spacing-80)}@media (min-width: 768px){.site-footer .footer__content{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1280px){.site-footer .footer__content{grid-template-columns:repeat(4,1fr)}}.site-footer .footer__content>div{display:flex;flex-direction:column}.site-footer .footer__content>div.footer__contact{gap:var(--spacing-50);justify-content:space-between;order:4}@media (min-width: 1280px){.site-footer .footer__content>div.footer__contact{order:unset}}.site-footer .footer__content p{margin:0;opacity:.75}.site-footer .footer__content p+p{margin-top:var(--spacing-30)}.site-footer .footer__content .footer__logo{display:block;height:1rem;line-height:0;width:6.5rem}.site-footer .footer__content .footer__social{display:flex;gap:var(--spacing-40)}.site-footer .footer__content .footer__social a{height:1.5rem;position:relative;width:1.5rem}@media (hover: hover){.site-footer .footer__content .footer__social a:hover:before{opacity:1}}.site-footer .footer__content .footer__social a:before{background-color:var(--color-overlay-subtle);border-radius:var(--border-radius-sm);content:"";display:block;height:2.5rem;left:-.5rem;opacity:0;pointer-events:none;position:absolute;top:-.5rem;transition:opacity .2s ease;width:2.5rem}.site-footer .footer__content .footer__menu{align-items:flex-start;display:flex;flex-direction:column;gap:var(--spacing-60)}.site-footer .footer__content .footer__menu a{align-items:center;display:inline-flex;font-size:var(--font-size-md);gap:var(--spacing-20);text-decoration-color:transparent;text-underline-offset:.3em;transition:text-decoration-color .2s ease}.site-footer .footer__content .footer__menu a:focus{text-decoration-color:var(--color-text-inverted)}@media (hover: hover){.site-footer .footer__content .footer__menu a:hover{text-decoration-color:var(--color-text-inverted)}}.site-footer .footer__content .footer__menu a svg{height:1.5rem;width:1.5rem}
/*# sourceMappingURL=/cdn/shop/t/9/assets/css/sections/footer.css.map */