augmented-ui/augmented-ui.css

Integrate your apps with technology

/**
 * augmented-ui
 * BSD 2-Clause License
 * Copyright (c) James0x57, PropJockey, 2020
 */
@supports (--foo: , 0 0) and ((clip-path: polygon(0 0, 100% 0, 50% 50%)) or (-webkit-clip-path: polygon(0 0, 100% 0, 50% 50%))) {
  [data-augmented-ui] {
    /* augmented-ui Space Toggle defaults and constants */
    --aug-clip-tl1: ;
    --aug-clip-tl2: ;
    --aug-step-tl1: ;
    --aug-step-tl2: ;
    --aug-rect-tl1: ;
    --aug-rect-tl2: ;
    --aug-round-tl1: ;
    --aug-round-tl2: ;
    --aug-scoop-tl1: ;
    --aug-scoop-tl2: ;
    --aug-clip-t1: ;
    --aug-clip-t2: ;
    --aug-step-t1: ;
    --aug-step-t2: ;
    --aug-rect-t1: ;
    --aug-rect-t2: ;
    --aug-round-t1: ;
    --aug-round-t2: ;
    --aug-scoop-t1: ;
    --aug-scoop-t2: ;
    --aug-clip-tr1: ;
    --aug-clip-tr2: ;
    --aug-step-tr1: ;
    --aug-step-tr2: ;
    --aug-rect-tr1: ;
    --aug-rect-tr2: ;
    --aug-round-tr1: ;
    --aug-round-tr2: ;
    --aug-scoop-tr1: ;
    --aug-scoop-tr2: ;
    --aug-clip-r1: ;
    --aug-clip-r2: ;
    --aug-step-r1: ;
    --aug-step-r2: ;
    --aug-rect-r1: ;
    --aug-rect-r2: ;
    --aug-round-r1: ;
    --aug-round-r2: ;
    --aug-scoop-r1: ;
    --aug-scoop-r2: ;
    --aug-clip-br1: ;
    --aug-clip-br2: ;
    --aug-step-br1: ;
    --aug-step-br2: ;
    --aug-rect-br1: ;
    --aug-rect-br2: ;
    --aug-round-br1: ;
    --aug-round-br2: ;
    --aug-scoop-br1: ;
    --aug-scoop-br2: ;
    --aug-clip-b1: ;
    --aug-clip-b2: ;
    --aug-step-b1: ;
    --aug-step-b2: ;
    --aug-rect-b1: ;
    --aug-rect-b2: ;
    --aug-round-b1: ;
    --aug-round-b2: ;
    --aug-scoop-b1: ;
    --aug-scoop-b2: ;
    --aug-clip-bl1: ;
    --aug-clip-bl2: ;
    --aug-step-bl1: ;
    --aug-step-bl2: ;
    --aug-rect-bl1: ;
    --aug-rect-bl2: ;
    --aug-round-bl1: ;
    --aug-round-bl2: ;
    --aug-scoop-bl1: ;
    --aug-scoop-bl2: ;
    --aug-clip-l1: ;
    --aug-clip-l2: ;
    --aug-step-l1: ;
    --aug-step-l2: ;
    --aug-rect-l1: ;
    --aug-rect-l2: ;
    --aug-round-l1: ;
    --aug-round-l2: ;
    --aug-scoop-l1: ;
    --aug-scoop-l2: ;
    /* tl position options */
    --aug-tl1-alt-join-in: ;
    --aug-tl1-alt-join-out: ;
    --aug-tl2-alt-join-in: ;
    --aug-tl2-alt-join-out: ;
    --aug-tl1: initial;
    --aug-tl2: initial;
    --aug-tl1-width: initial;
    --aug-tl1-height: initial;
    --aug-tl2-width: initial;
    --aug-tl2-height: initial;
    --aug-tl-inset1: initial;
    --aug-tl-inset2: initial;
    --aug-tl-extend1: initial;
    --aug-tl-extend2: initial;
    /* t position options */
    --aug-t1-alt-join-in: ;
    --aug-t1-alt-join-out: ;
    --aug-t2-alt-join-in: ;
    --aug-t2-alt-join-out: ;
    --aug-t1: initial;
    --aug-t2: initial;
    --aug-t1-width: initial;
    --aug-t1-height: initial;
    --aug-t2-width: initial;
    --aug-t2-height: initial;
    --aug-t-inset1: initial;
    --aug-t-extend1: initial;
    /* tr position options */
    --aug-tr1-alt-join-in: ;
    --aug-tr1-alt-join-out: ;
    --aug-tr2-alt-join-in: ;
    --aug-tr2-alt-join-out: ;
    --aug-tr1: initial;
    --aug-tr2: initial;
    --aug-tr1-width: initial;
    --aug-tr1-height: initial;
    --aug-tr2-width: initial;
    --aug-tr2-height: initial;
    --aug-tr-inset1: initial;
    --aug-tr-inset2: initial;
    --aug-tr-extend1: initial;
    --aug-tr-extend2: initial;
    /* r position options */
    --aug-r1-alt-join-in: ;
    --aug-r1-alt-join-out: ;
    --aug-r2-alt-join-in: ;
    --aug-r2-alt-join-out: ;
    --aug-r1: initial;
    --aug-r2: initial;
    --aug-r1-width: initial;
    --aug-r1-height: initial;
    --aug-r2-width: initial;
    --aug-r2-height: initial;
    --aug-r-inset1: initial;
    --aug-r-extend1: initial;
    /* br position options */
    --aug-br1-alt-join-in: ;
    --aug-br1-alt-join-out: ;
    --aug-br2-alt-join-in: ;
    --aug-br2-alt-join-out: ;
    --aug-br1: initial;
    --aug-br2: initial;
    --aug-br1-width: initial;
    --aug-br1-height: initial;
    --aug-br2-width: initial;
    --aug-br2-height: initial;
    --aug-br-inset1: initial;
    --aug-br-inset2: initial;
    --aug-br-extend1: initial;
    --aug-br-extend2: initial;
    /* b position options */
    --aug-b1-alt-join-in: ;
    --aug-b1-alt-join-out: ;
    --aug-b2-alt-join-in: ;
    --aug-b2-alt-join-out: ;
    --aug-b1: initial;
    --aug-b2: initial;
    --aug-b1-width: initial;
    --aug-b1-height: initial;
    --aug-b2-width: initial;
    --aug-b2-height: initial;
    --aug-b-inset1: initial;
    --aug-b-extend1: initial;
    /* bl position options */
    --aug-bl1-alt-join-in: ;
    --aug-bl1-alt-join-out: ;
    --aug-bl2-alt-join-in: ;
    --aug-bl2-alt-join-out: ;
    --aug-bl1: initial;
    --aug-bl2: initial;
    --aug-bl1-width: initial;
    --aug-bl1-height: initial;
    --aug-bl2-width: initial;
    --aug-bl2-height: initial;
    --aug-bl-inset1: initial;
    --aug-bl-inset2: initial;
    --aug-bl-extend1: initial;
    --aug-bl-extend2: initial;
    /* l position options */
    --aug-l1-alt-join-in: ;
    --aug-l1-alt-join-out: ;
    --aug-l2-alt-join-in: ;
    --aug-l2-alt-join-out: ;
    --aug-l1: initial;
    --aug-l2: initial;
    --aug-l1-width: initial;
    --aug-l1-height: initial;
    --aug-l2-width: initial;
    --aug-l2-height: initial;
    --aug-l-inset1: initial;
    --aug-l-extend1: initial;
    /* border options, derrived values inherited after computation because all layers rely on the concistency */
    --aug-border: ;
    --aug-delegated-border: ;
    --aug-border-all: 4px;
    --aug-border-y: initial;
    --aug-border-x: initial;
    --aug-border-top: initial;
    --aug-border-right: initial;
    --aug-border-bottom: initial;
    --aug-border-left: initial;
    --aug-border-bg: currentColor;
    --aug-border-opacity: initial;
    --aug__0px_If_BorderDisabled: var(--aug-border) 0px;
    --aug__0px_If_BorderDisabled_Delegate: initial;
    --aug__BorderTop: var(--aug__0px_If_BorderDisabled, var(--aug-border-top, var(--aug-border-y, var(--aug-border-all))));
    --aug__BorderRight: var(--aug__0px_If_BorderDisabled, var(--aug-border-right, var(--aug-border-x, var(--aug-border-all))));
    --aug__BorderBottom: var(--aug__0px_If_BorderDisabled, var(--aug-border-bottom, var(--aug-border-y, var(--aug-border-all))));
    --aug__BorderLeft: var(--aug__0px_If_BorderDisabled, var(--aug-border-left, var(--aug-border-x, var(--aug-border-all))));
    /* inlay options, derrived values inherited after computation because all layers rely on the concistency */
    --aug-inlay: ;
    --aug-delegated-inlay: ;
    --aug-inlay-all: 3px;
    --aug-inlay-y: initial;
    --aug-inlay-x: initial;
    --aug-inlay-top: initial;
    --aug-inlay-right: initial;
    --aug-inlay-bottom: initial;
    --aug-inlay-left: initial;
    --aug-inlay-bg: rgba(128, 128, 128, 0.5);
    --aug-inlay-opacity: initial;
    --aug__0px_If_InlayDisabled: var(--aug-inlay) 0px;
    --aug__0px_If_InlayDisabled_Delegate: initial;
    --aug__InlayTop: var(--aug__0px_If_InlayDisabled, calc(var(--aug-inlay-top, var(--aug-inlay-y, var(--aug-inlay-all))) + var(--aug__BorderTop)));
    --aug__InlayRight: var(--aug__0px_If_InlayDisabled, calc(var(--aug-inlay-right, var(--aug-inlay-x, var(--aug-inlay-all))) + var(--aug__BorderRight)));
    --aug__InlayBottom: var(--aug__0px_If_InlayDisabled, calc(var(--aug-inlay-bottom, var(--aug-inlay-y, var(--aug-inlay-all))) + var(--aug__BorderBottom)));
    --aug__InlayLeft: var(--aug__0px_If_InlayDisabled, calc(var(--aug-inlay-left, var(--aug-inlay-x, var(--aug-inlay-all))) + var(--aug__BorderLeft)));
    --aug__JustInlayTop: var(--aug__0px_If_InlayDisabled, var(--aug-inlay-top, var(--aug-inlay-y, var(--aug-inlay-all))));
    --aug__JustInlayRight: var(--aug__0px_If_InlayDisabled, var(--aug-inlay-right, var(--aug-inlay-x, var(--aug-inlay-all))));
    --aug__JustInlayBottom: var(--aug__0px_If_InlayDisabled, var(--aug-inlay-bottom, var(--aug-inlay-y, var(--aug-inlay-all))));
    --aug__JustInlayLeft: var(--aug__0px_If_InlayDisabled, var(--aug-inlay-left, var(--aug-inlay-x, var(--aug-inlay-all))));
    /* 45deg x & y trig distribution defaults */
    --aug-tl1-clipmod-x: 0.5;
    --aug-tl1-clipmod-y: 0.5;
    --aug-tl2-clipmod-x: 0.5;
    --aug-tl2-clipmod-y: 0.5;
    --aug-t1-clipmod-x: 0.5;
    --aug-t1-clipmod-y: 0.5;
    --aug-t2-clipmod-x: 0.5;
    --aug-t2-clipmod-y: 0.5;
    --aug-tr1-clipmod-x: 0.5;
    --aug-tr1-clipmod-y: 0.5;
    --aug-tr2-clipmod-x: 0.5;
    --aug-tr2-clipmod-y: 0.5;
    --aug-r1-clipmod-x: 0.5;
    --aug-r1-clipmod-y: 0.5;
    --aug-r2-clipmod-x: 0.5;
    --aug-r2-clipmod-y: 0.5;
    --aug-br1-clipmod-x: 0.5;
    --aug-br1-clipmod-y: 0.5;
    --aug-br2-clipmod-x: 0.5;
    --aug-br2-clipmod-y: 0.5;
    --aug-b1-clipmod-x: 0.5;
    --aug-b1-clipmod-y: 0.5;
    --aug-b2-clipmod-x: 0.5;
    --aug-b2-clipmod-y: 0.5;
    --aug-bl1-clipmod-x: 0.5;
    --aug-bl1-clipmod-y: 0.5;
    --aug-bl2-clipmod-x: 0.5;
    --aug-bl2-clipmod-y: 0.5;
    --aug-l1-clipmod-x: 0.5;
    --aug-l1-clipmod-y: 0.5;
    --aug-l2-clipmod-x: 0.5;
    --aug-l2-clipmod-y: 0.5;
    /* edge positioning */
    --aug-t-center: initial;
    --aug-t-offset: initial;
    --aug-r-center: initial;
    --aug-r-offset: initial;
    --aug-b-center: initial;
    --aug-b-offset: initial;
    --aug-l-center: initial;
    --aug-l-offset: initial;
    /* Path Trig Helpers */
    --aug__Sin9cos81: 0.156434465040;
    --aug__Sin18cos72: 0.30901699437;
    --aug__Sin27cos63: 0.45399049974;
    --aug__Sin36cos54: 0.58778525229;
    --aug__Sin45cos45: 0.70710678119;
    --aug__Sin54cos36: 0.80901699437;
    --aug__Sin63cos27: 0.89100652419;
    --aug__Sin72cos18: 0.95105651629;
    --aug__Sin81cos9: 0.987688340595;
    /* automatic resets for border and inlay, this enables DOM el delegates */
    --aug__Border_none_if_Disabled: initial;
    --aug__Border_str_if_pseudo: initial;
    --aug__Border_OpacityDisabled: initial;
    --aug__Border_PositionDisabled: initial;
    --aug__Border_auto_if_Disabled: initial;
    --aug__Border_TRBLEnabled: initial;
    --aug__Border_invalid_if_Disabled: initial;
    --aug__Inlay_none_if_Disabled: initial;
    --aug__Inlay_str_if_pseudo: initial;
    --aug__Inlay_OpacityDisabled: initial;
    --aug__Inlay_PositionDisabled: initial;
    --aug__Inlay_auto_if_Disabled: initial;
    --aug__Inlay_TRBLEnabled: initial;
    --aug__Deg_invalid_if_Disabled: initial;
    --aug__Deg_PathToggle: initial;
    --aug__TL_DegradationPathDisabled: initial;
    --aug__T_DegradationPathDisabled: initial;
    --aug__TR_DegradationPathDisabled: initial;
    --aug__R_DegradationPathDisabled: initial;
    --aug__BR_DegradationPathDisabled: initial;
    --aug__B_DegradationPathDisabled: initial;
    --aug__BL_DegradationPathDisabled: initial;
    --aug__L_DegradationPathDisabled: initial;
  }

  [data-augmented-ui-reset] {
    /**
     * Any Space Toggle or ST dependent that may _compute_ to initial must be explicitly set to the initial keyword on an
     * ancestor, else it crawls up the DOM and inherits a value from the first ancestor that computes it to a non-initial
     * value instead of simply accepting its computation to initial and allowing a fallback to be used. That's the reason
     * this reset has to exist. Fortunately this spec detail is changing! https://github.com/w3c/csswg-drafts/issues/5370
     */
    --aug__0px_If_BorderDisabled: initial;
    --aug__0px_If_InlayDisabled: initial;
    --aug__TL1_Toggle: initial;
    --aug__TL2_Toggle: initial;
    --aug__0px_If_TL1_HasNoAug: initial;
    --aug__0px_If_TL2_HasNoAug: initial;
    --aug__0px_If_TL1_IsNotClip: initial;
    --aug__0px_If_TL2_IsNotClip: initial;
    --aug__T1_Toggle: initial;
    --aug__T2_Toggle: initial;
    --aug__0px_If_T1_HasNoAug: initial;
    --aug__0px_If_T2_HasNoAug: initial;
    --aug__0px_If_T1_IsNotClip: initial;
    --aug__0px_If_T2_IsNotClip: initial;
    --aug__TR1_Toggle: initial;
    --aug__TR2_Toggle: initial;
    --aug__0px_If_TR1_HasNoAug: initial;
    --aug__0px_If_TR2_HasNoAug: initial;
    --aug__0px_If_TR1_IsNotClip: initial;
    --aug__0px_If_TR2_IsNotClip: initial;
    --aug__R1_Toggle: initial;
    --aug__R2_Toggle: initial;
    --aug__0px_If_R1_HasNoAug: initial;
    --aug__0px_If_R2_HasNoAug: initial;
    --aug__0px_If_R1_IsNotClip: initial;
    --aug__0px_If_R2_IsNotClip: initial;
    --aug__BR1_Toggle: initial;
    --aug__BR2_Toggle: initial;
    --aug__0px_If_BR1_HasNoAug: initial;
    --aug__0px_If_BR2_HasNoAug: initial;
    --aug__0px_If_BR1_IsNotClip: initial;
    --aug__0px_If_BR2_IsNotClip: initial;
    --aug__B1_Toggle: initial;
    --aug__B2_Toggle: initial;
    --aug__0px_If_B1_HasNoAug: initial;
    --aug__0px_If_B2_HasNoAug: initial;
    --aug__0px_If_B1_IsNotClip: initial;
    --aug__0px_If_B2_IsNotClip: initial;
    --aug__BL1_Toggle: initial;
    --aug__BL2_Toggle: initial;
    --aug__0px_If_BL1_HasNoAug: initial;
    --aug__0px_If_BL2_HasNoAug: initial;
    --aug__0px_If_BL1_IsNotClip: initial;
    --aug__0px_If_BL2_IsNotClip: initial;
    --aug__L1_Toggle: initial;
    --aug__L2_Toggle: initial;
    --aug__0px_If_L1_HasNoAug: initial;
    --aug__0px_If_L2_HasNoAug: initial;
    --aug__0px_If_L1_IsNotClip: initial;
    --aug__0px_If_L2_IsNotClip: initial;
    --aug__CORE_Position: initial;
    --aug__TL_PathDisabled: initial;
    --aug__T_PathDisabled: initial;
    --aug__TR_PathDisabled: initial;
    --aug__R_PathDisabled: initial;
    --aug__BR_PathDisabled: initial;
    --aug__B_PathDisabled: initial;
    --aug__BL_PathDisabled: initial;
    --aug__L_PathDisabled: initial;
    --aug__CORETOGGLE: initial;
    --aug__IsolationAuto_If_Not_needed: initial;
    --aug__CORE_Outer_clip_invalid: initial;
  }

  [data-augmented-ui] {
    /* states and values mainly derrived from the constants and space toggles */
    --aug__TL1_Toggle: var(--aug-clip-tl1) var(--aug-step-tl1) var(--aug-rect-tl1) var(--aug-round-tl1) var(--aug-scoop-tl1);
    --aug__TL2_Toggle: var(--aug-clip-tl2) var(--aug-step-tl2) var(--aug-rect-tl2) var(--aug-round-tl2) var(--aug-scoop-tl2);
    --aug__0px_If_TL1_HasNoAug: var(--aug__TL1_Toggle) 0px;
    --aug__0px_If_TL2_HasNoAug: var(--aug__TL2_Toggle) 0px;
    --aug__0px_If_TL1_IsNotClip: var(--aug-clip-tl1) 0px;
    --aug__0px_If_TL2_IsNotClip: var(--aug-clip-tl2) 0px;
    --aug__T1_Toggle: var(--aug-clip-t1) var(--aug-step-t1) var(--aug-rect-t1) var(--aug-round-t1) var(--aug-scoop-t1);
    --aug__T2_Toggle: var(--aug-clip-t2) var(--aug-step-t2) var(--aug-rect-t2) var(--aug-round-t2) var(--aug-scoop-t2);
    --aug__0px_If_T1_HasNoAug: var(--aug__T1_Toggle) 0px;
    --aug__0px_If_T2_HasNoAug: var(--aug__T2_Toggle) 0px;
    --aug__0px_If_T1_IsNotClip: var(--aug-clip-t1) 0px;
    --aug__0px_If_T2_IsNotClip: var(--aug-clip-t2) 0px;
    --aug__TR1_Toggle: var(--aug-clip-tr1) var(--aug-step-tr1) var(--aug-rect-tr1) var(--aug-round-tr1) var(--aug-scoop-tr1);
    --aug__TR2_Toggle: var(--aug-clip-tr2) var(--aug-step-tr2) var(--aug-rect-tr2) var(--aug-round-tr2) var(--aug-scoop-tr2);
    --aug__0px_If_TR1_HasNoAug: var(--aug__TR1_Toggle) 0px;
    --aug__0px_If_TR2_HasNoAug: var(--aug__TR2_Toggle) 0px;
    --aug__0px_If_TR1_IsNotClip: var(--aug-clip-tr1) 0px;
    --aug__0px_If_TR2_IsNotClip: var(--aug-clip-tr2) 0px;
    --aug__R1_Toggle: var(--aug-clip-r1) var(--aug-step-r1) var(--aug-rect-r1) var(--aug-round-r1) var(--aug-scoop-r1);
    --aug__R2_Toggle: var(--aug-clip-r2) var(--aug-step-r2) var(--aug-rect-r2) var(--aug-round-r2) var(--aug-scoop-r2);
    --aug__0px_If_R1_HasNoAug: var(--aug__R1_Toggle) 0px;
    --aug__0px_If_R2_HasNoAug: var(--aug__R2_Toggle) 0px;
    --aug__0px_If_R1_IsNotClip: var(--aug-clip-r1) 0px;
    --aug__0px_If_R2_IsNotClip: var(--aug-clip-r2) 0px;
    --aug__BR1_Toggle: var(--aug-clip-br1) var(--aug-step-br1) var(--aug-rect-br1) var(--aug-round-br1) var(--aug-scoop-br1);
    --aug__BR2_Toggle: var(--aug-clip-br2) var(--aug-step-br2) var(--aug-rect-br2) var(--aug-round-br2) var(--aug-scoop-br2);
    --aug__0px_If_BR1_HasNoAug: var(--aug__BR1_Toggle) 0px;
    --aug__0px_If_BR2_HasNoAug: var(--aug__BR2_Toggle) 0px;
    --aug__0px_If_BR1_IsNotClip: var(--aug-clip-br1) 0px;
    --aug__0px_If_BR2_IsNotClip: var(--aug-clip-br2) 0px;
    --aug__B1_Toggle: var(--aug-clip-b1) var(--aug-step-b1) var(--aug-rect-b1) var(--aug-round-b1) var(--aug-scoop-b1);
    --aug__B2_Toggle: var(--aug-clip-b2) var(--aug-step-b2) var(--aug-rect-b2) var(--aug-round-b2) var(--aug-scoop-b2);
    --aug__0px_If_B1_HasNoAug: var(--aug__B1_Toggle) 0px;
    --aug__0px_If_B2_HasNoAug: var(--aug__B2_Toggle) 0px;
    --aug__0px_If_B1_IsNotClip: var(--aug-clip-b1) 0px;
    --aug__0px_If_B2_IsNotClip: var(--aug-clip-b2) 0px;
    --aug__BL1_Toggle: var(--aug-clip-bl1) var(--aug-step-bl1) var(--aug-rect-bl1) var(--aug-round-bl1) var(--aug-scoop-bl1);
    --aug__BL2_Toggle: var(--aug-clip-bl2) var(--aug-step-bl2) var(--aug-rect-bl2) var(--aug-round-bl2) var(--aug-scoop-bl2);
    --aug__0px_If_BL1_HasNoAug: var(--aug__BL1_Toggle) 0px;
    --aug__0px_If_BL2_HasNoAug: var(--aug__BL2_Toggle) 0px;
    --aug__0px_If_BL1_IsNotClip: var(--aug-clip-bl1) 0px;
    --aug__0px_If_BL2_IsNotClip: var(--aug-clip-bl2) 0px;
    --aug__L1_Toggle: var(--aug-clip-l1) var(--aug-step-l1) var(--aug-rect-l1) var(--aug-round-l1) var(--aug-scoop-l1);
    --aug__L2_Toggle: var(--aug-clip-l2) var(--aug-step-l2) var(--aug-rect-l2) var(--aug-round-l2) var(--aug-scoop-l2);
    --aug__0px_If_L1_HasNoAug: var(--aug__L1_Toggle) 0px;
    --aug__0px_If_L2_HasNoAug: var(--aug__L2_Toggle) 0px;
    --aug__0px_If_L1_IsNotClip: var(--aug-clip-l1) 0px;
    --aug__0px_If_L2_IsNotClip: var(--aug-clip-l2) 0px;
    
    --aug__TL1_Width: var(--aug__0px_If_TL1_HasNoAug, var(--aug-tl1-width, var(--aug-tl1, 15px)));
    --aug__TL1_Height: var(--aug__0px_If_TL1_HasNoAug, var(--aug-tl1-height, var(--aug-tl1, 15px)));
    --aug__TL2_Width: var(--aug__0px_If_TL2_HasNoAug, var(--aug-tl2-width, var(--aug-tl2, 15px)));
    --aug__TL2_Height: var(--aug__0px_If_TL2_HasNoAug, var(--aug-tl2-height, var(--aug-tl2, 15px)));
    --aug__TL_Inset1: var(--aug-tl-inset1, 0px);
    --aug__TL_Inset2: var(--aug-tl-inset2, 0px);
    --aug__TL_Extend1: var(--aug__0px_If_TL2_HasNoAug, var(--aug-tl-extend1, 0px));
    --aug__TL_Extend2: var(--aug__0px_If_TL2_HasNoAug, var(--aug-tl-extend2, 0px));

    --aug__T1_Width: var(--aug__0px_If_T1_HasNoAug, var(--aug-t1-width, var(--aug-t1, 15px)));
    --aug__T1_Height: var(--aug__0px_If_T1_HasNoAug, var(--aug-t1-height, var(--aug-t1, 15px)));
    --aug__T2_Width: var(--aug__0px_If_T2_HasNoAug, var(--aug-t2-width, var(--aug-t2, 15px)));
    --aug__T2_Height: var(--aug__0px_If_T2_HasNoAug, var(--aug-t2-height, var(--aug-t2, 15px)));
    --aug__T_Inset1: var(--aug-t-inset1, 0px);
    --aug__T_Inset2: calc(var(--aug__T_Inset1) + var(--aug__T1_Height) - var(--aug__T2_Height));
    --aug__T_Extend1: var(--aug__0px_If_T1_HasNoAug, var(--aug-t-extend1, 0px));
    --aug__TFullParallelSize: (var(--aug__T1_Width) + var(--aug__T_Extend1) + var(--aug__T2_Width));

    --aug__TR1_Width: var(--aug__0px_If_TR1_HasNoAug, var(--aug-tr1-width, var(--aug-tr1, 15px)));
    --aug__TR1_Height: var(--aug__0px_If_TR1_HasNoAug, var(--aug-tr1-height, var(--aug-tr1, 15px)));
    --aug__TR2_Width: var(--aug__0px_If_TR2_HasNoAug, var(--aug-tr2-width, var(--aug-tr2, 15px)));
    --aug__TR2_Height: var(--aug__0px_If_TR2_HasNoAug, var(--aug-tr2-height, var(--aug-tr2, 15px)));
    --aug__TR_Inset1: var(--aug-tr-inset1, 0px);
    --aug__TR_Inset2: var(--aug-tr-inset2, 0px);
    --aug__TR_Extend1: var(--aug__0px_If_TR2_HasNoAug, var(--aug-tr-extend1, 0px));
    --aug__TR_Extend2: var(--aug__0px_If_TR2_HasNoAug, var(--aug-tr-extend2, 0px));

    --aug__R1_Width: var(--aug__0px_If_R1_HasNoAug, var(--aug-r1-width, var(--aug-r1, 15px)));
    --aug__R1_Height: var(--aug__0px_If_R1_HasNoAug, var(--aug-r1-height, var(--aug-r1, 15px)));
    --aug__R2_Width: var(--aug__0px_If_R2_HasNoAug, var(--aug-r2-width, var(--aug-r2, 15px)));
    --aug__R2_Height: var(--aug__0px_If_R2_HasNoAug, var(--aug-r2-height, var(--aug-r2, 15px)));
    --aug__R_Inset1: var(--aug-r-inset1, 0px);
    --aug__R_Inset2: calc(var(--aug__R_Inset1) + var(--aug__R1_Width) - var(--aug__R2_Width));
    --aug__R_Extend1: var(--aug__0px_If_R1_HasNoAug, var(--aug-r-extend1, 0px));
    --aug__RFullParallelSize: (var(--aug__R1_Height) + var(--aug__R_Extend1) + var(--aug__R2_Height));

    --aug__BR1_Width: var(--aug__0px_If_BR1_HasNoAug, var(--aug-br1-width, var(--aug-br1, 15px)));
    --aug__BR1_Height: var(--aug__0px_If_BR1_HasNoAug, var(--aug-br1-height, var(--aug-br1, 15px)));
    --aug__BR2_Width: var(--aug__0px_If_BR2_HasNoAug, var(--aug-br2-width, var(--aug-br2, 15px)));
    --aug__BR2_Height: var(--aug__0px_If_BR2_HasNoAug, var(--aug-br2-height, var(--aug-br2, 15px)));
    --aug__BR_Inset1: var(--aug-br-inset1, 0px);
    --aug__BR_Inset2: var(--aug-br-inset2, 0px);
    --aug__BR_Extend1: var(--aug__0px_If_BR2_HasNoAug, var(--aug-br-extend1, 0px));
    --aug__BR_Extend2: var(--aug__0px_If_BR2_HasNoAug, var(--aug-br-extend2, 0px));

    --aug__B1_Width: var(--aug__0px_If_B1_HasNoAug, var(--aug-b1-width, var(--aug-b1, 15px)));
    --aug__B1_Height: var(--aug__0px_If_B1_HasNoAug, var(--aug-b1-height, var(--aug-b1, 15px)));
    --aug__B2_Width: var(--aug__0px_If_B2_HasNoAug, var(--aug-b2-width, var(--aug-b2, 15px)));
    --aug__B2_Height: var(--aug__0px_If_B2_HasNoAug, var(--aug-b2-height, var(--aug-b2, 15px)));
    --aug__B_Inset1: var(--aug-b-inset1, 0px);
    --aug__B_Inset2: calc(var(--aug__B_Inset1) + var(--aug__B1_Height) - var(--aug__B2_Height));
    --aug__B_Extend1: var(--aug__0px_If_B1_HasNoAug, var(--aug-b-extend1, 0px));
    --aug__BFullParallelSize: (var(--aug__B1_Width) + var(--aug__B_Extend1) + var(--aug__B2_Width));

    --aug__BL1_Width: var(--aug__0px_If_BL1_HasNoAug, var(--aug-bl1-width, var(--aug-bl1, 15px)));
    --aug__BL1_Height: var(--aug__0px_If_BL1_HasNoAug, var(--aug-bl1-height, var(--aug-bl1, 15px)));
    --aug__BL2_Width: var(--aug__0px_If_BL2_HasNoAug, var(--aug-bl2-width, var(--aug-bl2, 15px)));
    --aug__BL2_Height: var(--aug__0px_If_BL2_HasNoAug, var(--aug-bl2-height, var(--aug-bl2, 15px)));
    --aug__BL_Inset1: var(--aug-bl-inset1, 0px);
    --aug__BL_Inset2: var(--aug-bl-inset2, 0px);
    --aug__BL_Extend1: var(--aug__0px_If_BL2_HasNoAug, var(--aug-bl-extend1, 0px));
    --aug__BL_Extend2: var(--aug__0px_If_BL2_HasNoAug, var(--aug-bl-extend2, 0px));

    --aug__L1_Width: var(--aug__0px_If_L1_HasNoAug, var(--aug-l1-width, var(--aug-l1, 15px)));
    --aug__L1_Height: var(--aug__0px_If_L1_HasNoAug, var(--aug-l1-height, var(--aug-l1, 15px)));
    --aug__L2_Width: var(--aug__0px_If_L2_HasNoAug, var(--aug-l2-width, var(--aug-l2, 15px)));
    --aug__L2_Height: var(--aug__0px_If_L2_HasNoAug, var(--aug-l2-height, var(--aug-l2, 15px)));
    --aug__L_Inset1: var(--aug-l-inset1, 0px);
    --aug__L_Inset2: calc(var(--aug__L_Inset1) + var(--aug__L1_Width) - var(--aug__L2_Width));
    --aug__L_Extend1: var(--aug__0px_If_L1_HasNoAug, var(--aug-l-extend1, 0px));
    --aug__LFullParallelSize: (var(--aug__L1_Height) + var(--aug__L_Extend1) + var(--aug__L2_Height));

    /* outer element/border boundary in/out join points */
    --aug__TLyIn: calc(var(--aug__TL_Inset2) + var(--aug__TL2_Height) + var(--aug__TL_Extend1) + var(--aug__TL1_Height));
    --aug__TLxOut: calc(var(--aug__TL_Inset1) + var(--aug__TL1_Width) + var(--aug__TL_Extend2) + var(--aug__TL2_Width));

    --aug__TRxIn: calc(100% - (var(--aug__TR_Inset2) + var(--aug__TR2_Width) + var(--aug__TR_Extend1) + var(--aug__TR1_Width)));
    --aug__TRyOut: calc(var(--aug__TR_Inset1) + var(--aug__TR1_Height) + var(--aug__TR_Extend2) + var(--aug__TR2_Height));

    --aug__BRyIn: calc(100% - (var(--aug__BR_Inset2) + var(--aug__BR2_Height) + var(--aug__BR_Extend1) + var(--aug__BR1_Height)));
    --aug__BRxOut: calc(100% - (var(--aug__BR_Inset1) + var(--aug__BR1_Width) + var(--aug__BR_Extend2) + var(--aug__BR2_Width)));

    --aug__BLxIn: calc(var(--aug__BL_Inset2) + var(--aug__BL2_Width) + var(--aug__BL_Extend1) + var(--aug__BL1_Width));
    --aug__BLyOut: calc(100% - (var(--aug__BL_Inset1) + var(--aug__BL1_Height) + var(--aug__BL_Extend2) + var(--aug__BL2_Height)));

    --aug__TCenter: var(--aug-t-center, var(--aug__TLxOut) / 2 + var(--aug__TRxIn) / 2) + var(--aug-t-offset, 0px);
    --aug__TxIn: calc(var(--aug__TCenter) - var(--aug__TFullParallelSize) / 2);
    --aug__TxOut: calc(var(--aug__TCenter) + var(--aug__TFullParallelSize) / 2);

    --aug__RCenter: var(--aug-r-center, var(--aug__TRyOut) / 2 + var(--aug__BRyIn) / 2) + var(--aug-r-offset, 0px);
    --aug__RyIn: calc(var(--aug__RCenter) - var(--aug__RFullParallelSize) / 2);
    --aug__RyOut: calc(var(--aug__RCenter) + var(--aug__RFullParallelSize) / 2);

    --aug__BCenter: var(--aug-b-center, var(--aug__BRxOut) / 2 + var(--aug__BLxIn) / 2) + var(--aug-b-offset, 0px);
    --aug__BxIn: calc(var(--aug__BCenter) + var(--aug__BFullParallelSize) / 2);
    --aug__BxOut: calc(var(--aug__BCenter) - var(--aug__BFullParallelSize) / 2);

    --aug__LCenter: var(--aug-l-center, var(--aug__TLyIn) / 2 + var(--aug__BLyOut) / 2) + var(--aug-l-offset, 0px);
    --aug__LyIn: calc(var(--aug__LCenter) + var(--aug__LFullParallelSize) / 2);
    --aug__LyOut: calc(var(--aug__LCenter) - var(--aug__LFullParallelSize) / 2);

    /* inlay rect coords, also used as origin for round augs: x */
    --aug__Round_TL1_x: calc(var(--aug__TL_Inset1) + var(--aug__TL1_Width));
    --aug__Round_TL2_x: var(--aug__TLxOut);
    --aug__Round_T1_x: var(--aug__TxIn);
    --aug__Round_T2_x: var(--aug__TxOut);
    --aug__Round_TR1_x: var(--aug__TRxIn);
    --aug__Round_TR2_x: calc(100% - var(--aug__TR_Inset2) - var(--aug__TR2_Width));
    --aug__Round_R1_x: calc(100% - var(--aug__R_Inset1) - var(--aug__R1_Width));
    --aug__Round_R2_x: calc(100% - var(--aug__R_Inset2) - var(--aug__R2_Width));
    --aug__Round_BR1_x: calc(100% - var(--aug__BR_Inset1) - var(--aug__BR1_Width));
    --aug__Round_BR2_x: var(--aug__BRxOut);
    --aug__Round_B1_x: var(--aug__BxIn);
    --aug__Round_B2_x: var(--aug__BxOut);
    --aug__Round_BL1_x: var(--aug__BLxIn);
    --aug__Round_BL2_x: calc(var(--aug__BL_Inset2) + var(--aug__BL2_Width));
    --aug__Round_L1_x: calc(var(--aug__L_Inset1) + var(--aug__L1_Width));
    --aug__Round_L2_x: calc(var(--aug__L_Inset2) + var(--aug__L2_Width));
    /* inlay rect coords, also used as origin for round augs: y */
    --aug__Round_TL1_y: var(--aug__TLyIn);
    --aug__Round_TL2_y: calc(var(--aug__TL_Inset2) + var(--aug__TL2_Height));
    --aug__Round_T1_y: calc(var(--aug__T_Inset1) + var(--aug__T1_Height));
    --aug__Round_T2_y: calc(var(--aug__T_Inset2) + var(--aug__T2_Height));
    --aug__Round_TR1_y: calc(var(--aug__TR_Inset1) + var(--aug__TR1_Height));
    --aug__Round_TR2_y: var(--aug__TRyOut);
    --aug__Round_R1_y: var(--aug__RyIn);
    --aug__Round_R2_y: var(--aug__RyOut);
    --aug__Round_BR1_y: var(--aug__BRyIn);
    --aug__Round_BR2_y: calc(100% - var(--aug__BR_Inset2) - var(--aug__BR2_Height));
    --aug__Round_B1_y: calc(100% - var(--aug__B_Inset1) - var(--aug__B1_Height));
    --aug__Round_B2_y: calc(100% - var(--aug__B_Inset2) - var(--aug__B2_Height));
    --aug__Round_BL1_y: calc(100% - var(--aug__BL_Inset1) - var(--aug__BL1_Height));
    --aug__Round_BL2_y: var(--aug__BLyOut);
    --aug__Round_L1_y: var(--aug__LyIn);
    --aug__Round_L2_y: var(--aug__LyOut);

    --aug__TL1_ScoopOriginX: var(--aug__TL_Inset1) + var(--aug__BorderLeft) + var(--aug__JustInlayLeft);
    --aug__TL1_ScoopOriginY: var(--aug__TL_Inset2) + var(--aug__TL2_Height) + var(--aug__TL_Extend1) + var(--aug__BorderTop) + var(--aug__JustInlayTop);
    --aug__TL2_ScoopOriginX: var(--aug__TL_Inset1) + var(--aug__TL1_Width) + var(--aug__TL_Extend2) + var(--aug__BorderLeft) + var(--aug__JustInlayLeft);
    --aug__TL2_ScoopOriginY: var(--aug__TL_Inset2) + var(--aug__BorderTop) + var(--aug__JustInlayTop);
    --aug__T1_ScoopOriginX: var(--aug__TxIn) + var(--aug__T1_Width) - var(--aug__BorderRight) - var(--aug__JustInlayRight);
    --aug__T1_ScoopOriginY: var(--aug__T_Inset1) + var(--aug__BorderTop) + var(--aug__JustInlayTop);
    --aug__T2_ScoopOriginX: var(--aug__TxOut) - var(--aug__T2_Width) + var(--aug__BorderLeft) + var(--aug__JustInlayLeft);
    --aug__T2_ScoopOriginY: var(--aug__T_Inset2) + var(--aug__BorderTop) + var(--aug__JustInlayTop);
    --aug__TR1_ScoopOriginX: var(--aug__TRxIn) + var(--aug__TR1_Width) - var(--aug__BorderRight) - var(--aug__JustInlayRight);
    --aug__TR1_ScoopOriginY: var(--aug__TR_Inset1) + var(--aug__BorderTop) + var(--aug__JustInlayTop);
    --aug__TR2_ScoopOriginX: 100% - var(--aug__TR_Inset2) - var(--aug__BorderRight) - var(--aug__JustInlayRight);
    --aug__TR2_ScoopOriginY: var(--aug__TRyOut) - var(--aug__TR2_Height) + var(--aug__BorderTop) + var(--aug__JustInlayTop);
    --aug__R1_ScoopOriginX: 100% - var(--aug__R_Inset1) - var(--aug__BorderRight) - var(--aug__JustInlayRight);
    --aug__R1_ScoopOriginY: var(--aug__RyIn) + var(--aug__R1_Height) - var(--aug__BorderBottom) - var(--aug__JustInlayBottom);
    --aug__R2_ScoopOriginX: 100% - var(--aug__R_Inset2) - var(--aug__BorderRight) - var(--aug__JustInlayRight);
    --aug__R2_ScoopOriginY: var(--aug__RyOut) - var(--aug__R2_Height) + var(--aug__BorderTop) + var(--aug__JustInlayTop);
    --aug__BR1_ScoopOriginX: 100% - var(--aug__BR_Inset1) - var(--aug__BorderRight) - var(--aug__JustInlayRight);
    --aug__BR1_ScoopOriginY: var(--aug__BRyIn) + var(--aug__BR1_Height) - var(--aug__BorderBottom) - var(--aug__JustInlayBottom);
    --aug__BR2_ScoopOriginX: var(--aug__BRxOut) + var(--aug__BR2_Width) - var(--aug__BorderRight) - var(--aug__JustInlayRight);
    --aug__BR2_ScoopOriginY: 100% - var(--aug__BR_Inset2) - var(--aug__BorderBottom) - var(--aug__JustInlayBottom);
    --aug__B1_ScoopOriginX: var(--aug__BxIn) - var(--aug__B1_Width) + var(--aug__BorderLeft) + var(--aug__JustInlayLeft);
    --aug__B1_ScoopOriginY: 100% - var(--aug__B_Inset1) - var(--aug__BorderBottom) - var(--aug__JustInlayBottom);
    --aug__B2_ScoopOriginX: var(--aug__BxOut) + var(--aug__B2_Width) - var(--aug__BorderRight) - var(--aug__JustInlayRight);
    --aug__B2_ScoopOriginY: 100% - var(--aug__B_Inset2) - var(--aug__BorderBottom) - var(--aug__JustInlayBottom);
    --aug__BL1_ScoopOriginX: var(--aug__BLxIn) - var(--aug__BL1_Width) + var(--aug__BorderLeft) + var(--aug__JustInlayLeft);
    --aug__BL1_ScoopOriginY: 100% - var(--aug__BL_Inset1) - var(--aug__BorderBottom) - var(--aug__JustInlayBottom);
    --aug__BL2_ScoopOriginX: var(--aug__BL_Inset2) + var(--aug__BorderLeft) + var(--aug__JustInlayLeft);
    --aug__BL2_ScoopOriginY: var(--aug__BLyOut) + var(--aug__BL2_Height) - var(--aug__BorderBottom) - var(--aug__JustInlayBottom);
    --aug__L1_ScoopOriginX: var(--aug__L_Inset1) + var(--aug__BorderLeft) + var(--aug__JustInlayLeft);
    --aug__L1_ScoopOriginY: var(--aug__LyIn) - var(--aug__L1_Height) + var(--aug__BorderTop) + var(--aug__JustInlayTop);
    --aug__L2_ScoopOriginX: var(--aug__L_Inset2) + var(--aug__BorderLeft) + var(--aug__JustInlayLeft);
    --aug__L2_ScoopOriginY: var(--aug__LyOut) + var(--aug__L2_Height) - var(--aug__BorderBottom) - var(--aug__JustInlayBottom);
  }

  [data-augmented-ui-border],
  [data-augmented-ui-inlay] {
    /* this allows the delegate to also be/use data-augmented-ui-reset, so more augmented can be nested directly within */
    --aug__0px_If_BorderDisabled_Delegate: var(--aug-border) 0px;
    --aug__BorderTop: var(--aug__0px_If_BorderDisabled_Delegate, var(--aug-border-top, var(--aug-border-y, var(--aug-border-all))));
    --aug__BorderRight: var(--aug__0px_If_BorderDisabled_Delegate, var(--aug-border-right, var(--aug-border-x, var(--aug-border-all))));
    --aug__BorderBottom: var(--aug__0px_If_BorderDisabled_Delegate, var(--aug-border-bottom, var(--aug-border-y, var(--aug-border-all))));
    --aug__BorderLeft: var(--aug__0px_If_BorderDisabled_Delegate, var(--aug-border-left, var(--aug-border-x, var(--aug-border-all))));
    --aug__0px_If_InlayDisabled_Delegate: var(--aug-inlay) 0px;
    --aug__InlayTop: var(--aug__0px_If_InlayDisabled_Delegate, calc(var(--aug-inlay-top, var(--aug-inlay-y, var(--aug-inlay-all))) + var(--aug__BorderTop)));
    --aug__InlayRight: var(--aug__0px_If_InlayDisabled_Delegate, calc(var(--aug-inlay-right, var(--aug-inlay-x, var(--aug-inlay-all))) + var(--aug__BorderRight)));
    --aug__InlayBottom: var(--aug__0px_If_InlayDisabled_Delegate, calc(var(--aug-inlay-bottom, var(--aug-inlay-y, var(--aug-inlay-all))) + var(--aug__BorderBottom)));
    --aug__InlayLeft: var(--aug__0px_If_InlayDisabled_Delegate, calc(var(--aug-inlay-left, var(--aug-inlay-x, var(--aug-inlay-all))) + var(--aug__BorderLeft)));
    --aug__JustInlayTop: var(--aug__0px_If_InlayDisabled_Delegate, var(--aug-inlay-top, var(--aug-inlay-y, var(--aug-inlay-all))));
    --aug__JustInlayRight: var(--aug__0px_If_InlayDisabled_Delegate, var(--aug-inlay-right, var(--aug-inlay-x, var(--aug-inlay-all))));
    --aug__JustInlayBottom: var(--aug__0px_If_InlayDisabled_Delegate, var(--aug-inlay-bottom, var(--aug-inlay-y, var(--aug-inlay-all))));
    --aug__JustInlayLeft: var(--aug__0px_If_InlayDisabled_Delegate, var(--aug-inlay-left, var(--aug-inlay-x, var(--aug-inlay-all))));
  }

  [data-augmented-ui-border],
  [data-augmented-ui]::after {
    --aug__Border_none_if_Disabled: var(--aug-border) none;
    --aug__Border_str_if_pseudo: var(--aug-delegated-border) "";
    content: var(--aug__Border_none_if_Disabled, var(--aug__Border_str_if_pseudo, none));
    --aug__Border_OpacityDisabled: var(--aug-border) 1;
    --aug__Border_PositionDisabled: var(--aug-border) static;
    --aug__Border_auto_if_Disabled: var(--aug-border) auto;
    --aug__Border_TRBLEnabled: var(--aug__Border_auto_if_Disabled, 0px);
    opacity: var(--aug__Border_OpacityDisabled, var(--aug-border-opacity, 1));
    position: var(--aug__Border_PositionDisabled, absolute);
    top: var(--aug__Border_TRBLEnabled);
    right: var(--aug__Border_TRBLEnabled);
    bottom: var(--aug__Border_TRBLEnabled);
    left: var(--aug__Border_TRBLEnabled);
    background: var(--aug__Border_none_if_Disabled, var(--aug-border-bg, none));
    pointer-events: var(--aug__Border_auto_if_Disabled, none);
    --aug__DegOuterLoop: var(--aug-border,
      , var(--aug__BorderLeft) calc(var(--aug__TLyIn) + var(--aug__BorderTop)),
      -1px calc(var(--aug__TLyIn) + var(--aug__BorderTop)),
      -1px calc(100% + 1px), calc(100% + 1px) calc(100% + 1px), calc(100% + 1px) -1px, -1px -1px,
      -1px calc(var(--aug__TLyIn) + var(--aug__BorderTop)),
      var(--aug__BorderLeft) calc(var(--aug__TLyIn) + var(--aug__BorderTop))
    );
    --aug__Deg_invalid_if_Disabled: var(--aug-border) INVAL1D;
    --aug__Deg_PathToggle: var(--aug-border);
    --aug__DegLeft: var(--aug__BorderLeft);
    --aug__DegRight: var(--aug__BorderRight);
    --aug__DegTop: var(--aug__BorderTop);
    --aug__DegBottom: var(--aug__BorderBottom);
    --aug__ScoopDegLeft: var(--aug__JustInlayLeft);
    --aug__ScoopDegRight: var(--aug__JustInlayRight);
    --aug__ScoopDegTop: var(--aug__JustInlayTop);
    --aug__ScoopDegBottom: var(--aug__JustInlayBottom);
  }

  [data-augmented-ui-inlay],
  [data-augmented-ui]::before {
    --aug__Inlay_none_if_Disabled: var(--aug-inlay) none;
    --aug__Inlay_str_if_pseudo: var(--aug-delegated-inlay) "";
    content: var(--aug__Inlay_none_if_Disabled, var(--aug__Inlay_str_if_pseudo, none));
    --aug__Inlay_OpacityDisabled: var(--aug-inlay) 1;
    --aug__Inlay_PositionDisabled: var(--aug-inlay) static;
    --aug__Inlay_auto_if_Disabled: var(--aug-inlay) auto;
    --aug__Inlay_TRBLEnabled: var(--aug__Inlay_auto_if_Disabled, 0px);
    opacity: var(--aug__Inlay_OpacityDisabled, var(--aug-inlay-opacity, 1));
    position: var(--aug__Inlay_PositionDisabled, absolute);
    top: var(--aug__Inlay_TRBLEnabled);
    right: var(--aug__Inlay_TRBLEnabled);
    bottom: var(--aug__Inlay_TRBLEnabled);
    left: var(--aug__Inlay_TRBLEnabled);
    background: var(--aug__Inlay_none_if_Disabled, var(--aug-inlay-bg, none));
    z-index: var(--aug__Inlay_auto_if_Disabled, -1);
    --aug__DegOuterLoop: ;
    --aug__Deg_invalid_if_Disabled: var(--aug-inlay) INVAL1D;
    --aug__Deg_PathToggle: var(--aug-inlay);
    --aug__DegLeft: var(--aug__InlayLeft);
    --aug__DegRight: var(--aug__InlayRight);
    --aug__DegTop: var(--aug__InlayTop);
    --aug__DegBottom: var(--aug__InlayBottom);
    --aug__ScoopDegLeft: 0px;
    --aug__ScoopDegRight: 0px;
    --aug__ScoopDegTop: 0px;
    --aug__ScoopDegBottom: 0px;
  }

  [data-augmented-ui-border],
  [data-augmented-ui]::after,
  [data-augmented-ui-inlay],
  [data-augmented-ui]::before {
    /* Step Paths */
    --aug__Degradation_StepTL1: var(--aug-step-tl1, calc(var(--aug__TL_Inset1) + var(--aug__DegLeft)) calc(var(--aug__TL_Inset2) + var(--aug__TL2_Height) + var(--aug__TL_Extend1) + var(--aug__DegTop)), );
    --aug__Degradation_StepTL2: var(--aug-step-tl2, calc(var(--aug__TL_Inset1) + var(--aug__TL1_Width) + var(--aug__TL_Extend2) + var(--aug__DegLeft)) calc(var(--aug__TL_Inset2) + var(--aug__DegTop)), );
    --aug__Degradation_StepT1: var(--aug-step-t1, calc(var(--aug__TxIn) + var(--aug__T1_Width) - var(--aug__DegRight)) calc(var(--aug__T_Inset1) + var(--aug__DegTop)), );
    --aug__Degradation_StepT2: var(--aug-step-t2, calc(var(--aug__TxOut) - var(--aug__T2_Width) + var(--aug__DegLeft)) calc(var(--aug__T_Inset2) + var(--aug__DegTop)), );
    --aug__Degradation_StepTR1: var(--aug-step-tr1, calc(var(--aug__TRxIn) + var(--aug__TR1_Width) - var(--aug__DegRight)) calc(var(--aug__TR_Inset1) + var(--aug__DegTop)), );
    --aug__Degradation_StepTR2: var(--aug-step-tr2, calc(100% - var(--aug__TR_Inset2) - var(--aug__DegRight)) calc(var(--aug__TRyOut) - var(--aug__TR2_Height) + var(--aug__DegTop)), );
    --aug__Degradation_StepR1: var(--aug-step-r1, calc(100% - var(--aug__R_Inset1) - var(--aug__DegRight)) calc(var(--aug__RyIn) + var(--aug__R1_Height) - var(--aug__DegBottom)), );
    --aug__Degradation_StepR2: var(--aug-step-r2, calc(100% - var(--aug__R_Inset2) - var(--aug__DegRight)) calc(var(--aug__RyOut) - var(--aug__R2_Height) + var(--aug__DegTop)), );
    --aug__Degradation_StepBR1: var(--aug-step-br1, calc(100% - var(--aug__BR_Inset1) - var(--aug__DegRight)) calc(var(--aug__BRyIn) + var(--aug__BR1_Height) - var(--aug__DegBottom)), );
    --aug__Degradation_StepBR2: var(--aug-step-br2, calc(var(--aug__BRxOut) + var(--aug__BR2_Width) - var(--aug__DegRight)) calc(100% - var(--aug__BR_Inset2) - var(--aug__DegBottom)), );
    --aug__Degradation_StepB1: var(--aug-step-b1, calc(var(--aug__BxIn) - var(--aug__B1_Width) + var(--aug__DegLeft)) calc(100% - var(--aug__B_Inset1) - var(--aug__DegBottom)), );
    --aug__Degradation_StepB2: var(--aug-step-b2, calc(var(--aug__BxOut) + var(--aug__B2_Width) - var(--aug__DegRight)) calc(100% - var(--aug__B_Inset2) - var(--aug__DegBottom)), );
    --aug__Degradation_StepBL1: var(--aug-step-bl1, calc(var(--aug__BLxIn) - var(--aug__BL1_Width) + var(--aug__DegLeft)) calc(100% - var(--aug__BL_Inset1) - var(--aug__DegBottom)), );
    --aug__Degradation_StepBL2: var(--aug-step-bl2, calc(var(--aug__BL_Inset2) + var(--aug__DegLeft)) calc(var(--aug__BLyOut) + var(--aug__BL2_Height) - var(--aug__DegBottom)), );
    --aug__Degradation_StepL1: var(--aug-step-l1, calc(var(--aug__L_Inset1) + var(--aug__DegLeft)) calc(var(--aug__LyIn) - var(--aug__L1_Height) + var(--aug__DegTop)), );
    --aug__Degradation_StepL2: var(--aug-step-l2, calc(var(--aug__L_Inset2) + var(--aug__DegLeft)) calc(var(--aug__LyOut) + var(--aug__L2_Height) - var(--aug__DegBottom)), );

    /* Rect Paths */
    --aug__Degradation_RectTL1: var(--aug-rect-tl1, calc(var(--aug__TL_Inset1) + var(--aug__TL1_Width) + var(--aug__DegLeft)) calc(var(--aug__TLyIn) + var(--aug__DegTop)), );
    --aug__Degradation_RectTL2: var(--aug-rect-tl2, calc(var(--aug__TLxOut) + var(--aug__DegLeft)) calc(var(--aug__TL_Inset2) + var(--aug__TL2_Height) + var(--aug__DegTop)), );
    --aug__Degradation_RectT1: var(--aug-rect-t1, calc(var(--aug__TxIn) - var(--aug__DegRight)) calc(var(--aug__T_Inset1) + var(--aug__T1_Height) + var(--aug__DegTop)), );
    --aug__Degradation_RectT2: var(--aug-rect-t2, calc(var(--aug__TxOut) + var(--aug__DegLeft)) calc(var(--aug__T_Inset2) + var(--aug__T2_Height) + var(--aug__DegTop)), );
    --aug__Degradation_RectTR1: var(--aug-rect-tr1, calc(var(--aug__TRxIn) - var(--aug__DegRight)) calc(var(--aug__TR_Inset1) + var(--aug__TR1_Height) + var(--aug__DegTop)), );
    --aug__Degradation_RectTR2: var(--aug-rect-tr2, calc(100% - var(--aug__TR_Inset2) - var(--aug__TR2_Width) - var(--aug__DegRight)) calc(var(--aug__TRyOut) + var(--aug__DegTop)), );
    --aug__Degradation_RectR1: var(--aug-rect-r1, calc(100% - var(--aug__R_Inset1) - var(--aug__R1_Width) - var(--aug__DegRight)) calc(var(--aug__RyIn) - var(--aug__DegBottom)), );
    --aug__Degradation_RectR2: var(--aug-rect-r2, calc(100% - var(--aug__R_Inset2) - var(--aug__R2_Width) - var(--aug__DegRight)) calc(var(--aug__RyOut) + var(--aug__DegTop)), );
    --aug__Degradation_RectBR1: var(--aug-rect-br1, calc(100% - var(--aug__BR_Inset1) - var(--aug__BR1_Width) - var(--aug__DegRight)) calc(var(--aug__BRyIn) - var(--aug__DegBottom)), );
    --aug__Degradation_RectBR2: var(--aug-rect-br2, calc(var(--aug__BRxOut) - var(--aug__DegRight)) calc(100% - var(--aug__BR_Inset2) - var(--aug__BR2_Height) - var(--aug__DegBottom)), );
    --aug__Degradation_RectB1: var(--aug-rect-b1, calc(var(--aug__BxIn) + var(--aug__DegLeft)) calc(100% - var(--aug__B_Inset1) - var(--aug__B1_Height) - var(--aug__DegBottom)), );
    --aug__Degradation_RectB2: var(--aug-rect-b2, calc(var(--aug__BxOut) - var(--aug__DegRight)) calc(100% - var(--aug__B_Inset2) - var(--aug__B2_Height) - var(--aug__DegBottom)), );
    --aug__Degradation_RectBL1: var(--aug-rect-bl1, calc(var(--aug__BLxIn) + var(--aug__DegLeft)) calc(100% - var(--aug__BL_Inset1) - var(--aug__BL1_Height) - var(--aug__DegBottom)), );
    --aug__Degradation_RectBL2: var(--aug-rect-bl2, calc(var(--aug__BL_Inset2) + var(--aug__BL2_Width) + var(--aug__DegLeft)) calc(var(--aug__BLyOut) - var(--aug__DegBottom)), );
    --aug__Degradation_RectL1: var(--aug-rect-l1, calc(var(--aug__L_Inset1) + var(--aug__L1_Width) + var(--aug__DegLeft)) calc(var(--aug__LyIn) + var(--aug__DegTop)), );
    --aug__Degradation_RectL2: var(--aug-rect-l2, calc(var(--aug__L_Inset2) + var(--aug__L2_Width) + var(--aug__DegLeft)) calc(var(--aug__LyOut) - var(--aug__DegBottom)), );

    /* Clip Paths */
    --aug__Deg_TL1_ClipOffsetX: var(--aug__DegLeft) * var(--aug-tl1-clipmod-x);
    --aug__Deg_TL1_ClipOffsetY: var(--aug__DegTop) * var(--aug-tl1-clipmod-y);
    --aug__Deg_TL1_ClipOffset_In_X: (var(--aug__0px_If_TL1_IsNotClip, var(--aug-tl1-alt-join-in) 0px));
    --aug__Deg_TL1_ClipOffset_In_Y: (var(--aug__0px_If_TL1_IsNotClip, var(--aug-tl1-alt-join-in) var(--aug__Deg_TL1_ClipOffsetY)));
    --aug__Deg_TL1_ClipOffset_Out_X: (var(--aug__0px_If_TL1_IsNotClip, var(--aug-tl1-alt-join-out) var(--aug__Deg_TL1_ClipOffsetX)));
    --aug__Deg_TL1_ClipOffset_Out_Y: (var(--aug__0px_If_TL1_IsNotClip, var(--aug-tl1-alt-join-out) 0px));
    --aug__Deg_TL1_JoinMod_In_X: var(--aug__Deg_TL1_ClipOffset_In_X, var(--aug__Deg_TL1_ClipOffsetX));
    --aug__Deg_TL1_JoinMod_In_Y: var(--aug__Deg_TL1_ClipOffset_In_Y, 0px);
    --aug__Deg_TL1_JoinMod_Out_X: var(--aug__Deg_TL1_ClipOffset_Out_X, 0px);
    --aug__Deg_TL1_JoinMod_Out_Y: var(--aug__Deg_TL1_ClipOffset_Out_Y, var(--aug__Deg_TL1_ClipOffsetY));
    --aug__Degradation_ClipTL1: var(--aug-clip-tl1, );

    --aug__Deg_TL2_ClipOffsetX: var(--aug__DegLeft) * var(--aug-tl2-clipmod-x);
    --aug__Deg_TL2_ClipOffsetY: var(--aug__DegTop) * var(--aug-tl2-clipmod-y);
    --aug__Deg_TL2_ClipOffset_In_X: (var(--aug__0px_If_TL2_IsNotClip, var(--aug-tl2-alt-join-in) 0px));
    --aug__Deg_TL2_ClipOffset_In_Y: (var(--aug__0px_If_TL2_IsNotClip, var(--aug-tl2-alt-join-in) var(--aug__Deg_TL2_ClipOffsetY)));
    --aug__Deg_TL2_ClipOffset_Out_X: (var(--aug__0px_If_TL2_IsNotClip, var(--aug-tl2-alt-join-out) var(--aug__Deg_TL2_ClipOffsetX)));
    --aug__Deg_TL2_ClipOffset_Out_Y: (var(--aug__0px_If_TL2_IsNotClip, var(--aug-tl2-alt-join-out) 0px));
    --aug__Deg_TL2_JoinMod_In_X: var(--aug__Deg_TL2_ClipOffset_In_X, var(--aug__Deg_TL2_ClipOffsetX));
    --aug__Deg_TL2_JoinMod_In_Y: var(--aug__Deg_TL2_ClipOffset_In_Y, 0px);
    --aug__Deg_TL2_JoinMod_Out_X: var(--aug__Deg_TL2_ClipOffset_Out_X, 0px);
    --aug__Deg_TL2_JoinMod_Out_Y: var(--aug__Deg_TL2_ClipOffset_Out_Y, var(--aug__Deg_TL2_ClipOffsetY));
    --aug__Degradation_ClipTL2: var(--aug-clip-tl2, );

    --aug__Deg_T1_ClipOffsetX: var(--aug__DegRight) * var(--aug-t1-clipmod-x);
    --aug__Deg_T1_ClipOffsetY: var(--aug__DegTop) * var(--aug-t1-clipmod-y);
    --aug__Deg_T1_ClipOffset_In_X: (var(--aug__0px_If_T1_IsNotClip, var(--aug-t1-alt-join-in) var(--aug__Deg_T1_ClipOffsetX)));
    --aug__Deg_T1_ClipOffset_In_Y: (var(--aug__0px_If_T1_IsNotClip, var(--aug-t1-alt-join-in) 0px));
    --aug__Deg_T1_ClipOffset_Out_X: (var(--aug__0px_If_T1_IsNotClip, var(--aug-t1-alt-join-out) var(--aug__Deg_T1_ClipOffsetX)));
    --aug__Deg_T1_ClipOffset_Out_Y: (var(--aug__0px_If_T1_IsNotClip, var(--aug-t1-alt-join-out) 0px));
    --aug__Deg_T1_JoinMod_In_X: var(--aug__Deg_T1_ClipOffset_In_X, 0px);
    --aug__Deg_T1_JoinMod_In_Y: var(--aug__Deg_T1_ClipOffset_In_Y, var(--aug__Deg_T1_ClipOffsetY));
    --aug__Deg_T1_JoinMod_Out_X: var(--aug__Deg_T1_ClipOffset_Out_X, var(--aug__DegRight));
    --aug__Deg_T1_JoinMod_Out_Y: var(--aug__Deg_T1_ClipOffset_Out_Y, var(--aug__Deg_T1_ClipOffsetY));
    --aug__Degradation_ClipT1: var(--aug-clip-t1, );

    --aug__Deg_T2_ClipOffsetX: var(--aug__DegLeft) * var(--aug-t2-clipmod-x);
    --aug__Deg_T2_ClipOffsetY: var(--aug__DegTop) * var(--aug-t2-clipmod-y);
    --aug__Deg_T2_ClipOffset_In_X: (var(--aug__0px_If_T2_IsNotClip, var(--aug-t2-alt-join-in) var(--aug__Deg_T2_ClipOffsetX)));
    --aug__Deg_T2_ClipOffset_In_Y: (var(--aug__0px_If_T2_IsNotClip, var(--aug-t2-alt-join-in) 0px));
    --aug__Deg_T2_ClipOffset_Out_X: (var(--aug__0px_If_T2_IsNotClip, var(--aug-t2-alt-join-out) var(--aug__Deg_T2_ClipOffsetX)));
    --aug__Deg_T2_ClipOffset_Out_Y: (var(--aug__0px_If_T2_IsNotClip, var(--aug-t2-alt-join-out) 0px));
    --aug__Deg_T2_JoinMod_In_X: var(--aug__Deg_T2_ClipOffset_In_X, var(--aug__DegLeft));
    --aug__Deg_T2_JoinMod_In_Y: var(--aug__Deg_T2_ClipOffset_In_Y, var(--aug__Deg_T2_ClipOffsetY));
    --aug__Deg_T2_JoinMod_Out_X: var(--aug__Deg_T2_ClipOffset_Out_X, 0px);
    --aug__Deg_T2_JoinMod_Out_Y: var(--aug__Deg_T2_ClipOffset_Out_Y, var(--aug__Deg_T2_ClipOffsetY));
    --aug__Degradation_ClipT2: var(--aug-clip-t2, );

    --aug__Deg_TR1_ClipOffsetX: var(--aug__DegRight) * var(--aug-tr1-clipmod-x);
    --aug__Deg_TR1_ClipOffsetY: var(--aug__DegTop) * var(--aug-tr1-clipmod-y);
    --aug__Deg_TR1_ClipOffset_In_X: (var(--aug__0px_If_TR1_IsNotClip, var(--aug-tr1-alt-join-in) var(--aug__Deg_TR1_ClipOffsetX)));
    --aug__Deg_TR1_ClipOffset_In_Y: (var(--aug__0px_If_TR1_IsNotClip, var(--aug-tr1-alt-join-in) 0px));
    --aug__Deg_TR1_ClipOffset_Out_X: (var(--aug__0px_If_TR1_IsNotClip, var(--aug-tr1-alt-join-out) 0px));
    --aug__Deg_TR1_ClipOffset_Out_Y: (var(--aug__0px_If_TR1_IsNotClip, var(--aug-tr1-alt-join-out) var(--aug__Deg_TR1_ClipOffsetY)));
    --aug__Deg_TR1_JoinMod_In_X: var(--aug__Deg_TR1_ClipOffset_In_X, 0px);
    --aug__Deg_TR1_JoinMod_In_Y: var(--aug__Deg_TR1_ClipOffset_In_Y, var(--aug__Deg_TR1_ClipOffsetY));
    --aug__Deg_TR1_JoinMod_Out_X: var(--aug__Deg_TR1_ClipOffset_Out_X, var(--aug__Deg_TR1_ClipOffsetX));
    --aug__Deg_TR1_JoinMod_Out_Y: var(--aug__Deg_TR1_ClipOffset_Out_Y, 0px);
    --aug__Degradation_ClipTR1: var(--aug-clip-tr1, );

    --aug__Deg_TR2_ClipOffsetX: var(--aug__DegRight) * var(--aug-tr2-clipmod-x);
    --aug__Deg_TR2_ClipOffsetY: var(--aug__DegTop) * var(--aug-tr2-clipmod-y);
    --aug__Deg_TR2_ClipOffset_In_X: (var(--aug__0px_If_TR2_IsNotClip, var(--aug-tr2-alt-join-in) var(--aug__Deg_TR2_ClipOffsetX)));
    --aug__Deg_TR2_ClipOffset_In_Y: (var(--aug__0px_If_TR2_IsNotClip, var(--aug-tr2-alt-join-in) 0px));
    --aug__Deg_TR2_ClipOffset_Out_X: (var(--aug__0px_If_TR2_IsNotClip, var(--aug-tr2-alt-join-out) 0px));
    --aug__Deg_TR2_ClipOffset_Out_Y: (var(--aug__0px_If_TR2_IsNotClip, var(--aug-tr2-alt-join-out) var(--aug__Deg_TR2_ClipOffsetY)));
    --aug__Deg_TR2_JoinMod_In_X: var(--aug__Deg_TR2_ClipOffset_In_X, 0px);
    --aug__Deg_TR2_JoinMod_In_Y: var(--aug__Deg_TR2_ClipOffset_In_Y, var(--aug__Deg_TR2_ClipOffsetY));
    --aug__Deg_TR2_JoinMod_Out_X: var(--aug__Deg_TR2_ClipOffset_Out_X, var(--aug__Deg_TR2_ClipOffsetX));
    --aug__Deg_TR2_JoinMod_Out_Y: var(--aug__Deg_TR2_ClipOffset_Out_Y, 0px);
    --aug__Degradation_ClipTR2: var(--aug-clip-tr2, );

    --aug__Deg_R1_ClipOffsetX: var(--aug__DegRight) * var(--aug-r1-clipmod-x);
    --aug__Deg_R1_ClipOffsetY: var(--aug__DegBottom) * var(--aug-r1-clipmod-y);
    --aug__Deg_R1_ClipOffset_In_X: (var(--aug__0px_If_R1_IsNotClip, var(--aug-r1-alt-join-in) 0px));
    --aug__Deg_R1_ClipOffset_In_Y: (var(--aug__0px_If_R1_IsNotClip, var(--aug-r1-alt-join-in) var(--aug__Deg_R1_ClipOffsetY)));
    --aug__Deg_R1_ClipOffset_Out_X: (var(--aug__0px_If_R1_IsNotClip, var(--aug-r1-alt-join-out) 0px));
    --aug__Deg_R1_ClipOffset_Out_Y: (var(--aug__0px_If_R1_IsNotClip, var(--aug-r1-alt-join-out) var(--aug__Deg_R1_ClipOffsetY)));
    --aug__Deg_R1_JoinMod_In_X: var(--aug__Deg_R1_ClipOffset_In_X, var(--aug__Deg_R1_ClipOffsetX));
    --aug__Deg_R1_JoinMod_In_Y: var(--aug__Deg_R1_ClipOffset_In_Y, 0px);
    --aug__Deg_R1_JoinMod_Out_X: var(--aug__Deg_R1_ClipOffset_Out_X, var(--aug__Deg_R1_ClipOffsetX));
    --aug__Deg_R1_JoinMod_Out_Y: var(--aug__Deg_R1_ClipOffset_Out_Y, var(--aug__DegBottom));
    --aug__Degradation_ClipR1: var(--aug-clip-r1, );

    --aug__Deg_R2_ClipOffsetX: var(--aug__DegRight) * var(--aug-r2-clipmod-x);
    --aug__Deg_R2_ClipOffsetY: var(--aug__DegTop) * var(--aug-r2-clipmod-y);
    --aug__Deg_R2_ClipOffset_In_X: