.sft-kraft{--sft-tooth:radial-gradient(circle, #0000000f 0 .5px, transparent .7px) 0 0 / 4px 3px, radial-gradient(circle, #ffffff1a 0 .5px, transparent .7px) 1px 2px / 11px 9px, radial-gradient(circle, #0000000d 0 .6px, transparent .8px) 2px 1px / 7px 6px, repeating-linear-gradient(103deg, #00000006 0 1px, transparent 1px 9px), repeating-linear-gradient(-71deg, #00000005 0 1px, transparent 1px 13px)}.sft-paper{background-color:var(--box-paper);background-image:radial-gradient(circle,#0000000b 0 .5px,#0000 .7px),radial-gradient(circle,#00000008 0 .6px,#0000 .8px),repeating-linear-gradient(103deg,#00000005 0 1px,#0000 1px 9px),repeating-linear-gradient(-71deg,#00000004 0 1px,#0000 1px 13px);background-position:0 0,2px 1px,0 0,0 0;background-size:3px 3px,7px 6px,auto,auto}.sft{color:var(--box-print)}.sft-ink{opacity:.88;text-shadow:0 0 .4px;-webkit-mask-composite:source-in;-webkit-mask-image:radial-gradient(circle,#0000 0 .4px,#000 .65px),radial-gradient(circle,#0000 0 .35px,#000 .6px),linear-gradient(100deg,#000 0%,#000000c7 36%,#000 55%,#000000d6 82%,#000);mask-image:radial-gradient(circle,#0000 0 .4px,#000 .65px),radial-gradient(circle,#0000 0 .35px,#000 .6px),linear-gradient(100deg,#000 0%,#000000c7 36%,#000 55%,#000000d6 82%,#000);-webkit-mask-position:0 0,3px 2px,0 0;mask-position:0 0,3px 2px,0 0;-webkit-mask-size:9px 7px,13px 11px,auto;mask-size:9px 7px,13px 11px,auto;-webkit-mask-repeat:repeat,repeat,repeat;mask-repeat:repeat,repeat,repeat;-webkit-mask-clip:border-box,border-box,border-box;mask-clip:border-box,border-box,border-box;-webkit-mask-origin:border-box,border-box,border-box;mask-origin:border-box,border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto,auto;mask-mode:match-source,match-source,match-source}.sft-rubber{padding:calc(4 * var(--tag-unit)) calc(6 * var(--tag-unit)) calc(3.5 * var(--tag-unit));border:calc(1.6 * var(--tag-unit)) solid currentColor;border-radius:calc(3 * var(--tag-unit));display:inline-block;transform:rotate(-2.5deg)}.sft-tape{background-color:var(--box-tape);background-image:linear-gradient(90deg,#ffffff38,#fff0 40%,#ffffff1f 70%,#fff0);box-shadow:0 0 0 .5px #00000014}.sft-kraft{background:var(--sft-tooth), var(--box-kraft-light);box-shadow:var(--box-rim);-webkit-mask:radial-gradient(circle at calc(18 * var(--tag-unit)) 50%, transparent 0 calc(4.2 * var(--tag-unit)), #000 calc(4.5 * var(--tag-unit)));-webkit-mask:radial-gradient(circle at calc(18 * var(--tag-unit)) 50%, transparent 0 calc(4.2 * var(--tag-unit)), #000 calc(4.5 * var(--tag-unit)));mask:radial-gradient(circle at calc(18 * var(--tag-unit)) 50%, transparent 0 calc(4.2 * var(--tag-unit)), #000 calc(4.5 * var(--tag-unit)));position:relative}.sft-label{border-radius:calc(2.5 * var(--tag-unit));box-shadow:0 0 0 .5px var(--box-edge), .5px 1px 1.5px var(--box-edge);position:relative}.sft-label-tape{width:calc(44 * var(--tag-unit));height:calc(13 * var(--tag-unit));opacity:.94;position:absolute;transform:rotate(-38deg)}.sft-ticket-edge{filter:drop-shadow(0 0 .5px var(--box-edge)) drop-shadow(0 0 .5px var(--box-edge))}.sft-ticket{--sft-stub:calc(30 * var(--tag-unit));-webkit-mask:radial-gradient(circle at calc(var(--sft-stub) / 2) 50%, #000 0 calc(4.2 * var(--tag-unit)), transparent calc(4.5 * var(--tag-unit))), radial-gradient(circle at var(--sft-stub) 0, #000 0 calc(4 * var(--tag-unit)), transparent calc(4.3 * var(--tag-unit))), radial-gradient(circle at var(--sft-stub) 100%, #000 0 calc(4 * var(--tag-unit)), transparent calc(4.3 * var(--tag-unit))), radial-gradient(circle, #000 0 calc(1 * var(--tag-unit)), transparent calc(1.25 * var(--tag-unit))) calc(var(--sft-stub) - 1.5 * var(--tag-unit)) calc(1 * var(--tag-unit)) / calc(3 * var(--tag-unit)) calc(5 * var(--tag-unit)) repeat-y, linear-gradient(#000, #000);-webkit-mask:radial-gradient(circle at calc(var(--sft-stub) / 2) 50%, #000 0 calc(4.2 * var(--tag-unit)), transparent calc(4.5 * var(--tag-unit))), radial-gradient(circle at var(--sft-stub) 0, #000 0 calc(4 * var(--tag-unit)), transparent calc(4.3 * var(--tag-unit))), radial-gradient(circle at var(--sft-stub) 100%, #000 0 calc(4 * var(--tag-unit)), transparent calc(4.3 * var(--tag-unit))), radial-gradient(circle, #000 0 calc(1 * var(--tag-unit)), transparent calc(1.25 * var(--tag-unit))) calc(var(--sft-stub) - 1.5 * var(--tag-unit)) calc(1 * var(--tag-unit)) / calc(3 * var(--tag-unit)) calc(5 * var(--tag-unit)) repeat-y, linear-gradient(#000, #000);mask:radial-gradient(circle at calc(var(--sft-stub) / 2) 50%, #000 0 calc(4.2 * var(--tag-unit)), transparent calc(4.5 * var(--tag-unit))), radial-gradient(circle at var(--sft-stub) 0, #000 0 calc(4 * var(--tag-unit)), transparent calc(4.3 * var(--tag-unit))), radial-gradient(circle at var(--sft-stub) 100%, #000 0 calc(4 * var(--tag-unit)), transparent calc(4.3 * var(--tag-unit))), radial-gradient(circle, #000 0 calc(1 * var(--tag-unit)), transparent calc(1.25 * var(--tag-unit))) calc(var(--sft-stub) - 1.5 * var(--tag-unit)) calc(1 * var(--tag-unit)) / calc(3 * var(--tag-unit)) calc(5 * var(--tag-unit)) repeat-y, linear-gradient(#000, #000);-webkit-mask-composite:xor;display:flex;-webkit-mask-composite:xor;mask-composite:exclude}.sft-ticket-stub{width:var(--sft-stub);flex:none}
