.mix-campaign{padding-block:2.8rem}.mix-campaign__inner{--campaign-bg: #211327;--campaign-ink: #fff9f3;--campaign-accent: #efcfff;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.13fr);align-items:center;min-height:54rem;overflow:hidden;background:var(--campaign-bg);border-radius:1.2rem;color:var(--campaign-ink)}.mix-campaign__copy{position:relative;z-index:2;padding:5.4rem 0 5.4rem 5rem}.mix-campaign__eyebrow{margin:0 0 2rem;font-size:1.15rem;font-weight:700;line-height:1.5;letter-spacing:.19em;color:var(--campaign-accent)}.mix-campaign .mix-campaign__heading{margin:0;max-width:49rem;color:var(--campaign-ink);font-size:clamp(3.8rem,4.3vw,5.8rem);font-weight:600;line-height:1.08;letter-spacing:-.045em}.mix-campaign__heading>span{display:block}.mix-campaign__offer{color:var(--campaign-accent)}.mix-campaign__description{margin:2rem 0 2.4rem;max-width:37rem;color:#e1d3e5;font-size:1.45rem;line-height:1.8}.mix-campaign__code-row{display:inline-flex;align-items:center;flex-wrap:wrap;gap:1.8rem;padding:1.1rem 1.4rem 1.1rem 1.7rem;border:1px solid #8b7295;border-radius:.5rem;background:#302039}.mix-campaign__code{font-size:1.9rem;font-weight:700;line-height:1.5;letter-spacing:.11em;color:#fff9f3;-webkit-user-select:all;user-select:all}.mix-campaign__copy-button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-height:3rem;padding:.4rem;border:0;background:transparent;color:#efcfff;cursor:pointer;font:inherit;font-size:1.2rem;font-weight:600;line-height:1.5}.mix-campaign__copy-button:hover{color:#fff;text-decoration:underline;text-underline-offset:.4rem}.mix-campaign__copy-button:focus-visible,.mix-campaign__cta:focus-visible{outline:2px solid #fff9f3;outline-offset:4px;box-shadow:none}.mix-campaign__status{min-height:2rem;margin:.7rem 0 1.1rem;color:#efcfff;font-size:1.15rem;line-height:1.7}.mix-campaign__cta{display:inline-flex;align-items:center;justify-content:space-between;gap:2.8rem;min-height:4.8rem;padding:1.2rem 2rem;background:#efcfff;border:1px solid #efcfff;border-radius:.4rem;color:#211327;text-decoration:none;font-size:1.35rem;font-weight:700;line-height:1.6}a.mix-campaign__cta:hover{background:#fff9f3;border-color:#fff9f3}.mix-campaign__cta>span{font-size:1.8rem;line-height:1}.mix-campaign__cta--inactive{opacity:.65}.mix-campaign__note{max-width:37rem;margin:1.6rem 0 0;font-size:1.05rem;line-height:1.8;color:#c9b8d0}.mix-campaign__art{display:block;align-self:stretch;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;min-height:54rem;z-index:-1}.mix-campaign__art:after{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#211327 0% 22%,#21132799 38%,#21132700 55%),linear-gradient(0deg,#21132747,#21132700 35%);pointer-events:none}.mix-campaign__art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:right center}.mix-campaign__preview{position:absolute;z-index:4;inset-block-start:1.2rem;inset-inline-end:1.2rem;margin:0;background:#fff2ce;color:#3d2d08;padding:.6rem 1rem;border-radius:.3rem;font-size:1.05rem;line-height:1.6}[dir=rtl] .mix-campaign__copy{padding-inline:5rem 0}[dir=rtl] .mix-campaign__art img{object-position:right center;transform:scaleX(-1)}[dir=rtl] .mix-campaign__eyebrow{letter-spacing:0}[dir=rtl] .mix-campaign .mix-campaign__heading{line-height:1.3;letter-spacing:0}[dir=rtl] .mix-campaign__art:after{background:linear-gradient(270deg,#211327 0% 22%,#21132799 38%,#21132700 55%),linear-gradient(0deg,#21132747,#21132700 35%)}[dir=rtl] .mix-campaign__cta>span{transform:scaleX(-1)}@media screen and (max-width:989px)and (min-width:750px){.mix-campaign__copy{padding:4rem 0 4rem 3rem}[dir=rtl] .mix-campaign__copy{padding-inline:3rem 0}.mix-campaign__inner{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:50rem}.mix-campaign__art{min-height:50rem}.mix-campaign__heading{font-size:4rem}}@media screen and (max-width:749px){.mix-campaign{padding-block:1.8rem}.mix-campaign__inner{grid-template-columns:1fr;min-height:0}.mix-campaign__art{position:relative;inset:auto;order:-1;min-height:0;height:clamp(28rem,78vw,38rem);z-index:0}.mix-campaign__art img{object-fit:cover;object-position:center top}[dir=rtl] .mix-campaign__art img{object-position:center top;transform:none}.mix-campaign__art:after,[dir=rtl] .mix-campaign__art:after{background:linear-gradient(0deg,#211327,#21132700 35%)}.mix-campaign__copy,[dir=rtl] .mix-campaign__copy{padding:0 2.4rem 3.2rem;margin-block-start:-.4rem}.mix-campaign .mix-campaign__heading{font-size:clamp(3.4rem,9.4vw,4.4rem)}.mix-campaign__eyebrow{font-size:1rem;margin-block-end:1.3rem}.mix-campaign__description{font-size:1.35rem;margin-block:1.5rem 2rem}.mix-campaign__code-row{width:100%;justify-content:space-between;gap:1rem}.mix-campaign__cta{width:100%;font-size:1.3rem}.mix-campaign__note{max-width:none}}.mix-campaign__copy{grid-column:1}.mix-campaign__books{grid-column:1 / -1;position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem;margin:0;padding:1.6rem 3rem;list-style:none;border-block-start:1px solid rgba(239,207,255,.25);background:#180c1ee8}.mix-campaign__book{min-width:0}.mix-campaign__book-link{display:flex;align-items:center;gap:1.2rem;min-width:0;height:9.6rem;color:#fff9f3;text-decoration:none}.mix-campaign__book-cover{display:block;flex:0 0 6.4rem;width:6.4rem;height:9.6rem;object-fit:contain}.mix-campaign__book-title{min-width:0;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:1.2rem;font-weight:600;line-height:1.6;unicode-bidi:plaintext}.mix-campaign__book-link:hover .mix-campaign__book-title{text-decoration:underline;text-underline-offset:.3rem}.mix-campaign__book-link:focus-visible{outline:2px solid #efcfff;outline-offset:.4rem;border-radius:.2rem}@media screen and (max-width:749px){.mix-campaign__books{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1.2rem;padding:1rem 1.6rem}.mix-campaign__book-link{height:4.8rem;gap:.8rem}.mix-campaign__book-cover{flex-basis:3.2rem;width:3.2rem;height:4.8rem}.mix-campaign__book-title{font-size:1.05rem;line-height:1.5}}
/*# sourceMappingURL=/cdn/shop/t/76/assets/mix-campaign.css.map */