/* Minification failed. Returning unminified contents.
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,37): run-time error CSS1039: Token not allowed after unary operator: '-toast-max-width'
(33,19): run-time error CSS1039: Token not allowed after unary operator: '-toast-gap'
(34,19): run-time error CSS1039: Token not allowed after unary operator: '-toast-padding'
(36,31): run-time error CSS1039: Token not allowed after unary operator: '-toast-transition-duration'
(37,38): run-time error CSS1039: Token not allowed after unary operator: '-toast-transition-timing-function'
(43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(51,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(63,22): run-time error CSS1039: Token not allowed after unary operator: '-toast-item-shadow'
(64,18): run-time error CSS1039: Token not allowed after unary operator: '-toast-item-border-width'
(64,55): run-time error CSS1039: Token not allowed after unary operator: '-toast-item-border-colour'
(65,25): run-time error CSS1039: Token not allowed after unary operator: '-toast-item-border-radius'
(66,28): run-time error CSS1039: Token not allowed after unary operator: '-toast-item-background-colour'
(67,19): run-time error CSS1039: Token not allowed after unary operator: '-toast-item-padding'
(70,17): run-time error CSS1039: Token not allowed after unary operator: '-toast-item-text-colour'
(72,31): run-time error CSS1039: Token not allowed after unary operator: '-toast-transition-duration'
(73,38): run-time error CSS1039: Token not allowed after unary operator: '-toast-transition-timing-function'
(74,33): run-time error CSS1039: Token not allowed after unary operator: '-toast-transition-duration'
(94,31): run-time error CSS1047: Expected number or percentage value in rgb function, found 'from'
(94,36): run-time error CSS1046: Expect comma, found 'var('
(94,41): run-time error CSS1047: Expected number or percentage value in rgb function, found '-toast-item-background-colour'
(94,70): run-time error CSS1046: Expect comma, found ')'
(94,84): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(136,31): run-time error CSS1039: Token not allowed after unary operator: '-clipboard-transition-duration'
(137,38): run-time error CSS1039: Token not allowed after unary operator: '-clipboard-transition-timing-function'
(140,17): run-time error CSS1039: Token not allowed after unary operator: '-site-anchor-colour'
(146,21): run-time error CSS1039: Token not allowed after unary operator: '-clipboard-colour-hover'
(152,21): run-time error CSS1039: Token not allowed after unary operator: '-clipboard-colour-focus'
(157,21): run-time error CSS1039: Token not allowed after unary operator: '-clipboard-colour-active'
(161,10): run-time error CSS1030: Expected identifier, found '>'
(161,22): run-time error CSS1031: Expected selector, found ')'
(161,22): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/* Ignore Spelling: max nowrap viewport /matchCase */

/**
 * @file toast.css - CSS classes for toast.js
 * @copyright Graymatter Software https://graymatter.com.au
 * @author Graymatter Software <info@graymatter.com.au>
 *
 * Usage example:
    See clipboard.css example.
 */

.toast {
    /* Toast ------------------------- */
    /* Metrics -------------- */
    --toast-gap: var(--site-toast-gap);
    --toast-max-width: var(--site-toast-max-width);
    --toast-padding: var(--site-toast-padding);
    /* Transition ----------- */
    --toast-transition-duration: var(--site-toast-transition-duration);
    --toast-transition-timing-function: var(--site-toast-transition-timing-function);
    overflow: hidden;
    /* ------------------------------- */
    position: fixed;
    inset-inline-end: 0;
    inset-block-end: 0;
    /* Maximum width = the smaller of viewport width, not including the scrollbar width, and the toast-max-width. 100% is used to get the viewport width as it seems to be the only reliable way to get the width excluding the scrollbar width. 100svw does not give the desired result. */
    max-inline-size: min(100%, var(--toast-max-width));
    max-block-size: 0;
    /* Allow clicks to pass through */
    pointer-events: none;
    flex-direction: column;
    align-items: flex-end;
    row-gap: var(--toast-gap);
    padding: var(--toast-padding);
    transition-property: max-block-size;
    transition-duration: var(--toast-transition-duration);
    transition-timing-function: var(--toast-transition-timing-function);
}

.toast-item {
    /* Toast item -------------------- */
    /* Background ----------- */
    --toast-item-background-colour: var(--site-toast-item-background-colour);
    /* Border --------------- */
    --toast-item-border-colour: var(--site-toast-item-border-colour);
    --toast-item-border-radius: var(--site-toast-item-border-radius);
    --toast-item-border-width: var(--site-toast-item-border-width);
    /* Colour --------------- */
    --toast-item-text-colour: var(--site-toast-item-text-colour);
    /* Metrics -------------- */
    --toast-item-gap: var(--site-toast-item-gap);
    --toast-item-padding: var(--site-toast-item-padding);
    --toast-item-timeout-milliseconds: var(--site-toast-item-timeout-milliseconds);
    /* Shadow --------------- */
    --toast-item-shadow: var(--site-toast-item-shadow);
    /* ------------------------------- */
    display: block;
    /* Size the toast item */
    inline-size: fit-content;
    block-size: fit-content;
    opacity: 0;
    pointer-events: auto;
    box-shadow: var(--toast-item-shadow);
    border: var(--toast-item-border-width) solid var(--toast-item-border-colour);
    border-radius: var(--toast-item-border-radius);
    background-color: var(--toast-item-background-colour);
    padding: var(--toast-item-padding);
    /* This is needed when carriage-return/line-feed (\r\n) characters are added by JavsScript code */
    white-space: pre-wrap;
    color: var(--toast-item-text-colour);
    transition-property: opacity;
    transition-duration: var(--toast-transition-duration);
    transition-timing-function: var(--toast-transition-timing-function);
    transition-delay: calc(var(--toast-transition-duration) / 3);
}

    .toast-item[data-show] {
        /* Show the toast item */
        opacity: 1;
    }

/* Prefers-reduced-motion browser option is enabled */
@media (prefers-reduced-motion: reduce) {
    /* Change the duration of the transition to zero so it happens immediately. */
    .toast {
        transition-duration: 0s;
    }
}

/* Prefers-reduced-transparency browser option is enabled */
@media (prefers-reduced-transparency: reduce) {
    .toast-item {
        /* Remove the transparency on the background colour */
        background-color: rgb(from var(--toast-item-background-colour) r g b / 100%);
    }
}

/* Ignore Spelling: /matchCase */

/**
 * @file clipboard.css - CSS classes for elements associated with the clipboard
 * @copyright Graymatter Software https://graymatter.com.au
 * @author Graymatter Software <info@graymatter.com.au>
  *
 * Usage example:
 *  <span>
        <a href="tel:0412417849" class="anchor" rel="nofollow noreferrer" title="Click to call Graymatter Software">
            <svg class="svg-inline" aria-hidden="true">
                <use href="#telephone" />
            </svg>0412 417 849
        </a>
        <button class="clipboard" type="button" title="Copy the phone number to the clipboard" data-clipboard-copy="0412417849" data-clipboard-copy-message="The local phone number was copied to the clipboard.">
            <svg class="svg-inline" aria-hidden="true">
                <use href="#copy" />
            </svg>
        </button>
    </span>
 */

.clipboard {
    /* Colour ------------------------ */
    --clipboard-colour: var(--site-clipboard-colour);
    --clipboard-colour-active: var(--site-clipboard-colour-active);
    --clipboard-colour-focus: var(--site-clipboard-colour-focus);
    --clipboard-colour-hover: var(--site-clipboard-colour-hover);
    /* Metrics ----------------------- */
    --clipboard-gap: var(--site-clipboard-gap);
    /* Transition -------------------- */
    --clipboard-transition-duration: var(--site-clipboard-transition-duration);
    --clipboard-transition-timing-function: var(--site-clipboard-transition-timing-function);
    /* ------------------------------- */
    /* Stop the clipboard button from being double-tapped */
    touch-action: manipulation;
    cursor: pointer;
    transition-property: transform;
    transition-duration: var(--clipboard-transition-duration);
    transition-timing-function: var(--clipboard-transition-timing-function);
    align-self: center;
    line-height: 0;
    color: var(--site-anchor-colour);
}

    /* Hover ------------------------- */
    /*@media(any-hover: hover) and (any-pointer: fine) {*/
    .clipboard:hover {
        color: var(--clipboard-colour-hover);
    }
    /*}*/

    /* Focus --------------------- */
    .clipboard:focus {
        color: var(--clipboard-colour-focus);
    }

    /* Active -------------------- */
    .clipboard:active {
        color: var(--clipboard-colour-active);
        transform: scale(96%);
    }

span:has(> .clipboard) {
    display: inline-flex;
    column-gap: var(--site-svg-gap);
}