.library-view{position:fixed;inset:110px 0 0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;background:#eaeaea;z-index:2}.library-view[hidden]{display:none}.library-view::-webkit-scrollbar{display:none}.library-shell{width:440px;max-width:calc(100% - 40px);margin:30px auto 0;padding-bottom:50px;display:flex;flex-direction:column;align-items:center}.material-filters,.filament-filters{display:flex;flex-wrap:wrap;align-items:center;width:100%;gap:12px 24px}.material-filters{border-bottom:1px solid #bcbcbc;padding-bottom:16px;margin-bottom:16px}.filament-filters{min-height:26px;margin-bottom:24px;gap:8px 20px}.material-filters button,.filament-filters button{font:inherit;font-size:var(--content-font-size);border:0;background:none;color:#999;padding:0;cursor:pointer;line-height:1.4}.material-filters button[aria-pressed=true],.filament-filters button[aria-pressed=true]{color:#111}.material-filters button:hover,.filament-filters button:hover{color:#555}.filament-carousel{width:100%;height:340px;position:relative;touch-action:pan-y;cursor:grab;user-select:none;outline-offset:-5px;overflow:hidden;flex-shrink:0}.filament-carousel.is-dragging{cursor:grabbing}.filament-carousel.is-empty{cursor:default}.filament-stage{position:absolute;inset:0}.filament-swatch{position:absolute;left:50%;top:50%;width:180px;height:290px;margin:-145px 0 0 -90px;border:0;border-radius:0;padding:0;pointer-events:none;will-change:transform}.filament-info{width:180px;text-align:center;font-size:var(--content-font-size);line-height:1.5;min-height:150px;padding:8px 0 0;flex-shrink:0}.filament-info h2{font-size:inherit;font-weight:600;margin:0}.filament-info p{margin:0}.filament-product-link{display:inline-block;margin-top:14px;color:inherit;text-decoration:none;font-size:inherit}.filament-empty{position:absolute;inset:0;display:grid;place-items:center;font-size:var(--content-font-size);color:#888;margin:0}@media(max-width:600px){.library-view{top:115px}.library-shell{width:440px;max-width:calc(100% - 40px);margin-top:28px}.material-filters,.filament-filters{gap:10px 18px}.material-filters button,.filament-filters button{font-size:11px}.filament-filters{margin-bottom:16px}.filament-carousel{height:290px}.filament-swatch{width:135px;height:220px;margin:-110px 0 0 -67.5px;border-radius:0}.filament-info{width:135px}}@media(max-height:650px){.filament-carousel{height:220px}.filament-swatch{width:120px;height:190px;margin:-95px 0 0 -60px}.filament-info{width:120px}}

.filament-swatch[aria-current=true]{cursor:pointer}.filament-swatch:focus-visible{outline:1px solid #111;outline-offset:5px}

.library-view{overflow:hidden;overscroll-behavior:none}