.mw-view{z-index:2;position:absolute;inset:0}.mw-view-scrim{background:#21160d66;animation:.4s both mw-view-dim-in;position:absolute;inset:0}.mw-view-panel{color:#42362f;background:#f7efe9;outline:none;flex-direction:column;animation:.4s cubic-bezier(.2,.75,.25,1) both mw-view-slide-in;display:flex;position:absolute;inset:0;overflow:hidden}.mw-view[data-kind=new] .mw-view-panel{inset:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));height:min(430px,calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 32px));background:#fffaf6;border-radius:20px;max-width:448px;margin:auto;animation-name:mw-view-sheet-in;box-shadow:0 18px 60px #21160d30}.mw-view-header{border-bottom:1px solid #ebded4;flex:none;align-items:center;gap:12px;min-height:76px;padding:12px 16px;display:flex}.mw-view[data-kind=works] .mw-view-header{padding-top:calc(12px + env(safe-area-inset-top))}.mw-view-header>div{flex:1}.mw-view-header span{color:#a18a76;letter-spacing:1px;font-size:10px}.mw-view-header h2{margin-top:3px;font-size:20px;font-weight:700}.mw-view[data-kind=new] .mw-view-header h2{margin-top:0}.mw-view-header>svg{color:#b3484f}.mw-view-header button{border:1px solid #e3d5c8;border-radius:50%;flex:0 0 44px;place-items:center;height:44px;display:grid}.mw-view-content{flex:1;min-height:0;display:flex;position:relative}.mw-view-body{overscroll-behavior:contain;width:100%;overflow:auto}.mw-view-panel[data-ready=false] .mw-view-body{visibility:hidden;pointer-events:none}.mw-view-loading{color:#a36059;background:#fffaf6;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;font-size:13px;display:flex;position:absolute;inset:0}.mw-view-loading button{border:1px solid #dcc3aa;border-radius:22px;min-height:44px;padding:0 22px}.mw-view-loading .mw-view-loading-back{top:calc(8px + env(safe-area-inset-top));color:#42362f;border:0;place-items:center;width:32px;padding:0;display:grid;position:absolute;left:22px}.mw-view-skeleton{gap:13px;width:min(100%,300px);margin-top:15px;display:grid}.mw-view-skeleton i{background:#f0e6dd;border-radius:9px;height:44px;display:block}.mw-view-skeleton i:last-child{height:90px}.mw-view[data-closing=true]{pointer-events:none}.mw-view-panel[data-closing=true]{animation:.4s cubic-bezier(.4,0,.6,1) both mw-view-slide-out}.mw-view[data-kind=new] .mw-view-panel[data-closing=true]{animation-name:mw-view-sheet-out}.mw-view[data-closing=true] .mw-view-scrim{animation:.4s both mw-view-dim-out}@keyframes mw-view-slide-in{0%{transform:translate(100%)}to{transform:translate(0,0)}}@keyframes mw-view-sheet-in{0%{transform:translateY(100dvh)}to{transform:translate(0,0)}}@keyframes mw-view-slide-out{0%{transform:var(--mw-view-close-transform)}to{transform:translate(100%)}}@keyframes mw-view-sheet-out{0%{transform:var(--mw-view-close-transform)}to{transform:translateY(100dvh)}}@keyframes mw-view-dim-in{0%{opacity:0}to{opacity:1}}@keyframes mw-view-dim-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.mw-view .mw-view-panel,.mw-view .mw-view-scrim{animation-duration:.01ms}}
