/* Geometric sharp adaptations of the existing Hugeicons arrows (MIT).
   License: /artwork/icons/hugeicons-LICENSE.txt. */
:is(.smpls-hugeicon-up-right, .smpls-hugeicon-right, .smpls-hugeicon-left, .smpls-hugeicon-down, .smpls-hugeicon-up) {
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    flex: 0 0 auto;
    vertical-align: -.2em;
    background-color: currentColor;
    -webkit-mask: var(--smpls-arrow-mask) center / 150% 150% no-repeat;
    mask: var(--smpls-arrow-mask) center / 150% 150% no-repeat;
}
.smpls-hugeicon-up-right { --smpls-arrow-mask: url("/artwork/icons/arrow-up-right-sharp.svg"); }
.smpls-hugeicon-right { --smpls-arrow-mask: url("/artwork/icons/arrow-right-sharp.svg"); }
.smpls-hugeicon-left { --smpls-arrow-mask: url("/artwork/icons/arrow-left-sharp.svg"); }
.smpls-hugeicon-down { --smpls-arrow-mask: url("/artwork/icons/arrow-down-sharp.svg"); }
.smpls-hugeicon-up { --smpls-arrow-mask: url("/artwork/icons/arrow-up-sharp.svg"); }

/* Standalone icons need the same breathing room as native button icon wrappers. */
.smpls-button > :is(.smpls-hugeicon-up-right, .smpls-hugeicon-right, .smpls-hugeicon-left, .smpls-hugeicon-down, .smpls-hugeicon-up) {
    margin-inline-start: .4em;
}