.aws-btn{--button-default-height:48px;--button-default-font-size:14px;--button-default-line-height:24px;--button-default-border-radius:6px;--button-default-placeholder-width:120px;--button-horizontal-padding:20px;--button-raise-level:5px;--button-pressed-level:0px;--button-hover-pressure:2;--transform-speed:.185s;--button-font-family:inherit;--button-font-weight:600;--button-font-style:normal;--button-letter-spacing:0px;--button-shadow-color:#29242066;--button-shadow-divisor:2;--button-primary-color:#007bff;--button-primary-color-dark:#0056b3;--button-primary-color-light:#fff;--button-primary-color-hover:#0069d9;--button-primary-border:none;--button-secondary-color:#6c757d;--button-secondary-color-dark:#545b62;--button-secondary-color-light:#fff;--button-secondary-color-hover:#5a6268;--button-secondary-border:none;--button-tertiary-color:#f8f9fa;--button-tertiary-color-dark:#dee2e6;--button-tertiary-color-light:#212529;--button-tertiary-color-hover:#e9ecef;--button-tertiary-border:1px solid #dee2e6;--button-success-color:#28a745;--button-success-color-dark:#1e7e34;--button-success-color-light:#fff;--button-success-color-hover:#218838;--button-success-border:none;--button-error-color:#dc3545;--button-error-color-dark:#bd2130;--button-error-color-light:#fff;--button-error-color-hover:#c82333;--button-error-border:none;--button-warning-color:#ffc107;--button-warning-color-dark:#d39e00;--button-warning-color-light:#212529;--button-warning-color-hover:#e0a800;--button-warning-border:none;--button-info-color:#17a2b8;--button-info-color-dark:#117a8b;--button-info-color-light:#fff;--button-info-color-hover:#138496;--button-info-border:none;--button-anchor-color:#fff;--button-anchor-color-dark:#e9ecef;--button-anchor-color-light:#007bff;--button-anchor-color-hover:#f8f9fa;--button-anchor-border:1px solid #007bff;--button-danger-color:#dc3545;--button-danger-color-dark:#bd2130;--button-danger-color-light:#fff;--button-danger-color-hover:#c82333;--button-danger-border:none;--button-placeholder-color:#e9ecef;--button-placeholder-color-light:#6c757d;box-sizing:border-box;vertical-align:middle;height:var(--button-default-height);z-index:1;font-size:var(--button-default-font-size);line-height:var(--button-default-line-height);font-weight:var(--button-font-weight);font-family:var(--button-font-family);font-style:var(--button-font-style);letter-spacing:var(--button-letter-spacing);text-rendering:auto;text-align:center;opacity:0;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:#0000;-webkit-font-smoothing:antialiased;backface-visibility:hidden;touch-action:manipulation;background-color:#0000;border:none;outline:none;margin:0;padding:0;text-decoration:none;transition:opacity .1s ease-out;display:inline-block;position:relative;transform:translate(0,0)}button.aws-btn .aws-btn__wrapper{margin-top:calc(var(--button-raise-level)*-1)}.aws-btn:before{content:" ";background-color:var(--button-shadow-color);width:calc(100% - 2px);height:calc(100% - (var(--button-raise-level)*var(--button-shadow-divisor)));bottom:calc(0px - (var(--button-raise-level)/var(--button-shadow-divisor)));border-radius:var(--button-default-border-radius);transition:transform calc(var(--transform-speed)*.8)ease-out,background calc(var(--transform-speed)*.8)ease-out;pointer-events:none;position:absolute;left:1px;transform:skewY(0)translate(0,0)}.aws-btn__wrapper{font-family:var(--button-font-family);width:100%;height:calc(100% - var(--button-raise-level));backface-visibility:hidden;transform-style:preserve-3d;z-index:1;align-items:stretch;display:flex;position:relative;transform:translate(0,0)}.aws-btn__wrapper:before{content:" ";border-radius:var(--button-default-border-radius);width:100%;height:100%;top:auto;left:0;bottom:calc(var(--button-raise-level)*-1);z-index:1;transition:transform var(--transform-speed)ease-out,background var(--transform-speed)ease-out;pointer-events:none;display:block;position:absolute}.aws-btn__wrapper:after{width:0;height:100%;top:var(--button-raise-level);content:" ";border-radius:var(--button-default-border-radius);z-index:2;pointer-events:none;background-color:#00000026;display:block;position:absolute;left:0}.aws-btn__content{border-radius:var(--button-default-border-radius);text-indent:0;z-index:3;padding:0 var(--button-horizontal-padding);backface-visibility:hidden;transform-style:flat;transition:border var(--transform-speed)ease-out,transform var(--transform-speed)ease-out,background var(--transform-speed)ease-out,color var(--transform-speed)ease-out;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;transform:skew(0deg)translate(0,0)}.aws-btn__content:after{pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.aws-btn__content>span:first-child{transform-style:preserve-3d;backface-visibility:hidden;align-items:center;display:flex;transform:skew(0deg)translate(0,0)}.aws-btn__content>span:first-child>svg:only-child{margin:0}.aws-btn__content>svg:first-child{margin-right:4px}.aws-btn__content>svg:last-child{margin-left:4px}.aws-btn--visible{opacity:1;pointer-events:auto}.aws-btn--between .aws-btn__content{justify-content:space-between}.aws-btn--left:before{transform:skewY(calc(1deg*var(--button-hover-pressure)))translate3d(0,calc(-1px*var(--button-hover-pressure)/2),0)}.aws-btn--left .aws-btn__content{transform:skewY(calc(-1deg*var(--button-hover-pressure)))}.aws-btn--right:before{transform:skewY(calc(-1deg*var(--button-hover-pressure)))translate3d(0,calc(-1px*var(--button-hover-pressure)/2),0)}.aws-btn--right .aws-btn__content{transform:skewY(calc(1deg*var(--button-hover-pressure)))}.aws-btn--middle:before{transform:translate3d(0,calc(-1px*var(--button-hover-pressure)),0)}.aws-btn--middle .aws-btn__content{transform:translate3d(0,calc(1px*var(--button-hover-pressure)),0)}.aws-btn--active:before{will-change:transform;transform:translate3d(0,calc((var(--button-raise-level) - var(--button-pressed-level))*-1),0);transition:transform calc(var(--transform-speed)*.5)ease-out}.aws-btn--active .aws-btn__content{will-change:transform;transition:transform calc(var(--transform-speed)*.5)ease-in,background calc(var(--transform-speed)*.5)ease-out,color calc(var(--transform-speed)*.5)ease-out;transform:translate3d(0,calc(var(--button-raise-level) - var(--button-pressed-level)),0)}.aws-btn--primary .aws-btn__wrapper:before{background:var(--button-primary-color-dark)}.aws-btn--primary .aws-btn__content{background:var(--button-primary-color);color:var(--button-primary-color-light);border:var(--button-primary-border)}.aws-btn--primary .aws-btn__wrapper:hover .aws-btn__content{background:var(--button-primary-color-hover)}.aws-btn--primary.aws-btn--active .aws-btn__wrapper .aws-btn__content{background:var(--button-primary-color-dark)}.aws-btn--secondary .aws-btn__wrapper:before{background:var(--button-secondary-color-dark)}.aws-btn--secondary .aws-btn__content{background:var(--button-secondary-color);color:var(--button-secondary-color-light);border:var(--button-secondary-border)}.aws-btn--secondary .aws-btn__wrapper:hover .aws-btn__content{background:var(--button-secondary-color-hover)}.aws-btn--secondary.aws-btn--active .aws-btn__wrapper .aws-btn__content{background:var(--button-secondary-color-dark)}.aws-btn--tertiary .aws-btn__wrapper:before{background:var(--button-tertiary-color-dark)}.aws-btn--tertiary .aws-btn__content{background:var(--button-tertiary-color);color:var(--button-tertiary-color-light);border:var(--button-tertiary-border)}.aws-btn--tertiary .aws-btn__wrapper:hover .aws-btn__content{background:var(--button-tertiary-color-hover)}.aws-btn--tertiary.aws-btn--active .aws-btn__wrapper .aws-btn__content{background:var(--button-tertiary-color-dark)}.aws-btn--success .aws-btn__wrapper:before{background:var(--button-success-color-dark)}.aws-btn--success .aws-btn__content{background:var(--button-success-color);color:var(--button-success-color-light);border:var(--button-success-border)}.aws-btn--success .aws-btn__wrapper:hover .aws-btn__content{background:var(--button-success-color-hover)}.aws-btn--success.aws-btn--active .aws-btn__wrapper .aws-btn__content{background:var(--button-success-color-dark)}.aws-btn--error .aws-btn__wrapper:before{background:var(--button-error-color-dark)}.aws-btn--error .aws-btn__content{background:var(--button-error-color);color:var(--button-error-color-light);border:var(--button-error-border)}.aws-btn--error .aws-btn__wrapper:hover .aws-btn__content{background:var(--button-error-color-hover)}.aws-btn--error.aws-btn--active .aws-btn__wrapper .aws-btn__content{background:var(--button-error-color-dark)}.aws-btn--warning .aws-btn__wrapper:before{background:var(--button-warning-color-dark)}.aws-btn--warning .aws-btn__content{background:var(--button-warning-color);color:var(--button-warning-color-light);border:var(--button-warning-border)}.aws-btn--warning .aws-btn__wrapper:hover .aws-btn__content{background:var(--button-warning-color-hover)}.aws-btn--warning.aws-btn--active .aws-btn__wrapper .aws-btn__content{background:var(--button-warning-color-dark)}.aws-btn--info .aws-btn__wrapper:before{background:var(--button-info-color-dark)}.aws-btn--info .aws-btn__content{background:var(--button-info-color);color:var(--button-info-color-light);border:var(--button-info-border)}.aws-btn--info .aws-btn__wrapper:hover .aws-btn__content{background:var(--button-info-color-hover)}.aws-btn--info.aws-btn--active .aws-btn__wrapper .aws-btn__content{background:var(--button-info-color-dark)}.aws-btn--anchor .aws-btn__wrapper:before{background:var(--button-anchor-color-dark)}.aws-btn--anchor .aws-btn__content{background:var(--button-anchor-color);color:var(--button-anchor-color-light);border:var(--button-anchor-border)}.aws-btn--anchor .aws-btn__wrapper:hover .aws-btn__content{background:var(--button-anchor-color-hover)}.aws-btn--anchor.aws-btn--active .aws-btn__wrapper .aws-btn__content{background:var(--button-anchor-color-dark)}.aws-btn--danger .aws-btn__wrapper:before{background:var(--button-danger-color-dark)}.aws-btn--danger .aws-btn__content{background:var(--button-danger-color);color:var(--button-danger-color-light);border:var(--button-danger-border)}.aws-btn--danger .aws-btn__wrapper:hover .aws-btn__content{background:var(--button-danger-color-hover)}.aws-btn--danger.aws-btn--active .aws-btn__wrapper .aws-btn__content{background:var(--button-danger-color-dark)}.aws-btn--disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.aws-btn--disabled .aws-btn__wrapper:before{background:#999!important}.aws-btn--disabled .aws-btn__content{color:#666!important;background:#ccc!important}.aws-btn--disabled .aws-btn__wrapper:hover .aws-btn__content{background:#ccc!important}.aws-btn--placeholder{width:var(--button-default-placeholder-width)}.aws-btn--placeholder .aws-btn__content>span{background-color:var(--button-placeholder-color-light);border-radius:2px;width:100%;height:40%;display:block;position:relative;overflow:hidden}.aws-btn--placeholder .aws-btn__content>span:before{content:"";width:100%;height:100%;animation:placeholder calc(var(--transform-speed)*14)linear forwards infinite;background-color:#0000001a;position:absolute;top:0;left:0}.aws-btn--small{height:32px;font-size:12px}.aws-btn--medium{height:48px;font-size:16px}.aws-btn--large{height:64px;font-size:18px}.aws-btn--icon{width:var(--button-default-height);padding:0}.aws-btn--icon .aws-btn__content{padding:0}.aws-btn--fill{width:100%}span.aws-btn__bubble{visibility:hidden;opacity:0;width:0;height:0;animation:bubble-ping calc(var(--transform-speed)*3.5)cubic-bezier(.5,0,.6,.4)50ms forwards;background:#0000001a;border-radius:50%;display:block;position:absolute;top:0;left:0;transform:scale(.1)}@keyframes placeholder{0%{transform:translate(-110%)}25%{transform:translate(0%)}50%{transform:translate(110%)}75%{transform:translate(0%)}to{transform:translate(-110%)}}@keyframes bubble-ping{1%{visibility:visible}10%{opacity:0}50%{opacity:1}99%{opacity:0;transform:scale(1)}to{visibility:hidden}}
