.jd-tdir{--jd-tdir-text: var(--text-color, var(--text-primary));--jd-tdir-accent: var(--accent);--jd-tdir-tile-w: calc(var(--jd-tdir-thumb) + var(--spacing-3));--jd-tdir-label-size: max(var(--text-xs), calc(var(--jd-tdir-thumb) * var(--jd-tdir-label-scale, .13)));display:grid;grid-template-columns:minmax(0,1fr);gap:var(--spacing-10)}.jd-tdir__dept{padding-block-start:var(--spacing-3);border-block-start:1px solid rgb(var(--jd-tdir-accent));scroll-margin-top:calc(var(--sticky-area-height, 0px) + var(--spacing-4))}.jd-tdir__group,.jd-tdir__tile-item{scroll-margin-top:calc(var(--sticky-area-height, 0px) + var(--spacing-4))}.jd-tdir__dept-header{display:flex;align-items:center;gap:var(--spacing-2)}.jd-tdir__dept-title{margin:0;color:rgb(var(--jd-tdir-accent));font-size:var(--jd-tdir-dept-size, var(--text-h5));line-height:1.2}.jd-tdir__dept-title a:hover{text-decoration:underline;text-underline-offset:3px}.jd-tdir__view-all{flex:none;margin-inline-start:auto;font-size:var(--text-sm);opacity:.7;transition:opacity .2s ease}.jd-tdir__view-all:hover{opacity:1}.jd-tdir__dept-body{display:grid;gap:var(--spacing-5);margin-block-start:var(--spacing-5)}.jd-tdir__group-header{display:flex;align-items:center;gap:var(--spacing-2)}.jd-tdir__group-title{margin:0;font-family:var(--text-font-family);font-size:var(--jd-tdir-group-size, var(--text-sm));font-weight:700;letter-spacing:0;text-transform:none;line-height:1.3}.jd-tdir__group-title a:hover{color:rgb(var(--jd-tdir-accent))}.jd-tdir__group>.jd-tdir__tiles{margin-block-start:var(--spacing-2-5)}.jd-tdir--collapsible summary{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none}.jd-tdir--collapsible summary::-webkit-details-marker,.jd-tdir--collapsible summary::marker{display:none;content:""}.jd-tdir--collapsible summary:focus-visible{outline:2px solid rgb(var(--jd-tdir-accent));outline-offset:2px;border-radius:var(--rounded-xs)}.jd-tdir__caret{flex:none;width:.75em;height:.75em;min-width:10px;min-height:10px;transition:transform .2s ease}.jd-tdir__dept-header .jd-tdir__caret{color:rgb(var(--jd-tdir-accent))}details:not([open])>summary>.jd-tdir__caret{transform:rotate(-90deg)}.jd-tdir__tiles{display:grid;grid-template-columns:repeat(auto-fill,var(--jd-tdir-tile-w));gap:var(--spacing-4) var(--spacing-2);margin:0;padding:0;list-style:none}.jd-tdir__tile{display:grid;justify-items:center;align-content:start;gap:var(--spacing-1-5);text-align:center}.jd-tdir__thumb{display:grid;place-items:center;width:var(--jd-tdir-thumb);aspect-ratio:1;overflow:hidden;background:#fff;border:1px solid rgb(var(--border-color));border-radius:var(--rounded-xs);transition:border-color .2s ease,box-shadow .2s ease}.jd-tdir__thumb img{width:100%;height:100%;object-fit:contain;padding:3px}.jd-tdir__placeholder{width:100%;height:100%;background:rgb(var(--jd-tdir-text) / .04);fill:rgb(var(--jd-tdir-text) / .3)}.jd-tdir__tile-label{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:var(--jd-tdir-label-size);line-height:1.2;color:rgb(var(--jd-tdir-text) / .8);word-break:break-word;transition:color .2s ease}a.jd-tdir__tile:hover .jd-tdir__thumb{border-color:rgb(var(--jd-tdir-accent));box-shadow:0 0 0 1px rgb(var(--jd-tdir-accent))}a.jd-tdir__tile:hover .jd-tdir__tile-label{color:rgb(var(--jd-tdir-accent))}.jd-tdir--grayscale .jd-tdir__thumb img{filter:grayscale(1);transition:filter .2s ease}.jd-tdir--grayscale-hover a.jd-tdir__tile:hover .jd-tdir__thumb img{filter:none}.jd-tdir--sidebar{gap:var(--spacing-6)}.jd-tdir__main{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--spacing-10);min-width:0}.jd-tdir__sidebar{min-width:0}.jd-tdir__sidebar-title{margin:0 0 var(--spacing-2);padding-block-end:var(--spacing-2);border-block-end:1px solid rgb(var(--border-color));font-size:var(--text-sm);font-weight:700}.jd-tdir__sidebar-list{display:flex;gap:var(--spacing-2);margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}.jd-tdir__sidebar-list::-webkit-scrollbar{display:none}.jd-tdir__sidebar-link{display:block;padding:var(--spacing-1-5) var(--spacing-3);border:1px solid rgb(var(--border-color));border-radius:var(--rounded-button);font-size:var(--text-sm);line-height:1.3;white-space:nowrap;transition:color .2s ease,border-color .2s ease,background-color .2s ease}.jd-tdir__sidebar-link:hover{color:rgb(var(--jd-tdir-accent));border-color:rgb(var(--jd-tdir-accent))}.jd-tdir__sidebar-heading{display:block;color:rgb(var(--jd-tdir-accent));font-size:var(--text-sm);font-weight:700;line-height:1.3}.jd-tdir__sidebar-heading:hover{text-decoration:underline;text-underline-offset:3px}.jd-tdir__sidebar-sublist{margin:0;padding:0;list-style:none}@media screen and (max-width:999px){.jd-tdir__sidebar-title,.jd-tdir__sidebar-sublist,.jd-tdir--sidebar-desktop-only .jd-tdir__sidebar{display:none}.jd-tdir__sidebar-heading{padding:var(--spacing-1-5) var(--spacing-3);border:1px solid rgb(var(--border-color));border-radius:var(--rounded-button);color:inherit;font-weight:400;white-space:nowrap;transition:color .2s ease,border-color .2s ease}.jd-tdir__sidebar-heading:hover{color:rgb(var(--jd-tdir-accent));border-color:rgb(var(--jd-tdir-accent));text-decoration:none}}@media screen and (min-width:1000px){.jd-tdir--sidebar{grid-template-columns:var(--jd-tdir-sidebar-w, 220px) minmax(0,1fr);gap:var(--spacing-10);align-items:start}.jd-tdir__sidebar{position:sticky;top:calc(var(--sticky-area-height, 0px) + var(--spacing-4));max-height:calc(100vh - var(--sticky-area-height, 0px) - var(--spacing-8));overflow-y:auto}.jd-tdir__sidebar-list{display:grid;gap:0;overflow:visible}.jd-tdir__sidebar-link{padding:var(--spacing-1-5) var(--spacing-2);border:0;border-radius:var(--rounded-xs);white-space:normal}.jd-tdir__sidebar-link:hover{background:rgb(var(--jd-tdir-text) / .04)}.jd-tdir--sidebar-l2 .jd-tdir__sidebar-list{gap:var(--spacing-4)}.jd-tdir__sidebar-heading{padding:0 var(--spacing-2) var(--spacing-1)}.jd-tdir--sidebar-l2 .jd-tdir__sidebar-link{padding-block:var(--spacing-1);font-size:var(--text-xs)}}@media screen and (min-width:1000px){.jd-tdir__sidebar{scrollbar-width:thin;scrollbar-color:transparent transparent;scrollbar-gutter:stable;transition:scrollbar-color .2s ease}.jd-tdir__sidebar:hover{scrollbar-color:#48484B80 transparent}}@media screen and (max-width:699px){.jd-tdir{gap:var(--spacing-8)}.jd-tdir__tiles{grid-template-columns:repeat(auto-fill,minmax(var(--jd-tdir-tile-w),1fr))}}@media screen and (max-width:999px){.jd-tdir__sidebar-list{flex-wrap:wrap;overflow:visible;scroll-snap-type:none}.jd-tdir__sidebar-group,.jd-tdir__sidebar-heading{flex-shrink:1;max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/113/assets/jd-taxonomy-directory.css.map */