#CategoryHeaderMount.header__bottom{display:block!important;width:100%;max-width:none;padding-inline:0;margin-inline:0;background:rgb(var(--color-background))}.header:has(#CategoryHeaderMount){background:rgb(var(--color-background))}#CategoryHeaderMount:after{display:none}#CategoryHeaderMount>cozy-category-menu{width:calc(100% - 24px);max-width:none;padding-inline:0;margin-inline:auto}cozy-category-menu{display:block;--cn-line:rgb(var(--color-border));font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:var(--font-body-size);font-weight:var(--font-body-weight);line-height:var(--font-body-line-height);color:rgb(var(--color-foreground))}.cn-categories button{font:inherit;cursor:pointer;text-transform:none;letter-spacing:normal}.cn-categories :is(a,button){-webkit-tap-highlight-color:transparent}.cn-categories :is(a,button,input):focus-visible{outline:2px solid rgb(var(--color-primary));outline-offset:-3px}.cn-categories__rail{display:flex;align-items:center;gap:12px;width:100%;min-height:53px;padding:4px 0;border-top:1px solid var(--cn-line)}.cn-categories .cn-categories__open{display:flex;flex:none;align-items:center;justify-content:flex-start;gap:8px;min-width:92px;min-height:44px;padding:6px 12px;border:0;border-radius:10px;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-family:var(--font-button-family);font-size:var(--font-body-size);font-weight:var(--font-body-weight)}.cn-categories__open svg{width:24px;height:24px;flex:none}.cn-categories__viewport{flex:1;min-width:0}.cn-categories__shortcuts{display:flex;align-items:center;gap:6px;min-width:0;list-style:none;padding:0;margin:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.cn-categories__shortcuts::-webkit-scrollbar{display:none}.cn-categories__shortcuts li{flex:1 0 auto;min-width:0}.cn-categories__shortcut{font-family:var(--font-navigation-family);font-weight:var(--font-body-weight);display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:0 6px;font-size:var(--font-body-size);line-height:var(--font-body-line-height);color:rgb(var(--color-foreground));text-decoration:none;white-space:nowrap;border-radius:10px}.cn-categories__shortcut .cn-art{flex:none;width:24px;height:28px}.cn-categories__shortcut:hover{color:rgb(var(--color-button));background:rgba(var(--color-button),.08)}.cn-categories__viewport .scroll-rail__button--prev{left:0}.cn-categories__viewport .scroll-rail__button--next{right:0}.cn-art--image{object-fit:contain;flex:none}.cn-category-icon .cn-art--image{width:100%;height:100%}.cn-category-dialog{position:fixed;inset:var(--category-top,180px) auto auto var(--category-left,32px);width:var(--category-width,min(1376px, calc(100% - 64px) ));max-width:none;max-height:calc(100dvh - var(--category-top,180px) - 20px);margin:0 auto;padding:0;border:1px solid var(--cn-line);border-radius:16px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 18px 48px rgba(var(--color-foreground),.15);overflow:hidden;font:inherit}.cn-category-dialog::backdrop{background:rgba(var(--color-foreground),.28)}.cn-category-dialog[open]{display:flex;flex-direction:column}.cn-category-dialog__bar{position:absolute;top:10px;right:12px;z-index:1}.cn-category-dialog__bar h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.cn-category-dialog__close{display:grid;place-items:center;flex:none;width:44px;height:44px;background:transparent;border:0;border-radius:8px;color:inherit}.cn-category-dialog__close:hover{background:rgba(var(--color-button),.08)}.cn-category-dialog__close svg{width:24px;height:24px}.cn-category-dialog__search{display:none;position:relative;flex:none}.cn-category-dialog__search input{display:block;width:100%;height:46px;padding:10px 52px 10px 20px;border:1px solid transparent;border-radius:28px;background:rgb(var(--color-field));color:rgb(var(--color-field-text));font:inherit}.cn-category-dialog__search svg{position:absolute;inset:11px 18px auto auto;width:24px;height:24px;pointer-events:none}.cn-category-dialog__empty{padding:24px;margin:0;text-align:center}.cn-category-dialog__body{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:0;height:min(480px,calc(100dvh - var(--category-top,180px) - 22px))}.cn-category-dialog__parents{overflow-y:auto;padding:14px 12px;border-right:1px solid var(--cn-line);background:rgb(var(--color-secondary-background));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgb(var(--color-border)) transparent}.cn-category-dialog__parents button{display:flex;align-items:center;gap:18px;width:100%;min-height:60px;padding:12px 18px;border:0;border-radius:10px;text-align:left;background:transparent;color:rgb(var(--color-foreground));line-height:var(--font-body-line-height)}.cn-category-dialog__parents button:hover{background:rgba(var(--color-button),.08)}.cn-category-dialog__parents button[aria-selected=true]{color:rgb(var(--color-button-text));background:rgb(var(--color-button));font-weight:var(--font-body-weight-bolder)}.cn-category-icon{width:32px;height:32px;display:grid;place-items:center;flex:none;color:rgb(var(--color-subtext))}.cn-category-icon:empty{display:none}.cn-category-icon svg{width:32px;height:32px}.cn-category-dialog__parents [aria-selected=true] .cn-category-icon{color:rgb(var(--color-button-text))}.cn-category-dialog__groups{overflow-y:auto;overscroll-behavior:contain;min-width:0;padding:28px 36px 32px}.cn-category-group__toggle{display:none}.cn-category-group__heading{margin:0 48px 24px 0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-size:var(--font-h4-size);font-weight:var(--font-heading-weight);line-height:var(--font-body-line-height);letter-spacing:var(--font-heading-letter-spacing);color:rgb(var(--color-foreground))}.cn-category-group__links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0;margin:0;list-style:none;background:rgb(var(--color-background));border:1px solid var(--cn-line);border-radius:10px;overflow:hidden}.cn-category-group__links li{background:rgb(var(--color-background));min-width:0;box-shadow:0 0 0 1px var(--cn-line)}.cn-category-group__links a{display:flex;align-items:center;gap:18px;height:100%;min-height:76px;padding:18px 22px;color:inherit;text-decoration:none;line-height:var(--font-body-line-height);overflow-wrap:anywhere}.cn-category-group__links a:hover{background:rgba(var(--color-button),.08)}.cn-category-group__all{color:rgb(var(--color-button));font-weight:var(--font-body-weight-bolder)}.cn-categories [hidden]{display:none!important}.cn-category-dialog__parents button{justify-content:flex-start;gap:12px;padding-inline:14px}.cn-category-dialog__parents button>span:last-child{flex:1;min-width:0;text-align:left}.cn-categories .cn-category-dialog__close{min-width:44px;width:44px;padding:0}.cn-category-group__links a,.cn-category-dialog__parents button{transition:background-color .15s ease}@media(min-width:900px){#CategoryHeaderMount>cozy-category-menu{width:min(calc(100% - 48px),1800px)}}@media(min-width:1024px)and (max-width:1279px){.cn-category-dialog__body{grid-template-columns:224px minmax(0,1fr)}.cn-category-dialog__groups{padding-inline:24px}.cn-category-group__links a{padding:16px;gap:12px}}@media(max-width:1023px){html:has(#CategoryHeaderMount){overflow-anchor:none}.cn-categories__rail{height:72px;min-height:72px;padding:8px 0;gap:8px;border:0}.cn-categories .cn-categories__open{width:56px;min-width:56px;height:56px;padding:4px;flex-direction:column;justify-content:center;gap:2px;font-size:1.2rem;line-height:1.2}.cn-categories__open svg{width:22px;height:22px}.cn-categories__shortcuts{height:56px;gap:6px;overscroll-behavior-x:contain}.cn-categories__shortcuts li{width:66px;flex:0 0 66px}.cn-categories__shortcut{flex-direction:column;justify-content:center;width:100%;height:56px;min-height:56px;padding:0 2px;gap:2px;font-size:1.2rem}.cn-categories__shortcut .cn-art{width:28px;height:30px}.cn-categories__shortcut>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cn-categories__viewport .scroll-rail__button{display:none}.cn-category-dialog{top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}.cn-category-dialog__bar{position:relative;inset:auto;display:flex;align-items:center;flex:none;min-height:70px;padding:max(12px,env(safe-area-inset-top)) 64px 12px 20px;background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.cn-category-dialog__bar h2{position:static;width:auto;height:auto;clip-path:none;white-space:normal;margin:0;font-family:var(--font-heading-family);font-size:var(--font-h4-size);font-weight:var(--font-heading-weight);line-height:var(--font-body-line-height);color:inherit}.cn-categories .cn-category-dialog__close{position:absolute;inset:13px 12px auto auto}.cn-category-dialog__close:hover{background:rgba(var(--color-button-text),.12)}.cn-category-dialog__search{display:block;margin:20px 16px}.cn-category-dialog__body{display:block;flex:1;height:auto;overflow-y:auto;overscroll-behavior:contain;padding:0 12px max(24px,env(safe-area-inset-bottom))}.cn-category-dialog__parents{display:none}.cn-category-dialog__groups{overflow:visible;padding:0}.cn-category-group{border:1px solid var(--cn-line);border-radius:12px;overflow:hidden;margin-bottom:12px}.cn-categories .cn-category-group__toggle{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:60px;border:0;border-radius:0;padding:12px 14px;background:rgb(var(--color-secondary-background));color:rgb(var(--color-foreground));text-align:left;font-size:var(--font-body-size);font-weight:var(--font-body-weight-bolder);line-height:var(--font-body-line-height)}.cn-category-group__toggle>span:nth-child(2){flex:1;text-align:left}.cn-category-group__toggle>svg{width:16px;height:16px;flex:none;transition:transform .16s}.cn-category-group__toggle[aria-expanded=true]{background:rgba(var(--color-button),.08);box-shadow:inset 3px 0 rgb(var(--color-button))}.cn-category-group__toggle[aria-expanded=true]>svg{transform:rotate(180deg)}.cn-category-group__heading{display:none}.cn-category-group__panel{padding:8px 8px 10px 16px;background:rgb(var(--color-secondary-background))}.cn-category-group__links{grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--cn-line);border-radius:8px}.cn-category-group__links a{padding:12px 10px;gap:8px;min-height:68px;font-size:var(--font-body-size)}.cn-category-group__links .cn-category-icon,.cn-category-group__links .cn-art{width:24px;height:24px}.cn-category-group__all{background:rgba(var(--color-button),.08)!important}}@media(min-width:600px)and (max-width:1023px){.cn-categories__shortcuts li{width:auto;flex:1 0 66px}.cn-categories__shortcut .cn-art{width:32px;height:32px}}@media(max-width:380px){#CategoryHeaderMount>cozy-category-menu{width:calc(100% - 20px)}}@media(prefers-reduced-motion:reduce){.cn-categories :is(a,button,svg){transition:none}}.cn-categories .cn-label--mobile{display:none}@media(max-width:1023px){.cn-categories .cn-label--mobile{display:block}.cn-categories .cn-label--desktop{display:none}}.header-section.header-scrolled #CategoryHeaderMount{display:none!important}html:has(#CategoryHeaderMount){overflow-anchor:none}
/*# sourceMappingURL=/cdn/shop/t/14/assets/header-category-menu.css.map */