// Container $awn-container-z-index: 99998 !default; $awn-container-padding: 24px !default; // Colors $awn-primary-color: hsl(0, 0%, 50%) !default; $awn-primary-background: hsl(0, 0%, 92%) !default; $awn-primary-border-color: hsl(0, 0%, 82%) !default; $awn-success-color: hsl(100, 65%, 32%) !default; $awn-success-background: hsl(100, 74%, 90%) !default; $awn-success-border-color: hsl(100, 45%, 70%) !default; $awn-info-color: hsl(201, 71%, 38%) !default; $awn-info-background: hsl(201, 71%, 90%) !default; $awn-info-border-color: hsl(201, 71%, 78%) !default; $awn-alert-color: hsl(3, 74%, 38%) !default; $awn-alert-background: hsl(3, 74%, 90%) !default; $awn-alert-border-color: hsl(3, 74%, 78%) !default; $awn-warning-color: hsl(32, 100%, 38%) !default; $awn-warning-background: hsl(32, 100%, 90%) !default; $awn-warning-border-color: hsl(32, 100%, 75%) !default; // Notifications $awn-toast-width: 320px !default; $awn-toast-padding: 16px !default; $awn-toast-margin: 16px !default; $awn-toast-border-width: 2px !default; $awn-toast-border-style: solid !default; $awn-toast-border-color: $awn-primary-border-color !default; $awn-toast-border-radius: 6px !default; $awn-border: $awn-toast-border-width $awn-toast-border-style $awn-toast-border-color !default; $awn-progress-bar-height: 6px !default; $awn-toast-font-size: 14px !default; $awn-toast-title-font-size: 18px !default; $awn-toast-icon-size: 44px !default; // Popups $awn-popup-wrapper-bg: rgba(0, 0, 0, 0.7) !default; $awn-popup-wrapper-z-index: 99999 !default; $awn-popup-bg: #fff !default; $awn-popup-min-width: 320px !default; $awn-popup-max-width: 500px !default; $awn-popup-font-size: 14px !default; $awn-popup-icon-size: 44px !default; $awn-popup-padding: 24px !default; $awn-popup-border-radius: 6px !default; $awn-popup-btn-height: 32px !default; $awn-popup-btn-color: #fff !default; $awn-popup-btn-border-radius: 4px !default; // Animations $awn-popup-show-animation: awn-fade-in; $awn-popup-hide-animation: awn-fade-out; $awn-popup-animation-timing: ease-out; $awn-toast-left-show-animation: awn-slide-left; $awn-toast-right-show-animation: awn-slide-right; $awn-toast-hide-animation: awn-fade-out; $awn-toast-animation-timing: linear;