.lyt-Container{--Layout_Padding: 20px;width:100%;margin-inline-start:auto;margin-inline-end:auto;padding-inline-start:var(--Layout_Padding);padding-inline-end:var(--Layout_Padding)}@media only screen and (min-width: 901px){.lyt-Container{--Layout_Padding: 30px}}.shopify-challenge__container{padding-block-start:calc(var(--Header_Height) + 50px);padding-block-end:50px}.shopify-challenge__message{margin-block-end:20px;font-weight:300}.shopify-challenge__button{position:relative;z-index:1;align-items:center;justify-content:center;display:inline-flex;margin-block-start:20px!important;padding:15px 50px;font-size:13px;font-weight:300;letter-spacing:.13em;line-height:126%;text-align:center;text-transform:uppercase;background-color:transparent;border:1px solid var(--Color_PetronasTeal);border-radius:2px;color:#fff;overflow:hidden;white-space:nowrap}.lyt-BackgroundGradient{position:fixed;top:0;left:0;z-index:-4;width:400%;height:100%;opacity:1;pointer-events:none;animation:BackgroundGradient 20s ease infinite}.lyt-BackgroundGradient:before{content:"";position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%;background-image:linear-gradient(35deg,#0f0f0f,#0f0f0f00,#0f0f0f,#0f0f0f00,#0f0f0f);will-change:transform}.lyt-BackgroundGradient-plain{width:200%}.lyt-BackgroundGradient-plain:before{background-image:linear-gradient(35deg,#0000,#000,#0000,#0000,#000,#0000)}@keyframes BackgroundGradient{0%{transform:translateZ(0)}50%{transform:translate3d(-50%,0,0)}to{transform:translateZ(0)}}.lyt-PasswordImage{position:fixed;top:0;left:0;z-index:-6;display:flex;width:100%;height:100%;pointer-events:none}.lyt-PasswordImage-desktop{display:none}@media only screen and (min-width: 768px){.lyt-PasswordImage-mobile{display:none}.lyt-PasswordImage-desktop{display:flex}}.lyt-BackgroundImage{--MaxOpacity: .8;position:fixed;top:0;left:0;z-index:-6;display:flex;width:100%;height:100%;opacity:0;pointer-events:none;will-change:opacity;animation:BackgroundFade 40s ease infinite}.lyt-BackgroundImage-desktop{display:none}@media only screen and (min-width: 768px){.lyt-BackgroundImage{--MaxOpacity: .5}.lyt-BackgroundImage-mobile{display:none}.lyt-BackgroundImage-desktop{display:flex}}.lyt-BackgroundImage-one{animation-delay:0s}.lyt-BackgroundImage-two{animation-delay:10s}.lyt-BackgroundImage-three{animation-delay:20s}.lyt-BackgroundImage-four{animation-delay:30s}@keyframes BackgroundFade{0%{opacity:0}10%{opacity:var(--MaxOpacity)}20%{opacity:var(--MaxOpacity)}30%{opacity:0}to{transform:0}}
/*# sourceMappingURL=/s/files/1/0563/8314/3997/t/5/assets/layout.css.map */