{"version":3,"sourceRoot":"","sources":["..\\styles\\common\\_animations.scss","..\\styles\\wick--collection.scss","..\\styles\\common\\_mixins.scss","..\\styles\\common\\_colors.scss"],"names":[],"mappings":"AAAA,gCACE,GACE,aACA,UAEF,GACE,cACA,UAEF,KACE,WAIJ,wBACE,GACE,aACA,UAEF,GACE,cACA,UAEF,KACE,WAIJ,8BACE,GACE,0CAEF,IACE,0CAEF,IACE,0CAEF,KACE,wCAIJ,sBACE,GACE,0CAEF,IACE,0CAEF,IACE,0CAEF,KACE,wCAIJ,gCACI,eACA,gBACA,iBAGJ,wBACI,eACA,gBACA,iBAGJ,qCACI,eACA,cAGJ,6BACI,eACA,cAGJ,iCACI,cACA,kBAGJ,yBACI,cACA,kBAGJ,sCACI,WACA,YACA,kBAGJ,8BACI,WACA,YACA,kBAGJ,kCACE,KACE,wBAGF,GACE,yBAKJ,gBACE,yDACA,+DAGF,wBACE,iEACA,uEAGF,mBACE,KACE,mDAEF,GACE,yDAIJ,2BACE,KACE,2DAEF,GACE,iEAIJ,iBACE,KACE,yCAEF,GACE,yCACA,0BAIJ,yBACE,KACE,iDAEF,GACE,iDACA,0BAKJ,mBACE,oBACE,OACA,yBAEF,gBACE,UACA,yBAEF,gBACE,SACA,0BAKJ,oBACC,UACC,UACA,UAGD,SACC,UACA,WCtLF,6BACE,gBAEA,qDACE,aACA,mBACA,eACA,mBAMF,qCACE,mBAGF,8CACE,cACA,8BAEA,sEACE,YAIJ,wCACE,YACA,eACA,mCCuDA,qCD1DF,wCAMI,YAIJ,0CACE,uBACA,mCACA,qBACA,cACA,kBAEA,2EACE,qBAGF,8CACE,cAGF,8CACE,aAIJ,oCACE,kBAKA,oDACE,kBAIE,oFACE,oCACA,oCAEA,2FACE,wOAMR,oDACE,eACA,UACA,oBAGF,sCACE,kBACA,QACA,UACA,WACA,SAIE,+EACE,aACA,oBACA,gBAIJ,0CACE,aAKN,oCACE,gCAGF,gEACE,WACA,WAGF,4CACE,eACA,UAEA,8CACE,WACA,eACA,kBACA,cAEA,0DACE,aAGF,iEACE,WAMR,wFACE,6BAGF,2CACE,cACA,kBACA,gBAGF,cACE,gBACA,iBAGF,iCACE,mBAKA,iDACE,kBACA,wBACA,mBAEA,sJAEE,aAKN,cACE,kBAEF,2CACE,cAEA,mEACE,+CACA,oBAEA,gFACE,WEvLO,QFwLP,WACA,kBACA,gBACA,YAGF,wKAEE,cACA,wCAGF,gFACE,aACA,cACA,wCACA,gBACA,mBACA,UACA,YAEA,+KACE,aAIJ,6IACE,aACA,wBAEA,mKACE,WACA,YACA,qBACA,yBACA,kBAEA,oMACE,sBACA,gBACA,kBACA,WACA,UAGF,6LACE,WACA,cACA,kBACA,SACA,WACA,YACA,UACA,+BACA,mBACA,gBAGF,mMACE,aElPK,QFqPP,2MACE,0CAKN,6IACE,YACA,YACA,wBAEA,wKACE,YACA,YAGF,mKACE,kBACA,uBAEA,6LACE,WACA,cACA,kBACA,MACA,QACA,SACA,OACA,8CACA,yBACA,mBACA,UAGF,mMACE,aExRK,QF2RP,2MACE,wCAGF,8KACE,sBACA,iBACA,gBACA,mBAGF,sLACE,mCACA,UAGF,uKACE,aAMR,gEACE,aACA,mBACA,eACA,iBAEA,iFACE,SACA,iBACA,mBACA,gBACA,eACA,gBAEA,uGACE,UAKN,mEACE,iBACA,mBACA,gBACA,UCxPA,qCDoPF,mEAOI,qBAGF,iFACE,WEjUO,2BFkUP,mCACA,kBACA,mBACA,aACA,qBACA,qBACA,mBAOJ,sDACE,kBACA,QACA,SACA,kBAKA,8DACE,mBAGF,6EACE,aAKN,uBACE,aAGF,4CACE,yCACA,+BACA,kBACA,mBACA,aACA,qBACA,qBACA,mBCxSE,qCD6SF,gDACE,WC9SA,qCDoTF,kBACE,yBACA,sCAEA,6CACE,YAOJ,0CACE,yBACA","sourcesContent":["@-webkit-keyframes opacity_show {\r\n  0% {\r\n    display: none;\r\n    opacity: 0;\r\n  }\r\n  1% {\r\n    display: block;\r\n    opacity: 0;\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@keyframes opacity_show {\r\n  0% {\r\n    display: none;\r\n    opacity: 0;\r\n  }\r\n  1% {\r\n    display: block;\r\n    opacity: 0;\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@-webkit-keyframes pulseWhite {\r\n  0%{\r\n    box-shadow: 0 0 0 5px rgba(255,255,255,0.7);\r\n  }\r\n  40%{\r\n    box-shadow: 0 0 0 25px rgba(255,255,255,0);\r\n  }\r\n  80%{\r\n    box-shadow: 0 0 0 25px rgba(255,255,255,0);\r\n  }\r\n  100%{\r\n    box-shadow: 0 0 5px rgba(255,255,255,0);\r\n  }\r\n}\r\n\r\n@keyframes pulseWhite {\r\n  0%{\r\n    box-shadow: 0 0 0 5px rgba(255,255,255,0.7);\r\n  }\r\n  40%{\r\n    box-shadow: 0 0 0 25px rgba(255,255,255,0);\r\n  }\r\n  80%{\r\n    box-shadow: 0 0 0 25px rgba(255,255,255,0);\r\n  }\r\n  100%{\r\n    box-shadow: 0 0 5px rgba(255,255,255,0);\r\n  }\r\n}\r\n\r\n@-webkit-keyframes slideInRight {\r\n    0% { right: -100%; }\r\n    50% { right: -100%; }\r\n    100% { right: 20px; }\r\n}\r\n\r\n@keyframes slideInRight {\r\n    0% { right: -100%; }\r\n    50% { right: -100%; }\r\n    100% { right: 20px; }\r\n}\r\n\r\n@-webkit-keyframes slideInRightDelay {\r\n    0% { right: -100%; }\r\n    100% { right: 0; }\r\n}\r\n\r\n@keyframes slideInRightDelay {\r\n    0% { right: -100%; }\r\n    100% { right: 0; }\r\n}\r\n\r\n@-webkit-keyframes slideOutRight {\r\n    0% { right: 20px;  }\r\n    100% { right: -100%; }\r\n}\r\n\r\n@keyframes slideOutRight {\r\n    0% { right: 20px;  }\r\n    100% { right: -100%; }\r\n}\r\n\r\n@-webkit-keyframes slideOutRightDelay {\r\n    0% { right: 0;  }\r\n    50% { right: 0;  }\r\n    100% { right: -100%; }\r\n}\r\n\r\n@keyframes slideOutRightDelay {\r\n    0% { right: 0;  }\r\n    50% { right: 0;  }\r\n    100% { right: -100%; }\r\n}\r\n\r\n@keyframes button-loading-spinner {\r\n  from {\r\n    transform: rotate(0turn);\r\n  }\r\n\r\n  to {\r\n    transform: rotate(1turn);\r\n  }\r\n}\r\n\r\n\r\n@keyframes spin {\r\n  0% { transform: translate(-50%, -50%) rotate(0deg) scale(1);}\r\n  100% { transform: translate(-50%, -50%) rotate(1079deg) scale(1); }\r\n}\r\n\r\n@-webkit-keyframes spin {\r\n  0% {-webkit-transform: translate(-50%,-50%) rotate(0deg) scale(1);}\r\n  100% {-webkit-transform: translate(-50%,-50%) rotate(1079deg) scale(1);}\r\n}\r\n\r\n@keyframes success{\r\n  from {\r\n    transform: translate(-50%, -50%) rotate(0) scale(0);\r\n  }\r\n  to {\r\n    transform: translate(-50%, -50%) rotate(-45deg) scale(1);\r\n  }\r\n}\r\n\r\n@-webkit-keyframes success{\r\n  from {\r\n    -webkit-transform: translate(-50%, -50%) rotate(0) scale(0);\r\n  }\r\n  to {\r\n    -webkit-transform: translate(-50%, -50%) rotate(-45deg) scale(1);\r\n  }\r\n}\r\n\r\n@keyframes error {\r\n  from {\r\n    transform: translate(-50%, -50%) scale(0);\r\n  }\r\n  to {\r\n    transform: translate(-50%, -50%) scale(1);\r\n    background-color: #f44336;\r\n  }\r\n}\r\n\r\n@-webkit-keyframes error {\r\n  from {\r\n    -webkit-transform: translate(-50%, -50%) scale(0);\r\n  }\r\n  to {\r\n    -webkit-transform: translate(-50%, -50%) scale(1);\r\n    background-color: #f44336;\r\n  }\r\n}\r\n\r\n\r\n@keyframes vibrate {\r\n  0%, 30%, 60%, 85%, 100% {\r\n    left: 0;\r\n    background-color: #f44336;\r\n  }\r\n  10%, 40%, 90%, 70% {\r\n    left: -2px;\r\n    background-color: #f44336;\r\n  }\r\n  20%, 50%, 80%, 95% {\r\n    left: 2px;\r\n    background-color: #f44336;\r\n  }\r\n}\r\n\r\n\r\n@keyframes formshow {\r\n\t0%, 49.99% {\r\n\t\topacity: 0;\r\n\t\tz-index: 1;\r\n\t}\r\n\r\n\t50%, 100% {\r\n\t\topacity: 1;\r\n\t\tz-index: 5;\r\n\t}\r\n}\r\n","@import 'common/mixins';\r\n@import 'common/colors';\r\n@import 'common/animations';\r\n\r\n.mobile-facets__header-inner {\r\n  text-align: left;\r\n\r\n  .mobile-facets__heading {\r\n    margin-top: 0;\r\n    margin-bottom: rem(20px);\r\n    font-size: rem(40px);\r\n    line-height: rem(45px);\r\n  }\r\n}\r\n\r\n.section--collection {\r\n\r\n  .facets-wrapper {\r\n    margin-bottom: rem(20px);\r\n  }\r\n\r\n  .facets-container-drawer {\r\n    padding-top: 0;\r\n    justify-content: space-between;\r\n\r\n    .mobile-facets__wrapper {\r\n      flex-grow: 0;\r\n    }\r\n  }\r\n\r\n  .button--secondary {\r\n    width: rem(200px);\r\n    max-width: 100%;\r\n    color: rgb(var(--color-foreground));\r\n\r\n    @include media-query($max,$md) {\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  .mobile-facets__open {\r\n    justify-content: center;\r\n    color: rgb(var(--color-foreground));\r\n    padding: 0.9rem 2.4rem;\r\n    display: block;\r\n    text-align: center;\r\n\r\n    &:hover .mobile-facets__open-label {\r\n      text-decoration: none;\r\n    }\r\n\r\n    > * + * {\r\n      margin-left: 0;\r\n    }\r\n\r\n    svg {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  .product-count {\r\n    text-align: center;\r\n  }\r\n\r\n  .sorting {\r\n\r\n    .facet-filters__field {\r\n      position: relative;\r\n\r\n      &:hover {\r\n\r\n        .button.button--secondary {\r\n          color: rgb(var(--color-button-text));\r\n          color: rgb(var(--color-button-text));\r\n\r\n          &::after {\r\n            box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)), 0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button), var(--alpha-button-background));\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .facet-filters__label {\r\n      margin-right: 0;\r\n      z-index: 1;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .select {\r\n      position: absolute;\r\n      top: 2px;\r\n      right: 2px;\r\n      bottom: 2px;\r\n      left: 2px;\r\n\r\n      select {\r\n\r\n        &.facet-filters__sort:focus-visible {\r\n          outline: none;\r\n          outline-offset: 1rem;\r\n          box-shadow: none;\r\n        }\r\n      }\r\n\r\n      svg {\r\n        display: none;\r\n      }\r\n    }\r\n  }\r\n\r\n  .mobile-facets {\r\n    background-color: rgba(#000000da, 0.3);\r\n  }\r\n\r\n  details.menu-opening .mobile-facets__close {\r\n    right: auto;\r\n    left: rem(450px);\r\n  }\r\n\r\n  .mobile-facets__footer {\r\n    flex-wrap: wrap;\r\n    z-index: 3;\r\n\r\n    > * {\r\n      width: 100%;\r\n      max-width: 100%;\r\n      margin-top: rem(14px);\r\n      margin-left: 0;\r\n\r\n      &:first-child {\r\n        margin-top: 0;\r\n      }\r\n\r\n      .button--secondary {\r\n        width: 100%;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.js .section--collection .disclosure-has-popup:not(.menu-opening) .mobile-facets__inner {\r\n  transform: translateX(-105vw);\r\n}\r\n\r\n.section--collection .mobile-facets__inner {\r\n  margin-left: 0;\r\n  margin-right: auto;\r\n  max-width: rem(500px);\r\n}\r\n\r\n.button-label {\r\n  font-weight: 800;\r\n  letter-spacing: 0;\r\n}\r\n\r\n.js .mobile-facets .submenu-open {\r\n  visibility: visible;\r\n}\r\n\r\n.js .mobile-facets__main {\r\n\r\n  .mobile-facets__submenu {\r\n    position: relative;\r\n    transform: translateX(0);\r\n    visibility: visible;\r\n\r\n    .mobile-facets__close-button,\r\n    .mobile-facets__footer {\r\n      display: none;\r\n    }\r\n  }\r\n}\r\n\r\n#range-slider {\r\n  margin-top: rem(14px);\r\n}\r\n.mobile-facets__inner .mobile-facets__main {\r\n  padding-top: 0;\r\n\r\n  .mobile-facets__details {\r\n    border-bottom: 1px solid $grey75;\r\n    padding: rem(12px) rem(40px);\r\n\r\n    .noUi-target {\r\n      background: $brand_blue;\r\n      height: 5px;\r\n      border-radius: 5px;\r\n      box-shadow: none;\r\n      border: none;\r\n    }\r\n\r\n    .noUi-connect,\r\n    .noUi-connect:empty {\r\n      display: block;\r\n      background: rgb(var(--color-foreground));\r\n    }\r\n\r\n    .noUi-handle {\r\n      width: rem(25px);\r\n      height: rem(25px);\r\n      background: rgb(var(--color-foreground));\r\n      box-shadow: none;\r\n      border-radius: 100%;\r\n      top: -10px;\r\n      border: none;\r\n\r\n      &::after, &::before {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    &.mobile-facets__details-color-groups .mobile-facets__list .list-menu__item {\r\n      flex: initial;\r\n      padding: 0 rem(5px) rem(5px);\r\n\r\n      .mobile-facets__label {\r\n        width: rem(30px);\r\n        height: rem(30px);\r\n        border-radius: rem(15px);\r\n        border: 1px solid #a5a5a5;\r\n        position: relative;\r\n\r\n        > *:not(.mobile-facets__highlight) {\r\n          clip: rect(0, 0, 0, 0);\r\n          overflow: hidden;\r\n          position: absolute;\r\n          height: 1px;\r\n          width: 1px;\r\n        }\r\n\r\n        > .mobile-facets__highlight {\r\n          content: '';\r\n          display: block;\r\n          position: absolute;\r\n          top: -5px;\r\n          right: -5px;\r\n          bottom: -5px;\r\n          left: -5px;\r\n          border: 2px solid transparent;\r\n          border-radius: 100%;\r\n          background: none;\r\n        }\r\n\r\n        &:hover .mobile-facets__highlight {\r\n          border-color: $brand_orange;\r\n        }\r\n\r\n        input:checked + .mobile-facets__highlight {\r\n          border-color: rgb(var(--color-foreground));\r\n        }\r\n      }\r\n    }\r\n\r\n    &.mobile-facets__details-size-options .mobile-facets__list .list-menu__item {\r\n      flex: 33.33%;\r\n      flex-grow: 0;\r\n      padding: 0 rem(5px) rem(5px);\r\n\r\n      &.mobile-facets__item-number {\r\n        flex: 16.67%;\r\n        flex-grow: 0;\r\n      }\r\n\r\n      .mobile-facets__label {\r\n        position: relative;\r\n        justify-content: center;\r\n\r\n        > .mobile-facets__highlight {\r\n          content: '';\r\n          display: block;\r\n          position: absolute;\r\n          top: 0;\r\n          right: 0;\r\n          bottom: 0;\r\n          left: 0;\r\n          border: 2px solid rgb(var(--color-foreground));\r\n          background: transparent;\r\n          visibility: visible;\r\n          opacity: 1;\r\n        }\r\n\r\n        &:hover .mobile-facets__highlight {\r\n          border-color: $brand_orange;\r\n        }\r\n\r\n        input:checked + .mobile-facets__highlight {\r\n          background: rgb(var(--color-foreground));\r\n        }\r\n\r\n        input ~ span {\r\n          padding: rem(12px) rem(6px);\r\n          font-size: rem(18px);\r\n          font-weight: 800;\r\n          line-height: rem(24px);\r\n        }\r\n\r\n        input:checked ~ span {\r\n          color: rgb(var(--color-background));\r\n          z-index: 1\r\n        }\r\n\r\n        > svg {\r\n          display: none;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .mobile-facets__list {\r\n    display: flex;\r\n    flex-direction: row;\r\n    flex-wrap: wrap;\r\n    padding: rem(12px) 0;\r\n\r\n    .list-menu__item {\r\n      flex: 50%;\r\n      font-size: rem(14px);\r\n      line-height: rem(22px);\r\n      font-weight: 600;\r\n      margin-top: 5px;\r\n      margin-bottom: 0;\r\n\r\n      .mobile-facets__label {\r\n        padding: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  .mobile-facets__summary {\r\n    font-size: rem(14px);\r\n    line-height: rem(24px);\r\n    font-weight: 800;\r\n    padding: 0;\r\n\r\n    @include media-query($min,$md) {\r\n      pointer-events: none;\r\n    }\r\n\r\n    .filter_count {\r\n      background: $alert_info;\r\n      color: rgb(var(--color-background));\r\n      text-align: center;\r\n      line-height: rem(24px);\r\n      width: rem(24px);\r\n      display: inline-block;\r\n      border-radius: rem(12px);\r\n      margin-left: rem(5px);\r\n    }\r\n  }\r\n}\r\n\r\n.mobile-facets__label {\r\n\r\n  > input[type='checkbox'] ~ .icon-rect {\r\n    position: absolute;\r\n    top: 4px;\r\n    left: 4px;\r\n    visibility: hidden;\r\n  }\r\n\r\n  > input[type='checkbox']:checked  {\r\n\r\n    ~ .icon-rect {\r\n      visibility: visible;\r\n    }\r\n\r\n    + .mobile-facets__highlight {\r\n      display: none;\r\n    }\r\n  }\r\n}\r\n\r\n#FacetFiltersPillsForm {\r\n  display: none;\r\n}\r\n\r\n.mobile-facets__clear-wrapper .filter_count {\r\n  background: rgb(var(--color-button-text));\r\n  color: rgb(var(--color-button));\r\n  text-align: center;\r\n  line-height: rem(24px);\r\n  width: rem(24px);\r\n  display: inline-block;\r\n  border-radius: rem(12px);\r\n  margin-left: rem(5px);\r\n}\r\n\r\n@include media-query($max,$lg) {\r\n\r\n  .card-wrapper:hover .card-information__variants {\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n@include media-query($max,$md) {\r\n\r\n  .facets-container {\r\n    display: block !important;\r\n    grid-template-columns: none !important;\r\n\r\n    .mobile-facets__disclosure {\r\n      width: 100%;\r\n    }\r\n  }\r\n}\r\n\r\n.header-banner {\r\n\r\n  .header-banner--collection {\r\n    width: calc(75% - 1.5rem);\r\n    max-width: calc(75% - 1.5rem);\r\n  }\r\n}","@mixin prefix($property, $value, $prefixes) {\r\n  @each $prefix in $prefixes {\r\n    @if $prefix == webkit {\r\n      -webkit-#{$property}: $value;\r\n    } @else if $prefix == moz {\r\n      -moz-#{$property}: $value;\r\n    } @else if $prefix == ms {\r\n      -ms-#{$property}: $value;\r\n    } @else if $prefix == o {\r\n      -o-#{$property}: $value;\r\n    } @else if $prefix == spec {\r\n      #{$property}: $value;\r\n    } @else  {\r\n      @warn 'Unrecognized prefix: #{$prefix}';\r\n    }\r\n  }\r\n}\r\n\r\n@mixin transform($transform) {\r\n  @include prefix(transform, $transform, ms webkit spec);\r\n}\r\n\r\n@mixin transition($transition) {\r\n  @include prefix(transition, $transition, ms webkit spec);\r\n}\r\n\r\n@mixin transition_default() {\r\n  @include transition(all ease-out 0.35s);\r\n}\r\n\r\n@mixin animation($animation) {\r\n  @include prefix(animation, #{$animation}, moz o webkit spec);\r\n}\r\n\r\n@mixin keyframes($name) {\r\n  @-webkit-keyframes #{$name} {\r\n    @content;\r\n  }\r\n  @-moz-keyframes #{$name} {\r\n    @content;\r\n  }\r\n  @-ms-keyframes #{$name} {\r\n    @content;\r\n  }\r\n  @keyframes #{$name} {\r\n    @content;\r\n  }\r\n}\r\n\r\n@mixin overlay($z-index: null) {\r\n  position: relative;\r\n\r\n  &::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    background-color: rgb(var(--color-foreground));\r\n    opacity: 0.3;\r\n    mix-blend-mode: multiply;\r\n    @include transition_default();\r\n    z-index: 1;\r\n\r\n    @if ($z-index) {\r\n      z-index: $z-index;\r\n    }\r\n  }\r\n}\r\n\r\n$min: min-width;\r\n$max: max-width;\r\n\r\n$viewportIncrement: 1px;\r\n\r\n$sm: 576px;\r\n$md: 768px;\r\n$lg: 992px;\r\n$xl: 1200px;\r\n$xxl: 1400px;\r\n\r\n@mixin media-query ($constraint, $viewport1, $viewport2:null) {\r\n  @if $constraint == $min {\r\n    @media screen and ($min: $viewport1) {\r\n      @content;\r\n    }\r\n  } @else if $constraint == $max {\r\n    @media screen and ($max: $viewport1 - $viewportIncrement) {\r\n      @content;\r\n    }\r\n  } @else {\r\n    @media screen and ($min: $viewport1) and ($max: $viewport2) {\r\n      @content;\r\n    }\r\n  }\r\n}\r\n\r\n$html-font-size: 12px;\r\n@function stripUnit($value) {\r\n  @return $value / ($value * 0 + 1);\r\n}\r\n@function rem($pxValue) {\r\n  @return #{(stripUnit($pxValue) / stripUnit($html-font-size)) * 1.2}rem;\r\n}\r\n","/* WICK COLORS */\r\n$brand_blue: rgb(27, 62, 83);\r\n$brand_orange: rgb(251, 151, 28);\r\n$brand_yellow: rgb(251, 205, 109);\r\n\r\n/* NEUTRALS */\r\n$black: var(--neutral-obsidian);\r\n$grey75: var(--neutral-granite);\r\n$grey50: var(--neutral-disabled_gray);\r\n$grey25: var(--neutral-cloud);\r\n$white: var(--neutral-pow);\r\n\r\n/* ALERT COLORS */\r\n$alert_error: var(--alert-error);\r\n$alert_warning: var(--alert-warning);\r\n$alert_caution: var(--alert-alert);\r\n$alert_success: var(--alert-success);\r\n$alert_archived: var(--alert-archived);\r\n$alert_info: var(--alert-informational);\r\n"]}