.cbrowse{padding-block:var(--ps-space-8) var(--ps-space-9);background:var(--ps-bg);--cb-stick:3.625rem;--cb-select:0rem;scroll-margin-top:var(--cb-stick)}.cbrowse .browse-intro{display:flex;align-items:end;justify-content:space-between;gap:var(--ps-space-5);padding-bottom:var(--ps-space-7);border-bottom:thin solid var(--ps-border);margin-bottom:var(--ps-space-7)}.cbrowse .browse-intro h2{font:var(--ps-weight-medium) var(--ps-size-4xl)/1.1 var(--ps-font-display);color:var(--ps-navy);letter-spacing:var(--ps-track-tight);margin:var(--ps-space-3) 0;text-transform:uppercase}.cbrowse .browse-intro p:not(.ps-eyebrow){margin:0;color:var(--ps-text-2);font-family:var(--ps-font-body);font-size:var(--ps-size-base)}.cbrowse .browse-total{font-family:var(--ps-font-body);font-size:var(--ps-size-sm);color:var(--ps-text-2);white-space:nowrap;padding-bottom:var(--ps-space-2)}.cbrowse .browse-layout{display:grid;grid-template-columns:calc(var(--ps-space-9)*2.5) minmax(0,1fr);gap:var(--ps-space-7);align-items:start}.cbrowse .collection-directory{min-width:0}.cbrowse .directory-inner{position:sticky;top:calc(var(--cb-stick) + var(--ps-space-4));max-height:calc(100vh - var(--cb-stick) - var(--ps-space-6));overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}.cbrowse .directory-label{font:var(--ps-weight-semi) var(--ps-size-xs) var(--ps-font-display);letter-spacing:var(--ps-track-label);color:var(--ps-navy);margin:0 0 var(--ps-space-5)}.cbrowse .directory-group{font:var(--ps-weight-medium) var(--ps-size-xs) var(--ps-font-ui);color:var(--ps-text-3);margin:var(--ps-space-4) 0 var(--ps-space-2);text-transform:uppercase;letter-spacing:var(--ps-track-label)}.cbrowse #collection-nav a{display:flex;align-items:center;justify-content:space-between;gap:var(--ps-space-2);padding:var(--ps-space-2) var(--ps-space-3);font-family:var(--ps-font-body);font-size:var(--ps-size-sm);color:var(--ps-navy);text-decoration:none;border-left:thin solid transparent;min-height:var(--ps-space-7)}.cbrowse #collection-nav a span{font-size:var(--ps-size-xs);color:var(--ps-text-3)}.cbrowse #collection-nav a:hover{background:var(--ps-bg-soft)}.cbrowse #collection-nav a[aria-current=true]{border-color:var(--ps-navy);background:var(--ps-seafoam-100);font-weight:var(--ps-weight-semi)}.cbrowse .collection-mobile{display:none}.cbrowse .cshelf{padding-bottom:var(--ps-space-8);margin-bottom:var(--ps-space-8);border-bottom:thin solid var(--ps-border);scroll-margin-top:calc(var(--cb-stick) + var(--cb-select) + var(--ps-space-5))}.cbrowse .cshelf:last-child{margin-bottom:0;border-bottom:0;padding-bottom:0}.cbrowse .shelf-header{display:flex;align-items:center;justify-content:space-between;gap:var(--ps-space-5);margin-bottom:var(--ps-space-5)}.cbrowse .shelf-title{display:flex;align-items:center;gap:var(--ps-space-4);min-width:0}.cbrowse .shelf-number{font:var(--ps-weight-regular) var(--ps-size-xl) var(--ps-font-serif);color:var(--ps-seafoam-600);border-right:thin solid var(--ps-border);padding-right:var(--ps-space-4);flex:none}.cbrowse .shelf-title h3{font:var(--ps-weight-medium) var(--ps-size-2xl)/1.2 var(--ps-font-display);color:var(--ps-navy);margin:0 0 var(--ps-space-1);letter-spacing:var(--ps-track-tight);text-transform:uppercase}.cbrowse .shelf-title h3:focus{outline:none}.cbrowse .shelf-title h3:focus-visible{outline:medium solid var(--ps-focus);outline-offset:var(--ps-space-1)}.cbrowse .shelf-count{font-family:var(--ps-font-body);font-size:var(--ps-size-xs);color:var(--ps-text-2);margin:0}.cbrowse .shelf-link{display:flex;gap:var(--ps-space-3);align-items:center;color:var(--ps-navy);font:var(--ps-weight-semi) var(--ps-size-xs) var(--ps-font-display);letter-spacing:var(--ps-track-label);text-decoration:none;white-space:nowrap;min-height:var(--ps-space-7);flex:none}.cbrowse .shelf-link:hover{text-decoration:underline;text-underline-offset:var(--ps-space-1)}.cbrowse .shelf-link svg{width:var(--ps-space-4);height:var(--ps-space-4);fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.cbrowse .shelf-grid.pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ps-space-4);grid-auto-flow:row}.cbrowse .shelf-grid[aria-busy=true]{min-height:calc(var(--ps-space-9)*3)}.cbrowse .cshelf[data-wide=true] .shelf-grid.pgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ps-space-5)}.cbrowse .shelf-grid .pcard--grid .pimg{aspect-ratio:1/1}.cbrowse .shelf-grid .pcard--grid .pimg img{object-fit:contain;padding:var(--ps-space-3);box-sizing:border-box}.cbrowse .cshelf[data-wide=true] .pcard--grid .pimg{aspect-ratio:4/3}.cbrowse .shelf-grid .pcard--grid:not(:has(.pi-back)):hover .pi-front{opacity:1}.cbrowse .shelf-grid .pname{font-size:var(--ps-size-sm);min-height:2.6em}.cbrowse .shelf-grid .pmeta{padding:var(--ps-space-5) var(--ps-space-3) var(--ps-space-3)}.cbrowse .shelf-grid .pmeta:before{left:var(--ps-space-3)}.cbrowse .shelf-grid .now{font-size:var(--ps-size-lg)}.cbrowse .shelf-grid .card-options{margin-inline:var(--ps-space-3)}.cbrowse .cshelf[data-wide=true] .shelf-grid .pname{font-size:var(--ps-size-md)}.cbrowse .cshelf[data-wide=true] .shelf-grid .now{font-size:var(--ps-size-xl)}.cbrowse .shelf-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--ps-space-4);padding-top:var(--ps-space-5)}.cbrowse .shelf-progress{font-family:var(--ps-font-ui);font-size:var(--ps-size-xs);color:var(--ps-text-2)}.cbrowse .shelf-more{display:flex;gap:var(--ps-space-5);align-items:center;justify-content:center;border:thin solid var(--ps-border);background:var(--ps-bg);color:var(--ps-navy);padding:var(--ps-space-3) var(--ps-space-5);font:var(--ps-weight-semi) var(--ps-size-xs) var(--ps-font-display);letter-spacing:var(--ps-track-button);text-transform:uppercase;min-height:var(--ps-space-7);cursor:pointer;transition:background var(--ps-dur) var(--ps-ease),border-color var(--ps-dur) var(--ps-ease)}.cbrowse .shelf-more:hover{background:var(--ps-seafoam-100);border-color:var(--ps-navy)}.cbrowse .shelf-more svg{width:var(--ps-space-4);height:var(--ps-space-4);stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round}.cbrowse .shelf-less{justify-self:end;border:0;background:transparent;color:var(--ps-navy);text-decoration:underline;text-underline-offset:var(--ps-space-1);font:var(--ps-weight-regular) var(--ps-size-xs) var(--ps-font-body);padding:var(--ps-space-3);min-height:var(--ps-space-7);cursor:pointer}.cbrowse .shelf-note{margin:var(--ps-space-3) 0 0;padding:var(--ps-space-3) var(--ps-space-4);border:thin solid var(--ps-border);background:var(--ps-powder-100);color:var(--ps-navy);font-family:var(--ps-font-ui);font-size:var(--ps-size-sm);display:flex;flex-wrap:wrap;align-items:center;gap:var(--ps-space-3)}.cbrowse .shelf-note button{font:inherit;color:var(--ps-navy);text-decoration:underline;text-underline-offset:var(--ps-space-1);background:transparent;border:0;padding:0;cursor:pointer;letter-spacing:0;text-transform:none}.cbrowse [hidden]{display:none!important}.cbrowse :is(button,a,select):focus-visible{outline:medium solid var(--ps-focus);outline-offset:var(--ps-space-1)}@media(max-width:75em){.cbrowse .browse-layout{grid-template-columns:calc(var(--ps-space-9)*2.25) minmax(0,1fr);gap:var(--ps-space-5)}.cbrowse .shelf-grid.pgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:64em){.cbrowse .browse-layout{display:block}.cbrowse .collection-directory{display:none}.cbrowse .collection-mobile{display:flex;position:sticky;top:var(--cb-stick);z-index:5;align-items:center;gap:var(--ps-space-4);padding:var(--ps-space-3) 0;background:var(--ps-bg);border-bottom:thin solid var(--ps-border);margin-bottom:var(--ps-space-6)}.cbrowse .collection-mobile label{font:var(--ps-weight-semi) var(--ps-size-xs) var(--ps-font-display);letter-spacing:var(--ps-track-label);color:var(--ps-navy);flex:none}.cbrowse .collection-mobile select{flex:1;min-width:0;min-height:var(--ps-space-7);padding:var(--ps-space-3);background:var(--ps-seafoam-100);border:thin solid var(--ps-border);color:var(--ps-navy);font:var(--ps-weight-regular) var(--ps-size-sm) var(--ps-font-body)}.cbrowse .cshelf[data-wide=true] .shelf-grid.pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:45em){.cbrowse{padding-block:var(--ps-space-6) var(--ps-space-7)}.cbrowse .browse-intro{align-items:start;flex-direction:column;gap:var(--ps-space-1);margin-bottom:var(--ps-space-2);padding-bottom:var(--ps-space-4)}.cbrowse .browse-intro h2{font-size:var(--ps-size-2xl);margin:var(--ps-space-2) 0}.cbrowse .browse-intro p:not(.ps-eyebrow){font-size:var(--ps-size-sm)}.cbrowse .browse-total{display:none}.cbrowse .collection-mobile{gap:var(--ps-space-3);padding:var(--ps-space-2) 0;margin-bottom:var(--ps-space-4)}.cbrowse .collection-mobile label{max-width:none;white-space:nowrap;font-size:calc(var(--ps-size-xs)*.9)}.cbrowse .collection-mobile select{padding:var(--ps-space-2) var(--ps-space-3);min-height:var(--ps-space-7)}.cbrowse .shelf-grid.pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ps-space-3)}.cbrowse .cshelf[data-wide=true] .shelf-grid.pgrid{grid-template-columns:1fr;gap:var(--ps-space-4)}.cbrowse .shelf-header{align-items:end;gap:var(--ps-space-3);margin-bottom:var(--ps-space-4)}.cbrowse .shelf-title{gap:var(--ps-space-2);align-items:end}.cbrowse .shelf-number{font-size:var(--ps-size-md);padding-right:var(--ps-space-2);line-height:1.4}.cbrowse .shelf-title h3{font-size:var(--ps-size-lg);letter-spacing:0;line-height:1.15}.cbrowse .shelf-count{font-size:var(--ps-size-xs)}.cbrowse .shelf-link{font-size:calc(var(--ps-size-xs)*.9);letter-spacing:0;white-space:nowrap;gap:var(--ps-space-2);min-height:0;padding-bottom:var(--ps-space-1)}.cbrowse .shelf-link svg{flex-shrink:0}.cbrowse .shelf-footer{grid-template-columns:1fr auto;gap:var(--ps-space-2) var(--ps-space-3);padding-top:var(--ps-space-3)}.cbrowse .shelf-more{grid-column:1/-1;grid-row:1;padding-inline:var(--ps-space-3)}.cbrowse .shelf-progress{grid-column:1;grid-row:2}.cbrowse .shelf-less{grid-column:2;grid-row:2;padding:var(--ps-space-2) 0 var(--ps-space-2) var(--ps-space-3);min-height:0}.cbrowse .cshelf{padding-bottom:var(--ps-space-5);margin-bottom:var(--ps-space-5)}.cbrowse .shelf-grid .pmeta{padding-inline:var(--ps-space-2)}.cbrowse .shelf-grid .pmeta:before{left:var(--ps-space-2)}.cbrowse .shelf-grid .card-options{margin-inline:var(--ps-space-2);gap:var(--ps-space-1);flex-wrap:wrap}.cbrowse .shelf-grid .now{font-size:var(--ps-size-md)}.cbrowse .shelf-grid .was,.cbrowse .shelf-grid .off{font-size:calc(var(--ps-size-xs)*.85)}.cbrowse .shelf-grid .pspec{font-size:calc(var(--ps-size-xs)*.9)}.cbrowse .cshelf[data-wide=true] .shelf-grid .pname{font-size:var(--ps-size-base)}}@media(prefers-reduced-motion:reduce){.cbrowse *{scroll-behavior:auto!important}.cbrowse .shelf-more{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/338/assets/ps-col26-shelves.css.map */