@layer components{.c-mpd-legend{background-color:hsla(0,0%,100%,.1);border-radius:10px;color:#fff;display:flex;flex-flow:row wrap;gap:18px;justify-content:center;padding:40px}.c-mpd-legend__item{--legend-icon-width:20px;--legend-icon-height:3px;--legend-icon-color:#fff;--legend-line-style:solid;font-size:16px;font-variation-settings:"wght" 400;padding-left:calc(var(--legend-icon-width) + 10px);position:relative}.c-mpd-legend__item:before{border-top:var(--legend-icon-height) var(--legend-line-style) var(--legend-icon-color);content:"";height:var(--legend-icon-height);inset:50% auto auto 0;position:absolute;transform:translateY(calc(-50% - var(--legend-icon-height)/2));width:var(--legend-icon-width)}.c-mpd-legend__item--pore-pressure{--legend-icon-color:#fd5252}.c-mpd-legend__item--fracture-gradient{--legend-icon-color:#4a9fff}.c-mpd-legend__item--pressure-static{--legend-icon-color:#80d896;--legend-line-style:dashed}.c-mpd-legend__item--pressure-circulating{--legend-icon-color:#20ca40}.c-mpd-legend__item--shoe-depth{--legend-icon-color:#fff;--legend-icon-height:5px}@media (max-width:800px){.c-mpd-legend{padding:20px}}}