@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";.mt-byob{--night-1: #08090b;--hair: rgba(255, 255, 255, .08);--on-night: #ffffff;--on-night-muted: #9aa0aa;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;background:var(--night-1);border:1px solid var(--hair);border-radius:20px;overflow:hidden}.mt-byob-media{background:#fff;display:grid;place-items:center;padding:22px;animation:mtByobPanel 12s ease-in-out infinite}.mt-byob-shot{position:relative;overflow:hidden;display:block;width:100%;isolation:isolate}.mt-byob-shot img{display:block;width:100%;height:auto;margin-top:0;margin-bottom:-2%}.mt-byob-shot:after{content:"";position:absolute;top:-30%;bottom:-30%;left:-40%;width:38%;pointer-events:none;z-index:2;background:linear-gradient(100deg,#fff0,#ffffff8c 45%,#ffffffd9,#ffffff8c 55%,#fff0);mix-blend-mode:overlay;filter:blur(6px);transform:skew(-14deg);animation:mtByobFlare 12s cubic-bezier(.4,0,.2,1) infinite}.mt-byob-copy{padding:56px 54px;display:flex;flex-direction:column;justify-content:center;gap:22px;font-family:Manrope,sans-serif;color:var(--on-night)}.mt-byob-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.mt-byob-copy h2{font-family:Manrope,sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;line-height:1.03;margin:0;color:var(--on-night)}.mt-byob-seal{width:118px;height:118px;flex:0 0 auto;filter:drop-shadow(0 8px 14px rgba(0,0,0,.55));transform:rotate(-6deg);transition:transform .32s cubic-bezier(.34,1.56,.64,1)}.mt-byob:hover .mt-byob-seal{transform:rotate(-2deg) scale(1.06)}.mt-byob-copy .mt-byob-lead{font-size:16.5px;line-height:1.7;color:var(--on-night-muted);margin:0}.mt-byob-copy .mt-byob-lead>p{margin:0}.mt-byob-copy .mt-byob-lead>p+p{margin-top:.7em}.mt-byob-ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px}.mt-byob-ul li{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;line-height:1.5}.mt-byob-tick{flex:0 0 auto;margin-top:2px}.mt-byob-btn{display:inline-block;position:relative;border-radius:5px;overflow:hidden;padding:2px 0;background:none;border:none;cursor:pointer;font-family:Manrope,sans-serif;text-decoration:none;transition:transform .15s}.mt-byob-btn:hover{transform:translateY(-1px)}.mt-byob-btn .mt-byob-star-top,.mt-byob-btn .mt-byob-star-bottom{position:absolute;width:300%;height:50%;opacity:.7;border-radius:50%;z-index:0;background:radial-gradient(circle,rgba(255,255,255,.9),transparent 6%)}.mt-byob-btn .mt-byob-star-top{top:-12px;left:-250%;animation:mtByobStarTop 5s linear infinite alternate}.mt-byob-btn .mt-byob-star-bottom{bottom:-12px;right:-250%;animation:mtByobStarBot 6s linear infinite alternate}.mt-byob-btn-inner{position:relative;z-index:1;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:18px 42px;border-radius:5px;font-size:17px;font-weight:600;letter-spacing:.3px;line-height:1;cursor:pointer;background:linear-gradient(180deg,#5a85f0,#2d55c7);color:#fff;border:1px solid transparent;transition:background .15s,transform .15s,box-shadow .2s,border-color .15s}.mt-byob-btn:hover .mt-byob-btn-inner{filter:brightness(1.08);box-shadow:0 8px 22px #2d55c78c}.mt-byob-btn-inner:after{content:"";position:absolute;top:0;left:-120%;width:80%;height:100%;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.18) 45%,rgba(255,255,255,.35) 50%,rgba(255,255,255,.18) 55%,transparent 100%);transform:skew(-18deg);pointer-events:none;transition:left .7s cubic-bezier(.22,1,.36,1)}.mt-byob-btn:hover .mt-byob-btn-inner:after{left:130%}@keyframes mtByobFlare{0%{left:-45%;opacity:0}4%{opacity:1}26%{left:110%;opacity:1}30%{left:110%;opacity:0}50%{left:-45%;opacity:0}54%{opacity:1}76%{left:110%;opacity:1}80%,to{left:110%;opacity:0}}@keyframes mtByobPanel{0%,to{background:#fff}}@keyframes mtByobStarTop{0%{transform:translate(0)}to{transform:translate(20%)}}@keyframes mtByobStarBot{0%{transform:translate(0)}to{transform:translate(-20%)}}@media(max-width:900px){.mt-byob{grid-template-columns:1fr}.mt-byob-copy{padding:36px 26px 40px}.mt-byob-copy h2{font-size:32px}}@media(prefers-reduced-motion:reduce){.mt-byob-seal{transition:none;transform:none}.mt-byob:hover .mt-byob-seal{transform:none}.mt-byob-shot:after{animation:none;display:none}.mt-byob-media{animation:none}.mt-byob-btn .mt-byob-star-top,.mt-byob-btn .mt-byob-star-bottom{animation:none;opacity:0}.mt-byob-btn-inner:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/section-mt-byo-banner.css.map */