1 line
4.5 KiB
CSS
1 line
4.5 KiB
CSS
.payeye-match-shipping{max-width:600px}.payeye-match-shipping__item{align-items:center;display:grid;grid-template-columns:1fr 1fr;margin-bottom:1rem}.payeye-loader-content{height:62px;margin-left:auto;margin-right:auto;position:relative;width:62px}.payeye-loader-loader:before{animation:payeye-loader-loading 2s linear infinite;background:conic-gradient(from 0deg,hsla(0,0%,85%,0),#d9d9d9);border-radius:50%;content:"";height:100%;left:0;position:absolute;width:100%}@keyframes payeye-loader-loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.payeye-loader-loader:after{background:#fff;border-radius:50%;content:"";height:80%;left:10%;position:absolute;top:10%;width:80%}.payeye-rejected{align-items:center;display:flex;justify-content:center}.payeye-rejected .wrapper{display:flex;position:relative}.payeye-rejected svg{animation:payeye-rejected-fixed .1s;width:62px}.payeye-rejected circle{stroke-width:2;stroke-dasharray:188.5;stroke-dashoffset:188.5;animation:payeye-rejected-dash 1s ease forwards;transform:rotate(-90deg);transform-origin:center}.payeye-rejected .checkmark{height:36px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:36px}.payeye-rejected .checkmark-left{animation:payeye-rejected-left 1s;height:36px;left:50%;transform:translate(-50%,-50%);transform-origin:center;width:2px}.payeye-rejected .checkmark-left,.payeye-rejected .checkmark-right{background-color:#e3282d;border-radius:2px;position:absolute;top:50%}.payeye-rejected .checkmark-right{animation:payeye-rejected-right 1s;height:2px;left:0;transform:translateY(-50%);width:36px}@keyframes payeye-rejected-fixed{0%{opacity:1}}@keyframes payeye-rejected-left{0%{height:0}}@keyframes payeye-rejected-dash{to{stroke-dashoffset:0}}@keyframes payeye-rejected-right{0%{width:0}}.payeye-success{align-items:center;display:flex;justify-content:center}.payeye-success .wrapper{display:flex;position:relative}.payeye-success svg{animation:payeye-success-fixed .1s;width:62px}.payeye-success circle{stroke-width:2;stroke-dasharray:188.5;stroke-dashoffset:188.5;animation:payeye-success-dash 1s ease forwards;transform:rotate(-90deg);transform-origin:center}.payeye-success .checkmark{display:inline-block;height:22px;left:calc(50% - 13px);position:absolute;top:calc(50% - 5px);transform:rotate(45deg);width:22px}.payeye-success .checkmark-left{animation:payeye-success-right 1s;border-top-right-radius:2px;height:28px;left:11px;top:-13px;width:2px}.payeye-success .checkmark-left,.payeye-success .checkmark-right{background-color:#08a75b;border-top-left-radius:2px;position:absolute}.payeye-success .checkmark-right{animation:payeye-success-left 1s;border-bottom-left-radius:2px;height:2px;left:-3px;top:13px;width:16px}@keyframes payeye-success-fixed{0%{opacity:1}}@keyframes payeye-success-dash{to{stroke-dashoffset:0}}@keyframes payeye-success-left{0%{left:-3px;width:0}}@keyframes payeye-success-right{0%{height:0;top:13px}}.payeye-returns__table{grid-gap:16px;display:grid}.payeye-returns__row{grid-gap:8px;align-items:center;display:grid;grid-template-columns:.6fr .6fr .6fr .8fr .2fr .5fr .7fr 1fr}.payeye-returns__row--header{margin-bottom:12px}#payeye-refund{align-items:center;background-color:rgba(42,37,71,.53);cursor:wait;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:99999}#payeye-refund *{box-sizing:border-box}.payeye-modal-refund{background-color:#fff;border-radius:8px;box-shadow:0 2px 24px rgba(0,0,0,.1);padding:32px;position:relative;width:360px}.payeye-modal-refund__logo{display:block;margin:0 auto 16px}.payeye-modal-refund__loader-wrapper{margin-bottom:16px}.payeye-modal-refund__heading{color:#161325;line-height:22px}.payeye-modal-refund__heading,.payeye-modal-refund__title{font-size:18px;font-weight:600;margin-bottom:16px;text-align:center}.payeye-modal-refund__title{color:#2a2547;line-height:24px}.payeye-modal-refund__title--rejected{color:#de0006}.payeye-modal-refund__title--success{color:#08a75b}.payeye-modal-refund__details-wrapper{grid-gap:8px;display:grid;margin-bottom:16px}.payeye-modal-refund__details{align-items:center;display:flex;justify-content:space-between}.payeye-modal-refund__retry{background-color:#00ad93;border:0;border-radius:20px;color:#fff;cursor:pointer;display:block;font-size:14px;font-weight:600;line-height:24px;margin:0 auto 16px;padding:8px 16px}.payeye-modal-refund__footer{text-align:center}.payeye-modal-refund__amount{margin-bottom:4px}.payeye-modal-refund__price{color:#2a2547;font-size:24px;font-weight:600;line-height:29px}.payeye-modal-refund__close{cursor:pointer;position:absolute;right:24px;top:24px} |