section[data-section-type=myro-breakdown]{padding:30px;background-color:#fcf8ee;text-align:center}@media only screen and (max-width:767px){section[data-section-type=myro-breakdown]{padding-left:0;padding-right:0}}section[data-section-type=myro-breakdown] .headline{border-bottom:2px solid;display:inline-block;font:700 16px/1 var(--font-body);letter-spacing:.6px;padding-bottom:.125em}section[data-section-type=myro-breakdown] .description{max-width:80%;height:100px;text-align:center;margin:0 auto;margin-top:30px}@media only screen and (min-width:768px){section[data-section-type=myro-breakdown] .description{max-width:60%}}section[data-section-type=myro-breakdown] .myro-navigator{position:relative;padding-bottom:45px}section[data-section-type=myro-breakdown] .myro-navigator .view-controls{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}section[data-section-type=myro-breakdown] .myro-navigator .view-controls a{padding:15px 20px;background-color:transparent;color:#28eac2;text-decoration:none;text-transform:uppercase;font-weight:700;font-size:13px;letter-spacing:1px;border:2px #28eac2 solid;line-height:13px}section[data-section-type=myro-breakdown] .myro-navigator .view-controls a.selected{color:#fff;background-color:#28eac2}section[data-section-type=myro-breakdown] .myro-navigator .view-controls a:first-child{border-top-left-radius:30px;border-bottom-left-radius:30px}section[data-section-type=myro-breakdown] .myro-navigator .view-controls a:last-child{border-top-right-radius:30px;border-bottom-right-radius:30px}section[data-section-type=myro-breakdown] .myro-navigator .viewer img{display:none;min-height:400px}section[data-section-type=myro-breakdown] .myro-navigator .viewer ul{list-style-type:none;margin:0;padding:0}section[data-section-type=myro-breakdown] .myro-navigator .overlay{left:0;position:absolute;top:0;width:100%;display:none}section[data-section-type=myro-breakdown] .myro-navigator .callout:before{content:"";display:block;border-bottom:2px #28eac2 solid;width:105px;position:absolute;bottom:50%;margin-bottom:-1px}section[data-section-type=myro-breakdown] .myro-navigator .overlay>*{position:absolute}@media only screen and (min-width:768px){section[data-section-type=myro-breakdown] .myro-navigator .overlay{left:50%;margin-left:-420px;width:840px}section[data-section-type=myro-breakdown] .myro-navigator .overlay :first-child{top:160px}section[data-section-type=myro-breakdown] .myro-navigator .overlay :nth-child(2){top:180px}section[data-section-type=myro-breakdown] .myro-navigator .overlay :nth-child(3){top:280px}section[data-section-type=myro-breakdown] .myro-navigator .overlay :nth-child(4){top:350px}section[data-section-type=myro-breakdown] .myro-navigator .overlay :nth-child(5){top:430px}section[data-section-type=myro-breakdown] .myro-navigator .overlay[data-view=open] :first-child{top:190px}section[data-section-type=myro-breakdown] .myro-navigator .overlay[data-view=open] :nth-child(2){top:210px}section[data-section-type=myro-breakdown] .myro-navigator .overlay[data-view=open] :nth-child(3){top:270px}section[data-section-type=myro-breakdown] .myro-navigator .overlay[data-view=open] :nth-child(4){top:290px}section[data-section-type=myro-breakdown] .myro-navigator .overlay[data-view=open] :nth-child(5){top:350px}section[data-section-type=myro-breakdown] .myro-navigator .overlay[data-view=open] :nth-child(6){top:390px}section[data-section-type=myro-breakdown] .myro-navigator .overlay[data-view=open] :nth-child(7){top:430px}section[data-section-type=myro-breakdown] .myro-navigator .callout:nth-child(odd){left:50px;width:130px}section[data-section-type=myro-breakdown] .myro-navigator .callout:nth-child(2n){right:50px;width:130px}section[data-section-type=myro-breakdown] .myro-navigator .callout:nth-child(odd):before{left:104%;margin-left:8px}section[data-section-type=myro-breakdown] .myro-navigator .callout:nth-child(2n):before{right:104%;margin-right:8px}}@media only screen and (max-width:767px){section[data-section-type=myro-breakdown] .myro-navigator{padding:60px 0}section[data-section-type=myro-breakdown] .myro-navigator .viewer{overflow:hidden}section[data-section-type=myro-breakdown] .myro-navigator .viewer ul{margin-left:-74vw}section[data-section-type=myro-breakdown] .myro-navigator .overlay{font-size:14px}section[data-section-type=myro-breakdown] .myro-navigator .overlay :first-child{top:200px}section[data-section-type=myro-breakdown] .myro-navigator .overlay :nth-child(2){top:265px}section[data-section-type=myro-breakdown] .myro-navigator .overlay :nth-child(3){top:330px}section[data-section-type=myro-breakdown] .myro-navigator .overlay :nth-child(4){top:400px}section[data-section-type=myro-breakdown] .myro-navigator .overlay :nth-child(5){top:450px}section[data-section-type=myro-breakdown] .myro-navigator .overlay[data-view=open] :first-child{top:200px}section[data-section-type=myro-breakdown] .myro-navigator .overlay[data-view=open] :nth-child(2){top:240px}section[data-section-type=myro-breakdown] .myro-navigator .overlay[data-view=open] :nth-child(3){top:295px}section[data-section-type=myro-breakdown] .myro-navigator .overlay[data-view=open] :nth-child(4){top:330px}section[data-section-type=myro-breakdown] .myro-navigator .overlay[data-view=open] :nth-child(5){top:385px}section[data-section-type=myro-breakdown] .myro-navigator .overlay[data-view=open] :nth-child(6){top:425px}section[data-section-type=myro-breakdown] .myro-navigator .overlay[data-view=open] :nth-child(7){top:480px}section[data-section-type=myro-breakdown] .myro-navigator .callout:before{width:55px}section[data-section-type=myro-breakdown] .myro-navigator .callout:nth-child(2n),section[data-section-type=myro-breakdown] .myro-navigator .callout:nth-child(odd){right:10px;width:130px}section[data-section-type=myro-breakdown] .myro-navigator .callout:nth-child(2n):before,section[data-section-type=myro-breakdown] .myro-navigator .callout:nth-child(odd):before{right:104%;margin-right:8px}}section[data-section-type=myro-breakdown] .case-selector{padding:0;padding-bottom:30px;position:relative;margin-bottom:45px}section[data-section-type=myro-breakdown] .case-selector li{display:inline-block;list-style:none}section[data-section-type=myro-breakdown] .case-selector li:not(.selected) label{display:none}section[data-section-type=myro-breakdown] .case-selector .swatch{cursor:pointer;border-radius:24px;width:0;margin-right:10px;position:relative;border:20px solid transparent;height:0;display:inline-block}section[data-section-type=myro-breakdown] .case-selector label{position:absolute;left:0;bottom:0;text-align:center;display:block;width:100%}