[data-m-id=GRID] .close-times{position:absolute;font-size:.875rem;color:#777;top:20px;right:20px}[data-m-id=GRID] .modal-content{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;width:100%;max-width:50rem}[data-m-id=GRID] .modal-content.width--small{max-width:25rem}[data-m-id=GRID] .modal-content.width--large{max-width:60rem}
[data-m-id=HTML] .modal-content{width:100%;max-width:50rem}[data-m-id=HTML] .modal-content .close-times{font-size:.875rem;color:#777;position:absolute;top:20px;right:20px}
[data-m-id=PAY] .component-bg .overlay{background:#000;border-color:#000;opacity:.9}[data-m-id=PAY] .scroller{padding:2.5rem 0}[data-m-id=PAY] .modal-content{position:relative;width:100%;max-width:400px;padding:2.5rem;background:#fff;text-align:center;transition:all .3s cubic-bezier(.21,.67,.58,1)}[data-m-id=PAY] .modal-content .close-times{display:block!important;position:absolute;font-size:.875rem;top:20px;right:20px}[data-m-id=PAY] .modal-content .loading{display:none;text-align:center;-ms-flex-pack:center;justify-content:center}[data-m-id=PAY] .modal-content[data-type=bill]{max-width:500px}[data-m-id=PAY] .modal-content[data-type=already] .action-already,[data-m-id=PAY] .modal-content[data-type=bill] .action-bill,[data-m-id=PAY] .modal-content[data-type=cash] .action-cash,[data-m-id=PAY] .modal-content[data-type=fail] .action-fail,[data-m-id=PAY] .modal-content[data-type=loading] .loading,[data-m-id=PAY] .modal-content[data-type=success] .action-success{display:-ms-flexbox;display:flex}[data-m-id=PAY] .action-already,[data-m-id=PAY] .action-bill,[data-m-id=PAY] .action-cash,[data-m-id=PAY] .action-fail,[data-m-id=PAY] .action-success{-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:stretch;justify-content:stretch;width:100%;animation:slideDown .35s cubic-bezier(.21,.67,.58,1) .1s 1 both}[data-m-id=PAY] .action-bill{display:none;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;overflow-y:auto;overflow-x:hidden}[data-m-id=PAY] .action-bill .pay-action{width:100%;text-align:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;margin-bottom:1.25rem}[data-m-id=PAY] .action-bill .pay-action .ico-wrap{margin-bottom:5px}[data-m-id=PAY] .action-bill .pay-action .ico-wrap .component-ico{border:none}[data-m-id=PAY] .action-bill .pay-action .title{margin-bottom:.625rem;color:rgba(27,27,28,.35)}[data-m-id=PAY] .action-bill .pay-methods{width:100%;text-align:center;-ms-flex-negative:0;flex-shrink:0}[data-m-id=PAY] .action-bill .pay-methods .title{margin-bottom:20px}[data-m-id=PAY] .action-bill .pay-methods-list{display:-ms-flexbox;display:flex}[data-m-id=PAY] .action-bill .pay-methods-list .pay-methods-list-inner{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-positive:1;flex-grow:1;margin:-.3125rem}[data-m-id=PAY] .action-bill .pay-methods-list .pay-methods-list-inner.shake{animation:shake .5s ease 1 both .2s}[data-m-id=PAY] .action-bill .pay-methods-list .item{width:33.3%;padding:5px;cursor:pointer}[data-m-id=PAY] .action-bill .pay-methods-list .item:hover .item-inner:before{border-color:rgba(34,34,34,.5)}[data-m-id=PAY] .action-bill .pay-methods-list .item .item-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:column;flex-flow:column;padding:.9375rem .625rem;-ms-flex-pack:start;justify-content:start}[data-m-id=PAY] .action-bill .pay-methods-list .item .item-inner:before{content:"";display:block;position:absolute;top:0;left:0;bottom:0;right:0;border-radius:4px;border:1px solid rgba(27,27,28,.15);transition:all .2s}[data-m-id=PAY] .action-bill .pay-methods-list .item .check{position:absolute;top:10px;right:10px;width:16px;height:13px}[data-m-id=PAY] .action-bill .pay-methods-list .item .check:after,[data-m-id=PAY] .action-bill .pay-methods-list .item .check:before{display:block;content:"";height:2px;position:absolute;background:#222}[data-m-id=PAY] .action-bill .pay-methods-list .item .check:before{width:46%;bottom:42%;left:3%;transform:rotate(42deg) scaleX(0);border-bottom-right-radius:2px;transform-origin:bottom left}[data-m-id=PAY] .action-bill .pay-methods-list .item .check:after{width:95%;bottom:0;left:35%;transform:rotate(-48deg) scaleX(0);border-bottom-left-radius:2px;transform-origin:bottom left}[data-m-id=PAY] .action-bill .pay-methods-list .item .icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:80px;height:60px;margin:0 auto}[data-m-id=PAY] .action-bill .pay-methods-list .item .item-name{display:block;margin-top:.625rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-m-id=PAY] .action-bill .pay-methods-list .item input{visibility:hidden;display:none}[data-m-id=PAY] .action-bill .pay-methods-list .item input:checked+.item-inner:before{border-width:2px;border-color:#222}[data-m-id=PAY] .action-bill .pay-methods-list .item input:checked+.item-inner .check:before{transform:rotate(42deg) scaleX(1);transition:transform .2s ease-in}[data-m-id=PAY] .action-bill .pay-methods-list .item input:checked+.item-inner .check:after{transform:rotate(-48deg) scaleX(1);transition:transform .15s ease-out .2s}[data-m-id=PAY] .action-bill .btn-wrap{display:block;width:100%}[data-m-id=PAY] .action-already,[data-m-id=PAY] .action-cash,[data-m-id=PAY] .action-fail,[data-m-id=PAY] .action-success{display:none;text-align:center;max-width:320px;margin:0 auto}[data-m-id=PAY] .action-already .title,[data-m-id=PAY] .action-cash .title,[data-m-id=PAY] .action-fail .title,[data-m-id=PAY] .action-success .title{margin-bottom:1.25rem}[data-m-id=PAY] .action-cash .ico-wrap{color:#d64094}[data-m-id=PAY] .action-already .ico-wrap,[data-m-id=PAY] .action-success .ico-wrap{color:#17c37b}[data-m-id=PAY] .action-fail .ico-wrap{color:#ef3e4a}[data-m-id=PAY] .btn-wrap{margin-top:2.5rem}[data-m-id=PAY] .btn-wrap .component-button{color:#1b1b1c}.is-pointer [data-m-id=PAY] .btn-wrap .component-button.effect--opacity.bordered:hover .btn-content{color:#fff}.is-pointer [data-m-id=PAY] .btn-wrap .component-button.effect--opacity.filled:hover:before{background-color:#434344}[data-m-id=PAY] .btn-wrap .component-button.filled .btn-content{color:#fff}[data-m-id=PAY] .btn-wrap .component-button.submitting{pointer-events:none}[data-m-id=PAY] .btn-wrap .component-button.submitting .btn-text{opacity:0}[data-m-id=PAY] .btn-wrap .component-button.submitting .submitting-status{display:block;opacity:1;visibility:visible}[data-m-id=PAY] .btn-wrap .component-button.submitting .submitting-status svg{transform:scale(1)}[data-m-id=PAY] .btn-wrap .component-button .submitting-status{display:none;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}[data-m-id=PAY] .btn-wrap .component-button .submitting-status .icon{display:block;position:absolute;width:1.375rem;height:1.375rem;top:0;bottom:0;left:0;right:0;margin:auto}[data-m-id=PAY] .btn-wrap .component-button .submitting-status .icon .circular-loader{fill:none;stroke:currentColor;stroke-width:.375rem;transform-origin:center center}[data-m-id=PAY] .btn-wrap .component-button .submitting-status .icon .circular-loader .loader-path{stroke-dasharray:150,200;stroke-dashoffset:-10;stroke-linecap:round;animation:circular-loader 1.5s ease-in-out infinite reverse}[data-m-id=PAY] .ico-wrap{width:70px;height:70px;margin:0 auto 20px}[data-m-id=PAY] .ico-wrap .component-ico{padding:14px;border-radius:50%;border:2px solid currentColor}[data-m-id=PAY] .status-icon-outer{display:-ms-flexbox;display:flex;margin-top:1.8125rem;margin-bottom:1.375rem}[data-m-id=PAY] .status-icon-outer,[data-m-id=PAY] .status-icon-outer .status-icon{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-align:center}[data-m-id=PAY] .status-icon-outer .status-icon{display:-ms-inline-flexbox;display:inline-flex;width:5rem;height:5rem;border-radius:52%;color:#fff}[data-m-id=PAY] .status-icon-outer .status-icon .icon{width:1.5rem;max-height:1.5rem}[data-m-id=PAY] .status-icon-outer .status-icon .icon svg{width:100%}[data-m-id=PAY] .status-icon-outer .status-icon.success{background:#56b157}[data-m-id=PAY] .status-icon-outer .status-icon.fail{background:#f25241}
[data-m-id=QUIZ] .close-times{position:absolute;color:#777;top:0;right:0}[data-m-id=QUIZ] .scroller{padding:40px 0}[data-m-id=QUIZ] .modal-content{min-height:100%}
@media (max-width:767px){body.adaptive [data-m-id=GRID] .close-times{font-size:1.125rem}body.adaptive [data-m-id=GRID] .scroller{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}}
@media (max-width:767px){body.adaptive [data-m-id=HTML] .scroller{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}}
@media (max-width:767px){body.adaptive [data-m-id=PAY] .modal-content{padding:30px 7%}body.adaptive [data-m-id=PAY] .action-bill .pay-methods{padding:0}body.adaptive [data-m-id=PAY] .action-bill .pay-methods .title{margin-bottom:20px}body.adaptive [data-m-id=PAY] .action-bill .pay-methods .pay-methods-list{max-height:none}body.adaptive [data-m-id=PAY] .action-bill .pay-action{padding-bottom:30px}body.adaptive [data-m-id=PAY] .action-bill .pay-action .btn-wrap{position:static;margin-top:30px}}@media (max-width:570px){body.adaptive [data-m-id=PAY] .modal-data{color:#222}body.adaptive [data-m-id=PAY] .scroller{padding:0;height:100%;background:#fff}body.adaptive [data-m-id=PAY] .modal-content{border-radius:0;box-shadow:none;padding-bottom:50px}body.adaptive [data-m-id=PAY] .action-bill .pay-action{padding-top:15px}body.adaptive [data-m-id=PAY] .action-bill .pay-action .ico-wrap{display:none}body.adaptive [data-m-id=PAY] .action-bill .pay-methods-list label{min-width:100px}}@media (max-width:350px){body.adaptive [data-m-id=PAY] .action-bill .pay-methods-list label{width:50%;margin-bottom:15px!important}}
@media (max-width:767px){body.adaptive [data-m-id=QUIZ] .close-times{top:2px}body.adaptive [data-m-id=QUIZ] .scroller{padding:25px 0}}