.art{background:var(--color-photo-placeholder);color:var(--color-on-photo-placeholder);border:0;place-items:center;width:100%;padding:0;display:grid;position:relative;overflow:hidden}.art>.ic{width:var(--size-icon-lg);height:var(--size-icon-lg)}.art>img{object-fit:cover}.art.off{background:var(--color-surface-sunken);color:var(--color-text-muted);outline:var(--border-default) dashed var(--color-border);outline-offset:calc(var(--border-default) * -1)}button.art{cursor:zoom-in}.sf-head{padding:var(--space-2) 0 var(--space-8)}.sf-head .wrap{gap:0;display:grid}.sf-cover{aspect-ratio:3/2;border-radius:var(--radius-lg)}.sf-cover>.ic{width:var(--size-avatar-lg);height:var(--size-avatar-lg)}.sf-id{gap:var(--space-3) var(--space-4);padding:0 var(--space-2);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.sf-av{width:var(--size-avatar-lg);height:var(--size-avatar-lg);margin-top:calc(var(--size-avatar-lg) / -2);border:var(--border-focus) solid var(--color-bg);background:var(--color-primary-container);color:var(--color-on-primary-container);font:var(--type-display-weight) var(--type-display-size)/1 var(--font-display);border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}.sf-av>img{object-fit:cover}.sf-title{gap:var(--space-2);grid-column:1/-1;min-width:0;display:grid}.sf-title h1{font:var(--type-display-weight) var(--type-display-size)/var(--type-display-line) var(--font-display);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.sf-actions{gap:var(--space-3);flex-wrap:wrap;grid-column:1/-1;display:flex}.sf-actions .btn{flex:auto}.sf-actions .share{flex:auto;display:flex}.tchip.sample{background:var(--color-highlight);color:var(--color-on-highlight)}.about-txt{font:var(--type-body-lg-weight) var(--type-body-lg-size)/var(--type-body-lg-line) var(--font-text);max-width:var(--layout-reading-max);white-space:pre-line}.b-sample{background:var(--color-highlight);color:var(--color-on-highlight)}.b-sample .link{color:inherit}.sf-head .b-sample{margin-bottom:var(--space-4)}.card .b-sample{padding:var(--space-3)}.prods{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.ptile{background:var(--color-surface);border:var(--border-hairline) solid var(--color-line);border-radius:var(--radius-lg);grid-template-rows:auto 1fr;min-width:0;display:grid;position:relative;overflow:hidden}.ptile .art{aspect-ratio:1}.pt-body{gap:var(--space-1);padding:var(--space-2) var(--space-3) var(--space-3);align-content:start;min-width:0;display:grid}.pt-body b{overflow-wrap:anywhere;font-weight:700}.pt-txt{color:var(--color-text-muted);overflow-wrap:anywhere}.sf-dlg{width:calc(100% - 2 * var(--layout-gutter-mobile));max-width:var(--layout-reading-max);max-height:calc(100% - 2 * var(--space-6));background:var(--color-surface-raised);color:var(--color-text);border-radius:var(--radius-xl);box-shadow:var(--elevation-3);border:0;padding:0;overflow:auto}.sf-dlg::backdrop{background:var(--color-scrim)}.sf-dlg .dlg-h{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-bottom:var(--border-hairline) solid var(--color-line);display:flex}.sf-dlg .dlg-h h2{font:var(--type-headline-weight) var(--type-headline-size)/var(--type-headline-line) var(--font-text);overflow-wrap:anywhere;margin-right:auto}.sf-dlg .dlg-b{padding:var(--space-4);gap:var(--space-3);display:grid}.sf-dlg .art{aspect-ratio:1;border-radius:var(--radius-md)}.sflinks{margin:0;padding:0;list-style:none;display:grid}.sflinks li+li{border-top:var(--border-hairline) solid var(--color-line)}.sflinks a{min-height:var(--size-row-two);gap:var(--space-3);padding:var(--space-2) 0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;text-decoration:none;display:grid}.sflinks a:hover b{text-underline-offset:3px;text-decoration:underline}.li-ic{width:var(--size-lead);height:var(--size-lead);background:var(--color-primary-container);color:var(--color-on-primary-container);border-radius:50%;place-items:center;display:grid}.sflinks b{display:block}.sflinks .host{color:var(--color-text-muted);overflow-wrap:anywhere}.sflinks .out{color:var(--color-text-muted)}.sf-empty{gap:var(--space-2) var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-sunken);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.sf-empty>.ic{color:var(--color-text-muted);margin-top:2px}.sf-empty b{font:var(--type-title-sm-weight) var(--type-title-sm-size)/var(--type-title-sm-line) var(--font-text);display:block}.sf-empty .btn{grid-column:2;justify-self:start}.mcards{grid-template-columns:repeat(auto-fill, minmax(var(--size-vendor-card), 1fr));gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.mcards[hidden]{display:none}.mcards+.mcards{margin-top:var(--space-3)}.mcard{background:var(--color-surface);border:var(--border-hairline) solid var(--color-line);border-radius:var(--radius-lg);grid-template-rows:auto auto 1fr;height:100%;text-decoration:none;display:grid;overflow:hidden}.mcard:hover{border-color:var(--color-border)}.mcard:hover .mc-name{text-underline-offset:3px;text-decoration:underline}.mcard .art{aspect-ratio:1}.mc-av{width:var(--size-avatar);height:var(--size-avatar);margin:calc(var(--size-avatar) / -2) 0 0 var(--space-3);border:var(--border-strong) solid var(--color-surface);background:var(--color-primary-container);color:var(--color-on-primary-container);font:var(--type-title-sm-weight) var(--type-title-sm-size)/1 var(--font-display);border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}.mc-av>img{object-fit:cover}.mc-body{gap:var(--space-1);padding:var(--space-2) var(--space-3) var(--space-3);align-content:start;min-width:0;display:grid}.mc-name{font:var(--type-title-sm-weight) var(--type-title-sm-size)/var(--type-title-sm-line) var(--font-text);overflow-wrap:anywhere}.mc-craft{color:var(--color-text-muted);overflow-wrap:anywhere}.mcard .meta{margin-top:var(--space-1)}.list-foot{gap:var(--space-2) var(--space-4);margin-top:var(--space-4);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}@container site (min-width:720px){.sf-cover{aspect-ratio:3}.sf-id{padding:0 var(--space-6);grid-template-columns:auto minmax(0,1fr) auto}.sf-title{padding-top:var(--space-3);grid-column:auto}.sf-actions{padding-top:var(--space-4);grid-column:auto}.sf-actions .btn,.sf-actions .share{flex:none}.prods{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr))}.mcards{gap:var(--space-4)}.mcards+.mcards{margin-top:var(--space-4)}.sf-dlg{width:calc(100% - 2 * var(--layout-gutter-tablet))}}@container site (min-width:1024px){.sf-title h1{font:var(--type-display-lg-weight) var(--type-display-lg-size)/var(--type-display-lg-line) var(--font-display)}}