.crocsbr-m3-custom-2-x-heroBannerAviso{all:unset;position:absolute;right:16px;bottom:16px;background-color:rgba(0,0,0,.2);color:#fff;padding:4px 8px;border-radius:8px;font-size:11px;z-index:3;max-width:90%;box-sizing:border-box;pointer-events:none}.crocsbr-m3-custom-2-x-heroBannerSlider{width:100%}.crocsbr-m3-custom-2-x-heroBanner{display:flex;align-items:center;justify-content:center;position:relative;width:100%;min-height:470px;height:100%;overflow:hidden}@media (min-width:1026px){.crocsbr-m3-custom-2-x-heroBanner{min-height:580px}}.crocsbr-m3-custom-2-x-heroBannerImgContainer{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.crocsbr-m3-custom-2-x-heroBannerImg{width:100%;height:100%;-o-object-position:center;object-position:center;min-height:470px;-o-object-fit:cover;object-fit:cover}@media (min-width:768px){.crocsbr-m3-custom-2-x-heroBannerImg{width:100%;height:100%;min-height:580px}}.crocsbr-m3-custom-2-x-heroBannerTextContainer{height:100%;width:100%;max-width:1440px;position:absolute;top:0}.crocsbr-m3-custom-2-x-heroBannerContent{position:absolute;z-index:2;width:80%;display:flex;flex-direction:column}.crocsbr-m3-custom-2-x-heroBannerContent_top-left{top:32px;left:32px;align-items:flex-start;text-align:left;transform:none}.crocsbr-m3-custom-2-x-heroBannerContent_top-right{top:32px;right:32px;align-items:flex-end;text-align:right;transform:none}.crocsbr-m3-custom-2-x-heroBannerContent_bottom-left{bottom:32px;left:32px;align-items:flex-start;text-align:left;transform:none}.crocsbr-m3-custom-2-x-heroBannerContent_bottom-right{bottom:32px;right:32px;align-items:flex-end;text-align:right;transform:none}.crocsbr-m3-custom-2-x-heroBannerContent_center-top{top:32px;left:50%;align-items:center;text-align:center;transform:translateX(-50%)}.crocsbr-m3-custom-2-x-heroBannerContent_center{top:50%;left:50%;align-items:center;text-align:center;transform:translate(-50%,-50%)}.crocsbr-m3-custom-2-x-heroBannerContent_center-bottom{bottom:64px;left:50%;align-items:center;text-align:center;transform:translateX(-50%)}.crocsbr-m3-custom-2-x-heroBannerContent_center-left{top:50%;left:32px;align-items:flex-start;text-align:left;transform:translateY(-50%)}.crocsbr-m3-custom-2-x-heroBannerContent_center-right{top:50%;right:32px;align-items:flex-end;text-align:right;transform:translateY(-50%)}.crocsbr-m3-custom-2-x-cta,.crocsbr-m3-custom-2-x-subtitle,.crocsbr-m3-custom-2-x-title{font-family:Crocs}.crocsbr-m3-custom-2-x-subtitle,.crocsbr-m3-custom-2-x-title{text-shadow:0 2px 4px rgba(0,0,0,.7)}.crocsbr-m3-custom-2-x-subtitle{font-size:20px;color:inherit;font-weight:400;line-height:28px;margin:0 0 8px}.crocsbr-m3-custom-2-x-title{font-family:Karl,Arial,sans-serif;font-size:40px;color:inherit;font-weight:700;line-height:50px;margin:0 0 8px}.crocsbr-m3-custom-2-x-cta{font-family:Karl,Arial,sans-serif;display:inline-block;padding:8px 24px;background:#fff;color:#000;text-decoration:none;border-radius:30px;font-size:20px;font-weight:700;line-height:20px}@media (min-width:1026px){.crocsbr-m3-custom-2-x-cta{padding:16px 48px}.crocsbr-m3-custom-2-x-title{font-size:32px}.crocsbr-m3-custom-2-x-heroBannerContent{width:100%}}.crocsbr-m3-custom-2-x-heroBanner:hover .crocsbr-m3-custom-2-x-cta{background:#000;color:#fff;outline:1px solid #fff}