@font-face{font-display:swap;font-family:BodegaSans;font-style:normal;font-weight:500;src:url(https://static.frontendmasters.com/assets/fm/js/images/BodegaSansBlack_e60ee450.woff2) format("woff2")}.page-sale .SaleLogo{animation:elasticBounceIn 1s cubic-bezier(.41,-.41,.61,.95) forwards}.page-sale .SaleCountdown{animation:elasticFadeIn 1s cubic-bezier(.41,-.41,.61,.95) forwards}@keyframes elasticFadeIn{0%{opacity:0;transform:translateX(-200px) scale(.7)}50%{opacity:1;transform:translateX(0) scale(1)}to{transform:translateX(0)}}@keyframes elasticBounceIn{0%{opacity:0;transform:translateX(-300px) scale(.3)}50%{opacity:1;transform:translateX(0) scale(1.1)}to{transform:translateX(0) scale(1)}}.SaleGradientText{background:linear-gradient(#fff000,#ff3600);-webkit-background-clip:text;background-clip:text;color:transparent}.SaleLogo{aspect-ratio:1230/606;background-image:url(https://static.frontendmasters.com/assets/fm/js/images/sale-logo_fac51f47.png);background-position:50%;background-repeat:no-repeat;background-size:contain;display:block;height:auto;margin:0 auto;max-width:100%;padding:10px;width:450px}.SaleTray{background:url(https://static.frontendmasters.com/assets/fm/js/images/hero-banner-bg_50c546be.webp) no-repeat 50%;background-size:cover;color:#fff;margin:0 auto;padding:50px var(--fm-space-24) var(--fm-space-24);position:relative;text-align:center}.SaleTray .SaleHeroLink,.SaleTray .SaleTrayHero{margin-bottom:var(--fm-space-16);position:relative;z-index:2}@media only screen and (min-width:1050px){.SaleTray .SaleHeroLink{align-items:center;display:flex;flex-direction:row;gap:var(--fm-space-48);justify-content:center}}.SaleTray.is-home-page{padding:95px var(--fm-space-24) 100px}.SaleTray.is-home-page:after{background:linear-gradient(180deg,rgba(42,54,79,.5) 0,rgba(42,54,79,.1) 25%);bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:0}.SaleTray .close{background:#fff;border-radius:50%;color:rgba(0,0,0,.5);font-size:20px;height:30px;line-height:30px;opacity:.5;position:absolute;right:var(--fm-space-12);text-align:center;text-decoration:none;top:var(--fm-space-12);width:30px}.SaleTray .close:hover{opacity:.75}@font-face{font-display:swap;font-family:DSDigital;font-style:normal;font-weight:500;src:url(https://static.frontendmasters.com/assets/fm/js/images/DS-DIGIB_63e6cac9.woff2) format("woff2")}.SaleCountdown{background:url(https://static.frontendmasters.com/assets/fm/js/images/countdown-bg_152914c4.png) no-repeat 50%;background-size:contain;display:inline-block;height:400px;margin-bottom:var(--fm-space-16);margin-top:var(--fm-space-16);padding-top:125px;width:400px}.SaleCountdown .number,.SaleCountdown .number-label{line-height:1}.SaleCountdown .number{color:#f09e15;font-family:DSDigital,sans-serif;font-size:95px;padding-bottom:var(--fm-space-12)}.SaleCountdown .text{color:#e6e6e6;display:block;font-family:BodegaSans,sans-serif;font-size:32px;letter-spacing:1px;text-transform:uppercase}.SaleCountdown .number-label span{border-top:1px solid #e6e6e6;padding:var(--fm-space-6) 2px}.SaleTrayToggle{display:none;overflow:hidden;position:absolute;right:0;transform:translateY(var(--spacing-lg));z-index:10}.PromoBannerControl-hide-sale-2024 .SaleTray{display:none}.PromoBannerControl-hide-sale-2024 .SaleTrayToggle{display:inline-block}.PromoBannerControl-hide-sale-2024 .SaleTrayToggle .tab{background:#78be61;border-bottom-left-radius:100px;border-top-left-radius:100px;cursor:pointer;font-size:var(--font-xs);padding:var(--spacing-xs) calc(var(--spacing-sm) + 30px);transform:translateX(calc(100% - 30px));transition:transform .3s}.PromoBannerControl-hide-sale-2024 .SaleTrayToggle .tab:hover{transform:translateX(0)}.PromoBannerControl-hide-sale-2024 .SaleTray.is-home-page{display:block}.PromoBannerControl-hide-sale-2024 .SaleTray.is-home-page+.SaleTrayToggle{display:none}.ButtonSale{background-color:var(--fm-red-1);border-bottom-left-radius:0;border-bottom-right-radius:var(--spacing-md);border-top-left-radius:var(--spacing-md);border-top-right-radius:0;box-shadow:2px 3px 7px 1px rgba(0,0,0,.15);color:#fff;display:inline-block;font-family:BodegaSans,sans-serif;font-size:var(--fm-font-16);margin-top:10px;min-width:200px;padding:var(--fm-space-6);text-transform:uppercase}.ButtonSale:hover{background-color:var(--fm-red-2)}.ButtonSale.large{font-size:var(--fm-font-24);margin-top:20px;padding:10px 16px}@keyframes button-shine{0%{background-position:100% 0,0 0}to{background-position:0 0,0 0}}.ButtonShine{--shine:250,220,157;background:linear-gradient(135deg,rgba(var(--shine),0) 40%,rgba(var(--shine),.5) 50%,rgba(var(--shine),0) 60%),#c12e29;background-position:100% 0,0 0;background-size:300%,100%}.ButtonShine:hover{animation:button-shine .5s ease-in-out}.ButtonShine.animate{animation:button-shine .5s ease-in-out .5s}.SaleDashboardModule{background:url(https://static.frontendmasters.com/assets/fm/js/images/hero-banner-bg_50c546be.webp) no-repeat 50%;background-size:cover;color:#fff;padding:var(--fm-space-24);position:relative;text-align:center}.SaleDashboardModule .SaleLogo{margin:var(--fm-space-12) auto 0}.SaleDashboardModule .ButtonSale{font-size:var(--fm-font-24);margin-top:0;padding:var(--fm-space-12)}.SaleDashboardModule .SaleCountdown{margin:0}.SaleDashboardModule .close{background:#fff;border-radius:50%;color:rgba(0,0,0,.5);font-size:20px;height:30px;line-height:30px;opacity:.5;position:absolute;right:var(--fm-space-12);text-align:center;text-decoration:none;top:var(--fm-space-12);width:30px}.SaleDashboardModule .close:hover{opacity:.75}