.cc-image-banner .text-overlay{position:relative;padding:42px 46px!important;background:#12121424!important;border:2px solid rgba(255,255,255,.45)!important;border-radius:28px!important;overflow:hidden;-webkit-backdrop-filter:blur(6px) saturate(100%) brightness(.9);backdrop-filter:blur(6px) saturate(100%) brightness(.9);box-shadow:0 30px 80px #0000006b,inset 2px 2px 1px -1px #ffffff80,inset -2px -2px 1px -1px #ffffff14,inset 0 0 9px 11px #ffffff1f,inset 14px 14px 24px -2px #ffffff3d!important}@supports (backdrop-filter:url(#bbhs-lens)) or (-webkit-backdrop-filter:url(#bbhs-lens)){.cc-image-banner .text-overlay{background:#1212141a!important;-webkit-backdrop-filter:url(#bbhs-lens) blur(1px) saturate(100%) brightness(.9);backdrop-filter:url(#bbhs-lens) blur(1px) saturate(100%) brightness(.9)}}.cc-image-banner .text-overlay>*{position:relative;z-index:1}.cc-image-banner .image-banner .bb-brand-logo{position:absolute;top:0;right:0;z-index:3;margin:20px 22px;max-width:150px;max-height:58px;width:auto;height:auto;object-fit:contain;object-position:top right;pointer-events:none;filter:drop-shadow(0 1px 7px rgba(0,0,0,.5))}@media(max-width:767px){.cc-image-banner .image-banner .bb-brand-logo{margin:13px 15px;max-width:108px;max-height:44px}}.cc-image-banner .text-overlay__heading .bb-guide-no{font-weight:600;opacity:.8;white-space:nowrap}.cc-image-banner .text-overlay .text-overlay__heading,.cc-image-banner .text-overlay .subheading,.cc-image-banner .text-overlay .text-overlay__block,.cc-image-banner .text-overlay .rte{color:rgb(var(--color-scheme-white-text,255 255 255))!important;text-shadow:0 1px 4px rgb(var(--color-scheme-white-text-contrast,0 0 0) / .55)!important}.cc-image-banner .text-overlay.bb-glass--tl:after{background:linear-gradient(to bottom right,#ffffff38,#fff0)!important}.cc-image-banner .text-overlay.bb-glass--tl:before{background:linear-gradient(to bottom right,#ffffff42,#fff0) border-box!important}.cc-image-banner .text-overlay.bb-glass--tl{-webkit-backdrop-filter:blur(6px) saturate(100%) brightness(.9);backdrop-filter:blur(6px) saturate(100%) brightness(.9)}@supports (backdrop-filter:url(#bbhs-lens)) or (-webkit-backdrop-filter:url(#bbhs-lens)){.cc-image-banner .text-overlay.bb-glass--tl{-webkit-backdrop-filter:url(#bbhs-lens) blur(1px) saturate(100%) brightness(.9);backdrop-filter:url(#bbhs-lens) blur(1px) saturate(100%) brightness(.9)}}.cc-image-banner .text-overlay.bb-glass--short{border-color:transparent!important;border-radius:20px!important;padding:22px 40px!important;box-shadow:0 10px 26px #0000004d!important}.cc-image-banner .text-overlay.bb-glass--short:not(.bb-glass--tl){padding:16px 21px!important}.cc-image-banner .text-overlay.bb-glass--short:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;border:2px solid transparent;border-radius:inherit;pointer-events:none;z-index:6;background:linear-gradient(to right,#fff0,#ffffff42) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude}.cc-image-banner .text-overlay.bb-glass--short:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:5;background:linear-gradient(to right,#fff0,#ffffff38);mask:linear-gradient(to bottom,#000,transparent 26px),linear-gradient(to top,#000,transparent 26px),linear-gradient(to right,#000,transparent 26px),linear-gradient(to left,#000,transparent 26px);mask-composite:add;-webkit-mask:linear-gradient(to bottom,#000,transparent 26px),linear-gradient(to top,#000,transparent 26px),linear-gradient(to right,#000,transparent 26px),linear-gradient(to left,#000,transparent 26px);-webkit-mask-composite:source-over}.cc-image-banner .text-overlay.bb-glass--tl{box-shadow:0 20px 44px #00000057,inset 2px 2px 1px -1px #ffffff80,inset -2px -2px 1px -1px #ffffff14,inset 0 0 13px 16px #ffffff1f,inset 21px 21px 36px -3px #ffffff42!important}@media(max-width:767px){.cc-image-banner .text-overlay.bb-glass--tl .text-overlay__block.rte{display:none!important}.cc-image-banner .image-banner:has(.text-overlay.bb-glass--tl){align-items:flex-end!important}.cc-image-banner .text-overlay.bb-glass--tl{padding:20px 22px!important}.cc-image-banner .text-overlay.bb-glass--tl .text-overlay__heading{white-space:normal!important;font-size:min(var(--h1-font-size,2rem),6.6vw)!important;line-height:1.12!important}.article.js-article .article__title h1{font-size:min(var(--h1-font-size,2rem),6.2vw)!important}.cc-image-banner .text-overlay.bb-glass--tl .text-overlay__buttons{display:flex!important;flex-wrap:nowrap!important;width:100%;column-gap:10px!important}.cc-image-banner .text-overlay.bb-glass--tl .text-overlay__buttons .btn{flex:1 1 0;min-width:0;text-align:center;white-space:nowrap!important;font-size:13px!important;letter-spacing:.02em!important;padding-left:10px!important;padding-right:10px!important}}@media(max-width:380px){.cc-image-banner .text-overlay__buttons .bb-btn-optword{display:none!important}}@media(max-width:767px){.cc-image-banner .image-banner:has(.text-overlay.bb-glass--short:not(.bb-glass--tl)){align-items:flex-end!important}.cc-image-banner .text-overlay.bb-glass--short:not(.bb-glass--tl){padding:18px 20px!important;margin-bottom:18px!important}.cc-image-banner .text-overlay.bb-glass--short:not(.bb-glass--tl) h2.text-overlay__heading,.cc-image-banner .text-overlay.bb-glass--short:not(.bb-glass--tl) .text-overlay__block.subheading,.cc-image-banner .text-overlay.bb-glass--short:not(.bb-glass--tl) .text-overlay__block.rte{display:none!important}.cc-image-banner .text-overlay.bb-glass--short:not(.bb-glass--tl) .text-overlay__heading{font-size:min(var(--h1-font-size,2rem),7.5vw)!important;line-height:1.12!important;white-space:normal!important}.cc-image-banner .text-overlay.bb-glass--short:not(.bb-glass--tl) #cr-collection-aggregate span{color:#ffffffd1!important}.cc-image-banner .text-overlay.bb-glass--short:not(.bb-glass--tl) #cr-collection-aggregate .cr-stars__star{--cr-star-color:#FFD54F!important}.cc-image-banner .text-overlay.bb-glass--short:not(.bb-glass--tl) #cr-collection-aggregate>div{filter:drop-shadow(0 1px 4px rgba(0,0,0,.55))!important}}@media(max-width:767px){.cc-image-banner .image-banner:has(.text-overlay.bb-glass--short:not(.bb-glass--tl)){min-height:560px!important}.cc-image-banner .image-banner:has(.text-overlay.bb-glass--short:not(.bb-glass--tl)) .image-banner__image{min-height:560px!important;padding-top:0!important;border-radius:15px!important;overflow:hidden!important}.cc-image-banner .image-banner:has(.text-overlay.bb-glass--short:not(.bb-glass--tl)) .image-banner__image img{border-radius:15px!important;height:100%!important;object-fit:cover!important}}@media(max-width:767px){.cc-image-banner .text-overlay.bb-glass--short,.cc-image-banner .text-overlay.bb-glass--tl{box-shadow:0 12px 30px #0000004f,inset 1px 1px 1px -1px #ffffff47,inset -1px -1px 1px -1px #ffffff0b,inset 0 0 7px 9px #ffffff0d,inset 9px 9px 18px -3px #ffffff1a!important}.cc-image-banner .text-overlay.bb-glass--short:after,.cc-image-banner .text-overlay.bb-glass--tl:after{background:linear-gradient(to bottom right,#ffffff1f,#fff0)!important}.cc-image-banner .text-overlay.bb-glass--short:before,.cc-image-banner .text-overlay.bb-glass--tl:before{background:linear-gradient(to bottom right,#ffffff21,#fff0) border-box!important}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/bb-glass.css.map */
