main.home{mask-image:none;--gif-width: 2770;--gif-inset-left: 90;--gif-inset-right: 35;padding:0;align-items:center;justify-content:center}main.home>.mark{width:min(640px,100%);max-width:none;display:flex;flex-direction:column;gap:16px;padding:0 8px;text-transform:uppercase;color:var(--text-secondary)}main.home>.mark b{font-weight:400;color:var(--text)}main.home>.mark .row{display:flex;align-items:center;gap:16px;color:var(--text)}main.home>.mark .row.top{justify-content:space-between}main.home>.mark .row.strip{gap:15px;justify-content:space-between}main.home>.mark .note{display:flex;flex-direction:column;color:var(--text-secondary)}main.home>.mark .barcode{display:block;flex:none;min-width:0;width:100px;aspect-ratio:100/34}main.home>.mark .barcode img{display:block;width:100%;height:auto}main.home>.mark .barcode:hover{background:none}main.home>.mark .word{display:flex;justify-content:flex-start}main.home>.mark .gif{flex:none;width:calc(100%*var(--gif-width)/(var(--gif-width) - var(--gif-inset-left) - var(--gif-inset-right)));height:auto;translate:calc(var(--gif-inset-left)/var(--gif-width)*-100%) 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}main.home>.mark .qote{text-align:center;text-transform:none}main.home>.mark .panel{position:relative;padding:16px}main.home>.mark .panel .stage{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:3.6;overflow:hidden}main.home>.mark .panel .field{flex:none;image-rendering:pixelated;touch-action:none;cursor:crosshair}main.home>.mark .panel .c{position:absolute;width:10px;height:10px;border:0 solid var(--text)}main.home>.mark .panel .c.tl{top:0;left:0;border-width:1px 0 0 1px}main.home>.mark .panel .c.tr{top:0;right:0;border-width:1px 1px 0 0}main.home>.mark .panel .c.bl{bottom:0;left:0;border-width:0 0 1px 1px}main.home>.mark .panel .c.br{bottom:0;right:0;border-width:0 1px 1px 0}main.home>.mark .meta{white-space:nowrap;color:var(--text-secondary)}main.home>.mark .meta .grow{flex:1}main.home>.mark .meta .swatch{width:64px;height:10px;image-rendering:pixelated}main.home>.mark .meta .bars{display:flex;align-items:flex-end;gap:1px;height:16px;width:48px}main.home>.mark .meta .bars i{flex:1;min-height:1px;background:var(--text)}main.home>.mark .row{min-width:0}main.home>.mark .meta{flex-wrap:wrap;gap:4px 16px;white-space:normal}main.home>.mark .meta i{font-style:normal}main.home>.mark .meta .abbr{display:none}@media (max-width: 520px){main.home>.mark .meta{flex-wrap:nowrap;gap:12px}main.home>.mark .meta .swatch,main.home>.mark .meta .bars,main.home>.mark .meta .pointer,main.home>.mark .meta .full{display:none}main.home>.mark .meta .abbr{display:inline}}@media (max-height: 640px){main.home>.mark .panel,main.home>.mark .meta,main.home>.mark .strip{display:none}}.hero{gap:16px}.hero .title{font-weight:400;font-size:var(--text-large);line-height:1.1}