#MainContent .shadow-mirror{--sm-night:#120d1b;--sm-paper:#f3ebdd;--sm-gold:#c9a45c;--sm-soft:#d0c3d2;--sm-line:#c9a45c80;width:100%;background:var(--sm-night);color:var(--sm-paper);padding:24px 0;font:normal 400 18px/1.55 var(--font-body);letter-spacing:normal;word-spacing:normal;text-align:left;color-scheme:dark}.shadow-mirror,.shadow-mirror *{box-sizing:border-box}#MainContent .shadow-mirror [hidden]{display:none!important}#MainContent .shadow-mirror :is(p,h1,h2,h3,fieldset,figure){margin:0;max-width:none}#MainContent .shadow-mirror :is(p,label,legend,summary,button,input,textarea,a,strong,span){font-size:inherit}#MainContent .shadow-mirror :is(p,li){text-align:left;text-align-last:auto;letter-spacing:normal;word-spacing:normal;white-space:normal;line-height:1.55}#MainContent .shadow-mirror :is(input,textarea,button,summary){font-family:var(--font-body);font-size:18px;line-height:1.55}#MainContent .shadow-mirror :is(a,button,input,textarea,summary):focus-visible{outline:2px solid var(--sm-gold);outline-offset:4px}#MainContent .shadow-mirror ::selection{background:var(--sm-gold);color:var(--sm-night)}#MainContent .shadow-mirror .sm-width{width:calc(100% - 64px);max-width:1280px;margin-inline:auto}#MainContent .shadow-mirror .sm-header{padding-bottom:16px;border-bottom:1px solid var(--sm-line)}#MainContent .shadow-mirror .sm-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px;font-size:18px}#MainContent .shadow-mirror .sm-breadcrumb{align-items:center}#MainContent .shadow-mirror .sm-breadcrumb a{display:inline-flex;align-items:center;color:var(--sm-gold);text-decoration:none;min-height:44px}#MainContent .shadow-mirror h1{font:normal 500 clamp(40px,3.4vw,48px)/1.15 var(--font-body);letter-spacing:-.025em}#MainContent .shadow-mirror .sm-header>p{margin-top:4px;font-size:20px}#MainContent .shadow-mirror .sm-workspace{display:grid;grid-template-columns:64px minmax(300px,400px) minmax(0,1fr);gap:32px;align-items:start;padding-top:24px}#MainContent .shadow-mirror .sm-chapters{display:flex;flex-direction:column;justify-content:flex-start;gap:32px;padding-top:32px;position:relative}#MainContent .shadow-mirror .sm-chapters:before{content:"";position:absolute;top:52px;bottom:44px;left:50%;width:1px;background:var(--sm-line);pointer-events:none}#MainContent .shadow-mirror .sm-chapters button{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;border:0;border-radius:0;padding:0;min-width:44px;min-height:80px;background:var(--sm-night);color:var(--sm-soft);font-size:18px;cursor:pointer}#MainContent .shadow-mirror .sm-chapters button[aria-current]{color:var(--sm-gold)}#MainContent .shadow-mirror .sm-step-number{display:grid;place-items:center;border:1px solid var(--sm-gold);border-radius:50%;width:44px;height:44px;font-variant-numeric:tabular-nums;background:var(--sm-night)}#MainContent .shadow-mirror .sm-chapters [aria-current] .sm-step-number{background:var(--sm-gold);color:var(--sm-night);font-weight:400}#MainContent .shadow-mirror .sm-chapters button:disabled{color:var(--sm-soft);opacity:.65;cursor:default}#MainContent .shadow-mirror .sm-visual{min-width:0;display:flex;align-items:center;flex-direction:column;gap:8px}#MainContent .shadow-mirror .sm-mirror{--sm-reveal:0%;position:relative;width:320px;max-width:100%;aspect-ratio:2/3;flex:none;isolation:isolate}#MainContent .shadow-mirror .sm-glass{position:absolute;top:14%;right:12%;bottom:15%;left:12%;border-radius:50%;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#30203a,var(--sm-night) 80%);border:1px solid #c9a45c50}#MainContent .shadow-mirror .sm-frame{position:relative;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:3}#MainContent .shadow-mirror .sm-needs-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--sm-gold);background:#120d1b}#MainContent .shadow-mirror .sm-need-symbol{position:absolute;width:90%;height:90%;top:5%;right:5%;bottom:5%;left:5%;opacity:.9}#MainContent .shadow-mirror .sm-support-art{width:100%;height:auto;max-height:90%;object-fit:contain;margin-top:-8%;opacity:.9}#MainContent .shadow-mirror .sm-role-layer{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 var(--sm-reveal) 0 0);background:linear-gradient(145deg,#372740,#120d1b)}#MainContent .shadow-mirror .sm-role-layer>img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 30%;filter:sepia(.85) saturate(.7) brightness(.72);opacity:.9}#MainContent .shadow-mirror .sm-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,#120d1b80,transparent 40%,#120d1b50 65%,#120d1b99);pointer-events:none}#MainContent .shadow-mirror .sm-water{position:absolute;inset:auto 0 0;width:100%;height:24%;color:var(--sm-gold);opacity:.55;pointer-events:none}#MainContent .shadow-mirror .sm-boundary{position:absolute;left:calc(100% - var(--sm-reveal));top:0;bottom:0;width:1px;background:var(--sm-gold);z-index:2;pointer-events:none}#MainContent .shadow-mirror .sm-handle{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:var(--sm-gold);color:var(--sm-night);touch-action:none;-webkit-user-select:none;user-select:none;cursor:ew-resize;pointer-events:auto}#MainContent .shadow-mirror .sm-mirror-caption{font:normal 400 20px/1.4 var(--font-body);text-align:center}#MainContent .shadow-mirror .sm-reveal-controls{width:min(100%,300px);display:flex;flex-direction:column;align-items:center}#MainContent .shadow-mirror input[type=range]{width:100%;height:44px;min-height:44px;accent-color:var(--sm-gold);padding:0;cursor:ew-resize;touch-action:none;background:transparent;border:0}#MainContent .shadow-mirror .sm-archetype{width:100%;max-width:340px;border:0;padding-top:8px}#MainContent .shadow-mirror .sm-archetype summary{display:flex;align-items:center;justify-content:center;gap:12px;min-height:64px;padding:0;background:none;border:0;color:var(--sm-paper)}#MainContent .shadow-mirror .sm-archetype img{width:40px;height:60px;object-fit:contain;flex:none}#MainContent .shadow-mirror .sm-archetype summary>span{display:flex;flex-direction:column;min-width:0}#MainContent .shadow-mirror .sm-archetype strong{font-weight:500}#MainContent .shadow-mirror .sm-archetype-link{color:var(--sm-gold);text-decoration:underline;text-underline-offset:4px;font-size:18px}#MainContent .shadow-mirror .sm-archetype>p{margin-top:12px}#MainContent .shadow-mirror .sm-current{min-width:0;padding-top:8px}#MainContent .shadow-mirror .sm-current h2{font:normal 500 clamp(28px,2.4vw,34px)/1.2 var(--font-body);letter-spacing:-.02em}#MainContent .shadow-mirror .sm-intro{margin-top:6px;font-size:18px}#MainContent .shadow-mirror .sm-options,#MainContent .shadow-mirror .sm-permission-options{min-width:0;border:0;padding:0;margin-top:16px}#MainContent .shadow-mirror .sm-option{display:flex;gap:16px;align-items:center;min-width:0;min-height:76px;padding:12px 16px;border-bottom:1px solid var(--sm-line);cursor:pointer;font-size:18px;transition:background-color .18s ease-out}#MainContent .shadow-mirror .sm-option:first-of-type{border-top:1px solid var(--sm-line)}#MainContent .shadow-mirror .sm-option:has(input:checked){background:#c9a45c1f}#MainContent .shadow-mirror .sm-option:focus-within{outline:1px solid var(--sm-gold);outline-offset:2px}#MainContent .shadow-mirror .sm-option input[type=radio]{flex:none;width:24px;height:24px;min-height:24px;margin:0;padding:0;accent-color:var(--sm-gold);cursor:pointer}#MainContent .shadow-mirror .sm-option>span{display:flex;min-width:0;flex-direction:column;gap:0}#MainContent .shadow-mirror .sm-option strong{font:normal 500 22px/1.3 var(--font-body);color:var(--sm-paper)}#MainContent .shadow-mirror .sm-option span>span{color:var(--sm-soft);font-size:18px}#MainContent .shadow-mirror .sm-action{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:52px;margin-top:16px;padding:12px 20px;border:1px solid var(--sm-gold);border-radius:4px;background:var(--sm-gold);color:var(--sm-night);font:normal 400 20px/1.4 var(--font-body);text-align:center;cursor:pointer;white-space:normal;transition:background-color .18s ease-out}#MainContent .shadow-mirror .sm-action:hover:not(:disabled){background:#dfbb77}#MainContent .shadow-mirror .sm-action:disabled{background:#c9a45c38;color:var(--sm-paper);border-color:#c9a45c70;cursor:default}#MainContent .shadow-mirror .sm-text{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;min-height:44px;margin:4px 0 0;padding:4px 0;border:0;border-radius:0;box-shadow:none;background:none;color:var(--sm-gold);font:normal 400 18px/1.55 var(--font-body);text-align:left;white-space:normal;text-decoration:underline;text-underline-offset:5px;cursor:pointer}#MainContent .shadow-mirror .sm-text:hover{color:var(--sm-paper)}#MainContent .shadow-mirror .sm-note{margin:8px 0 0;color:var(--sm-soft);font-size:18px;text-align:center}#MainContent .shadow-mirror .sm-role-label{font-size:18px;color:var(--sm-gold);margin-top:20px}#MainContent .shadow-mirror .sm-field{display:flex;flex-direction:column;gap:8px;margin-top:20px}#MainContent .shadow-mirror :is(.sm-field label,.sm-more label){display:block;font-size:18px}#MainContent .shadow-mirror :is(input:not([type=radio]):not([type=range]),textarea){display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;padding:12px 16px;color:var(--sm-paper);background:#ffffff04;border:1px solid var(--sm-gold);border-radius:4px;font:normal 400 18px/1.55 var(--font-body);letter-spacing:normal;white-space:pre-wrap;caret-color:var(--sm-gold)}#MainContent .shadow-mirror textarea{resize:vertical;min-height:88px}#MainContent .shadow-mirror [aria-invalid=true]{border-color:#f1b5a3}#MainContent .shadow-mirror :is(.sm-error,.sm-save-status){font-size:18px;color:#f1c6b4}#MainContent .shadow-mirror .sm-label{font-size:18px;color:var(--sm-gold);margin:16px 0 4px}#MainContent .shadow-mirror .sm-result-context{font:normal 400 20px/1.45 var(--font-body);padding-bottom:16px;border-bottom:1px solid var(--sm-line)}#MainContent .shadow-mirror .sm-current .sm-result-title{font-size:clamp(30px,2.5vw,36px);margin-bottom:6px}#MainContent .shadow-mirror .sm-result-action{margin-top:24px}#MainContent .shadow-mirror .sm-result-action h3{font:normal 500 18px/1.55 var(--font-body);color:var(--sm-gold);margin-bottom:4px}#MainContent .shadow-mirror .sm-more{margin-top:16px}#MainContent .shadow-mirror summary{list-style:none;cursor:pointer;min-height:44px;font-size:18px}#MainContent .shadow-mirror summary::-webkit-details-marker{display:none}#MainContent .shadow-mirror .sm-more>summary{display:flex;align-items:center;padding:4px 0;color:var(--sm-gold)}#MainContent .shadow-mirror .sm-more label{margin:8px 0}#MainContent .shadow-mirror .sm-return{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:12px}#MainContent .shadow-mirror .sm-export{padding-top:16px;margin-top:16px;border-top:1px solid var(--sm-line)}#MainContent .shadow-mirror .sm-status:empty{display:none}#MainContent .shadow-mirror .sm-status{font-size:18px;color:var(--sm-soft);margin-top:12px}#MainContent .shadow-mirror .sm-reset-confirm{border-block:1px solid var(--sm-line);padding:16px 0;margin-top:24px}#MainContent .shadow-mirror .sm-reset-confirm h3{font:normal 500 24px/1.3 var(--font-body)}#MainContent .shadow-mirror .sm-bottom{display:grid;grid-template-columns:1fr minmax(0,1fr);align-items:start;gap:24px;border-top:1px solid var(--sm-line);padding-top:12px;margin-top:24px}#MainContent .shadow-mirror .sm-bottom>p{min-height:44px;display:flex;align-items:center;font-size:18px}#MainContent .shadow-mirror .sm-how summary{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-height:44px;background:none;border:0;color:var(--sm-paper);padding:0}#MainContent .shadow-mirror .sm-how[open]>summary span{transform:rotate(45deg)}#MainContent .shadow-mirror .sm-how>div{padding-top:12px}#MainContent .shadow-mirror .sm-how p+p{margin-top:12px}#MainContent .shadow-mirror .sm-symbol-definitions{position:absolute;overflow:hidden;pointer-events:none}#MainContent .shadow-mirror .sm-nojs{padding:16px 0;font-size:18px}#MainContent .shadow-mirror .sm-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}#MainContent .shadow-mirror [data-panel]:not([hidden]){animation:sm-panel-in .2s ease-out}#MainContent .shadow-mirror[data-stage=keep] .sm-archetype{max-width:none;width:100%;padding-top:20px;margin-top:16px;border-top:1px solid var(--sm-line)}#MainContent .shadow-mirror[data-stage=keep] .sm-archetype summary{justify-content:flex-start}@keyframes sm-panel-in{0%{opacity:.55}to{opacity:1}}@media(max-width:1000px)and (min-width:741px){#MainContent .shadow-mirror .sm-workspace{grid-template-columns:52px minmax(220px,280px) minmax(0,1fr);gap:20px}#MainContent .shadow-mirror .sm-mirror{width:280px}}@media(max-width:740px){#MainContent .shadow-mirror{padding:20px 0}#MainContent .shadow-mirror .sm-width{width:calc(100% - 40px)}#MainContent .shadow-mirror h1{font-size:32px}#MainContent .shadow-mirror .sm-header>p{font-size:18px}#MainContent .shadow-mirror .sm-breadcrumb{gap:8px;line-height:1.45}#MainContent .shadow-mirror .sm-workspace{display:flex;flex-direction:column;gap:16px;padding-top:16px}#MainContent .shadow-mirror .sm-chapters{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0}#MainContent .shadow-mirror .sm-chapters:before{display:none}#MainContent .shadow-mirror .sm-chapters button{flex-direction:row;justify-content:center;gap:6px;min-width:0;min-height:48px;font-size:18px}#MainContent .shadow-mirror .sm-step-number{width:36px;height:36px;flex:none}#MainContent .shadow-mirror .sm-visual{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px 12px;width:100%;align-items:center}#MainContent .shadow-mirror .sm-mirror{width:120px;grid-column:1;grid-row:1/3}#MainContent .shadow-mirror .sm-mirror-caption{grid-column:2;grid-row:1;text-align:left;font-size:18px}#MainContent .shadow-mirror .sm-archetype{grid-column:2;grid-row:2;padding:0;max-width:none}#MainContent .shadow-mirror .sm-archetype summary{justify-content:flex-start;align-items:start;gap:8px}#MainContent .shadow-mirror .sm-archetype img{width:28px;height:42px}#MainContent .shadow-mirror .sm-archetype strong{font-size:18px}#MainContent .shadow-mirror .sm-reveal-controls{grid-column:1/3;grid-row:3;width:100%;max-width:none;align-items:flex-start}#MainContent .shadow-mirror .sm-current{width:100%;padding-top:0}#MainContent .shadow-mirror .sm-current h2{font-size:26px}#MainContent .shadow-mirror .sm-option{padding:12px;gap:12px;min-height:80px}#MainContent .shadow-mirror .sm-option strong{font-size:22px}#MainContent .shadow-mirror .sm-action{font-size:20px;padding:12px 16px}#MainContent .shadow-mirror .sm-bottom{grid-template-columns:1fr;gap:4px}#MainContent .shadow-mirror .sm-how summary{justify-content:space-between}#MainContent .shadow-mirror[data-stage=keep] .sm-visual{display:flex;align-items:center}#MainContent .shadow-mirror[data-stage=keep] .sm-mirror{width:220px}#MainContent .shadow-mirror[data-stage=keep] .sm-current .sm-result-title{font-size:30px}#MainContent .shadow-mirror[data-stage=keep] .sm-archetype img{width:40px;height:60px}#MainContent .shadow-mirror .sm-return{flex-direction:column;gap:4px}}@media(prefers-reduced-motion:reduce){#MainContent .shadow-mirror *,#MainContent .shadow-mirror *:before,#MainContent .shadow-mirror *:after{animation:none;transition:none;scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/shadow-mirror.css.map */