.lg-store{--lg-blue:#173ca2;max-width:820px;margin:auto;background:#fffdf7;padding:25px 28px 16px;border-radius:3px 3px 20px 20px;box-shadow:0 18px 42px #26374a14;container-type:inline-size}.lg-header{display:flex;align-items:center;gap:18px;border-bottom:1px solid #daddd5;padding-bottom:17px}.lg-wordmark{font:700 30px/1 Unbounded,sans-serif;letter-spacing:-1.5px;color:var(--lg-blue)}.lg-wordmark>span{color:#f5793b}.lg-header>span:nth-child(2){font-size:10px;color:#687386;line-height:1.5}.lg-collection{margin-left:auto;border:0;background:#eaf0d9;border-radius:22px;padding:9px 12px;font-size:11px;color:#273643;white-space:nowrap}.lg-collection b{display:inline-grid;place-items:center;background:var(--lg-blue);color:#fff;border-radius:50%;width:20px;height:20px;margin-left:5px;font-size:10px}.lg-title{margin:23px 0 17px}.lg-title h2{font:500 24px/1.3 Unbounded,sans-serif;letter-spacing:-.6px;margin:0 0 7px;color:var(--lg-blue)}.lg-title>p{color:#687386;font-size:12px;margin:0}.lg-shelf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;position:relative;padding-bottom:10px}.lg-shelf:before{content:"";position:absolute;top:calc(100% - 96px);left:-10px;right:-10px;height:13px;background:#d7ddc8;box-shadow:0 11px 13px #66715712;z-index:0}.lg-item{min-width:0;position:relative;animation:lg-place .95s both var(--ease);animation-delay:calc(var(--item)*.14s)}.lg-object{position:relative;border:0;width:100%;aspect-ratio:1;padding:12px;background:#f4e4d6;border-radius:48% 48% 0 0;display:block;overflow:hidden}.lg-object-plate{background:#e6edd9;border-radius:10px 10px 48% 48%}.lg-object img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .55s var(--ease)}.lg-object:hover img,.lg-object:focus-visible img{transform:translateY(-9px) rotate(-4deg) scale(1.04)}.lg-object-plate:hover img,.lg-object-plate:focus-visible img{transform:rotate(12deg) scale(1.05)}.lg-inspect{position:absolute;bottom:9px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--lg-blue)}.lg-inspect b{border-radius:50%;width:23px;height:23px;display:grid;place-items:center;background:#fffdf7;font-size:15px}.lg-item-label{display:flex;gap:5px;justify-content:space-between;align-items:baseline;flex-wrap:wrap;position:relative;padding-top:18px}.lg-item-label h3{font-size:13px;font-weight:600;margin:0}.lg-item-label span{font-size:12px;font-weight:650;color:var(--lg-blue)}.lg-add{display:block;width:100%;border:1px solid var(--lg-blue);color:var(--lg-blue);background:transparent;border-radius:6px;padding:10px;font-size:12px;margin-top:13px;transition:background .2s,color .2s}.lg-add:hover,.lg-add[aria-pressed=true]{background:var(--lg-blue);color:white}.lg-touch-hint{font-size:10px;color:#687386;margin:17px 0 8px;text-align:center}.lg-status{font-size:10px;color:#687386;margin:14px 0 0;text-align:center;min-height:16px}.lg-selection{margin-top:20px;border-top:1px solid #daddd5;padding-top:15px}.lg-selection h3{font-size:14px;margin:0 0 12px}.lg-selection ul{padding:0;list-style:none;margin:0}.lg-selection li{display:flex;justify-content:space-between;padding:5px 0;font-size:12px}.lg-selection>p{font-size:10px;color:#687386}.lg-album-page{display:grid;grid-template-columns:1fr 1fr;min-height:350px;background:#f4f0e6;position:relative;box-shadow:0 10px 15px #111c2d09;transform-origin:left center;animation:lg-book .9s both var(--ease)}.lg-album-page:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:15px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#37423714,transparent);pointer-events:none}.lg-album-image{display:grid;place-items:center;min-width:0;background:#e9ded1}.lg-album-image button{background:transparent;border:0;width:100%;padding:16px;position:relative;color:var(--lg-blue)}.lg-album-image img{width:100%;mix-blend-mode:multiply;display:block}.lg-album-image button>span{font-size:11px;display:block;margin-top:10px}.lg-album-copy{padding:23px 20px;display:flex;flex-direction:column}.lg-album-number{font-size:11px;color:#687386}.lg-album-copy h3{font:500 21px/1.35 Unbounded,sans-serif;color:var(--lg-blue);margin:18px 0 13px;letter-spacing:-.6px}.lg-album-copy>p{font-size:12px;margin:0 0 14px;line-height:1.65}.lg-album-copy .lg-album-material{font-size:10px;color:#687386}.lg-album-copy>b{font-size:18px;color:var(--lg-blue);margin-top:auto}.lg-pagination{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-top:16px}.lg-pagination button{border:0;background:transparent;color:var(--lg-blue);font-size:11px;padding:8px 0}.lg-pagination button:disabled{opacity:.3}.lg-pagination>span{font-size:9px;color:#687386}.lg-dialog{border:0;border-radius:18px;background:#fffdf7;color:#202b3d;padding:30px;width:min(780px,calc(100% - 28px));max-height:90dvh;overflow:auto;box-shadow:0 28px 100px #102c5840}.lg-dialog::backdrop{background:#172c4c77;backdrop-filter:blur(4px)}.lg-close{position:absolute;right:12px;top:12px;border:0;border-radius:50%;width:33px;height:33px;background:#e8ecf5;color:var(--lg-blue);font-size:24px}.lg-dialog-content{display:grid;grid-template-columns:1fr 1fr;gap:27px;align-items:center}.lg-dialog-content>img{display:block;width:100%;height:auto;border-radius:12px;mix-blend-mode:multiply}.lg-detail-tag{font-size:10px;color:#687386}.lg-dialog h2{font:500 25px/1.4 Unbounded,sans-serif;color:var(--lg-blue);letter-spacing:-.8px}.lg-dialog p{font-size:13px;line-height:1.7}.lg-dialog dl{font-size:11px;margin:20px 0}.lg-dialog dl>div{display:flex;justify-content:space-between;border-bottom:1px solid #e1e4df;padding:8px 0;gap:10px}.lg-dialog dt{color:#687386}.lg-dialog dd{margin:0}.lg-detail-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px}.lg-detail-bottom b{white-space:nowrap;font-size:20px;color:var(--lg-blue)}.lg-detail-bottom button{background:var(--lg-blue);color:#fff;border:0;padding:12px 15px;border-radius:7px;font-size:12px}.lg-dialog .lg-demo-note{font-size:10px;color:#687386}.lg-store[data-motion=calm] .lg-item,.lg-store[data-motion=calm] .lg-album-page{animation:lg-calm .35s both}.lg-store[data-motion=calm] .lg-object:hover img{transform:scale(1.02)}
@keyframes lg-place{0%{opacity:0;transform:perspective(900px) rotateX(17deg) translateY(38px)}70%{opacity:1;transform:perspective(900px) rotateX(-3deg) translateY(-4px)}100%{opacity:1;transform:none}}@keyframes lg-book{from{opacity:0;transform:perspective(900px) rotateY(-14deg) translateY(12px)}to{opacity:1;transform:none}}@keyframes lg-calm{from{opacity:.5}to{opacity:1}}
@container(max-width:480px){.lg-header{gap:8px}.lg-wordmark{font-size:22px}.lg-header>span:nth-child(2){display:none}.lg-title h2{font-size:19px}.lg-title p{font-size:11px}.lg-shelf{gap:12px}.lg-object{padding:6px}.lg-item-label h3{font-size:11px}.lg-item-label span{font-size:11px}.lg-add{font-size:11px;padding:9px 5px}.lg-inspect{left:6px;right:6px;font-size:9px;bottom:4px}.lg-inspect b{width:18px;height:18px;font-size:11px}.lg-album-page{grid-template-columns:1fr;min-height:0}.lg-album-page:after{display:none}.lg-album-image{max-height:230px}.lg-album-image button{padding:12px;display:flex;align-items:end;gap:10px}.lg-album-image img{width:70%;max-height:210px;object-fit:contain}.lg-album-image button span{font-size:10px;margin-bottom:18px}.lg-album-copy{padding:18px}.lg-album-copy h3{font-size:20px;margin:8px 0 10px}.lg-album-copy>p{font-size:11px}.lg-album-copy .lg-album-material{display:none}.lg-album-copy>b{font-size:17px}.lg-pagination>span{display:none}.lg-selection li{font-size:11px}}
@media(max-width:720px){.lg-store{padding:20px 13px 14px}.lg-dialog{padding:35px 20px 20px}.lg-dialog-content{grid-template-columns:1fr;gap:10px}.lg-dialog-content>img{width:70%;margin:auto}.lg-dialog h2{font-size:21px;margin:8px 0}.lg-dialog p{font-size:12px}.lg-detail-bottom{gap:10px}.lg-detail-bottom button{font-size:11px}.lg-detail-bottom b{font-size:18px}}
.lg-dialog{--lg-blue:#173ca2}.lg-add,.lg-pagination button,.lg-collection,.lg-detail-bottom button{min-height:44px}.lg-close{width:44px;height:44px}.lg-album-image img{height:auto;aspect-ratio:1;object-fit:contain}.lg-object-plate{border-radius:12px 48% 12px 12px}
body[data-motion=off] .lg-object:hover img,body[data-motion=off] .lg-object:focus-visible img{transform:none}@media(prefers-reduced-motion:reduce){.lg-object:hover img,.lg-object:focus-visible img{transform:none}}