.opsHeaderMobile{--gap: 1rem;background:var(--header-background);-webkit-backdrop-filter:var(--header-backdrop-filter);backdrop-filter:var(--header-backdrop-filter);display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:100}.opsHeaderMobile-drawer{background:var(--color-background);border-left:1px solid var(--color-divider);display:flex;flex-direction:column;width:320px;max-width:320px;position:fixed;top:0;right:0;bottom:0}.opsLayoutHeader--isOpen .opsHeaderMobile{display:block}.opsHeaderMobile-header{align-items:center;border-bottom:1px solid var(--color-divider);display:flex;flex-direction:row;justify-content:space-between}.opsHeaderMobile-logo{cursor:pointer;display:block;height:3rem;width:3rem;padding:.5rem}.opsHeaderMobile-logo svg{height:100%;width:100%}.opsHeaderMobile-close{align-items:center;border-left:1px solid var(--color-divider);display:flex;cursor:pointer;justify-content:center;width:4rem;height:4rem}.opsHeaderMobile-close:hover{color:var(--color-ink-default-quietest);background:var(--color-brand-loud)}.opsHeaderMobile-close svg{fill:var(--color-ink-default-louder)}.opsHeaderMobile-close:hover svg{fill:var(--color-ink-default-quietest)}.opsHeaderMobile-content{font-size:var(--font-size-heading-h4);flex:1;overflow-y:auto}.opsHeaderMobile-items{display:flex;flex-direction:column;font-size:var(--font-size-heading-h4);padding:var(--gap)}.opsHeaderMobile-items .opsHeaderMobile-items .opsHeaderMobile-items{font-size:var(--font-size-heading-h6)}.opsHeaderMobile-item1{border:1px solid transparent}.opsHeaderMobile-item1.opsLayoutHeader--isExpanded{background:var(--color-surface-quieter);border-color:var(--color-ink-default-quieter)}.opsHeaderMobile-item1-header{align-items:center;border-bottom:1px solid transparent;color:var(--color-ink-default-louder);cursor:pointer;display:flex;flex-direction:row;font-family:var(--font-family-oswald);font-size:var(--font-size-heading-h6);font-weight:400;padding:.75rem .75rem .75rem 1rem;gap:8px;justify-content:space-between;text-decoration:none}.opsHeaderMobile-item1:not(.opsLayoutHeader--isExpanded) .opsHeaderMobile-item1-header:hover{color:var(--color-ink-default-quietest);background:var(--color-brand-loud)}.opsLayoutHeader--isExpanded>.opsHeaderMobile-item1-header{border-bottom:1px solid var(--color-ink-default-quieter)}.opsHeaderMobile-item1-title{font-family:var(--font-family-oswald);font-weight:400;text-transform:uppercase}.opsHeaderMobile-item1-arrow{width:1rem;height:1rem;transform:rotate(-90deg)}.opsLayoutHeader--isExpanded>.opsHeaderMobile-item1-header .opsHeaderMobile-item1-arrow,.opsHeaderMobile-item1-header:hover .opsHeaderMobile-item1-arrow{transform:rotate(0)}.opsHeaderMobile-item1-arrow svg{display:block;fill:var(--color-text-primary);width:100%;height:100%}.opsHeaderMobile-item1:not(.opsLayoutHeader--isExpanded) .opsHeaderMobile-item1-header:hover svg{fill:var(--color-ink-default-quietest)}.opsHeaderMobile-item1-content{display:none}.opsLayoutHeader--isExpanded>.opsHeaderMobile-item1-content{display:block}.opsHeaderMobile-item2{align-items:center;color:var(--color-ink-default-louder);cursor:pointer;display:flex;flex-direction:row;font-family:var(--font-family-oswald);font-size:var(--font-size-heading-h6);font-weight:400;padding:.75rem 1rem;text-decoration:none;text-transform:uppercase;white-space:nowrap}.opsHeaderMobile-item2:hover{color:var(--color-ink-default-quietest);background:var(--color-brand-loud)}.opsHeaderMobile-footer{align-items:center;border-top:1px solid var(--color-divider);display:flex;flex-direction:row}.opsHeaderMobile-footer-item{align-items:center;color:var(--color-ink-default-louder);cursor:pointer;display:flex;flex:1;justify-content:center;padding:.75rem}.opsHeaderMobile-footer-item+.opsHeaderMobile-footer-item{border-left:1px solid var(--color-divider)}.opsHeaderMobile-footer-item:hover{color:var(--color-ink-default-quietest);background:var(--color-brand-loud)}.opsHeaderMobile-footer-item svg{fill:var(--color-ink-default-louder)}.opsHeaderMobile-footer-item:hover svg{fill:var(--color-ink-default-quietest)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ops-layout-header-mobile.css.map */