.iw-magnesium-ranked{position:relative;width:100%;box-sizing:border-box;padding-top:var(--padding-top-desktop, 80px);padding-bottom:var(--padding-bottom-desktop, 80px);--card-bg: #FFFFFF;--card-border: #1D7879;--card-border-width: 3px;--inner-bg: #F3F7F7;--inner-border: #F3F7F7;--accent-color: #1D7879}.iw-magnesium-ranked__container{max-width:1050px;margin:0 auto;width:100%;display:flex;flex-direction:column;align-items:stretch;gap:64px;box-sizing:border-box}.iw-magnesium-ranked__list{display:flex;flex-direction:column;gap:64px;width:100%}.iw-magnesium-ranked__card{position:relative;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;gap:42px;padding:32px 48px;background-color:var(--card-bg, #FFFFFF);border:var(--card-border-width, 0px) solid var(--card-border, transparent);border-radius:12px;overflow:visible}.iw-magnesium-ranked__badge{position:absolute;top:-28px;right:12px;width:100px;height:auto;pointer-events:none;z-index:2}.iw-magnesium-ranked__badge-ribbon{position:absolute;left:5px;top:78px;width:91px;height:73px;display:block}.iw-magnesium-ranked__badge-star{position:absolute;left:5px;top:4px;width:91px;height:91px;display:block}.iw-magnesium-ranked__badge-circle{position:absolute;left:15px;top:14px;width:71px;height:71px;display:block}.iw-magnesium-ranked__badge-number{position:absolute;left:0;top:0;width:100%;transform:translateY(70%);margin:0;font-family:Poppins,sans-serif!important;font-weight:700;font-size:40px;line-height:1;text-align:center;color:var(--badge-number-color, #D7A718)}.iw-magnesium-ranked__body{display:flex;flex-direction:column;gap:32px;width:100%}.iw-magnesium-ranked__header{display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-width:514px}.iw-magnesium-ranked__title{margin:0;font-family:Poppins,sans-serif!important;font-style:normal;font-weight:700;font-size:28px;line-height:normal;color:var(--title-color, #000000);word-break:break-word;text-transform:math-auto}.iw-magnesium-ranked__brand{margin:0;font-family:Poppins,sans-serif!important;font-style:normal;font-weight:600;font-size:20px;line-height:normal;color:var(--title-color, #000000)}.iw-magnesium-ranked__brand-name{color:var(--accent-color, #1D7879)}.iw-magnesium-ranked__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;width:100%;align-items:stretch}.iw-magnesium-ranked__panel{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:24px;background-color:var(--inner-bg, #F3F7F7);border:1px solid var(--inner-border, transparent);border-radius:8px}.iw-magnesium-ranked__image{width:100%;max-width:151px;height:auto;object-fit:contain;display:block}.iw-magnesium-ranked__card:nth-of-type(1) .iw-magnesium-ranked__image{max-width:151px}.iw-magnesium-ranked__card:nth-of-type(2) .iw-magnesium-ranked__image{max-width:227px}.iw-magnesium-ranked__card:nth-of-type(3) .iw-magnesium-ranked__image{max-width:216px}.iw-magnesium-ranked__card:nth-of-type(4) .iw-magnesium-ranked__image{max-width:196px}.iw-magnesium-ranked__score{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.iw-magnesium-ranked__ring{position:relative;width:182px;height:182px;flex-shrink:0}.iw-magnesium-ranked__ring svg{width:100%;height:100%;display:block;transform:rotate(-20deg)}.iw-magnesium-ranked__ring-track{fill:none;stroke:#e4eaea;stroke-width:14}.iw-magnesium-ranked__ring-progress{fill:none;stroke:var(--score-color, #1D7879);stroke-width:14;stroke-linecap:round;stroke-dasharray:502.65;stroke-dashoffset:var(--score-offset, 0)}.iw-magnesium-ranked__score-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin:0;font-family:Poppins,sans-serif!important;font-weight:600;font-size:32px;line-height:1;color:var(--score-color, #1D7879)}.iw-magnesium-ranked__metric-label{margin:0;font-family:Poppins,sans-serif!important;font-weight:600;font-size:16px;line-height:normal;color:var(--title-color, #000000);text-align:center}.iw-magnesium-ranked__grade{display:flex;flex-direction:column;align-items:center;justify-content:center}.iw-magnesium-ranked__grade-value{margin:0;font-family:Poppins,sans-serif!important;font-weight:600;font-size:80px;line-height:90px;color:var(--score-color, #1D7879);text-align:center}.iw-magnesium-ranked__details{display:grid;grid-template-columns:322px minmax(0,1fr);gap:32px;width:100%;align-items:stretch}.iw-magnesium-ranked__pros-cons,.iw-magnesium-ranked__bottom{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:24px 20px;background-color:var(--inner-bg, #F3F7F7);border:1px solid var(--inner-border, transparent);border-radius:8px}.iw-magnesium-ranked__pros-cons{gap:42px}.iw-magnesium-ranked__bottom{gap:20px}.iw-magnesium-ranked__group-title{margin:0 0 12px;font-family:Poppins,sans-serif!important;font-weight:600;font-size:16px;line-height:normal;color:var(--title-color, #000000)}.iw-magnesium-ranked__pros ul,.iw-magnesium-ranked__cons ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.iw-magnesium-ranked__pros li,.iw-magnesium-ranked__cons li{display:flex;align-items:center;gap:8px;margin:0;font-family:Poppins,sans-serif!important;font-weight:400;font-size:16px;line-height:26px;color:var(--description-color, #000000)}.iw-magnesium-ranked__pros li:before,.iw-magnesium-ranked__cons li:before{content:"";width:20px;height:20px;flex-shrink:0;background-repeat:no-repeat;background-position:center;background-size:contain}.iw-magnesium-ranked__pros li:before{background-image:var(--pro-icon)}.iw-magnesium-ranked__cons li:before{background-image:var(--con-icon)}.iw-magnesium-ranked__bottom-text,.iw-magnesium-ranked__bottom-text p{margin:0;font-family:Poppins,sans-serif!important;font-weight:400;font-size:16px;line-height:26px;color:var(--description-color, #000000)}.iw-magnesium-ranked__bottom-text p+p{margin-top:20px}.iw-magnesium-ranked__bottom-text strong,.iw-magnesium-ranked__bottom-text b,.iw-magnesium-ranked__cons strong{font-weight:600}.iw-magnesium-ranked__pros strong,.iw-magnesium-ranked__pros mark,.iw-magnesium-ranked__bottom-text em{font-weight:600;background-color:#fdf27c;color:inherit;font-style:normal!important}.iw-magnesium-ranked__bottom-text p:last-child{font-size:12px!important;line-height:1.4}.iw-magnesium-ranked__bottom-text mark,.iw-magnesium-ranked mark{background-color:#fdf27c;color:inherit}.iw-magnesium-ranked__footer{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.iw-magnesium-ranked__coupon{margin:0;font-family:Poppins,sans-serif!important;font-weight:400;font-size:16px;line-height:26px;color:var(--description-color, #000000);text-align:center}.iw-magnesium-ranked__coupon strong,.iw-magnesium-ranked__coupon b{font-weight:600;background-color:#fdf27c}.iw-magnesium-ranked__button{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;width:350px;max-width:100%;box-sizing:border-box;padding:20px 24px;border-radius:12px;font-family:Poppins,sans-serif!important;font-weight:500;font-size:16px;line-height:24px;text-decoration:none;text-align:center;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.iw-magnesium-ranked__button--filled{background-color:var(--button-bg, #1D7879);border:2px solid var(--button-bg, #1D7879);color:var(--button-text, #FFFFFF)}.iw-magnesium-ranked__button--outline{background-color:transparent;border:2px solid var(--button-border, #1D7879);color:var(--button-text, #1D7879)}.iw-magnesium-ranked__button-icon,.iw-magnesium-ranked__button-icon svg{width:20px;height:20px;display:block;flex-shrink:0}.iw-magnesium-ranked__button-icon{transition:transform .2s ease}.iw-magnesium-ranked__button-icon path{stroke:currentColor}.iw-magnesium-ranked__button--filled:hover{background-color:color-mix(in srgb,var(--button-bg, #1D7879) 82%,#000);border-color:color-mix(in srgb,var(--button-bg, #1D7879) 82%,#000)}.iw-magnesium-ranked__button--outline:hover{background-color:var(--button-bg, #1D7879);border-color:var(--button-bg, #1D7879);color:#fff}.iw-magnesium-ranked__button:hover .iw-magnesium-ranked__button-icon{transform:translate(4px)}@media screen and (max-width:989px){.iw-magnesium-ranked__metrics,.iw-magnesium-ranked__details{grid-template-columns:1fr;gap:16px}.iw-magnesium-ranked__metrics{grid-template-columns:1fr 1fr}.iw-magnesium-ranked__panel--grade{grid-column:1 / -1;min-height:0;flex-direction:row;gap:16px;padding:12px 16px}.iw-magnesium-ranked__grade{flex-direction:row;align-items:center;gap:16px}.iw-magnesium-ranked__grade-value{font-size:52px;line-height:90px}.iw-magnesium-ranked__panel{min-height:auto}}@media screen and (max-width:749px){.iw-magnesium-ranked{padding-top:var(--padding-top-mobile, 32px);padding-bottom:var(--padding-bottom-mobile, 32px)}.iw-magnesium-ranked__container,.iw-magnesium-ranked__list{gap:32px}.iw-magnesium-ranked__group-title{margin:0}.iw-magnesium-ranked__bottom-text p:last-child{font-size:10px}.iw-magnesium-ranked__coupon{font-size:14px}.iw-magnesium-ranked__card{gap:20px;padding:20px 16px;border-radius:8px}.iw-magnesium-ranked__badge{width:72px;height:auto;top:-18px;right:8px}.iw-magnesium-ranked__badge-star,.iw-magnesium-ranked__badge-ribbon,.iw-magnesium-ranked__badge-circle{width:100%;height:auto}.iw-magnesium-ranked__badge-star{left:0;top:0;width:72px;height:72px}.iw-magnesium-ranked__badge-circle{left:8px;top:8px;width:56px;height:56px}.iw-magnesium-ranked__badge-ribbon{left:4px;top:56px;width:64px;height:52px}.iw-magnesium-ranked__badge-number{top:0;transform:translateY(70%);font-size:28px}.iw-magnesium-ranked__body{gap:16px}.iw-magnesium-ranked__header{gap:4px;max-width:100%;padding-right:64px}.iw-magnesium-ranked__title{font-size:20px}.iw-magnesium-ranked__brand{font-size:16px}.iw-magnesium-ranked__panel{padding:16px;border-radius:4px}.iw-magnesium-ranked__ring{width:100px;height:100px}.iw-magnesium-ranked__score-value{font-size:18px}.iw-magnesium-ranked__metric-label{font-size:12px}.iw-magnesium-ranked__pros-cons,.iw-magnesium-ranked__bottom{width:100%;padding:16px;border-radius:4px}.iw-magnesium-ranked__pros-cons{gap:16px}.iw-magnesium-ranked__pros li,.iw-magnesium-ranked__cons li,.iw-magnesium-ranked__bottom-text,.iw-magnesium-ranked__bottom-text p{font-size:14px}.iw-magnesium-ranked__button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/iw-magnesium-ranked.css.map */