.pl{--pl-ink:#20201f;--pl-paper:#fffcf6;--pl-sand:#efe6d5;isolation:isolate;background:var(--pl-sand);width:300px;height:168px;color:var(--pl-ink);text-align:left;border-radius:14px;flex:none;font-size:10.5px;line-height:14px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #e3d8c2}.pl.is-page{width:360px;height:190px}.pl.is-small{width:280px;height:140px}.pl .pl-o{position:absolute}.pl .pl-sh{border-radius:inherit;background:repeating-linear-gradient(-45deg,#20201f4d 0 1px,#0000 1px 5px);position:absolute;inset:0;transform:translate(6px,6px)}.pl .pl-f{border:2px solid var(--pl-ink);border-radius:inherit;background:var(--pl-paper);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.pl .pl-o.is-dash .pl-f{background:#fffcf680;border-style:dashed}.pl .pl-o.is-dash .pl-sh{display:none}.pl .pl-phone{border-radius:22px 22px 0 0;width:132px;height:172px;top:22px;left:calc(50% - 66px)}.pl .pl-phone .pl-f{padding:20px 11px 0}.pl .pl-phone .pl-f:before{content:"";background:var(--pl-ink);border-radius:3px;width:26px;height:5px;position:absolute;top:7px;left:calc(50% - 13px)}.pl .pl-hh{align-items:center;gap:6px;font-size:10px;font-weight:600;display:flex}.pl .pl-mtn{background:#ffcb05;border-radius:4px;align-items:center;height:14px;padding:0 4px;display:inline-flex}.pl .pl-mtn img{display:block}.pl .pl-lg img{border-radius:3px;display:block}.pl .pl-let{color:#fffcf6;background:#20201f;border-radius:4px;place-items:center;height:14px;padding:0 4px;font-size:8px;font-weight:700;display:inline-grid}.pl .pl-msg{margin-top:7px}.pl .pl-mu{color:#6b6860}.pl .pl-amt{letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:2px;font-size:16px;font-weight:700;line-height:20px}.pl .pl-hint{color:#6b6860;margin-top:3px;font-size:9px}.pl .pl-pin{gap:5px;margin-top:8px;display:flex}.pl .pl-pin i{background:var(--pl-ink);border-radius:50%;width:7px;height:7px}.pl .pl-pin i.is-empty{box-shadow:inset 0 0 0 1.5px var(--pl-ink);background:0 0}.pl .pl-btn{background:#f09020;border-radius:999px;justify-content:center;align-items:center;height:20px;margin-top:8px;font-size:10px;font-weight:700;display:flex}.pl .pl-slip{border-radius:6px;width:180px;height:112px;top:26px;left:calc(50% - 90px);transform:rotate(-2.5deg)}.pl .pl-slip .pl-f,.pl .pl-card .pl-f,.pl .pl-env .pl-f{padding:10px 12px}.pl .pl-t{font-size:11px;font-weight:600;line-height:15px}.pl .pl-r{justify-content:space-between;align-items:center;gap:8px;margin-top:6px;font-size:10px;display:flex}.pl .pl-bar{background:#e6dccb;border-radius:3px;height:5px;display:block}.pl .pl-mono{text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;line-height:14px;overflow:hidden}.pl .pl-stamp{z-index:2;color:#a65200;white-space:nowrap;background:#fffcf6b3;border:2px solid #a65200;border-radius:5px;padding:0 8px;font-size:12.5px;font-weight:700;line-height:20px;position:absolute;transform:rotate(-10deg)}.pl .pl-tag{border-radius:8px;width:150px;height:76px;top:44px;left:calc(50% - 70px);transform:rotate(5deg)}.pl .pl-tag .pl-f{padding:11px 12px 0 32px}.pl .pl-hole{background:var(--pl-sand);width:12px;height:12px;box-shadow:inset 0 0 0 2px var(--pl-ink);border-radius:50%;position:absolute;top:calc(50% - 6px);left:11px}.pl .pl-string{background:var(--pl-ink);transform-origin:50% 100%;border-radius:1px;width:2px;height:96px;position:absolute;top:-58px;left:16px;transform:rotate(-24deg)}.pl .pl-env{border-radius:6px;width:178px;height:108px;top:28px;left:calc(50% - 89px);transform:rotate(-3deg)}.pl .pl-env .pl-f{padding-top:40px}.pl .pl-flap{width:100%;height:44px;position:absolute;top:0;left:0}.pl .pl-card{border-radius:12px;width:176px;height:104px;top:30px;left:calc(50% - 88px);transform:rotate(3deg)}.pl .pl-card.is-left{top:36px;left:calc(50% - 140px);transform:rotate(-4deg)}.pl .pl-card.is-right{left:calc(50% - 28px);transform:rotate(4deg)}.pl .pl-chip{width:24px;height:18px;box-shadow:inset 0 0 0 2px var(--pl-ink);background:#f3dfb8;border-radius:4px;margin-top:8px;display:block}.pl .pl-badge{border-radius:12px;width:124px;height:150px;top:26px;left:calc(50% - 62px)}.pl .pl-badge .pl-f{text-align:center;align-items:center;padding:24px 10px 0}.pl .pl-slot{background:var(--pl-sand);width:32px;height:7px;box-shadow:inset 0 0 0 2px var(--pl-ink);border-radius:4px;position:absolute;top:9px;left:calc(50% - 16px)}.pl .pl-cord{background:var(--pl-ink);border-radius:1px;width:2px;height:70px;position:absolute;top:-60px;left:40px}.pl .pl-cord.is-right{left:auto;right:40px}.pl .pl-av{background:var(--pl-ink);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.pl .pl-role{box-shadow:inset 0 0 0 1.5px var(--pl-ink);border-radius:999px;margin-top:6px;padding:1px 8px;font-size:9.5px;font-weight:700;display:inline-block}.pl .pl-page{border-radius:8px 8px 0 0;width:156px;height:170px;top:24px;left:calc(50% - 78px)}.pl .pl-page .pl-f{flex-direction:row}.pl .pl-page .pl-sd{background:var(--pl-ink);flex:none;width:30px}.pl .pl-page .pl-bd{flex-direction:column;flex:1;gap:7px;padding:14px 10px;display:flex}.pl .pl-mode{z-index:2;color:#7a4500;background:#fff3dc;border-radius:999px;align-items:center;gap:5px;height:20px;padding:0 8px;font-size:10px;font-weight:600;display:inline-flex;position:absolute;top:12px;right:12px;box-shadow:inset 0 0 0 1px #f3d39a}.pl .pl-mode i{background:currentColor;border-radius:50%;width:6px;height:6px}
