.shopify-section.msc-learn-depth-enhancement{display:contents}.msc-depth-chart[data-msc-depth-enhanced=true]{grid-template-rows:auto minmax(38rem,1fr);min-height:52rem}.msc-depth-chart[data-msc-depth-enhanced=true] .msc-depth-chart__header{align-items:center;color:#fbf8efd1;font-size:1.08rem;font-weight:760;letter-spacing:.12em}.msc-depth-chart[data-msc-depth-enhanced=true] .msc-depth-chart__header span:first-child{color:#fbf8efeb}.msc-depth-chart[data-msc-depth-enhanced=true] .msc-depth-chart__header span:last-child{color:#d4be99d1;font-size:.92rem}.msc-depth-chart[data-msc-depth-enhanced=true] .msc-depth-chart__field{position:relative;min-height:38rem;padding:0;overflow:hidden;border-color:#d4be994d;background:radial-gradient(circle at 24% 14%,rgba(212,190,153,.11),transparent 31%),radial-gradient(circle at 78% 72%,rgba(78,107,113,.18),transparent 42%),linear-gradient(180deg,#1e444c9e,#133139c7 46%,#081921f0);box-shadow:inset 0 0 0 1px #fbf8ef06,inset 0 -7rem 9rem #040f152e}.msc-depth-map{position:relative;display:grid;grid-template-columns:7.2rem minmax(0,1fr);min-height:38rem;isolation:isolate}.msc-depth-map:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:linear-gradient(rgba(251,248,239,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(251,248,239,.025) 1px,transparent 1px);background-size:2.8rem 2.8rem;-webkit-mask-image:linear-gradient(180deg,#000000b3,#0003);mask-image:linear-gradient(180deg,#000000b3,#0003);pointer-events:none}.msc-depth-map__chart{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.msc-depth-map__contours{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.78}.msc-depth-map__contour{fill:none;stroke:#d4be9924;stroke-width:1;vector-effect:non-scaling-stroke}.msc-depth-map__profile{fill:none;stroke:#fbf8ef33;stroke-width:1.15;stroke-dasharray:2 6;vector-effect:non-scaling-stroke}.msc-depth-map__route{fill:none;stroke:#d4be999e;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7 9;vector-effect:non-scaling-stroke;animation:mscKnowledgeSounderRoute 18s linear infinite}.msc-depth-map__node{fill:#123139f5;stroke:#d4be99c7;stroke-width:2;vector-effect:non-scaling-stroke;transition:fill .2s ease,stroke .2s ease,r .2s ease,filter .2s ease}.msc-depth-map[data-active=basics] .msc-depth-map__node--basics,.msc-depth-map[data-active=network] .msc-depth-map__node--network,.msc-depth-map[data-active=building] .msc-depth-map__node--building,.msc-depth-map[data-active=development] .msc-depth-map__node--development,.msc-depth-map[data-active=ecosystem] .msc-depth-map__node--ecosystem,.msc-depth-map__region[data-progress-state=current] .msc-depth-map__station{fill:#d4be99f2;stroke:#fbf8eff2;filter:drop-shadow(0 0 8px rgba(212,190,153,.55))}.msc-depth-map__scan{position:absolute;z-index:1;top:-18%;left:0;width:100%;height:16%;background:linear-gradient(180deg,transparent,rgba(212,190,153,.055),rgba(212,190,153,.12),transparent);filter:blur(.25rem);opacity:.7;animation:mscKnowledgeSounderScan 12s ease-in-out infinite}.msc-depth-map__scale{position:relative;z-index:2;grid-column:1;min-height:38rem;border-right:1px solid rgba(212,190,153,.22);background:linear-gradient(90deg,#06171e38,#06171e0d)}.msc-depth-map__scale:before{content:"DEPTH";position:absolute;top:.9rem;left:.85rem;color:#d4be998a;font-size:.72rem;font-weight:760;letter-spacing:.18em}.msc-depth-map__scale-mark{position:absolute;right:.8rem;display:flex;align-items:center;gap:.5rem;color:#fbf8efab;font-size:.78rem;font-weight:760;letter-spacing:.1em;line-height:1;text-transform:uppercase;transform:translateY(-50%)}.msc-depth-map__scale-mark:after{content:"";width:1.1rem;height:1px;margin-right:-.82rem;background:#d4be9994}.msc-depth-map__scale-mark[data-region=basics]{top:10%}.msc-depth-map__scale-mark[data-region=network]{top:27%}.msc-depth-map__scale-mark[data-region=building]{top:45%}.msc-depth-map__scale-mark[data-region=development]{top:66%}.msc-depth-map__scale-mark[data-region=ecosystem]{top:89%}.msc-depth-map__regions{position:relative;z-index:3;grid-column:2;min-height:38rem}.msc-depth-map__region{--msc-sounder-indent: 0%;position:absolute;left:var(--msc-sounder-indent);right:.9rem;display:grid;grid-template-columns:1rem minmax(0,1fr) 1.25rem;gap:.75rem;align-items:center;min-width:0;padding:.72rem .78rem .76rem .7rem;border:1px solid transparent;border-radius:12px;color:inherit;text-decoration:none;background:linear-gradient(90deg,#08192114,#0819213d,#0819210f);transition:background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;transform:translateY(-50%)}.msc-depth-map__region[data-region=basics]{--msc-sounder-indent: 4%;top:10%}.msc-depth-map__region[data-region=network]{--msc-sounder-indent: 13%;top:27%}.msc-depth-map__region[data-region=building]{--msc-sounder-indent: 22%;top:45%}.msc-depth-map__region[data-region=development]{--msc-sounder-indent: 31%;top:66%}.msc-depth-map__region[data-region=ecosystem]{--msc-sounder-indent: 39%;top:89%}.msc-depth-map__region:hover,.msc-depth-map__region:focus-visible{z-index:4;border-color:#d4be9957;background:linear-gradient(90deg,#d4be991c,#163840b8,#0819214d);box-shadow:0 12px 30px #04111742;transform:translate(.28rem,-50%);outline:none}.msc-depth-map__station{width:.72rem;height:.72rem;border:2px solid rgba(212,190,153,.78);border-radius:999px;background:#10282df5;box-shadow:0 0 0 3px #d4be9912;transition:background-color .2s ease,box-shadow .2s ease,border-color .2s ease}.msc-depth-map__region:hover .msc-depth-map__station,.msc-depth-map__region:focus-visible .msc-depth-map__station,.msc-depth-map__region[data-progress-state=current] .msc-depth-map__station{border-color:#fbf8eff5;background:#d4be99f0;box-shadow:0 0 0 4px #d4be991f,0 0 18px #d4be9980}.msc-depth-map__region[data-progress-state=complete] .msc-depth-map__station{background:#d4be99ad}.msc-depth-map__region-copy{min-width:0}.msc-depth-map__region-line{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .62rem;margin-bottom:.2rem}.msc-depth-map__depth-name{color:#d4be99e0;font-size:.82rem;font-weight:780;letter-spacing:.13em;line-height:1;text-transform:uppercase}.msc-depth-map__entry{display:inline-flex;align-items:center;min-height:1.25rem;padding:.16rem .42rem;border:1px solid rgba(212,190,153,.28);border-radius:999px;color:#fbf8efad;font-size:.68rem;font-weight:760;letter-spacing:.1em;line-height:1;text-transform:uppercase}.msc-depth-map__title{display:block;overflow:hidden;color:#fbf8eff5;font-size:1.18rem;font-weight:780;letter-spacing:.015em;line-height:1.12;text-overflow:ellipsis;white-space:nowrap}.msc-depth-map__meta{position:relative;display:block;min-height:1.3rem;margin-top:.3rem;overflow:hidden}.msc-depth-map__subcategories,.msc-depth-map__description{display:block;color:#fbf8efad;font-size:.82rem;line-height:1.3;transition:opacity .2s ease,transform .2s ease}.msc-depth-map__subcategories{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msc-depth-map__description{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;color:#fbf8efc7;opacity:0;text-overflow:ellipsis;white-space:nowrap;transform:translateY(.25rem)}.msc-depth-map__region:hover .msc-depth-map__subcategories,.msc-depth-map__region:focus-visible .msc-depth-map__subcategories{opacity:0;transform:translateY(-.2rem)}.msc-depth-map__region:hover .msc-depth-map__description,.msc-depth-map__region:focus-visible .msc-depth-map__description{opacity:1;transform:translateY(0)}.msc-depth-map__arrow{color:#d4be999e;font-size:1rem;line-height:1;transition:color .2s ease,transform .2s ease}.msc-depth-map__region:hover .msc-depth-map__arrow,.msc-depth-map__region:focus-visible .msc-depth-map__arrow{color:#fbf8efeb;transform:translate(.12rem,-.12rem)}@keyframes mscKnowledgeSounderRoute{to{stroke-dashoffset:-64}}@keyframes mscKnowledgeSounderScan{0%,10%{transform:translateY(-30%);opacity:0}25%{opacity:.55}76%{opacity:.5}92%,to{transform:translateY(760%);opacity:0}}@media screen and (max-width:990px){.msc-depth-chart[data-msc-depth-enhanced=true]{min-height:49rem}.msc-depth-map__region[data-region=ecosystem]{--msc-sounder-indent: 34%}}@media screen and (max-width:640px){.msc-depth-chart[data-msc-depth-enhanced=true]{grid-template-rows:auto auto;min-height:0}.msc-depth-chart[data-msc-depth-enhanced=true] .msc-depth-chart__header{align-items:flex-start;font-size:.95rem}.msc-depth-chart[data-msc-depth-enhanced=true] .msc-depth-chart__header span:last-child{font-size:.75rem}.msc-depth-chart[data-msc-depth-enhanced=true] .msc-depth-chart__field{min-height:34rem}.msc-depth-map{grid-template-columns:5.6rem minmax(0,1fr);min-height:34rem}.msc-depth-map__scale,.msc-depth-map__regions{min-height:34rem}.msc-depth-map__scale:before{top:.65rem;left:.55rem;font-size:.62rem}.msc-depth-map__scale-mark{right:.55rem;gap:.35rem;font-size:.66rem;letter-spacing:.07em}.msc-depth-map__scale-mark:after{width:.8rem;margin-right:-.57rem}.msc-depth-map__region{left:2%;right:.45rem;grid-template-columns:.82rem minmax(0,1fr) 1rem;gap:.52rem;padding:.58rem .5rem .62rem .55rem;border-radius:10px}.msc-depth-map__region[data-region=basics]{top:10%}.msc-depth-map__region[data-region=network]{top:27%}.msc-depth-map__region[data-region=building]{top:45%}.msc-depth-map__region[data-region=development]{top:66%}.msc-depth-map__region[data-region=ecosystem]{top:89%}.msc-depth-map__region[data-region=basics],.msc-depth-map__region[data-region=network],.msc-depth-map__region[data-region=building],.msc-depth-map__region[data-region=development],.msc-depth-map__region[data-region=ecosystem]{--msc-sounder-indent: 0%}.msc-depth-map__station{width:.62rem;height:.62rem}.msc-depth-map__region-line{gap:.3rem .4rem;margin-bottom:.14rem}.msc-depth-map__depth-name{font-size:.68rem;letter-spacing:.09em}.msc-depth-map__entry{min-height:1.05rem;padding:.12rem .32rem;font-size:.56rem}.msc-depth-map__title{font-size:.98rem}.msc-depth-map__meta{min-height:1.15rem;margin-top:.18rem}.msc-depth-map__subcategories,.msc-depth-map__description{font-size:.69rem}.msc-depth-map__profile{opacity:.55}}@media(prefers-reduced-motion:reduce){.msc-depth-map__route,.msc-depth-map__scan{animation:none!important}.msc-depth-map__region,.msc-depth-map__station,.msc-depth-map__subcategories,.msc-depth-map__description,.msc-depth-map__arrow,.msc-depth-map__node{transition:none!important}.msc-depth-map__region:hover,.msc-depth-map__region:focus-visible{transform:translateY(-50%)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/msc-learn-depth-chart.css.map */