/* Original Figma Section 3 (74:16578). Keep each original responsive slot and animated pet. */
.welly-feature-ready>[data-framer-background-image-wrapper]{display:none}
.welly-feature-inline-ready{background-image:none!important}
.welly-feature-preview{position:absolute;inset:0;overflow:hidden;border-radius:inherit;color:#2d2d36;font:400 16px/1.4 "Pretendard Regular",sans-serif;text-align:left;pointer-events:none}
.welly-feature-preview *{box-sizing:border-box}.welly-feature-preview p,.welly-feature-preview h3{margin:0}
.welly-feature-preview>div{position:absolute;left:0;top:0;transform-origin:top left}
.welly-feature-preview img{display:block;max-width:none;flex:none;object-fit:contain}
.welly-feature-preview--phone{background:#f7f7f9}
.welly-feature-phone{width:402px;height:703px;background:#f7f7f9;overflow:hidden}
.welly-feature-today{width:402px;min-height:56px;display:flex;justify-content:space-between;align-items:flex-start;padding:4px 14px 10px 16px}
.welly-feature-today strong{display:flex;align-items:center;gap:6px;font:700 28px/34px "Pretendard Bold",sans-serif;letter-spacing:-.28px}
.welly-feature-today strong img{width:19px;height:18px}
.welly-feature-due{display:flex;align-items:center;gap:4px;background:white;border-radius:31px;margin-top:4px;padding:8px 12px 8px 10px;white-space:nowrap;color:#8b8b99;font:600 13px/18px "Pretendard SemiBold",sans-serif}
.welly-feature-due img{width:12px;height:18px}
.welly-feature-phone>.welly-feature-today{position:absolute;left:0;top:24px}
.welly-feature-phone-nutrition{position:absolute;left:16px;top:398px;width:370px;height:280px}
.welly-feature-phone .welly-cycle-header{background:#2dd0e6}
.welly-feature-phone .welly-cycle-header h3{padding-top:5px}
.welly-feature-phone .welly-cycle-calories{margin-top:19px!important}
.welly-feature-phone-fade{position:absolute;left:-23px;bottom:0;width:449px;height:79px;background:linear-gradient(180deg,#f7f7f900,#f7f7f9);pointer-events:none}
.welly-feature-chart{width:354px;height:337px;padding:24px 20px;background:white;border-radius:24px}
.welly-feature-chart h3{font:600 16px/21px "Pretendard SemiBold",sans-serif;letter-spacing:-.08px}
.welly-feature-chart>p{font-size:13px;line-height:18px;color:#8b8b99;margin-top:8px;min-height:36px}
.welly-feature-bars{display:flex;align-items:flex-end;gap:6px;margin-top:20px;height:204px}
.welly-feature-bar-column{flex:1;min-width:0;display:flex;align-items:center;flex-direction:column}
.welly-feature-bar-column>strong{font:600 13px/18px "Pretendard SemiBold",sans-serif}.welly-feature-bar-column>small{font-size:11px;line-height:13px;color:#8b8b99}
.welly-feature-bar{height:var(--height);width:30px;border-radius:8px;margin-top:8px;margin-bottom:10px;overflow:hidden;display:flex;flex-direction:column;gap:2px}
.welly-feature-bar i{height:var(--yellow);background:#face57;flex:none}.welly-feature-bar b{height:var(--green);background:#8acb5a;flex:none}.welly-feature-bar em{flex:1;background:#f7775a}
.welly-feature-phase{width:100%;padding:5px 3px;border-radius:8px;text-align:center;white-space:nowrap;font:600 13px/18px "Pretendard SemiBold",sans-serif}
.welly-feature-phase--period{background:#fee3dc;color:#ee502a}.welly-feature-phase--follicular{background:#e0f6ea;color:#3db073}.welly-feature-phase--ovulation{background:#ddf5f9;color:#1fb8cf}.welly-feature-phase--luteal{background:#fef3d3;color:#f0b000}.welly-feature-phase--pms{background:#ffe4eb;color:#f64d77}
.welly-feature-preview--chart:not(:lang(ko), :is(:lang(ja), :lang(zh)), :lang(zh)) .welly-feature-phase{font-size:10px}
.welly-feature-rest{width:99.09536px;min-height:69.03722px}
.welly-feature-rest .welly-pixel-bubble{--bubble-pixel:2.788373px;width:99.09536px;max-width:none}
.welly-feature-rest .welly-pixel-bubble__body{min-height:38.365px;padding:6.971px 9.76px;text-align:center;font-size:11.153px;line-height:14.639px;white-space:pre-line;overflow-wrap:anywhere}
.welly-feature-preview--rest:is(:lang(ja), :lang(zh)) .welly-pixel-bubble__body{font-size:10px;padding-inline:5px}
.welly-feature-period{width:370px;min-height:58px;border-radius:28px 28px 0 0;background:#f7775a;color:white;padding:10px 14px 16px 18px;font:600 17px/22px "Pretendard SemiBold",sans-serif;display:flex;align-items:center}
.welly-feature-advice{width:341.36526px;min-height:116.36526px;border-radius:31px;padding:26.68263px;background:white;font-size:24px;line-height:31.5px;white-space:pre-line;overflow-wrap:anywhere}
.welly-feature-preview--advice:has([data-feature-copy="advice-pms"])>.welly-feature-advice{width:335.36526px}
.welly-feature-preview--advice:not(:lang(ko), :is(:lang(ja), :lang(zh)), :lang(zh)) .welly-feature-advice{font-size:20px;line-height:28px}