.D3Modules{position:relative;display:flex;justify-content:flex-end;font-size:.9em;line-height:1.3em;max-width:100%;overflow:auto;align-items:center;justify-content:center}@media (min-width:1200px){.D3Modules{margin-top:-10em}}.D3Modules__wrapper{position:relative}.D3Modules__search{position:absolute;top:3em;right:3em;font-size:1.2em;padding:.6em 1.3em;pointer-events:all;z-index:100}.D3Modules__annotation{position:absolute;top:0;left:0}.D3Modules__annotation:before{content:"";position:absolute;left:-3em;right:-1em;height:3.6em;margin-top:-2.8em;border-radius:100%;border:1px solid transparent;border-bottom-color:currentcolor;transform:rotate(-10deg)}.D3Modules__annotation__text{position:absolute;padding-right:2em;line-height:1.1em;font-weight:600;transform:translate(-100%,calc(-100% + .2em));width:7em;text-align:right;z-index:4}.D3Modules__annotation__text:before{content:"";position:absolute;top:.6em;right:2.3em;bottom:-.5em;left:-1em;background:rgba(255,195,18,.3);z-index:-1}.D3ModulesItem{position:absolute;margin:.3em;padding:.6em 1em;border:3px solid transparent;border-radius:100%;background:rgba(153,128,250,.2);transform-origin:center center}.D3ModulesItem,.D3ModulesItem__text{display:flex;align-items:center;flex-direction:column;justify-content:center}.D3ModulesItem__text{color:#292e31;text-align:center;z-index:10;pointer-events:none}.D3ModulesItem__title{font-weight:600;max-width:10em}.D3ModulesItem__name{font-size:.86em;color:#34345b;min-width:20em}.D3ModulesItem__name a,.D3ModulesItem__name a:visited{color:#34345b}.D3ModulesItem__size{font-feature-settings:"tnum" 1;line-height:1.2em;font-size:.8em}.D3ModulesItem__name,.D3ModulesItem__size{opacity:0;transition:opacity .2s ease-out}.D3ModulesItem:active,.D3ModulesItem:focus,.D3ModulesItem:hover,.D3ModulesItem:visited{border-color:#9980fa;outline:none}.D3ModulesItem:active .D3ModulesItem__name,.D3ModulesItem:active .D3ModulesItem__size,.D3ModulesItem:focus .D3ModulesItem__name,.D3ModulesItem:focus .D3ModulesItem__size,.D3ModulesItem:hover .D3ModulesItem__name,.D3ModulesItem:hover .D3ModulesItem__size,.D3ModulesItem:visited .D3ModulesItem__name,.D3ModulesItem:visited .D3ModulesItem__size{opacity:1}.D3ModulesItem--is-external{background:rgba(255,195,18,.3)}.D3ModulesItem--is-external:active,.D3ModulesItem--is-external:focus,.D3ModulesItem--is-external:hover,.D3ModulesItem--is-external:visited{border-color:#ffc312}.D3ModulesItem--is-external .D3ModulesItem__child{background:rgba(255,195,18,.3)}.D3ModulesItem--is-external.D3ModulesItem--is-focused{border-color:#ffc312}.D3ModulesItem--is-deprecated{background:rgba(204,204,212,.3)}.D3ModulesItem--is-deprecated:active,.D3ModulesItem--is-deprecated:focus,.D3ModulesItem--is-deprecated:hover,.D3ModulesItem--is-deprecated:visited{border-color:#ccccd4}.D3ModulesItem--is-deprecated .D3ModulesItem__child{background:rgba(204,204,212,.3)}.D3ModulesItem--is-deprecated.D3ModulesItem--is-focused{border-color:#ccccd4}.D3ModulesItem--is-unfocused,.D3ModulesItem--is-unfocused .D3ModulesItem__child{background:rgba(139,139,167,.1)}.D3ModulesItem--is-unfocused:active,.D3ModulesItem--is-unfocused:focus,.D3ModulesItem--is-unfocused:hover,.D3ModulesItem--is-unfocused:visited{border-color:#8b8ba7}.D3ModulesItem--is-focused{border-color:#9980fa}.D3ModulesItem--is-searching{background:rgba(189,189,207,.3)}.D3ModulesItem--is-searching .D3ModulesItem__child{opacity:1}.D3ModulesItem--is-searching .D3ModulesItem__child--is-not-match{background:#fff;opacity:.6}.D3ModulesItem--is-searching .D3ModulesItem__child--is-match{background:#9980fa}.D3ModulesItem--is-searching:active,.D3ModulesItem--is-searching:focus,.D3ModulesItem--is-searching:hover,.D3ModulesItem--is-searching:visited{border-color:#8b8ba7}.D3ModulesItem__children{position:absolute;top:50%;right:0;bottom:0;left:50%;margin-top:-.6em;margin-left:-.6em;transform:scale(.9);transform-origin:top left}.D3ModulesItem__child{position:absolute;background:rgba(153,128,250,.2);border-radius:100%}.D3ModulesItem__child:hover{background:#9980fa}.D3ModulesItem__child__contents{max-width:20em;line-height:1.3em}.D3ModulesGradient,.D3ModulesScheme{width:100%;min-width:10em;height:2em;margin-top:.6em}.D3ModulesInline{position:relative;margin:-.3em 0 1em;overflow:hidden}.D3ModulesInline,.D3ModulesInlineItem{display:flex;align-items:center;flex-wrap:wrap;max-width:100%}.D3ModulesInlineItem{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:.3em;border:3px solid transparent;border-radius:2px;background:rgba(153,128,250,.2)}.D3ModulesInlineItem-wrapper{margin:.6em}.D3ModulesInlineItem-wrapper,.D3ModulesInlineItem__text{position:relative;align-items:center;justify-content:center}.D3ModulesInlineItem__text{display:flex;flex-direction:column;color:#292e31;text-align:center;z-index:10;pointer-events:none;z-index:100}.D3ModulesInlineItem__title{font-weight:600;line-height:1.1em}.D3ModulesInlineItem__name{font-size:.86em;color:#34345b}.D3ModulesInlineItem__name a,.D3ModulesInlineItem__name a:visited{color:#34345b}.D3ModulesInlineItem__size{font-feature-settings:"tnum" 1;line-height:1.2em;font-size:.8em}.D3ModulesInlineItem__name,.D3ModulesInlineItem__size{opacity:0;transition:opacity .3s ease-out}.D3ModulesInlineItem:active,.D3ModulesInlineItem:focus,.D3ModulesInlineItem:hover,.D3ModulesInlineItem:visited{border-color:#9980fa;outline:none}.D3ModulesInlineItem:active+.D3ModulesInlineItem__text .D3ModulesInlineItem__name,.D3ModulesInlineItem:active+.D3ModulesInlineItem__text .D3ModulesInlineItem__size,.D3ModulesInlineItem:focus+.D3ModulesInlineItem__text .D3ModulesInlineItem__name,.D3ModulesInlineItem:focus+.D3ModulesInlineItem__text .D3ModulesInlineItem__size,.D3ModulesInlineItem:hover+.D3ModulesInlineItem__text .D3ModulesInlineItem__name,.D3ModulesInlineItem:hover+.D3ModulesInlineItem__text .D3ModulesInlineItem__size,.D3ModulesInlineItem:visited+.D3ModulesInlineItem__text .D3ModulesInlineItem__name,.D3ModulesInlineItem:visited+.D3ModulesInlineItem__text .D3ModulesInlineItem__size{opacity:1}.D3ModulesInlineItem--is-external{background:rgba(255,195,18,.3)}.D3ModulesInlineItem--is-external:active,.D3ModulesInlineItem--is-external:focus,.D3ModulesInlineItem--is-external:hover,.D3ModulesInlineItem--is-external:visited{border-color:#ffc312}.D3ModulesInlineItem--is-external .D3ModulesInlineItem__child{background:rgba(255,195,18,.3)}.D3ModulesInlineItem__children{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-wrap:wrap;align-items:space-around;justify-content:center;align-content:center}.D3ModulesInlineItem__child{margin:2px;background:rgba(153,128,250,.2);border-radius:2px}.D3ModulesInlineItem__child:hover{background:#9980fa}.D3ModulesInlineItem__child__contents{max-width:20em;line-height:1.3em}.D3ModulesInlineGradient,.D3ModulesInlineScheme{width:100%;min-width:10em;height:2em;margin-top:.6em}.flex{display:flex}.flex-col{flex-direction:column}.center{align-items:center;justify-content:center}.p-2{padding:.5em}.mb-2{margin-bottom:.5em}.LearnD3{position:relative;font-feature-settings:"liga" 1}.LearnD3 h2{margin-bottom:.5em;font-size:3.6em;line-height:1.1em}.LearnD3 h3{font-size:2.1em;font-weight:900;margin-top:1em;margin-bottom:.5em;line-height:1.3em}.LearnD3 h6{margin:.9em 0;padding:0}.LearnD3 p{margin-top:.3em;margin-bottom:0}.LearnD3 p+.Code__wrapper{margin-top:0}.LearnD3 p+.Aside{margin-top:.6em}.LearnD3 i{font-style:italic;font-weight:600}.LearnD3 img{max-width:100%}.LearnD3 sub{font-feature-settings:"subs" 1}.LearnD3__promo{display:flex;align-items:center}.LearnD3__promo__img{flex:none;width:auto;height:9em;margin:-4em 1em -2em -5em}.LearnD3__book{position:absolute;flex:none;width:9em;margin-top:.6em;left:.3em;left:-3.5em;z-index:-1}@media (max-width:900px){.LearnD3__book{left:-1.6em}}@media (max-width:700px){.LearnD3__book{left:-3.1em}}.LearnD3__book-text{position:relative;padding-left:2.3em;z-index:3}@media (max-width:700px){.LearnD3__book-text{padding-left:1em}}.LearnD3__content{position:relative;padding:5em 2em 0 4em;max-width:100%}@media (min-width:860px){.LearnD3__content{margin-bottom:21em}}@media (max-width:860px){.LearnD3__content{padding:5em 2em}}.LearnD3__content .P{display:inline-block;margin:0;padding:0 .6em;color:#9980fa;background:rgba(153,128,250,.1);border-radius:2px;font-feature-settings:"tnum" 1;font-family:monospace;font-weight:600}.LearnD3__content .Heading__hash{font-size:.6em}.LearnD3__links{position:fixed;display:flex;align-items:center;justify-content:center;top:0;background:#fff;padding:.2em 6em;z-index:100;left:50%;transform:translateX(-50%)}.LearnD3__links .Icon{color:#bdbdcf}.LearnD3__links__arrows{display:flex;align-items:center}.LearnD3__links__link{position:relative;padding:1em}.LearnD3__links__link__arrow{margin:0 .3em;transition:all .3s ease-out}.LearnD3__links__link__arrow:hover{color:#9980fa}.LearnD3__links__link:hover .LearnD3__links__link__arrow{opacity:1;color:#12cbc4;transform:translateX(.5em)}.LearnD3__links__link:hover .LearnD3__links__link__options{opacity:1;pointer-events:all;transform:none}.LearnD3__links__link--left:hover .LearnD3__links__link__arrow{transform:translateX(-.5em) rotate(-180deg)}.LearnD3__links__link--left .LearnD3__links__link__options{text-align:right;justify-content:flex-end;left:auto;right:-.6em}.LearnD3__links__link a.LearnD3__links__link__main{color:#8b8ba7}.LearnD3__links__options{position:absolute;top:100%;display:flex;flex-direction:column;white-space:nowrap;background:#fff;padding:.3em;left:4.8em;box-shadow:0 5px 15px -5px rgba(0,0,0,.16);opacity:0;pointer-events:none;transform:translateY(-1em);transition:all .2s ease-out}.LearnD3__links__options a.LearnD3__links__options__item{padding:.1em 1em;cursor:pointer;color:#8b8ba7;font-size:.86em;transition:all .1s ease-out}.LearnD3__links__options a.LearnD3__links__options__item:hover{color:#9980fa}.LearnD3__links__options a.LearnD3__links__options__item--is-selected{color:#9980fa;cursor:default;font-weight:600}.LearnD3__links__options a.LearnD3__links__options__item--is-selected:hover{color:#9980fa}.LearnD3__links:hover .LearnD3__links__options{opacity:1;pointer-events:all;transform:translate(0)}.LearnD3__links h6{margin:1em;color:#292e31}.LearnD3__module{position:relative;margin:6em 0;animation:slideRight .6s ease-out;animation-fill-mode:forwards;opacity:0;transform:translateX(-2em)}@keyframes slideRight{0%{opacity:0;transform:translateX(-2em)}to{opacity:1;transform:translateX(0)}}.LearnD3__module__heading{margin-bottom:1em;font-size:5em;line-height:1em;letter-spacing:-.022em;font-weight:900}@media (max-width:860px){.LearnD3__module__heading{font-size:3em}}.LearnD3__next{display:block;background:#fff;padding:1.3em 2em;margin:7em -2em 0;max-width:40em}.LearnD3__next__content{display:flex;align-items:center}.LearnD3__next__content h3{margin:-.3em 0 0}.LearnD3__next__content .Icon{margin-left:1em}.LearnD3__next__arrow{margin:0 .3em;color:#f2f2f7;transition:all .3s ease-out}.LearnD3__next:hover .LearnD3__next__arrow{opacity:1;color:#9980fa;transform:translateX(.5em)}.LearnD3__section{position:relative;min-height:30vh;margin-right:500px;z-index:10}@media (min-width:1300px){.LearnD3__section{margin-right:700px}}@media (max-width:860px){.LearnD3__section{margin-right:0}}.LearnD3__diagram{width:100%;align-items:center;justify-content:center;margin-top:-3em;max-width:calc(100% + 4em);width:calc(100% + 4em);margin-left:-2em}@media (min-width:1300px){.LearnD3__diagram{margin-top:-6em}}@media (max-width:860px){.LearnD3__diagram{max-width:calc(100% + 4em);width:calc(100% + 4em);padding-left:7em}}.LearnD3__diagram--solo{top:50vh;height:0;z-index:15}.LearnD3__diagram--is-shrunk{top:0;z-index:5}@media (max-width:860px){.LearnD3__diagram--solo{display:none}}.LearnD3__diagram--is-shrunk,.LearnD3__diagram--solo{overflow:visible;position:-webkit-sticky;position:sticky}@media (min-width:860px){.LearnD3__diagram--is-shrunk,.LearnD3__diagram--solo{justify-content:flex-end}.LearnD3__diagram--is-shrunk .D3Modules__wrapper,.LearnD3__diagram--solo .D3Modules__wrapper{right:0;transform-origin:center right;transform:scale(.8)}}.LearnD3__diagram .D3Modules__wrapper{transition:all .5s ease-out}@media (min-width:860px){.LearnD3__diagram .D3Modules__wrapper{overflow:hidden}}.LearnD3__modules-list{margin-bottom:2em}.LearnD3__modules-list .List__item{padding-top:0;padding-bottom:0;align-items:center}.LearnD3__modules-list .List__item:hover{background:#fff}.LearnD3__modules-list .List__item__text{padding-bottom:0}.LearnD3__modules-list .List__item__icon{margin-top:-.12em}.LearnD3__modules-list__item{display:flex;justify-content:space-between;align-items:center;min-height:3em;padding:.5em 0;line-height:1.3em;cursor:pointer}.LearnD3__modules-list__item__flag{padding:.3em .6em;font-size:.82em;color:#bf8f00;background:rgba(255,195,18,.16)}.LearnD3__modules-list__item--is-selected{color:#292e31;font-weight:600;background:#fff}.LearnD3__unstyled-link,.LearnD3__unstyled-link:visited{color:#292e31}@media (max-width:860px){.LearnD3 .desktop{display:none}}@media (min-width:860px){.LearnD3 .mobile{display:none}}.LearnD3 .ArcExample{display:flex;align-items:center;flex-wrap:wrap;margin-top:.8em;margin-bottom:2em}.LearnD3 .ArcExample__controls{display:flex;flex-wrap:wrap;align-items:center;max-width:30em}.LearnD3 .ArcExample__control{display:flex;align-items:center;font-size:.7em;min-width:13em;margin:0 1em}.LearnD3 .ArcExample__control__label{width:6em;font-weight:600}.LearnD3 .ArcExample__control__value{text-align:right;margin-right:1em;width:3em;font-feature-settings:"tnum" 1}.LearnD3 .ArcExample__slider{width:5em}.LearnD3 .ArcExample svg{width:100px;flex:none}.LearnD3 .ArcExample .Expandy{width:100%;margin-top:1.6em}.LearnD3 .note{font-size:.9em;line-height:1.6em;color:#8b8ba7;font-style:italic}@media (max-width:700px){.LearnD3 .Fishing__circles__item{transform:scale(.6);margin:-6em 0}}.LearnD3 .CurveExample__controls{display:flex;flex-wrap:wrap;align-items:center}.LearnD3 .CurveExample__controls h6{margin-right:1em}.LearnD3 .CurveExample__controls select{flex:1 1;margin-right:1em}.LearnD3 .CurveExample__controls .Button{display:flex;margin-left:auto}.LearnD3 .CurveExample__controls .Button .Icon{margin-right:.6em}.LearnD3 .CurveExample__refresh-button .Icon{transform-origin:45% 45%}.LearnD3 .CurveExample__refresh-button--iteration-0 .Icon{animation:rotateAround .6s ease-out}.LearnD3 .CurveExample__refresh-button--iteration-1 .Icon{animation:rotateAround2 .6s ease-out}.LearnD3 .CurveExample select{padding:.3em .6em}.LearnD3 .CurveExample__svg{width:100%;height:13em;overflow:visible}.LearnD3 .CurveExample__svg path{fill:none;stroke:#9980fa;stroke-width:.1px;transition:all .3s ease-out}.LearnD3 .CurveExample__svg circle{fill:#bdbdcf;transition:all .3s ease-out}.LearnD3 .SymbolExample{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin:1.6em 0;text-align:center}.LearnD3 .SymbolExample__item{flex:1 1;margin:0 .3em;text-transform:lowercase}.LearnD3 .SymbolExample__name{font-size:.9em}.LearnD3 .SymbolExample__svg{width:5em;height:5em;overflow:visible}.LearnD3 .SymbolExample__svg path{fill:#9980fa;fill-opacity:.1;stroke:#9980fa;stroke-width:.5px;stroke-linejoin:round}.LearnD3 .SymbolExample__svg circle{fill:#bdbdcf}.LearnD3 .PolygonExample{margin-top:2em;display:flex;flex-wrap:wrap;align-items:center}.LearnD3 .PolygonExample__refresh-button{margin-left:2em;padding-bottom:.9em}.LearnD3 .PolygonExample__refresh-button .Icon{margin:4px .5em -4px 0;transform-origin:45% 45%}.LearnD3 .PolygonExample__refresh-button--iteration-0 .Icon{animation:rotateAround .6s ease-out}.LearnD3 .PolygonExample__refresh-button--iteration-1 .Icon{animation:rotateAround2 .6s ease-out}.LearnD3 .PolygonExample__controls{display:flex;align-items:center}.LearnD3 .PolygonExample__params{font-size:.8em;line-height:1.6em}.LearnD3 .PolygonExample__param{display:flex;align-items:baseline}.LearnD3 .PolygonExample__param__label{width:5em;font-weight:600}.LearnD3 .PolygonExample__param__value{width:5em;font-feature-settings:"tnum" 1;text-align:right}.LearnD3 .PolygonExample sup{font-feature-settings:"sups" 1;margin-right:-.3em}.LearnD3 .PolygonExample__svg{width:20em;height:20em;overflow:visible}.LearnD3 .PolygonExample__svg path{fill:#9980fa;fill-opacity:.1;stroke:#9980fa;stroke-width:.06px;stroke-linejoin:round;transition:all .3s ease-out}.LearnD3 .PolygonExample__svg circle{fill:#bdbdcf;transition:all .3s ease-out}.LearnD3 .PolygonExample__svg circle.PolygonExample__special-point{fill:#12cbc4}.LearnD3 .RefreshButton .Icon{margin:4px .5em -4px 0;transform-origin:45% 45%}@keyframes rotateAround{0%{transform:none}to{transform:rotate(1turn)}}@keyframes rotateAround2{0%{transform:none}to{transform:rotate(1turn)}}.LearnD3 .RefreshButton--iteration-0 .Icon{animation:rotateAround .6s ease-out}.LearnD3 .RefreshButton--iteration-1 .Icon{animation:rotateAround2 .6s ease-out}.LearnD3 .Color{padding:.3em .6em}.LearnD3 .ColorSpace{display:inline-flex;align-items:center;margin:.6em 0 3em;font-size:.85em}.LearnD3 .ColorSpace+.ColorSpace{margin-left:1.6em}.LearnD3 .ColorSpace__dimension{position:relative;width:3em;height:10em;margin:2em .3em .3em}.LearnD3 .ColorSpace__dimension__label{position:absolute;top:-2em;font-weight:600;right:0;left:0;height:1.8em;width:100%;text-align:center;color:#8b8ba7}.LearnD3 .ColorSpace__dimension__value{top:auto;bottom:-1.8em;font-feature-settings:"tnum" 1;color:#8b8ba7}.LearnD3 .ColorSpace__dimension__svg{width:100%;height:100%}.LearnD3 .ColorSpace__dimension__indicator{position:absolute;left:-2px;right:-2px;border:2px solid #292e31;height:6px;margin-top:-4px;z-index:10}.LearnD3 .ColorSpace__color{position:relative;height:10em;width:10em;margin-top:2em;margin-left:1em}.LearnD3 .ReadMore{margin-bottom:6em}.LearnD3 .GradientsInCategory{display:flex;flex-wrap:wrap}.LearnD3 .GradientsInCategory__item{display:flex;flex-direction:column;align-items:center;text-align:center;width:7em;padding:0 .5em}.LearnD3 .GradientsInCategory__item>div{width:100%;min-width:0;height:2em;transform-origin:center center;transition:all .3s ease-out}.LearnD3 .GradientsInCategory__item__name{display:block;font-size:.6em;line-height:1.6em;margin-top:.3em;color:#292e31}.LearnD3 .GradientsInCategory__item:hover{background:#f2f2f7}.LearnD3 .GradientsInCategory__item:hover>div{transform:scaleY(1.3)}.LearnD3~.Header .Header__link--blog{display:none}.LearnD3 .GeoExample svg{width:100%;height:100%;max-width:60em}.LearnD3 .GeoExample__earth{fill:#dbdbe7;fill:none;stroke:#bdbdcf;transition:all .3s ease-out}.LearnD3 .GeoExample__graticules{fill:none;stroke:#bdbdcf;stroke-width:.5px;transition:all .3s ease-out}.LearnD3 .GeoExample__country{fill:#9980fa;stroke:#fff;stroke-width:.3px;transition:all .3s ease-out}.LearnD3 .GeoExampleCycle{display:flex;flex-wrap:wrap;align-items:center;margin:0 -1em 1em}.LearnD3 .GeoExampleCycle__item{margin:1em}.LearnD3 .GeoExampleCycle b{text-align:center;display:block;font-weight:600;font-size:.8em}.LearnD3 .GeoExampleCycle svg{width:18em;height:18em}.LearnD3 .GeoExampleSelect{margin-top:1em;margin-bottom:2em}.LearnD3 .GeoExampleSelect__controls{display:flex;margin-bottom:1em}.LearnD3 .GeoExampleSelect__select{flex:1 1}.LearnD3__card-list{display:flex;align-items:center;flex-wrap:wrap;margin:0 -.3em}.LearnD3__card-list__item{flex:1 1;background:#fff;padding:.8em 1.4em;margin:.3em}.LearnD3 .CircleExample{height:3em;width:3em;border-radius:100%;background:#87ceeb;margin:0 auto;text-align:center;animation:blueToGreen 6s linear;animation-iteration-count:infinite;animation-delay:1s}@keyframes blueToGreen{0%{background:#87ceeb}to{background:#3cb371}}.LearnD3 .ColorShift{display:flex;align-items:center;justify-content:center}.LearnD3 .ColorShift__circle{height:3em;width:3em;border-radius:100%;background:#87ceeb;margin:0 -.5em;text-align:center}
/*# sourceMappingURL=32.f3ba6057.chunk.css.map */