flex-render
Version:
Utility to render LINE Flex Bubble / Carousel JSON for displaying in website.
2 lines (1 loc) • 23.3 kB
CSS
.flex-preview{line-height:1.4;color:#444;font-family:-apple-system,"BlinkMacSystemFont",Helvetica,Roboto,Sans-Serif;font-size:16px;user-select:none;-webkit-user-select:none;-webkit-text-size-adjust:none}.flex-preview *{box-sizing:border-box;margin:0;padding:0;border:0 solid transparent;font-size:100%;font-weight:400;font-style:normal;list-style:none}.flex-preview *:after,.flex-preview *:before{box-sizing:inherit}.flex-preview a{-webkit-touch-callout:none}.flex-preview a:active,.flex-preview a:focus,.flex-preview a:hover,.flex-preview a:link,.flex-preview a:visited{text-decoration:none}.flex-preview b,.flex-preview em,.flex-preview strong{font-weight:700}.flex-preview .LySlider{overflow:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch}.flex-preview .LySlider::-webkit-scrollbar{display:none}.flex-preview .LySlider .lyInner{display:-webkit-box;display:flex;width:100%}.flex-preview .LySlider .lyInner:after{-webkit-box-flex:0;flex:none;content:"";display:block;width:7px;height:1px}.flex-preview .LySlider .lyItem{-webkit-box-flex:0;flex:none;display:inherit;width:80%;max-width:300px;margin-left:7px}.flex-preview .LySlider .lyItem+.lyItem{margin-left:9px}.flex-preview .LySlider .lyItem.LyGi{max-width:500px}.flex-preview .LySlider .lyItem.LyMe{max-width:300px}.flex-preview .LySlider .lyItem.LyKi{max-width:260px}.flex-preview .LySlider .lyItem.LyHe{max-width:241px}.flex-preview .LySlider .lyItem.LyDe{max-width:220px}.flex-preview .LySlider .lyItem.LyMi{max-width:160px}.flex-preview .LySlider .lyItem.LyNa{max-width:120px}.flex-preview .LySlider .T1{-webkit-box-flex:1;flex:1 0 0}@media (-webkit-min-device-pixel-ratio: 1){.flex-preview .LySlider .T1{width:0}}@media (-webkit-min-device-pixel-ratio: 1) and (min-width: .001vmax){.flex-preview .LySlider .T1{width:auto}}@media (min-resolution: 1dpi){.flex-preview .LySlider .T1{width:auto}}.flex-preview .LySlider .T1 .t1Header,.flex-preview .LySlider .T1 .t1Hero{-webkit-box-flex:0;flex:none}.flex-preview .LySlider .T1 .t1Hero:last-child{border-radius:0}.flex-preview .LySlider .T1 .t1Body{-webkit-box-flex:1;flex:1 0 0;flex-basis:auto}@media (-webkit-min-device-pixel-ratio: 1){.flex-preview .LySlider .T1 .t1Body{width:0}}@media (-webkit-min-device-pixel-ratio: 1) and (min-width: .001vmax){.flex-preview .LySlider .T1 .t1Body{width:auto}}@media (min-resolution: 1dpi){.flex-preview .LySlider .T1 .t1Body{width:auto}}.flex-preview .LySlider .T1 .t1Body>.MdBx.vr{-webkit-box-flex:1;flex:1 0 0;flex-basis:auto}.flex-preview .LyGi .T1{border-radius:5px;max-width:500px;margin:0 7px}.flex-preview .LyMe .T1{border-radius:17px}.flex-preview .LyKi .T1,.flex-preview .LyHe .T1,.flex-preview .LyDe .T1,.flex-preview .LyMi .T1,.flex-preview .LyNa .T1{border-radius:10px}.flex-preview .T1{border-radius:17px;overflow:hidden;background-color:#fff;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.flex-preview .T1 .t1Body,.flex-preview .T1 .t1Footer,.flex-preview .T1 .t1Header,.flex-preview .T1 .t1Hero{display:inherit;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.flex-preview .T1 .t1Body>div,.flex-preview .T1 .t1Footer>div,.flex-preview .T1 .t1Header>div,.flex-preview .T1 .t1Hero>div{flex-basis:auto}.flex-preview .T1 .t1Hero:first-child,.flex-preview .T1 .t1Hero:first-child .MdImg.ExFull,.flex-preview .T1 .t1Hero:first-child .MdImg.ExFull>div,.flex-preview .T1 .t1Hero:first-child .MdImg.ExFull>div>a,.flex-preview .T1 .t1Hero:first-child .MdImg.ExFull>div>a>span{border-top-left-radius:inherit;border-top-right-radius:inherit}.flex-preview .T1 .t1Hero:last-child,.flex-preview .T1 .t1Hero:last-child .MdImg.ExFull,.flex-preview .T1 .t1Hero:last-child .MdImg.ExFull>div,.flex-preview .T1 .t1Hero:last-child .MdImg.ExFull>div>a,.flex-preview .T1 .t1Hero:last-child .MdImg.ExFull>div>a>span{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.flex-preview .T1 .t1Hero:first-child .MdImg.ExFull>div>a>span,.flex-preview .T1 .t1Hero:last-child .MdImg.ExFull>div>a>span{overflow:hidden}.flex-preview .T1 .t1Header>.MdBx{padding:20px}.flex-preview .LyKi .T1 .t1Header>.MdBx{padding:13px}.flex-preview .LyHe .T1 .t1Header>.MdBx{padding:11px 14px 13px}.flex-preview .LyDe .T1 .t1Header>.MdBx{padding:11px 14px 13px}.flex-preview .LyMi .T1 .t1Header>.MdBx{padding:10px}.flex-preview .LyNa .T1 .t1Header>.MdBx{padding:10px}.flex-preview .T1 .t1Body>.MdBx{padding:19px 20px 20px}.flex-preview .LyKi .T1 .t1Body>.MdBx{padding:13px}.flex-preview .LyHe .T1 .t1Body>.MdBx{padding:11px 14px 13px}.flex-preview .LyDe .T1 .t1Body>.MdBx{padding:11px 14px 13px}.flex-preview .LyMi .T1 .t1Body>.MdBx{padding:10px}.flex-preview .LyNa .T1 .t1Body>.MdBx{padding:10px}.flex-preview .T1 .t1Body.ExHasFooter>.MdBx{padding-bottom:10px}.flex-preview .LyKi .T1 .t1Body.ExHasFooter>.MdBx{padding-bottom:17px}.flex-preview .LyHe .T1 .t1Body.ExHasFooter>.MdBx{padding-bottom:17px}.flex-preview .LyDe .T1 .t1Body.ExHasFooter>.MdBx{padding-bottom:17px}.flex-preview .T1 .t1Footer>.MdBx{padding:10px}.flex-preview .fxLTR,.flex-preview [dir=ltr]{direction:ltr}.flex-preview .fxRTL,.flex-preview [dir=rtl]{direction:rtl}.flex-preview .MdBtn,.flex-preview .MdBx,.flex-preview .MdIco,.flex-preview .MdImg,.flex-preview .MdTxt,.flex-preview [class*=MdSep]{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-flex:1;flex:1 0 0;min-width:0;max-width:100%}@media (-webkit-min-device-pixel-ratio: 1){.flex-preview .MdBtn,.flex-preview .MdBx,.flex-preview .MdIco,.flex-preview .MdImg,.flex-preview .MdTxt,.flex-preview [class*=MdSep]{width:0}}@media (-webkit-min-device-pixel-ratio: 1) and (min-width: .001vmax){.flex-preview .MdBtn,.flex-preview .MdBx,.flex-preview .MdIco,.flex-preview .MdImg,.flex-preview .MdTxt,.flex-preview [class*=MdSep]{width:auto}}@media (min-resolution: 1dpi){.flex-preview .MdBtn,.flex-preview .MdBx,.flex-preview .MdIco,.flex-preview .MdImg,.flex-preview .MdTxt,.flex-preview [class*=MdSep]{width:auto}}.flex-preview .MdBx{overflow:hidden;position:relative}.flex-preview .MdBx.vr>div{-webkit-box-flex:0;flex:none;flex-basis:auto}.flex-preview .MdBx.hr{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;width:100%}.flex-preview .MdBx.hr>div{overflow:hidden;-webkit-box-flex:1;flex:1 0 0}@media (-webkit-min-device-pixel-ratio: 1){.flex-preview .MdBx.hr>div{width:0}}@media (-webkit-min-device-pixel-ratio: 1) and (min-width: .001vmax){.flex-preview .MdBx.hr>div{width:auto}}@media (min-resolution: 1dpi){.flex-preview .MdBx.hr>div{width:auto}}.flex-preview .MdBx.hr>div.MdSep{overflow:visible}.flex-preview .MdBx.hr>div.fl0{width:auto}.flex-preview .MdBx.hr>div.fl0.MdImg.ExFull{width:100%}.flex-preview .MdBx.hr>div[class*=MdSep]{-webkit-box-flex:0;flex:none}.flex-preview .MdBx.hr.bl{-webkit-box-align:baseline;align-items:baseline}.flex-preview .MdBx.hr>div.ExAbs{width:auto}.flex-preview .MdBx.hr.ExAbs{width:auto}.flex-preview .MdBx.hr.ExAbs>div{width:auto}.flex-preview .ExAbs .MdBx.hr{width:auto}.flex-preview .ExAbs .MdBx.hr>div{width:auto}.flex-preview .T1 .MdBx.hr.spcXs>div{margin-left:2px}.flex-preview .T1 .MdBx.hr.spcSm>div{margin-left:4px}.flex-preview .T1 .MdBx.hr.spcMd>div{margin-left:8px}.flex-preview .T1 .MdBx.hr.spcLg>div{margin-left:12px}.flex-preview .T1 .MdBx.hr.spcXl>div{margin-left:16px}.flex-preview .T1 .MdBx.hr.spcXXl>div{margin-left:20px}.flex-preview .T1 .MdBx.hr>div.mdBxFiller,.flex-preview .T1 .MdBx.hr>div.mdBxSpacer,.flex-preview .T1 .MdBx.hr>div:first-child{margin-left:0}.flex-preview .T1.fxRTL .MdBx.hr>div{margin-left:0}.flex-preview .T1.fxRTL .MdBx.hr.spcXs>div{margin-right:2px}.flex-preview .T1.fxRTL .MdBx.hr.spcSm>div{margin-right:4px}.flex-preview .T1.fxRTL .MdBx.hr.spcMd>div{margin-right:8px}.flex-preview .T1.fxRTL .MdBx.hr.spcLg>div{margin-right:12px}.flex-preview .T1.fxRTL .MdBx.hr.spcXl>div{margin-right:16px}.flex-preview .T1.fxRTL .MdBx.hr.spcXXl>div{margin-right:20px}.flex-preview .T1.fxRTL .MdBx.hr>div.mdBxFiller,.flex-preview .T1.fxRTL .MdBx.hr>div.mdBxSpacer,.flex-preview .T1.fxRTL .MdBx.hr>div:first-child{margin-right:0}.flex-preview .MdBx.itms-jfcS{-webkit-box-pack:start;justify-content:flex-start}.flex-preview .MdBx.itms-jfcE{-webkit-box-pack:end;justify-content:flex-end}.flex-preview .MdBx.itms-jfcC{-webkit-box-pack:center;justify-content:center}.flex-preview .MdBx.itms-jfcSB{-webkit-box-pack:justify;justify-content:space-between}.flex-preview .MdBx.itms-jfcSA{justify-content:space-around}.flex-preview .MdBx.itms-jfcSE{justify-content:space-evenly}.flex-preview .MdBx.itms-algS{-webkit-box-align:start;align-items:flex-start}.flex-preview .MdBx.itms-algE{-webkit-box-align:end;align-items:flex-end}.flex-preview .MdBx.itms-algC{-webkit-box-align:center;align-items:center}.flex-preview .MdBx.itms-algBL{-webkit-box-align:baseline;align-items:baseline}.flex-preview .MdBx.itms-algSR{-webkit-box-align:stretch;align-items:stretch}.flex-preview .MdBx.vr.spcXs>div{margin-top:2px}.flex-preview .MdBx.vr.spcSm>div{margin-top:4px}.flex-preview .MdBx.vr.spcMd>div{margin-top:8px}.flex-preview .MdBx.vr.spcLg>div{margin-top:12px}.flex-preview .MdBx.vr.spcXl>div{margin-top:16px}.flex-preview .MdBx.vr.spcXXl>div{margin-top:20px}.flex-preview .MdBx.vr>div.mdBxFiller,.flex-preview .MdBx.vr>div.mdBxSpacer,.flex-preview .MdBx.vr>div:first-child{margin-top:0}.flex-preview .MdBx>div.fl0{-webkit-box-flex:0;flex:none}.flex-preview .MdBx>div.fl1{-webkit-box-flex:1;flex:1 0 0}.flex-preview .MdBx>div.fl2{-webkit-box-flex:2;flex:2 0 0}.flex-preview .MdBx>div.fl3{-webkit-box-flex:3;flex:3 0 0}.flex-preview .MdBx>div.algS{-webkit-box-align:start;align-items:flex-start}.flex-preview .MdBx>div.algE{-webkit-box-align:end;align-items:flex-end}.flex-preview .MdBx>div.grvC{-webkit-box-pack:center;justify-content:center}.flex-preview .MdBx>div.grvB{-webkit-box-pack:end;justify-content:flex-end}.flex-preview .T1 .MdBx>div.mdBxFiller{-webkit-box-flex:1;flex:1 0 0}@media (-webkit-min-device-pixel-ratio: 1){.flex-preview .T1 .MdBx>div.mdBxFiller{width:0}}@media (-webkit-min-device-pixel-ratio: 1) and (min-width: .001vmax){.flex-preview .T1 .MdBx>div.mdBxFiller{width:auto}}@media (min-resolution: 1dpi){.flex-preview .T1 .MdBx>div.mdBxFiller{width:auto}}.flex-preview .MdBx>div.mdBxSpacer{-webkit-box-flex:0;flex:none}.flex-preview .MdBx.hr>div.mdBxSpacer{height:1px}.flex-preview .MdBx.hr>div.mdBxSpacer.spcXs{width:2px}.flex-preview .MdBx.hr>div.mdBxSpacer.spcSm{width:4px}.flex-preview .MdBx.hr>div.mdBxSpacer.spcMd{width:8px}.flex-preview .MdBx.hr>div.mdBxSpacer.spcLg{width:12px}.flex-preview .MdBx.hr>div.mdBxSpacer.spcXl{width:16px}.flex-preview .MdBx.hr>div.mdBxSpacer.spcXXl{width:20px}.flex-preview .MdBx.hr[class*=spc]>div.mdBxSpacer+div{margin-left:0}.flex-preview .MdBx.hr>.MdSep{align-self:stretch}.flex-preview .MdBx.vr>div.mdBxSpacer{width:1px}.flex-preview .MdBx.vr>div.mdBxSpacer.spcXs{height:2px}.flex-preview .MdBx.vr>div.mdBxSpacer.spcSm{height:4px}.flex-preview .MdBx.vr>div.mdBxSpacer.spcMd{height:8px}.flex-preview .MdBx.vr>div.mdBxSpacer.spcLg{height:12px}.flex-preview .MdBx.vr>div.mdBxSpacer.spcXl{height:16px}.flex-preview .MdBx.vr>div.mdBxSpacer.spcXXl{height:20px}.flex-preview .MdBx.vr>div.fl0{-webkit-box-flex:0;flex:none}.flex-preview .MdBx.vr>div.fl1{-webkit-box-flex:1;flex:1 0 auto}.flex-preview .MdBx.vr>div.fl2{-webkit-box-flex:2;flex:2 0 auto}.flex-preview .MdBx.vr>div.fl3{-webkit-box-flex:3;flex:3 0 auto}.flex-preview .MdBx[class*=spc]>div.mdBxSpacer+div{margin-top:0}.flex-preview [class*=MdSep]{-webkit-box-flex:0;flex:none;box-sizing:content-box;width:100%;border:0 solid #d4d6da}.flex-preview .MdSep{position:relative;-webkit-box-flex:0;flex:none}.flex-preview .MdSep:before{box-sizing:content-box;content:"";display:block;position:absolute;z-index:1;width:100%;height:1px;border:inherit;border-top-width:1px;-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.flex-preview .MdSep:last-child:before{margin-top:-1px;border-top-width:0;border-bottom-width:1px}.flex-preview .fxRTL .MdSep:before{-webkit-transform-origin:right top;transform-origin:right top}.flex-preview .MdSepB{border-top-width:1px}.flex-preview .MdBx.hr>div.MdSep:before{width:1px;height:100%;border-top-width:0;border-left-width:1px;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.flex-preview .MdBx.hr>div.MdSep:last-child:before{margin-top:0;margin-left:-1px;border-left-width:0;border-right-width:1px}.flex-preview .MdBx.hr>div.MdSepB{border-top-width:0;border-left-width:1px}.flex-preview .fxRTL .MdBx.hr>div.MdSep:before{border-left-width:0;border-right-width:1px}.flex-preview .fxRTL .MdBx.hr>div.MdSep:last-child:before{margin-left:0;margin-right:-1px;border-right-width:0;border-left-width:1px}.flex-preview .MdTxt{position:relative}.flex-preview .MdTxt p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.flex-preview .MdTxt p:empty{height:1.4em}.flex-preview .MdTxt.ExWrap p{text-overflow:clip;word-wrap:break-word;white-space:normal}.flex-preview .MdTxt.Ex2nd{color:#aaa}.flex-preview .MdTxt.ExAlgC p{text-align:center}.flex-preview .MdTxt.ExAlgE p{text-align:end}.flex-preview .MdSpn{font-style:inherit;font-weight:inherit;text-decoration:inherit}.flex-preview .MdSpn.ExXXs{font-size:11px}.flex-preview .MdSpn.ExXs{font-size:13px}.flex-preview .MdSpn.ExSm{font-size:14px}.flex-preview .MdSpn.ExMd{font-size:16px}.flex-preview .MdSpn.ExLg{font-size:19px}.flex-preview .MdSpn.ExXl{font-size:22px}.flex-preview .MdSpn.ExXXl{font-size:29px}.flex-preview .MdSpn.Ex3Xl{font-size:35px}.flex-preview .MdSpn.Ex4Xl{font-size:48px}.flex-preview .MdSpn.Ex5Xl{font-size:74px}.flex-preview .MdIco{position:relative}.flex-preview .MdIco span{display:inline-block;overflow:hidden;background:no-repeat center;background-size:contain;width:1em;height:1em;vertical-align:baseline}.flex-preview .MdIco.ExAr2to1 span{width:2em}.flex-preview .MdIco.ExAr3to1 span{width:3em}.flex-preview .MdIco.ExXXs,.flex-preview .MdTxt.ExXXs{font-size:11px}.flex-preview .MdIco.ExXs,.flex-preview .MdTxt.ExXs{font-size:13px}.flex-preview .MdIco.ExSm,.flex-preview .MdTxt.ExSm{font-size:14px}.flex-preview .MdIco.ExMd,.flex-preview .MdTxt.ExMd{font-size:16px}.flex-preview .MdIco.ExLg,.flex-preview .MdTxt.ExLg{font-size:19px}.flex-preview .MdIco.ExXl,.flex-preview .MdTxt.ExXl{font-size:22px}.flex-preview .MdIco.ExXXl,.flex-preview .MdTxt.ExXXl{font-size:29px}.flex-preview .MdIco.Ex3Xl,.flex-preview .MdTxt.Ex3Xl{font-size:35px}.flex-preview .MdIco.Ex4Xl,.flex-preview .MdTxt.Ex4Xl{font-size:48px}.flex-preview .MdIco.Ex5Xl,.flex-preview .MdTxt.Ex5Xl{font-size:74px}.flex-preview .MdBtn{position:relative}.flex-preview .MdBtn a{display:inherit;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;width:100%;height:52px;padding:0 16px;border-radius:8px;font-size:16px}.flex-preview .MdBtn div{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}.flex-preview .MdBtn.ExBtn1 a{background-color:#17c950;color:#fff}.flex-preview .MdBtn.ExBtn2 a{background-color:#dcdfe5;color:#111}.flex-preview .MdBtn.ExBtnL a{color:#42659a}.flex-preview .MdBtn.ExSm a{height:40px}.flex-preview .MdImg{-webkit-box-align:center;align-items:center;overflow:hidden;position:relative}.flex-preview .MdImg>div{max-width:100%}.flex-preview .MdImg a{display:block;position:relative;width:100%}.flex-preview .MdImg span{display:block;position:absolute;inset:0;overflow:hidden;background-repeat:no-repeat;background-position:center center}.flex-preview .MdImg.ExXXs>div{width:40px}.flex-preview .MdImg.ExXs>div{width:60px}.flex-preview .MdImg.ExSm>div{width:80px}.flex-preview .MdImg.ExMd>div{width:100px}.flex-preview .MdImg.ExLg>div{width:120px}.flex-preview .MdImg.ExXl>div{width:140px}.flex-preview .MdImg.ExXXl>div{width:160px}.flex-preview .MdImg.Ex3Xl>div{width:180px}.flex-preview .MdImg.Ex4Xl>div{width:200px}.flex-preview .MdImg.Ex5Xl>div{width:220px}.flex-preview .MdImg.ExFull>div{width:100%}.flex-preview .MdImg.ExAr1to1 a{padding-bottom:100%}.flex-preview .MdImg.ExAr1_51to1 a{padding-bottom:66.22517%}.flex-preview .MdImg.ExAr1_91to1 a{padding-bottom:52.35602%}.flex-preview .MdImg.ExAr20to13 a{padding-bottom:65%}.flex-preview .MdImg.ExAr4to3 a{padding-bottom:75%}.flex-preview .MdImg.ExAr16to9 a{padding-bottom:56.25%}.flex-preview .MdImg.ExAr2to1 a{padding-bottom:50%}.flex-preview .MdImg.ExAr3to1 a{padding-bottom:33.33333%}.flex-preview .MdImg.ExAr3to4 a{padding-bottom:133.33333%}.flex-preview .MdImg.ExAr9to16 a{padding-bottom:177.77778%}.flex-preview .MdImg.ExAr1to2 a{padding-bottom:200%}.flex-preview .MdImg.ExAr1to3 a{padding-bottom:300%}.flex-preview .MdImg.ExFit span{background-size:contain}.flex-preview .MdImg.ExCover span{background-size:cover}.flex-preview .MdImg.ExCircle span{border-radius:50%}.flex-preview .MdImg.ExMirrored span{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.flex-preview .MdImg.ExAbs.ExFull{width:100%}.flex-preview .ExMgnANone{margin:0}.flex-preview .ExMgnAXs{margin:2px}.flex-preview .ExMgnASm{margin:4px}.flex-preview .ExMgnAMd{margin:8px}.flex-preview .ExMgnALg{margin:12px}.flex-preview .ExMgnAXl{margin:16px}.flex-preview .ExMgnAXXl{margin:20px}.flex-preview .ExMgnTNone{margin-top:0}.flex-preview .ExMgnTXs{margin-top:2px}.flex-preview .ExMgnTSm{margin-top:4px}.flex-preview .ExMgnTMd{margin-top:8px}.flex-preview .ExMgnTLg{margin-top:12px}.flex-preview .ExMgnTXl{margin-top:16px}.flex-preview .ExMgnTXXl{margin-top:20px}.flex-preview .ExMgnBNone{margin-bottom:0}.flex-preview .ExMgnBXs{margin-bottom:2px}.flex-preview .ExMgnBSm{margin-bottom:4px}.flex-preview .ExMgnBMd{margin-bottom:8px}.flex-preview .ExMgnBLg{margin-bottom:12px}.flex-preview .ExMgnBXl{margin-bottom:16px}.flex-preview .ExMgnBXXl{margin-bottom:20px}.flex-preview .ExMgnLNone{margin-left:0}.flex-preview .ExMgnLXs{margin-left:2px}.flex-preview .ExMgnLSm{margin-left:4px}.flex-preview .ExMgnLMd{margin-left:8px}.flex-preview .ExMgnLLg{margin-left:12px}.flex-preview .ExMgnLXl{margin-left:16px}.flex-preview .ExMgnLXXl{margin-left:20px}.flex-preview .ExMgnRNone{margin-right:0}.flex-preview .ExMgnRXs{margin-right:2px}.flex-preview .ExMgnRSm{margin-right:4px}.flex-preview .ExMgnRMd{margin-right:8px}.flex-preview .ExMgnRLg{margin-right:12px}.flex-preview .ExMgnRXl{margin-right:16px}.flex-preview .ExMgnRXXl{margin-right:20px}.flex-preview .ExPadANone{padding:0}.flex-preview .ExPadAXs{padding:2px}.flex-preview .ExPadASm{padding:4px}.flex-preview .ExPadAMd{padding:8px}.flex-preview .ExPadALg{padding:12px}.flex-preview .ExPadAXl{padding:16px}.flex-preview .ExPadAXXl{padding:20px}.flex-preview .ExPadTNone{padding-top:0}.flex-preview .ExPadTXs{padding-top:2px}.flex-preview .ExPadTSm{padding-top:4px}.flex-preview .ExPadTMd{padding-top:8px}.flex-preview .ExPadTLg{padding-top:12px}.flex-preview .ExPadTXl{padding-top:16px}.flex-preview .ExPadTXXl{padding-top:20px}.flex-preview .ExPadBNone{padding-bottom:0}.flex-preview .ExPadBXs{padding-bottom:2px}.flex-preview .ExPadBSm{padding-bottom:4px}.flex-preview .ExPadBMd{padding-bottom:8px}.flex-preview .ExPadBLg{padding-bottom:12px}.flex-preview .ExPadBXl{padding-bottom:16px}.flex-preview .ExPadBXXl{padding-bottom:20px}.flex-preview .ExPadLNone{padding-left:0}.flex-preview .ExPadLXs{padding-left:2px}.flex-preview .ExPadLSm{padding-left:4px}.flex-preview .ExPadLMd{padding-left:8px}.flex-preview .ExPadLLg{padding-left:12px}.flex-preview .ExPadLXl{padding-left:16px}.flex-preview .ExPadLXXl{padding-left:20px}.flex-preview .ExPadRNone{padding-right:0}.flex-preview .ExPadRXs{padding-right:2px}.flex-preview .ExPadRSm{padding-right:4px}.flex-preview .ExPadRMd{padding-right:8px}.flex-preview .ExPadRLg{padding-right:12px}.flex-preview .ExPadRXl{padding-right:16px}.flex-preview .ExPadRXXl{padding-right:20px}.flex-preview .ExBdrWdtNone{border-width:0}.flex-preview .ExBdrWdtLgh{border-width:.5px}.flex-preview .ExBdrWdtNml{border-width:1px}.flex-preview .ExBdrWdtMdm{border-width:2px}.flex-preview .ExBdrWdtSbd{border-width:3px}.flex-preview .ExBdrWdtBld{border-width:4px}.flex-preview .ExBdrRadNone{border-radius:0}.flex-preview .ExBdrRadXs{border-radius:2px}.flex-preview .ExBdrRadSm{border-radius:4px}.flex-preview .ExBdrRadMd{border-radius:8px}.flex-preview .ExBdrRadLg{border-radius:12px}.flex-preview .ExBdrRadXl{border-radius:16px}.flex-preview .ExBdrRadXXl{border-radius:20px}.flex-preview .ExAbs{position:absolute;margin:0;width:auto}.flex-preview .ExTNone{top:0}.flex-preview .ExTXs{top:2px}.flex-preview .ExTSm{top:4px}.flex-preview .ExTMd{top:8px}.flex-preview .ExTLg{top:12px}.flex-preview .ExTXl{top:16px}.flex-preview .ExTXXl{top:20px}.flex-preview .ExBNone{bottom:0}.flex-preview .ExBXs{bottom:2px}.flex-preview .ExBSm{bottom:4px}.flex-preview .ExBMd{bottom:8px}.flex-preview .ExBLg{bottom:12px}.flex-preview .ExBXl{bottom:16px}.flex-preview .ExBXXl{bottom:20px}.flex-preview .ExLNone{left:0}.flex-preview .ExLXs{left:2px}.flex-preview .ExLSm{left:4px}.flex-preview .ExLMd{left:8px}.flex-preview .ExLLg{left:12px}.flex-preview .ExLXl{left:16px}.flex-preview .ExLXXl{left:20px}.flex-preview .ExRNone{right:0}.flex-preview .ExRXs{right:2px}.flex-preview .ExRSm{right:4px}.flex-preview .ExRMd{right:8px}.flex-preview .ExRLg{right:12px}.flex-preview .ExRXl{right:16px}.flex-preview .ExRXXl{right:20px}.flex-preview .ExWR{font-weight:400}.flex-preview .ExWR *{font-weight:inherit}.flex-preview .ExWB{font-weight:700}.flex-preview .ExWB *{font-weight:inherit}.flex-preview .ExFntStyNml{font-style:normal}.flex-preview .ExFntStyNml *{font-style:inherit}.flex-preview .ExFntStyIt{font-style:italic}.flex-preview .ExFntStyIt *{font-style:inherit}.flex-preview .ExTxtDecNone{text-decoration:none}.flex-preview .ExTxtDecUl{text-decoration:underline}.flex-preview .ExTxtDecLt{text-decoration:line-through}.flex-preview .LyGi{width:100%;max-width:500px;min-width:0}.flex-preview .LyMe{width:100%;max-width:300px;min-width:0}.flex-preview .LyKi{width:100%;max-width:260px;min-width:0}.flex-preview .LyHe{width:100%;max-width:241px;min-width:0}.flex-preview .LyDe{width:100%;max-width:220px;min-width:0}.flex-preview .LyMi{width:100%;max-width:160px;min-width:0}.flex-preview .LyNa{width:100%;max-width:120px;min-width:0}