.cs{padding-top:34px;padding-bottom:72px}.cs__head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:center}.cs__kick{font:600 13px/1 var(--sans);letter-spacing:.02em;color:var(--rubric);margin:0 0 14px}.cs h1{font:600 clamp(36px,5.4vw,64px)/1.02 var(--serif);letter-spacing:-.02em;margin:0 0 18px}.cs__lede{font:400 18px/1.55 var(--serif);color:var(--ink-2);max-width:34em;margin:0}.cs__soonline{font:600 15px/1.4 var(--sans);margin:18px 0 0;color:var(--rubric-ink)}.cs__fan{list-style:none;margin:0;padding:0;position:relative;height:380px;overflow-x:clip}.cs__fancard{position:absolute;top:20px;width:clamp(108px,25%,190px);transition:transform .25s ease}.cs__fancard a{display:block;text-decoration:none;color:inherit}.cs__fancard img{display:block;width:100%;height:auto;border-radius:4px;box-shadow:0 1px #17130f14,0 18px 34px -16px #17130f73;background:#fff}.cs__fancard .t,.cs__fancard .p{display:none}.cs__fancard:nth-child(1){left:2%;transform:rotate(-11deg) translateY(26px)}.cs__fancard:nth-child(2){left:20%;transform:rotate(-4deg) translateY(4px);z-index:2}.cs__fancard:nth-child(3){left:39%;transform:rotate(2deg);z-index:3}.cs__fancard:nth-child(4){left:57%;transform:rotate(8deg) translateY(10px);z-index:2}.cs__fancard:nth-child(5){left:71%;transform:rotate(14deg) translateY(34px)}.cs__fancard:hover{transform:rotate(0) translateY(-8px);z-index:5}.cs__aisles ul{list-style:none;margin:34px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,168px),1fr));gap:10px}.cs__aisles a{display:flex;flex-direction:column;gap:4px;height:100%;padding:14px 14px 12px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink);background:#fff}.cs__aisles a:hover,.cs__aisles a:focus-visible{border-color:var(--ink)}.cs__aisles b{font:600 16px/1.2 var(--serif)}.cs__aisles span{font:400 13px/1.35 var(--sans);color:var(--ink-3)}.cs__aisles em{font:600 12px/1 var(--sans);font-style:normal;color:var(--rubric-ink);margin-top:auto;padding-top:6px}.cs__sec{margin-top:56px}.cs__h{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:18px}.cs__h h2{font:600 clamp(24px,3vw,32px)/1.1 var(--serif);margin:0}.cs__h a{font:600 14px/1 var(--sans);color:var(--ink);white-space:nowrap}.cs__note{font:400 16px/1.5 var(--serif);color:var(--ink-2);margin:-4px 0 18px;max-width:46em}.cs__row{list-style:none;margin:0;padding:0 0 8px;display:grid;grid-auto-flow:column;grid-auto-columns:168px;gap:18px;overflow-x:auto;scroll-snap-type:x proximity}.cs__card{scroll-snap-align:start}.cs__ph{display:flex;align-items:center;justify-content:center;width:100%;padding:12%;border-radius:4px;background:#f7f3ec;border:1px solid var(--line, #E4DDD2);font:600 clamp(15px,1.6vw,19px)/1.25 var(--serif);color:var(--ink, #17130F);text-align:center;text-wrap:balance}.cs__card a,.cs__pc a{display:block;text-decoration:none;color:var(--ink)}.cs__card img,.cs__pc img{display:block;width:100%;height:auto;border-radius:4px;background:#fff;box-shadow:0 0 0 1px #17130f14,0 12px 22px -14px #17130f66;transition:transform .2s ease}.cs__card a:hover img,.cs__pc a:hover img{transform:translateY(-4px)}.cs__card .t,.cs__pc .t{display:block;font:600 14px/1.3 var(--sans);margin-top:10px}.cs__card .p,.cs__pc .p{display:block;font:400 13px/1.3 var(--sans);color:var(--ink-3)}.cs__ages{display:flex;flex-wrap:wrap;gap:8px}.cs__ages a{min-width:52px;height:52px;padding:0 10px;display:inline-grid;place-items:center;border-radius:26px;border:1px solid var(--line-2);font:600 18px/1 var(--serif);color:var(--ink);text-decoration:none}.cs__ages a:hover,.cs__ages a:focus-visible{background:var(--ink);color:#fff;border-color:var(--ink)}.cs__bday h3{font:600 15px/1 var(--sans);margin:24px 0 10px}.cs__who{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.cs__who a{padding:9px 14px;border-radius:20px;background:var(--paper-2);border:1px solid var(--line);font:500 14px/1 var(--sans);color:var(--ink);text-decoration:none}.cs__who a:hover{border-color:var(--ink)}.cs__life{list-style:none;margin:0;padding:30px 0 6px;display:grid;grid-auto-flow:column;grid-auto-columns:128px;gap:14px;overflow-x:auto;position:relative;counter-reset:life}.cs__life:before{content:"";position:absolute;left:0;right:0;top:12px;height:2px;background:var(--line-2)}.cs__life li{position:relative;counter-increment:life}.cs__life li:before{content:"";position:absolute;top:-24px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--rubric);box-shadow:0 0 0 4px #fff}.cs__life a{display:block;text-decoration:none;color:var(--ink);text-align:center}.cs__life img{display:block;width:100%;height:auto;border-radius:4px;box-shadow:0 0 0 1px #17130f14,0 10px 18px -12px #17130f66}.cs__life span{display:block;font:500 13px/1.3 var(--sans);margin-top:8px}.cs__tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.cs__tabs button{font:600 14px/1 var(--sans);padding:11px 16px;border-radius:22px;border:1px solid var(--line-2);background:#fff;color:var(--ink);cursor:pointer}.cs__tabs button[aria-selected=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.cs__tabs span{font-variant-numeric:tabular-nums}.cs__places{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:22px 18px}.cs__pc[hidden]{display:none}.cs__been{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font:500 13px/1 var(--sans);cursor:pointer;-webkit-user-select:none;user-select:none}.cs__been input{width:18px;height:18px;accent-color:var(--ok)}.cs__pc.is-been img{box-shadow:0 0 0 3px var(--ok),0 12px 22px -14px #17130f66}.cs__empty{font:400 16px/1.5 var(--serif);color:var(--ink-3)}.cs__how{margin-top:64px;padding:30px;border-radius:var(--radius);background:var(--paper-2)}.cs__how h2{font:600 28px/1.1 var(--serif);margin:0 0 16px}.cs__how ol{margin:0;padding-left:22px;display:grid;gap:10px;font:400 16px/1.5 var(--serif);max-width:48em}.cs__plain{font:400 14px/1.5 var(--sans);color:var(--ink-3);margin:18px 0 0}@media(max-width:1000px){.cs__aisles ul{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.cs__head{grid-template-columns:1fr;gap:10px}.cs__fan{height:250px}.cs__fancard{width:31%;max-width:150px}}@media(max-width:520px){.cs{padding-top:22px}.cs__aisles ul{grid-template-columns:repeat(2,minmax(0,1fr))}.cs__fan{height:200px}.cs__row{grid-auto-columns:138px;gap:14px}.cs__places{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.cs__how{padding:22px 18px}.cs__h{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.cs__fancard,.cs__card img,.cs__pc img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/aibooks-cards.css.map */