/* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Import all common theme variables*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2024 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totara.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tui*/ /* stylelint-disable tui/no-deprecated-vars */ /* Deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @author Simon Chester */ /* @module tui*/ /** * Define font style variables * * @param {string} $name - font variant name (e.g. h1 or body-sm) * @param {number} $size - font size in unitless rem * @param {number} $line-height - line height in unitless rem * @param {number} $weight -- font weight * @param {number} $family -- font family */ /** * Use font style variables * * @param {string} $name - font variant name (e.g. h1 or body-sm) * @param {number} $weight -- font weight. set to null to not add * @param {number} $family -- font family. set to null to not add */ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Outside-in spacing: Stack*/ /* Stacks provide spacing between their children.*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Dave Wallace */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Arrows*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Forms*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tui*/ /* Avatar*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Drop down*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Data table*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Tabs*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Card*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Charts*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Filters*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Tags*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Tags*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* collapsible*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* progress tracker*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Side panel navigation*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Toggle buttons*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Notification toast*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2021 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Dave Wallace */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2022 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Rodney Cruden-Powell */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tuickage tui*/ /* Sidebar layout that is responsive based on the size of its container, rather*/ /* than the viewport.*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Media queries breakpoints*/ /* Matches @screen-sm-min*/ /* Matches @screen-md-min*/ /* Matches @screen-lg-min*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tui*/ /** * For adding a fixed sized header image to a card, including optional margin on the outer edges. * * @deprecated since Totara 19.0 */ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2021 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2022 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tui*/ /* Pick a width % value between small_frac and large_frac equivalent to where*/ /* our available width lies between small_anchor and large_anchor, clamped to*/ /* stay in that range.*/ /* This is overly complicated due to limitations of CSS / calc, but is equivalent to*/ /* width = available_width * lerp(small_frac, large_frac, clamp01(inverse_lerp(small_anchor, large_anchor, available_width)))*/ /* @private INTERNAL FUNCTION, DO NOT USE*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This contains the common variable set for form elements,*/ /* allowing form elements to be consistently styled.*/ /* loosely based on a modular scale of (2 * (1.5 ^ n))*/ /* Selectors for form inputs (and similar elements) that should have sizes applied to them.*/ /* If modifying this list in a theme, do it via append() rather than replacing*/ /* the entire list.*/ /* Selectors for inputs that are *replaced elements*.*/ /* The behavior of width: auto differs for replaced elements, so these are set*/ /* to width: 100% to get the "grow to container" behavior.*/ /* https://developer.mozilla.org/en-US/docs/Web/CSS/Replaced_element*/ /* However, this causes an issue in certain contexts - namely if the container*/ /* has a margin. This list exists to enable workarounds using flex at the site*/ /* of use.*/ /* If modifying this list in a theme, do it via append() rather than replacing*/ /* the entire list.*/ /* Don't apply the default input size if the element is within one of these*/ /* selectors.*/ /* (if it's not within a form, it won't be applied either)*/ /* Calculate character-based sizing for inputs.*/ /* Generate sizing class for size*/ /* Default input sizing*/ /* Generate sizing classes for predefined sizes*/ /* Vertical padding of form elements.*/ /* Calculate the remaining available space to meet the target height.*/ /* Must be on a single line otherwise it breaks (for some reason!) so must be ignored by prettier.*/ /* prettier-ignore*/ /* prettier-ignore*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2024 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totara.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module package tui*/ /* Vertical padding of toggle switch form elements.*/ /* Calculate the remaining available space to meet the target height.*/ /* Must be on a single line otherwise it breaks (for some reason!) so must be ignored by prettier.*/ /* prettier-ignore*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2021 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Import all common theme variables*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2024 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totara.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tui*/ /* stylelint-disable tui/no-deprecated-vars */ /* Deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* @deprecated since Totara 19.0*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @author Simon Chester */ /* @module tui*/ /** * Define font style variables * * @param {string} $name - font variant name (e.g. h1 or body-sm) * @param {number} $size - font size in unitless rem * @param {number} $line-height - line height in unitless rem * @param {number} $weight -- font weight * @param {number} $family -- font family */ /** * Use font style variables * * @param {string} $name - font variant name (e.g. h1 or body-sm) * @param {number} $weight -- font weight. set to null to not add * @param {number} $family -- font family. set to null to not add */ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Outside-in spacing: Stack*/ /* Stacks provide spacing between their children.*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Dave Wallace */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Arrows*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Forms*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tui*/ /* Avatar*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Drop down*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Data table*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Tabs*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Card*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Charts*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Filters*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Tags*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Tags*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* collapsible*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* progress tracker*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Side panel navigation*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Toggle buttons*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Notification toast*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2021 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Dave Wallace */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2022 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Rodney Cruden-Powell */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tuickage tui*/ /* Sidebar layout that is responsive based on the size of its container, rather*/ /* than the viewport.*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* Media queries breakpoints*/ /* Matches @screen-sm-min*/ /* Matches @screen-md-min*/ /* Matches @screen-lg-min*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tui*/ /** * For adding a fixed sized header image to a card, including optional margin on the outer edges. * * @deprecated since Totara 19.0 */ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2021 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2022 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tui*/ /* Pick a width % value between small_frac and large_frac equivalent to where*/ /* our available width lies between small_anchor and large_anchor, clamped to*/ /* stay in that range.*/ /* This is overly complicated due to limitations of CSS / calc, but is equivalent to*/ /* width = available_width * lerp(small_frac, large_frac, clamp01(inverse_lerp(small_anchor, large_anchor, available_width)))*/ /* @private INTERNAL FUNCTION, DO NOT USE*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This contains the common variable set for form elements,*/ /* allowing form elements to be consistently styled.*/ /* loosely based on a modular scale of (2 * (1.5 ^ n))*/ /* Selectors for form inputs (and similar elements) that should have sizes applied to them.*/ /* If modifying this list in a theme, do it via append() rather than replacing*/ /* the entire list.*/ /* Selectors for inputs that are *replaced elements*.*/ /* The behavior of width: auto differs for replaced elements, so these are set*/ /* to width: 100% to get the "grow to container" behavior.*/ /* https://developer.mozilla.org/en-US/docs/Web/CSS/Replaced_element*/ /* However, this causes an issue in certain contexts - namely if the container*/ /* has a margin. This list exists to enable workarounds using flex at the site*/ /* of use.*/ /* If modifying this list in a theme, do it via append() rather than replacing*/ /* the entire list.*/ /* Don't apply the default input size if the element is within one of these*/ /* selectors.*/ /* (if it's not within a form, it won't be applied either)*/ /* Calculate character-based sizing for inputs.*/ /* Generate sizing class for size*/ /* Default input sizing*/ /* Generate sizing classes for predefined sizes*/ /* Vertical padding of form elements.*/ /* Calculate the remaining available space to meet the target height.*/ /* Must be on a single line otherwise it breaks (for some reason!) so must be ignored by prettier.*/ /* prettier-ignore*/ /* prettier-ignore*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2024 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totara.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module package tui*/ /* Vertical padding of toggle switch form elements.*/ /* Calculate the remaining available space to meet the target height.*/ /* Must be on a single line otherwise it breaks (for some reason!) so must be ignored by prettier.*/ /* prettier-ignore*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2021 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tuickage tui*/ /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2024 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totara.com] for more information.*/ /**/ /* @author Dave Wallace */ /* @module tuickage tui*/ /* This variable file includes special comments with the syntax `theme:var` and*/ /* `theme:derive`.*/ /**/ /* `theme:var` comments tell the build system that this is a configurable*/ /* variable and causes information about it to be exported. This is neccesary*/ /* for it to show up in the theme panel.*/ /**/ /* `theme:derive` comments add information to the entry for a theme:var variable*/ /* telling the theme panel that it is derived from another variable.*/ /* This informatation is used to generate a new value for the variable if the*/ /* value of any variable it is derived from has changed.*/ :root { --grid-gutter: var(--gap-5); --font-size-1: calc(var(--font-size-base) / 16 * 1); --font-size-2: calc(var(--font-size-base) / 16 * 2); --font-size-4: calc(var(--font-size-base) / 16 * 4); --font-size-8: calc(var(--font-size-base) / 16 * 8); --font-size-10: calc(var(--font-size-base) / 16 * 10); --font-size-11: calc(var(--font-size-base) / 16 * 11); --font-size-12: calc(var(--font-size-base) / 16 * 12); --font-size-13: calc(var(--font-size-base) / 16 * 13); --font-size-14: calc(var(--font-size-base) / 16 * 14); --font-size-15: calc(var(--font-size-base) / 16 * 15); --font-size-16: calc(var(--font-size-base) / 16 * 16); --font-size-18: calc(var(--font-size-base) / 16 * 18); --font-size-20: calc(var(--font-size-base) / 16 * 20); --font-size-22: calc(var(--font-size-base) / 16 * 22); --font-size-24: calc(var(--font-size-base) / 16 * 24); --font-size-30: calc(var(--font-size-base) / 16 * 30); --font-size-32: calc(var(--font-size-base) / 16 * 32); --font-size-40: calc(var(--font-size-base) / 16 * 40); --font-size-48: calc(var(--font-size-base) / 16 * 48); --font-size-50: calc(var(--font-size-base) / 16 * 50); --font-body-large-line-height: 1.33; --font-body-small-line-height: 1.154; --font-body-x-small-line-height: 1.25; --font-body-xx-small-line-height: 1.1; --font-heading-large-line-height: 1.167; --font-heading-line-height: 1.333; --font-heading-small-line-height: 1.333; --font-heading-x-small-line-height: 1.333; --font-body-small-size: calc(var(--font-size-base) / 16 * 13); --font-body-x-small-size: calc(var(--font-size-base) / 16 * 12); --font-body-xx-small-size: calc(var(--font-size-base) / 16 * 11); --font-heading-large-size: calc(var(--font-size-base) / 16 * 50); --font-heading-size: calc(var(--font-size-base) / 16 * 30); --font-heading-small-size: calc(var(--font-size-base) / 16 * 20); --font-heading-x-small-size: calc(var(--font-size-base) / 16 * 16); --btn-sm-min-height: 1.875rem; --btn-min-height: 2.25rem; --btn-xs-min-height: 1.25rem; --btn-min-width: 72px; --btn-bg-color-active: var(--color-neutral-1); --btn-bg-color-hover: var(--color-neutral-3); --btn-border-color: var(--btn-accent-color); --btn-border-color-active: var(--btn-accent-color-active); --btn-border-color-disabled: var(--btn-accent-color-disabled); --btn-border-color-hover: var(--btn-accent-color-hover); --btn-loader-color-disabled: var(--color-neutral-6); --btn-text-color-active: var(--btn-accent-color-active); --btn-text-color-disabled: var(--btn-accent-color-disabled); --btn-text-color-hover: var(--btn-accent-color-hover); --btn-prim-accent-color: var(--color-state); --btn-prim-accent-color-active: var(--color-state-active); --btn-prim-accent-color-hover: var(--color-state-hover); --btn-prim-accent-color-disabled: var(--color-state-disabled); --btn-prim-bg-color: var(--btn-prim-accent-color); --btn-prim-bg-color-active: var(--btn-prim-accent-color-active); --btn-prim-bg-color-disabled: var(--btn-prim-accent-color-disabled); --btn-prim-bg-color-hover: var(--btn-prim-accent-color-hover); --btn-prim-border-color: var(--btn-prim-accent-color); --btn-prim-border-color-active: var(--btn-prim-accent-color-active); --btn-prim-border-color-disabled: var(--btn-prim-accent-color-disabled); --btn-prim-border-color-hover: var(--btn-prim-accent-color-hover); --btn-prim-loader-color-disabled: var(--color-neutral-7); --btn-prim-text-color: var(--color-neutral-1); --btn-prim-text-color-active: var(--color-neutral-1); --btn-prim-text-color-disabled: var(--color-neutral-3); --btn-prim-text-color-hover: var(--color-neutral-1); --btn-alert-bg-color: var(--color-prompt-alert); --btn-alert-bg-color-active: var(--color-prompt-alert); --btn-alert-bg-color-disabled: var(--color-neutral-3); --btn-alert-bg-color-hover: var(--color-prompt-alert); --btn-alert-border-color: var(--color-prompt-alert); --btn-alert-border-color-active: var(--color-prompt-alert); --btn-alert-border-color-disabled: var(--color-state-disabled); --btn-alert-border-color-hover: var(--color-prompt-alert); --btn-alert-text-color: var(--color-neutral-1); --btn-alert-text-color-active: var(--color-neutral-1); --btn-alert-text-color-disabled: var(--color-state-disabled); --btn-alert-text-color-hover: var(--color-neutral-1); --btn-toolbar-bg-color: transparent; --btn-toolbar-bg-color-hover: var(--color-neutral-4); --btn-toolbar-bg-color-focus: var(--color-neutral-4); --btn-toolbar-bg-color-selected: var(--color-state-active); --btn-toolbar-text-color: var(--color-neutral-6); --btn-toolbar-text-color-selected: var(--color-neutral-1); } :root { --tui-card-default-width: 15.75rem; --tui-card-sm-width: 11.75rem; } :root { --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --font-family-monospace: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --font-size-base: 1rem; --line-height-base: 1rem; --icon-size-base: 1rem; --label-weight: 501; --font-family-body: var(--font-family); --font-body-xl-size: calc(var(--font-size-base) * 1.25); --font-body-xl-line-height: calc(var(--line-height-base) * 1.75); --font-body-xl-weight: 400; --font-body-xl-family: var(--font-family-body); --font-body-lg-size: calc(var(--font-size-base) * 1); --font-body-lg-line-height: calc(var(--line-height-base) * 1.5); --font-body-lg-weight: 400; --font-body-lg-family: var(--font-family-body); --font-body-size: calc(var(--font-size-base) * 0.875); --font-body-line-height: calc(var(--line-height-base) * 1.25); --font-body-weight: 400; --font-body-family: var(--font-family-body); --font-body-sm-size: calc(var(--font-size-base) * 0.75); --font-body-sm-line-height: calc(var(--line-height-base) * 1.125); --font-body-sm-weight: 400; --font-body-sm-family: var(--font-family-body); --font-body-xs-size: calc(var(--font-size-base) * 0.625); --font-body-xs-line-height: calc(var(--line-height-base) * 1); --font-body-xs-weight: 400; --font-body-xs-family: var(--font-family-body); --font-family-heading: var(--font-family); --font-h1-size: calc(var(--font-size-base) * 2); --font-h1-line-height: calc(var(--line-height-base) * 2.5); --font-h1-weight: 600; --font-h1-family: var(--font-family-heading); --font-h2-size: calc(var(--font-size-base) * 1.5); --font-h2-line-height: calc(var(--line-height-base) * 2); --font-h2-weight: 600; --font-h2-family: var(--font-family-heading); --font-h3-size: calc(var(--font-size-base) * 1.25); --font-h3-line-height: calc(var(--line-height-base) * 1.75); --font-h3-weight: 600; --font-h3-family: var(--font-family-heading); --font-h4-size: calc(var(--font-size-base) * 1); --font-h4-line-height: calc(var(--line-height-base) * 1.5); --font-h4-weight: 600; --font-h4-family: var(--font-family-heading); --font-h5-size: calc(var(--font-size-base) * 0.875); --font-h5-line-height: calc(var(--line-height-base) * 1.25); --font-h5-weight: 600; --font-h5-family: var(--font-family-heading); --font-h6-size: calc(var(--font-size-base) * 0.75); --font-h6-line-height: calc(var(--line-height-base) * 1); --font-h6-weight: 501; --font-h6-family: var(--font-family-heading); --font-family-display: var(--font-family); --font-display-lg-size: calc(var(--font-size-base) * 3); --font-display-lg-line-height: calc(var(--line-height-base) * 3.5); --font-display-lg-weight: 400; --font-display-lg-family: var(--font-family-display); --font-display-md-size: calc(var(--font-size-base) * 2.5); --font-display-md-line-height: calc(var(--line-height-base) * 3); --font-display-md-weight: 400; --font-display-md-family: var(--font-family-display); --font-display-sm-size: calc(var(--font-size-base) * 2); --font-display-sm-line-height: calc(var(--line-height-base) * 2.5); --font-display-sm-weight: 400; --font-display-sm-family: var(--font-family-display); --font-display-xs-size: calc(var(--font-size-base) * 1.5); --font-display-xs-line-height: calc(var(--line-height-base) * 2); --font-display-xs-weight: 400; --font-display-xs-family: var(--font-family-display); } :root { --gap-base: 0.25rem; --gap-1: calc(var(--gap-base) * 1); --gap-2: calc(var(--gap-base) * 2); --gap-3: calc(var(--gap-base) * 3); --gap-4: calc(var(--gap-base) * 4); --gap-5: calc(var(--gap-base) * 5); --gap-6: calc(var(--gap-base) * 6); --gap-7: calc(var(--gap-base) * 7); --gap-8: calc(var(--gap-base) * 8); --gap-9: calc(var(--gap-base) * 9); --gap-10: calc(var(--gap-base) * 10); --gap-11: calc(var(--gap-base) * 11); --gap-12: calc(var(--gap-base) * 12); --gap-page-columns: var(--gap-8); --gap-card-grid: var(--gap-4); --grid-gutter-vertical: 1.25rem; --grid-gutter-horizontal: 1.25rem; --grid-maxunits: 12; --paragraph-gap: 1rem; --list-item-padding-vertical: var(--gap-1); --list-item-icon-gap: var(--gap-2); } :root { --border-width-thin: 1px; --border-width-normal: 2px; --border-width-thick: 3px; --border-radius-curved: 12px; --border-radius-normal: 6px; --border-radius-small: 4px; --card-border-radius: var(--border-radius-normal); --dropdown-border-radius: var(--border-radius-normal); --focus-outline-offset: 1px; } :root { --btn-shadow: none; --btn-shadow-focus: none; --btn-shadow-hover: var(--shadow-2); --btn-shadow-active: var(--shadow-3); --btn-font-size: var(--font-body-size); --btn-line-height: var(--font-body-line-height); --btn-border-width: 1px; --btn-padding-h: var(--gap-3); --btn-padding-v: var(--gap-2); --btn-radius: 4px; --btn-sm-font-size: var(--font-body-sm-size); --btn-sm-line-height: var(--font-body-sm-line-height); --btn-sm-padding-h: var(--gap-2); --btn-sm-padding-v: var(--gap-1); --btn-sm-radius: 4px; --btn-xs-font-size: var(--font-body-sm-size); --btn-xs-line-height: var(--font-body-sm-line-height); --btn-xs-padding-h: var(--gap-1); --btn-xs-padding-v: 0px; --btn-xs-radius: 4px; } :root { --color-primary: #3a45ac; --color-secondary: #007ab8; --color-tertiary: #1ea4a9; --color-state: #3982ac; --color-state-hover: #265773; --color-state-focus: #265773; --color-state-active: #193a4c; --color-state-highlight: #f6f9d7; --color-state-highlight-neutral: var(--color-neutral-3); --color-state-disabled: var(--color-neutral-5); --color-prompt-info: #007ab8; --color-prompt-info-bg: #daf3fe; --color-prompt-alert: #cc2428; --color-prompt-alert-bg: #fee6e6; --color-prompt-warning: #b2611f; --color-prompt-warning-bg: #f1e2d7; --color-prompt-success: #4b7e2b; --color-prompt-success-bg: #d8eacd; --color-neutral-1: #fff; --color-neutral-2: #fafafa; --color-neutral-3: #f7f7f7; --color-neutral-4: #e6e4e4; --color-neutral-5: #c7c7c7; --color-neutral-6: #767676; --color-neutral-7: #262626; --color-chart-background-1: #007ab8; --color-chart-transparent-1: rgba(0, 122, 184, 0.38); --color-chart-background-2: #da7c2f; --color-chart-transparent-2: rgba(218, 124, 47, 0.38); --color-chart-background-3: #bf6c78; --color-chart-transparent-3: rgba(191, 108, 120, 0.38); --color-chart-background-4: #dac725; --color-chart-transparent-4: rgba(218, 199, 37, 0.38); --color-chart-background-5: #5d5d5d; --color-chart-transparent-5: rgba(93, 93, 93, 0.38); --color-chart-background-6: #98aada; --color-chart-transparent-6: rgba(152, 170, 218, 0.38); --color-chart-background-7: #23c1a0; --color-chart-transparent-7: rgba(35, 193, 160, 0.38); --color-background: var(--color-neutral-1); --color-border: var(--color-neutral-5); --color-text: var(--color-neutral-7); --color-text-disabled: var(--color-neutral-5); --color-text-hint: var(--color-neutral-6); --link-color: var(--color-state); --link-color-hover: var(--color-state-hover); --color-backdrop-standard: rgba(0, 0, 0, 0.4); --color-backdrop-heavy: rgba(0, 0, 0, 0.8); --color-backdrop-contrast: var(--color-neutral-1); --nav-bg-color: #fff; --nav-text-color: var(--color-text); } :root { --arrow-bg-color: var(--color-background); --arrow-border-color: var(--color-neutral-5); --arrow-bg-inverse-color: var(--color-neutral-7); } :root { --form-radio-dot-color: var(--color-state); --form-radio-bg-color: var(--color-neutral-1); --form-radio-bg-color-disabled: var(--color-neutral-3); --form-radio-bg-color-focus: var(--color-state-highlight-neutral); --form-radio-bg-color-hover: var(--color-neutral-1); --form-radio-bg-color-active: var(--color-neutral-1); --form-radio-border-color: var(--color-neutral-6); --form-radio-border-color-disabled: var(--color-state-disabled); --form-radio-border-color-focus: var(--color-state-focus); --form-radio-border-color-active: var(--color-state-focus); --form-checkbox-check-color: var(--color-neutral-1); --form-checkbox-check-color-disabled: var(--color-neutral-5); --form-checkbox-bg-color: var(--color-neutral-1); --form-checkbox-bg-color-disabled: var(--color-neutral-3); --form-checkbox-bg-color-active: var(--color-state); --form-checkbox-border-color: var(--color-neutral-6); --form-checkbox-border-color-disabled: var(--color-state-disabled); --form-checkbox-border-color-focus: var(--color-state-focus); --form-checkbox-border-color-active: var(--color-state-focus); --form-checkbox-border-color-invalid: var(--color-prompt-alert); --form-text-color: var(--color-neutral-7); --form-input-bg-color: var(--color-neutral-1); --form-input-bg-color-disabled: var(--color-neutral-3); --form-input-bg-color-focus: var(--form-input-bg-color); --form-input-bg-color-invalid-focus: var(--form-input-bg-color); --form-input-border-color: var(--color-neutral-6); --form-input-border-color-disabled: var(--color-neutral-4); --form-input-border-color-focus: var(--color-state); --form-input-border-color-invalid: var(--color-prompt-alert); --form-input-text-color: var(--color-neutral-7); --form-input-text-color-disabled: var(--color-state-disabled); --form-input-text-placeholder-color: var(--color-neutral-6); --form-details-text-color: var(--color-neutral-7); --form-defaults-text-color: var(--color-neutral-7); --btn-bg-color: var(--color-neutral-1); --btn-bg-color-disabled: var(--color-neutral-3); --btn-accent-color: var(--color-state); --btn-accent-color-contrast: var(--color-neutral-1); --btn-accent-color-active: var(--color-state-active); --btn-accent-color-hover: var(--color-state-hover); --btn-accent-color-disabled: var(--color-state-disabled); --btn-danger-color: var(--color-prompt-alert); --btn-danger-color-contrast: var(--color-neutral-1); --btn-text-color: var(--btn-accent-color); --btn-checkbox-bg-color-selected: var(--color-neutral-3); --btn-checkbox-bg-color-hover: var(--color-state-highlight-neutral); --btn-checkbox-text-color: var(--color-state); --btn-checkbox-text-color-active: var(--color-state-active); --btn-checkbox-text-color-focus: var(--color-state-focus); --btn-checkbox-text-color-selected: var(--color-neutral-7); --form-error-bg-color: var(--color-prompt-alert-bg); --form-error-text-color: var(--color-prompt-alert); } :root { --avatar-border-color: var(--color-primary); } :root { --dropdown-item-bg-color-hover: var(--color-neutral-3); --dropdown-item-bg-color-focus: var(--color-neutral-3); --dropdown-item-bg-color-disabled-focus: var(--color-neutral-2); --dropdown-item-text-color: var(--color-text); --dropdown-item-text-color-hover: var(--color-text); --dropdown-item-text-color-focus: var(--color-text); --dropdown-item-text-color-disabled: var(--color-text-disabled); --dropdown-item-focus-ring-color: var(--color-state); --dropdown-menu-bg-color: var(--color-background); --dropdown-menu-border-color: var(--color-neutral-5); } :root { --datatable-bg-archived: var(--color-neutral-2); --datatable-cell-header-text-color: var(--color-neutral-7); --datatable-expanded-bg-color: var(--color-neutral-1); --datatable-expanded-border-color: var(--color-neutral-5); --datatable-expanded-text-color: var(--color-neutral-7); --datatable-row-bg-color: transparent; --datatable-row-bg-color-active: var(--color-neutral-3); --datatable-row-bg-color-focus: var(--color-neutral-3); --datatable-row-bg-color-odd: var(--color-neutral-2); --datatable-row-border-color: var(--color-neutral-5); --datatable-row-first-border-color: var(--color-neutral-7); --datatable-select-everything-prompt-bg: var(--color-neutral-2); } :root { --tabs-bg-color: var(--color-neutral-3); --tabs-bg-color-selected: var(--color-neutral-1); --tabs-bg-color-disabled: var(--color-neutral-3); --tabs-bg-color-focus: var(--color-neutral-3); --tabs-selected-bar-color: var(--color-primary); --tabs-text-color: var(--color-state); --tabs-text-color-active: var(--color-state-active); --tabs-text-color-disabled: var(--color-state-disabled); --tabs-text-color-focus: var(--color-state-focus); --tabs-text-color-selected: var(--color-neutral-7); --tabs-border-color: var(--color-neutral-5); --tabs-border-color-selected: var(--color-neutral-1); --tabs-border-color-disabled: var(--color-neutral-4); } :root { --card-border-color: var(--color-neutral-5); } :root { --color-chart-doughnut-label: var(--color-neutral-7); } :root { --filter-bar-border-color: var(--color-neutral-5); --filter-search-icon-color: var(--color-neutral-6); --filter-search-clear-icon-color: var(--color-neutral-6); } :root { --tag-bg-color: var(--color-neutral-2); --tag-border-color: var(--color-neutral-5); --tag-active-color: var(--color-state); --tag-button-color: var(--color-neutral-7); } :root { --progress-value-bg-color: var(--color-secondary); --progress-value-success-bg-color: var(--color-prompt-success); --progress-container-bg-color: var(--color-neutral-4); --progress-border-color: var(--color-neutral-1); --progress-container-text-color: var(--color-neutral-7); --progress-value-text-color: var(--color-neutral-1); } :root { --collapsible-header-bg-color: var(--color-neutral-3); --collapsible-header-border-color: var(--color-neutral-3); } :root { --progresstracker-container-bg-color: var(--color-neutral-1); --progresstracker-color-pending: var(--color-neutral-6); --progresstracker-color-current: var(--color-prompt-info); --progresstracker-color-achieved: var(--color-tertiary); --progresstracker-color-complete: var(--color-prompt-warning); --progresstracker-color-ready: var(--color-neutral-6); --progresstracker-color-ready--inverse: var(--color-neutral-1); --progresstracker-color-done: var(--color-prompt-success); --progresstracker-color-done--inverse: var(--color-neutral-1); --progresstracker-color-locked: var(--color-neutral-6); --progresstracker-color-locked--inverse: var(--color-neutral-1); --progresstracker-color-optional: var(--color-neutral-6); --progresstracker-color-optional--inverse: var(--color-neutral-1); --progresstracker-color-selected: var(--color-neutral-6); --progresstracker-color-selected--inverse: var(--color-neutral-1); --progresstracker-color-invalid: var(--color-prompt-warning); --progresstracker-color-invalid--inverse: var(--color-neutral-1); --progresstracker-color-view-only: var(--color-neutral-6); --progresstracker-color-view-only--inverse: var(--color-neutral-1); --progresstracker-color-hidden: var(--color-neutral-6); --progresstracker-color-hidden--inverse: var(--color-neutral-1); } :root { --side-panel-nav-bg-color: var(--color-neutral-3); --side-panel-nav-item-bg-color: var(--color-neutral-3); --side-panel-nav-item-border-color: var(--color-neutral-3); --side-panel-nav-item-text-color: var(--color-neutral-7); --side-panel-nav-item-bg-color-focus: var(--color-neutral-4); --side-panel-nav-item-border-color-focus: var(--color-neutral-3); --side-panel-nav-item-text-color-focus: var(--color-state-focus); --side-panel-nav-item-bg-color-selected: var(--color-state-active); --side-panel-nav-item-border-color-selected: var(--color-neutral-3); --side-panel-nav-item-text-color-selected: var(--color-neutral-1); } :root { --toggle-bg-color: var(--color-neutral-6); --toggle-btn-bg-color: transparent; --toggle-btn-bg-color-active: transparent; --toggle-btn-bg-color-disabled: transparent; --toggle-btn-bg-color-hover: transparent; --toggle-btn-bg-color-selected: var(--color-neutral-1); --toggle-btn-text-color: var(--color-neutral-1); --toggle-btn-text-color-active: var(--color-neutral-1); --toggle-btn-text-color-disabled: var(--color-neutral-1); --toggle-btn-text-color-hover: var(--color-neutral-1); --toggle-btn-text-color-selected: var(--color-neutral-7); --form-toggle-dot-color: var(--color-neutral-1); --form-toggle-off-bg-color: var(--color-neutral-5); --form-toggle-off-bg-color-hover-focus: var(--color-neutral-6); --form-toggle-off-bg-color-disabled: var(--color-neutral-4); --form-toggle-on-bg-color: var(--color-state); --form-toggle-on-bg-color-hover-focus: var(--color-state-hover); --form-toggle-on-bg-color-disabled: color-mix( in srgb, var(--form-toggle-on-bg-color) 60%, transparent ); --form-toggle-on-border-color: var(--color-state); --form-toggle-on-border-color-hover-focus: var(--color-state-hover); --form-toggle-border-color: var(--color-neutral-6); --form-toggle-border-color-disabled: var(--color-neutral-5); --toggle-btn-text-color-focus: var(--color-neutral-1); --toggle-btn-bg-color-focus: transparent; } :root { --toast-color-text: var(--color-neutral-1); } :root { --shadow-none: 0 0 0 0 transparent; --shadow-2: 0 3px 6px 0 rgba(0, 0, 0, 0.2); --shadow-3: 0 6px 6px 0 rgba(0, 0, 0, 0.15); --shadow-4: 0 10px 10px 0 rgba(0, 0, 0, 0.3); --form-input-shadow-focus: none; --form-input-shadow-invalid: 0 0 0 var(--form-input-invalid-shadow-size) var(--form-input-border-color-invalid); --form-input-shadow-invalid-focus: none; --form-range-thumb-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); } :root { --sidepanel-navigation-item-padding-left: var(--gap-8); } :root { --progress-tracker-horizontal-size--small: 6.25rem; --progress-tracker-horizontal-size--medium: 12.5rem; --progress-tracker-horizontal-size--large: 15.625rem; --progress-tracker-horizontal-gap--small: var(--gap-2); --progress-tracker-horizontal-gap--medium: var(--gap-4); --progress-tracker-horizontal-gap--large: var(--gap-6); --progress-tracker-vertical-gap--small: var(--gap-2); --progress-tracker-vertical-gap--medium: var(--gap-4); --progress-tracker-vertical-gap--large: var(--gap-6); --progresstracker-full-marker-size: 1.75rem; --progresstracker-connector-gap: 0.3125rem; } :root { --form-range-height: 20px; --form-range-track-height: 10px; --form-range-thumb-size: 18px; --form-range-thumb-margin-top: calc((var(--form-range-track-height) / 2) - (var(--form-range-thumb-size) / 2)); --form-range-thumb-border-radius: 50%; } :root { --page-content-padding: calc(var(--gap-base) * 4); --page-content-padding-desktop: calc(var(--gap-base) * 4); } :root { --transition-form-function: linear; --transition-form-duration: 0s; --transition-modal-function: ease-out; --transition-modal-duration: 0.15s; --transition-sidepanel-content-function: linear; --transition-sidepanel-content-duration: 0.1s; --transition-progress-function: ease-out; --transition-progress-duration: 0.3s; --transition-button-function: ease; --transition-button-duration: 0.15s; --transition-toggle-function: ease; --transition-toggle-duration: 0.2s; } :root { --modal-container-padding: var(--gap-12); --modal-sheet-padding: var(--gap-12); --modal-border-radius: 0.75rem; --modal-content-outer-padding: var(--gap-6); --modal-content-separation: var(--gap-2); --modal-content-separation-large: var(--gap-8); } :root { --embedded-media-max-width: 700px; } :root { --form-input-height: 2.25rem; --form-input-height-large: 2.5rem; --form-input-font-size: var(--font-body-size); --form-input-font-size-sm: var(--font-body-sm-size); --form-input-font-size-lg: var(--font-body-lg-size); --form-input-line-height: var(--font-body-line-height); --form-input-border-size: 1px; --form-input-border-radius: 0.25rem; --form-input-invalid-shadow-size: 1px; --form-input-limited-width: calc(20 * var(--form-input-font-size)); --form-notepad-line-height: 1.875rem; --form-notepad-line-border: solid 1px; --input-set-spacing: var(--gap-2); --char-length-scale: 2, 3, 4, 5, 10, 15, 20, 25, 30, 50, 75, 100; --radio-label-offset: calc(var(--form-radio-size) * 1.35); --form-input-v-padding: var(--gap-2); } :root { --form-toggle-color: var(--color-neutral-7); --form-toggle-dot-size: 1rem; --form-toggle-container-width: 2.5rem; --form-toggle-container-height: 1.25rem; --form-toggle-container-radius: 0.625rem; --form-toggle-text-offset: var(--gap-2); --form-toggle-dot-offset: 0.125rem; --form-toggle-bottom: 1.125rem; --form-toggle-focus-border: var(--border-width-normal); --form-toggle-focus-gap: 0.0625rem; --form-toggle-height: calc( var(--form-toggle-container-height) + (var(--form-toggle-focus-border) * 2) ); } :root { --separator-dot-gap: 0.53em; --separator-dot-size: 0.2em; --separator-pipe-gap: 0.53em; --separator-pipe-size: 1px; } :root { --tag-height: 24px; --tag-border-radius: 12px; } :root { --zindex-sticky: 500; --zindex-floating-ui: 5000; --zindex-dropdown-menu: 10000; --zindex-modal: 100050; --zindex-modal-backdrop: 100040; --zindex-popover: 100050; --zindex-loading-page: 100060; --zindex-toast: 100070; --zindex-error-modal: 100070; --zindex-draggable: 100080; --zindex-nav-overlay: 110000; --zindex-skiplinks: 110050; } /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2020 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totaralearning.com] for more information.*/ /**/ /* @author Kevin Hottinger */ /* @module tui*/ *, *::before, *::after { box-sizing: border-box; } html { font-size: 100%; } body { color: var(--color-text); font-size: var(--font-body-size); font-family: var(--font-family); line-height: var(--font-body-line-height); background-color: var(--color-background); } .tui-root { /* container should not exist for layout purposes*/ display: contents; } .tui-sr-only { /* The use of '!important' here is an exception and should not be replicated else where */ /* stylelint-disable declaration-no-important */ position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; white-space: nowrap !important; border: 0 !important; clip: rect(0, 0, 0, 0) !important; /* stylelint-enable */ } /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2024 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totara.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tui*/ h1, .h1 { font-weight: var(--font-h1-weight); font-size: var(--font-h1-size); font-family: var(--font-h1-family); line-height: var(--font-h1-line-height); margin: var(--gap-4) 0 var(--gap-5); } h2, .h2 { font-weight: var(--font-h2-weight); font-size: var(--font-h2-size); font-family: var(--font-h2-family); line-height: var(--font-h2-line-height); margin: var(--gap-4) 0 var(--gap-5); } h3, .h3 { font-weight: var(--font-h3-weight); font-size: var(--font-h3-size); font-family: var(--font-h3-family); line-height: var(--font-h3-line-height); margin: var(--gap-4) 0 var(--gap-4); } h4, .h4 { font-weight: var(--font-h4-weight); font-size: var(--font-h4-size); font-family: var(--font-h4-family); line-height: var(--font-h4-line-height); margin: var(--gap-4) 0 var(--gap-4); } h5, .h5 { font-weight: var(--font-h5-weight); font-size: var(--font-h5-size); font-family: var(--font-h5-family); line-height: var(--font-h5-line-height); margin: var(--gap-4) 0 var(--gap-2); } h6, .h6 { font-weight: var(--font-h6-weight); font-size: var(--font-h6-size); font-family: var(--font-h6-family); line-height: var(--font-h6-line-height); margin: var(--gap-4) 0 var(--gap-2); color: var(--color-text-hint); text-transform: uppercase; } .text-h1 { font-weight: var(--font-h1-weight); font-size: var(--font-h1-size); font-family: var(--font-h1-family); line-height: var(--font-h1-line-height); } .text-h2 { font-weight: var(--font-h2-weight); font-size: var(--font-h2-size); font-family: var(--font-h2-family); line-height: var(--font-h2-line-height); } .text-h3 { font-weight: var(--font-h3-weight); font-size: var(--font-h3-size); font-family: var(--font-h3-family); line-height: var(--font-h3-line-height); } .text-h4 { font-weight: var(--font-h4-weight); font-size: var(--font-h4-size); font-family: var(--font-h4-family); line-height: var(--font-h4-line-height); } .text-h5 { font-weight: var(--font-h5-weight); font-size: var(--font-h5-size); font-family: var(--font-h5-family); line-height: var(--font-h5-line-height); } .text-h6 { font-weight: var(--font-h6-weight); font-size: var(--font-h6-size); font-family: var(--font-h6-family); line-height: var(--font-h6-line-height); } .text-display-lg { font-weight: var(--font-display-lg-weight); font-size: var(--font-display-lg-size); font-family: var(--font-display-lg-family); line-height: var(--font-display-lg-line-height); } .text-display-md { font-weight: var(--font-display-md-weight); font-size: var(--font-display-md-size); font-family: var(--font-display-md-family); line-height: var(--font-display-md-line-height); } .text-display-sm { font-weight: var(--font-display-sm-weight); font-size: var(--font-display-sm-size); font-family: var(--font-display-sm-family); line-height: var(--font-display-sm-line-height); } .text-display-xs { font-weight: var(--font-display-xs-weight); font-size: var(--font-display-xs-size); font-family: var(--font-display-xs-family); line-height: var(--font-display-xs-line-height); } .text-body-xl { font-weight: var(--font-body-xl-weight); font-size: var(--font-body-xl-size); font-family: var(--font-body-xl-family); line-height: var(--font-body-xl-line-height); } .text-body-lg { font-weight: var(--font-body-lg-weight); font-size: var(--font-body-lg-size); font-family: var(--font-body-lg-family); line-height: var(--font-body-lg-line-height); } .text-body { font-weight: var(--font-body-weight); font-size: var(--font-body-size); font-family: var(--font-body-family); line-height: var(--font-body-line-height); } .text-body-sm { font-weight: var(--font-body-sm-weight); font-size: var(--font-body-sm-size); font-family: var(--font-body-sm-family); line-height: var(--font-body-sm-line-height); } .text-body-xs { font-weight: var(--font-body-xs-weight); font-size: var(--font-body-xs-size); font-family: var(--font-body-xs-family); line-height: var(--font-body-xs-line-height); } /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2024 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totara.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tui*/ /* rendered editor content*/ .tui-rendered { font-weight: var(--font-body-weight); font-size: var(--font-body-size); font-family: var(--font-body-family); line-height: var(--font-body-line-height); word-break: break-word; } .tui-rendered__block { margin-bottom: var(--paragraph-gap); } .tui-rendered__embedContainer { max-width: var(--embedded-media-max-width); } /* This file is part of Totara Enterprise Extensions.*/ /**/ /* Copyright (C) 2024 onwards Totara Learning Solutions LTD*/ /**/ /* Totara Enterprise Extensions is provided only to Totara*/ /* Learning Solutions LTD's customers and partners, pursuant to*/ /* the terms and conditions of a separate agreement with Totara*/ /* Learning Solutions LTD or its affiliate.*/ /**/ /* If you do not have an agreement with Totara Learning Solutions*/ /* LTD, you may not access, use, modify, or distribute this software.*/ /* Please contact [licensing@totara.com] for more information.*/ /**/ /* @author Simon Chester */ /* @module tui*/ /* Color state for the icons.*/ .tui-icon--disabled { color: var(--color-neutral-2); } .tui-icon--action { color: var(--color-state); } .tui-icon--info { color: var(--color-prompt-info); } .tui-icon--alert { color: var(--color-prompt-alert); } .tui-icon--warning { color: var(--color-prompt-warning); } .tui-icon--success { color: var(--color-prompt-success); } .tui-icon--dimmed { color: var(--color-neutral-6); } .tui-adder { display: flex; flex-direction: column; flex-grow: 1; height: 31.25rem; } .tui-adder__notices { margin-bottom: var(--gap-6); } .tui-adder__tabs { flex-grow: 1; min-height: 0; } .tui-adder__tabPanel { display: flex; flex-direction: column; } .tui-adder__list { flex-grow: 1; height: 316px; overflow-y: auto; } .tui-adder__list-loading { display: flex; flex-direction: column; flex-grow: 1; min-height: 50px; } .tui-adder__list-loadMore { margin: var(--gap-4) 0 var(--gap-4); text-align: center; } .tui-adder__list::before { display: block; height: var(--gap-4); content: ""; } .tui-adder__footer { display: flex; flex-wrap: wrap; border-top: var(--border-width-normal) solid var(--color-neutral-5); } .tui-adder__footer > * { margin-top: var(--gap-6); } .tui-adder__summary { display: flex; align-items: center; font-weight: var(--label-weight); } .tui-adder__actions { display: flex; margin-left: auto; } .tui-hierarchicalParentButton { display: flex; align-items: center; padding: var(--gap-4) 0 0; } .tui-hierarchicalParentButton__backArrow { text-align: start; } @media screen and (min-width: 600px) { .tui-hierarchicalParentButton__backArrow { text-align: center; } } .tui-hierarchicalParentButton__label { margin-left: var(--gap-2); } :root { --avatar-border-radius: 50%; --avatar-large-width: 185px; --avatar-large-height: 185px; --avatar-large-padding: 5px; --avatar-medium-width: 105px; --avatar-medium-height: 105px; --avatar-medium-padding: 3px; --avatar-small-width: 50px; --avatar-small-height: 50px; --avatar-small-padding: 2px; --avatar-xsmall-width: 38px; --avatar-xsmall-height: 38px; --avatar-xsmall-padding: 1px; --avatar-xxsmall-width: 24px; --avatar-xxsmall-height: 24px; --avatar-xxsmall-padding: 1px; } .tui-avatar { border: var(--border-width-normal) solid var(--avatar-border-color); border-radius: var(--avatar-border-radius); } .tui-avatar--large { width: var(--avatar-large-width); height: var(--avatar-large-height); padding: var(--avatar-large-padding); } .tui-avatar--medium { width: var(--avatar-medium-width); height: var(--avatar-medium-height); padding: var(--avatar-medium-padding); } .tui-avatar--small { width: var(--avatar-small-width); height: var(--avatar-small-height); padding: var(--avatar-small-padding); } .tui-avatar--xsmall { width: var(--avatar-xsmall-width); height: var(--avatar-xsmall-height); padding: var(--avatar-xsmall-padding); } .tui-avatar--xxsmall { width: var(--avatar-xxsmall-width); height: var(--avatar-xxsmall-height); padding: var(--avatar-xxsmall-padding); } .tui-basket { font-weight: var(--font-body-weight); font-size: var(--font-body-size); font-family: var(--font-body-family); line-height: var(--font-body-line-height); display: flex; flex-direction: column; flex-wrap: wrap; background-color: var(--color-neutral-3); border: var(--border-width-thin) solid var(--color-neutral-5); } @media (min-width: 768px) { .tui-basket { flex-direction: row; align-items: center; justify-content: space-between; } } .tui-basket__status, .tui-basket__actions { display: flex; flex-shrink: 0; flex-wrap: wrap; align-items: center; padding: var(--gap-2) var(--gap-3); } .tui-basket__status > *, .tui-basket__actions > * { margin-top: var(--gap-2); margin-left: var(--gap-4); } @media (min-width: 600px) { .tui-basket__status > *, .tui-basket__actions > * { margin-top: 0; margin-left: 0; } .tui-basket__status > .tui-btn--variant-link, .tui-basket__actions > .tui-btn--variant-link { padding: var(--gap-1); } .tui-basket__status > * + *, .tui-basket__actions > * + * { margin-left: var(--gap-2); } .tui-basket--wideGap .tui-basket__status > * + *, .tui-basket--wideGap .tui-basket__actions > * + * { margin-left: var(--gap-4); } } .tui-basket__selected { font-weight: bold; } .tui-basket__selectedCount { font-size: calc(var(--font-size-base) / 16 * 18); } .tui-btn { /* local CSS variables*/ --tui-btn-color: var(--btn-accent-color); --tui-btn-color-hover: var(--btn-accent-color-hover); --tui-btn-color-active: var(--btn-accent-color-active); --tui-btn-color-contrast: var(--btn-accent-color-contrast); --tui-btn-shadow: none; --tui-btn-shadow-hover: var(--btn-shadow-hover); --tui-btn-shadow-active: var(--btn-shadow-active); --tui-btn-content-height: var(--btn-line-height); --tui-btn-padding-h: calc(var(--btn-padding-h) - var(--btn-border-width)); --tui-btn-padding-v: calc(var(--btn-padding-v) - var(--btn-border-width)); --tui-btn-font-size: var(--btn-font-size); --tui-btn-line-height: var(--btn-line-height); --tui-btn-min-height: calc( var(--tui-btn-line-height) + (var(--tui-btn-padding-v) + var(--btn-border-width)) * 2 ); position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: var(--tui-btn-min-height); max-width: 100%; min-height: var(--tui-btn-min-height); padding: var(--tui-btn-padding-v) var(--tui-btn-padding-h); color: var(--tui-btn-color); font-size: var(--tui-btn-font-size); line-height: var(--tui-btn-line-height); overflow-wrap: break-word; background: var(--btn-bg-color); border: var(--btn-border-width) solid; border-color: var(--tui-btn-color); border-radius: var(--btn-radius); cursor: pointer; transition: background-color var(--transition-button-duration) var(--transition-button-function), border-color var(--transition-button-duration) var(--transition-button-function), box-shadow var(--transition-button-duration) var(--transition-button-function); /* compat for old ButtonIcon "transparent" style*/ } .tui-btn:is(a) { text-decoration: none; } .tui-btn:is(a):hover, .tui-btn:is(a):focus { color: var(--tui-btn-color); } .tui-btn__wrap { display: flex; align-items: center; justify-content: center; gap: calc(var(--gap-base) * 2); } .tui-btn__content { display: flex; align-items: center; justify-content: center; } .tui-btn:focus-visible { outline: 2px solid var(--color-state-focus); outline-offset: var(--focus-outline-offset); } .tui-btn--color-danger { --tui-btn-color: var(--btn-danger-color); --tui-btn-color-hover: var(--btn-danger-color); --tui-btn-color-active: var(--btn-danger-color); --tui-btn-color-contrast: var(--btn-danger-color-contrast); } .tui-btn:hover { --tui-btn-color: var(--tui-btn-color-hover); box-shadow: var(--btn-shadow-hover); } .tui-btn:active { --tui-btn-color: var(--tui-btn-color-active); box-shadow: var(--btn-shadow-active); } .tui-btn--size-sm { --tui-btn-font-size: var(--btn-sm-font-size); --tui-btn-line-height: var(--btn-sm-line-height); --tui-btn-padding-h: calc( var(--btn-sm-padding-h) - var(--btn-border-width) ); --tui-btn-padding-v: calc( var(--btn-sm-padding-v) - var(--btn-border-width) ); border-radius: var(--btn-sm-radius); } .tui-btn--size-sm .tui-btn__wrap { gap: calc(var(--gap-base) * 1); } .tui-btn--size-xs { --tui-btn-font-size: var(--btn-xs-font-size); --tui-btn-line-height: var(--btn-xs-line-height); --tui-btn-padding-h: calc( var(--btn-xs-padding-h) - var(--btn-border-width) ); --tui-btn-padding-v: calc( var(--btn-xs-padding-v) - var(--btn-border-width) ); border-radius: var(--btn-xs-radius); } .tui-btn--size-xs .tui-btn__wrap { gap: calc(var(--gap-base) * 0.75); } .tui-btn--variant-default.tui-btn--disabled { background-color: var(--btn-bg-color-disabled); } .tui-btn--variant-primary { color: var(--tui-btn-color-contrast); background-color: var(--tui-btn-color); } .tui-btn--variant-primary:is(a):hover, .tui-btn--variant-primary:is(a):focus { color: var(--tui-btn-color-contrast); } .tui-btn--variant-stealth { background-color: transparent; border-color: transparent; box-shadow: none; } .tui-btn--variant-stealth:hover { background-color: rgba(0, 0, 0, 0.05); box-shadow: none; } .tui-btn--variant-stealth:active { background-color: rgba(0, 0, 0, 0.07); box-shadow: none; } .tui-btn--variant-stealth.tui-btn--disabled { background-color: transparent; } .tui-btn--variant-link { --tui-btn-color: var(--link-color); --tui-btn-color-hover: var(--link-color); --tui-btn-color-active: var(--link-color); --tui-btn-color-contrast: var(--color-neutral-7); --tui-btn-padding-v: 0; padding: 0; line-height: 1; background: transparent; border: none; border-radius: 0; } .tui-btn--variant-link:hover, .tui-btn--variant-link:active { box-shadow: none; } .tui-btn--legacyTransparentPadding { padding: 0 var(--gap-1); } .tui-btn--shape-pill { border-radius: var(--tui-btn-min-height); } .tui-btn--shape-circle { width: var(--tui-btn-min-height); height: var(--tui-btn-min-height); padding: var(--tui-btn-padding-v) 0; border-radius: var(--tui-btn-min-height); } .tui-btn--disabled, .tui-btn--disabled:hover, .tui-btn--disabled:active { --tui-btn-color: var(--btn-accent-color-disabled); box-shadow: none; } .tui-btn--loading .tui-btn__content, .tui-btn--loading .tui-btn__iconBefore, .tui-btn--loading .tui-btn__iconAfter { visibility: hidden; } .tui-btn__loading { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: var(--btn-loader-color-disabled); } .tui-btn__iconBefore { display: flex; align-items: center; justify-content: center; } .tui-btn__iconAfter { display: flex; align-items: center; justify-content: center; } .tui-formBtnGroup { display: flex; } .tui-formBtnGroup .tui-btn { min-width: 4rem; } .tui-formBtnGroup .tui-btn--size-sm { min-width: 3rem; } .tui-formBtnGroup > :not(:first-child) { margin: auto 0 auto var(--gap-4); } .tui-infoIconButton.tui-btn { margin: 0 0.25rem; vertical-align: -0.125em; } .tui-labelledButtonTrigger { display: inline-flex; flex-direction: column; align-items: center; } .tui-labelledButtonTrigger__label { color: var(--color-state); } .tui-labelledButtonTrigger__label:hover { text-decoration: underline; cursor: pointer; } .tui-actionCard { flex-direction: column; padding: var(--gap-4); } .tui-actionCard__body { display: flex; flex-grow: 1; flex-shrink: 1; flex-wrap: wrap; align-items: center; } .tui-actionCard__action { display: flex; flex-shrink: 0; align-items: normal; padding: var(--gap-4) 0 0; } .tui-actionCard--noPadding { padding: 0; } .tui-actionCard--noWrap { flex-direction: row; } .tui-actionCard--noWrap .tui-actionCard__action { flex-direction: row; padding: 0; } .tui-actionCard--shaded { background: var(--color-neutral-3); } @media screen and (min-width: 768px) { .tui-actionCard { flex-direction: row; } .tui-actionCard--stacked { flex-direction: column; } .tui-actionCard:not(.tui-actionCard--stacked) .tui-actionCard__action { align-items: center; padding: 0 0 0 var(--gap-4); } } .tui-card { position: relative; display: flex; border: 1px solid var(--card-border-color); border-radius: var(--card-border-radius); outline: none; } .tui-card__link { position: absolute; width: 100%; height: 100%; } .tui-card--noBorder { border: none; } .tui-card--noBorder:focus, .tui-card--noBorder:hover { border: none; } .tui-card--hasHoverShadow:focus, .tui-card--hasHoverShadow:hover { box-shadow: var(--shadow-2); } .tui-card--hasShadow { box-shadow: var(--shadow-2); } .tui-card--clickable { transition: box-shadow var(--transition-form-function) var(--transition-form-duration); } .tui-card--clickable.tui-focusWithin { box-shadow: var(--shadow-2); } .tui-card--clickable:hover { box-shadow: var(--shadow-2); cursor: pointer; } .tui-card--clickable:focus { outline: 2px solid var(--color-state-focus); outline-offset: var(--focus-outline-offset); } .tui-cardScroller { display: flex; flex-direction: column; } .tui-cardScroller__titleRow { display: flex; gap: var(--gap-2); align-items: flex-end; justify-content: space-between; padding-bottom: var(--gap-3); border-bottom: var(--border-width-normal) solid var(--color-neutral-4); } .tui-cardScroller__title { font-weight: var(--font-h3-weight); font-size: var(--font-h3-size); font-family: var(--font-h3-family); line-height: var(--font-h3-line-height); display: flex; gap: 0.375rem; align-items: center; padding-bottom: var(--gap-1); color: inherit; font-weight: 500; overflow-wrap: anywhere; /* Dity trick to override the block header styling*/ /**/ /* TODO: A better solution is to remove the ".block .content h2" styles from blocks.scss assuming they're not needed*/ /* This would require a thorough test of all the blocks to make sure it's safe to remove those*/ } .tui-cardScroller__title:hover, .tui-cardScroller__title:focus { color: inherit; } .tui-cardScroller__title:focus-visible { outline: 2px solid var(--color-state-focus); outline-offset: var(--focus-outline-offset); } .tui-cardScroller__title-header.tui-cardScroller__title-header.tui-cardScroller__title-header { margin: 0; font-size: var(--font-h3-size); } .tui-cardScroller__titleIcon { flex-shrink: 0; margin-top: 0.2em; font-size: calc(var(--font-size-base) / 16 * 12); transition: transform var(--transition-button-duration) var(--transition-button-function); } .tui-cardScroller__title:hover .tui-cardScroller__titleIcon { transform: translateX(0.1875rem); } .tui-cardScroller__titleControls { flex-shrink: 0; } .tui-cardScroller__navButton-icon { color: var(--color-text); } .tui-cardScroller__navButton-icon--disabled { color: var(--color-state-disabled); } .tui-cardScroller__cardsBox { padding-top: var(--gap-4); } .tui-cardScroller--variant-boxed .tui-cardScroller__cardsBox { padding: calc(var(--gap-1) * 5.5); background: var(--color-neutral-3); border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .tui-cardScroller__cardsContainer:has(.tui-cardScroller__cards--transition-enter-active, .tui-cardScroller__cards--transition-leave-active) { position: relative; /* temporarily expand bounds while we're applying hidden overflow to avoid cutting off shadow*/ margin: calc(var(--gap-4) * -1); padding: var(--gap-4); overflow: hidden; } .tui-cardScroller__cards { position: relative; display: flex; flex-direction: row; gap: var(--gap-4); } .tui-cardScroller__cards--transition-enter-active, .tui-cardScroller__cards--transition-leave-active { transition: all 0.15s cubic-bezier(0, 0.1, 0, 1); } @media (prefers-reduced-motion) { .tui-cardScroller__cards--transition-enter-active, .tui-cardScroller__cards--transition-leave-active { transition: none; } } .tui-cardScroller__cards--transition-enter-from { transform: translateX(calc(100% + var(--gap-6))); } .tui-cardScroller__cards--transition-leave-to { transform: translateX(calc(-100% - var(--gap-6))); } .tui-cardScroller__cards--transition-leave-active { position: absolute; } .tui-cardScroller__cards > * { flex-basis: 0; } .tui-cardScroller--dir-back .tui-cardScroller__cards--transition-enter-from { transform: translateX(-100%); } .tui-cardScroller--dir-back .tui-cardScroller__cards--transition-leave-to { transform: translateX(100%); } .tui-cardScroller__cards--measurer { overflow-x: hidden; } .tui-cardScroller--expandToFill .tui-cardScroller__cards--display > * { flex-grow: 1; } .tui-cardScroller__cards-loading { display: flex; flex: 1; align-items: center; justify-content: center; min-height: 6.25rem; } .tui-expandingCard { display: flex; flex-direction: column; } .tui-expandingCard:focus { border-radius: var(--card-border-radius); outline: 2px solid var(--color-state-focus); outline-offset: var(--focus-outline-offset); } .tui-expandingCard__top-clickable-area--clickable { cursor: pointer; } .tui-expandingCard__top-section { margin: calc(var(--gap-base) * 4) calc(var(--gap-base) * 5) calc(var(--gap-base) * 2) calc(var(--gap-base) * 5); } .tui-expandingCard__header { display: flex; gap: calc(var(--gap-base) * 2); align-items: center; justify-content: space-between; } .tui-expandingCard__header-text { position: relative; } .tui-expandingCard__header-text--collapsed { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .tui-expandingCard__header-actions { display: flex; gap: calc(var(--gap-base) * 2); align-items: center; } .tui-expandingCard__header-actions__item { display: flex; align-items: center; padding: calc(var(--gap-base) * 1); background: var(--color-neutral-3); border: 0; border-radius: 1.25rem; } .tui-expandingCard__header-actions__item-icon { color: var(--color-neutral-7); font-weight: var(--font-body-sm-weight); font-size: var(--font-body-sm-size); font-family: var(--font-body-sm-family); line-height: var(--font-body-sm-line-height); } .tui-expandingCard__header__status { margin-top: calc(var(--gap-base) * 0.5); } .tui-expandingCard__body-section { margin: 0 calc(var(--gap-base) * 4) calc(var(--gap-base) * 4) calc(var(--gap-base) * 5); cursor: default; } .tui-expandingCard__description--collapsed { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .tui-expandingCard__content--collapsed { display: none; } .tui-learningCard { --tui-learningCard-background-gradient: linear-gradient( 180deg, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.4) 40%, var(--color-neutral-7) 80% ); position: relative; display: flex; flex-direction: column; margin: calc((var(--gap-1) * 1.5) * -1); padding: calc(var(--gap-1) * 1.5); overflow-wrap: break-word; border-radius: calc(var(--card-border-radius) * 2); outline: none; isolation: isolate; transition: box-shadow 0.3s ease-in-out; } @media (hover: none) { .tui-learningCard .tui-learningCard__actionWrapper { padding-bottom: var(--gap-1); padding-left: var(--gap-1); opacity: 1; } } .tui-learningCard:hover { z-index: 1; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15); } .tui-learningCard:hover .tui-learningCard__actionWrapper, .tui-learningCard:focus-within .tui-learningCard__actionWrapper { padding-bottom: var(--gap-1); padding-left: var(--gap-1); opacity: 1; } .tui-learningCard--variant-hero .tui-learningCard__image { border-radius: var(--card-border-radius); } .tui-learningCard--variant-grey-body .tui-learningCard__image { border-top-left-radius: var(--card-border-radius); border-top-right-radius: var(--card-border-radius); } .tui-learningCard--variant-grey-body .tui-learningCard__body { border-bottom-right-radius: var(--card-border-radius); border-bottom-left-radius: var(--card-border-radius); background: var(--color-neutral-2); } .tui-learningCard--variant-background .tui-learningCard__image { border-radius: var(--card-border-radius); } .tui-learningCard--variant-background .tui-learningCard__body { color: var(--color-neutral-1); } .tui-learningCard--variant-background .tui-learningCard__footer { border-bottom-right-radius: var(--card-border-radius); border-bottom-left-radius: var(--card-border-radius); color: var(--color-neutral-1); background: var(--color-neutral-7); } .tui-learningCard__popFront { position: relative; z-index: 2; } .tui-learningCard__link { position: absolute; inset: 0; z-index: 1; border-radius: var(--card-border-radius); } .tui-learningCard__link:focus-visible { outline: 2px solid var(--color-state-focus); outline-offset: var(--focus-outline-offset); outline-offset: var(--gap-2); } .tui-learningCard--size-sm { min-height: 12.5rem; } .tui-learningCard--size-default { min-height: 19.5rem; } .tui-learningCard__background { display: flex; flex-direction: column; flex-grow: 1; width: 100%; height: 100%; color: inherit; border-radius: var(--card-border-radius); background-repeat: no-repeat; background-position: center; background-size: cover; } .tui-learningCard__background--default { background-color: var(--color-neutral-2); } .tui-learningCard__mediaContainer { position: relative; } .tui-learningCard__mediaContainer--aspect-ratio { aspect-ratio: 1.7777777778; } .tui-learningCard__image { display: flex; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .tui-learningCard__image--background-default { background-color: var(--color-primary); } .tui-learningCard__overlayWrapper { display: flex; flex-direction: column; width: 100%; } .tui-learningCard__mediaOverlayTop { display: flex; align-items: center; justify-content: flex-start; min-height: 3.5rem; padding: var(--gap-3); } .tui-learningCard__heroContainer { display: flex; min-width: 3.625rem; margin-right: var(--gap-4); } .tui-learningCard__heroIconWrapper { margin-right: var(--gap-1); } .tui-learningCard__heroLabelWrapper { display: flex; align-items: center; height: 1.25rem; padding: var(--gap-2); overflow: hidden; color: var(--color-neutral-1); background-color: var(--color-neutral-7); border-radius: 1.25rem; font-weight: var(--font-body-sm-weight); font-size: var(--font-body-sm-size); font-family: var(--font-body-sm-family); line-height: var(--font-body-sm-line-height); } .tui-learningCard__hero-label { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: var(--font-body-sm-weight); font-size: var(--font-body-sm-size); font-family: var(--font-body-sm-family); line-height: var(--font-body-sm-line-height); } .tui-learningCard__actionContainer { display: flex; margin-left: auto; } .tui-learningCard__actionWrapper { opacity: 0; } .tui-learningCard__actionWrapper--persistent { padding-bottom: var(--gap-1); padding-left: var(--gap-1); opacity: 1; } .tui-learningCard__action-trigger, .tui-learningCard__action-item { position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; padding: calc(var(--gap-1) * 1.5); color: var(--color-neutral-7); background: var(--color-neutral-2); border: 0; border-radius: 1.25rem; } .tui-learningCard__action-trigger:hover, .tui-learningCard__action-item:hover { color: var(--color-state-hover); background: var(--color-neutral-1); box-shadow: var(--btn-shadow-hover); } .tui-learningCard__action-trigger--persistent, .tui-learningCard__action-item--persistent { display: flex; } .tui-learningCard__mediaOverlayCentre { display: flex; flex-basis: 100%; padding: var(--gap-3); } .tui-learningCard__mediaOverlayBottom { margin-top: auto; padding: var(--gap-3); } .tui-learningCard__body, .tui-learningCard__footer { padding: var(--gap-3); } .tui-learningCard__title { display: -webkit-box; margin: 0 0 var(--gap-1) 0; overflow: hidden; font-weight: 501; font-size: calc(var(--font-size-base) / 16 * 16); line-height: calc(var(--line-height-base) / 16 * 24); -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; } .tui-learningCard__body { display: flex; flex-direction: column; flex-grow: 1; } .tui-statsCard { display: block; container-type: inline-size; } .tui-statsCard__wrapper { padding: calc(var(--gap-base) * 3); word-break: break-word; } @container (max-width: 20rem) { .tui-statsCard__wrapper { padding-top: calc(var(--gap-base) * 2); padding-bottom: calc(var(--gap-base) * 2); } } .tui-statsCard__header { display: flex; gap: calc(var(--gap-base) * 1); justify-content: space-between; } .tui-statsCard__header-label { color: var(--color-neutral-6); } @container (max-width: 20rem) { .tui-statsCard__header-label { font-weight: var(--font-body-sm-weight); font-size: var(--font-body-sm-size); font-family: var(--font-body-sm-family); line-height: var(--font-body-sm-line-height); color: var(--color-neutral-6); } } .tui-statsCard__header-icon { font-size: 1rem; } @container (max-width: 20rem) { .tui-statsCard__header-icon { font-size: 0.875rem; } } .tui-statsCard__body { display: flex; gap: calc(var(--gap-base) * 1); align-items: baseline; justify-content: space-between; } .tui-statsCard__body-value { font-weight: var(--font-display-xs-weight); font-size: var(--font-display-xs-size); font-family: var(--font-display-xs-family); line-height: var(--font-display-xs-line-height); } @container (max-width: 20rem) { .tui-statsCard__body-value { font-weight: var(--font-body-lg-weight); font-size: var(--font-body-lg-size); font-family: var(--font-body-lg-family); line-height: var(--font-body-lg-line-height); color: var(--color-neutral-7); } } .tui-statsCard__body-subvalue { font-weight: var(--font-body-weight); font-size: var(--font-body-size); font-family: var(--font-body-family); line-height: var(--font-body-line-height); } @container (max-width: 20rem) { .tui-statsCard__body-subvalue { display: none; } } .tui-statsCard__body-action-icon-wrapper { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; color: var(--color-neutral-1); background-color: var(--color-state); border-radius: 50%; } @container (max-width: 20rem) { .tui-statsCard__body-action-icon-wrapper { width: 16px; height: 16px; font-size: 0.6rem; } } .tui-statsCard:hover .tui-statsCard__body-action-icon-wrapper { background-color: var(--color-state-hover); } .tui-collapsible__header { display: flex; background: var(--collapsible-header-bg-color); border: var(--border-width-thin) solid var(--collapsible-header-border-color); } .tui-collapsible__header-heading { display: flex; flex-grow: 1; margin: 0; } .tui-collapsible__header-button { display: flex; flex-grow: 1; margin: 0; padding: var(--gap-2) var(--gap-2) var(--gap-2) 0; overflow-wrap: break-word; cursor: pointer; -webkit-user-select: none; user-select: none; } .tui-collapsible__header-button--excludeHeaderPadding { padding: 0; } .tui-collapsible__header-button:not(.tui-collapsible__header-button--hideFocus):focus-visible { outline: 2px solid var(--color-state-focus); outline-offset: var(--focus-outline-offset); } .tui-collapsible__header-icon { flex-shrink: 0; margin: 0 var(--gap-4); margin-top: calc((var(--font-h4-line-height) - 0.875rem) / 2); color: var(--color-state); font-size: 0.875rem; } .tui-collapsible__header-text { font-weight: var(--font-h4-weight); font-size: var(--font-h4-size); font-family: var(--font-h4-family); line-height: var(--font-h4-line-height); position: relative; margin: 0; } .tui-collapsible__header-sideContent { display: flex; flex-shrink: 0; padding: var(--gap-2); } .tui-collapsible__content { /* line up with text of header*/ } .tui-collapsible__content > .tui-formRowStack { margin-top: var(--gap-4); } .tui-collapsible__content--indented { padding-left: var(--gap-12); } .tui-collapsible--minimal .tui-collapsible__header { background: transparent; border-color: transparent; } .tui-collapsible--largePadding .tui-collapsible__header-button { padding: var(--gap-5) var(--gap-2) var(--gap-5) var(--gap-1); } .tui-collapsible--largePadding .tui-collapsible__header-sideContent { padding: var(--gap-2) var(--gap-4); } .tui-collapsible--largePadding .tui-collapsible__content { padding: var(--gap-3); padding-top: 0; } .tui-collapsible--largePadding .tui-collapsible__content--indented { padding-left: calc(var(--gap-12) + var(--gap-1)); } .tui-collapsibleGroupToggle { display: flex; } .tui-collapsibleGroupToggle--alignEnd .tui-collapsibleGroupToggle__button { margin-left: auto; } .tui-hideShow { display: flex; flex-direction: column; background: var(--color-neutral-1); } .tui-hideShow__content { display: none; } .tui-hideShow__content--show { display: block; outline: none; } .tui-hideShow__toggle { display: flex; padding: var(--gap-2) 0; } .tui-hideShow__toggle--narrowTrigger { padding: 0; } .tui-hideShow__toggle--sticky { position: sticky; top: 0; z-index: 1; background: inherit; } @media screen and (min-width: 768px) { .tui-hideShow--mobile > .tui-hideShow__toggle { display: none; } .tui-hideShow--mobile > .tui-hideShow__content { display: block; } } :root { --advanced-select-dropdown-trigger-width: 44px; --advanced-select-dropdown-trigger-width-large: 52px; --advanced-select-dropdown-trigger-height: 28px; --advanced-select-dropdown-trigger-height-large: 34px; --advanced-select-border-radius: var(--border-radius-small); --advanced-select-outline-width: var(--border-width-normal); --advanced-select-caret-top-offset: 1px; --advanced-select-caret-left-offset: calc(var(--gap-1) * -1); --advanced-select-caret-color: var(--color-neutral-7); --advanced-select-caret-icon-margin-left-stacked: 25px; --advanced-select-caret-left-stacked: -30px; --advanced-select-checkbox-padding-top: 6px; --advanced-select-checkbox-padding-bottom: 6px; --advanced-select-checkbox-padding-left: 5px; } .tui-advancedTableSelect__dropdownTrigger { display: flex; width: var(--advanced-select-dropdown-trigger-width); height: var(--advanced-select-dropdown-trigger-height); margin-right: var(--gap-1); /* Grey background*/ /* The green focus outline*/ } .tui-advancedTableSelect__dropdownTrigger--large { width: var(--advanced-select-dropdown-trigger-width-large); height: var(--advanced-select-dropdown-trigger-height-large); } .tui-advancedTableSelect__dropdownTrigger-checkbox { padding: var(--advanced-select-checkbox-padding-top) 0 var(--advanced-select-checkbox-padding-bottom) var(--advanced-select-checkbox-padding-left); } .tui-advancedTableSelect__dropdownTrigger-button { top: var(--advanced-select-caret-top-offset); left: var(--advanced-select-caret-left-offset); outline: none; } .tui-advancedTableSelect__dropdownTrigger-button:focus, .tui-advancedTableSelect__dropdownTrigger-button:hover, .tui-advancedTableSelect__dropdownTrigger-button:active, .tui-advancedTableSelect__dropdownTrigger-button:active:hover, .tui-advancedTableSelect__dropdownTrigger-button:active:focus { outline: none; } .tui-advancedTableSelect__dropdownTrigger-button-icon { color: var(--advanced-select-caret-color); } .tui-advancedTableSelect__dropdownTrigger-button-icon--stacked { margin-left: var(--advanced-select-caret-icon-margin-left-stacked); } .tui-advancedTableSelect__dropdownTrigger-button--stacked { left: var(--advanced-select-caret-left-stacked); } .tui-advancedTableSelect__dropdownTrigger:focus, .tui-advancedTableSelect__dropdownTrigger:active, .tui-advancedTableSelect__dropdownTrigger:hover, .tui-advancedTableSelect__dropdownTrigger--isOpen { background: var(--color-neutral-4); border-radius: var(--advanced-select-border-radius); } .tui-advancedTableSelect__dropdownTrigger:focus, .tui-advancedTableSelect__dropdownTrigger:active { outline: var(--advanced-select-outline-width) solid var(--color-state-focus); outline-offset: var(--advanced-select-outline-width); } .tui-advancedTableSelect__loader { width: var(--form-checkbox-size); height: var(--form-checkbox-size); margin-right: var(--gap-5); margin-left: var(--gap-1); } .tui-advancedTableSelect__loader--large { width: var(--form-checkbox-size-large); height: var(--form-checkbox-size-large); } .tui-dataTableCell, .tui-dataTableHeaderCell { display: flex; flex-basis: 0; flex-direction: column; flex-grow: 1; /* ensure excessively long words don't push out cell width */ min-width: 0; /* ensure excessively long words don't overflow */ word-wrap: break-word; } .tui-dataTableCell__label { font-weight: var(--label-weight); font-size: var(--font-body-sm-size); font-family: var(--font-body-sm-family); line-height: var(--font-body-sm-line-height); display: none; margin-top: var(--gap-2); padding: var(--gap-1) 0 var(--gap-2); } .tui-dataTableCell--stacked .tui-dataTableCell__label { display: inline-block; } .tui-dataTableCell--repeatedHeader .tui-dataTableCell__content { /* The use of '!important' here is an exception and should not be replicated else where */ /* stylelint-disable declaration-no-important */ position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; white-space: nowrap !important; border: 0 !important; clip: rect(0, 0, 0, 0) !important; /* stylelint-enable */ } .tui-dataTableCell--size_1 { flex-grow: 1; } .tui-dataTableCell--size_2 { flex-grow: 2; } .tui-dataTableCell--size_3 { flex-grow: 3; } .tui-dataTableCell--size_4 { flex-grow: 4; } .tui-dataTableCell--size_5 { flex-grow: 5; } .tui-dataTableCell--size_6 { flex-grow: 6; } .tui-dataTableCell--size_7 { flex-grow: 7; } .tui-dataTableCell--size_8 { flex-grow: 8; } .tui-dataTableCell--size_9 { flex-grow: 9; } .tui-dataTableCell--size_10 { flex-grow: 10; } .tui-dataTableCell--size_11 { flex-grow: 11; } .tui-dataTableCell--size_12 { flex-grow: 12; } .tui-dataTableCell--size_13 { flex-grow: 13; } .tui-dataTableCell--size_14 { flex-grow: 14; } .tui-dataTableCell--size_15 { flex-grow: 15; } .tui-dataTableCell--size_16 { flex-grow: 16; } .tui-dataTableCell--align-center { align-items: center; } .tui-dataTableCell--align-end { align-items: flex-end; } .tui-dataTableCell--heavy { font-weight: bold; } .tui-dataTableCell--valign-center { justify-content: center; } .tui-dataTableCell--valign-end { justify-content: flex-end; } .tui-dataTableCell--stacked { flex-basis: auto; align-items: initial; } .tui-dataTableExpandCell { display: flex; order: 0; width: var(--gap-9); margin: 0; } .tui-dataTableExpandCell .tui-btn { margin: 0 auto; } .tui-dataTableExpandCell.tui-dataTableExpandCell--header { margin-left: 0; } .tui-dataTableExpandCell--stacked { order: 1; width: 100%; margin: var(--gap-2) 0; } .tui-dataTableExpandableRow { position: relative; margin: 0 0 var(--gap-2) calc(0px - var(--border-width-thin)); color: var(--datatable-expanded-text-color); background: var(--datatable-expanded-bg-color); border: var(--border-width-thin) solid var(--datatable-expanded-border-color); border-top: none; box-shadow: var(--shadow-2); } .tui-dataTableExpandableRow--stealth { border: none; box-shadow: none; } .tui-dataTableExpandableRow--stealth__content { padding: 0; } .tui-dataTableExpandableRow__content { padding: var(--gap-3); background: var(--datatable-expanded-bg-color); } .tui-dataTableExpandableRow--indented { padding-left: var(--gap-11); } .tui-dataTableExpandableRow--stacked { border-top: none; } .tui-dataTableExpandableRow--stacked.tui-dataTableExpandableRow--indented { padding-left: 0; } .tui-dataTableExpandableRow--indented .tui-dataTableExpandableRow__content { padding: var(--gap-3) 0 var(--gap-3) var(--gap-3); } .tui-dataTableHeaderCell { /* stylelint-disable-next-line tui/at-extend-only-placeholders*/ display: flex; color: var(--datatable-cell-header-text-color); font-weight: bold; } .tui-dataTableHeaderCell--stacked { display: none; } .tui-dataTableRowHeader { position: relative; display: flex; flex-direction: row; align-items: center; padding: var(--gap-3) var(--gap-1); } .tui-dataTableRowHeader--stacked { display: block; padding: 0; } .tui-dataTableRowHeader--stacked.tui-dataTableRowHeader--advancedSelectEnabled { padding: var(--gap-2) 0; } .tui-dataTableRowHeader--stackedGap { margin-top: var(--gap-2); } .tui-dataTableRowHeader--thin { padding: 0 var(--gap-1) var(--gap-2); } .tui-dataTableRowHeader--empty { display: none; } .tui-dataTableRowHeader > * + * { margin-left: var(--gap-4); } .tui-dataTableRowHeader--indented { padding-left: var(--gap-11); } .tui-dataTableRow { position: relative; display: flex; flex-direction: row; padding: var(--gap-3) var(--gap-1); background: var(--datatable-row-bg-color); border-top: 1px solid var(--datatable-row-border-color); /* don't show hover background when another item is being dragged over it*/ } .tui-dataTableRow > * + * { padding-left: var(--gap-4); } .tui-dataTableRow:first-child { border-top: var(--border-width-normal) solid var(--datatable-row-first-border-color); } .tui-dataTableRow:last-child { border-bottom: 1px solid var(--datatable-row-border-color); } .tui-dataTableRow.tui-focusWithin, .tui-dataTableRow:active, .tui-dataTableRow:hover { background: var(--datatable-row-bg-color-focus); } .tui-dataTableRow--indented { padding-left: var(--gap-11); } .tui-dataTableRow--stealth { box-shadow: none; } .tui-dataTableRow--borderTopFirstOff:first-child { border-top: none; } .tui-dataTableRow--borderTopThin:first-child { border-top-width: var(--border-width-thin); } .tui-dataTableRow--borderBottomLastOff:last-child { border-bottom: none; } .tui-dataTableRow--borderSeparatorOff:not(:first-child) { border-top: none; } .tui-dataTableRow--selected { background: var(--datatable-row-bg-color-active); } .tui-dataTableRow--selected:hover { background: var(--datatable-row-bg-color-focus); } .tui-dataTableRow--colorOdd:not(.tui-dataTableRow--selected):nth-child(odd) { background: var(--datatable-row-bg-color-odd); } .tui-dataTableRow--colorOdd:not(.tui-dataTableRow--selected):nth-child(odd).tui-focusWithin, .tui-dataTableRow--colorOdd:not(.tui-dataTableRow--selected):nth-child(odd):hover { background: var(--datatable-row-bg-color-focus); } .tui-dataTableRow--hoverOff.tui-focusWithin, .tui-dataTableRow--hoverOff:active, .tui-dataTableRow--hoverOff:hover { background: var(--datatable-row-bg-color); } .tui-dataTableRow--hoverOff.tui-dataTableRow--colorOdd:nth-child(odd).tui-focusWithin, .tui-dataTableRow--hoverOff.tui-dataTableRow--colorOdd:nth-child(odd):hover { background: var(--datatable-row-bg-color-odd); } .tui-dataTableRow--inGroup { border-top: none; } .tui-dataTableRow--inGroup:first-child { border-top: none; } .tui-dataTableRow--inGroup:last-child { border-bottom: none; } .tui-dataTableRow--disabled { color: var(--color-neutral-6); } [data-tui-droppable-any-active] .tui-dataTableRow:hover { background: var(--datatable-row-bg-color); } .tui-dataTableRow--draggable { /* apply a background so you don't see through the row when dragging*/ /* (default is transparent)*/ background: var(--color-background); -webkit-user-select: none; user-select: none; } .tui-dataTableRow--draggable.tui-focusWithin, .tui-dataTableRow--draggable:active, .tui-dataTableRow--draggable:hover { background: var(--color-background); } .tui-dataTableRow--draggable > .tui-dataTableCell, .tui-dataTableRow--draggable > .tui-dataTableHeaderCell { pointer-events: none; } .tui-dataTableRow--dragging { box-shadow: var(--shadow-3); } .tui-dataTableRow--expanded { margin-left: calc(0px - var(--border-width-thin)); background-color: var(--datatable-expanded-bg-color); border: var(--border-width-thin) solid var(--datatable-expanded-border-color); border-bottom: none; box-shadow: var(--shadow-2); } .tui-dataTableRow--stealthExpanded { border-right: none; border-left: none; box-shadow: none; } .tui-dataTableRow--stacked { flex-direction: column; padding: var(--gap-3) 0; } .tui-dataTableRow--stacked > * + * { padding-left: 0; } .tui-dataTableRow--stacked:first-child { border-top: var(--border-width-normal) solid var(--datatable-row-first-border-color); } .tui-dataTableRow--stacked:last-child { border-bottom: 1px solid var(--datatable-row-border-color); } .tui-dataTableRow--stacked.tui-dataTableRow--borderBottomLastOff:last-child { border-bottom: none; } .tui-dataTableRow--stacked.tui-dataTableRow--borderTopThin:first-child { border-top-width: var(--border-width-thin); } .tui-dataTableRow--stacked.tui-dataTableRow--borderTopFirstOff:first-child { border-top: none; } .tui-dataTableRow--stacked.tui-dataTableRow--inGroup { border-top: 1px solid var(--datatable-row-border-color); } .tui-dataTableRow--stacked.tui-dataTableRow--inGroup:first-child { border-top: none; } .tui-dataTableRow--stacked.tui-dataTableRow--inGroup:last-child { border-bottom: none; } .tui-dataTableRow--stacked.tui-dataTableRow--inGroup:nth-child(odd) { background: none; } .tui-dataTableRow--stacked.tui-dataTableRow--inGroup:hover { background: none; } .tui-dataTableRowGroup { padding: 0; border-top: 2px solid var(--datatable-row-first-border-color); } .tui-dataTableRowGroup--stacked { padding: 0 var(--gap-2); } .tui-dataTableRowGroup + .tui-dataTableRowGroup { border-top: 1px solid var(--datatable-row-border-color); } .tui-dataTableRowGroup:last-child { border-bottom: 1px solid var(--datatable-row-border-color); } .tui-dataTableRowGroup.tui-focusWithin, .tui-dataTableRowGroup:active, .tui-dataTableRowGroup:hover { background: var(--datatable-row-bg-color-focus); } .tui-dataTableRowGroup--selected { background: var(--datatable-row-bg-color-active); } .tui-dataTableRowGroup--selected:hover { background: var(--datatable-row-bg-color-focus); } .tui-dataTableSelectEveryRowToggle { padding: var(--gap-2); background-color: var(--datatable-select-everything-prompt-bg); } .tui-dataTableSelectRowCell { display: flex; flex-direction: column; } .tui-dataTableSelectRowCell--advancedSelectEnabled { padding-right: var(--gap-5); padding-left: calc(var(--gap-1) + 1px); } .tui-dataTableSelectRowCell--hidden { visibility: hidden; } .tui-dataTableSelectRowCell__loader { width: var(--form-checkbox-size); height: var(--form-checkbox-size); } .tui-dataTableSelectRowCell__loader--large { width: var(--form-checkbox-size-large); height: var(--form-checkbox-size-large); } .tui-dataTableSelectRowCell--stacked.tui-dataTableSelectRowCell--hidden { height: 0; } .tui-dataTableSelectRowCell--valign-start { justify-content: flex-start; } .tui-dataTableSelectRowCell--valign-center { justify-content: center; } .tui-dataTableSelectRowCell--valign-end { justify-content: flex-end; } .tui-dataTableSelectVisibleRowsCell { display: flex; } .tui-dataTableSelectVisibleRowsCell--hidden { visibility: hidden; } .tui-dataTableSelectVisibleRowsCell__loader { width: var(--form-checkbox-size); height: var(--form-checkbox-size); } .tui-dataTableSelectVisibleRowsCell__loader--large { width: var(--form-checkbox-size-large); height: var(--form-checkbox-size-large); } .tui-dataTableSelectVisibleRowsCell--stacked { margin: var(--gap-2) 0; } .tui-dataTableSelectVisibleRowsCell__label { font-weight: var(--label-weight); font-size: var(--font-body-sm-size); font-family: var(--font-body-sm-family); line-height: var(--font-body-sm-line-height); display: none; padding: 0 0 var(--gap-1) var(--gap-1); } .tui-dataTableSelectVisibleRowsCell__label--stacked { display: inline-block; } .tui-dataTableSelectVisibleRowsCell__label--large { padding: var(--gap-1) 0 var(--gap-1) var(--gap-2); } .tui-dataTable--archived { background: var(--datatable-bg-archived); } .tui-dataTable__row-move-cell { flex-basis: var(--gap-5); flex-grow: 0; } .tui-dataTable__row-move-menu { position: absolute; top: 0; left: var(--gap-8); background: var(--color-background); } .tui-andBox { /* stylelint-disable-next-line tui/at-extend-only-placeholders*/ } .tui-andBox__text { /* stylelint-disable-next-line tui/at-extend-only-placeholders*/ } .tui-arrow { position: absolute; pointer-events: none; } .tui-arrow--normal.tui-arrow--top, .tui-arrow--normal.tui-arrow--bottom { /*!rtl:ignore*/ left: 50%; width: 20px; height: 20px; /*!rtl:ignore*/ margin-left: -10px; } .tui-arrow--normal.tui-arrow--top { top: -20px; } .tui-arrow--normal.tui-arrow--bottom { bottom: -20px; } .tui-arrow--normal.tui-arrow--left, .tui-arrow--normal.tui-arrow--right { top: 50%; width: 20px; height: 20px; margin-top: -10px; } .tui-arrow--normal.tui-arrow--left { left: -20px; } .tui-arrow--normal.tui-arrow--right { right: -20px; } .tui-arrow--normal.tui-arrow::before { position: absolute; display: block; border: 10px solid transparent; content: ""; } .tui-arrow--normal.tui-arrow--top::before { top: 0; left: 0; } .tui-arrow--normal.tui-arrow--bottom::before { bottom: 0; left: 0; } .tui-arrow--normal.tui-arrow--left::before { top: 0; left: 0; } .tui-arrow--normal.tui-arrow--right::before { top: 0; right: 0; } .tui-arrow--normal.tui-arrow::after { position: absolute; display: block; border: 8px solid transparent; content: ""; } .tui-arrow--normal.tui-arrow--top::after { top: 4px; left: 2px; } .tui-arrow--normal.tui-arrow--bottom::after { bottom: 4px; left: 2px; } .tui-arrow--normal.tui-arrow--left::after { top: 2px; left: 4px; } .tui-arrow--normal.tui-arrow--right::after { top: 2px; right: 4px; } .tui-arrow--large.tui-arrow--top, .tui-arrow--large.tui-arrow--bottom { /*!rtl:ignore*/ left: 50%; width: 28px; height: 28px; /*!rtl:ignore*/ margin-left: -14px; } .tui-arrow--large.tui-arrow--top { top: -28px; } .tui-arrow--large.tui-arrow--bottom { bottom: -28px; } .tui-arrow--large.tui-arrow--left, .tui-arrow--large.tui-arrow--right { top: 50%; width: 28px; height: 28px; margin-top: -14px; } .tui-arrow--large.tui-arrow--left { left: -28px; } .tui-arrow--large.tui-arrow--right { right: -28px; } .tui-arrow--large.tui-arrow::before { position: absolute; display: block; border: 14px solid transparent; content: ""; } .tui-arrow--large.tui-arrow--top::before { top: 0; left: 0; } .tui-arrow--large.tui-arrow--bottom::before { bottom: 0; left: 0; } .tui-arrow--large.tui-arrow--left::before { top: 0; left: 0; } .tui-arrow--large.tui-arrow--right::before { top: 0; right: 0; } .tui-arrow--large.tui-arrow::after { position: absolute; display: block; border: 12px solid transparent; content: ""; } .tui-arrow--large.tui-arrow--top::after { top: 4px; left: 2px; } .tui-arrow--large.tui-arrow--bottom::after { bottom: 4px; left: 2px; } .tui-arrow--large.tui-arrow--left::after { top: 2px; left: 4px; } .tui-arrow--large.tui-arrow--right::after { top: 2px; right: 4px; } .tui-arrow--normal.tui-arrow__variant--default.tui-arrow--top::before, .tui-arrow--large.tui-arrow__variant--default.tui-arrow--top::before { border-bottom-color: var(--arrow-border-color); } .tui-arrow--normal.tui-arrow__variant--default.tui-arrow--bottom::before, .tui-arrow--large.tui-arrow__variant--default.tui-arrow--bottom::before { border-top-color: var(--arrow-border-color); } .tui-arrow--normal.tui-arrow__variant--default.tui-arrow--left::before, .tui-arrow--large.tui-arrow__variant--default.tui-arrow--left::before { border-right-color: var(--arrow-border-color); } .tui-arrow--normal.tui-arrow__variant--default.tui-arrow--right::before, .tui-arrow--large.tui-arrow__variant--default.tui-arrow--right::before { border-left-color: var(--arrow-border-color); } .tui-arrow--normal.tui-arrow__variant--default.tui-arrow--top::after, .tui-arrow--large.tui-arrow__variant--default.tui-arrow--top::after { border-bottom-color: var(--arrow-bg-color); } .tui-arrow--normal.tui-arrow__variant--default.tui-arrow--bottom::after, .tui-arrow--large.tui-arrow__variant--default.tui-arrow--bottom::after { border-top-color: var(--arrow-bg-color); } .tui-arrow--normal.tui-arrow__variant--default.tui-arrow--left::after, .tui-arrow--large.tui-arrow__variant--default.tui-arrow--left::after { border-right-color: var(--arrow-bg-color); } .tui-arrow--normal.tui-arrow__variant--default.tui-arrow--right::after, .tui-arrow--large.tui-arrow__variant--default.tui-arrow--right::after { border-left-color: var(--arrow-bg-color); } .tui-arrow--normal.tui-arrow__variant--inverse.tui-arrow--top::before, .tui-arrow--large.tui-arrow__variant--inverse.tui-arrow--top::before { border-bottom-color: var(--arrow-bg-inverse-color); } .tui-arrow--normal.tui-arrow__variant--inverse.tui-arrow--bottom::before, .tui-arrow--large.tui-arrow__variant--inverse.tui-arrow--bottom::before { border-top-color: var(--arrow-bg-inverse-color); } .tui-arrow--normal.tui-arrow__variant--inverse.tui-arrow--left::before, .tui-arrow--large.tui-arrow__variant--inverse.tui-arrow--left::before { border-right-color: var(--arrow-bg-inverse-color); } .tui-arrow--normal.tui-arrow__variant--inverse.tui-arrow--right::before, .tui-arrow--large.tui-arrow__variant--inverse.tui-arrow--right::before { border-left-color: var(--arrow-bg-inverse-color); } .tui-arrow--normal.tui-arrow__variant--inverse.tui-arrow--top::after, .tui-arrow--large.tui-arrow__variant--inverse.tui-arrow--top::after { border-bottom-color: var(--arrow-bg-inverse-color); } .tui-arrow--normal.tui-arrow__variant--inverse.tui-arrow--bottom::after, .tui-arrow--large.tui-arrow__variant--inverse.tui-arrow--bottom::after { border-top-color: var(--arrow-bg-inverse-color); } .tui-arrow--normal.tui-arrow__variant--inverse.tui-arrow--left::after, .tui-arrow--large.tui-arrow__variant--inverse.tui-arrow--left::after { border-right-color: var(--arrow-bg-inverse-color); } .tui-arrow--normal.tui-arrow__variant--inverse.tui-arrow--right::after, .tui-arrow--large.tui-arrow__variant--inverse.tui-arrow--right::after { border-left-color: var(--arrow-bg-inverse-color); } .tui-caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .tui-gradientOutline { padding: var(--border-width-thin); background: linear-gradient(89.7deg, #912ffb 0%, #fa21dc 50%, #ff9081 100%); border-radius: var(--card-border-radius); } .tui-gradientOutline__content { display: block; padding: var(--gap-4); color: var(--color-text); background: var(--color-background) linear-gradient(90deg, #f4fafd 0%, #fff7fe 100%); border-radius: calc(var(--card-border-radius) - var(--border-width-thin)); } .tui-orBox, .tui-andBox { display: inline-flex; margin: 0 auto; border: var(--border-width-thin) solid var(--color-neutral-6); border-radius: 6px; } .tui-orBox__text, .tui-andBox__text { font-weight: bold; font-size: var(--font-body-size); font-family: var(--font-body-family); line-height: var(--font-body-line-height); margin: 0; padding: var(--gap-2) var(--gap-4); text-transform: uppercase; } .tui-separator { margin: var(--gap-4) 0; /* simple implementation using a horizontal rule element*/ /* alternative implementation with wrapper markup to center slotted content*/ /* horizontal rule visible only to screen readers, the visual lines added with*/ /* pseudo selectors*/ } .tui-separator--spread { margin: var(--gap-8) 0; } .tui-separator-rule { height: var(--border-width-thin); line-height: var(--border-width-thin); background-color: var(--color-neutral-5); border: none; } .tui-separator-rule.tui-separator--thick { height: var(--border-width-thick); line-height: var(--border-width-thick); } .tui-separator-rule.tui-separator--normal { height: var(--border-width-normal); line-height: var(--border-width-normal); } .tui-separator--wrapped { display: flex; align-items: center; } .tui-separator--wrapped .tui-separator-content { margin: 0 var(--gap-4); white-space: nowrap; text-align: center; } .tui-separator--wrapped:before, .tui-separator--wrapped:after { width: 50%; height: var(--border-width-thin); line-height: var(--border-width-thin); background-color: var(--color-neutral-5); content: ""; } .tui-separator--wrapped.tui-separator--thick:before, .tui-separator--wrapped.tui-separator--thick:after { height: var(--border-width-thick); line-height: var(--border-width-thick); } .tui-separator--wrapped.tui-separator--normal:before, .tui-separator--wrapped.tui-separator--normal:after { height: var(--border-width-normal); line-height: var(--border-width-normal); } .tui-performance__summary { list-style: none; } .tui-performance__container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } .tui-performance__wrapper { margin-right: var(--gap-4); margin-bottom: var(--gap-4); border: 1px solid var(--color-neutral-5); border-radius: 3px; } .tui-performance__wrapper > * { padding-right: var(--gap-2); padding-left: var(--gap-2); } .tui-performance__wrapper > *:first-child { font-weight: bold; } .tui-performance__wrapper > *:not(:first-child) { background: var(--color-chart-transparent-3); } [data-tui-draggable][data-animated] { transition: transform 0.25s; } [data-tui-draggable][data-dragging] { position: fixed; z-index: var(--zindex-draggable); -webkit-user-select: none; user-select: none; /* required so droppable can get mouse events*/ pointer-events: none; } .tui-draggableMoveMenu__button:not(:focus):not([aria-expanded="true"]) { /* The use of '!important' here is an exception and should not be replicated else where */ /* stylelint-disable declaration-no-important */ position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; white-space: nowrap !important; border: 0 !important; clip: rect(0, 0, 0, 0) !important; /* stylelint-enable */ } .tui-droppable__dropLine { z-index: var(--zindex-draggable); background: var(--color-secondary); pointer-events: none; } .tui-droppable__dropLine--vertical { height: var(--border-width-normal); margin-top: calc(var(--border-width-normal) * -0.5); } .tui-droppable__dropLine--horizontal { width: var(--border-width-normal); margin-left: calc(var(--border-width-normal) * -0.5); } [data-tui-droppable-location-indicator] { background-color: var(--color-neutral-5); } .tui-dropdown__menu { z-index: var(--zindex-dropdown-menu); min-width: 9.375rem; max-width: 20rem; max-height: 40vh; padding: calc(max(var(--gap-2), var(--dropdown-border-radius))) 0; overflow-y: auto; background-color: var(--dropdown-menu-bg-color); background-clip: padding-box; border: var(--border-width-thin) solid var(--dropdown-menu-border-color); border-radius: var(--dropdown-border-radius); box-shadow: var(--shadow-2); } .tui-dropdown--separator .tui-dropdown__menu { padding: 0; } .tui-dropdown--flexibleWidth .tui-dropdown__menu { min-width: 0; max-width: none; } .tui-dropdown--fixedWidth .tui-dropdown__menu { width: 20rem; } .tui-dropdown__content { display: flex; flex-direction: column; } .tui-dropdown__content--separator > *:first-child { border-top-left-radius: calc(var(--dropdown-border-radius) - var(--border-width-thin)); border-top-right-radius: calc(var(--dropdown-border-radius) - var(--border-width-thin)); } .tui-dropdown__content--separator > *:last-child { border-bottom-right-radius: calc(var(--dropdown-border-radius) - var(--border-width-thin)); border-bottom-left-radius: calc(var(--dropdown-border-radius) - var(--border-width-thin)); } .tui-dropdown__content--separator > * + *, .tui-dropdown__content--separator > * + .tui-dropdownButton, .tui-dropdown__content--separator > * + .tui-dropdownButton:hover, .tui-dropdown__content--separator > * + .tui-dropdownButton:focus, .tui-dropdown__content--separator > * + .tui-dropdownButton:active, .tui-dropdown__content--separator > * + .tui-dropdownButton:focus:active { /* work around specificity issues with button*/ border-top: var(--border-width-thin) solid var(--dropdown-menu-border-color); } .tui-dropdown--fixedHeight .tui-dropdown__content { height: 100%; } .tui-dropdown--fixedHeight .tui-dropdown__menu { height: 38vh; overflow-y: visible; } .tui-dropdown--disabled { cursor: not-allowed; } .tui-dropdown--disabled .tui-dropdown__trigger { pointer-events: none; } /* override