:root
{  --sans: "Kumbh Sans";
  --serif: "Gabriela";
  /* --text: #654735; */
  /* --mute: #65473580; */
   --text: #4f3829;
   --mute: #4f3829a0;
   --page-background: #eddeb5;
  --input-background: #dac9a5;
       --input-focus: #d5c4a1;
            --shadow: #65473540;
   --margin: 4px;
   --margin-comfy: 12px;
  --rounded-corner: 99px;
   --big-radius: 16px;
  --line-height: 1.4;
--input-padding: var(--margin) var(--margin-comfy) }

:root
{   --red: #c14a4a;
  --green: #6c782e;
   --blue: #45707a }

html
{ background: var(--page-background);
       color: var(--text) }

body
{ font-family: var(--serif), sans-serif;
  font-weight: 500;
  font-optical-sizing: auto;
  font-variation-settings: "YOPQ" 300;
  line-height: var(--line-height);
       margin: 0 }

*, *::before, *::after
{ box-sizing: border-box; }

a
{ color: inherit }
a:hover
{ text-decoration: underline;
  text-decoration-thickness: 3px }

.mute, .muted
{ color: var(--mute) }

.italic
{ font-style: italic }

.nowrap
{   text-wrap: nowrap;
     overflow: hidden;
  flex-shrink: 0 }

.smaller
{ font-size: smaller }

.ellipsis,
.ellipsis > *:first-child
{ text-overflow: ellipsis;
      text-wrap: nowrap;
       overflow: hidden }

.pre
{ white-space: pre }

.hidden
{ display: none }

.accesskey
{ text-decoration: underline }

progress
{ width: 100% }

p
{ margin: 0 /*var(--margin)*/ }

h1, h2, h3, h4, h5, h6
{ font-weight: bold;
       margin: 0;
  font-family: var(--serif), serif }

h1 { font-size: 5.0rem; letter-spacing: 2px; text-transform: uppercase; }
h2 { font-size: 2.0rem }
h3 { font-size: 1.8rem }
h4 { font-size: 1.6rem }
h5 { font-size: 1.4rem }

ul, ul li,
ol, ol li
{ margin: 0 }

hr
{ border-color: var(--shadow);
  border-style: dashed;
  margin: var(--margin) auto }

.wide
{ width: 100% }

/*********************************************************************/
/* input/button/interactable stuff?                                  */

input
{ font: inherit;
  text-overflow: ellipsis;
       overflow: hidden }

button,
progress,
label.switch,
label.button,
input[type="file"]
{ text-overflow: ellipsis;
      text-wrap: nowrap;
       overflow: hidden }
button
{ min-width: min-content }
input[type="file"]
{ min-width: 0 }

button,
progress,
::-webkit-progress-bar,
.chunksbar,
label.switch,
label.button,
input[type="text"],
input[type="datetime-local"],
input[type="file"]::file-selector-button
{    background: var(--input-background);
  border-radius: var(--rounded-corner);
         border: 1px solid #0000; /* wtf is this for? */
           font: inherit;
          color: inherit;
    line-height: var(--line-height);
    user-select: none }

.button-group
{ display: flex;
  --input-padding: var(--margin) }
.button-group > button:not(:last-child)
{  margin-right: 0;
  padding-left: calc(var(--margin) * 2);
                border-right: 1px solid var(--page-background);
     border-top-right-radius: 0;
  border-bottom-right-radius: 0 }
.button-group > button:not(:first-child)
{ margin-left: 0;
  padding-right: calc(var(--margin) * 2);
  border-left: 1px solid var(--shadow);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0 }

/* raised appearance */
button:not(.inline),
label.switch,
label.button,
input[type="text"],
input[type="datetime-local"],
input[type="file"]::file-selector-button
{     border: 1px solid var(--page-background);
  box-shadow: 1px 1px var(--shadow);
      margin: 2px }

/* with light on hover appearance */
button:not(.inline):hover,
button:not(.inline):focus,
label.switch:hover,
label.switch:focus,
label.button:hover,
label.button:focus,
input[type="text"]:hover,
input[type="text"]:focus,
input[type="file"]:hover::file-selector-button,
input[type="file"]:focus::file-selector-button
{ background-image: radial-gradient(ellipse at bottom, var(--page-background), transparent) }
label.switch:hover,
label.switch:focus
{ background-image: radial-gradient(ellipse at bottom, var(--page-background), #0000 80%) }

.small-caps,
button,
label.button,
input::placeholder,
input[type="file"]::file-selector-button
{ font-variant: small-caps }

form button,
fieldset button,
label.switch,
label.button,
input[type="text"],
input[type="file"]::file-selector-button
{ padding: var(--input-padding) }

.inline
{ --input-padding: calc(var(--margin) / 2) var(--margin-comfy) }

input[type="file"]
{ padding: var(--margin) 0 }

button.inline
{ background: #0000;
  padding: 0 }

label,
input[type="radio"],
input[type="file"]::file-selector-button,
button:enabled
{ cursor: pointer }

.selection
{ user-select: none; position: relative }
/* even though we have a label that we can interact with, firefox is buggy and
 * clicks on the label are not always forwarded to the input ...
 * https://bugzilla.mozilla.org/show_bug.cgi?id=1276126 */
.selection input[type="checkbox"]
{ appearance: none;
      cursor: pointer;
     z-index: 1;
      margin: 0;
    position: absolute; inset: 0 }
.selection input[type="checkbox"]:checked ~ .unselected-icon
{ display: none }
.selection input[type="checkbox"]:not(:checked) ~ .selected-icon
{ display: none }

/*********************************************************************/

[menu=hidden],
[menu=parent] + [menu=sub]
{ display: none }

/*********************************************************************/
/* super wacky switch widget                                         */

.switch-container
{       display: inline-block;
         margin: 3px 1px /* label.switch normally gets the margin, but that fucks up the hover state so copy it here */;
  border-radius: var(--rounded-corner) }
label.switch
{ position: relative; margin: 0 }
.switch > input[type="radio"]
{ appearance: none; /* the input cannot be hidden or tab-focus breaks */
    position: absolute; inset: 0 }
.switch:first-child
{  border-right: 0;
  padding-right: 0;
  border-top-right-radius: 0; border-bottom-right-radius: 0 }
.switch:last-child
{  border-left: 0;
  padding-left: 0;
  border-top-left-radius: 0; border-bottom-left-radius: 0 }
.switch .text
{ font-variant: small-caps }

/* show icon and arrow for checked switch value */
.switch-container > .switch > input
.switch-container { border-radius: var(--rounded-corner) }
.switch-container                                                       .icon { display: none }
.switch-container:not(:hover) .switch                   input:checked ~ .icon,
.switch-container             .switch:hover                           > .icon { display: inline-block; opacity: 1 }
.switch-container             .switch:first-child                     > .text::after  { opacity: 0; content: " 🢔" }
.switch-container             .switch:last-child                      > .text::before { opacity: 0; content: "🢖 " }
.switch-container:not(:hover) .switch:first-child       input:checked ~ .text::after,
.switch-container             .switch:first-child:hover               > .text::after,
.switch-container:not(:hover) .switch:last-child        input:checked ~ .text::before,
.switch-container             .switch:last-child:hover                > .text::before { opacity: 1 }
/* mute text for unchecked/unhovered option */
.switch-container                                                       .text { color: var(--mute) }
.switch-container:not(:hover) .switch                   input:checked ~ .text,
.switch-container             .switch:hover                           > .text { color: var(--text) }

/*********************************************************************/
/* layout                                                            */

main
{ padding: var(--margin-comfy) }

.narrow
{    margin: 0 auto;
  max-width: 980px }

.two-halfs
{ display: grid; gap: var(--margin-comfy); grid-template-columns: repeat(2, 1fr) }
.two-halfs > *
{ min-width: 0 }
@media screen and (max-width: 800px)
{ .two-halfs
  { display: block } }

.row
{ margin: var(--margin) 0 }

.row
{     display: flex;
    flex-wrap: wrap;
  align-items: center;
          gap: 2px var(--margin) }
.row.nowrap
{ flex-wrap: nowrap }
.row > *:first-child
{ margin-right: auto }

/*********************************************************************/
/* used only the landing (index page)                                */

.stacked
{ display: grid; grid-template-areas: "x" }
.stacked > *
{ grid-area: x }
.stacked > .stacked-title
{      z-index: 1;
    align-self: start;
  justify-self: end }

.stacked-title
{             display: grid;
               margin: 0;
  grid-template-areas: "l h" "x b" }

.stacked-title > .inside-corner-tr:first-of-type
{ grid-area: l }
.stacked-title > h1
{ grid-area: h; border-radius: 0 0 0 var(--big-radius) }
.stacked-title > .inside-corner-tr:last-of-type
{ grid-area: b; justify-self: end }

.stacked-title > .inside-corner-tr
{ background: var(--page-background);
         --r: var(--big-radius);
       width: var(--r);
      height: var(--r);
  mask-image: radial-gradient(var(--r) at 0 var(--r),  #0000 0,  #0000 calc(100% - 1px), #000 100%) }

.landing 
{ display: flex; min-height: 100vh }
.landing > main
{ flex: 1 0 max-content }

.landing h1
{ background-color: var(--page-background);
       font-weight: 900;
       line-height: 1;
           padding: var(--big-radius) calc(2 * var(--big-radius)) }

.landing video
{ width: 100%;
  border-radius: var(--big-radius) }

/*********************************************************************/
/* listing page file meta item?                                      */

input.search
{ width: 50% }

.listings
{  }
@media screen and (max-width: 800px)
 { .listings
  { } }

.listings
{ margin-top: var(--margin) }

.expire-icon
{ display: inline-grid; vertical-align: top }
.expire-icon > *
{ grid-area: 1 / 1 }
.expire-icon .expire-mask
{           height: .98lh;
   background-clip: content-box;
            border: 2px solid #0000;
      border-width: 2px 2px 1px 1px }
.expire-icon .expire-mask > *
{ width: 100%; height: 100% }
.expire-icon .expire-mask
{ mask-image: conic-gradient(#0000 0% calc(var(--pct) - 0.5%), #000 calc(var(--pct) + 0.5%) 100%) }

/*********************************************************************/
/* cards                                                             */

.card-line
{ display: grid;
      gap: 0 var(--margin-comfy) }
.card-line.file
{ grid-template-columns: 1fr       minmax(0, min-content)  9ch  15ch  min-content;
    grid-template-areas: "filename size expire-at timestamp controls"
                         "edit     edit edit      edit      edit" }
.card-line.link
{ grid-template-columns: 1fr       minmax(0, min-content)  15ch  min-content;
    grid-template-areas: "filename expire-at timestamp controls"
                         "edit     edit      edit      edit" }
.card-line > *
{ text-overflow: ellipsis;
    white-space: nowrap;
      text-wrap: nowrap;
      max-width: 100%;
       overflow: hidden }
.card-line > *             { justify-self: end }
.card-line > *:first-child { justify-self: start }

.card-line      > .edit      { grid-area: edit }

.card-line.file > .filename  { grid-area: filename }
.card-line.file > .timestamp { grid-area: timestamp }
.card-line.file > .selection { grid-area: controls }
.card-line.file > .expire-at { grid-area: expire-at }
.card-line.file > .size      { grid-area: size }

.card-line.link > .handle    { grid-area: filename }
.card-line.link > .timestamp { grid-area: timestamp }
.card-line.link > .selection { grid-area: controls }
.card-line.link > .expire-at { grid-area: expire-at }

/* @media screen and (max-width: 99ch) */
/* { .card-line.file */
/*   { grid-template-columns: 1fr       15ch   15ch      min-content; */
/*       grid-template-areas: "filename filename timestamp controls" */
/*                            "mime     expire-at size     ." */
/*                            "edit edit edit edit" } } */

@media screen and (max-width: 99ch)
{ .card-line.file
  { grid-template-columns: 1fr        minmax(0, min-content)  15ch  min-content;
      grid-template-areas: "filename  filename  filename  controls"
                           "size      expire-at timestamp ."
                           "edit edit edit edit" }
  .card-line.file .size { justify-self: start } }

@media screen and (max-width: 99ch)
{ .card-line.link
  { grid-template-columns: 1fr        minmax(0, min-content)  15ch  min-content;
      grid-template-areas: "filename  filename  filename  controls"
                           "expire-at expire-at timestamp ."
                           "edit edit edit edit" } }



.file-card
{  margin: var(--margin) 0 }
.card-line
{ padding: var(--margin) var(--margin-comfy) }

.file-card
{        border: 1px solid var(--shadow); 
  border-radius: var(--margin-comfy) }
.card-line
{ border-bottom: 1px solid var(--shadow);
  border-radius: var(--margin-comfy) }

/* .file-card .mime, */
/* .file-card time */
/* { font-size: smaller } */

.file-card .status-icon
{ color: var(--mute) }

.file-card .filename
{ font-weight: bold }


/*********************************************************************/
/* toast                                                             */

.toast
{  --background: #e68a4e;
   --foreground: #591f03;
     background: var(--background);
          color: var(--foreground);
         border: 2px solid var(--foreground);
     box-shadow: 2px 2px var(--foreground);
  border-radius: var(--margin);
      max-width: 360px;
          width: 80%;
        padding: var(--margin-comfy) }
.toast form
{ text-align: right }

/*********************************************************************/
/* icons                                                             */

.icon
{ display: inline-block;
  width:  .98lh;
  height: .98lh;
       vertical-align: top;
     background-color: currentColor;
   -webkit-mask-image: var(--svg);
           mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100% }
label > .icon,
button > .icon
{ opacity: 0.7 }
.selection > .unselected-icon
{ opacity: 0.3 }
*:hover > .icon,
*:focus + .icon
{ opacity: 1 }

.pepicons-print--angle-left { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='black'%3E%3Cpath fill-rule='evenodd' d='m11.453 11l4.2-5.04c1.28-1.536-1.025-3.457-2.305-1.92L8.39 9.988c-.256.272-.42.63-.418 1.012c-.002.382.162.74.418 1.012l4.957 5.948c1.28 1.537 3.585-.384 2.304-1.92z' clip-rule='evenodd' opacity='.2'/%3E%3Cpath d='m12.384 15.68l-5-6l-.768.64l5 6z'/%3E%3Cpath d='m11.616 16.32l-5-6c-.427-.512.341-1.152.768-.64l5 6c.427.512-.341 1.152-.768.64'/%3E%3Cpath d='m11.616 3.68l-5 6l.768.64l5-6z'/%3E%3Cpath d='m12.384 4.32l-5 6c-.427.512-1.195-.128-.768-.64l5-6c.427-.512 1.195.128.768.64'/%3E%3C/g%3E%3C/svg%3E") }
.pepicons-print--chain { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='%23000'%3E%3Cg opacity='0.2'%3E%3Cpath d='M12.31 5.353a4 4 0 1 1 6.706 4.362l-2.18 3.353a4 4 0 0 1-6.707-4.362z'/%3E%3Cpath fill-rule='evenodd' d='M12.392 12.564a2 2 0 0 1-.587-2.767l2.181-3.353a2 2 0 1 1 3.353 2.18l-2.18 3.354a2 2 0 0 1-2.767.586m-2.442.202a4 4 0 0 1 .179-4.06l2.18-3.353a4 4 0 1 1 6.707 4.362l-2.18 3.353a4 4 0 0 1-6.886-.302' clip-rule='evenodd'/%3E%3Cpath d='M7.362 9.293a4 4 0 0 1 6.706 4.361l-2.18 3.353a4 4 0 0 1-6.707-4.361z'/%3E%3Cpath fill-rule='evenodd' d='M7.444 16.503a2 2 0 0 1-.586-2.767l2.18-3.353a2 2 0 1 1 3.354 2.18l-2.181 3.354a2 2 0 0 1-2.767.586m-2.442.202a4 4 0 0 1 .179-4.06l2.18-3.352a4 4 0 0 1 6.707 4.361l-2.18 3.353a4 4 0 0 1-6.886-.302' clip-rule='evenodd'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' d='M10.346 11.902a3 3 0 0 1-.879-4.15l2.18-3.354a3 3 0 1 1 5.03 3.272l-2.18 3.353a3 3 0 0 1-4.15.88m-1.31.193a4 4 0 0 1-.407-4.889l2.18-3.353a4 4 0 1 1 6.707 4.362l-2.18 3.353a4 4 0 0 1-6.3.527' clip-rule='evenodd'/%3E%3Cpath fill-rule='evenodd' d='M5.398 15.842a3 3 0 0 1-.879-4.151L6.7 8.338a3 3 0 1 1 5.03 3.271l-2.18 3.353a3 3 0 0 1-4.15.88m-1.31.193a4 4 0 0 1-.407-4.89l2.18-3.352a4 4 0 1 1 6.707 4.361l-2.18 3.353a4 4 0 0 1-6.3.528' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E") }
.pepicons-print--circle-big { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='%23000' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M10.5 20a9.5 9.5 0 1 0 0-19a9.5 9.5 0 0 0 0 19m0-2.111a7.389 7.389 0 1 0 0-14.778a7.389 7.389 0 0 0 0 14.778' opacity='0.2'/%3E%3Cpath d='M10 1.5a8.5 8.5 0 1 0 0 17a8.5 8.5 0 0 0 0-17M.5 10a9.5 9.5 0 1 1 19 0a9.5 9.5 0 0 1-19 0'/%3E%3C/g%3E%3C/svg%3E") }
.pepicons-print--circle-big-filled { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='%23000'%3E%3Cpath d='M20 11a9 9 0 1 1-18 0a9 9 0 0 1 18 0' opacity='0.6'/%3E%3Cpath fill-rule='evenodd' d='M10 1.5a8.5 8.5 0 1 0 0 17a8.5 8.5 0 0 0 0-17M.5 10a9.5 9.5 0 1 1 19 0a9.5 9.5 0 0 1-19 0' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E") }
.pepicons-print--cloud-down { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='black'%3E%3Cpath fill-rule='evenodd' d='M13 4h-1a4 4 0 0 0-3.874 3H8a4 4 0 1 0 0 8h8a4 4 0 0 0 .899-7.899A4 4 0 0 0 13 4' clip-rule='evenodd' opacity='.2'/%3E%3Cpath fill-rule='evenodd' d='M11 3h-1a4 4 0 0 0-3.874 3H6a4 4 0 1 0 0 8h8a4 4 0 0 0 .899-7.899A4 4 0 0 0 11 3M6.901 7l.193-.75A3 3 0 0 1 10 4h1c1.405 0 2.614.975 2.924 2.325l.14.61l.61.141A3.001 3.001 0 0 1 14 13H6a3 3 0 1 1 0-6z' clip-rule='evenodd'/%3E%3Cpath d='M10 10a.5.5 0 0 1 1 0v7.5a.5.5 0 0 1-1 0z'/%3E%3Cpath d='M12.688 15.11a.5.5 0 0 1 .624.78l-2.5 2a.5.5 0 1 1-.624-.78z'/%3E%3Cpath d='M7.688 15.89a.5.5 0 0 1 .624-.78l2.5 2a.5.5 0 1 1-.624.78z'/%3E%3C/g%3E%3C/svg%3E") }
.pepicons-print--cloud-up { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='%23000'%3E%3Cpath fill-rule='evenodd' d='M13 4h-1a4 4 0 0 0-3.874 3H8a4 4 0 1 0 0 8h8a4 4 0 0 0 .899-7.899A4 4 0 0 0 13 4' clip-rule='evenodd' opacity='0.2'/%3E%3Cpath fill-rule='evenodd' d='M11 3h-1a4 4 0 0 0-3.874 3H6a4 4 0 1 0 0 8h8a4 4 0 0 0 .899-7.899A4 4 0 0 0 11 3M6.901 7l.193-.75A3 3 0 0 1 10 4h1c1.405 0 2.614.975 2.924 2.325l.14.61l.61.141A3.001 3.001 0 0 1 14 13H6a3 3 0 1 1 0-6z' clip-rule='evenodd'/%3E%3Cpath d='M11 16.5a.5.5 0 0 1-1 0V9a.5.5 0 0 1 1 0z'/%3E%3Cpath d='M8.312 11.39a.5.5 0 0 1-.624-.78l2.5-2a.5.5 0 0 1 .624.78z'/%3E%3Cpath d='M13.312 10.61a.5.5 0 0 1-.624.78l-2.5-2a.5.5 0 1 1 .624-.78z'/%3E%3C/g%3E%3C/svg%3E") }
.pepicons-print--countdown { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='%23000'%3E%3Cpath d='M19 11a7 7 0 1 1-14 0a7 7 0 0 1 14 0' opacity='0.2'/%3E%3Cpath fill-rule='evenodd' d='M10 3a.5.5 0 0 1 .5-.5A7.5 7.5 0 1 1 3 10a.5.5 0 0 1 1 0a6.5 6.5 0 1 0 6.5-6.5a.5.5 0 0 1-.5-.5' clip-rule='evenodd'/%3E%3Cpath d='M8 3.25a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0m-2.5 1.5a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0M4 7.25a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0'/%3E%3Cpath fill-rule='evenodd' d='M5.947 11.224a.5.5 0 0 0-.223-.671l-2-1a.5.5 0 0 0-.448.894l2 1a.5.5 0 0 0 .671-.223' clip-rule='evenodd'/%3E%3Cpath fill-rule='evenodd' d='M3.854 9.646a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 1 1-.708-.707l1.5-1.5a.5.5 0 0 1 .708 0M10.5 6.5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V7a.5.5 0 0 1 .5-.5' clip-rule='evenodd'/%3E%3Cpath fill-rule='evenodd' d='M14 10a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 1 .5.5' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E") }
.pepicons-print--duplicate { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='black'%3E%3Cpath d='M15 9h2a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1v-2H7a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1z' opacity='.2'/%3E%3Cpath fill-rule='evenodd' d='M15 7.5H8a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5V8a.5.5 0 0 0-.5-.5m-6.5 7v-6h6v6z' clip-rule='evenodd'/%3E%3Cpath d='M5.5 11.5h3v1H5a.5.5 0 0 1-.5-.5V5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v3.5h-1v-3h-6z'/%3E%3C/g%3E%3C/svg%3E") }
.pepicons-print--fire { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='%23000'%3E%3Cg opacity='0.2'%3E%3Cpath d='M11.498 18.568C15.126 18.568 18 15.628 18 12c0 0 0-3.416-2.41-6.39a.1.1 0 0 0-.162.01L14.11 7.817a.101.101 0 0 1-.181-.018c-.161-.452-.567-1.562-.929-2.298c-.411-.836-1.489-1.978-1.867-2.365a.099.099 0 0 0-.168.05c-.111.575-.48 2.343-.965 3.315c-.477.953-1.17 2.01-1.413 2.371a.1.1 0 0 1-.167-.004l-1.343-2.24a.1.1 0 0 0-.165-.007C5.48 8.599 5 11.02 5 12c0 3.627 2.87 6.568 6.498 6.568'/%3E%3Cpath fill-rule='evenodd' d='M10.474 3.09a.599.599 0 0 1 1.017-.304c.194.198.567.59.946 1.042c.372.443.778.976 1.012 1.451c.228.464.47 1.064.661 1.565l.89-1.48a.6.6 0 0 1 .98-.07c1.263 1.56 1.892 3.231 2.205 4.507c.157.639.236 1.182.276 1.568a8 8 0 0 1 .04.58V12H18h.5c0 3.897-3.091 7.07-7.002 7.07S4.5 15.896 4.5 11.998c0-1.073.507-3.6 2.007-5.672a.6.6 0 0 1 .998.043L8.52 8.06c.308-.482.72-1.159 1.033-1.784c.45-.9.807-2.597.921-3.185' clip-rule='evenodd'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' d='M13.09 14.024a4.61 4.61 0 0 0-2.377-4.279a.6.6 0 0 0-.809.201l-.964 1.543l-.802-.97a.5.5 0 0 0-.734-.039a4.6 4.6 0 0 0-1.395 3.544a3.54 3.54 0 0 0 7.08 0m-5.353-2.42l-.062.082a3.6 3.6 0 0 0-.669 2.26l.003.059a2.54 2.54 0 0 0 5.08 0l.003-.058c.007-.065.163-1.853-1.473-3.069l-.081-.059l-1.044 1.67a.6.6 0 0 1-.971.064z' clip-rule='evenodd'/%3E%3Cpath fill-rule='evenodd' d='M8.974 2.09a.599.599 0 0 1 1.017-.304c.194.198.567.59.946 1.042c.372.443.778.976 1.012 1.451c.228.464.47 1.064.661 1.565l.889-1.48a.6.6 0 0 1 .98-.07c1.263 1.56 1.892 3.231 2.205 4.507c.157.639.236 1.182.276 1.568a8 8 0 0 1 .04.58V11c0 3.897-3.091 7.07-7.002 7.07S3 14.896 3 10.998c0-1.073.507-3.6 2.007-5.672a.6.6 0 0 1 .998.043L7.02 7.06c.308-.482.72-1.159 1.033-1.784c.45-.9.807-2.597.921-3.185m.823.95c-.181.8-.48 1.942-.85 2.684c-.492.983-1.201 2.063-1.445 2.426a.6.6 0 0 1-1.01-.026l-1.02-1.698C4.376 8.2 4 10.193 4 11c0 3.358 2.654 6.068 5.998 6.068S16 14.358 16 11v-.028l-.004-.1a8 8 0 0 0-.031-.401a11 11 0 0 0-.252-1.431a10.7 10.7 0 0 0-1.66-3.655l-1.014 1.688a.601.601 0 0 1-1.081-.108c-.162-.454-.559-1.538-.907-2.244c-.177-.361-.516-.817-.88-1.25a17 17 0 0 0-.374-.43' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E") }
.pepicons-print--floppy-disk { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='%23000'%3E%3Cg opacity='0.2'%3E%3Cpath d='M4.75 18.5h13a1 1 0 0 0 1-1V6.914a1 1 0 0 0-.293-.707l-2.414-2.414a1 1 0 0 0-.707-.293H4.75a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1'/%3E%3Cpath fill-rule='evenodd' d='M16.75 16.5V7.328L14.922 5.5H5.75v11zm1 2h-13a1 1 0 0 1-1-1v-13a1 1 0 0 1 1-1h10.586a1 1 0 0 1 .707.293l2.414 2.414a1 1 0 0 1 .293.707V17.5a1 1 0 0 1-1 1' clip-rule='evenodd'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' d='M3.5 2.75a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5V5.664a.5.5 0 0 0-.146-.353l-2.415-2.415a.5.5 0 0 0-.353-.146zm-1.5.5a1.5 1.5 0 0 1 1.5-1.5h10.586a1.5 1.5 0 0 1 1.06.44l2.415 2.414A1.5 1.5 0 0 1 18 5.664V16.25a1.5 1.5 0 0 1-1.5 1.5h-13a1.5 1.5 0 0 1-1.5-1.5z' clip-rule='evenodd'/%3E%3Cpath fill-rule='evenodd' d='M5.5 10.75A1.5 1.5 0 0 1 7 9.25h6a1.5 1.5 0 0 1 1.5 1.5v7h-1v-7a.5.5 0 0 0-.5-.5H7a.5.5 0 0 0-.5.5v7h-1zm.5-6a1.5 1.5 0 0 0 1.5 1.5h4a1.5 1.5 0 0 0 1.5-1.5v-2a.5.5 0 0 0-1 0v2a.5.5 0 0 1-.5.5h-4a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 0-1 0z' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E") }
.pepicons-print--loop { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='%23000'%3E%3Cpath fill-rule='evenodd' d='M5.5 9.5a5.5 5.5 0 0 0 8.22 4.782q.09.15.22.279l3 3a1.5 1.5 0 0 0 2.12-2.122l-3-3a1.5 1.5 0 0 0-.278-.22A5.5 5.5 0 1 0 5.5 9.5' clip-rule='evenodd' opacity='0.2'/%3E%3Cpath fill-rule='evenodd' d='M4.828 4.828A5 5 0 1 0 11.9 11.9a5 5 0 0 0-7.07-7.07m6.364 6.364a4 4 0 1 1-5.656-5.657a4 4 0 0 1 5.656 5.657' clip-rule='evenodd'/%3E%3Cpath d='M11.192 12.627a1 1 0 0 1 1.415-1.414l2.828 2.829a1 1 0 1 1-1.414 1.414z'/%3E%3C/g%3E%3C/svg%3E") }
.pepicons-print--menu { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='black' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M2.5 9.2a1 1 0 0 1 1-1h10.308a1 1 0 1 1 0 2H3.5a1 1 0 0 1-1-1m0-4a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2h-14a1 1 0 0 1-1-1m0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2h-14a1 1 0 0 1-1-1m0 4a1 1 0 0 1 1-1h10.308a1 1 0 1 1 0 2H3.5a1 1 0 0 1-1-1' opacity='.2'/%3E%3Cpath d='M2 8.5a.5.5 0 0 1 .5-.5h11.308a.5.5 0 0 1 0 1H2.5a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 0 1h-15a.5.5 0 0 1-.5-.5m0 8a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 0 1h-15a.5.5 0 0 1-.5-.5m0 4a.5.5 0 0 1 .5-.5h11.308a.5.5 0 0 1 0 1H2.5a.5.5 0 0 1-.5-.5'/%3E%3C/g%3E%3C/svg%3E") }
.pepicons-print--moon { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='%23000'%3E%3Cpath d='M12.612 3.474a5 5 0 0 0-2.887 3.55a5.005 5.005 0 0 0 3.85 5.94A5 5 0 0 0 19 10.47c.245-.447.923-.285.939.224a8.5 8.5 0 0 1-.184 2.047c-.978 4.6-5.493 7.538-10.085 6.562S2.15 13.806 3.127 9.206c.92-4.326 4.99-7.22 9.345-6.686c.504.062.605.75.14.954' opacity='0.2'/%3E%3Cpath fill-rule='evenodd' d='M8.275 6.024a5 5 0 0 1 2.887-3.55c.465-.205.364-.892-.14-.954C6.667.986 2.597 3.88 1.677 8.206c-.977 4.6 1.952 9.12 6.544 10.097c4.592.976 9.107-1.962 10.085-6.562a8.6 8.6 0 0 0 .184-2.047c-.016-.509-.694-.671-.939-.224a5 5 0 0 1-5.427 2.494a5.005 5.005 0 0 1-3.849-5.94m-5.62 2.39a7.52 7.52 0 0 1 6.618-5.923c-.989.844-1.694 2-1.976 3.325a6.005 6.005 0 0 0 4.62 7.126a6 6 0 0 0 5.446-1.584l-.035.175c-.863 4.06-4.847 6.653-8.899 5.792c-4.051-.862-6.636-4.85-5.773-8.91' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E") }
.pepicons-print--pen { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='%23000' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M5.557 12.763a.5.5 0 0 1 .141-.277l9.394-9.394a.5.5 0 0 1 .707 0l3.625 3.625a.5.5 0 0 1 0 .707l-9.394 9.394a.5.5 0 0 1-.277.14l-4.283.658a.5.5 0 0 1-.57-.57z' opacity='0.2'/%3E%3Cpath d='M3.944 11.79a.5.5 0 0 1 .141-.277L14.163 1.435a.5.5 0 0 1 .707 0l3.89 3.89a.5.5 0 0 1 0 .706L8.68 16.11a.5.5 0 0 1-.277.14l-4.595.706a.5.5 0 0 1-.57-.57zm.964.314l-.577 3.76l3.759-.578l9.609-9.608l-3.183-3.182z'/%3E%3Cpath d='m15.472 8.173l-3.537-3.53l.707-.708l3.536 3.53z'/%3E%3C/g%3E%3C/svg%3E") }
.pepicons-print--times { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='%23000'%3E%3Cpath fill-rule='evenodd' d='M6.132 6.477a1.5 1.5 0 0 0 .073 2.12L8.78 11l-2.575 2.403a1.5 1.5 0 0 0 2.047 2.194l2.727-2.545l2.726 2.545a1.5 1.5 0 0 0 2.047-2.194L13.177 11l2.575-2.403a1.5 1.5 0 1 0-2.047-2.194L10.98 8.948L8.252 6.403a1.5 1.5 0 0 0-2.12.074' clip-rule='evenodd' opacity='0.2'/%3E%3Cpath d='M6.854 13.854a.5.5 0 0 1-.708-.708l7-7a.5.5 0 0 1 .708.708z'/%3E%3Cpath d='M6.146 6.854a.5.5 0 1 1 .708-.708l7 7a.5.5 0 0 1-.708.708z'/%3E%3C/g%3E%3C/svg%3E") }
.pepicons-print--triangle-left-filled { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='black' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M6.48 11.864a1 1 0 0 1 0-1.728l9.016-5.259A1 1 0 0 1 17 5.741V16.26a1 1 0 0 1-1.504.864z' opacity='.2'/%3E%3Cpath d='M4 10a.5.5 0 0 1 .243-.429l10-6A.5.5 0 0 1 15 4v12a.5.5 0 0 1-.757.429l-10-6A.5.5 0 0 1 4 10m10 5.117V4.883L5.472 10z'/%3E%3C/g%3E%3C/svg%3E") }

/* vim: et ts=2 sw=2
 * */