#mid-year-overview{padding-bottom:0}.mys-overview-shell{position:relative;min-height:742px;padding:32px;border-radius:16px;background:#dbebff}.mys-overview-shell__bow{position:absolute;top:-46px;left:50%;z-index:2;width:174px;height:86px;object-fit:contain;transform:translate(-50%);filter:drop-shadow(0 3px 9px rgba(0,67,161,.4));pointer-events:none}.mys-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mys-overview__card{border-radius:16px;overflow:hidden;background:#fff}.mys-overview__media{display:grid;place-items:center;height:156px;background:#cedef5}.mys-overview__media img{width:100%;height:100%;object-fit:cover;padding:0}.mys-overview__text{min-height:90px;padding:16px;text-align:center}.mys-overview__text strong{display:block;font-size:20px;font-weight:500;line-height:1.2}.mys-overview__text span{display:block;margin-top:4px;color:#7a7d80;font-size:16px;line-height:1.4;letter-spacing:-.02em}.mys-gift-progress{position:relative;margin-top:16px;display:grid;grid-template-columns:minmax(0,680px) minmax(280px,1fr);gap:clamp(24px,3.125vw,40px);align-items:center;min-height:416px;padding:clamp(32px,3.75vw,48px) clamp(24px,3.125vw,40px);border-radius:16px;background:#fff}.mys-gift-progress__title{margin:0;font-size:clamp(var(--mys-title-mobile, 24px),2.5vw,var(--mys-title-desktop, 32px));font-weight:500;line-height:1.2;letter-spacing:-.04em}.mys-gift-progress__copy{margin:4px 0 28px;color:#7a7d80;font-size:clamp(var(--mys-desc-mobile, 14px),1vw,var(--mys-desc-desktop, 16px));line-height:1.4;letter-spacing:-.02em}.mys-gift-progress__reward-panel{position:relative;--mys-gift-card-width: 216px;--mys-gift-card-gap: 80px;--mys-gift-card-start: 24px;--mys-gift-dot-one: 132px;--mys-gift-dot-two: 428px;width:min(100%,680px);min-height:208px;padding:26px 48px 32px;border-radius:16px;background:#fffbf2}.mys-gift-progress__gifts{display:grid;grid-template-columns:repeat(2,var(--mys-gift-card-width));align-items:stretch;gap:var(--mys-gift-card-gap);margin:0 0 16px var(--mys-gift-card-start)}.mys-gift-progress__gift-step{display:contents}.mys-progress-line__label-mobile{display:none}.mys-mini-gift{display:flex;align-items:center;gap:8px;width:216px;min-height:80px;height:100%;padding:4px 8px 4px 4px;border-radius:8px;border:1px solid #ffe5b2;background:#fff}.mys-mini-gift__img{flex:0 0 72px;display:grid;place-items:center;width:72px;height:72px;margin-left:4px;border-radius:6px;background:#fff}.mys-mini-gift__img img{width:64px;height:64px;object-fit:contain}.mys-mini-gift__text{min-width:0}.mys-mini-gift strong{display:-webkit-box;overflow:hidden;font-size:16px;font-weight:400;line-height:1.4;letter-spacing:-.02em;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mys-mini-gift span{display:block;margin-top:2px;color:var(--mys-accent);font-size:16px;font-weight:500;line-height:1.2}.mys-progress-line{position:relative;width:560px;height:48px;margin-left:0}.mys-progress-line:before{content:"";position:absolute;top:7px;left:0;right:0;height:4px;border-radius:4px;background:var(--mys-accent)}.mys-progress-line__dot{position:absolute;top:0;width:18px;height:18px;background:url(mid-year-sale-progress-check.svg) center / contain no-repeat}.mys-progress-line__dot--one{left:calc(var(--mys-gift-dot-one) - 9px)}.mys-progress-line__dot--two{left:calc(var(--mys-gift-dot-two) - 9px)}.mys-progress-line__label{position:absolute;top:26px;transform:translate(-50%);color:var(--mys-text);font-size:16px;line-height:1.4;white-space:nowrap}.mys-progress-line__label strong{color:var(--mys-accent);font-weight:600}.mys-progress-line__label--one{left:var(--mys-gift-dot-one)}.mys-progress-line__label--two{left:var(--mys-gift-dot-two)}@media(min-width:750px)and (max-width:1199px){.mys-gift-progress{grid-template-columns:1fr}.mys-gift-progress__content{max-width:680px}.mys-gift-progress__visual{justify-self:center;margin-top:0}}.mys-gift-progress__visual{position:relative;min-height:369px;margin-top:-48px;text-align:center}.mys-gift-art{position:relative;width:448px;height:320px;overflow:hidden}.mys-gift-art__image{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.mys-gift-progress__visual-copy{position:absolute;left:50%;top:320px;width:241px;margin:0;transform:translate(-50%);color:#232427;font-size:20px;font-weight:500;line-height:1.2;letter-spacing:-.04em}.mys-gift-progress__visual-copy span{display:block}.mys-gift-progress__visual-copy strong{color:#ffa800;font-weight:500}@media(max-width:749px){.mys-overview{grid-template-columns:repeat(2,1fr);gap:12px}.mys-overview-shell{min-height:0;padding:0;border-radius:0;background:transparent}.mys-overview-shell__bow{display:none}.mys-overview__media{height:92px}.mys-overview__text{padding:16px}.mys-overview__text strong{font-size:16px}.mys-overview__text span{font-size:14px}.mys-gift-progress{display:block;margin-top:16px;min-height:391px;padding:16px;border-radius:12px}.mys-gift-progress__reward-panel{display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:18px;box-sizing:border-box;width:100%;min-height:274px;padding:0 0 0 24px;border-radius:0;background:transparent}.mys-gift-progress__title{font-size:var(--mys-title-mobile, 24px)}.mys-gift-progress__copy{margin:4px 0 16px;font-size:var(--mys-desc-mobile, 14px)}.mys-gift-progress__gifts{display:grid;grid-template-columns:1fr;grid-column:2;grid-row:1;gap:38px;position:static;padding-top:14px;margin:0}.mys-gift-progress__gift-step{display:grid;gap:8px}.mys-progress-line__label-mobile{display:inline-flex;gap:4px;color:#232427;font-size:16px;font-weight:400;line-height:1.4;white-space:nowrap}.mys-progress-line__label-mobile strong{color:var(--mys-accent);font-weight:600}.mys-mini-gift{width:240px;min-height:80px;background:#fffbf2}.mys-mini-gift__img{border-radius:8px}.mys-mini-gift__img img{width:72px;height:72px;object-fit:cover}.mys-progress-line{position:relative;grid-column:1;grid-row:1;width:18px;height:274px}.mys-progress-line:before{inset:0 auto 0 7px;width:4px;height:274px}.mys-progress-line__dot--one,.mys-progress-line__dot--two{left:0}.mys-progress-line__dot--one{top:16px}.mys-progress-line__dot--two{top:164px}.mys-progress-line__label,.mys-gift-progress__visual{display:none}.mys-gift-art{transform:scale(.78);transform-origin:top center}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/mid-year-sale-overview.css.map */