.label-style__thumb{position:relative;display:block;width:100%;aspect-ratio:533/720;margin:0 0 12px;border-radius:8px;overflow:hidden;background:#3b2e1a0f}.label-style__thumb img{width:100%;height:100%;object-fit:cover;object-position:right center;display:block}.label-style__thumb--todo{display:grid;place-items:center;text-align:center;padding:10px;font-size:12px;line-height:1.35;color:#9a8f80;border:1px dashed rgba(59,46,26,.22);background:none}.label-style--has-thumb{padding-top:14px!important}.label-style__hint{display:none!important}.msg-count{display:block;margin-top:7px;font-size:12.5px;color:#9a8f80;text-align:right;font-variant-numeric:tabular-nums;transition:color .2s ease}.msg-count.is-near{color:#b4762f}.msg-count.is-full{color:#a8402a}.tagbox-open{display:inline-flex;align-items:center;gap:8px;margin:2px 0 18px;padding:10px 16px;border:1px solid rgba(59,46,26,.22);border-radius:999px;background:none;cursor:pointer;font:inherit;font-size:14.5px;color:#2d5a1b;transition:border-color .2s ease,background .2s ease}.tagbox-open:hover{border-color:#2d5a1b;background:#2d5a1b0d}.jar-stage--zoomable{cursor:zoom-in}.tagbox[hidden]{display:none}.tagbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#18120af0;color:#fff;animation:tagboxIn .22s ease}@keyframes tagboxIn{0%{opacity:0}to{opacity:1}}.tagbox__bar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px}.tagbox__name{font-size:17px;font-weight:600;letter-spacing:.01em}.tagbox__hint{display:block;margin-top:3px;font-size:13.5px;font-weight:400;opacity:.72}.tagbox__x{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:#ffffff1f;color:#fff;cursor:pointer;transition:background .2s ease}.tagbox__x:hover{background:#ffffff3d}.tagbox__stage{position:relative;display:grid;place-items:center;padding:0 clamp(52px,7vw,90px);overflow:hidden}.tagbook{perspective:1800px;width:100%;height:100%;display:grid;place-items:center}.tagbook__inner{position:relative;max-width:100%;transform-style:preserve-3d;transform-origin:center center;transition:transform .85s cubic-bezier(.24,.72,.2,1);animation:tagbookOpen .75s cubic-bezier(.24,.72,.2,1)}@keyframes tagbookOpen{0%{transform:rotateY(-62deg)}to{transform:rotateY(0)}}.tagbook.is-int .tagbook__inner{transform:rotateY(180deg)}.tagbook__face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:4px;overflow:hidden;box-shadow:0 34px 80px -34px #000000d9}.tagbook__face--front{position:relative}.tagbook__face--back{transform:rotateY(180deg)}.tagbook__face img{width:100%;height:100%;object-fit:contain;display:block}.tagbook__face--front img{width:auto;height:auto;max-width:100%;max-height:calc(100vh - 240px)}.tagbook__face:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:26px;transform:translate(-50%);pointer-events:none;background:linear-gradient(90deg,#0000,#00000012 45% 55%,#0000)}.tagbook__patch{position:absolute;pointer-events:none}.tagbook__msg{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;-webkit-hyphens:auto;hyphens:auto;word-break:break-word;line-height:1.32;pointer-events:none}.tagbook__msg span{display:block;width:100%}.tagbox__img{max-width:100%;max-height:calc(100vh - 200px);width:auto;height:auto;object-fit:contain;border-radius:6px;box-shadow:0 30px 70px -30px #000c;cursor:zoom-in;transition:transform .35s cubic-bezier(.22,.61,.36,1)}.tagbox__img.is-zoom{transform:scale(2.2);cursor:zoom-out}.tagbox__todo{display:grid;place-items:center;text-align:center;gap:8px;padding:34px;width:min(58vw,320px);aspect-ratio:533/720;border:1px dashed rgba(255,255,255,.35);border-radius:8px;font-size:15px;line-height:1.5;color:#ffffffbf}.tagbox__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:46px;height:46px;display:grid;place-items:center;border:0;border-radius:50%;background:#ffffff1f;color:#fff;cursor:pointer;transition:background .2s ease}.tagbox__nav:hover{background:#ffffff42}.tagbox__nav--prev{left:clamp(8px,2vw,26px)}.tagbox__nav--next{right:clamp(8px,2vw,26px)}.tagbox__foot{display:flex;flex-direction:column;align-items:center;gap:14px;padding:16px 16px 22px}.tagbox__sides{display:inline-flex;padding:3px;border-radius:999px;background:#ffffff1f}.tagbox__side{padding:7px 18px;border:0;border-radius:999px;cursor:pointer;background:none;color:#ffffffb3;font:inherit;font-size:13.5px;transition:background .2s ease,color .2s ease}.tagbox__side.is-on{background:#fff;color:#241a10}.tagbox__sides[hidden]{display:none}.tagbox__thumbs{display:flex;gap:10px;justify-content:center;overflow-x:auto;max-width:100%}.tagbox__thumb{flex:0 0 auto;width:52px;aspect-ratio:533/720;padding:0;cursor:pointer;border:2px solid transparent;border-radius:6px;overflow:hidden;background:#ffffff1a;transition:border-color .2s ease,opacity .2s ease;opacity:.6}.tagbox__thumb img{width:100%;height:100%;object-fit:cover;object-position:right center;display:block}.tagbox__thumb.is-on{border-color:#fff;opacity:1}.tagbox__thumb span{display:grid;place-items:center;width:100%;height:100%;font-size:10px;color:#fff9}@media(max-width:700px){.tagbox__stage{padding:0 12px}.tagbox__nav{width:38px;height:38px;top:auto;bottom:8px;transform:none}.tagbox__nav--prev{left:12px}.tagbox__nav--next{right:12px}.tagbox__thumb{width:44px}.tagbox__img.is-zoom{transform:scale(1.8)}}@media(prefers-reduced-motion:reduce){.tagbox{animation:none}.tagbook__inner{animation:none;transition:none}.tagbox__img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/brota-tag-viewer.css.map */