.mission-preview{--mp-line: rgba(var(--color-foreground), .15);--mp-soft: rgba(var(--color-foreground), .62);padding:0 1.5rem}.mission-preview *,.mission-preview *:before,.mission-preview *:after{box-sizing:border-box}.mission-preview [hidden]{display:none!important}.mission-preview__layout{display:grid;grid-template-columns:minmax(0,1fr) 26rem;gap:3rem;align-items:start;max-width:130rem;margin:0 auto}@media screen and (max-width:989px){.mission-preview__layout{grid-template-columns:1fr;gap:2rem}}.mission-preview__warn{border:1px solid var(--mp-accent);padding:1rem 1.4rem;margin:0 0 1.5rem;font-size:1.3rem}.mission-preview__stage{position:sticky;top:2rem;display:flex;justify-content:center;align-items:flex-start;gap:1.6rem}.mp-paper{--mp-ar: .75;flex:0 1 auto;width:min(calc(100% - 9rem),calc((100vh - 14rem) * var(--mp-ar)))}.mp-mapwrap{position:relative;line-height:0;width:100%;aspect-ratio:var(--mp-ar);background:#fff;border:1px solid var(--mp-line);box-shadow:0 1.8rem 4rem -2.2rem rgba(var(--color-shadow),.5)}.mp-mapwrap img{display:block;width:100%;height:100%}.mp-mapwrap svg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible}.mp-placeholder{display:grid;place-content:center;text-align:center;gap:.6rem;aspect-ratio:3 / 4;width:min(100%,calc((100vh - 14rem)*.75));border:1px dashed var(--mp-line);color:var(--mp-soft)}.mp-placeholder p{margin:0;font-size:1.7rem}.mp-placeholder .mp-sub{font-size:1.3rem}.mp-dot{fill:var(--mp-dot, var(--mp-accent));stroke:#fff}.mp-dot-halo{fill:var(--mp-dot, var(--mp-accent));opacity:.18}.mp-dot-label{font-family:var(--font-body-family, sans-serif);font-weight:500;fill:#2b2620;paint-order:stroke;stroke:#fff}.mp-name-overlay{font-family:Gelasio,Georgia,Times New Roman,serif;fill:#2b2620;letter-spacing:.04em}.mp-h{margin:0 0 1.5rem;font-size:2.2rem;line-height:1.2}.mp-step{border:0;border-top:1px solid var(--mp-line);margin:0;padding:1.6rem 0}.mp-step legend,.mp-step>label{display:block;padding:0;margin-bottom:.9rem;font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase}.mission-preview input[type=text],.mission-preview input[type=search]{width:100%;padding:.9rem 1.1rem;font:inherit;font-size:1.5rem;color:rgb(var(--color-foreground));background:transparent;border:1px solid var(--mp-line);border-radius:var(--inputs-radius, 0)}.mission-preview input:focus-visible{outline:2px solid var(--mp-accent);outline-offset:1px}.mp-tiers{display:grid;grid-template-columns:1fr;gap:.6rem}.mp-tier{display:grid;grid-template-columns:1fr auto;align-items:baseline;column-gap:1rem;row-gap:.3rem;border:1px solid var(--mp-line);padding:.9rem 1.1rem;text-align:left;cursor:pointer}.mp-tier:has(:checked){border-color:var(--mp-accent);box-shadow:inset 0 0 0 1px var(--mp-accent)}.mp-tier__t{font-weight:600;font-size:1.4rem;line-height:1.2}.mp-tier__p{font-weight:600;font-size:1.4rem;line-height:1.2;justify-self:end;white-space:nowrap}.mp-tier__b{grid-column:1 / -1;font-size:1.2rem;line-height:1.35;opacity:.72}.mp-tier input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.mp-tier:has(:focus-visible){outline:2px solid var(--mp-accent);outline-offset:2px}.mp-results{list-style:none;margin:.6rem 0 0;padding:0;max-height:25rem;overflow-y:auto;border:1px solid var(--mp-line)}.mp-results li{padding:.7rem 1.1rem;cursor:pointer;display:flex;justify-content:space-between;gap:1rem;font-size:1.4rem}.mp-results li:hover{background:rgba(var(--color-foreground),.05)}.mp-results li+li{border-top:1px solid var(--mp-line)}.mp-results .mp-meta{color:var(--mp-soft);font-size:1.2rem;white-space:nowrap}.mp-results li.dim{color:var(--mp-soft);cursor:default}.mp-results li.dim:hover{background:none}.mp-chips{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem;padding:0;margin:1rem 0 0}.mp-chips li{display:flex;align-items:center;gap:.7rem;padding:.4rem .6rem .4rem 1rem;border:1px solid var(--mp-accent);border-radius:999px;font-size:1.3rem}.mp-chips button{border:0;background:none;cursor:pointer;color:var(--mp-accent);font-size:1.6rem;line-height:1;padding:.2rem .4rem}.mp-sizes{display:flex;flex-wrap:wrap;gap:.6rem}.mp-size{font:inherit;font-size:1.4rem;padding:.7rem 1.2rem;cursor:pointer;background:transparent;color:rgb(var(--color-foreground));border:1px solid var(--mp-line)}.mp-size[aria-pressed=true]{border-color:var(--mp-accent);font-weight:600}.mp-hint{color:var(--mp-soft);font-size:1.3rem;margin:.9rem 0 0}.mp-price{font-size:2rem;margin:.4rem 0 0}.mp-add-hint{margin-top:.8rem}.mp-add{width:100%;margin-top:1.2rem}.mp-add[disabled]{opacity:.5;cursor:not-allowed}.mp-error{margin:1rem 0 0;font-size:1.3rem;color:rgba(var(--color-foreground),.9);border-left:3px solid var(--mp-accent);padding-left:1rem}.mp-detail{flex:0 1 auto;margin:0;width:min(calc(100% - 9rem),calc(100vh - 17rem))}.mp-detail img{display:block;width:100%;height:auto;border:1px solid var(--mp-line);box-shadow:0 1.8rem 4rem -2.2rem rgba(var(--color-shadow),.5)}.mp-detail figcaption{margin-top:.8rem;font-size:1.3rem;color:var(--mp-soft);text-align:center}.mp-thumbs{order:-1;display:flex;flex-direction:column;gap:1.2rem}.mp-thumb{display:grid;justify-items:center;gap:.4rem;padding:0;background:none;border:0;cursor:pointer;font:inherit;font-size:1.2rem;color:var(--mp-soft)}.mp-thumb img{display:block;width:7.2rem;height:7.2rem;object-fit:cover;border:2px solid var(--mp-line)}.mp-thumb[data-view=poster] img{object-fit:contain;background:#fff}.mp-thumb[aria-pressed=true]{color:rgb(var(--color-foreground))}.mp-thumb[aria-pressed=true] img{border-color:var(--mp-accent)}.mp-thumb:focus-visible{outline:2px solid var(--mp-accent);outline-offset:2px}.mp-detail-box{fill:none;stroke:var(--mp-accent)}@media screen and (max-width:989px){.mission-preview__stage{position:static;flex-direction:column;align-items:center}.mp-thumbs{order:1;flex-direction:row;justify-content:center}.mp-paper{width:min(100%,calc((100vh - 14rem) * var(--mp-ar)))}.mp-detail{width:min(100%,calc(100vh - 17rem))}}.mp-note{--mp-note-tint: var(--mp-dot, var(--mp-accent));margin:0 0 2.4rem;padding:1.3rem 1.6rem;font-size:1.3rem;line-height:1.5;color:rgba(var(--color-foreground),.88);background:#fdf4e3;background:color-mix(in srgb,var(--mp-note-tint) 26%,rgb(var(--color-background)));border:1px solid #f0d9a6;border:1px solid color-mix(in srgb,var(--mp-note-tint) 55%,rgb(var(--color-background)));border-left:4px solid var(--mp-note-tint);border-radius:.2rem}#mp-name-input{text-transform:uppercase}.mission-preview__panel .mp-error+.mp-step{margin-top:1.6rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mission-preview.css.map */