@font-face{font-family:Lexend Deca;src:url(/fonts/LexendDeca-VariableFont_wght.ttf) format("truetype")}@font-face{font-family:Bellota-Light;src:url(/fonts/Bellota-Light.ttf) format("truetype")}@font-face{font-family:Bellota-Regular;src:url(/fonts/Bellota-Regular.ttf) format("truetype")}html,body{width:100%;height:100%;background-color:#000;color:#241a1a;margin:0}.title-header{font-family:Bellota-Regular;font-weight:400;font-size:5.5em}.text-normal{font-family:Lexend Deca;font-style:normal;font-optical-sizing:auto;font-weight:250;letter-spacing:-.02em;font-size:1.7em}.role-line{font-family:Lexend Deca;text-shadow:-.3px -.3px 0 #000,.3px -.3px 0 #000,-.3px .3px 0 #000,.3px .3px 0 #000}.experience-info-container,.experience-info-container-zoom-tooltip{font-family:Lexend Deca;font-weight:150}.experience-info-title{font-family:Bellota-Regular;font-size:1.8em}.experience-info-description{font-family:Lexend Deca;font-size:1.2em}.credits-button{font-family:Lexend Deca,sans-serif!important}#portfolio-sections-container{position:relative;pointer-events:none;z-index:1}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:2}.canvas-container-blur{transition:backdrop-filter .6s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.canvas-container-blur-out{transition:backdrop-filter .6s;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}#overlay-container{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000;pointer-events:none;z-index:3}.over-canvas{position:absolute;top:20%;left:10%;width:80%;z-index:10;pointer-events:none}.title-header{letter-spacing:-.045em;white-space:nowrap;pointer-events:none}.title-header.my-name-normal{position:absolute;display:flex;opacity:1;transition:opacity .3s ease-in-out}.title-header.my-name-with-dog{display:flex;opacity:0;transition:opacity .3s ease-in-out}.title-header.my-name-normal.hidden{opacity:0}.title-header.my-name-with-dog.visible{opacity:1}.title-header.my-name-with-dog .header-dog-emoji{font-size:1.1em;margin-left:.1em;margin-top:-.1em}.text-normal{line-height:1.7}.section{display:flex;align-items:center;position:relative;padding-left:10%;padding-right:10%}.section-bio{height:100vh}.h1-bio-description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section-bio .description{padding-top:46vh}.section-bio .text-normal{margin-top:.6em}@media (max-width: 768px){.section-bio .description{margin-top:30em}.section-bio .text-normal{font-size:1.4em}.title-header{font-size:4em}}.role-animated-text{color:#fff;background:#a94a4a;position:absolute;margin:0 14px;padding:0 5px;height:40px;overflow:hidden;transform:skew(-15deg)}.role-line{text-align:center;line-height:40px;color:#f4d793;transform:skew(15deg);font-size:.9em}.role-line:first-child{animation:roll-text 14s ease-in-out infinite}@keyframes roll-text{0%{margin-top:-0px}7.14%{margin-top:-0px}14.29%{margin-top:-40px}21.43%{margin-top:-40px}28.57%{margin-top:-80px}35.71%{margin-top:-80px}42.86%{margin-top:-120px}50%{margin-top:-120px}57.14%{margin-top:-160px}64.29%{margin-top:-160px}71.43%{margin-top:-200px}78.57%{margin-top:-200px}85.71%{margin-top:-240px}92.86%{margin-top:-240px}to{margin-top:-280px}}.section-experiences{height:200vh}.section-experiences .description{align-self:flex-start}@media (max-width: 768px){.section-experiences .description{margin-top:65vh}}.section-experiences .title-header{margin-top:-60px;font-size:4.8em}.section-experience{margin-top:0;text-align:center}.experience-info-container-zoom-tooltip{text-align:center;color:#fff;background-color:#00000095;padding:20px;border-radius:10px;width:120px;max-width:80vw;position:absolute;pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;cursor:default}.experience-info-container-zoom-tooltip *{text-shadow:0px 0px 5px black}.experience-info-container-zoom-tooltip.show{opacity:1;transition:opacity .6s,transform .6s ease-out;transform:translate(-50%,-50%)}.experience-info-container-zoom-tooltip.hide{opacity:0;transition:opacity .6s,transform .6s ease-in;transform:translate(-50%,50%)}.experience-info-container{text-align:center;color:#fff;background-color:#00000095;padding:20px;border-radius:10px;width:720px;max-width:80vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;cursor:default}.experience-info-container *{text-shadow:0px 0px 5px black}.experience-info-container.show{opacity:1;transition:opacity .6s,transform .6s ease-out;transform:translate(-50%,-50%)}.experience-info-container.hide{opacity:0;transition:opacity .6s,transform .6s ease-in;transform:translate(-50%,50%)}.experience-info-title{line-height:1;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.experience-info-title{font-size:1.2em}}.experience-info-description{margin-top:.6em;line-height:1.5}@media (max-width: 768px){.experience-info-description{font-size:.8em}}.experience-info-tags-and-links{display:flex;justify-content:space-between;margin-top:.6em}@media (max-width: 768px){.experience-info-tags-and-links{font-size:.8em}}.experience-info-tags{display:flex;gap:10px;justify-content:flex-start;flex-wrap:wrap;margin-left:10px;height:100%}.experience-info-tag{background-color:#0005;padding:5px 10px;border-radius:5px;font-size:.9em}.experience-info-links{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-right:10px;height:100%}.experience-info-link{background-color:#0005;padding:5px 10px;border-radius:5px;color:#fff;text-decoration:none;transition:background-color .2s}.experience-info-link:hover{background-color:#0008}.section-contact{height:100vh;text-align:center}.section-contact .description{margin-top:-15px;pointer-events:auto}.section-contact a{color:#000;text-decoration:none}.section-contact a:hover{text-decoration:underline;text-shadow:0px 0px 3px #f4d793;animation:contact-text-link .1s}@keyframes contact-text-link{0%{text-shadow:0px 0px 0px #f4d793}}.contact-links{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:10px}.contact-link-container{background-color:#0005;display:flex;justify-content:center;width:40px;height:40px!important;--button-raise-level: 8px !important}.contact-link-container:hover{box-shadow:0 0 10px #f4d793;animation:contact-link-hover .1s}.contact-link-container:active{box-shadow:0 0 #f4d793;animation:contact-link-active .1s}@keyframes contact-link-active{0%{box-shadow:0 0 10px #f4d793}}@keyframes contact-link-hover{0%{box-shadow:0 0 #f4d793}}.contact-link{padding:6px 0;border-radius:5px;color:#fff}.credits-button{position:fixed;bottom:20px;left:95%;transform:translate(-50%)!important}.aws-btn{--button-custom-color: #DB4557;--button-custom-color-dark: #861F1F;--button-custom-color-light: #FFFFFF;--button-custom-color-hover: #BC2C2C;--button-custom-border: none}.aws-btn--custom .aws-btn__wrapper:before{background:var(--button-custom-color-dark)}.aws-btn--custom .aws-btn__content{background:var(--button-custom-color);color:var(--button-custom-color-light);border:var(--button-custom-border)}.aws-btn--custom .aws-btn__content path{fill:var(--button-custom-color-light)}.aws-btn--custom .aws-btn__wrapper:hover .aws-btn__content{background:var(--button-custom-color-hover)}.aws-btn--custom.aws-btn--active .aws-btn__wrapper .aws-btn__content{background:var(--button-custom-color-active)}.loading-content{font-family:Bellota-Regular}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:9999;color:#fff;pointer-events:none;opacity:1;transition:opacity .5s ease-in-out}.loading-screen.completed{opacity:0}.loading-content{text-align:center;max-width:500px;padding:20px;background-color:#000000b3;border-radius:10px;box-shadow:0 0 20px #00000080}.loading-content.hidden{opacity:0}.loading-content .loading-header{font-size:2.5em;margin-bottom:20px;color:#f4d793;text-shadow:0px 0px 5px rgba(0,0,0,.5)}.loading-bar-container{width:100%;height:20px;background-color:#333;border-radius:10px;margin:20px 0;overflow:hidden;box-shadow:inset 0 0 5px #00000080}.loading-bar{height:100%;background-color:#a94a4a;transition:width .3s ease;box-shadow:0 0 10px #a94a4ab3}.loading-content p{font-size:1.2em;margin-top:10px;color:#fff6da}.aws-btn{--button-default-height: 44px;--button-default-font-size: 14px;--button-default-line-height: 24px;--button-default-border-radius: 4px;--button-default-placeholder-width: 120px;--button-icon-width: 44px;--button-icon-height: 44px;--button-small-width: 88px;--button-small-height: 44px;--button-medium-width: 136px;--button-medium-height: 44px;--button-large-width: 192px;--button-large-height: 44px;--button-font-family: inherit;--button-font-color: #ffffff;--button-font-weight: 600;--button-font-style: normal;--button-hover-darken-opacity: .1;--button-letter-spacing: 0px;--button-horizontal-padding: 16px;--button-raise-level: 4px;--button-pressed-level: 0px;--button-hover-pressure: 1;--button-shadow-color: rgba(0, 0, 0, .3);--button-shadow-divisor: 2;--loading-transition-timing: ease-out;--loading-transition-speed: 6s;--loading-transition-end-speed: .3s;--transform-speed: .15s;--button-primary-color: #1E88E5;--button-primary-color-dark: #1360a4;--button-primary-color-light: white;--button-primary-color-hover: #187bd1;--button-primary-color-active: #166dba;--button-primary-border: none;--button-secondary-color: #f2f6f9;--button-secondary-color-dark: #1360a4;--button-secondary-color-light: #1E88E5;--button-secondary-color-hover: #e1eaf1;--button-secondary-color-active: #cfdee9;--button-secondary-border: 2px solid #1E88E5;--button-anchor-color: #0e4f88;--button-anchor-color-dark: #072743;--button-anchor-color-light: white;--button-anchor-color-hover: #0d4a7f;--button-anchor-color-active: #0c4271;--button-anchor-border: none;--button-danger-color: #c42e2e;--button-danger-color-dark: #861f1f;--button-danger-color-light: white;--button-danger-color-hover: #bc2c2c;--button-danger-color-active: #af2929;--button-danger-border: none;--button-disabled-color: #AFAFAF;--button-disabled-color-dark: #898989;--button-disabled-color-light: #969696;--button-disabled-color-hover: #AFAFAF;--button-disabled-color-active: #AFAFAF;--button-disabled-border: none;--button-placeholder-color: #AFAFAF;--button-placeholder-color-dark: #898989;--button-placeholder-color-light: #969696;--button-placeholder-color-hover: #AFAFAF;--button-placeholder-color-active: #AFAFAF;--button-placeholder-border: none;--button-mail-color: #cfcfcf;--button-mail-color-dark: #9c9c9c;--button-facebook-color: #4868ad;--button-facebook-color-dark: #324877;--button-messenger-color: #3186f6;--button-messenger-color-dark: #0960d1;--button-twitter-color: #00aced;--button-twitter-color-dark: #0074a1;--button-linkedin-color: #0077b5;--button-linkedin-color-dark: #004569;--button-whatsapp-color: #25d366;--button-whatsapp-color-dark: #1a9247;--button-github-color: #25292e;--button-github-color-dark: #030304;--button-reddit-color: #fc461e;--button-reddit-color-dark: #cb2703;--button-pinterest-color: #bd091c;--button-pinterest-color-dark: #740611;--button-gplus-color: #ce5b4e;--button-gplus-color-dark: #a3392d;--button-youtube-color: #cc181e;--button-youtube-color-dark: #881014;--button-instagram-radial-color: radial-gradient(circle at 25% 110%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);--button-instagram-radial-color-dark: radial-gradient(circle at 25% 110%, #b9a800 0%, #938500 5%, #b10f00 45%, #8c0061 60%, #002ca9 90%)}.aws-btn--progress .aws-btn__content:after,.aws-btn--progress .aws-btn__progress,.aws-btn .aws-btn__content:after,.aws-btn .aws-btn__wrapper:after,.aws-btn .aws-btn__wrapper:before{display:block;position:absolute;width:100%;height:100%;top:0;left:0}.aws-btn{padding:0;margin:0}.aws-btn:focus,.aws-btn{outline-color:0;outline-style:none;outline-width:0}.aws-btn{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}button.aws-btn .aws-btn__wrapper{margin-top:calc(var(--button-raise-level)*-1)}.aws-btn{box-sizing:border-box;display:inline-block;vertical-align:middle;height:var(--button-default-height);position:relative;z-index:1;background-color:#0000;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-decoration:none;text-align:center;transition:opacity .1s ease-out;border:none;opacity:0;cursor:pointer;-webkit-font-smoothing:antialiased;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.aws-btn .aws-btn__wrapper{position:relative;font-family:var(--button-font-family);display:flex;align-items:stretch;width:100%;height:calc(100% - var(--button-raise-level));transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.aws-btn .aws-btn__wrapper:before{content:" ";border-radius:var(--button-default-border-radius);top:auto;bottom:calc(var(--button-raise-level)*-1);z-index:1;transition:transform var(--transform-speed) ease-out,background var(--transform-speed) ease-out}.aws-btn .aws-btn__wrapper:after{content:" ";background-color:#00000026;border-radius:var(--button-default-border-radius);z-index:2;width:0;top:var(--button-raise-level)}.aws-btn .aws-btn__content{position:relative;display:flex;flex:1;align-items:center;justify-content:center;border-radius:var(--button-default-border-radius);text-indent:0;z-index:1;overflow:hidden;padding:0 var(--button-horizontal-padding);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:flat;transform:skew(0) translateZ(0);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}.aws-btn .aws-btn__content>span:nth-child(1){display:flex;align-items:center;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:skew(0) translateZ(0)}.aws-btn .aws-btn__content>span:nth-child(1)>svg:only-child{margin:0}.aws-btn .aws-btn__content>svg:nth-child(1){margin-right:4px}.aws-btn .aws-btn__content>svg:nth-last-child(1){margin-left:4px}.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));left:1px;position:absolute;border-radius:var(--button-default-border-radius);transform:skewY(0) translateZ(0);transition:transform calc(var(--transform-speed)*.8) ease-out,background calc(var(--transform-speed)*.8) ease-out}.aws-btn--facebook .aws-btn__wrapper:before{background:#324877}.aws-btn--facebook .aws-btn__content{background:#4868ad;color:#fff}.aws-btn--facebook .aws-btn__content path{fill:#fff}.aws-btn--facebook.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--facebook.aws-btn--progress .aws-btn__progress:before,.aws-btn--facebook.aws-btn--progress .aws-btn__progress:after{color:#fff}.aws-btn--messenger .aws-btn__wrapper:before{background:#0960d1}.aws-btn--messenger .aws-btn__content{background:#3186f6;color:#fff}.aws-btn--messenger .aws-btn__content path{fill:#fff}.aws-btn--messenger.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--messenger.aws-btn--progress .aws-btn__progress:before,.aws-btn--messenger.aws-btn--progress .aws-btn__progress:after{color:#fff}.aws-btn--twitter .aws-btn__wrapper:before{background:#0074a1}.aws-btn--twitter .aws-btn__content{background:#00aced;color:#fff}.aws-btn--twitter .aws-btn__content path{fill:#fff}.aws-btn--twitter.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--twitter.aws-btn--progress .aws-btn__progress:before,.aws-btn--twitter.aws-btn--progress .aws-btn__progress:after{color:#fff}.aws-btn--linkedin .aws-btn__wrapper:before{background:#004569}.aws-btn--linkedin .aws-btn__content{background:#0077b5;color:#fff}.aws-btn--linkedin .aws-btn__content path{fill:#fff}.aws-btn--linkedin.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--linkedin.aws-btn--progress .aws-btn__progress:before,.aws-btn--linkedin.aws-btn--progress .aws-btn__progress:after{color:#fff}.aws-btn--whatsapp .aws-btn__wrapper:before{background:#1a9247}.aws-btn--whatsapp .aws-btn__content{background:#25d366;color:#fff}.aws-btn--whatsapp .aws-btn__content path{fill:#fff}.aws-btn--whatsapp.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--whatsapp.aws-btn--progress .aws-btn__progress:before,.aws-btn--whatsapp.aws-btn--progress .aws-btn__progress:after{color:#fff}.aws-btn--github .aws-btn__wrapper:before{background:#030304}.aws-btn--github .aws-btn__content{background:#25292e;color:#fff}.aws-btn--github .aws-btn__content path{fill:#fff}.aws-btn--github.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--github.aws-btn--progress .aws-btn__progress:before,.aws-btn--github.aws-btn--progress .aws-btn__progress:after{color:#fff}.aws-btn--reddit .aws-btn__wrapper:before{background:#cb2703}.aws-btn--reddit .aws-btn__content{background:#fc461e;color:#fff}.aws-btn--reddit .aws-btn__content path{fill:#fff}.aws-btn--reddit.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--reddit.aws-btn--progress .aws-btn__progress:before,.aws-btn--reddit.aws-btn--progress .aws-btn__progress:after{color:#fff}.aws-btn--pinterest .aws-btn__wrapper:before{background:#740611}.aws-btn--pinterest .aws-btn__content{background:#bd091c;color:#fff}.aws-btn--pinterest .aws-btn__content path{fill:#fff}.aws-btn--pinterest.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--pinterest.aws-btn--progress .aws-btn__progress:before,.aws-btn--pinterest.aws-btn--progress .aws-btn__progress:after{color:#fff}.aws-btn--gplus .aws-btn__wrapper:before{background:#a3392d}.aws-btn--gplus .aws-btn__content{background:#ce5b4e;color:#fff}.aws-btn--gplus .aws-btn__content path{fill:#fff}.aws-btn--gplus.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--gplus.aws-btn--progress .aws-btn__progress:before,.aws-btn--gplus.aws-btn--progress .aws-btn__progress:after{color:#fff}.aws-btn--youtube .aws-btn__wrapper:before{background:#881014}.aws-btn--youtube .aws-btn__content{background:#cc181e;color:#fff}.aws-btn--youtube .aws-btn__content path{fill:#fff}.aws-btn--youtube.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--youtube.aws-btn--progress .aws-btn__progress:before,.aws-btn--youtube.aws-btn--progress .aws-btn__progress:after{color:#fff}.aws-btn--mail .aws-btn__wrapper:before{background:#9c9c9c}.aws-btn--mail .aws-btn__content{background:#cfcfcf;color:#fff}.aws-btn--mail .aws-btn__content path{fill:#fff}.aws-btn--mail.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--mail.aws-btn--progress .aws-btn__progress:before,.aws-btn--mail.aws-btn--progress .aws-btn__progress:after{color:#fff}.aws-btn--instagram .aws-btn__wrapper:before{background:radial-gradient(circle at 25% 110%,#b9a800,#938500 5%,#b10f00 45%,#8c0061 60%,#002ca9 90%)}.aws-btn--instagram .aws-btn__content{background:radial-gradient(circle at 25% 110%,#fdf497,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);color:#fff}.aws-btn--instagram .aws-btn__content path{fill:#fff}.aws-btn--instagram.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--instagram.aws-btn--progress .aws-btn__progress:before,.aws-btn--instagram.aws-btn--progress .aws-btn__progress:after{color:#fff}.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__content path{fill:var(--button-primary-color-light)}.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-active)}.aws-btn--primary.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--primary.aws-btn--progress .aws-btn__progress:before,.aws-btn--primary.aws-btn--progress .aws-btn__progress:after{color:var(--button-primary-color-light)}.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__content path{fill:var(--button-secondary-color-light)}.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-active)}.aws-btn--secondary.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--secondary.aws-btn--progress .aws-btn__progress:before,.aws-btn--secondary.aws-btn--progress .aws-btn__progress:after{color:var(--button-secondary-color-light)}.aws-btn--link .aws-btn__wrapper:before{background:var(--button-anchor-color-dark)}.aws-btn--link .aws-btn__content{background:var(--button-anchor-color);color:var(--button-anchor-color-light);border:var(--button-anchor-border)}.aws-btn--link .aws-btn__content path{fill:var(--button-anchor-color-light)}.aws-btn--link .aws-btn__wrapper:hover .aws-btn__content{background:var(--button-anchor-color-hover)}.aws-btn--link.aws-btn--active .aws-btn__wrapper .aws-btn__content{background:var(--button-anchor-color-active)}.aws-btn--link.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--link.aws-btn--progress .aws-btn__progress:before,.aws-btn--link.aws-btn--progress .aws-btn__progress:after{color:var(--button-anchor-color-light)}.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__content path{fill:var(--button-danger-color-light)}.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-active)}.aws-btn--danger.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--danger.aws-btn--progress .aws-btn__progress:before,.aws-btn--danger.aws-btn--progress .aws-btn__progress:after{color:var(--button-danger-color-light)}.aws-btn--disabled .aws-btn__wrapper:before{background:var(--button-disabled-color-dark)}.aws-btn--disabled .aws-btn__content{background:var(--button-disabled-color);color:var(--button-disabled-color-light);border:var(--button-disabled-border)}.aws-btn--disabled .aws-btn__content path{fill:var(--button-disabled-color-light)}.aws-btn--disabled .aws-btn__wrapper:hover .aws-btn__content{background:var(--button-disabled-color-hover)}.aws-btn--disabled.aws-btn--active .aws-btn__wrapper .aws-btn__content{background:var(--button-disabled-color-active)}.aws-btn--disabled.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--disabled.aws-btn--progress .aws-btn__progress:before,.aws-btn--disabled.aws-btn--progress .aws-btn__progress:after{color:var(--button-disabled-color-light)}.aws-btn--placeholder .aws-btn__wrapper:before{background:var(--button-placeholder-color-dark)}.aws-btn--placeholder .aws-btn__content{background:var(--button-placeholder-color);color:var(--button-placeholder-color-light);border:var(--button-placeholder-border)}.aws-btn--placeholder .aws-btn__content path{fill:var(--button-placeholder-color-light)}.aws-btn--placeholder .aws-btn__wrapper:hover .aws-btn__content{background:var(--button-placeholder-color-hover)}.aws-btn--placeholder.aws-btn--active .aws-btn__wrapper .aws-btn__content{background:var(--button-placeholder-color-active)}.aws-btn--placeholder.aws-btn--progress .aws-btn__content>span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.aws-btn--placeholder.aws-btn--progress .aws-btn__progress:before,.aws-btn--placeholder.aws-btn--progress .aws-btn__progress:after{color:var(--button-placeholder-color-light)}.aws-btn--placeholder{width:var(--button-default-placeholder-width)}.aws-btn--placeholder .aws-btn__content>span{display:block;width:100%;height:40%;background-color:var(--button-placeholder-color-light);border-radius:2px;position:relative;overflow:hidden}.aws-btn--placeholder .aws-btn__content>span:before{content:"";background-color:#0000001a;position:absolute;top:0;left:0;width:100%;height:100%;animation:placeholder calc(var(--transform-speed)*14) linear forwards infinite}.aws-btn--visible{opacity:1}.aws-btn--between .aws-btn__content{justify-content:space-between}.aws-btn--left:before{transform:skewY(calc(1deg * var(--button-hover-pressure) * 1)) translate3d(0,calc(-1px * var(--button-hover-pressure) / 2),0)}.aws-btn--left .aws-btn__content{transform:skewY(calc(1deg * var(--button-hover-pressure) * -1))}.aws-btn--right:before{transform:skewY(calc(1deg * var(--button-hover-pressure) * -1)) translate3d(0,calc(-1px * var(--button-hover-pressure) / 2),0)}.aws-btn--right .aws-btn__content{transform:skewY(calc(1deg * var(--button-hover-pressure) * 1))}.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--icon .aws-btn__content>span:nth-child(1)>svg{vertical-align:middle}.aws-btn--active:before{will-change:transform;transform:translate3d(0,calc((var(--button-raise-level) - var(--button-pressed-level)) * -1),0)}.aws-btn--active .aws-btn__content{will-change:transform;transition:transform calc(var(--transform-speed)*.8) ease-out,background calc(var(--transform-speed)*.8) ease-out,color calc(var(--transform-speed)*.8) ease-out;transform:translate3d(0,calc(var(--button-raise-level) - var(--button-pressed-level)),0)}.aws-btn--off:before{transform:translate3d(0,calc(var(--button-raise-level) * -1),0);background-color:#0000000d}.aws-btn--off:hover .aws-btn__wrapper:before{background-color:#2d2d2d}.aws-btn--off:hover .aws-btn__content{background-color:#313131;color:#3b3b3b}.aws-btn--off .aws-btn__wrapper:before{background-color:#323232}.aws-btn--off .aws-btn__content{background-color:#353535;color:#424242;transform:translate3d(0,var(--button-raise-level),0)}.aws-btn--icon{width:var(--button-icon-width);height:var(--button-icon-height);font-size:calc(var(--button-default-font-size));line-height:calc(var(--button-default-line-height))}.aws-btn--small{width:var(--button-small-width);height:var(--button-small-height);font-size:var(--button-default-font-size);line-height:var(--button-default-line-height)}.aws-btn--medium{width:var(--button-medium-width);height:var(--button-medium-height);font-size:var(--button-default-font-size);line-height:var(--button-default-line-height)}.aws-btn--large{width:var(--button-large-width);height:var(--button-large-height);font-size:var(--button-default-font-size);line-height:var(--button-default-line-height)}.aws-btn--fill{width:100%}span.aws-btn__bubble{display:block;position:absolute;visibility:hidden;top:0;left:0;width:0px;height:0px;border-radius:50%;background:#0000001a;opacity:0;transform:scale(.1);animation:bubble-ping calc(var(--transform-speed)*3.5) cubic-bezier(.5,0,.6,.4) .05s forwards}@keyframes placeholder{0%{transform:translate(-110%)}25%{transform:translate(0)}50%{transform:translate(110%)}75%{transform:translate(0)}to{transform:translate(-110%)}}@keyframes release{}@keyframes bounce{0%{transform:scale(1)}30%{transform:scale(1.6)}60%{transform:scale(1.4)}to{transform:scale(1.5)}}@keyframes bubble-ping{1%{visibility:visible}10%{opacity:0}50%{opacity:1}99%{transform:scale(1);opacity:0}to{visibility:hidden}}.aws-btn--progress .aws-btn__wrapper>span:nth-child(2){position:absolute;top:var(--button-raise-level);left:0;right:0;bottom:calc(var(--button-raise-level)*-1);display:flex}.aws-btn--progress .aws-btn__progress{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;border-radius:4px;text-indent:0;z-index:3;overflow:hidden;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}.aws-btn--progress .aws-btn__progress>span{transition:opacity calc(var(--transform-speed)*.5) ease-out calc(var(--transform-speed)*.75)}.aws-btn--progress .aws-btn__progress:before,.aws-btn--progress .aws-btn__progress:after{display:flex;align-items:center;justify-content:center;color:#ffffffa6;opacity:0;transition:transform var(--transform-speed) ease-out .05s,opacity calc(var(--transform-speed)*.75) ease-out .05s}.aws-btn--progress .aws-btn__progress:before{content:attr(data-loading);display:none;transform:translate3d(0,100%,0)}.aws-btn--progress .aws-btn__progress:after{content:attr(data-status);display:none;transform:translate3d(0,-100%,0)}.aws-btn--progress .aws-btn__content>span>span,.aws-btn--progress .aws-btn__content>svg{transition:opacity .2s ease-out}.aws-btn--progress.aws-btn--active .aws-btn__content>span>span,.aws-btn--progress.aws-btn--active .aws-btn__content>svg{opacity:.1}.aws-btn--progress.aws-btn--active .aws-btn__progress:after,.aws-btn--progress.aws-btn--active .aws-btn__progress:before,.aws-btn--progress.aws-btn--active .aws-btn__content:after{display:block}.aws-btn--progress .aws-btn__content:after{content:" ";background-color:#00000026;transform:translate3d(-100%,0,0);width:100%;display:none}.aws-btn--start .aws-btn__progress:before{opacity:1;transform:translate3d(0,50%,0)}.aws-btn--start .aws-btn__content:after{transition:transform var(--loading-transition-speed) ease-out;transform:translate3d(-15%,0,0)}.aws-btn--errored .aws-btn__content:after{background-color:#ff0000bf}.aws-btn--end .aws-btn__content:after{transition:transform var(--loading-transition-end-speed) var(--loading-transition-timing);transform:translateZ(0)}.aws-btn--end .aws-btn__progress:after{opacity:1;transform:translate3d(0,-50%,0)}.aws-btn--end .aws-btn__progress:before{transform:translate3d(0,50%,0);opacity:0}