{"version":3,"sources":["aui-sidebar-skeleton.less","imports/mixins.less","imports/mixins/typography.less","aui-sidebar-navigation.less","imports/aui-theme/components/navigation.less","aui-sidebar-grouping.less","aui-sidebar-badges.less"],"names":[],"mappings":"AAcA,iBACI;ECMI,sBAAA;EDJA,mBAAA;;AAGJ,iBAAC,sBACG;EACI,kBAAA;;AAKZ,uBACI;EACI,cAAA;EACA,qBAAA;EACA,6BAAA;;AAGJ,uBAAC,sBAAuB;EACpB,qBAAA;;AAOR;ECrBQ,sBAAA;EDuBJ,eAAA;EACA,kBAAA;EACA,YAAA;EAEA,UAAA;;AAII,QAAS,aADb;EAEQ,mBAAA;EACA,mBAAA;;AAZZ,YASI,mBAOI;EACI,mBAAA;;AAjBZ,YAqBI;EACI,gBAAA;;AAtBR,YAyBI;EACI,aAAA;EACA,mBAAA;;AAEA,uBAAwB,aAJ5B;EAKQ,mBAAA;EACA,8BAAA;EACA,WAAA;EACA,kBAAA;EACA,qBAAA;EACA,cAAA;;AAQJ,uBAAwB,aAF3B;EAGO,+BAAA;EACA,YAAA;EACA,kBAAA;;AALR,YAAC,oBAQG;EACI,kBAAA;EAKA,UAAA;;AAJA,uBAAwB,aAV/B,oBAQG;EAGQ,iBAAA;EACA,qBAAA;;AAMJ,QAAS,aAlBhB,oBAiBG;EAEQ,kBAAA;;AA5DhB,YAqEI;EC1FI,sBAAA;ED4FA,eAAA;EACA,qBAAA;EACA,yBAAA;EACA,aAAA;EACA,sBAAA;EACA,YAAA;EAGA,kBAAA;EACA,MAAA;EACA,YAAA;;AAEA,YAdJ,qBAcK;EACG,eAAA;EACA,MAAA;EACA,YAAA;;AAGJ,uBAAwB,aApB5B;EAqBQ,gBAAA;;AAIR,uBAAwB;EACpB,yBAAA;EACA,WAAA;EACA,gBAAA;;AAHJ,uBAAwB,aAKpB;EACI,kBAAA;;AApGZ,YAyGI;EACI,wBAAA;EACA,iBAAA;EACA,kBAAA;;AA5GR,YAyGI,iBAKI;EACI,kBAAA;;AA/GZ,YAyGI,iBASI;EACI,cAAA;;AAnHZ,YAuHI;AAvHJ,YAwHI;AAxHJ,YAyHI;EACI,cAAA;;AA1HR,YA6HI,uBACI;EACI,kBAAA;;AA/HZ,YAmII,0BACI;EACI,YAAA;EACA,cAAA;EACA,iBAAA;;AAvIZ,YAmII,0BACI,uBAKI;EACI,iBAAA;EACA,eAAA;;AA3IhB,YAmII,0BAYI;EACI,kBAAA;;AAhJZ,YAmII,0BAYI,sBAGI;AAlJZ,YAmII,0BAYI,sBAII;EEpKA,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,uBAAA;EACA,oBAAA;EFkKI,iBAAA;;AAEA,YApBZ,0BAYI,sBAGI,KAKK;AAAD,YApBZ,0BAYI,sBAII,KAIK;EACG,cAAA;;AAxJpB,YA8JI;EACI,gBAAA;;AA/JR,YA8JI,sBAGI;AAjKR,YA8JI,sBAII;EEjKI,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,wBAAA;EACA,oBAAA;EDFJ,mBAAA;EACA,uBAAA;EACA,gBAAA;EDgKI,iBAAA;;AAEA,YATR,sBAGI,KAMK;AAAD,YATR,sBAII,KAKK;EACG,iBAAA;;AAxKhB,YA6KI;EACI,aAAA;;AA9KR,YAiLI,qBAAqB;EACjB,WAAA;;AAlLR,YAuLI;EAEI,qFAAA;EACA,kBAAA;EACA,YAAA;EACA,kBAAA;EACA,YAAA;EACA,MAAA;EACA,WAAA;;AA/LR,YAsMI;EC3NI,uBAAA;ED6NA,YAAA;EACA,gBAAA;;AAzMR,YA4MI;ECjOI,sBAAA;EDmOA,6BAAA;EACA,aAAA;EACA,2BAAA;EACA,cAAA;EACA,8BAAA;EACA,gBAAA;EACA,iBAAA;;AAEA,uBAAwB,aAV5B;EAWQ,gCAAA;EACA,gBAAA;;AAxNZ,YA4MI,oBAkBI,UAAS;EAGL,2BAAA;;AAjOZ,YA4MI,oBAyBI;EClOA,mBAAA;EACA,uBAAA;EACA,gBAAA;EDkOI,eAAA;;AAvOZ,YA4MI,oBAyBI,YAII;EACI,cAAA;;AA1OhB,YA4MI,oBAkCI;EACI,SAAA;;AA/OZ,YA4MI,oBAkCI,sBAEI;EACI,6EAAA;EACA,qBAAA;;AAQZ,YAAC;EAEG,WAAA;;AAFJ,YAAC,uBAIG;EACI,kBAAA;;AAKA,QAAS,aAVhB,uBASG;EAEQ,kBAAA;;AAXZ,YAAC,uBASG,mBAMI;EACI,kBAAA;;AAhBZ,YAAC,uBAoBG;EACI,kBAAA;;AACA,uBAAwB,aAtB/B,uBAoBG;EAGQ,8BAAA;EACA,iBAAA;EACA,qBAAA;;AAzBZ,YAAC,uBA6BG;EACI,WAAA;;AA9BR,YAAC,uBAiCG,uBAAuB;EACnB,qBAAA;EACA,aAAA;EACA,uBAAA;EACA,kBAAA;EACA,WAAA;;AAtCR,YAAC,uBAyCG;EACI,cAAA;EACA,eAAA;;AA3CR,YAAC,uBAyCG,iBAII;AA7CR,YAAC,uBAyCG,iBAKI,YAAY;EACR,YAAA;EACA,WAAA;;AAhDZ,YAAC,uBAyCG,iBAUI,YAAY,kBAAkB;EAC1B,gBAAA;EACA,eAAA;;AArDZ,YAAC,uBAyDG;EACI,aAAA;;AA1DR,YAAC,uBA6DG;EC5UA,sBAAA;ED8UI,YAAA;EACA,UAAA;EACA,WAAA;;AAjER,YAAC,uBAqEG;EACI,gBAAA;EACA,8BAAA;;AAvER,YAAC,uBAqEG,oBAII,sBACI;ECvUR,mBAAmB,cAAnB;EACA,eAAe,cAAf;EACA,WAAW,cAAX;;AD2PJ,YAAC,uBAqEG,oBAUI;EACI,eAAA;EACA,gBAAA;EACA,kBAAA;EAEA,mBAAA;EACA,mBAAA;;AArFZ,YAAC,uBAqEG,oBAUI,cAQI;EACI,aAAA;;AAOhB,YAAC,gBACG;EC/UA,yCAAA;;AD8UJ,YAAC,gBAKG;ECnVA,kCAAA;;AD8UJ,YAAC,gBASG;ECvVA,wCAAA;;ADiWR;ECjWQ,oCAAA;EDmWJ,UAAA;;AAFJ,4BAII;EACI,mBAAA;;AALR,4BAQI;EACI,2BAAA;;AAGJ,4BAAC;EACG,UAAA;;AGzZR,YAOI,cAAc;AANlB,oBAMI,cAAc;EACV,mBAAA;EACA,gBAAA;;AATR,YAOI,cAAc,oBAIV;AAVR,oBAMI,cAAc,oBAIV;EACI,iBAAA;;AAZZ,YAgBI;AAfJ,oBAeI;EFmBI,mBAAA;EACA,uBAAA;EACA,gBAAA;EEnBA,cAAA;EACA,iBAAA;;AAnBR,YAsBI,uBAAuB,SACnB,KACI;AAvBZ,oBAqBI,uBAAuB,SACnB,KACI;ECmBJ,kBAAA;EACA,uBAAA;EAIA,cAAA;EAKA,uBAAA;EACA,iBAAA;ED5BQ,iBAAA;EACA,mBAAA;;AA3BhB,YAsBI,uBAAuB,SAUnB;AA/BR,oBAqBI,uBAAuB,SAUnB;EAEI,QAAA;EACA,YAAA;EACA,WAAA;;AAKA,YAnBR,uBAAuB,SAkBnB,SACK,WACG,cAAc;AADlB,oBAnBR,uBAAuB,SAkBnB,SACK,WACG,cAAc;EACV,SAAA;EACA,gBAAA;;AA5CpB,YAsBI,uBAAuB,SAkBnB,SAQI;AA/CZ,oBAqBI,uBAAuB,SAkBnB,SAQI;EACI,eAAA;;AAjDhB,YAsDI,uBAAuB,SAAS,kBAAkB;AArDtD,oBAqDI,uBAAuB,SAAS,kBAAkB;ECsB9C,uCAAA;EACA,cAAA;EACA,gBAAA;;AD9ER,YA0DI,SACI;AA1DR,oBAyDI,SACI;EACI,kBAAA;;AA5DZ,YA0DI,SACI,KAGI;AA7DZ,oBAyDI,SACI,KAGI;EF3BJ,mBAAA;EACA,uBAAA;EACA,gBAAA;;AErCR,YA0DI,SACI,KAGI,gBAGI;AAhEhB,oBAyDI,SACI,KAGI,gBAGI;EACI,cAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,WAAA;;AAEA,YAdhB,SACI,KAGI,gBAGI,YAOK;AAAD,oBAdhB,SACI,KAGI,gBAGI,YAOK;EACG,eAAA;EACA,iBAAA;;AAGJ,YAnBhB,SACI,KAGI,gBAGI,YAYK,eAAe;AAAhB,oBAnBhB,SACI,KAGI,gBAGI,YAYK,eAAe;EACZ,eAAA;EAEA,YAAA;;AAhFxB,YAwFI,uBAAuB,SAAS,KAAI,eAChC;AAxFR,oBAuFI,uBAAuB,SAAS,KAAI,eAChC;EAII,QAAA;EACA,SAAA;EACA,cAAA;;AA/FZ,YAwFI,uBAAuB,SAAS,KAAI,eAChC,0BAQI;AAhGZ,oBAuFI,uBAAuB,SAAS,KAAI,eAChC,0BAQI;EACI,kBAAA;;AAlGhB,YAwFI,uBAAuB,SAAS,KAAI,eAChC,0BAQI,gBAGI;AAnGhB,oBAuFI,uBAAuB,SAAS,KAAI,eAChC,0BAQI,gBAGI;EACI,aAAA;;AArGpB,YAwFI,uBAAuB,SAAS,KAAI,eAChC,0BAgBI;AAxGZ,oBAuFI,uBAAuB,SAAS,KAAI,eAChC,0BAgBI;EACI,kBAAA;;AA1GhB,YAiHI;AAhHJ,oBAgHI;EACI,aAAA;;AAQJ,YAAC,uBAGG;EACI,aAAA;;AAJR,YAAC,uBAQG,uBAAuB,SAAS,KAAI,eAChC,0BACI;EACI,eAAA;;AAXhB,YAAC,uBAQG,uBAAuB,SAAS,KAAI,eAChC,0BACI,gBAGI;EACI,cAAA;;AAdpB,YAAC,uBAoBG,kBAAkB,KAAK,IAAG;EACtB,OAAA;EACA,QAAA;;AAtBR,YAAC,uBAyBG;EACI,aAAA;;AAOZ,2BAA4B;EACxB,aAAA;EACA,YAAA;EACA,iBAAA;;AAGJ;EACI,gBAAA;EACA,uBAAA;EACA,eAAA;EACA,WAAA;;AEjKJ,YAEI;EAEI,gBAAA;EACA,mBAAA;EACA,eAAA;;AANR,YAEI,mBAMI;EACI,cAAA;;AAQR,YAAC,uBAIG;EDkBA,kBAAA;EACA,uBAAA;EAIA,cAAA;EAKA,uBAAA;EACA,iBAAA;EAIA,6BAAA;EACA,cAAA;EACA,qBAAA;EC/BI,yEAAA;EACA,eAAA;EACA,YAAA;EACA,iBAAA;EACA,kBAAA;EACA,kBAAA;;AAEA,YAfP,uBAIG,mBAWK;AACD,YAhBP,uBAIG,mBAYK;ED2BL,uCAAA;EAEA,qBAAA;;ACzBI,YApBP,uBAIG,mBAgBK;EDmCL,uCAAA;EACA,cAAA;EACA,gBAAA;;ACzDJ,YAAC,uBAIG,mBAoBI;EACI,aAAA;;AAIJ,YA7BP,uBAIG,mBAyBK;AACD,YA9BP,uBAIG,mBA0BK;EACG,gBAAA;EACA,gBAAA;EACA,YAAA;EACA,UAAA;;AAlCZ,YAAC,uBAuCG;EACI,qBAAA;EACA,YAAA;;AAEA,YA3CP,uBAuCG,2BAIK;EAGG,oFAAA;EACA,qBAAA;EACA,yBAAA;EACA,kBAAA;EACA,SAAS,EAAT;EACA,cAAA;EACA,YAAA;EACA,OAAA;EACA,iBAAA;EACA,kBAAA;EACA,kBAAA;EACA,MAAA;EACA,WAAA;;AAMA,YAhEX,uBAuCG,2BAsBK,MAGI;AAAD,YAhEX,uBAuCG,2BAuBK,MAEI;AAAD,YAhEX,uBAuCG,2BAwBK,OACI;EACG,yBAAA;EACA,qBAAA;;AAlEhB,YAAC,uBAuCG,2BA+BI;EACI,6BAAA;EACA,gBAAA;EACA,iBAAA;;AAzEZ,YAAC,uBA8EG;EACI,gBAAA;EACA,YAAA;;AAEA,YAlFP,uBA8EG,4BAIK;EACG,aAAA;;AAGJ,YAtFP,uBA8EG,4BAQK;AACD,YAvFP,uBA8EG,4BASK;EACG,6BAAA;;AAxFZ,YAAC,uBA8EG,4BAaI;EACI,cAAA;EACA,YAAA;;AA7FZ,YAAC,uBA8EG,4BAaI,SAII;EACI,cAAA;;AAhGhB,YAAC,uBA8EG,4BAaI,SAII,KAGI;EACI,eAAA;EACA,gBAAA;EACA,kBAAA;;AArGpB,YAAC,uBA8EG,4BAaI,SAII,KAGI,gBAMI;EACI,WAAA;EACA,cAAA;;AAGJ,YA7GnB,uBA8EG,4BAaI,SAII,KAGI,gBAWK;EDtDjB,uCAAA;EACA,cAAA;EACA,gBAAA;;ACzDJ,YAAC,uBA8EG,4BAaI,SAII,KAoBI;EACI,SAAA;EACA,MAAM,aAAN;EACA,WAAA;EACA,YAAA;EACA,gBAAA;EACA,UAAA;EACA,kBAAA;EACA,UAAA;;AA3HpB,YAAC,uBA8EG,4BAaI,SAII,KAgCI;EACI,aAAA;;AAhIpB,YAAC,uBA8EG,4BAaI,SAII,KAoCI;EACI,aAAA;;AApIpB,YAAC,uBA8EG,4BAaI,SA8CI;EACI,aAAA;;AA1IhB,YAAC,uBA8EG,4BAgEI;EACI,6BAAA;EACA,gBAAA;EACA,iBAAA;;ACtKhB,YAGI,SAAS,KAAK,gBACV;AAHR,oBAEI,SAAS,KAAK,gBACV;AAJR,YAGI,SAAS,KAAK,gBAEV;AAJR,oBAEI,SAAS,KAAK,gBAEV;EACI,yBAAA;EACA,qBAAA;EACA,4BAAA;EAEA,YAAA;EAIA,eAAA;;AASR,YAAC,uBACG,SAAS,KAAK,IAAG,MAAO,gBAAgB;EACpC,mBAAA;;AAFR,YAAC,uBAMG,4BACI,SAAS,KAAK,gBAEV;AATZ,YAAC,uBAMG,4BACI,SAAS,KAAK,gBAGV;EACI,iBAAA;EACA,mBAAA;EACA,cAAA;EACA,aAAA;EACA,oBAAA;EACA,kBAAA;EACA,aAAA;EACA,WAAA;EACA,UAAA","sourcesContent":["@import 'aui-sidebar-config.less';\n\n//\n// Imported by aui-sidebar.\n//\n// Implements the base container styles for the sidebar, so it works\n// on various screen widths and devices. The sidebar has an expanded\n// and contracted mode, whose skeleton structure is styled here.\n//\n\n//\n// Page-level markers\n// these are added to <body> to indicate a sidebar is rendered on the page\n//\n.aui-page-sidebar {\n    #footer {\n        #aui.box-sizing();\n        padding-left: @aui-sidebar-width;\n    }\n\n    &.aui-sidebar-collapsed {\n        #footer {\n            padding-left: @aui-sidebar-collapsed-width;\n        }\n    }\n}\n\n.aui-page-sidebar-touch {\n    #footer {\n        margin-left: 0;\n        padding-left: inherit;\n        border-top: 1px solid @aui-sidebar-border-color;\n    }\n\n    &.aui-sidebar-collapsed #footer {\n        padding-left: inherit;\n    }\n}\n\n//\n// The sidebar skeleton\n//\n.aui-sidebar {\n    #aui.box-sizing();\n    min-width: @aui-sidebar-collapsed-width;\n    position: absolute;\n    width: @aui-sidebar-width;\n    // TODO: Remove this when sidebar is managed by Layer Manager (AUI-3665).\n    z-index: 1;\n\n    // handle page layouts that have an AUI Page Header in addition to a sidebar\n    + .aui-page-header {\n        #content & { // increase the selector strength to trump AUI page layout\n            padding-left: @aui-sidebar-width + (@aui-grid * 2);\n            background: @aui-sidebar-layout-page-header-background-color;\n        }\n\n        // handle horizontal nav below page header\n        + .aui-navgroup {\n            padding-left: @aui-sidebar-width + (@aui-grid);\n        }\n    }\n\n    + .aui-page-panel {\n        border-top: none;\n    }\n\n    ~ .aui-page-panel {\n        margin-top: 0;\n        padding-left: @aui-sidebar-width;\n\n        .aui-page-sidebar-touch & {\n            border-bottom: none;\n            border-left: 1px solid @aui-sidebar-border-color;\n            clear: none;\n            margin-left: @aui-sidebar-width;\n            padding-left: inherit;\n            width: inherit;\n        }\n\n    }\n\n    // when the sidebar sits over the content\n    &.aui-sidebar-fly-out {\n\n        .aui-page-sidebar-touch & {\n            border-right: 1px solid @aui-sidebar-border-color;\n            height: 100%;\n            position: absolute;\n        }\n\n        ~ .aui-page-panel {\n            padding-left: @aui-sidebar-collapsed-width;\n            .aui-page-sidebar-touch & {\n                margin-left: @aui-sidebar-collapsed-width;\n                padding-left: inherit;\n            }\n            z-index: 0;\n        }\n\n        + .aui-page-header {\n            #content & {\n                padding-left: @aui-sidebar-collapsed-width + (@aui-grid * 2);\n            }\n        }\n\n    }\n\n    //\n    // The content container inside the sidebar.\n    //\n    .aui-sidebar-wrapper {\n        #aui.box-sizing();\n        border-right: 0;\n        border-color: @aui-sidebar-border-color;\n        background-color: @aui-sidebar-background-color;\n        display: flex;\n        flex-direction: column;\n        width: @aui-sidebar-width;\n\n        // The sidebar sits within its container in fun ways.\n        position: absolute;\n        top: 0;\n        bottom: auto;\n\n        &.aui-is-docked {\n            position: fixed;\n            top: 0;\n            bottom: auto;\n        }\n\n        .aui-page-sidebar-touch & {\n            position: static;\n        }\n    }\n\n    .aui-page-sidebar-touch & {\n        background-color: @aui-background-color;\n        float: left;\n        position: static;\n\n        .aui-sidebar-wrapper {\n            border-right: none;\n        }\n    }\n\n    // Tweak existing page-header when shown inside the sidebar\n    .aui-page-header {\n        margin: (@aui-sidebar-spacing) (@aui-sidebar-spacing) 0 (@aui-sidebar-spacing);\n        padding-bottom: 0;\n        position: relative;\n\n        .aui-page-header-image {\n            position: absolute;\n        }\n\n        .aui-avatar {\n            display: block;\n        }\n    }\n\n    .aui-page-header-inner,\n    .aui-page-header-image,\n    .aui-page-header-main {\n        display: block;\n    }\n\n    .aui-page-header-image {\n        + .aui-page-header-main {\n            padding-left: (@aui-sidebar-grid + @aui-avatar-size-large);\n        }\n    }\n\n    .aui-sidebar-header-large {\n        .aui-page-header-image {\n            width: @aui-avatar-size-xxxlarge;\n            margin: 0 auto;\n            position: inherit;\n\n            + .aui-page-header-main {\n                padding-top: @aui-sidebar-grid;\n                padding-left: 0;\n            }\n        }\n\n        .aui-page-header-main {\n            text-align: center;\n\n            > h1,\n            > h2 {\n                #aui.typography.h700();\n                padding-top: @aui-sidebar-grid;\n\n                &:only-child {\n                    padding-top: 0;\n                }\n            }\n        }\n    }\n\n    .aui-page-header-main {\n        padding-top: (@aui-avatar-size-large - (@aui-sidebar-base-line-height * 2)) / 2; // avatar - 2 lines of heading text divided by 2 for top and bottom padding to center it vertically\n\n        > h1,\n        > h2 {\n            #aui.typography.h500();\n            #aui.text-truncate();\n            line-height: @aui-sidebar-base-line-height;\n\n            &:only-child {\n                line-height: @aui-avatar-size-large;\n            }\n        }\n    }\n\n    .aui-page-header-actions {\n        display: none; // page header actions should be rendered as a list under the main <nav class=\"aui-navgroup-vertical\">\n    }\n\n    .aui-nav-breadcrumbs > li {\n        width: 100%;\n    }\n    // END page header tweaks\n\n    // optional handle to adjust the width of the sidebar\n    .aui-sidebar-handle {\n        @sidebar-handle-width: @aui-sidebar-grid;\n        background: @aui-panel-bg-color url(images/icons/sidebar/icon-handle.png) center center no-repeat;\n        cursor: col-resize;\n        height: 100%;\n        position: absolute;\n        right: -@sidebar-handle-width;\n        top: 0;\n        width: @sidebar-handle-width;\n    }\n\n    //\n    // Sidebar body and footer content containers.\n    //\n\n    .aui-sidebar-body {\n        #aui.box-sizing(content-box);\n        flex-grow: 1; // so the footer is pushed to the bottom of the sidebar container.\n        overflow-y: auto;\n    }\n\n    .aui-sidebar-footer {\n        #aui.box-sizing();\n        border-top: 1px solid @aui-sidebar-border-color;\n        display: flex;\n        flex-direction: row-reverse;\n        flex-shrink: 0; // so the items don't get smaller as the browser height shrinks.\n        justify-content: space-between;\n        min-height: @aui-sidebar-footer-height;\n        padding: (@aui-sidebar-spacing - @aui-sidebar-gutter) @aui-sidebar-gutter;\n\n        .aui-page-sidebar-touch & {\n            border-bottom: 1px solid @aui-sidebar-border-color;\n            margin-top: @aui-sidebar-grid;\n        }\n\n        // AUI-4527 - The icon alignment seems wrong based on feedback in\n        // https://bitbucket.org/atlassian/aui/pull-requests/2052/aui-4605-aui-4606-aui-4607-sidebar-tweaks/diff#comment-53220218\n        // so until we can change the base iconography styles, this targeted hack will have to suffice\n        .aui-icon.aui-icon-small {\n            // undo a change made in `.aui-icon-small, .aui-icon-large`\n            // against AUI-1854 to use text-top for icons. maybe it made sense for FontAwesome..?\n            vertical-align: text-bottom;\n        }\n        // END AUI-4527 targeted hacks\n\n        .aui-button {\n            #aui.text-truncate();\n            max-width: 100%;\n\n            ~ .aui-button {\n                margin-left: 0;\n            }\n        }\n\n        > .aui-sidebar-toggle {\n            order: -1;\n            > .aui-icon {\n                background: url(images/icons/sidebar/icon-toggle.svg) center center no-repeat;\n                background-size: @aui-sidebar-icon-size;\n            }\n        }\n    }\n\n    //-----------------------\n    // Sidebar narrow state - add collapsed styles.\n    //-----------------------\n    &[aria-expanded=\"false\"] {\n        @aui-sidebar-nav-group-divider-width: 2px;\n        width: @aui-sidebar-collapsed-width;\n\n        .aui-sidebar-body {\n            overflow-x: hidden; // don't show horizontal scrollbar in collapsed state.\n        }\n\n        // handle page layouts that have an AUI Page Header in addition to a sidebar\n        + .aui-page-header {\n            #content & { // increase the selector strength to trump AUI page layout\n                padding-left: @aui-sidebar-collapsed-width + (@aui-grid * 2);\n            }\n\n            // handle horizontal nav below page header\n            + .aui-navgroup {\n                padding-left: @aui-sidebar-collapsed-width + @aui-grid;\n            }\n        }\n\n        ~ .aui-page-panel {\n            padding-left: @aui-sidebar-collapsed-width;\n            .aui-page-sidebar-touch & {\n                border-left: 1px solid @aui-border-color;\n                margin-left: @aui-sidebar-collapsed-width;\n                padding-left: inherit;\n            }\n        }\n\n        .aui-sidebar-wrapper {\n            width: @aui-sidebar-collapsed-width;\n        }\n\n        .aui-page-header-inner .aui-page-header-image {\n            align-content: center;\n            display: flex;\n            justify-content: center;\n            position: relative;\n            width: auto;\n        }\n\n        .aui-page-header {\n            margin-left: 0;\n            margin-right: 0;\n\n            .aui-avatar,\n            .aui-avatar .aui-avatar-inner {\n                height: @aui-sidebar-header-avatar-collapsed;\n                width: @aui-sidebar-header-avatar-collapsed;\n            }\n\n            .aui-avatar .aui-avatar-inner > img {\n                max-height: @aui-sidebar-header-avatar-collapsed;\n                max-width: @aui-sidebar-header-avatar-collapsed;\n            }\n        }\n\n        .aui-page-header-main {\n            display: none;\n        }\n\n        .aui-sidebar-body {\n            #aui.box-sizing();\n            bottom: @aui-sidebar-footer-height * 2;\n            padding: 0;\n            width: 100%;\n        }\n\n        // Adjust the sidebar footer for the collapsed state\n        .aui-sidebar-footer {\n            overflow: hidden;\n            flex-direction: column-reverse;\n\n            > .aui-sidebar-toggle {\n                > .aui-icon {\n                    #aui.rotate(180deg);\n                }\n            }\n\n            > .aui-button {\n                padding-left: 0;\n                padding-right: 0;\n                text-align: center;\n                // override the text-overflow truncation on aui-button when sidebar is collapsed\n                text-overflow: clip;\n                white-space: normal;\n\n                > .aui-button-label {\n                    display: none;\n                }\n            }\n        }\n    }\n    // END Collapsed state\n\n    &.aui-is-animated {\n        + .aui-page-panel {\n            #aui.transition(padding-left @aui-sidebar-default-transition-timing ease-in-out);\n        }\n\n        .aui-sidebar-wrapper {\n            #aui.transition(width @aui-sidebar-default-transition-timing ease-in-out);\n        }\n\n        .aui-sidebar-body {\n            #aui.transition(padding-top @aui-sidebar-default-transition-timing ease-in-out);\n        }\n    }\n}\n// END Sidebar\n//-----------------------\n\n\n// Adding animations to tipsy\n.aui-sidebar-section-tooltip {\n    #aui.transition(opacity @aui-sidebar-default-transition-timing ease-in-out);\n    opacity: 0;\n\n    .tipsy-inner {\n        background: @aui-sidebar-tooltip-background-color;\n    }\n\n    .tipsy-arrow {\n        border-right-color: @aui-sidebar-tooltip-background-color;\n    }\n\n    &.tooltip-shown {\n        opacity: 1;\n    }\n}\n","@import 'aui-theme/components/messages';\n@import 'aui-theme/core/colors';\n\n@import './mixins/dropdown2-trigger-chevron-icon';\n@import './mixins/icon-pseudoelement';\n@import './mixins/media-queries';\n@import './mixins/shadows';\n@import './mixins/tab-indicator';\n@import './mixins/typography';\n\n#aui {\n    .animation(@animation) {\n        -webkit-animation: @animation;\n        animation: @animation;\n    }\n\n    .border-radius(@radius) {\n        border-radius: @radius;\n    }\n\n    .box-sizing(@sizing: border-box) {\n        box-sizing: @sizing;\n    }\n\n    .prevent-text-selection() {\n        -ms-user-select: none; // IE10+\n        -moz-user-select: none;\n        -webkit-user-select: none;\n        user-select: none;\n    }\n\n    .gradient {\n        .vertical(@start-color: #fff, @end-color: #f2f2f2, @start-percent: 0%, @end-percent: 100%) {\n            background: @end-color;\n            background: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent);\n        }\n    }\n\n    .rotate(@angle) {\n        -webkit-transform: rotate(@angle);\n        -ms-transform: rotate(@angle);\n        transform: rotate(@angle);\n    }\n\n    .text-truncate() {\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        overflow: hidden;\n    }\n\n    .transition(@transition) {\n        // Using + is deliberate; it will comma-append the value to whatever value already exists.\n        // See http://lesscss.org/features/#merge-feature-comma\n        transition+: @transition;\n    }\n\n    .transition {\n        .fadeIn(@length: 0.2s, @delay: 0s, @max-opacity: 1) {\n            opacity: @max-opacity;\n            transition: opacity @length;\n            transition-delay: @delay;\n            visibility: visible;\n        }\n\n        .fadeOut(@length: 0.2s, @delay: 0s) {\n            opacity: 0;\n            transition: opacity @length, visibility @length;\n            transition-delay: @delay;\n            visibility: hidden;\n        }\n    }\n\n    .transform-rotate(@angle) {\n        -ms-transform: rotate(@angle);\n        -webkit-transform: rotate(@angle);\n        transform: rotate(@angle);\n    }\n\n    .height-calc(@calc) {\n        height: ~\"calc(@{calc})\";\n    }\n\n    .placeholder(@color) {\n        // each rule for each browser must be in a different selector, as browsers will\n        // ignore the whole line if it doesn't recognise something.\n        // see https://css-tricks.com/almanac/selectors/p/placeholder/ for more details.\n\n        // Affect Safari and Chrome.\n        &::-webkit-input-placeholder {\n            color: @color;\n            opacity: 1;\n        }\n        // Affect Firefox 18+. The opacity is necessary to override browser defaults.\n        &::-moz-placeholder {\n            color: @color;\n            opacity: 1;\n        }\n        // IE 10 implements placeholder text via a pseudo-class, not a pseudo-element;\n        // that's why there's a single colon here instead of two.\n        &:-ms-input-placeholder {\n            color: @color;\n        }\n        // This is the likely official CSS spec way of achieving placeholder text.\n        &::placeholder {\n            color: @color;\n        }\n        // Target AUI's JS equivalent of the CSS proposal for the `:placeholder-shown` pseudo-class.\n        &.aui-placeholder-shown, &.placeholder-shown {\n            color: @color;\n        }\n    }\n\n    //\n    // Responsive mixins\n    //\n    .responsive-small(@rules) {\n        html.aui-responsive {\n            @media screen and (max-width: 767px) {\n                @rules();\n            }\n        }\n    }\n    .responsive-medium(@rules) {\n        html.aui-responsive {\n            @media screen and (max-width: 800px) {\n                @rules();\n            }\n        }\n    }\n\n    .responsive-large(@rules) {\n        html.aui-responsive {\n            @media screen and (max-width: 1023px) {\n                @rules();\n            }\n        }\n    }\n\n    // messages / flags\n\n    .icon-bar() {\n        //The actual icon\n        &::after {\n            #aui.icon-pseudoelement(@aui-icon-font-family);\n            color: @aui-color-white;\n            font-size: @aui-message-icon-size;\n            left: @aui-message-padding-left;\n            line-height: @aui-message-line-height;\n            position: absolute;\n            top: @aui-message-vertical-padding;\n        }\n\n        // For the backward compatible changes\n        &::before {\n            display: none;\n        }\n    }\n\n    .icon-glyph(@content, @color) {\n        //The actual icon\n        &::after {\n            content: @content;\n            color: @color;\n        }\n    }\n}\n","@import '../aui-theme/core/colors';\n@import '../aui-theme/core/text';\n\n// Why are we defining our own mixins when some already exist in Atlaskit? A few reasons:\n//\n// 1) Atlaskit's use the pure ADG3 proportions, which have different line heights and letter-spacing than we are taking on right now.\n// 2) Atlaskit's include margin info, which we don't want.\n//\n// Even if they were exactly the same, we'd probably create our mixins by extending theirs in this file.\n// The adapter pattern is generally useful in shielding us from external change by reducing its scope of impact to a single place.\n\n#aui {\n    .typography {\n        // First-level heading (h1) equivalent\n        .h800() {\n            @size: @aui-font-size-xxxlarge;\n            font-size: @size;\n            font-weight: @aui-font-weight-semibold;\n            line-height: unit(40 / @size);\n            letter-spacing: -0.01em;\n            text-transform: none;\n        }\n        // Second-level heading (h2) equivalent\n        .h700() {\n            @size: @aui-font-size-xxlarge;\n            font-size: @size;\n            font-weight: @aui-font-weight-medium;\n            line-height: unit(30 / @size);\n            letter-spacing: -0.01em;\n            text-transform: none;\n        }\n        // Third-level heading (h3) equivalent\n        .h600() {\n            @size: @aui-font-size-xlarge;\n            font-size: @size;\n            font-weight: @aui-font-weight-medium;\n            line-height: unit(30 / @size);\n            letter-spacing: -0.008em;\n            text-transform: none;\n        }\n        // Fourth-level heading (h4) equivalent\n        .h500() {\n            @size: @aui-font-size-large;\n            font-size: @size;\n            font-weight: @aui-font-weight-medium;\n            line-height: unit(20 / @size);\n            letter-spacing: -0.006em;\n            text-transform: none;\n        }\n        // Fifth-level heading (h5) equivalent\n        .h400() {\n            @size: @aui-font-size-medium;\n            font-size: @size;\n            font-weight: @aui-font-weight-semibold;\n            line-height: unit(20 / @size);\n            letter-spacing: -0.003em;\n            text-transform: none;\n        }\n        // Sixth-level heading (h6) equivalent\n        .h300() {\n            @size: @aui-font-size-small;\n            font-size: @size;\n            font-weight: @aui-font-weight-semibold;\n            line-height: unit(20 / @size);\n            letter-spacing: 0;\n            text-transform: none;\n        }\n        .h200(@color: @ak-color-N200) {\n            @size: @aui-font-size-small;\n            color: @color;\n            font-size: @size;\n            font-weight: @aui-font-weight-semibold;\n            line-height: unit(20 / @size);\n            letter-spacing: 0;\n            text-transform: none;\n        }\n        .h100(@color: @ak-color-N200) {\n            @size: @aui-font-size-xsmall;\n            color: @color;\n            font-size: @size;\n            font-weight: @aui-font-weight-semibold;\n            line-height: unit(16 / @size);\n            letter-spacing: 0;\n            text-transform: uppercase;\n        }\n    }\n}\n","@import 'aui-sidebar-config.less';\n\n//\n// Imported by aui-sidebar.\n//\n// Implements the navigation pattern overrides for vertical navigation\n// so that it works both inside the sidebar panel itself as well as in the inline-dialogs\n// shown when the sidebar is contracted.\n//\n\n.aui-sidebar,\n.aui-sidebar-submenu {\n\n    //\n    // Nav pattern integration\n    //\n\n    .aui-navgroup .aui-sidebar-button {\n        margin-bottom: @aui-sidebar-grid;\n        margin-left: 3px;\n\n        > .aui-icon {\n            margin-right: 3px;\n        }\n    }\n\n    .aui-nav-item-label {\n        #aui.text-truncate();\n        display: block;\n        word-wrap: normal;\n    }\n\n    .aui-navgroup-vertical .aui-nav {\n        > li {\n            > .aui-nav-item {\n                #aui-nav.item-base(@aui-sidebar-nav-link-expected-height);\n                padding-left: @aui-sidebar-nav-link-inner-spacing;\n                padding-right: (@aui-icon-size-small + @aui-sidebar-nav-link-inner-spacing ); // room on the right for dropdown action menus\n            }\n        }\n\n        // Actions\n        .aui-nav-item-actions {\n            @actions-button-size: @aui-icon-size-small;\n            top: ((@aui-sidebar-nav-link-expected-height - @actions-button-size) / 2);\n            height: @actions-button-size;\n            width: @actions-button-size;\n        }\n\n        // Nested navigation\n        .aui-nav {\n            &[data-more] {\n                .aui-nav-more ~ li {\n                    height: 0;\n                    overflow: hidden;\n                }\n            }\n\n            .aui-nav-item-actions {\n                margin-right: 0;\n            }\n        }\n    }\n\n    .aui-navgroup-vertical .aui-nav .aui-nav-selected > .aui-nav-item {\n        #aui-nav.item-style(selected);\n    }\n\n    .aui-nav {\n        > li {\n            position: relative;\n\n            > .aui-nav-item {\n                #aui.text-truncate();\n\n                > .aui-icon {\n                    color: @aui-sidebar-icon-color;\n                    height: @aui-sidebar-icon-size;\n                    width: @aui-sidebar-icon-size;\n                    margin-right: @aui-sidebar-nav-link-icon-spacing;\n                    float: left;\n\n                    &::before {\n                        font-size: @aui-sidebar-icon-size;\n                        margin-top: -( @aui-sidebar-icon-size / 2);\n                    }\n\n                    &.aui-icon-small::before {\n                        font-size: @aui-icon-size-small;\n                        // change padding to maintain the 20px box size so that relative positioning still works\n                        padding: ((@aui-sidebar-icon-size - @aui-icon-size-small) / 2);\n                    }\n                }\n            }\n        }\n    }\n\n    // twixi for nested navigation\n    .aui-navgroup-vertical .aui-nav > li[aria-expanded] {\n        > .aui-nav-subtree-toggle {\n            @box-size: @aui-sidebar-nav-link-expected-height; // that assumption in aui-navigation about the .aui-nav-item height? yeeeeah, it's invalid here.\n            @fake-icon-with-spacing: @aui-nav-subtree-toggle-icon-size + @aui-sidebar-nav-link-icon-spacing;\n\n            top: ((@box-size - @aui-nav-subtree-toggle-icon-size) / 2);\n            left: @aui-sidebar-nav-link-inner-spacing; // push it \"inside\" the .aui-nav-item, though the element actually adjacent to it.\n            color: @aui-sidebar-toggle-icon-color;\n\n            + .aui-nav-item {\n                padding-left: (@aui-sidebar-nav-link-inner-spacing + @fake-icon-with-spacing);\n\n                > .aui-icon {\n                    display: none; // the subtree toggle is shown in place of this icon.\n                }\n            }\n\n            ~ .aui-nav {\n                padding-left: @fake-icon-with-spacing;\n            }\n        }\n    }\n\n    // divider between multiple aui-sidebar-groups or aui-navs inside the sidebar, without a aui-nav-heading.\n    // they used to be displayed, but the design went \"borderless\", so now they're not.\n    hr {\n        display: none;\n    }\n}\n\n//-----------------------\n// Sidebar narrow state - add collapsed styles.\n//-----------------------\n.aui-sidebar {\n    &[aria-expanded=\"false\"] {\n        @aui-sidebar-nav-group-divider-width: 2px;\n\n        .aui-nav-heading {\n            display: none;\n        }\n\n        // show the icon for an expandable twixi menu (if it has one)\n        .aui-navgroup-vertical .aui-nav > li[aria-expanded] {\n            > .aui-nav-subtree-toggle {\n                + .aui-nav-item {\n                    padding-left: 0;\n\n                    > .aui-icon {\n                        display: block; // the subtree toggle doesn't exist in the reduced width sidebar\n                    }\n                }\n            }\n        }\n\n        .aui-nav-sortable > li > a:after {\n            left: 0;\n            top: (@aui-sidebar-grid * .8);\n        }\n\n        .aui-nav-item-actions {\n            display: none;\n        }\n    }\n}\n// END Sidebar\n//-----------------------\n\n.aui-sidebar-submenu-dialog > .aui-inline-dialog-contents {\n    padding: @aui-sidebar-grid;\n    width: 300px;\n    max-height: 812px;\n}\n\n.aui-sidebar-submenu {\n    position: static;\n    background: transparent;\n    border-right: 0;\n    width: auto;\n}\n","@import '../theme';\n\n@aui-nav-text-color: @ak-color-N500;\n@aui-nav-heading-text-color: @ak-color-N200;\n@aui-nav-heading-text-font-size: @aui-font-size-xsmall;\n\n// ### Nav items\n\n@aui-nav-link-selected-text-color: @aui-nav-text-color;\n@aui-nav-link-selected-bg-color: @ak-color-N30A;\n@aui-nav-link-active-text-color: @aui-nav-text-color;\n@aui-nav-link-active-bg-color: @ak-color-B50;\n@aui-nav-link-bg-color: transparent;\n@aui-nav-link-color: @aui-nav-text-color;\n@aui-nav-link-border-radius: @aui-border-radius-small;\n\n// These values cannot change until a major version. See the item-base for an explanation.\n@aui-nav-link-effective-height: 30px;\n@aui-nav-link-spacing-horizontal: 10px;\n@aui-nav-link-spacing-vertical: 7px;\n\n// ### Nav sub-tree\n\n@aui-nav-group-divider-color: @ak-color-N40;\n@aui-nav-subtree-line-color: @ak-color-N40;\n@aui-nav-subtree-toggle-icon-color: @ak-color-N80;\n@aui-nav-subtree-toggle-icon-size: 20px;\n\n@aui-nav-subtree-indicator-width: 1px;\n@aui-nav-item-actions-dropdown-trigger-hover-color: @aui-button-default-hover-bg-color;\n\n// ### Actions lists\n\n@aui-nav-actions-list-margin-top: @aui-grid;\n@aui-nav-actions-list-item-margin-bottom: (@aui-grid / 2);\n@aui-nav-actions-list-item-font-size: @aui-font-size-medium;\n\n@aui-nav-actions-list-divider-color: @ak-color-N100;\n@aui-nav-actions-list-divider-size: 2px;\n@aui-nav-actions-list-divider-spacing: 10px;\n\n// ### Paginated\n\n@aui-nav-pagination-text-color: @aui-text-color;\n@aui-nav-pagination-active-text-color: @aui-color-gray;\n\n\n// ### Groups\n\n@aui-navgroup-horizontal-bg-color: @ak-color-N20;\n\n#aui-nav {\n    .item-base(@height: @aui-nav-link-effective-height) {\n        border-radius: @aui-nav-link-border-radius;\n        box-sizing: content-box;\n        // This *cannot* be changed to flexbox until a major version.\n        // Plain-text often ends up in these items alongside elements that are currently floated;\n        // it wouldn't be possible to re-arrange them correctly using flexbox.\n        display: block;\n        // the line-height + padding adds up to an effective 30px height for the element,\n        // but the inner content box is only 16px tall. This enables things like\n        // lozenges and small icons to line up correctly with the text, without explicit treatment.\n        // this is assumed and exploited in places like the sidebar's navigation.\n        line-height: unit((@height - (2 * @aui-nav-link-spacing-vertical)) / @aui-nav-actions-list-item-font-size);\n        padding: @aui-nav-link-spacing-vertical @aui-nav-link-spacing-horizontal;\n    }\n\n    .item-style(normal) {\n        background-color: @aui-nav-link-bg-color;\n        color: @aui-nav-link-color;\n        text-decoration: none;\n    }\n\n    .item-style(hover) {\n        background-color: @aui-nav-link-selected-bg-color;\n        // color is not set; it should be determined by whether the item is selected or not.\n        text-decoration: none;\n    }\n\n    .item-style(active) {\n        background-color: @aui-nav-link-active-bg-color;\n        color: @aui-nav-link-active-text-color;\n        text-decoration: none;\n    }\n\n    .item-style(selected) {\n        background-color: @aui-nav-link-selected-bg-color;\n        color: @aui-nav-link-selected-text-color;\n        font-weight: @aui-font-weight-medium;\n    }\n}\n","@import 'aui-sidebar-config.less';\n\n//\n// Imported by aui-sidebar.\n//\n// Implements grouping strategies for sidebar items. The various group\n// types are wrappers around the base aui-nav pattern. Different groups\n// behave and are styled differently depending on whether the sidebar\n// is expanded or collapsed.\n//\n\n//\n// Sidebar navigation grouping\n//\n.aui-sidebar {\n\n    .aui-sidebar-group {\n        // Note: these margins should collapse with those of aui-nav itself.\n        margin-top: (@aui-sidebar-grid * 2);\n        margin-bottom: @aui-sidebar-grid;\n        padding: 0 @aui-sidebar-gutter;\n\n        .aui-nav-heading {\n            padding: 0 (@aui-sidebar-spacing - @aui-sidebar-gutter);\n        }\n    }\n\n\n    //-----------------------\n    // Sidebar narrow state - add collapsed styles.\n    //-----------------------\n    &[aria-expanded=\"false\"] {\n        @aui-sidebar-nav-group-divider-width: 2px;\n\n        // Replaces aui-nav with a default image to reflect nested content\n        .aui-sidebar-group {\n            // by default, groups collapse and are meant to look like clickable buttons.\n            #aui-nav.item-base(@aui-sidebar-nav-link-expected-height);\n            #aui-nav.item-style(normal);\n            background: url(images/icons/sidebar/icon-group.svg) 50% center no-repeat;\n            cursor: pointer;\n            height: @aui-sidebar-icon-size;\n            margin-left: @aui-sidebar-grid;\n            margin-right: @aui-sidebar-grid;\n            position: relative;\n\n            &:focus,\n            &:hover {\n                #aui-nav.item-style(hover);\n            }\n\n            &.active {\n                #aui-nav.item-style(selected);\n            }\n\n            > .aui-nav {\n                display: none;\n            }\n\n            // remove the faux button effect; these things are still groups.\n            &.aui-sidebar-group-actions,\n            &.aui-sidebar-group-tier-one {\n                background: none;\n                border-radius: 0;\n                cursor: auto;\n                padding: 0;\n            }\n        }\n\n        // make the group actions look like a special kind of rounded button.\n        .aui-sidebar-group-actions {\n            margin: @aui-sidebar-grid 0 @aui-sidebar-spacing 0;\n            height: @aui-icon-size-large;\n\n            &::after {\n                @aui-sidebar-group-actions-border-width: 1px;\n\n                background: url(images/icons/sidebar/icon-group-actions.svg) no-repeat center center;\n                background-size: @aui-sidebar-icon-size;\n                border: @aui-sidebar-group-actions-border-width solid @aui-sidebar-background-color;\n                border-radius: 50%;\n                content: \"\";\n                display: block;\n                height: @aui-icon-size-large;\n                left: 0;\n                margin-left: ((@aui-sidebar-collapsed-width - @aui-sidebar-header-avatar-collapsed - (@aui-sidebar-group-actions-border-width * 2)) / 2);\n                margin-right: ((@aui-sidebar-collapsed-width - @aui-sidebar-header-avatar-collapsed - (@aui-sidebar-group-actions-border-width * 2)) / 2);\n                position: absolute;\n                top: 0;\n                width: @aui-icon-size-large;\n            }\n\n            &:hover,\n            &:focus,\n            &.active {\n                &::after {\n                    background-color: @ak-color-N0;\n                    border-color: @aui-nav-group-divider-color;\n                }\n            }\n\n            ~ .aui-sidebar-group-tier-one {\n                border-top: @aui-sidebar-nav-group-divider-width solid @aui-nav-group-divider-color;\n                margin-top: @aui-sidebar-spacing;\n                padding-top: @aui-sidebar-grid;\n            }\n        }\n\n        // use when the nav items have icons - shows the icon in the collapsed state\n        .aui-sidebar-group-tier-one {\n            background: none;\n            height: auto;\n\n            &:after {\n                display: none;\n            }\n\n            &:focus,\n            &:hover {\n                background-color: transparent;\n            }\n\n            .aui-nav {\n                display: block;\n                height: auto;\n\n                > li {\n                    display: block;\n\n                    > .aui-nav-item {\n                        padding-left: 0;\n                        padding-right: 0;\n                        text-align: center;\n\n                        // Adjust the position of the icon\n                        > .aui-icon {\n                            float: none;\n                            margin: 0 auto;\n                        }\n\n                        &.active {\n                            #aui-nav.item-style(selected);\n                        }\n                    }\n\n                    // visually hide the labels while allowing screen readers to still see them\n                    .aui-nav-item-label {\n                        border: 0;\n                        clip: rect(0 0 0 0);\n                        height: 1px;\n                        margin: -1px;\n                        overflow: hidden;\n                        padding: 0;\n                        position: absolute;\n                        width: 1px;\n                    }\n\n                    // remove any top level twixy expand/collapse triggers\n                    > .aui-nav-subtree-toggle {\n                        display: none;\n                    }\n\n                    .aui-nav-item-actions {\n                        display: none;\n                    }\n                }\n\n                // remove nested navs - contents to be sucked into fly-out menus\n                .aui-nav {\n                    display: none;\n                }\n            }\n\n            ~ .aui-sidebar-group-tier-one {\n                border-top: @aui-sidebar-nav-group-divider-width solid @aui-nav-group-divider-color;\n                margin-top: @aui-sidebar-grid;\n                padding-top: @aui-sidebar-grid;\n            }\n        }\n    }\n    // END Collapsed state\n}\n// END Sidebar\n//-----------------------\n","@import 'aui-sidebar-config.less';\n\n//\n// Imported by aui-sidebar.\n//\n// Provides interop styles for badges inside the sidebar and its various patterns.\n// Fundamentally, badges appear inside nav items, but their display differs depending\n// on whether they are nested within a simple navigation, or a collapsed sidebar's grouping.\n//\n\n.aui-sidebar,\n.aui-sidebar-submenu {\n\n    .aui-nav > li > .aui-nav-item {\n        > .aui-badge,\n        > aui-badge {\n            background-color: @aui-sidebar-badge-background-color;\n            border-color: @aui-sidebar-badge-border-color;\n            color: @aui-badge-text-color; // just the normal #333 not the one with alpha transparency\n\n            float: right;\n            // aui-nav sets the line height to 16px, and the aui-badge is supposed to sit on the baseline and have an overall\n            // height of 16px. Sidebar nav items have their line-heights changed to 20px to match the icon sizes,\n            // so we nudge the aui-badge down by 2px so that it is vertically centered with the nav item label\n            margin-top: 2px;\n        }\n    }\n}\n\n//-----------------------\n// Sidebar narrow state - add collapsed styles.\n//-----------------------\n.aui-sidebar {\n    &[aria-expanded=\"false\"] {\n        .aui-nav > li > a:hover > .aui-nav-item > .aui-badge {\n            visibility: visible;\n        }\n\n        // used when the nav items have icons - shows the icon in the collapsed state\n        .aui-sidebar-group-tier-one {\n            .aui-nav > li > .aui-nav-item {\n                // If an aui-badge is present, position it over the icon\n                > .aui-badge,\n                > aui-badge {\n                    border-width: @aui-sidebar-collapsed-badge-border-width;\n                    border-style: solid;\n                    font-size: 9px;\n                    margin-top: 0;\n                    padding: 0.2em 0.4em;\n                    position: absolute;\n                    right: -0.5em;\n                    top: -0.5em;\n                    z-index: 1;\n                }\n            }\n        }\n    }\n}\n"],"file":"aui-sidebar.css"}