.surface_mark{position:relative;flex:0 0 auto}.surface_drawing{position:absolute;top:0;left:0;width:224px;height:224px;padding:2px;border-radius:56px;background:var(--studio-orange-edge);box-shadow:0 8px 0 var(--studio-orange-edge),0 12px 20px #8258d81a,0 0 4px var(--studio-orange-rim);transform-origin:0 0}.surface_tileFace{position:relative;width:100%;height:100%;isolation:isolate;overflow:hidden;border-radius:54px;background:linear-gradient(var(--studio-orange-light),var(--studio-orange));box-shadow:inset 0 4px 0 var(--studio-orange-highlight),0 0 4px var(--studio-orange-rim)}.surface_drawing:not(.surface_original){background:#08090b;box-shadow:0 8px #050607,0 12px 20px #0002,0 0 4px #5c55504d}.surface_drawing.surface_candidate{border-radius:56px}.surface_drawing:not(.surface_original) .surface_tileFace{background:radial-gradient(ellipse at 32% 16%,#393b3d,#1c1d1f 52%,#101113);box-shadow:inset 0 2px 2px #bbb9b557,0 0 3px #000}.surface_drawing:not(.surface_original) .surface_tileFace:after{content:"";position:absolute;inset:0;z-index:4;border-radius:inherit;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128">%0A  <filter id="grain" x="0" y="0" width="100%" height="100%" color-interpolation-filters="sRGB">%0A    <feTurbulence type="fractalNoise" baseFrequency=".78" numOctaves="3" seed="48" stitchTiles="stitch"/>%0A    <feColorMatrix type="saturate" values="0"/>%0A    <feComponentTransfer>%0A      <feFuncR type="linear" slope="2.2" intercept="-.6"/>%0A      <feFuncG type="linear" slope="2.2" intercept="-.6"/>%0A      <feFuncB type="linear" slope="2.2" intercept="-.6"/>%0A      <feFuncA type="table" tableValues="1 1"/>%0A    </feComponentTransfer>%0A  </filter>%0A  <rect width="128" height="128" fill="%23808080" filter="url(%23grain)"/>%0A</svg>%0A');background-size:128px;opacity:.15;mix-blend-mode:soft-light;pointer-events:none}.surface_drawing.surface_candidate[data-surface=orange]{background:var(--studio-orange-edge);box-shadow:0 8px 0 var(--studio-orange-edge),0 12px 20px #8258d81a,0 0 4px var(--studio-orange-rim)}.surface_drawing.surface_candidate[data-surface=orange] .surface_tileFace{background:radial-gradient(ellipse at 32% 16%,#fff3,transparent 58%),linear-gradient(var(--studio-orange-light),var(--studio-orange));box-shadow:inset 0 4px 0 var(--studio-orange-highlight),inset 0 2px 2px #ffdfbfa6,inset 0 7px 10px -6px #ffe3bd80,0 0 4px var(--studio-orange-rim)}.surface_drawing.surface_candidate[data-surface=orange] .surface_tileFace:after{opacity:.12}.surface_drawing.surface_candidate[data-shape=circle],.surface_drawing[data-shape=circle] .surface_tileFace{border-radius:50%}.postmark_mark{display:inline-flex;position:relative;filter:drop-shadow(0 2px 0 #704cba) drop-shadow(0 8px 9px #49317b26)}.postmark_definitions{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.postmark_drawing,.postmark_face{border-radius:0!important}.postmark_face:before{content:"";position:absolute;z-index:2;left:var(--postmark-x);top:var(--postmark-y);width:var(--postmark-width);height:60%;transform:translate(-50%,-50%) rotate(var(--postmark-rotation));background:linear-gradient(150deg,#fff,#e8ddff);-webkit-mask:var(--postmark-image) center/contain no-repeat;mask:var(--postmark-image) center/contain no-repeat;filter:drop-shadow(0 1px 1px #4e327b70);pointer-events:none}.postmark_warpLogo{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;filter:drop-shadow(0 1px 1px #4e327b70)}.postmark_mark[data-warp-active] .postmark_warpLogo{opacity:1}.postmark_mark[data-warp-active] .postmark_face:before{opacity:0}.postmark_scratches{position:absolute;left:-2px;top:-2px;width:224px;height:224px;z-index:1;pointer-events:none}