@transferwise/neptune-css 11.0.1-beta-66e6490bc3.13 → 11.0.1

package/src/variables/neptune-tokens.less

@@ -1 +1,4 @@
 @import '@transferwise/neptune-tokens/tokens.less';
+
+// Including colours which aren't semantic props yet.
+@import '@transferwise/neptune-tokens/colors-base.less';

package/dist/css/dropdowns.css

@@ -1 +0,0 @@
-.dropdown,.dropup{position:relative}.dropdown-menu{position:absolute;top:0;z-index:1000;float:left;padding:8px;margin:0;list-style:none;font-size:1rem;font-size:var(--font-size-16,1rem);text-align:left;background-color:#fff;background-color:var(--color-background-screen,#fff);border:0 solid rgba(0,0,0,.10196078431372549);border:0 solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549));border-radius:3px;box-shadow:0 20px 66px 0 rgba(34,48,73,.2);background-clip:padding-box;min-width:104px;transition:opacity .2s cubic-bezier(.6,.2,.1,1),transform .2s cubic-bezier(.6,.2,.1,1),visibility 0s linear .2s;opacity:0;transform:translateY(-10px) scale(.95);visibility:hidden}[dir=rtl] .dropdown-menu{right:0}html:not([dir=rtl]) .dropdown-menu{left:0}[dir=rtl] .dropdown-menu{float:right;padding:8px;text-align:right}@media (min-width:576px){.dropdown-menu{min-width:160px}}.dropdown-menu .divider{height:1px;margin:0;overflow:hidden;background-color:rgba(0,0,0,.10196078431372549);background-color:var(--color-border-neutral,rgba(0,0,0,.10196078431372549))}.dropdown-menu .text-primary{color:#37517e!important;color:var(--color-content-primary,#37517e)!important}.dropdown-menu>li>a{display:block;padding:13px 16px 11px;clear:both;font-weight:400;border-radius:3px;line-height:24px;color:#37517e;color:var(--color-content-primary,#37517e);white-space:nowrap}.dropdown-menu>li>a .secondary{display:block;white-space:normal}.dropdown-menu>li:first-child>a{border-top-right-radius:2px;border-top-left-radius:2px}.dropdown-menu>li:last-child>a{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.dropdown-menu>.overlay-back-button,.dropdown-menu>.overlay-title{display:none}.btn-group .dropdown-menu,.dropdown-menu{max-width:calc(100vw - 32px)}.btn-group .dropdown-menu.dropdown-menu-sm,.dropdown-menu.dropdown-menu-sm{width:220px}.btn-group .dropdown-menu.dropdown-menu-md,.dropdown-menu.dropdown-menu-md{width:300px}.btn-group .dropdown-menu.dropdown-menu-lg,.dropdown-menu.dropdown-menu-lg{width:420px}.dropdown-menu>li:not(.active):not(.selected)>a:not([disabled]):not(.disabled):focus,.dropdown-menu>li:not(.active):not(.selected)>a:not([disabled]):not(.disabled):hover{text-decoration:none;color:#0084b3;color:var(--color-content-accent-hover,#0084b3);background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549));outline:0}.dropdown-menu>li:not(.active):not(.selected)>a:not([disabled]):not(.disabled):active{color:#0097db;color:var(--color-navy-content-accent-active,#0097db);background-color:#37517e;background-color:var(--color-navy-background-elevated,#37517e)}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover,.dropdown-menu>.selected>a,.dropdown-menu>.selected>a:focus,.dropdown-menu>.selected>a:hover{color:#fff;color:var(--color-navy-content-primary,#fff);text-decoration:none;outline:0;background-color:#37517e;background-color:var(--color-navy-background-elevated,#37517e)}.dropdown-menu>.active>a strong,.dropdown-menu>.selected>a strong{color:inherit}.dropdown-menu>.active>a .body-2,.dropdown-menu>.active>a .secondary,.dropdown-menu>.active>a .small,.dropdown-menu>.selected>a .body-2,.dropdown-menu>.selected>a .secondary,.dropdown-menu>.selected>a .small{color:#c9cbce;color:var(--color-navy-content-secondary,#c9cbce)}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a .body-2,.dropdown-menu>.disabled>a .secondary,.dropdown-menu>.disabled>a .small,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#a8aaac;color:var(--color-content-disabled,#a8aaac)}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;background-color:transparent;background-image:none;cursor:not-allowed}.dropdown-menu>.disabled>a .circle img,.dropdown-menu>.disabled>a .currency-flag{opacity:.5}.dropdown-menu>.disabled>a .circle,.dropdown-menu>.disabled>a .icon{color:#a8aaac;color:var(--color-content-disabled,#a8aaac)}.open>.dropdown-menu{transition:opacity .2s cubic-bezier(.6,.2,.1,1),transform .2s cubic-bezier(.6,.2,.1,1),visibility 0s linear 0s;visibility:visible;opacity:1;transform:none}@media (max-width:576px){.open>.dropdown-menu-overlay{position:fixed;top:0;width:100vw;height:100vh;border:0;border-radius:0;box-shadow:none;max-width:none;overflow-y:auto;animation:listSlideOver .15s ease-out forwards}[dir=rtl] .open>.dropdown-menu-overlay{right:0}html:not([dir=rtl]) .open>.dropdown-menu-overlay{left:0}.open>.dropdown-menu-overlay>.overlay-back-button,.open>.dropdown-menu-overlay>.overlay-title{display:block}}.open>a{outline:0}[dir=rtl] .dropdown-menu-right,[dir=rtl] .dropdown-menu-xs-right{right:auto}html:not([dir=rtl]) .dropdown-menu-right,html:not([dir=rtl]) .dropdown-menu-xs-right{left:auto}[dir=rtl] .dropdown-menu-right,[dir=rtl] .dropdown-menu-xs-right{left:0}[dir=rtl] .dropdown-menu-left,[dir=rtl] .dropdown-menu-xs-left,html:not([dir=rtl]) .dropdown-menu-right,html:not([dir=rtl]) .dropdown-menu-xs-right{right:0}html:not([dir=rtl]) .dropdown-menu-left,html:not([dir=rtl]) .dropdown-menu-xs-left{left:0}[dir=rtl] .dropdown-menu-left,[dir=rtl] .dropdown-menu-xs-left{left:auto}html:not([dir=rtl]) .dropdown-menu-left,html:not([dir=rtl]) .dropdown-menu-xs-left{right:auto}@media (min-width:576px){[dir=rtl] .dropdown-menu-sm-right{right:auto}html:not([dir=rtl]) .dropdown-menu-sm-right{left:auto}[dir=rtl] .dropdown-menu-sm-right{left:0}[dir=rtl] .dropdown-menu-sm-left,html:not([dir=rtl]) .dropdown-menu-sm-right{right:0}html:not([dir=rtl]) .dropdown-menu-sm-left{left:0}[dir=rtl] .dropdown-menu-sm-left{left:auto}html:not([dir=rtl]) .dropdown-menu-sm-left{right:auto}}@media (min-width:768px){[dir=rtl] .dropdown-menu-md-right{right:auto}html:not([dir=rtl]) .dropdown-menu-md-right{left:auto}[dir=rtl] .dropdown-menu-md-right{left:0}[dir=rtl] .dropdown-menu-md-left,html:not([dir=rtl]) .dropdown-menu-md-right{right:0}html:not([dir=rtl]) .dropdown-menu-md-left{left:0}[dir=rtl] .dropdown-menu-md-left{left:auto}html:not([dir=rtl]) .dropdown-menu-md-left{right:auto}}@media (min-width:992px){[dir=rtl] .dropdown-menu-lg-right{right:auto}html:not([dir=rtl]) .dropdown-menu-lg-right{left:auto}[dir=rtl] .dropdown-menu-lg-right{left:0}[dir=rtl] .dropdown-menu-lg-left,html:not([dir=rtl]) .dropdown-menu-lg-right{right:0}html:not([dir=rtl]) .dropdown-menu-lg-left{left:0}[dir=rtl] .dropdown-menu-lg-left{left:auto}html:not([dir=rtl]) .dropdown-menu-lg-left{right:auto}}@media (min-width:1200px){[dir=rtl] .dropdown-menu-xl-right{right:auto}html:not([dir=rtl]) .dropdown-menu-xl-right{left:auto}[dir=rtl] .dropdown-menu-xl-right{left:0}[dir=rtl] .dropdown-menu-xl-left,html:not([dir=rtl]) .dropdown-menu-xl-right{right:0}html:not([dir=rtl]) .dropdown-menu-xl-left{left:0}[dir=rtl] .dropdown-menu-xl-left{left:auto}html:not([dir=rtl]) .dropdown-menu-xl-left{right:auto}}.dropdown-header{display:block;padding:8px 16px;font-size:.875rem;font-size:var(--font-size-14,.875rem);line-height:1.5;line-height:var(--line-height-body,1.5);color:#5d7079;color:var(--color-content-secondary,#5d7079);white-space:nowrap}.dropdown-backdrop{position:fixed;bottom:0;top:0;z-index:990}[dir=rtl] .dropdown-backdrop{right:0}[dir=rtl] .dropdown-backdrop,html:not([dir=rtl]) .dropdown-backdrop{left:0}html:not([dir=rtl]) .dropdown-backdrop{right:0}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:-2px;margin-bottom:2px}@media (min-width:768px){[dir=rtl] .navbar-right .dropdown-menu{right:auto}html:not([dir=rtl]) .navbar-right .dropdown-menu{left:auto}[dir=rtl] .navbar-right .dropdown-menu{left:0}[dir=rtl] .navbar-right .dropdown-menu-left,html:not([dir=rtl]) .navbar-right .dropdown-menu{right:0}html:not([dir=rtl]) .navbar-right .dropdown-menu-left{left:0}[dir=rtl] .navbar-right .dropdown-menu-left{left:auto}html:not([dir=rtl]) .navbar-right .dropdown-menu-left{right:auto}}.bootstrap-select .dropdown-menu{margin:-8px 0 -6px}

package/dist/css/navbar-base.css

@@ -1 +0,0 @@
-.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before{content:" ";display:table}.navbar-collapse:after,.navbar-header:after,.navbar:after{clear:both}.navbar{position:relative;font-size:.875rem;font-size:var(--font-size-14,.875rem);min-height:56px;margin-bottom:40px;border:0 solid transparent;transition:border-top-width 0s linear,background-color .2s linear}@media (min-width:768px){.navbar{border-radius:0}.navbar .container,.navbar .container-fluid{border:0 solid transparent}}@media (min-width:768px){.navbar-header{float:left}[dir=rtl] .navbar-header{float:right}}.navbar-collapse{overflow-x:visible;-webkit-overflow-scrolling:touch}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;padding-bottom:0}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar.affix .navbar-collapse{padding-left:0;padding-right:0}[dir=rtl] .navbar-fixed-bottom .navbar-collapse,[dir=rtl] .navbar-fixed-top .navbar-collapse,[dir=rtl] .navbar-static-top .navbar-collapse,[dir=rtl] .navbar.affix .navbar-collapse{padding-right:0;padding-left: ;padding-left:0;padding-right: }}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}[dir=rtl] .container-fluid>.navbar-collapse,[dir=rtl] .container-fluid>.navbar-header,[dir=rtl] .container>.navbar-collapse,[dir=rtl] .container>.navbar-header{margin-left:0;margin-right: ;margin-right:0;margin-left: }}.navbar-static-top{z-index:1000;margin-bottom:0}@media (min-width:768px){.navbar-static-top{border-radius:0}.navbar-static-top .container,.navbar-static-top .container-fluid{border-width:0;margin-bottom:-1px}}.navbar-fixed-bottom,.navbar-fixed-top,.navbar.affix{position:fixed;z-index:1030;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#37517e;background-color:var(--color-navy-background-elevated,#37517e)}[dir=rtl] .navbar-fixed-bottom,[dir=rtl] .navbar-fixed-top,[dir=rtl] .navbar.affix{left:0}[dir=rtl] .navbar-fixed-bottom,[dir=rtl] .navbar-fixed-top,[dir=rtl] .navbar.affix,html:not([dir=rtl]) .navbar-fixed-bottom,html:not([dir=rtl]) .navbar-fixed-top,html:not([dir=rtl]) .navbar.affix{right:0}html:not([dir=rtl]) .navbar-fixed-bottom,html:not([dir=rtl]) .navbar-fixed-top,html:not([dir=rtl]) .navbar.affix{left:0}.navbar-fixed-bottom .navbar-nav>li .navbar-text,.navbar-fixed-bottom .navbar-nav>li .navbar-title,.navbar-fixed-bottom .navbar-nav>li>a,.navbar-fixed-top .navbar-nav>li .navbar-text,.navbar-fixed-top .navbar-nav>li .navbar-title,.navbar-fixed-top .navbar-nav>li>a,.navbar.affix .navbar-nav>li .navbar-text,.navbar.affix .navbar-nav>li .navbar-title,.navbar.affix .navbar-nav>li>a{color:#fff;color:var(--color-background-screen,#fff)}@media (max-width:767px){.navbar-fixed-bottom .navbar-nav>li .navbar-text,.navbar-fixed-bottom .navbar-nav>li .navbar-title,.navbar-fixed-bottom .navbar-nav>li>a,.navbar-fixed-top .navbar-nav>li .navbar-text,.navbar-fixed-top .navbar-nav>li .navbar-title,.navbar-fixed-top .navbar-nav>li>a,.navbar.affix .navbar-nav>li .navbar-text,.navbar.affix .navbar-nav>li .navbar-title,.navbar.affix .navbar-nav>li>a{color:#37517e;color:var(--color-content-primary,#37517e)}}.navbar-fixed-bottom .navbar-nav>li.active>a,.navbar-fixed-top .navbar-nav>li.active>a,.navbar.affix .navbar-nav>li.active>a{color:#0077a5;color:var(--color-content-accent-active,#0077a5)}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top,.navbar.affix{border-radius:0}}.navbar.affix{top:-56px;border-top-width:56px;transition:border-top-width .2s ease-out,background-color .2s ease-out}.navbar-fixed-top{top:0}.navbar-fixed-top .container,.navbar-fixed-top .container-fluid{margin-bottom:-1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0}.navbar-fixed-bottom .container,.navbar-fixed-bottom .container-fluid{margin-top:-1px}.navbar-brand{float:left;padding:8px 16px 5px;font-size:16px;font-size:var(--size-16,16px);line-height:40px;margin-top:12px;margin-right:10px;height:24px;width:118px}[dir=rtl] .navbar-brand{float:right;margin-left:10px;margin-right: }.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}.navbar-toggle{position:relative;float:left;padding:9px 0;margin-top:12px;background-color:transparent;background-image:none;border:0;margin-right:12px;font-size:1rem;font-size:var(--font-size-16,1rem);font-weight:600;font-weight:var(--font-weight-semi-bold,600);line-height:1.5;line-height:var(--line-height-body,1.5);margin-bottom:8px;color:#fff;color:var(--color-navy-content-primary,#fff)}[dir=rtl] .navbar-toggle{float:right;margin-left:12px;margin-right: }.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar:first-child{margin-top:1px}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px;background-color:#0097c7;background-color:var(--color-content-accent,#0097c7)}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}.navbar-toggle:focus,.navbar-toggle:hover{color:#0084b3;color:var(--color-content-accent-hover,#0084b3)}.navbar-toggle:focus .icon-bar,.navbar-toggle:hover .icon-bar{background-color:#0084b3;background-color:var(--color-content-accent-hover,#0084b3)}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav>li>a,.navbar-nav>li>button{padding:9px 16px 7px;line-height:40px;outline-offset:-1px;transition:color .15s ease}@media (min-width:768px) and (max-width:991px){.navbar-nav>li>a,.navbar-nav>li>button{padding-left:12px;padding-right:12px}[dir=rtl] .navbar-nav>li>a,[dir=rtl] .navbar-nav>li>button{padding-right:12px;padding-left: ;padding-left:12px;padding-right: }}.navbar-nav>li>a.dropdown-toggle,.navbar-nav>li>button.dropdown-toggle{height:56px;border:0;background:none;line-height:40px;width:100%;text-align:left;color:#0097c7;color:var(--color-content-accent,#0097c7)}[dir=rtl] .navbar-nav>li>a.dropdown-toggle,[dir=rtl] .navbar-nav>li>button.dropdown-toggle{text-align:right}.navbar-nav>li>a.dropdown-toggle:active,.navbar-nav>li>a.dropdown-toggle:focus,.navbar-nav>li>button.dropdown-toggle:active,.navbar-nav>li>button.dropdown-toggle:focus{border-bottom-color:transparent;outline:0;color:#0077a5;color:var(--color-content-accent-active,#0077a5)}@media (min-width:768px){.navbar-inverse .navbar-nav>li>a.dropdown-toggle,.navbar-inverse .navbar-nav>li>button.dropdown-toggle{color:#fff;color:var(--color-navy-content-primary,#fff)}.navbar-nav>li>a.dropdown-toggle:hover,.navbar-nav>li>button.dropdown-toggle:hover{border-bottom-color:transparent;outline:0;color:#0084b3;color:var(--color-content-accent-hover,#0084b3)}}.navbar-nav>li>a.dropdown-toggle .caret,.navbar-nav>li>button.dropdown-toggle .caret{margin-left:4px}[dir=rtl] .navbar-nav>li>a.dropdown-toggle .caret,[dir=rtl] .navbar-nav>li>button.dropdown-toggle .caret{margin-right:4px;margin-left: }@media (min-width:768px){.navbar-nav>li>a.navbar-title-link,.navbar-nav>li>button.navbar-title-link{font-size:1.25rem;font-size:var(--font-size-20,1.25rem)}}.navbar-nav>li.divider{display:none}@media (max-width:767px){.navbar-nav>li>a,.navbar-nav>li>button{font-size:1rem;font-size:var(--font-size-16,1rem);padding:9px 16px 7px;-webkit-touch-callout:none}.navbar-nav .navbar-collapse-flatten .dropdown-toggle{display:none}.navbar-nav .navbar-collapse-flatten .dropdown-menu{position:static;margin-top:0;background-color:transparent;border:0;display:block;float:none;width:100%;box-shadow:none;padding:12px 0}.navbar-nav .navbar-collapse-flatten .dropdown-menu>li>a{padding:9px 16px 7px}.navbar-nav>li.divider{display:block;height:1px;margin:0;overflow:hidden;background-color:#c9cbce;background-color:var(--color-interactive-secondary,#c9cbce)}.navbar-nav>li>a{color:#0097c7;color:var(--color-content-accent,#0097c7);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-nav>li>a:focus,.navbar-nav>li>a:hover{color:#0084b3;color:var(--color-content-accent-hover,#0084b3)}.navbar-nav>li>a:active{color:#0077a5;color:var(--color-content-accent-active,#0077a5)}}@media (min-width:768px){.navbar-nav{float:left}[dir=rtl] .navbar-nav{float:right}.navbar-nav>li{float:left}[dir=rtl] .navbar-nav>li{float:right}.navbar-nav>li>a{padding-bottom:6px;font-size:.875rem;font-size:var(--font-size-14,.875rem)}}.navbar-form{padding:8px 16px}@media (max-width:767px){.navbar-form .form-group{margin-bottom:4px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;border:0;padding-top:0;padding-bottom:0;box-shadow:none;margin:12px 0}[dir=rtl] .navbar-form{margin-right:0;margin-left: ;margin-left:0;margin-right: }}@media (min-width:768px) and (min-width:576px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:-2px}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}[dir=rtl] .navbar-form .checkbox label,[dir=rtl] .navbar-form .radio label{padding-right:0;padding-left: }.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}[dir=rtl] .navbar-form .checkbox input[type=checkbox],[dir=rtl] .navbar-form .radio input[type=radio]{margin-right:0;margin-left: }.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:768px){.navbar-form{border-bottom:1px solid rgba(0,0,0,.10196078431372549);border-bottom:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549))}}.navbar-nav>li>.dropdown-menu{margin-top:56px}.navbar-nav>li>.dropdown-menu:before{content:" ";position:absolute;display:block;width:8px;height:8px;top:-4px;transform:rotate(45deg);background-color:inherit}[dir=rtl] .navbar-nav>li>.dropdown-menu:before{right:16px}html:not([dir=rtl]) .navbar-nav>li>.dropdown-menu:before{left:16px}.navbar-nav>li>.dropdown-menu>li>a{font-size:.875rem;font-size:var(--font-size-14,.875rem)}@media (max-width:768px){.navbar-nav>li>.dropdown-menu>li>a{position:relative;-webkit-touch-callout:none}.navbar-nav>li>.dropdown-menu>li>a .badge{position:absolute;top:16px;padding:5px;text-indent:264px;width:8px;min-width:8px;height:8px}[dir=rtl] .navbar-nav>li>.dropdown-menu>li>a .badge{left:0}html:not([dir=rtl]) .navbar-nav>li>.dropdown-menu>li>a .badge{right:0}}.navbar-nav>li>.dropdown-menu>.active>a{color:#0077a5;color:var(--color-content-accent-active,#0077a5);background-color:transparent;font-weight:800;font-weight:var(--font-weight-bold,800)}.navbar-nav>li>.dropdown-menu>.active>a:focus,.navbar-nav>li>.dropdown-menu>.active>a:hover{background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549))}@media (max-width:576px){.navbar-nav>li>.dropdown-menu-overlay{margin-top:0}}.navbar-nav>li.dropdown.focus-within>a,.navbar-nav>li.dropdown.focus-within>button,.navbar-nav>li.dropdown:active>a,.navbar-nav>li.dropdown:active>button,.navbar-nav>li.dropdown:focus-within>a,.navbar-nav>li.dropdown:focus-within>button,.navbar-nav>li.dropdown:focus>a,.navbar-nav>li.dropdown:focus>button{color:#0077a5;color:var(--color-content-accent-active,#0077a5)}.navbar-nav>li.dropdown.focus-within .dropdown-menu,.navbar-nav>li.dropdown:active .dropdown-menu,.navbar-nav>li.dropdown:focus-within .dropdown-menu,.navbar-nav>li.dropdown:focus .dropdown-menu{transition:opacity .2s cubic-bezier(.6,.2,.1,1),transform .2s cubic-bezier(.6,.2,.1,1),visibility 0s linear 0s;visibility:visible;opacity:1;transform:none}@media (min-width:768px){.navbar-nav>li.dropdown:hover .dropdown-menu{transition:opacity .2s cubic-bezier(.6,.2,.1,1),transform .2s cubic-bezier(.6,.2,.1,1),visibility 0s linear 0s;visibility:visible;opacity:1;transform:none}}[dir=rtl] .navbar-right li>.dropdown-menu:before,[dir=rtl] .pull-xs-right li>.dropdown-menu:before{left:20px}html:not([dir=rtl]) .navbar-right li>.dropdown-menu:before,html:not([dir=rtl]) .pull-xs-right li>.dropdown-menu:before{right:20px}[dir=rtl] .navbar-right li>.dropdown-menu:before,[dir=rtl] .pull-xs-right li>.dropdown-menu:before{right:auto}html:not([dir=rtl]) .navbar-right li>.dropdown-menu:before,html:not([dir=rtl]) .pull-xs-right li>.dropdown-menu:before{left:auto}@media (min-width:768px) and (max-width:991px){[dir=rtl] .navbar-right li>.dropdown-menu:before,[dir=rtl] .pull-xs-right li>.dropdown-menu:before{left:16px}html:not([dir=rtl]) .navbar-right li>.dropdown-menu:before,html:not([dir=rtl]) .pull-xs-right li>.dropdown-menu:before{right:16px}}.navbar-right.dropdown-menu-center:before,.pull-xs-right.dropdown-menu-center:before{margin-left:-4px}[dir=rtl] .navbar-right.dropdown-menu-center:before,[dir=rtl] .pull-xs-right.dropdown-menu-center:before{left:auto}html:not([dir=rtl]) .navbar-right.dropdown-menu-center:before,html:not([dir=rtl]) .pull-xs-right.dropdown-menu-center:before{right:auto}[dir=rtl] .navbar-right.dropdown-menu-center:before,[dir=rtl] .pull-xs-right.dropdown-menu-center:before{right:50%}html:not([dir=rtl]) .navbar-right.dropdown-menu-center:before,html:not([dir=rtl]) .pull-xs-right.dropdown-menu-center:before{left:50%}[dir=rtl] .navbar-right.dropdown-menu-center:before,[dir=rtl] .pull-xs-right.dropdown-menu-center:before{margin-right:-4px;margin-left: }.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0}.navbar-btn{font-weight:600}.navbar-btn,.navbar-btn.btn-sm{margin-top:13px;margin-bottom:11px}.navbar-btn.btn-xs{margin-top:18px;margin-bottom:16px}@media (max-width:767px){.navbar-btn{display:block}}.navbar-text{margin-top:17px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-left:16px;margin-right:16px}[dir=rtl] .navbar-text{float:right;margin-right:16px;margin-left: ;margin-left:16px;margin-right: }}@media (min-width:768px){.navbar-left{float:right!important}[dir=rtl] .navbar-left{float:left!important}.navbar-right{float:right!important}[dir=rtl] .navbar-right{float:left!important}[dir=rtl] .navbar-right li>.dropdown-menu:before{left:20px}html:not([dir=rtl]) .navbar-right li>.dropdown-menu:before{right:20px}[dir=rtl] .navbar-right li>.dropdown-menu:before{right:auto}html:not([dir=rtl]) .navbar-right li>.dropdown-menu:before{left:auto}.navbar-right.dropdown-menu-center:before{margin-left:-4px}[dir=rtl] .navbar-right.dropdown-menu-center:before{left:auto}html:not([dir=rtl]) .navbar-right.dropdown-menu-center:before{right:auto}[dir=rtl] .navbar-right.dropdown-menu-center:before{right:50%}html:not([dir=rtl]) .navbar-right.dropdown-menu-center:before{left:50%}[dir=rtl] .navbar-right.dropdown-menu-center:before{margin-right:-4px;margin-left: }.navbar-right~.navbar-right{margin-right:0}[dir=rtl] .navbar-right~.navbar-right{margin-left:0;margin-right: }}@media (min-width:768px) and (min-width:768px) and (max-width:991px){[dir=rtl] .navbar-right li>.dropdown-menu:before{left:16px}html:not([dir=rtl]) .navbar-right li>.dropdown-menu:before{right:16px}}.navbar-default{background-color:transparent}.navbar-default .container,.navbar-default .container-fluid{border-color:rgba(0,0,0,.10196078431372549);border-color:var(--color-border-neutral,rgba(0,0,0,.10196078431372549))}.navbar-default .navbar-brand{color:#fff;color:var(--color-navy-content-primary,#fff)}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{background-color:transparent}.navbar-default .navbar-nav>li>a,.navbar-default .navbar-text{color:#37517e;color:var(--color-content-primary,#37517e)}@media (min-width:768px){.navbar-default .navbar-nav>li>a{border-bottom:3px solid transparent}}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#0084b3;color:var(--color-content-accent-hover,#0084b3);background-color:transparent}.navbar-default .navbar-nav>.active>.dropdown-toggle,.navbar-default .navbar-nav>.active>a{font-weight:800;font-weight:var(--font-weight-bold,800)}.navbar-default .navbar-nav>.active>.dropdown-toggle,.navbar-default .navbar-nav>.active>.dropdown-toggle:focus,.navbar-default .navbar-nav>.active>.dropdown-toggle:hover,.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#0077a5;color:var(--color-content-accent-active,#0077a5);background-color:transparent;border-color:transparent}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#a8aaac;color:var(--color-content-disabled,#a8aaac);background-color:transparent}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:focus-within,.navbar-default .navbar-nav>.open>a:hover{background-color:transparent;color:#0077a5;color:var(--color-content-accent-active,#0077a5)}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#0097c7;color:var(--color-content-accent,#0097c7)}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus-within,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#0084b3;color:var(--color-content-accent-hover,#0084b3);background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a{font-weight:800;font-weight:var(--font-weight-bold,800)}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#0077a5;color:var(--color-content-accent-active,#0077a5);background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#a8aaac;color:var(--color-content-disabled,#a8aaac);background-color:transparent}}.navbar-default .navbar-link{color:#0097c7;color:var(--color-content-accent,#0097c7)}.navbar-default .navbar-link:hover{color:#0084b3;color:var(--color-content-accent-hover,#0084b3)}.navbar-default .btn-link{color:#0097c7;color:var(--color-content-accent,#0097c7)}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#0084b3;color:var(--color-content-accent-hover,#0084b3)}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#a8aaac;color:var(--color-content-disabled,#a8aaac)}.navbar-inverse{background-color:transparent}.navbar-inverse .container,.navbar-inverse .container-fluid{border-color:rgba(0,0,0,.10196078431372549);border-color:var(--color-border-neutral,rgba(0,0,0,.10196078431372549))}.navbar-inverse .navbar-brand{color:#37517e;color:var(--color-content-primary,#37517e)}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#37517e;color:var(--color-content-primary,#37517e);background-color:transparent}.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-text{color:#fff;color:var(--color-navy-content-primary,#fff)}@media (min-width:768px){.navbar-inverse .navbar-nav>li>a{border-bottom:3px solid transparent}}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#0084b3;color:var(--color-content-accent-hover,#0084b3);background-color:transparent}.navbar-inverse .navbar-nav>.active>.dropdown-toggle,.navbar-inverse .navbar-nav>.active>a{color:#0077a5;color:var(--color-content-accent-active,#0077a5);font-weight:800;font-weight:var(--font-weight-bold,800)}.navbar-inverse .navbar-nav>.active>.dropdown-toggle,.navbar-inverse .navbar-nav>.active>.dropdown-toggle:focus,.navbar-inverse .navbar-nav>.active>.dropdown-toggle:hover,.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#0084b3;color:var(--color-content-accent-hover,#0084b3);background-color:transparent;border-color:transparent}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#a8aaac;color:var(--color-content-disabled,#a8aaac);background-color:transparent}.navbar-inverse .navbar-nav .dropdown:focus-within>a,.navbar-inverse .navbar-nav .dropdown:focus-within>a:focus,.navbar-inverse .navbar-nav .dropdown:focus-within>a:hover,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{background-color:transparent;color:#0084b3;color:var(--color-content-accent-hover,#0084b3)}@media (max-width:767px){.navbar-inverse .navbar-nav>li>a{color:#37517e;color:var(--color-content-primary,#37517e)}}.navbar-inverse .navbar-link{color:#fff;color:var(--color-navy-content-primary,#fff)}.navbar-inverse .navbar-link:hover{color:#0084b3;color:var(--color-content-accent-hover,#0084b3)}.navbar-inverse .btn-link{color:#fff;color:var(--color-navy-content-primary,#fff)}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#0084b3;color:var(--color-content-accent-hover,#0084b3)}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#a8aaac;color:var(--color-content-disabled,#a8aaac)}.navbar-inverse .navbar-brand,.navbar .navbar-brand{background-repeat:no-repeat;background-position:50% 50%;color:transparent}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover,.navbar .navbar-brand:focus,.navbar .navbar-brand:hover{color:transparent}.navbar .fast-flag,.navbar .flag{height:24px;width:24px;margin-top:16px;margin-right:8px;float:left}[dir=rtl] .navbar .fast-flag,[dir=rtl] .navbar .flag{margin-left:8px;margin-right: ;float:right}.navbar .logo-text{height:20px;width:104px;margin-top:16.5px;margin-right:8px;float:left}[dir=rtl] .navbar .logo-text{margin-left:8px;margin-right: ;float:right}.cover{display:none}@media (max-width:767px){.navbar-collapse{position:fixed;bottom:0;height:100%!important;background-color:#fff;background-color:var(--color-background-screen,#fff);top:54px;padding:8px}[dir=rtl] .navbar-collapse{right:0}[dir=rtl] .navbar-collapse,html:not([dir=rtl]) .navbar-collapse{left:0}html:not([dir=rtl]) .navbar-collapse{right:0}.navbar-collapse .dropdown.focus-within,.navbar-collapse .dropdown:focus-within,.navbar-collapse .open{border-bottom:none}.navbar-collapse .dropdown.focus-within>a,.navbar-collapse .dropdown:focus-within>a,.navbar-collapse .open>a{color:#0097c7;color:var(--color-content-accent,#0097c7)}.navbar-collapse .dropdown.focus-within .caret,.navbar-collapse .dropdown:focus-within .caret,.navbar-collapse .open .caret{transform:rotate(-180deg)}.navbar-collapse.navbar-collapse-with-panel{top:0;padding:0;background-color:transparent}.navbar-collapse .navbar-collapse-panel{position:fixed;height:100%;top:0;overflow-y:scroll;padding:8px;background-color:#fff;background-color:var(--color-background-screen,#fff);color:#37517e!important;color:var(--color-content-primary,#37517e)!important;width:264px;max-width:264px!important;transition:transform .35s ease;transform:translateX(-264px)}.navbar-collapse .dropdown-menu,.navbar-collapse .navbar-nav>li{border-bottom:1px solid rgba(0,0,0,.10196078431372549);border-bottom:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549))}.navbar-collapse .dropdown-menu{position:relative;width:100%;box-shadow:none;padding:0 0 12px;float:none;margin-top:0!important}.navbar-collapse .dropdown-menu:before{display:none}.navbar-collapse .dropdown-menu .dropdown-header{padding:9px 16px 7px}.navbar-collapse .navbar-toggle{opacity:0;transition:opacity .35s ease;display:inline-block;position:absolute;top:4px}[dir=rtl] .navbar-collapse .navbar-toggle{right:280px}html:not([dir=rtl]) .navbar-collapse .navbar-toggle{left:280px}.navbar-collapse .navbar-toggle.close{margin-top:0;padding:9px 0}.navbar-collapse.in .navbar-toggle{opacity:1}.navbar-collapse .cover{display:block;width:100%;height:100%;background-color:#2e4369;background-color:var(--color-navy-background-screen,#2e4369);opacity:0;transition:opacity .35s ease}.navbar-collapse.in .cover,.navbar-collapse[aria-expanded=true] .cover{opacity:.9}.navbar-collapse.in .navbar-collapse-panel,.navbar-collapse[aria-expanded=true] .navbar-collapse-panel{transform:translateX(0)}.navbar-collapse .navbar-btn.btn-group{display:flex}.navbar-collapse .navbar-btn.btn-group .btn{display:block;width:100%;text-align:left}[dir=rtl] .navbar-collapse .navbar-btn.btn-group .btn{text-align:right}.navbar-collapse .navbar-btn.btn-group .btn+.dropdown-toggle{flex:0}.navbar-collapse .navbar-btn.btn-group .dropdown-menu{width:100%}}.navbar .profile-name{padding-bottom:3px}.navbar .profile-name .caret{vertical-align:top;line-height:40px}.navbar .profile-name .text-ellipses,.navbar .profile-name .text-ellipsis{max-width:75px;display:inline-block}@media (min-width:992px){.navbar .profile-name .text-ellipses,.navbar .profile-name .text-ellipsis{max-width:125px}}@media (min-width:1200px){.navbar .profile-name .text-ellipses,.navbar .profile-name .text-ellipsis{max-width:220px}}.navbar[data-spy~=affix]+*{margin-top:0}.navbar[data-spy~=affix].affix+*{margin-top:56px}@media (min-width:768px){.jumbotron-image-adjacent-to-navbar,.navbar+.jumbotron,.navbar+.jumbotron-image,.navbar+.jumbotron-image-inverse{margin-top:-58px}.navbar.affix+.jumbotron,.navbar.affix+.jumbotron-image,.navbar.affix+.jumbotron-image-inverse{margin-top:0}}.jumbotron-image-adjacent-to-navbar>.jumbotron,.navbar+.jumbotron,.navbar+.jumbotron-image-inverse>.jumbotron,.navbar+.jumbotron-image>.jumbotron{padding-bottom:64px}@media (min-width:768px){.jumbotron-image-adjacent-to-navbar>.jumbotron,.navbar+.jumbotron,.navbar+.jumbotron-image-inverse>.jumbotron,.navbar+.jumbotron-image>.jumbotron{padding-top:140px;padding-bottom:104px}}.navbar>.container-fluid .navbar-brand,.navbar>.container .navbar-brand{margin-left:0}[dir=rtl] .navbar>.container-fluid .navbar-brand,[dir=rtl] .navbar>.container .navbar-brand{margin-right:0;margin-left: }@media (max-width:767px){.navbar-static-top{background-color:#37517e;background-color:var(--color-navy-background-elevated,#37517e);border-bottom-color:transparent}}.navbar-title{float:left;font-size:1.25rem;font-size:var(--font-size-20,1.25rem);line-height:1.2;line-height:var(--line-height-title,1.2);margin-top:12px;margin-bottom:12px;font-weight:800;font-weight:var(--font-weight-bold,800)}[dir=rtl] .navbar-title{float:right}.navbar-subtitle{font-size:.875rem;font-size:var(--font-size-14,.875rem);margin-bottom:8px}.navbar-subtitle,.navbar-title{color:#fff;color:var(--color-navy-content-primary,#fff);text-overflow:ellipsis;overflow-x:hidden;white-space:nowrap;display:inline-block;width:75%}@media (min-width:992px){.navbar-subtitle,.navbar-title{color:#37517e;color:var(--color-content-primary,#37517e);width:100%}}.navbar-logo{width:127px;height:22px;margin-top:13px;margin-bottom:21px}.nav-toolbar{padding-top:16px;margin-top:-16px;padding-bottom:0;background-color:#37517e;background-color:var(--color-navy-background-elevated,#37517e);border-bottom:1px solid rgba(0,0,0,.10196078431372549);border-bottom:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549))}@media (min-width:992px){.nav-toolbar{margin-top:0;background-color:#fff;background-color:var(--color-background-screen,#fff)}.nav-toolbar.affix{top:0;z-index:1000;margin-top:0;border-top:0;position:fixed;-webkit-backface-visibility:hidden;backface-visibility:hidden}.nav-toolbar.affix+.container,.nav-toolbar.affix+.container-fluid{margin-top:64px!important}}@media (max-width:991px){.nav-toolbar.affix{position:relative!important}.nav-toolbar.affix+.container,.nav-toolbar.affix+.container-fluid{margin-top:0!important}.nav-toolbar .btn-danger:not([disabled]),.nav-toolbar .btn-info:not([disabled]),.nav-toolbar .btn-warning:not([disabled]){color:#0097c7;color:var(--color-content-accent,#0097c7);border-color:#00a2dd;border-color:var(--color-interactive-accent,#00a2dd)}.nav-toolbar .btn-danger:not([disabled]):hover,.nav-toolbar .btn-info:not([disabled]):hover,.nav-toolbar .btn-warning:not([disabled]):hover{color:#fff;color:var(--color-navy-content-primary,#fff)}.nav-toolbar .btn-input,.nav-toolbar .form-control,.nav-toolbar .input-group,.nav-toolbar .input-group-addon{border-color:#fff}}.nav-toolbar h1{line-height:1.2;line-height:var(--line-height-title,1.2)}.nav-toolbar .close{text-decoration:none;height:32px}@media (min-width:992px){.nav-toolbar--compact{padding-top:0}}@media (min-width:992px){.column-layout .nav-toolbar.affix{width:calc(100% - 264px)}}.simple-nav{background-color:#37517e;background-color:var(--color-navy-background-elevated,#37517e)}.simple-nav .navbar-nav>li>a{padding-top:12px;padding-bottom:9px}.simple-nav .navbar-header{padding-top:4px;width:calc(100% - 140px)}@media (min-width:768px){.simple-nav .navbar-header{width:calc(100% - 340px)}}.simple-nav .navbar-nav>li>a.dropdown-toggle{height:64px}.simple-nav>.navbar-right li>a{float:right}[dir=rtl] .simple-nav>.navbar-right li>a{float:left}@media (min-width:576px){.simple-nav .navbar-nav>li>a{font-size:1rem!important;font-size:var(--font-size-16,1rem)!important}}@media (min-width:992px){.simple-nav{background-color:#fff;background-color:var(--color-background-screen,#fff);border-bottom:1px solid rgba(0,0,0,.10196078431372549);border-bottom:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549))}}@media (max-width:991px){.simple-nav .navbar-nav>li>a{color:#fff;color:var(--color-navy-content-primary,#fff)}.simple-nav .navbar-nav>li>a:active,.simple-nav .navbar-nav>li>a:focus,.simple-nav .navbar-nav>li>a:hover{color:#0084b3;color:var(--color-content-accent-hover,#0084b3)}}.simple-nav .profile-name .text-ellipsis{max-width:240px}.tw-public-navigation-item-content__icon{vertical-align:middle}.tw-public-navigation-item-content__text{display:inline-block;vertical-align:middle;max-width:164px}@media (min-width:768px){.subnav{height:128px!important;position:relative;min-height:64px}.subnav:before{content:"";background-color:transparent;width:100%;height:64px;position:absolute;top:64px;border-top:1px solid rgba(0,0,0,.10196078431372549);border-top:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549))}[dir=rtl] .subnav:before{right:0}html:not([dir=rtl]) .subnav:before{left:0}.subnav.navbar-inverse:before{background-color:#2e4369;background-color:var(--color-navy-background-screen,#2e4369);border-top:none}.subnav .navbar-nav>li>a{padding-top:13px}.subnav .navbar-nav>li>button{height:64px}.subnav .navbar-brand,.subnav .navbar-btn{margin-top:16px}.subnav-menu{position:absolute;top:64px}}

package/src/less/addons/_utilities.less

@@ -1,141 +0,0 @@
-@import (reference)
-  "../../variables/legacy-variables.less";
-@import (reference) "../mixins/_clearfix.less";
-@import (reference) "../mixins/_center-block.less";
-@import (reference) "../mixins/_hide-text.less";
-
-//
-// Utility classes
-// --------------------------------------------------
-
-// Floats
-// -------------------------
-
-.clearfix {
-  .clearfix();
-}
-
-.center-block {
-  .center-block();
-}
-
-.pull-right,
-.pull-xs-right {
-  .float(right) !important;
-}
-
-.pull-left,
-.pull-xs-left {
-  .float(right) !important;
-}
-
-.pull-xs-none {
-  float: none !important;
-}
-
-@media (min-width: @screen-sm-min) {
-  .pull-sm-left {
-    .float(right) !important;
-  }
-
-  .pull-sm-right {
-    .float(right) !important;
-  }
-
-  .pull-sm-none {
-    float: none !important;
-  }
-}
-
-@media (min-width: @screen-md-min) {
-  .pull-md-left {
-    .float(right) !important;
-  }
-
-  .pull-md-right {
-    .float(right) !important;
-  }
-
-  .pull-md-none {
-    float: none !important;
-  }
-}
-
-@media (min-width: @screen-lg-min) {
-  .pull-lg-left {
-    .float(right) !important;
-  }
-
-  .pull-lg-right {
-    .float(right) !important;
-  }
-
-  .pull-lg-none {
-    float: none !important;
-  }
-}
-
-@media (min-width: @screen-xl-min) {
-  .pull-xl-left {
-    .float(right) !important;
-  }
-
-  .pull-xl-right {
-    .float(right) !important;
-  }
-
-  .pull-xl-none {
-    float: none !important;
-  }
-}
-
-// Toggling content
-// -------------------------
-
-// Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1
-.hide {
-  display: none !important;
-}
-
-.show {
-  display: block !important;
-}
-
-.invisible {
-  visibility: hidden;
-}
-
-.text-hide {
-  .text-hide();
-}
-
-// Hide from screenreaders and browsers
-//
-// Credit: HTML5 Boilerplate
-
-.hidden {
-  display: none !important;
-}
-
-// For Affix plugin
-// -------------------------
-
-.affix {
-  position: fixed;
-}
-
-.rotate90 {
-  transform: rotate(90deg);
-}
-
-.rotate180 {
-  transform: rotate(180deg);
-}
-
-.rotate270 {
-  transform: rotate(270deg);
-}
-
-.rotate-90 {
-  transform: rotate(-90deg);
-}

package/src/less/dropdowns.less

@@ -1,363 +0,0 @@
-@import (reference) '../variables/legacy-variables.less';
-@import (reference) './mixins/_border-radius.less';
-@import (reference) './mixins/_logical-properties.less';
-@import (reference) 'bootstrap/less/mixins/nav-divider.less';
-
-//
-// Dropdown menus
-// --------------------------------------------------
-
-// The dropdown wrapper (div)
-.dropup,
-.dropdown {
-  position: relative;
-}
-
-// The dropdown menu (ul)
-.dropdown-menu {
-  position: absolute;
-  top: 0; //100%;
-  .left(0);
-
-  z-index: @zindex-dropdown;
-  .float(left);
-
-  .padding-shorthand(@padding-base-vertical);
-
-  margin: 0; // override default ul
-  list-style: none;
-  font-size: var(--font-size-16);
-  .text-align(left); // Ensures proper alignment if parent has it changed (e.g., modal footer)
-
-  background-color: var(--color-background-screen);
-  border: 0 solid var(--color-border-neutral);
-  border-radius: @border-radius-base;
-  box-shadow: 0 20px 66px 0 rgba(34, 48, 73, 0.2);
-  background-clip: padding-box;
-
-  // Bit of a hack for our calculators to make the two controls the same width.
-  min-width: 104px;
-
-  @media (min-width: @screen-sm-min) {
-    min-width: 160px;
-  }
-
-  // Dividers (basically an hr) within the dropdown
-  .divider {
-    .nav-divider(var(--color-border-neutral));
-  }
-
-  //Force color to text-primary because the dropdowns are white regardless the context
-  .text-primary {
-    color: var(--color-content-primary) !important;
-  }
-
-  .dropdown-menu-closed();
-
-  // Links within the dropdown menu
-  > li > a {
-    display: block;
-    padding: @dropdown-link-padding;
-    clear: both;
-    font-weight: normal;
-    border-radius: @border-radius-base;
-    line-height: @line-height-base;
-    color: var(--color-content-primary);
-    white-space: nowrap; // prevent links from randomly breaking onto new lines
-
-    .secondary {
-      display: block;
-      white-space: normal;
-    }
-  }
-
-  > li:first-child > a {
-    .border-top-radius((@border-radius-base - 1px));
-  }
-
-  > li:last-child > a {
-    .border-bottom-radius((@border-radius-base - 1px));
-  }
-
-  > .overlay-back-button,
-  > .overlay-title {
-    display: none;
-  }
-}
-
-.dropdown-menu-open() {
-  transition:
-    opacity 0.2s cubic-bezier(0.6, 0.2, 0.1, 1),
-    transform 0.2s cubic-bezier(0.6, 0.2, 0.1, 1),
-    visibility 0s linear 0s;
-  visibility: visible;
-  opacity: 1;
-  transform: none;
-}
-
-.dropdown-menu-closed() {
-  // the visibility transition here allows us to wait for the opacity/transform animation to finish before we make it hidden.
-  transition:
-    opacity 0.2s cubic-bezier(0.6, 0.2, 0.1, 1),
-    transform 0.2s cubic-bezier(0.6, 0.2, 0.1, 1),
-    visibility 0s linear 0.2s;
-  opacity: 0;
-  transform: translateY(-10px) scale(0.95, 0.95);
-  visibility: hidden;
-}
-
-.dropdown-menu,
-.btn-group .dropdown-menu {
-  max-width: ~'calc(100vw - 32px)';
-
-  &.dropdown-menu-sm {
-    width: 220px;
-  }
-
-  &.dropdown-menu-md {
-    width: 300px;
-  }
-
-  &.dropdown-menu-lg {
-    width: 420px;
-  }
-}
-
-// Hover/Focus/Active state
-.dropdown-menu > li:not(.active):not(.selected) > a:not([disabled]):not(.disabled) {
-  &:hover,
-  &:focus {
-    text-decoration: none;
-    color: var(--color-content-accent-hover);
-    background-color: var(--color-background-neutral);
-    outline: 0;
-  }
-
-  &:active {
-    color: var(--color-navy-content-accent-active);
-    background-color: var(--color-navy-background-elevated);
-  }
-}
-
-// Active state
-.dropdown-menu > .active > a,
-.dropdown-menu > .selected > a {
-  &,
-  &:hover,
-  &:focus {
-    color: var(--color-navy-content-primary);
-    text-decoration: none;
-    outline: 0;
-    background-color: var(--color-navy-background-elevated);
-  }
-
-  strong {
-    color: inherit;
-  }
-
-  .body-2,
-  .small,
-  .secondary {
-    color: var(--color-navy-content-secondary);
-  }
-}
-
-// Disabled state
-//
-// Gray out text and ensure the hover/focus state remains gray
-
-.dropdown-menu > .disabled > a {
-  &,
-  &:hover,
-  &:focus,
-  .body-2,
-  .small,
-  .secondary {
-    color: var(--color-content-disabled);
-  }
-
-  // Nuke hover/focus effects
-  &:hover,
-  &:focus {
-    text-decoration: none;
-    background-color: transparent;
-    background-image: none; // Remove CSS gradient
-    cursor: @cursor-disabled;
-  }
-
-  .circle img,
-  .currency-flag {
-    opacity: 0.5;
-  }
-
-  .circle,
-  .icon {
-    color: var(--color-content-disabled);
-  }
-}
-
-// Open state for the dropdown
-.open {
-  > .dropdown-menu {
-    .dropdown-menu-open();
-  }
-
-  @media (max-width: @screen-sm-min) {
-    > .dropdown-menu-overlay {
-      position: fixed;
-      top: 0;
-      .left(0);
-
-      width: 100vw;
-      height: 100vh;
-      border: 0;
-      border-radius: 0;
-      box-shadow: none;
-      max-width: none;
-      overflow-y: auto;
-      animation: listSlideOver 0.15s ease-out forwards;
-
-      > .overlay-back-button,
-      > .overlay-title {
-        display: block;
-      }
-    }
-  }
-
-  // Remove the outline when :focus is triggered
-  > a {
-    outline: 0;
-  }
-}
-
-// Menu positioning
-//
-// Add extra class to `.dropdown-menu` to flip the alignment of the dropdown
-// menu with the parent.
-.dropdown-menu-right,
-.dropdown-menu-xs-right {
-  .left(auto);
-
-  .right(0);
-}
-
-.dropdown-menu-left,
-.dropdown-menu-xs-left {
-  .left(0);
-
-  .right(auto);
-}
-
-@media (min-width: @screen-sm-min) {
-  .dropdown-menu-sm-right {
-    .left(auto);
-
-    .right(0);
-  }
-
-  .dropdown-menu-sm-left {
-    .left(0);
-
-    .right(auto);
-  }
-}
-
-@media (min-width: @screen-md-min) {
-  .dropdown-menu-md-right {
-    .left(auto);
-
-    .right(0);
-  }
-
-  .dropdown-menu-md-left {
-    .left(0);
-
-    .right(auto);
-  }
-}
-
-@media (min-width: @screen-lg-min) {
-  .dropdown-menu-lg-right {
-    .left(auto);
-
-    .right(0);
-  }
-
-  .dropdown-menu-lg-left {
-    .left(0);
-
-    .right(auto);
-  }
-}
-
-@media (min-width: @screen-xl-min) {
-  .dropdown-menu-xl-right {
-    .left(auto); // Reset the default from `.dropdown-menu`
-
-    .right(0);
-  }
-
-  .dropdown-menu-xl-left {
-    .left(0);
-
-    .right(auto);
-  }
-}
-
-// Dropdown section headers
-.dropdown-header {
-  display: block;
-  padding: 8px 16px 8px;
-  font-size: var(--font-size-14);
-  line-height: var(--line-height-body);
-  color: var(--color-content-secondary);
-  white-space: nowrap; // as with > li > a
-}
-
-// Backdrop to catch body clicks on mobile, etc.
-.dropdown-backdrop {
-  position: fixed;
-  .left(0);
-
-  .right(0);
-
-  bottom: 0;
-  top: 0;
-  z-index: (@zindex-dropdown - 10);
-}
-
-// Allow for dropdowns to go bottom up (aka, dropup-menu)
-//
-// Just add .dropup after the standard .dropdown class and you're set, bro.
-// TODO: abstract this so that the navbar fixed styles are not placed here?
-
-.dropup,
-.navbar-fixed-bottom .dropdown {
-  // Different positioning for bottom up menu
-  .dropdown-menu {
-    top: auto;
-    bottom: -2px; // 100%;
-    margin-bottom: 2px;
-  }
-}
-
-// Component alignment
-//
-// Reiterate per navbar.less and the modified component alignment there.
-
-@media (min-width: @grid-float-breakpoint) {
-  .navbar-right {
-    .dropdown-menu {
-      .dropdown-menu-right();
-    }
-    // Necessary for overrides of the default right aligned menu.
-    // Will remove come v4 in all likelihood.
-    .dropdown-menu-left {
-      .dropdown-menu-left();
-    }
-  }
-}
-
-.bootstrap-select .dropdown-menu {
-  margin: -8px 0 -6px 0;
-}

package/src/less/mixins/_center-block.less

@@ -1,7 +0,0 @@
-// Center-align a block level element
-
-.center-block() {
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-}

package/src/less/mixins/_circle.less

@@ -1,11 +0,0 @@
-.circle-variant(@diameter; @font-size; @icon-size) {
-  font-size: @font-size;
-  width: @diameter;
-  height: @diameter;
-  line-height: @diameter;
-
-  .icon {
-    font-size: @icon-size;
-    line-height: (@diameter - 2px);
-  }
-}

package/src/less/mixins/_hide-text.less

@@ -1,20 +0,0 @@
-// CSS image replacement
-//
-// Heads up! v3 launched with with only `.hide-text()`, but per our pattern for
-// mixins being reused as classes with the same name, this doesn't hold up. As
-// of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`.
-//
-// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757
-
-// Deprecated as of v3.0.1 (will be removed in v4)
-.hide-text() {
-  color: transparent;
-  text-shadow: none;
-  background-color: transparent;
-  border: 0;
-}
-
-// New mixin to use as of v3.0.1
-.text-hide() {
-  .hide-text();
-}

package/src/less/mixins/_list-group.less

@@ -1,23 +0,0 @@
-@import (reference) '_logical-properties.less';
-
-.list-group-item-variant(@state; @background; @color) {
-  .list-group-item-@{state} {
-    .border(left, 3px, solid, @color);
-
-    .list-group-item& {
-      background-color: var(--color-background-screen);
-    }
-
-    .list-group-item-text {
-      color: @color;
-    }
-
-    a& {
-      color: @color;
-
-      &:hover {
-        color: @color;
-      }
-    }
-  }
-}