.viz-shop{background:var(--paper);overflow-x:clip}.viz-shop-hero__head .viz-h1,.viz-shop-hero__jump>span,.viz-shopgroup__head .viz-h2,.viz-shop-app__title{overflow-wrap:break-word}.viz-shop-hero{background:radial-gradient(120% 100% at 100% 0%,var(--cta-soft) 0%,transparent 58%),linear-gradient(180deg,#fff 0%,var(--bg) 100%);border-block-end:1px solid var(--border-soft)}.viz-shop-hero__grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(var(--space-8),5vw,var(--space-16));align-items:center}.viz-shop-hero__head{max-width:42rem}.viz-shop-hero__head>*+*{margin-block-start:var(--space-5,20px)}.viz-shop-hero__head .viz-h1{margin-block-start:var(--space-4);max-width:18ch}.viz-shop-hero__lead{max-width:48ch}.viz-shop-hero__kicker{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--brand-ink)}.viz-shop-hero__kicker .vi{inline-size:1.1em;block-size:1.1em;color:var(--cta)}.viz-shop-hero__nav{display:flex;flex-direction:column;border-block-start:1px solid var(--border);margin-block-start:var(--space-8)}.viz-shop-hero__jump{display:flex;align-items:center;gap:var(--space-3);padding-block:var(--space-4);border-block-end:1px solid var(--border);font-weight:var(--fw-bold);color:var(--ink);transition:color var(--dur) var(--ease),padding-inline-start var(--dur) var(--ease)}.viz-shop-hero__jump>span{flex:1;min-width:0}.viz-shop-hero__jump .vi{inline-size:1.2em;block-size:1.2em;color:var(--cta-dark);flex:none}.viz-shop-hero__jump-arr{color:var(--text-3);transition:transform var(--dur) var(--ease),color var(--dur) var(--ease)}.viz-shop-hero__jump:hover{color:var(--brand-ink);padding-inline-start:var(--space-2)}.viz-shop-hero__jump:hover .viz-shop-hero__jump-arr{color:var(--cta-dark);transform:translate(3px)}[dir=rtl] .viz-shop-hero__jump:hover .viz-shop-hero__jump-arr{transform:translate(-3px)}.viz-shop-hero__preview{display:grid;grid-template-rows:auto auto;gap:var(--space-4);padding:clamp(var(--space-5,20px),2.4vw,var(--space-8));background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.viz-shelfcard{position:relative;padding:clamp(var(--space-5,20px),2vw,var(--space-6));border-radius:var(--radius-lg);border:1px solid var(--border-soft)}.viz-shelfcard--courses{background:linear-gradient(160deg,var(--cta-soft),#fff)}.viz-shelfcard--books{background:linear-gradient(160deg,#fff,var(--bg-warm))}.viz-shelfcard__tag{display:inline-block;font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text-3);letter-spacing:.01em;margin-block-end:var(--space-4)}.viz-shelflevels{display:flex;gap:var(--space-2)}.viz-shelflevels__step{flex:1;display:flex;align-items:center;justify-content:center;min-block-size:54px;border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--fs-xl);color:#fff;box-shadow:var(--shadow-sm)}.viz-shelflevels__step[data-level=a1]{background:var(--niv-a1-ink)}.viz-shelflevels__step[data-level=a2]{background:var(--niv-a2-ink)}.viz-shelflevels__step[data-level=b1]{background:var(--niv-b1-ink)}.viz-shelfspines{display:flex;align-items:flex-end;gap:var(--space-2);block-size:58px}.viz-shelfspines__spine{flex:1;border-radius:var(--radius-sm) var(--radius-sm) 2px 2px;background:linear-gradient(180deg,var(--cta),var(--brand-ink));box-shadow:var(--shadow-sm)}.viz-shelfspines__spine:nth-child(1){block-size:72%}.viz-shelfspines__spine:nth-child(2){block-size:88%}.viz-shelfspines__spine:nth-child(3){block-size:78%}.viz-shelfspines__spine:nth-child(4){block-size:100%}.viz-shelfspines__spine:nth-child(5){block-size:84%}.viz-shelfspines__spine:nth-child(6){block-size:92%}@media(max-width:900px){.viz-shop-hero__grid{grid-template-columns:1fr;gap:var(--space-12)}.viz-shop-hero__head{max-width:none}}.viz-shopgroup--books{background:var(--bg-warm);border-block:1px solid var(--border-soft)}.viz-shopgroup__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap;margin-block-end:var(--space-8)}.viz-shopgroup__heading{max-width:60ch}.viz-shopgroup__heading>*+*{margin-block-start:var(--space-3)}.viz-shopgroup__intro{font-size:var(--fs-base);max-width:60ch}.viz-shopgroup__all{white-space:nowrap;margin-block-end:2px}.viz-shopgroup__legend{display:inline-flex;align-items:center;gap:var(--space-2);margin-block-end:4px;white-space:nowrap;font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text-3)}.viz-shopgroup__legend .vi{inline-size:1.05em;block-size:1.05em;color:var(--cta-dark)}.viz-shopgroup__legend bdi{font-variant-numeric:tabular-nums;color:var(--text-2)}.viz-shopgroup__grid{align-items:stretch}.viz-ladder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-block-end:var(--space-6)}.viz-ladder__step{position:relative;display:flex;align-items:center;gap:var(--space-3);padding-block:var(--space-3);padding-inline:var(--space-4);background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border-inline-start:4px solid var(--_lvl,var(--cta))}.viz-ladder__step[data-level=a1]{--_lvl:var(--niv-a1)}.viz-ladder__step[data-level=a2]{--_lvl:var(--niv-a2)}.viz-ladder__step[data-level=b1]{--_lvl:var(--niv-b1)}.viz-ladder__lvl{font-family:var(--font-display);font-size:var(--fs-lg);line-height:1;color:var(--ink)}.viz-ladder__cap{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-2)}.viz-ladder__step+.viz-ladder__step:before{content:"";position:absolute;inset-block-start:50%;inset-inline-start:0;inline-size:var(--space-4);block-size:2px;background:var(--rule);transform:translate(-100%,-50%)}@media(max-width:640px){.viz-ladder{grid-template-columns:1fr;gap:var(--space-2)}.viz-ladder__step+.viz-ladder__step:before{inset-block-start:0;inset-inline-start:var(--space-6);inline-size:2px;block-size:var(--space-2);transform:translateY(-100%)}}.viz-shopgroup__shelffoot{display:flex;justify-content:flex-end;margin-block-start:var(--space-8);padding-block-start:var(--space-6);border-block-start:1px solid var(--border)}.viz-shopgroup__clarity{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin-block:var(--space-6) var(--space-8);padding:var(--space-4) var(--space-5);background:var(--cta-soft);border:1px solid var(--border);border-radius:var(--radius-md)}.viz-shopgroup__clarity-item{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-2)}.viz-shopgroup__clarity-item .vi{inline-size:1.05em;block-size:1.05em;color:var(--success);flex:none}.viz-shop-appnote{display:flex;align-items:center;gap:clamp(var(--space-4),3vw,var(--space-8));flex-wrap:wrap;padding:clamp(var(--space-5),3vw,var(--space-8));background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.viz-shop-appnote__icon{display:inline-flex;align-items:center;justify-content:center;flex:none;inline-size:44px;block-size:44px;border-radius:var(--radius-md);background:var(--cta-soft);color:var(--cta-dark)}.viz-shop-appnote__icon .vi{inline-size:24px;block-size:24px}.viz-shop-appnote__text{flex:1 1 18rem}.viz-shop-appnote__text>*+*{margin-block-start:var(--space-1)}.viz-shop-appnote__title{color:var(--ink)}.viz-shop-appnote__sub{font-size:var(--fs-base);color:var(--text-2);line-height:var(--lh-body);max-width:56ch}.viz-shop-appnote__actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-inline-start:auto}.viz-shop-appnote__badges{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.viz-shop-appnote__more{color:var(--brand-ink)}@media(max-width:760px){.viz-shop-appnote{flex-direction:column;align-items:flex-start;text-align:start}.viz-shop-appnote__actions{inline-size:100%;margin-inline-start:0}}@media(max-width:560px){.viz-shop-appnote__badges .viz-store img{block-size:44px}}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.viz-shop-hero__head>*,.viz-shop-hero__preview,.viz-shopgroup__head,.viz-ladder__step,.viz-shopgroup__clarity,.viz-shopgroup__grid>*,.viz-shop-appnote{animation:viz-shop-rise linear both;animation-timeline:view();animation-range:entry 0% cover 22%}.viz-shop-hero__head>*{animation-range:entry 0% cover 12%}@keyframes viz-shop-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/viz-shop.css.map */