.pack-anatomy--route{--mission-line: rgba(255, 255, 255, .5);--mission-gap: 22px}.route-stage__kit{position:relative;grid-column:1 / -1;width:100%;list-style:none;margin:0;padding:0;display:grid;gap:8px;text-align:left}.mission-item{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;column-gap:11px;padding:10px 14px 10px 12px;border-radius:14px;background:#fff;color:var(--color-primary-dark);box-shadow:0 14px 26px -22px #041432b3;transition:transform .2s ease,box-shadow .2s ease}.pack-anatomy--route:not(.pack-anatomy--world) .mission-item{box-shadow:none}.mission-item__icon{display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.mission-item__icon svg{display:block;flex-shrink:0}.mission-item__main{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.mission-item__name{font-size:.9rem;font-weight:700;line-height:1.25;color:var(--color-primary-dark);text-wrap:balance}.mission-item__text{font-size:.8rem;line-height:1.35;color:var(--color-text-muted)}.mission-item__view{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:none;cursor:pointer;font:inherit;font-size:.78rem;font-weight:700;line-height:1.3;color:var(--color-primary)}.mission-item__view svg{flex-shrink:0}.mission-item__view:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:14px}.mission-item__view:focus-visible{outline:none}.mission-item__view:focus-visible:after{outline:2px solid #FACC15;outline-offset:2px}@media(hover:hover){.mission-item.has-preview:hover{transform:translateY(-2px);box-shadow:0 18px 30px -20px #041432cc}.mission-item.has-preview:hover .mission-item__view span{text-decoration:underline;text-underline-offset:3px}}@media(prefers-reduced-motion:reduce){.mission-item{transition:none}.mission-item.has-preview:hover{transform:none}}.route-gather{position:relative;height:44px}.route-gather:before,.route-gather:after,.route-gather__ticks{content:"";position:absolute;box-sizing:border-box;pointer-events:none}.route-gather:after{left:calc(50% - 1px);top:16px;bottom:0;border-left:2px dotted var(--mission-line)}.route-gather__label{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;width:fit-content;max-width:100%;margin:0 auto;padding:5px 14px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.28);font-size:.74rem;font-weight:800;letter-spacing:.1em;line-height:1.3;text-transform:uppercase;text-align:center;color:#fff}.route-gather__label svg{flex-shrink:0;color:#fca5a5}.route-gather__label span{text-wrap:balance}@media(max-width:599px){.route-gather__label{padding:6px 12px;border-radius:14px;font-size:.66rem;letter-spacing:.06em}}.route-gather.has-label{height:auto;padding-top:40px}.route-gather.has-label:after{bottom:auto;height:24px}.pack-anatomy--route .route-world+.route-reward{margin-top:8px}.pack-anatomy--route .route-reward+.route-summary{margin-top:12px}.pack-anatomy--route .route-reward+.route-summary:before{content:"";display:block;width:0;height:22px;margin:0 auto 12px;border-left:2px dotted var(--mission-line)}.pack-anatomy--route:not(.pack-anatomy--world) .route-reward+.route-summary:before{border-left-color:color-mix(in srgb,var(--color-primary) 35%,transparent)}@media(min-width:900px){.pack-anatomy--route .route__stages{gap:var(--mission-gap)}.pack-anatomy--route .route-stage{display:flex;flex-direction:column;align-items:center;gap:0}.route-stage__kit{margin-top:26px}.route-stage__kit:before{content:"";position:absolute;left:calc(50% - 1px);bottom:calc(100% + 3px);height:calc(18px + var(--mission-drop, 0px));border-left:2px dotted var(--mission-line);pointer-events:none}.route-stage--1{--mission-drop: 9.163cqw }.route-stage--3{--mission-drop: 10.829cqw }.route-stage--4{--mission-drop: 2.6656cqw }.route-stage:has(.route-stage__kit):after{content:"";flex:1 0 auto;min-height:14px;margin-top:3px;border-left:2px dotted var(--mission-line)}@supports (grid-template-rows: subgrid){.pack-anatomy--route .route__stages{row-gap:0}.pack-anatomy--route .route-stage{display:grid;grid-template-columns:minmax(0,1fr);grid-row:span 5;grid-template-rows:subgrid;row-gap:0;justify-items:center}.pack-anatomy--route .route-stage__kit{grid-row:2 / span 3;grid-template-rows:subgrid;row-gap:8px}.route-stage:has(.route-stage__kit):after{grid-row:5;align-self:stretch}}.route-gather:before{left:calc((100% - 3 * var(--mission-gap)) / 8 - 1px);right:calc((100% - 3 * var(--mission-gap)) / 8 - 1px);top:0;height:18px;border:2px dotted var(--mission-line);border-top:0;border-radius:0 0 16px 16px}.route-gather__ticks{left:calc((100% - 3 * var(--mission-gap)) * 3 / 8 + var(--mission-gap) - 1px);width:calc((100% - 3 * var(--mission-gap)) / 4 + var(--mission-gap) + 2px);top:0;height:16px;border-left:2px dotted var(--mission-line);border-right:2px dotted var(--mission-line)}}@media(max-width:899px){.pack-anatomy--route{--mission-rail: 29px;--mission-indent: 46px}.pack-anatomy--route .route__stages{grid-template-columns:minmax(0,1fr);gap:0}.pack-anatomy--route .route__stages:before,.pack-anatomy--route .route-move{display:none}.pack-anatomy--route .route-stage{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-bottom:20px;text-align:left}.pack-anatomy--route .route-stage__marker{position:relative;z-index:1;display:grid;grid-template-columns:60px minmax(0,1fr);align-items:center;justify-items:start;gap:12px;text-align:left}.pack-anatomy--route .route-stage__num--art{width:60px;height:60px;border-radius:50%}.pack-anatomy--route .route-stage__head{width:auto;max-width:none}.pack-anatomy--route .route-stage__title{margin:0;font-size:1.3rem;line-height:1.2}.pack-anatomy--route .route-stage__n{margin-right:6px}.pack-anatomy--route .route-stage__text{margin:2px 0 0;font-size:.86rem}.route-stage__kit{width:auto;margin:6px 0 0 var(--mission-indent);gap:6px}.mission-item{padding:8px 12px 8px 11px}.mission-item__name{font-size:.88rem}.pack-anatomy--route .route-stage:before{content:"";position:absolute;left:var(--mission-rail);top:0;bottom:0;z-index:0;border-left:2px dotted var(--mission-line);pointer-events:none}.pack-anatomy--route .route-stage--1:before{top:30px}.route-stage__kit .mission-item:before{content:"";position:absolute;left:calc(var(--mission-rail) - var(--mission-indent) + 2px);top:50%;width:calc(var(--mission-indent) - var(--mission-rail) - 8px);border-top:2px dotted var(--mission-line);pointer-events:none}.route-gather{height:40px}.route-gather:before{left:var(--mission-rail);width:calc(50% - var(--mission-rail) + 1px);top:0;height:18px;border-left:2px dotted var(--mission-line);border-bottom:2px dotted var(--mission-line);border-bottom-left-radius:16px}.route-gather__ticks{display:none}.route-gather.has-label{padding-top:36px}.route-gather.has-label:after{height:20px}}@media(min-width:600px)and (max-width:899px){.pack-anatomy--route .route__stages{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;grid-auto-flow:column;column-gap:28px;row-gap:0}.pack-anatomy--route .route-stage--3:before{top:30px}.route-gather:before{left:var(--mission-rail);right:auto;width:calc(50% + 16px);top:0;height:18px;border:2px dotted var(--mission-line);border-top:0;border-radius:0 0 16px 16px}}@media(min-width:600px)and (max-width:899px){.pack-anatomy--route .route-stage--3 .route-stage__marker,.pack-anatomy--route .route-stage--4 .route-stage__marker{grid-template-columns:minmax(0,1fr) 60px;justify-items:end;text-align:right}.pack-anatomy--route .route-stage--3 .route-stage__num,.pack-anatomy--route .route-stage--4 .route-stage__num{grid-column:2;grid-row:1}.pack-anatomy--route .route-stage--3 .route-stage__head,.pack-anatomy--route .route-stage--4 .route-stage__head{grid-column:1;grid-row:1}.pack-anatomy--route .route-stage--3:before,.pack-anatomy--route .route-stage--4:before{left:auto;right:var(--mission-rail);border-left:0;border-right:2px dotted var(--mission-line)}.pack-anatomy--route .route-stage--3 .route-stage__kit,.pack-anatomy--route .route-stage--4 .route-stage__kit{margin:6px var(--mission-indent) 0 0}.pack-anatomy--route .route-stage--3 .route-stage__kit .mission-item:before,.pack-anatomy--route .route-stage--4 .route-stage__kit .mission-item:before{left:auto;right:calc(var(--mission-rail) - var(--mission-indent) + 2px)}.route-gather:before{left:var(--mission-rail);right:var(--mission-rail);width:auto}}@media(max-width:599px){.pack-anatomy--route .route-reward__title{display:block;text-align:center}.pack-anatomy--route .route-reward__medal{margin-right:6px}}@media(min-width:600px)and (max-width:899px){.pack-anatomy--route .route__stages{grid-auto-flow:row;grid-template-rows:none}.pack-anatomy--route .route-stage--3 .route-stage__marker{grid-template-columns:60px minmax(0,1fr);justify-items:start;text-align:left}.pack-anatomy--route .route-stage--3 .route-stage__num{grid-column:1;grid-row:1}.pack-anatomy--route .route-stage--3 .route-stage__head{grid-column:2;grid-row:1}.pack-anatomy--route .route-stage--3:before{top:0;left:var(--mission-rail);right:auto;border-right:0;border-left:2px dotted var(--mission-line)}.pack-anatomy--route .route-stage--3 .route-stage__kit{margin:6px 0 0 var(--mission-indent)}.pack-anatomy--route .route-stage--3 .route-stage__kit .mission-item:before{right:auto;left:calc(var(--mission-rail) - var(--mission-indent) + 2px)}.pack-anatomy--route .route-stage--2 .route-stage__marker{grid-template-columns:minmax(0,1fr) 60px;justify-items:end;text-align:right}.pack-anatomy--route .route-stage--2 .route-stage__num{grid-column:2;grid-row:1}.pack-anatomy--route .route-stage--2 .route-stage__head{grid-column:1;grid-row:1}.pack-anatomy--route .route-stage--2:before{top:30px;left:auto;right:var(--mission-rail);border-left:0;border-right:2px dotted var(--mission-line)}.pack-anatomy--route .route-stage--2 .route-stage__kit{margin:6px var(--mission-indent) 0 0}.pack-anatomy--route .route-stage--2 .route-stage__kit .mission-item:before{left:auto;right:calc(var(--mission-rail) - var(--mission-indent) + 2px)}.pack-anatomy--route .route-stage--4:before{top:0}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/fb-anatomy.css.map */