.coll-fan{max-width:var(--content-width);margin:8px auto 48px;padding:0 48px}.coll-fan__head{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:20px;display:flex}.coll-fan__title{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:clamp(22px,2vw,26px);font-weight:300;line-height:1.2}.coll-fan__count{font-family:var(--font-body);color:var(--text-muted);white-space:nowrap;margin-left:10px;font-size:15px}.coll-fan__all,.coll-fan__more{min-height:44px;color:var(--text-primary);text-underline-offset:4px;align-items:center;gap:8px;font-size:15px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .2s;display:inline-flex}.coll-fan__all{white-space:nowrap}.coll-fan__all:hover,.coll-fan__all:focus-visible,.coll-fan__more:hover,.coll-fan__more:focus-visible{-webkit-text-decoration-color:var(--ember-signal,var(--text-primary));text-decoration-color:var(--ember-signal,var(--text-primary))}.coll-fan__all-arrow{display:inline-flex}.coll-fan__all-arrow svg{width:14px;height:14px}.coll-fan__body{border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default);grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:center;gap:56px;padding:28px 0 24px;display:grid}.coll-fan__stage{-ms-overflow-style:none;scrollbar-width:none;min-width:0;overflow:auto hidden;container-type:inline-size}.coll-fan__stage::-webkit-scrollbar{display:none}.coll-fan__row{--len:max(190px, min(250px, calc(100cqw / var(--w))));--fan-ease:cubic-bezier(.65, 0, .35, 1);width:calc(var(--len) * var(--w));height:calc(var(--len) * var(--h));color:var(--text-primary);margin:0 auto;padding:0;list-style:none;position:relative}.coll-fan__body[data-few]{grid-template-columns:minmax(0, calc(290px * var(--w))) minmax(260px, 420px);justify-content:start;gap:72px}.coll-fan__body[data-few] .coll-fan__row{--len:max(190px, min(290px, calc(100cqw / var(--w))))}.coll-fan__rule{pointer-events:none;position:absolute;inset:0}.coll-fan__rule svg{width:100%;height:100%;display:block;overflow:visible}.coll-fan__rule path{fill:none;stroke:color-mix(in srgb, currentColor 22%, transparent);stroke-width:1px;vector-effect:non-scaling-stroke}.coll-fan__slot{left:50%;top:calc(var(--len) * var(--base));width:0;height:0;transform:translateX(calc(var(--len) * var(--x))) rotate(-90deg);position:absolute}.coll-fan__knife{width:var(--len);height:calc(var(--len) * var(--ratio));left:0;top:calc(var(--len) * var(--ratio) * var(--axis) * -1);color:inherit;cursor:pointer;transition:opacity var(--dur-hover) ease, translate .45s cubic-bezier(.2, .7, .2, 1);background:0 0;border:0;padding:0;display:block;position:absolute}.coll-fan__knife:before{content:"";position:absolute;inset:-9px 0}.coll-fan__drawing,.coll-fan__photo{width:100%;height:100%;display:block;position:absolute;inset:0}.coll-fan__drawing{opacity:0;background:currentColor;-webkit-mask:none 50%/100% 100% no-repeat;mask:none 50%/100% 100% no-repeat}.coll-fan__photo{-webkit-user-select:none;user-select:none}.coll-fan__knife.is-active{translate:calc(var(--len) * .03) 0}:is(.coll-fan__row:has(.coll-fan__knife:hover) .coll-fan__knife:not(:hover),.coll-fan__row:has(.coll-fan__knife:focus-visible) .coll-fan__knife:not(:focus-visible)){opacity:.36}.coll-fan__knife:focus-visible{outline:1px solid var(--ember-signal,currentColor);outline-offset:4px}.coll-fan__panel{align-items:center;min-width:0;min-height:236px;display:flex}.coll-fan__card{flex-direction:column;align-items:flex-start;display:flex}.coll-fan__name{font-family:var(--font-display);color:var(--text-primary);text-wrap:balance;margin:0;font-size:clamp(26px,2.4vw,32px);font-weight:300;line-height:1.15}.coll-fan__spec{color:var(--text-muted);margin:8px 0 0;font-size:15px}.coll-fan__line{max-width:38ch;color:var(--text-secondary);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:14px 0 0;font-size:16px;line-height:1.55;display:-webkit-box;overflow:hidden}.coll-fan__status{color:var(--text-muted);margin:14px 0 0;font-size:15px}.coll-fan__status[data-instock=true]{color:var(--text-primary)}.coll-fan__actions{flex-wrap:wrap;align-items:center;gap:0 28px;margin-top:4px;display:flex}.coll-fan__clear{min-height:44px;font:inherit;color:var(--text-muted);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0;font-size:15px;text-decoration:underline}.coll-fan__clear:hover,.coll-fan__clear:focus-visible{color:var(--text-primary)}.coll-fan__rest{color:var(--text-muted);margin:14px 0 0;font-size:15px}.coll-fan__rest button{font:inherit;color:var(--text-primary);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.coll-fan__rest button:hover,.coll-fan__rest button[aria-pressed=true]{text-decoration-color:currentColor}.model-empty{padding:24px 0 56px}.model-empty p{font-family:var(--font-display);color:var(--text-primary);margin:0 0 20px;font-size:24px;font-weight:300}@media (prefers-reduced-motion:no-preference){.coll-fan__card{animation:.4s both coll-fan-card}html.js .coll-fan__slot{transition:transform 1.5s var(--fan-ease) calc(var(--d) * 30ms),  opacity 1.2s cubic-bezier(.7, 0, .84, .4) calc(var(--d) * 30ms)}html.js .coll-fan__photo,html.js .coll-fan__drawing{transition:opacity .8s ease calc(1.5s + var(--d) * 50ms)}html.js .coll-fan__rule{transition:opacity 1s .9s}html.js .coll-fan__row:not(.is-open) .coll-fan__slot{opacity:0;transform:translate(0)rotate(-90deg)}html.js .coll-fan__row:not(.is-open) .coll-fan__photo{opacity:0}html.js .coll-fan__row:not(.is-open) .coll-fan__drawing{opacity:1}html.js .coll-fan__row:not(.is-open) .coll-fan__rule{opacity:0}html.js .coll-fan__row:not(.is-open) .coll-fan__knife.is-active{translate:0}}@keyframes coll-fan-card{0%{opacity:0}}@media (max-width:900px){.coll-fan__body,.coll-fan__body[data-few]{grid-template-columns:minmax(0,1fr);gap:8px;padding:20px 0 16px}.coll-fan__panel{align-items:flex-start;min-height:212px}}@media (max-width:768px){.coll-fan{margin:8px auto 32px;padding:0 24px}.coll-fan__head{flex-wrap:wrap;gap:4px 20px;margin-bottom:14px}.coll-fan__stage{margin:0 -24px}.coll-fan__name{font-size:26px}}
