.contact-drawer{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%;opacity:0;visibility:hidden;background:rgba(var(--color-foreground),.5);transition:opacity var(--duration-default) ease,visibility var(--duration-default) ease}.contact-drawer[open]{z-index:1000;opacity:1;visibility:visible}.contact-drawer__content{position:absolute;top:0;right:0;width:50rem;max-width:calc(100vw - 3rem);height:100%;overflow-y:auto;background-color:var(--color-moonlit-pearl);transform:translate(100%);transition:transform var(--duration-default) ease}.contact-drawer[open] .contact-drawer__content{transform:translate(0)}.contact-drawer__close{position:absolute;top:4.4rem;right:4rem;font-size:1.6rem;color:var(--color-burgundy-400);text-transform:lowercase;text-decoration:none}.contact-drawer__inner{padding:7.6rem 4rem 4rem}.contact-drawer__heading{margin:0 0 1.2rem;font-size:4.2rem;font-weight:800;line-height:1;color:var(--color-tangerine-400)}.contact-drawer__subtext{margin:0 0 2.4rem;font-size:1.6rem;line-height:1.6;color:var(--color-burgundy-400)}.contact-drawer__list{display:flex;flex-direction:column;gap:.8rem;margin:0 -2.4rem 3rem;padding:0}.contact-drawer__row{display:flex;align-items:center;gap:1.6rem;padding:2.4rem;border-radius:1.6rem;background-color:#fff;text-decoration:none}.contact-drawer__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:5.6rem;height:5.6rem;border-radius:50%;background-color:var(--color-tangerine-400);color:#fff}.contact-drawer__icon svg{width:2.6rem;height:2.6rem;fill:currentColor}.contact-drawer__text{display:flex;flex-direction:column;line-height:1.6}.contact-drawer__label{font-size:1.6rem;font-weight:700;color:var(--color-burgundy-400)}.contact-drawer__subtitle{font-size:1.6rem;color:var(--color-burgundy-400)}.contact-drawer__more-info{font-size:1.6rem;color:var(--color-burgundy-400);text-transform:lowercase;text-decoration:none}.contact-drawer__close:hover,.contact-drawer__row:hover,.contact-drawer__row:hover .contact-drawer__icon,.contact-drawer__more-info:hover{box-shadow:none;transform:none}.contact-drawer__close,.contact-drawer__label,.contact-drawer__subtitle,.contact-drawer__more-info{transition:color var(--duration-short) ease}.contact-drawer__close:hover,.contact-drawer__row:hover .contact-drawer__label,.contact-drawer__row:hover .contact-drawer__subtitle,.contact-drawer__more-info:hover{color:var(--color-tangerine-400)}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-contact-drawer.css.map */