@comgate/checkout-dev/lib/comgate-checkout.css

Comgate pre-built checkout library

#cg-checkout-overlay{display:block;position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:#000000bf;z-index:999999;opacity:1;transition:all .15s linear}#cg-checkout-overlay.hidden{display:none}#cg-checkout-overlay.hiddenVisually{opacity:0}#cg-checkout-overlay .oloader-box{display:flex;justify-content:center;align-items:center;width:100%;height:100%}#cg-checkout-overlay .oloader{height:45px;width:45px;aspect-ratio:1;border:4px solid #eee;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1.5s linear infinite;opacity:.9;border-bottom-color:transparent!important}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cg-gp-btn>button.disabled,.cg-gp-btn>button:disabled{opacity:.55!important;cursor:not-allowed}@supports (-webkit-appearance: -apple-pay-button){.cg-ap-btn{-webkit-appearance:-apple-pay-button;-apple-pay-button-padding:2px 0px;-apple-pay-button-box-sizing:border-box}}@supports not (-webkit-appearance: -apple-pay-button){.cg-ap-btn{--apple-pay-scale: 2;padding:0;background-size:50%;background-color:#000;background-image:-webkit-named-image(apple-pay-logo-white);background-repeat:no-repeat;background-position:center center}.cg-ap-btn.black{background-image:-webkit-named-image(apple-pay-logo-white);background-color:#000}.cg-ap-btn.white{background-image:-webkit-named-image(apple-pay-logo-black);background-color:#fff}.cg-ap-btn.white-outline{background-image:-webkit-named-image(apple-pay-logo-black);background-color:#fff;border:.5px solid black}}.cg-ap-btn.disabled{opacity:.55!important;cursor:not-allowed}.cg-ap-btn:hover{cursor:pointer;opacity:.92}.cg-ap-btn.black:hover{cursor:pointer;opacity:.75!important}.cg-loader-box{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#666666aa;border-radius:3px}.cg-loader-box .cgl{border:4px solid #d9d9d9;width:25px;height:25px;aspect-ratio:1;border-left-color:transparent!important;border-radius:100%;animation:cgspin 12s cubic-bezier(.5,-10,.5,10) infinite}.cg-loader-box.white{background:#555555aa}.cg-loader-box.white .cgl{border-color:#e5e5e5}.cg-loader-box.sm .cgl{width:17px;height:17px}.cg-loader-box.xs .cgl{width:10px;height:10px;border-width:3px}@keyframes cgspin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cg-list-container{box-sizing:border-box;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cg-list-container .cg-list-group{position:relative}.cg-list-container .cg-list-group .cg-group-label{position:relative;font-size:18px;color:#000;text-align:left;display:flex;align-items:center;justify-content:space-between;background:#f6f6f6;padding:8px 35px 8px 15px;border:solid 1px #ccc;border-radius:0;min-height:38px;min-width:200px}.cg-list-container .cg-list-group .cg-group-label:before{display:none;content:"";position:absolute;top:calc(50% - 10px);right:15px;font-size:15px;color:#888;width:10px;height:10px;border:solid 3px #999;border-top:none;border-left:none;transform:rotate(45deg) scaleX(1) scaleY(1);transition:.1s}.cg-list-container .cg-list-group.expandable .cg-group-label{cursor:pointer}.cg-list-container .cg-list-group.expandable .cg-group-label:before{display:block}.cg-list-container .cg-list-group:not(:last-child){margin-bottom:5px}.cg-list-container .cg-list-group .cg-group-content{position:relative;height:0;font-size:20px;text-align:justify;overflow:hidden;transition:.5s;margin-left:15px}.cg-list-container .cg-list-group .cg-group-content .cg-item-wrapper:first-child{margin-top:5px}.cg-list-container .cg-list-group.open .cg-group-label:before{top:calc(50% - 3px);transform:rotate(45deg) scaleX(-1) scaleY(-1)}.cg-list-container .cg-list-group.open .cg-group-content{height:auto}.cg-list-container .cg-item-wrapper{display:flex;align-items:center;justify-content:space-between;background:#f6f6f6;padding:8px 15px;border:solid 1px #ccc;border-radius:0;min-height:38px;cursor:pointer;min-width:200px}.cg-list-container .cg-item-wrapper:not(:last-child){margin-bottom:5px}.cg-list-container .cg-item-wrapper .cg-ibox{display:block;position:relative;cursor:pointer;font-size:1.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:50px;min-width:50px}.cg-list-container .cg-item-wrapper .cg-ibox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.cg-list-container .cg-item-wrapper .cg-ibox .cg-checkmark{position:relative;top:0;left:0;height:22px;width:22px;border:solid 1px #ccc;border-radius:50%}.cg-list-container .cg-item-wrapper .cg-ibox .cg-checkmark:after{content:"";position:absolute;display:none;left:8px;top:5px;width:4px;height:8px;border:solid #fafafa;border-width:0 2px 2px 0;transform:rotate(45deg)}.cg-list-container .cg-item-wrapper .cg-ibox input:checked~.cg-checkmark{background:#279b37;border-radius:50%;border:none;animation:pulse .25s ease-in-out}.cg-list-container .cg-item-wrapper .cg-ibox input:checked~.cg-checkmark:after{display:block}@keyframes pulse{0%{box-shadow:0 0 #0b6e4f90;rotate:20deg}50%{rotate:-20deg}75%{box-shadow:0 0 0 4px #269a3661}to{box-shadow:0 0 0 4px #269a3630;rotate:0}}.cg-list-container .cg-item-wrapper .cg-item{display:flex;width:100%;align-items:center;justify-content:flex-start}.cg-list-container .cg-item-wrapper .cg-item .cg-lbox{display:flex;text-align:left;flex-flow:column;width:100%}.cg-list-container .cg-item-wrapper .cg-item .cg-lbox .cg-name{font-size:15px;font-weight:500}.cg-list-container .cg-item-wrapper .cg-item .cg-lbox .cg-desc{font-size:12px;background:green}.cg-list-container .cg-item-wrapper .cg-item .cg-logo{display:flex;justify-content:flex-start;align-items:stretch;width:-moz-fit-content;width:fit-content;margin-right:35px}.cg-list-container .cg-item-wrapper .cg-item .cg-logo img{aspect-ratio:auto;max-height:32px}.cg-list-container .cg-item-wrapper:hover{border:solid 1px #bbb;background:#eaeaea}.cg-list-container .cg-item-wrapper:hover .cg-checkmark{border:solid 1px #bbb}.cg-list-container .cg-item-wrapper.active{background:#eaf6ec;border-color:#a3d38b}.cg-list-container .cg-item-wrapper.active:hover{background:#d6efda;border-color:#8ec474}.cg-list-container.small .cg-item-wrapper{padding:5px 11px;margin-bottom:3px;min-height:30px}.cg-list-container.small .cg-item-wrapper .cg-ibox{width:40px;min-width:40px}.cg-list-container.small .cg-item-wrapper .cg-ibox .cg-checkmark{height:18px;width:18px}.cg-list-container.small .cg-item-wrapper .cg-ibox .cg-checkmark:after{left:6px;top:3px;width:4px;height:8px;border:solid #fafafa;border-width:0 2px 2px 0}.cg-list-container.small .cg-item-wrapper .cg-item .cg-name{font-size:13px}.cg-list-container.small .cg-item-wrapper .cg-item .cg-logo{margin-right:20px}.cg-list-container.small .cg-item-wrapper .cg-item .cg-logo img{max-height:22px}.cg-list-container.xsmall .cg-item-wrapper{padding:3px 9px;margin-bottom:3px;min-height:30px}.cg-list-container.xsmall .cg-item-wrapper .cg-ibox{width:30px;min-width:30px}.cg-list-container.xsmall .cg-item-wrapper .cg-ibox .cg-checkmark{height:16px;width:16px}.cg-list-container.xsmall .cg-item-wrapper .cg-ibox .cg-checkmark:after{left:5px;top:2px;width:4px;height:8px;border:solid #fafafa;border-width:0 2px 2px 0}.cg-list-container.xsmall .cg-item-wrapper .cg-item .cg-name{font-size:12px}.cg-list-container.xsmall .cg-item-wrapper .cg-item .cg-logo{margin-right:13px}.cg-list-container.xsmall .cg-item-wrapper .cg-item .cg-logo img{max-height:14px}.cg-list-container.disabled .cg-item-wrapper{cursor:no-drop}