.shelf-rack{--rack-gap:25px;--rack-edge:10px;--rack-shadow:#8a6247;--rack-honey:#d8ba90;--rack-light:#dbbe97;--rack-mid:#ac8056;isolation:isolate;background:linear-gradient(90deg, #8a624718, transparent 8%, transparent 92%, #8a624718), linear-gradient(180deg, #efe2cd, var(--paper) 34%, #f1e7d8);border-radius:5px 5px 4px 4px;padding:24px 6px 16px;position:relative;box-shadow:inset 0 0 0 1px #8a62471c,0 7px 16px #593b2310}.shelf-rack:before,.shelf-rack:after{content:"";z-index:3;pointer-events:none;background:repeating-linear-gradient(88deg, transparent 0 7px, #6e452914 8px, transparent 9px 14px), linear-gradient(90deg, var(--rack-shadow), var(--rack-honey) 29%, var(--wood) 70%, #795133);border-radius:3px;width:7px;position:absolute;top:0;bottom:0;box-shadow:1px 0 2px #62422c1f}.shelf-rack:before{left:0}.shelf-rack:after{right:0}.shelf-rack-cap{z-index:4;pointer-events:none;background:repeating-linear-gradient(1deg, transparent 0 4px, #7c502511 5px, transparent 6px 10px), linear-gradient(180deg, var(--rack-light), var(--rack-mid));border-top:1px solid #e9d2ae;border-bottom:1px solid #8a624750;border-radius:4px 4px 2px 2px;height:11px;position:absolute;inset:0 0 auto;box-shadow:0 3px 4px #62422c18}.shelf-rack .shelf-grid{column-gap:var(--rack-gap);row-gap:30px;padding:0 5px}.shelf-rack .shelf-book,.shelf-rack .shelf-book:hover{flex-direction:column;justify-content:flex-start;align-items:stretch;transition:none;display:flex;position:relative;transform:none}.shelf-rack-seat{position:relative}.shelf-rack .book-cover{box-shadow:3px 5px 8px #4b362327,0 2px 3px #4b36231a}.shelf-rack-seat:after{content:"";box-sizing:border-box;z-index:2;top:calc(100% - 1px);left:calc(var(--rack-gap) / -2);right:calc(var(--rack-gap) / -2);pointer-events:none;background:repeating-linear-gradient(0deg, transparent 0 3px, #6e452913 4px, transparent 5px 8px), linear-gradient(180deg, var(--rack-honey), var(--rack-light) 22%, var(--rack-mid) 30%, var(--wood) 85%, var(--rack-shadow));border-top:2px solid #e4cca8;border-bottom:1px solid #835738;height:13px;position:absolute;box-shadow:0 5px 6px #61422920}.shelf-rack .shelf-book:nth-child(odd) .shelf-rack-seat:after{left:calc(-1 * var(--rack-edge));border-radius:2px 0 0 2px}.shelf-rack .shelf-book:nth-child(2n) .shelf-rack-seat:after{right:calc(-1 * var(--rack-edge));border-radius:0 2px 2px 0}.shelf-rack .shelf-book:last-child:nth-child(odd) .shelf-rack-seat:after{right:calc(-100% - var(--rack-gap) - var(--rack-edge));border-radius:2px}.shelf-rack .shelf-caption{background:color-mix(in srgb, var(--paper) 88%, transparent);border-radius:0 0 5px 5px;align-content:flex-start;row-gap:4px;min-height:58px;margin-top:26px;padding:3px 2px 0;line-height:1.5}.shelf-rack .shelf-caption span{color:#735e4b}.shelf-rack .shelf-book:focus-visible{outline-offset:4px;border-radius:4px}@media (width<=360px){.shelf-rack{--rack-gap:20px}}.member-empty-shelf.shelf-rack{min-height:280px;padding:36px 24px}.member-empty-shelf-notice{z-index:1;color:#263d33;text-align:center;background:#faf6ed;border-radius:12px;max-width:34rem;margin:auto;padding:24px;position:relative}
