:root{color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;color:var( --color-text);background-color:var(--color-bg);--color-bg--light: #F4F4F4;--color-bg--dark: black;--color-accent--light: black;--color-accent--dark: #F4F4F4F4;--coror-text--light: #F4F4F4;--coror-text--dark: white;--coror-text-btn--light: #F4F4F4;--coror-text-btn--dark: #F4F4F4;--color-btn-shadow: rgba(0, 0, 0, .08)}@media(prefers-color-scheme:light){:root{--color-bg: var(--color-bg--light);--color-accent: var(--color-accent--light);--color-accent-light: rgb(from var(--color-accent--light) r g b / .1);--color-text: var(--color-text--light);--color-text-light: rgb(from var(--color-text--light) r g b / .25);--color-text-lightest: rgb(from var(--color-text--light) r g b / .5);--color-text-btn: var(--color-text-btn--light)}}@media(prefers-color-scheme:dark){:root{--color-bg: var(--color-bg--dark);--color-accent: var(--color-accent--dark);--color-accent-light: rgb(from var(--color-accent--dark) r g b / .1);--color-text: var(--color-text--dark);--color-text-light: rgb(from var(--color-text--dark) r g b / .25);--color-text-lightest: rgb(from var(--color-text--dark) r g b / .5);--color-text-btn: var(--color-text-btn--dark)}}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}p{margin:0}body{margin:0;display:flex;font-size:clamp(14px,2vw,20px);place-items:center;min-width:100%;min-height:100vh;align-items:center;justify-content:center}#root{height:100dvh;flex-basis:600px;margin:0 auto;text-align:center;display:flex;flex-direction:column}.row{display:flex;align-items:center;flex-direction:row;justify-content:space-between}.subtitle{color:var(--color-text)}.powered-by{opacity:.5;margin-top:1em;text-align:center;font-size:.8em}*{box-sizing:border-box}.top-img{width:100%;height:13em;object-fit:cover}.logo{width:3.8em;height:3.8em;border-radius:1em;margin-top:-2em;position:relative;place-self:center;box-shadow:0 10px 20px #0000000d}h1{font-size:1.75em;line-height:1.1;margin:0;color:var(--color-accent)}h3{margin:0;opacity:.75;font-size:1em}.description{font-size:1em;color:var(--color-text);text-align:center}.tips{display:flex;flex-direction:row;flex-wrap:wrap;column-gap:1em;row-gap:1em;justify-content:center}.tips button{box-shadow:0 -1px #0000000d inset;font-size:1.2em;padding:1em;border-radius:2em;border:0;background:var(--color-accent);color:var(--color-text)}main{display:flex;flex-direction:column;flex-basis:100%}main .content{display:flex;padding:1.35em 1.1em;flex-direction:column;align-items:stretch;flex-grow:1;row-gap:1.4em;width:100%}main .content-item{display:flex;flex-direction:column;row-gap:.35em}main h3{text-align:left;color:var(--color-accent)}main p{text-align:left;margin:0;color:var(--color-text)}main ul.total-list{list-style:none;padding:.5em .75em;margin:.5em 0;border:1px solid var(--color-text-light);border-radius:1em}main ul.total-list li{display:flex;justify-content:space-between;padding:.25em 0;opacity:.75}main ul.total-list li span{color:var(--color-text);font-size:1.25em;font-weight:700}main ul.total-list button{transition:background-color .2s}main ul.total-list button:hover{cursor:pointer;background-color:var(--color-text-light)}main ul.total-list button.selected{background:var(--color-text);color:var(--color-bg)}.details{padding:1em;display:flex;flex-direction:column;gap:.5em;width:100%}.details hr{border:0;border-top:1px solid var(--color-text-light)}.details h3{text-align:left}.details ul{list-style:none;margin:0;padding:.5em .75em;border:1px solid var(--color-text-light);border-radius:.5em}.details ul li{display:flex;justify-content:space-between;padding:.25em 0}footer{width:100%;display:flex;flex-direction:column;place-self:flex-end;padding:0 1em .9em;align-items:center}footer .checkout-btn{width:100%;border:none;color:var(--color-text-btn);margin-top:1em;border-radius:.8em;background:var(--color-accent);padding:.85em 1em;font-size:1.3em}footer .checkout-btn:hover{cursor:pointer}footer .powered-by{color:var(--color-text);margin-top:1em;text-align:center;font-size:.71em;display:flex;flex-direction:row;flex-wrap:nowrap;column-gap:.5em;justify-content:center}.payment-methods{display:flex;flex-direction:column;background-color:var(--color-accent-light);border-radius:2em;padding:0 1em}.payment-methods li{display:flex;justify-content:space-between;list-style:none;text-align:left;align-items:center}.payment-methods li:hover{cursor:pointer}.payment-methods li:not(.divider){height:4em}.payment-methods hr{width:100%;border:0;margin:0;border-top:1px solid var(--color-text-light)}.skeleton-container{flex:1;display:flex;flex-direction:column}.skeleton{background-color:#333}main{display:flex;justify-content:center;align-items:center;flex:1}.payment-content{row-gap:1.45em;padding-top:39%;justify-content:flex-start}p{color:var(--color-text)}.outlined-btn{color:var(--color-text);border-radius:.8em;border:1px solid var(--color-text);place-self:center;font-size:1.25em;font-weight:700;padding:.8em 1.2em;background:transparent;cursor:pointer;transition:.3s}.outlined-btn:hover{background:var(--color-text-light)}.payment-details{display:flex;flex-direction:column;gap:.58em;width:100%;padding-top:2.3em}.payment-details .row{gap:.8em}.payment-details .label{color:var(--color-text);text-align:right;width:50%}.payment-details .value{flex-grow:1;text-align:left;width:50%}.status-header{display:flex;flex-direction:column;row-gap:.2em;margin-top:1.1em}.status-header h2{font-size:1.27em;margin:0}.go-back-btn{border:none;color:var(--color-text-btn);border-radius:.8em;background:var(--color-accent);padding:.85em 1.5em;font-size:1.3em}.go-back-btn:hover{cursor:pointer}.status-icon{margin-top:-.5em}.row{gap:1rem}.row button{display:flex;align-items:center;gap:.5rem}.failed-status-buttons{margin-top:2.5em}.status-icon{margin-top:-13em}
